/**   4k +*/
@media (min-width: 2560px) {
    .res-reset {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }

    body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }

    main {
        flex: 1 0 auto;
    }

    .footer-section {
        margin-top: auto;
    }

}




@media (min-width: 2048px) and (max-width: 2559.98px) {

    body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }

    main {
        flex: 1 0 auto;
    }

    .footer-section {
        margin-top: auto;
    }

}


/*small notebook */
@media (min-width: 1280px) and (max-width: 1919.98px) {

    h1{
        font-size: 1.5rem !important;
    }
    h4{
        font-size: 1rem !important;
    }
}



/* tablet */
@media (min-width: 768px) and (max-width: 1023.98px) {

    .container-fluid{
        padding-right:3rem !important;
        padding-left: 3em !important;
    }

    .video-mask-wrapper{
        margin-top: 3rem !important;
    }

    .res-tab-pt{
        padding-top: 3rem !important;
    }


    .res-reset {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }

    h2.res-2,
    h3.res-3,
    h4.res-4,
    h3.res-m-h-3,
    h6.res-6{
        font-size: 1.25rem !important;
    }

}

/*mobile*/

@media (max-width: 479.98px) {
    h1{
        font-size: 1.125rem   !important;
    }

    h3.res-h3{
        font-size: 1.125rem   !important;
    }

    .res-my-5{
        margin-top: 0 !important;
    }

    .res-mt-1{
        margin-top: 0 !important;
    }


    .container-fluid{
        padding-right: 1rem !important;
        padding-left: 1em !important;
    }


    .footer-section,
    .footer-section .container,
    .footer-section .row {

        max-width: 100vw;
    }


    .res-mob-show{
        display: block !important;
    }

    .res-mob-none{
        display: none !important;
    }


    h2.res-2,
    h3.res-3,
    h4.res-4,
    h3.res-m-h-3,
    h6.res-6{
        font-size: 1.25rem !important;
    }



    .res-d-flex { display: block !important;}
    .res-my-1{ margin: 1rem 0 !important;}
    .res-mt-1{ margin-top: 1rem!important;}
    .res-ms-1{ margin-left: 1rem!important;}


    .footer-links.list-unstyled li a{
        text-align: left !important;
    }
    .res-footer-link a{
        text-align: left !important;
    }

    .res-reset {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }


    #call {
        bottom: 1rem !important;
        right: .75rem !important;

    }

    .res-text-left{
     text-align: left !important;

    }
    .res-text-wrap{
        white-space: normal !important;
    }

    .res-d-none{ display: none}

    .res-w-100{ width: 100% ;}

}