.btn {
    border-radius: 0px !important;
}

    /* Galaxy Z Fold 5 344 x 882 Vertical   */
    @media screen and (width:344px)  {

        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
    
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 12px;
        }

    }

    @media screen and (width:360px) {

        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 12px;
        }

        #dvGridMsgs {
            min-width: 100% !important;
            max-width: 100% !important;
            margin-left: 0px !important;
            padding-left: 0px !important;
            margin-right: 0px !important;
            padding-right: 0px !important;
          /*  */
        }
    }

    @media screen and (width:375px) {

        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-right: auto;
            color: white;
            background-color: black !important;
        }
    }

    @media screen and (width:390px) {

        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 85% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 12px;
        }
    }

    @media screen and (width:412px) {

        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 12px;
            color: red;
        }
    }

    @media screen and (width:414px) {

        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 12px;
        }
    }

    @media screen and (width:430px) {

        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 12px;
        }
    }

    @media screen and (width:540px) {

        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 12px;
        }
    }

    @media screen and (width:667px) {
        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 12px;
        }
    }

    @media screen and (width:720px) {

        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 12px;
        }
    }

    @media screen and (width:740px) {
        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 12px;
        }
    }

    @media screen and (width:768px) {

        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 12px;
        }
    }


    @media screen and (width:812px) {

        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 12px;
        }
    }

    @media screen and (width:820px) {

        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 12px;
        }
    }

    @media screen and (width:844px) {

        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 12px;
        }
    }

    @media screen and (width:853px) {

        .dvMainWidth {
            background-color: black !important;
            min-width: 110vw;
            max-width: 110vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 12px;
        }
    }

    @media screen and (width:882px) {

        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 12px;
        }
    }

    @media screen and (width:896px) {
        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 12px;
        }
    }

    @media screen and (width:912px) {
        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 16px;
        }
    }

    @media screen and (width:914px) {
        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 12px;
        }
    }
    @media screen and (width:915px) {
        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 12px;
        }
    }
    @media screen and (width:932px) {
        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 12px;
            margin-right: 12px;
        }
    }
    @media screen and (width:1024px) {
        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 20%;
            margin-right: 20%;
        }
    }
    @media screen and (width:1180px) {
        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 20%;
            margin-right: 20%;
        }
    }
    @media screen and (width:1114px) {
        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 20%;
            margin-right: 20%;
        }
    }

@media screen and (width:1152px) {
    .dvMainWidth {
        background-color: black !important;
        min-width: 100vw;
        max-width: 100vw;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }

    #primaryBox2 {
        
        min-width: 100vw;
        max-width: 100vw;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .btnW {
        width: 100% !important;
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 20%;
        margin-right: 20%;
    }

    .centeredContainer {
        width: 50% !important;
        
        display: flex;
        justify-content: center; /* Centers children horizontally */
        align-items: center; /* Centers children vertically */
        margin-inline: auto;
    }

}
    @media screen and (width:1280px) {
        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 20%;
            margin-right: 20%;
        }
    }
    @media screen and (width:1366px) {
        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 20%;
            margin-right: 20%;
        }
    }
    @media screen and (width:1368px) {
        .dvMainWidth {
            background-color: black !important;
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            margin-left: 0px;
            margin-right: 0px;
        }

        #primaryBox2 {
            
            min-width: 100vw;
            max-width: 100vw;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }

        .btnW {
            width: 100% !important;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 20%;
            margin-right: 20%;
        }
    }

@media screen and (width:1400px) {
    .dvMainWidth {
        background-color: black !important;
        min-width: 100vw;
        max-width: 100vw;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }

    #primaryBox2 {
        
        min-width: 100vw;
        max-width: 100vw;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .btnW {
        width: 100% !important;
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 20%;
        margin-right: 20%;
    }

    .centeredContainer {
        width: 50% !important;
        
        display: flex;
        justify-content: center; /* Centers children horizontally */
        align-items: center; /* Centers children vertically */
        margin-inline: auto;
    }
}

@media screen and (width:1440px) {
    .dvMainWidth {
        background-color: black !important;
        min-width: 100vw;
        max-width: 100vw;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }

    #primaryBox2 {
        
        min-width: 100vw;
        max-width: 100vw;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .btnW {
        width: 100% !important;
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 20%;
        margin-right: 20%;
    }

    .centeredContainer {
        width: 50% !important;
        
        display: flex;
        justify-content: center; /* Centers children horizontally */
        align-items: center; /* Centers children vertically */
        margin-inline: auto;
    }

    #dvGridMsgs {
        margin-left: 50px;
        margin-right: 50px;
    }
}

@media screen and (width:1920px) {
    .dvMainWidth {
        background-color: black !important;
        min-width: 100vw;
        max-width: 100vw;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }

    #primaryBox2 {

        min-width: 100vw;
        max-width: 100vw;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .btnW {
        width: 100% !important;
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 20%;
        margin-right: 20%;
    }

    .centeredContainer {
        width: 50% !important;

        display: flex;
        justify-content: center; /* Centers children horizontally */
        align-items: center; /* Centers children vertically */
        margin-inline:auto;
    }

    #dvGridMsgs {
        margin-left: 50px;
        margin-right: 50px;
        
    }
}

@media screen and (width:2048px) {
    .dvMainWidth {
        background-color: black !important;
        min-width: 100vw;
        max-width: 100vw;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }

    #primaryBox2 {
        
        min-width: 100vw;
        max-width: 100vw;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .btnW {
        width: 100% !important;
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 20%;
        margin-right: 20%;
    }

    .centeredContainer {
        width: 50% !important;
        
        display: flex;
        justify-content: center; /* Centers children horizontally */
        align-items: center; /* Centers children vertically */
        margin-inline: auto;
    }

    #dvGridMsgs {
        margin-left: 50px;
        margin-right: 50px;
        
    }
}

@media screen and (width:2112px) {
    .dvMainWidth {
        background-color: black !important;
        min-width: 100vw;
        max-width: 100vw;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }

    #primaryBox2 {
        
        min-width: 100vw;
        max-width: 100vw;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .btnW {
        width: 100% !important;
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 20%;
        margin-right: 20%;
    }

    .centeredContainer {
        width: 50% !important;
        
        display: flex;
        justify-content: center; /* Centers children horizontally */
        align-items: center; /* Centers children vertically */
        margin-inline: auto;
    }

    #dvGridMsgs {
        margin-left: 50px;
        margin-right: 50px;
        
    }
}

@media screen and (width:2496px) {
    .dvMainWidth {
        background-color: black !important;
        min-width: 100vw;
        max-width: 100vw;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }

    #primaryBox2 {
        
        min-width: 100vw;
        max-width: 100vw;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .btnW {
        width: 100% !important;
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 20%;
        margin-right: 20%;
    }

    .centeredContainer {
        width: 50% !important;
        
        display: flex;
        justify-content: center; /* Centers children horizontally */
        align-items: center; /* Centers children vertically */
        margin-inline: auto;
    }

    #dvGridMsgs {
        margin-left: 50px;
        margin-right: 50px;
        
    }
}

@media screen and (width:2560px) {
    .dvMainWidth {
        background-color: black !important;
        min-width: 100vw;
        max-width: 100vw;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }

    #primaryBox2 {
        
        min-width: 100vw;
        max-width: 100vw;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .btnW {
        width: 100% !important;
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 20%;
        margin-right: 20%;
    }

    .centeredContainer {
        width: 50% !important;
        
        display: flex;
        justify-content: center; /* Centers children horizontally */
        align-items: center; /* Centers children vertically */
        margin-inline: auto;
    }

    #dvGridMsgs {
        margin-left: 50px;
        margin-right: 50px;
        
    }
}

    /*Height starts here*/
    @media screen and (height: 344px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 360px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 375px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 390px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 412px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 414px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 430px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 600px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 667px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 720px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 740px) {

        .dvMainHeight {
            min-height: 6vh !important;
            max-height: 6vh;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 768px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 800px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 812px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 820px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 844px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 853px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 864px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 882px) {

        .dvMainHeight {
            min-height: 6vh !important;
            max-height: 6vh;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 896px) {

        .dvMainHeight {
            min-height: 6vh !important;
            max-height: 6vh;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 900px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 912px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 914px) {

        .dvMainHeight {
            min-height: 6vh !important;
            max-height: 6vh;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 915px) {

        .dvMainHeight {
            min-height: 6vh !important;
            max-height: 6vh;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 932px) {

        .dvMainHeight {
            min-height: 6vh !important;
            max-height: 6vh;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 1024px) {

        .dvMainHeight {
            min-height: 6vh !important;
            max-height: 6vh;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 1050px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 1114px) {

        .dvMainHeight {
            min-height: 6vh !important;
            max-height: 6vh;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 1180px) {

        .dvMainHeight {
            min-height: 6vh !important;
            max-height: 6vh;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 1188px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }  

    @media screen and (height: 1280px) {

        .dvMainHeight {
            min-height: 6vh !important;
            max-height: 6vh;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 1366px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 1368px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 1404px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }  

    @media screen and (height: 1536px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media screen and (height: 1600px) {

        .dvMainHeight {
            min-height: 10% !important;
            max-height: 10% !important;
            padding-top: 12px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: .8em;
        }

        #primaryBox2 {
            
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .btnH {
            height: 6vh !important;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }  


/* Non Size dependent*/
    body {
        margin: auto;
    }

    .FrmTitle {
        font-size: 24px;
    }



    #logoutBox_MsgForm {
        width: 10%;
        display: inline-block;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }

    #logoutBox {
        width: 10%;
        display: inline-block;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }

    #homeBox_MsgForm {
        width: 85%;
        display: inline-block;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        text-align: left;
    }
    /*    .colStyle > * {
        flex: 1;
    }*/
    .squaryButton {
        border-radius: 0 0 0 0 !important;
    }

    .form-control {
        border-radius: 0 0 0 0 !important;
    }

    #col1 {
        min-width: 100%;
        max-width: 100%;
    }


    #primaryBoxIndex {
        min-width: 65%;
        max-width: 65%;
        margin: auto;
        padding-left: 0;
        margin-left: 45px;
    }

    .topLabel {
        font-size: 22px;
    }

    .ForGrid {
        border-left: none;
        border-right: none;
        border-top: thin solid #b0c7d3;
        border-bottom: thin solid #b0c7d3;
    }

    .extendMsgBox {
        overflow-y: scroll;
    }

    .rowLineBorders {
        border-left: none;
        border-right: none;
        border-top: thin solid #b0c7d3;
        border-bottom: thin solid #b0c7d3;
    }

    a {
        color: black;
        text-decoration: none;
    }

    #dvMainMenu {
        min-width: 110%;
        max-width: 110%;
    }

    #dvMain {
        top: 0px;
        min-width: 90%;
        max-width: 90%;
        align-self: center;
        margin-left: auto;
        margin-right: auto;
        vertical-align: top;
    }

    #topNav {
        visibility: visible;
        width: 100%;
    }

    #topNavSmall {
        visibility: hidden;
        position: fixed;
        top: 0px;
        width: 100vw;
    }

    #nvMain {
        display: inline;
    }

    #minNav {
        display: none;
    }

.centeredContainer {
    display: flex;
    justify-content: center; /* Centers children horizontally */
    align-items: center; /* Centers children vertically */
}