@media only screen and (max-width: 767px) {
    .switcher .option{position: absolute;}
    .menu-item.menu-item-gtranslate{display: none !important;}
    .et_header_style_left #logo{ max-width: 100%;}
    .watermark-right-top::before,.et_pb_section_video .video_cl{ display: none; }
    #main-footer .footer-widget, #main-footer .footer-widget:nth-child(4) { width: 100% !important; }
    .am__title{min-height: auto;}
    .pg-cen .et_pb_text,.pg-cen .et_pb_text:nth-child(2){max-width: 100% !important;}
    .header-right{  display: none !important;}
    .et_header_style_left .logo_container{
        width: 50% !important;
    }
    /*#mobile_menu .hide_m_ipad,#et-top-navigation .et_im_lan{display: block !important;}*/
    .hero-banner.et_pb_section .et_pb_section_video_bg .mejs-video,.hero-banner.et_pb_section .et_pb_section_video_bg embed, .hero-banner.et_pb_section .et_pb_section_video_bg iframe, .hero-banner.et_pb_section .et_pb_section_video_bg object, .hero-banner.et_pb_section .et_pb_section_video_bg video{
        height: 100% !important;
    }
    .hero-banner.et_pb_section .et_pb_section_video_bg embed, .hero-banner.et_pb_section .et_pb_section_video_bg iframe, .hero-banner.et_pb_section .et_pb_section_video_bg object, .hero-banner.et_pb_section .et_pb_section_video_bg video{
        width: 100% !important;
    }
    .hero-banner .et_pb_section_video_bg::after {
        content: '';
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.7);
        position: absolute;
        z-index: 2;
    }
    #et-top-navigation .et_im_lan .switcher .selected a{
        border: 0px !important;
        float: right;
    }
    #et-top-navigation .et_im_lan .switcher .option{
        position: absolute;
        border: 0px !important;
        width: 110px !important;
        top: 50px;
        right: 0px;
    }
    .v_slist{
        top:0px !important;
        left: 38% !important;
        transform: translate(0%, 60px) !important;
    }
    .et_im_lan .switcher .selected a{
        width: 100px !important;
    }
    .ban-img .eright_b{
        display: inherit !important;
        float: none !important;
        padding-left: 0px !important;
    }
    .ban-img .et_pb_button_module_wrapper.et_pb_button_alignment_right{
        text-align: left !important;
    }
    .ban-img .et_pb_button_module_wrapper .et_pb_button.btn-call{
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 736px) and (orientation: landscape){}
@media screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){}
@media only screen and (min-width : 360px) and (max-width : 640px) and (orientation : portrait) {}
@media only screen and (min-width : 375px) and (max-width : 667px) and (orientation : portrait) {}
@media only screen and (min-width : 375px) and (max-width :812px) and (orientation : portrait){}
@media only screen and (min-width : 414px) and (max-width : 736px) and (orientation : portrait) {}
@media only screen and (device-width: 768px){}
@media only screen and (min-width : 601px) and (max-width : 767px){}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .header-right,.et_pb_section_video .video_cl{
        display: none !important;
    }
    .et_header_style_left .logo_container{
        width: 30% !important;
        height: auto !important;
    }
    #mobile_menu .hide_m_ipad{display: block !important;}
/*    #mobile_menu .hide_m_ipad a{ padding:10px 0px !important;}*/
    span.logo_helper{
        height: auto;
    }
    .hero-banner .et_pb_section_video_bg .mejs-video{
        left: 50% !important;
    }
    .hero-banner.et_pb_section .et_pb_section_video_bg .mejs-video,.hero-banner.et_pb_section .et_pb_section_video_bg embed, .hero-banner.et_pb_section .et_pb_section_video_bg iframe, .hero-banner.et_pb_section .et_pb_section_video_bg object, .hero-banner.et_pb_section .et_pb_section_video_bg video{
        height: 100% !important;
    }
    .hero-banner.et_pb_section .et_pb_section_video_bg embed, .hero-banner.et_pb_section .et_pb_section_video_bg iframe, .hero-banner.et_pb_section .et_pb_section_video_bg object, .hero-banner.et_pb_section .et_pb_section_video_bg video{
        width: 100% !important;
    }
    .hero-banner .et_pb_section_video_bg::after {
        content: '';
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.7);
        position: absolute;
        z-index: 2;
    }
    .v_slist{
        top:0px !important;
        left: 38% !important;
        transform: translate(50%, 135px) !important;
    }
    .ban-img .eright_b{
        display: inherit !important;
        float: none !important;
        padding-left: 0px !important;
    }
    .ban-img .et_pb_button_module_wrapper.et_pb_button_alignment_right{
        text-align: left !important;
    }
    .ban-img .et_pb_button_module_wrapper .et_pb_button.btn-call{
        margin-top: 0px !important;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px){
    .et_header_style_left #logo {
        max-width: 80% !important;
    }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {}
@media only screen and (min-width : 1024px) and (max-width : 1366px) {
    span.logo_helper{
        height: 100%;
    }
}

@media only screen and (min-width : 1501px) and (max-width : 1600px) {
    #top-menu li {
        padding-right: 30px !important;
    }
    .et_pb_button_module_wrapper.et_pb_button_alignment_right .et_pb_button{
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .et_pb_button_module_wrapper.et_pb_button_alignment_right .et_pb_button:hover{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}
@media only screen and (min-width : 1401px) and (max-width : 1500px) {
    #top-menu li {
        padding-right: 20px !important;
    }
    .et_pb_button_module_wrapper.et_pb_button_alignment_right .et_pb_button{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .et_pb_button_module_wrapper.et_pb_button_alignment_right .et_pb_button:hover{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media only screen and (min-width : 1301px) and (max-width : 1400px) {
    .header-right,.et_header_style_left .logo_container{width: 20% !important;}
    .et_pb_button_module_wrapper.et_pb_button_alignment_right .et_pb_button{
        padding-left: 15px !important;
        padding-right: 15px !important;
        font-size: 13px !important;
    }
    .et_pb_button_module_wrapper.et_pb_button_alignment_right .et_pb_button:hover{
        padding-left: 15px !important;
        padding-right: 15px !important;
        font-size: 13px !important;
    }
}

@media only screen and (min-width : 1200px) and (max-width : 1300px) {
    #top-menu li {
        padding-right: 20px !important;
    }
    .header-right,.et_header_style_left .logo_container{width: 25% !important;}
}


@media only screen and (max-width:1199px) {
    .et_header_style_left #logo {
        max-width: 80%;
    }
    .we_ser .et_pb_image img{
        top:0px !important;
    }
    .header-right{display: none !important;}
    #mobile_menu .hide_m_ipad{display: block !important;}

    .big-heading h2, .heading-style01 h2, .call-to-action h2,.mx-0 .et_pb_text_inner h2{ font-size: 36px !important; }
    .quote-title h2, .heading-style h2 { font-size: 30px !important; }
    .ban-img .et_pb_text_inner h2{font-size: 34px !important;}
    .large-text p, .listing-style01 ul li { font-size: 17px; }

    #et_mobile_nav_menu { display: block; }
    #top-menu,.et_pb_section_video .video_cl{ display: none; }
    .btn-start::before { display: none; }

    .hero-banner { background-size: 55% 100% !important; }
    .casestudies-wrapper { margin: 0 -10px; }
    .casestudies-wrapper .casestudy-item { padding: 10px; }
    .percentage-box { width: 100%; }
    .casestudies-row .casestudy-item-inner { padding: 20px; }
    .hero-banner .et_pb_section_video_bg::after {
        content: '';
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.7);
        position: absolute;
        z-index: 2;
    }
    .hero-banner .et_pb_section_video_bg .mejs-video{
        left: 50% !important;
    }
    .hero-banner.et_pb_section .et_pb_section_video_bg embed, .hero-banner.et_pb_section .et_pb_section_video_bg iframe, .hero-banner.et_pb_section .et_pb_section_video_bg object, .hero-banner.et_pb_section .et_pb_section_video_bg video{
        width: 100% !important;
    }
}

@media only screen and (max-width:980px) {
    .heading-style h1 { font-size: 40px !important; }
    .casestudies-wrapper .casestudy-item,.casestudies-row .casestudy-item { width: 100% !important; }
    .mob-text-center { text-align: center !important; }
    .percentage-box{    width: 100% !important;     background-size: 28% !important;}
    .sub-heading-style.mob-text-center { display: flex; justify-content: center; }

    #main-footer .footer-widget { width: 30% !important; margin: 0 !important; }
    #main-footer .footer-widget:nth-child(1){ width: 100% !important; margin-bottom: 30px !important; }
    #main-footer .footer-widget:nth-child(2),#main-footer .footer-widget:nth-child(3){width: 50% !important; margin-bottom: 30px !important; }
    #main-footer .footer-widget:nth-child(4) { width: 100% !important; }
    #footer-bottom .container { display: block !important; }
}

@media (max-width: 1024px) {
    #et_mobile_nav_menu {
        display: block;
    }

    #top-menu {
        display: none;
    }
}