@media (min-width: 1px) and (max-width: 520px) {
    #logo{
        display: flex;
        justify-content: inherit !important;
        gap: 0px !important;
    }
    .mobile-search,
    .mobile-user-account{
        display: none !important;
    }
    .wpb_wrapper h2.vc_custom_heading {
        font-size: 40px !important;
        line-height: 27px !important;
    }
    #copyright,
    #copyright .col_last{
        text-align: center !important;
    }
    .mob-menu{
        display: flex !important;
    }
    .mob-btn{
        display: none !important;
    }
    .vc_column-inner{
        margin-left: 0px !important;
    }

    body .container-wrap .vc_row-fluid[data-column-margin="50px"]
    .wpb_column:not(.child_column), body .container-wrap
    .inner_row[data-column-margin="50px"] .child_column {
        padding: 0 5px !important;
        /* display: flow !important; */
        /* display: block ; */
    }

    .mob-soc{
        font-size: 35px !important;
    }
    .mob-s-link{
        justify-content: center !important;
        row-gap: 20px !important;
    }
    .mob-bottom-footer{
        margin-bottom: 5px !important;
    }
    .vc_custom_heading{
        margin-left: 0px !important;
    }
    .mob-partner{
        padding: 0px 0px !important;
    }



}

.p-img:hover{
    opacity: 0.7;
}

.class1{
    color: #ffffff;
    padding-right: 25px;
}

.clients{
    box-shadow: rgba(1, 1, 1, 0.2) 1px 2px 3px 1px;
    width: 100%;
    text-align:center;
}

.class2{
    box-shadow: rgba(1, 1, 1, 0.2) 1px 2px 3px 1px !important;
}
.class3{
    padding: 0 60px;
}
.class4{
    text-align: end;
    padding-right: 55px;
    margin-top: -30px;
}
.class5{
    padding: 15px 15px 15px 15px;
    background: #f7f7f7;
    border-radius: 0 0 10px 10px;
}

.class8{
    padding: 0px !important;
}

.btn-class{
    padding: 3px 20px !important;
    width: 100% !important;
    margin-top: 10px !important;
    border-radius: 10px !important;
    background: #0079a8 !important;
    border: #0079a8 !important;
    color: #fff !important;
    font-size: 15px;
}

.welcom_image{
    height: 400px !important;
}

.header_title{
    font-size: 40px; font-weight: 600;color: black;margin-bottom: 0;text-shadow: rgb(255, 255, 255) 1px 0 10px;
}

.slider_res{
    padding-top: calc(2vw);
    padding-bottom: calc(0vw);
    z-index: 100;
}



@media (min-width: 1px) and (max-width: 600px) {
    .slider_res{
        padding-top: calc(0px);
        padding-bottom: calc(40vw);
        z-index: 100;
    }
    .header_title{
        font-size: 30px; font-weight: 600;color: black;margin-bottom: 0;text-shadow: rgb(255, 255, 255) 1px 0 10px;
    }
    .class1{
        color: #ffffff;
        padding-right: 0px;
        padding-left: 0px
    }

    .clients{
        box-shadow: rgba(1, 1, 1, 0.2) 1px 2px 3px 1px;
        width: 100%;
        height: 138px;
        text-align:center;
    }

    .class2{
        box-shadow: rgba(1, 1, 1, 0.2) 1px 2px 3px 1px !important;
    }

    .class3{
        padding: 0 10px;
    }
    .class4{
        text-align: end;
        padding-right: 10px;
    }
    .class5{
        text-align: start;
    }
    .class6{
        height: 150px
    }
    #slider{
        height: 288px !important;
        margin: 0 auto !important;
        position: relative !important;
        /* overflow: hidden !important; */
        z-index: 999 !important;
    }
    .slide img{
        height: 288px !important;
    }
    .controls{
        top: 25% !important;
    }

    .welcom_image{
        height: 300px !important;
    }

    .owl-carousel.owl-drag .owl-item{
        top: -30px !important;
    }

    .footer1{
        text-align: center !important;
    }

    .footer2{
        justify-content: center !important;
    }
    .cus_head{
        margin-top: -10px !important;
    }
}