@media(max-width:576px) {

    .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: 90%;
        border-radius: 10px;
        top: 20px;
        left: 10px;
    }

    .Dubai_Actually{
        font-size:18px;
    }

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


    /*Footer css*/

    .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: 80px;
    }

/*    .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: 87px;
    }

    .logo {
        width: 40% !important;
    }
}


@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%;
    }
}

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