@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2)
{
    body .locked {
        display: block !important;
        position: fixed;
        width: 100%;
        z-index: 99999999999999999999;
        height: 100%;
        top: 0;
        left: 0;
    }
}

/* ==============================
   Phone
   ============================== */
   .mobile-on{display: none}
@media (max-width: 480px) and (min-width: 320px){
    #submit_checkout{width: 100% !important;}
    .va40{top: 40% !important}
    .main_menuH.leftpart{
        top: 0px !important;
    }
    .col-xs-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xs-12{
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .max-100{max-width: 90% !important;}
    .text-xs-left{text-align: left !important;}
    .whiteBars:before,
    .whiteBars:after{
        display: none;
    }
    .boxes_x_4 .col-md-6,
    .boxes_x_4 .col-md-6.rl5,
    .boxes_x_4 .col-md-6.pl5 {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    footer .contactdata a,
    footer p {
        font-size: 14px !important;
    }
    .mobile-off{display: none !important}
    .mobile-on{display: block !important}
    footer{padding-bottom: 30px !important;}
    footer .col-lg-2{
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
    }
    .mb-xs-40{margin-bottom: 40px !important;}
    .mb-xs-80{margin-bottom: 80px !important;}
    .footer-top a {
        font-size: 12px !important;
    }
    .text-xs-center{text-align: center !important;}
    .footer-top li{margin-bottom: 0 !important;}
    .pxs0{padding: 0 !important}
    body footer .social-icon-style-12 ul li{
        padding: 0 10px !important;
        margin: 0  !important;
    }

    .border-rl{border: 0 !important}
    body .text-xs-left{text-align: left !important;}
    ul.list_ li {
        line-height: 1.2 !important;
    }
    ul.list li {
        font-size: 15px !important;
        margin-bottom: 5px !important;
    }
    .footer-bottom p a, .footer-bottom p {
        font-size: 12px;
        letter-spacing: 1px;
    }

    .panel-title span{
        font-size: 13px !important;
    }
    .margin-25px-right {
        margin-right: 10px !important;
    }
    p.lead2 {
        font-size: 22px !important;
        line-height: 1.5;
    }
    .mb-xs-0{margin-bottom: 0px !important;}
    .mb-xs-20{margin-bottom: 20px !important;}
    .mb-xs-60{margin-bottom: 60px !important;}
    .parallax._abt {
        background-attachment: inherit !important;
        background-position: 35% 50% !important;
    }
    h2 {
        font-size: 3rem !important
    }
    h1 {
        font-size: 3.5rem !important;
        line-height: 4rem !important;
    }
    .height-100 {
        max-height: 90vh;
    }
    .margin-1-rem-tb {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }
    .textimonial_box{flex-wrap: wrap !important;}
    .textimonial_box>div,
    .textimonial_box img{width: 100% !important;}

    .pxs90-0{padding: 90px 0 !important}
    .pxs90-15{padding: 90px 15px !important}
    .bg-xs-white{background-color: white !important;}
    .box-shadow-large, .box-shadow-large-hover:hover {
        box-shadow: 0 0 30px rgb(0 0 0 / 0%) !important;
    }
    body .tab-style1 .nav-tabs{display: flex !important;}
    body .tab-style1 .nav-tabs li{width: 25% !important;}
    body .tab-style1 .nav-tabs li span.alt-font{
        line-height: 1.2 !important;
    }
    .tab-content{padding-top: 40px;}
    .nav-tabs > li.nav-item:nth-child(1), .nav-tabs > li.nav-item:nth-child(3), .nav-tabs > li.nav-item:nth-child(2) {
        margin-right: 0px;
    }
    #project-contact-us-button{width: 100% !important;}
    .tobtn a{
        width: 100%;
        margin: 0;
        margin-left: 0 !important;
        margin-bottom: 20px;
    }
    aside.filters ul{width: 100%;}
    .nav-tabs > li {
        max-width: 30% !important;
        margin-bottom: -5px;
    }
    .plpx {
        border-left: 0px solid rgba(0,0,0,.1) !important;
        padding: 0px 15px !important;
    }
    .pt72m{padding-top: 0 !important;}
    .pxs-0-15{padding: 40px 5px !important}

    .h-300px{min-width: 100%;}
    .LinesBox {
        width: calc(100% - 30px);
    }
    .LinesBox div.w{
        display: block !important;
        padding: 10px 0 0 0 !important;
    }
    .LinesBox div.w a {
        border-color: transparent !important;
            margin: auto;
            margin-bottom: 7px !important;
            display: block;
            width: 100%;
            margin-bottom: 0 !important;
    }
    body .LinesBox div p.lead,
    .LinesBox div h2{padding: 0 20px !important;margin-bottom: 10px !important;font-size: 16px !important;}
    .main_menuH.leftpart {
        max-width: 100% !important;
        padding: 0px 0px !important;
    }
    body .menu_open.x_ {
        top: 31px !important;
        right: 26px !important;
    }
    body .quicklinks2 h4{line-height: 1 !important;}
    .left_child_menu li {
        width: 100%;
        display: inline-block;
        font-size: 13px !important;
    }
    .left_child_menu li a{
        font-size: 13px !important;
        padding: 0;
    }
    body ul.mainleftmenu>li> a {
        font-size: 16px;
        padding: 8px 15px !important;
    }
    body ul.mainleftmenu>li>a span.lm:after{
        width: 2px !important;
        height: 26px !important;
        left: 12px !important;
        top: 5px !important;
    }
    body ul.mainleftmenu>li>a span.lm:before{
        height: 2px !important;
        width: 26px !important;
    }
    .quicklinks2 h4{
        padding-bottom: 7px !important;
            font-size: 22px !important;
            left: 4px !important;
    }
    #animated-tab span.alt-font{
        font-size: 14px !important;
    }
    .textimonial_box .bg-white {
        padding: 60px 20px !important;
    }
    .navbar-toggler-line{min-width: 22px;}
    .textimonial_box>div{min-width: 100% !important;}
}