@media(max-width:991px){
    .without-frame{
        margin-top: 0px !important;;
    }
    .banner-font{
        font-size: 15px !important;;
    }
    

    .projector-video2 {
        width: 258px;
        background: #000000;
        position: absolute;
        z-index: 1009;
        background-size: cover;
        top: 13%;
        left: 3%;
        /* border: 2px; */
        height: 250px;
        object-fit: cover;
        /* transform: skew(-7.5deg, -19deg) translate(1px, 36px) perspective(215px) rotateX(-11deg) rotateY(-29deg); */
        /* border: 5px; */
        border-radius: 1px;
        /* transform: skew(0deg, -4deg) translate(-90px, -30px) perspective(443px) rotateX(3deg) rotateY(-39deg); */
        transform: skew(-6deg, 13deg) translate(10px, -13px) perspective(10px) rotateY(2deg) rotateX(0.1deg);
        /* box-shadow: -6px 2px 0px 0px #453c37; */
        /* border-radius: 4px; */
        border-radius: 0px 0px 4px 4px;
    }

    .capture{
        top:10%
    }
    .timer {
        position: absolute;
        bottom: 35%;
        left: 12%;
        font-size: 30px;
        z-index: 1000;
        font-weight: 900;
        color: white;
        text-shadow: 0px 1px 0px white;
    }

    .timer2 {
        position: absolute;
        bottom: 30%;
        left: 11%;
        /* margin-bottom: 120px; */
        /* padding-bottom: 120px; */
        font-size: 30px;
        z-index: 1000;
        font-weight: 900;
        color: white;
        text-shadow: 0px 1px 0px white;
    }
}

@media(max-width:860px){
    .timer {
        position: absolute;
        bottom: 34%;
        left: 12%;
        font-size: 30px;
        z-index: 1000;
        font-weight: 900;
        color: white;
        text-shadow: 0px 1px 0px white;
    }

    .banner-content{
        bottom:20%;
    }

    /* .conference-room{
        background-image: url(../images/confrence-room2.png);
        height: 400px !important;
    }
    
    .Unleash-Home{
        background-image: url(../images/home-smart.png);
        height: 400px !important;
        
    } */

    .conference-room-font{
        font-size: 30px !important;
    }

    .projector-video2 {
        width: 255px;
        background: #000000;
        position: absolute;
        z-index: 1009;
        background-size: cover;
        top: 12%;
        left: 1%;
        /* border: 2px; */
        height: 173px;
        object-fit: cover;
        /* transform: skew(-7.5deg, -19deg) translate(1px, 36px) perspective(215px) rotateX(-11deg) rotateY(-29deg); */
        /* border: 5px; */
        border-radius: 1px;
        /* transform: skew(0deg, -4deg) translate(-90px, -30px) perspective(443px) rotateX(3deg) rotateY(-39deg); */
        transform: skew(-4deg, 9deg) translate(16px, -12px) perspective(16px) rotateY(3deg) rotateX(0.1deg);
        /* box-shadow: -6px 2px 0px 0px #453c37; */
        /* border-radius: 4px; */
        border-radius: 0px 0px 4px 4px;
    }
}

@media(max-width:768px){
    .screens-slider{
        height:610px !important;
        object-fit: cover;
    }

    .mobile-responsive{
        display: block !important;
    }

    .banner{
        display: none !important;
    }

    .tv-frame-cont{
        display: none !important;
    }

    .Unleash-Home{
        height: 400px !important;  
    } 

    .conference-room{
        height: 400px !important;  
    } 
    .projector-video{
        width:100%;
        left:0;
    }
    .projector-video2 {
        width: 211px;
        background: #000000;
        position: absolute;
        z-index: 1009;
        background-size: cover;
        top: 12%;
        left: 1%;
        /* border: 2px; */
        height: 273px;
        object-fit: cover;
        /* transform: skew(-7.5deg, -19deg) translate(1px, 36px) perspective(215px) rotateX(-11deg) rotateY(-29deg); */
        /* border: 5px; */
        border-radius: 1px;
        /* transform: skew(0deg, -4deg) translate(-90px, -30px) perspective(443px) rotateX(3deg) rotateY(-39deg); */
        transform: skew(-4deg, 9deg) translate(16px, -12px) perspective(16px) rotateY(3deg) rotateX(0.1deg);
        /* box-shadow: -6px 2px 0px 0px #453c37; */
        /* border-radius: 4px; */
        border-radius: 0px 0px 4px 4px;
    }

    .slider-image-size{
        height: 652px;;
    }
}

@media(max-width:760px){
    .projector-video2{
        display: none;
    }

    .projector-video{
        display: none;
    }
}

@media(max-width:540px){
    .timer2{
        font-size: 24px !important;;
    }
    .timer {
        position: absolute;
        bottom: 39%;
        left: 12%;
        font-size: 24px !important;
        z-index: 1000;
        font-weight: 900;
        color: white;
        text-shadow: 0px 1px 0px white;
    }

    .banner-font{
        font-size: 14px !important;
    }
}

@media(max-width:425px){
    .banner-font{
        font-size: 12px !important;
    }

    .timer{
        font-size: 20px !important;

    }

    .Unleash-Home{
        height: 300px !important;  
    } 

    .conference-room{
        height: 300px !important;  
    } 

    .comfart-setting-banner{
        height: 300px !important;
    }

    .slider-image-size{
        height: 300px !important;;
    }

    

    .qsr-content{
        top:50% !important;
    }

    .timer2{
        font-size: 20px !important;;
    }

    .gaming-slider-content{
        padding-left: 20px;;
    }

    .gaming-slider-content2{
        padding-left: 20px;;
    }

    .footer-row{
        display: flex;
        justify-content: space-between;
    }

    .footer-row > div{
        width: 100% !important;
    }
}