@media(max-width:576px) {

    .lang {
        top: -53px;
        left: 37%;
    }


    .logo {
        width: 80px !important;
    }

    .content {
        min-height: 45vh;
        width: 85vw;
        margin: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    /*Video section css*/
    .video {
        width: 90%;
        min-height: 30vh !important;
    }

    .center-section {
        padding-block: 4rem;
    }

    .main-head {
        font-size: 2.5rem;
    }


    .Advoice-card {
        height: auto !important;
    }

    /*Alka css*/
    .section-title {
        font-size: 28px;
        line-height: 34px;
    }

    .text {
        font-size: 17px;
    }

    .outer {
        max-width: 100% !important;
        padding: 20px;
    }

    .btn img {
        width: 20%;
    }

    .upper_box {
        max-width: 100%;
        border-radius: 10px;
        top: 0;
        left: 0;
        height: 100%;
    }

        .Dubai_Actually {
            font-size: 18px;
        }

        .review-section .swiper-button-next,
        .review-section .swiper-button-prev {
            display: none !important;
        }
        /*Footer css*/

        .left-panel {
            padding: 0;
        }

        .right-panel {
            padding: 0;
        }


        .footer-first {
            align-items: center;
            font-size: large;
            color: rgb(6, 48, 87);
        }

        .footer-second {
            align-items: center;
            font-size: large;
            background-color: #ffb100;
            text-align: center;
        }

        .list-hr {
            width: 30%;
        }

        .list-hr-m {
            width: 30%;
        }

        .text-first {
            font-size: 15px;
        }

        .text-third {
            line-height: 13px;
        }
        /*    .vision-section {
        padding: 40px 0;
    }*/
        .search-row {
            border-radius: 0px;
        }

        .cost-calculator-device {
            display: block !important;
        }

        .Render_section {
            margin-top: 60px;
        }
        /*    .logo {
        width:48% !important;
    }*/
    }


@media (min-width:768px) and (max-width:1024px) {
    .video {
        width: 90%;
        min-height: 42vh !important;
    }


    .Advoice-card {
        height: auto !important;
    }

    .section-title {
        font-size: 30px;
    }

    .cost-calculator-device {
        display: block !important;
    }

    .Render_section {
        margin-top: 60px;
    }

    .logo {
        width: 40% !important;
    }

    .lang {
        top: -53px;
    }
}


@media (min-width:1024px) and (max-width:1024px) {
    .Nest_IPadPro {
        display: block !important;
        justify-content: space-between !important;
    }

    .All_device {
        display: none !important;
    }

    .cost-calculator-device {
        display: block !important;
    }
}


/*only for navigation bar*/

@media (max-width:1024px) {
    .infos {
        display: none !important;
    }

    #Company_2 {
        display: none !important;
    }

    #Company_1 {
        display: block !important;
    }
}

/* 0px se 1024px tak col-lg-2 ka effect hata do */
@media (max-width: 1024px) {
    .custom-col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .foot-logo {
        width: 30% !important;
    }

    #gtranslate-desktop-slot {
        display: none !important;
    }

    /*    .banner-section{
        top:-20px !important;
    }*/
}

/* 1024px ke baad col-lg-2 jaisa behave kare */
@media (min-width: 1025px) {
    .custom-col {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
}

@media screen and (min-width:992px) and (max-width: 1199px) {
    /* Your responsive CSS here */
    .header-ipad {
        padding-block: 1rem;
    }

    #top-first-col {
        display: flex !important;
    }

    #navbar-container {
        display: flex !important;
        justify-content: flex-start !important;
    }


    .navbar-logo .logo {
        /* CSS */
        display: none !important;
    }

    #top-first-col > div {
        display: block !important;
    }

    .lang {
        display: block !important;
    }

    #gtranslate-desktop-slot {
        display: none;
    }
}

#Only_Ipadpro {
    display: none !important;
}


@media screen and (width: 1024px) and (height: 1366px) {
    #Only_Ipadpro {
        display: block !important;
    }

    .lang {
        display: block !important;
    }

    #gtranslate-desktop-slot {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .left-panel, .right-panel {
        padding: 40px 24px !important;
    }

    .bottom-bar {
        padding: 22px 20px !important;
    }

    .copyright-row{
        padding:14px 20px !important;
    }
}

@media (min-width: 1200px) {
    .lang {
        display: none !important;
    }

    #gtranslate-desktop-slot {
        display: flex !important;
    }
}

@media screen and (min-width:1024px) and (max-width : 1200px) {
    .infos {
        display: none !important;
    }

    .lang{
        top:-53px;
    }

    .col-lg-2 {
        flex: 0 0 auto !important;
        width: 100% !important;
    }
    .pb-lg-0 {
        padding-bottom: 1rem !important;
    }

}


@media (min-width:576px) and (max-width:768px)
{

    .Render_section {
        margin-top: 40px;
    }

}



@media screen and (width:1032px) and (height:1376px) {

    .Render_section {
        margin-top: 40px;
    }

    .lang {
        top: -63px;
    }


}