/*------------ RESPONSIVE MEDIA ------------*/
    /* X-Small devices (portrait phones, less than 576px) */
    /* No media query for `xs` since this is the default in Bootstrap */
    /* Small devices (landscape phones, 576px and up) */

    @media (min-width: 576px) {}

    /* Medium devices (tablets, 768px and up) */

    @media (min-width: 768px) {}

    /* Large devices (desktops, 992px and up) */

    @media (min-width: 992px) {

    }

    /* X-Large devices (large desktops, 1200px and up) */

    @media (min-width: 1200px) {}

    /* XX-Large devices (larger desktops, 1400px and up) */

    @media (min-width: 1200px) {}

    @media (min-width: 1400px) {}

    @media (min-width: 1600px) {}

    @media (max-width: 575px) {

        .title-maxi {
            font-size: 50px;
            line-height: 50px;
        }
    
        .title-big {
            font-size: 30px !important;
            line-height: 38px;
        }
    
        .title-med {
            font-size: 26px;
        }
    
        .title-small {
            font-size: 22px;
            line-height: 28px;
        }
    
        p {
            font-size: 16px;
            line-height: 24px;
        }

        .sliderHome .slider-box {
            position: absolute;
            z-index: 1000;
            left: inherit;
            width: 80%;
        }

        .sliderHome .title {
            font-family: 'Barlow', sans-serif;
            text-align: left;
            font-size: 60px;
            line-height: 76px;
            font-weight: 500 !important;
            color: #B6004B;
        }
    
    
        .sliderHome .text {
            font-family: 'Barlow', sans-serif;
            text-align: left;
            font-size: 26px;
            line-height: 32px;
            font-weight: 300 !important;
            color: #fff;
        }

        .sliderHome .logo-sw {
            height: 100px;
            width: auto;
        }
    
    }

    @media (max-width: 991px) {

        html,
        body {
            max-width: 100%;
        }

        .logo {
            width: 180px;
        }

        #content-video {
            height: auto;
         }

         .border-dx-red {
            border-right: 0px solid #BF1E25;
            height: 100%;
        }

        .border-sx-white {
            border-left: 0px solid #FFFFFF;
            height: 100%;
        }
    
        .term-offcanvas {
            --bs-offcanvas-width: 100vw !important;
        }
    
    }



    @media (max-width: 1199px) {}