/* mainmenu responsive styles */
@media (max-width: 1100px) {
    .nav-holder {
         width: 90%;
        position: absolute;
     }
     .nav-holder .nav-header {
         display: block;
         padding-left: 0;
         padding-right: 0;
         padding-top: 25px;
     }
     .nav-holder .nav-footer {
         display: none;
         /*height: 250px;*/
         overflow: hidden;
         overflow-y: visible;
         position: relative;
         z-index: 9999;
     }
     .nav-holder > .nav-footer ul > li {
         float: none;
         padding: 0 !important;
         padding-bottom: 0;
         display: block !important;
     }
     .nav-holder .nav-footer ul.nav > li > a {
         padding: 15px 26px;
         font-size: 1.1em;
         border-right: 1px dashed transparent;
     }
     .nav-holder > .nav-footer {
         position: absolute;
         top: 133%;
         width: 100%;
         background: #224563;
         left: 0;
     }
     .nav-holder > .nav-footer ul > li > .submenu {
         position: relative !important;
         opacity: 1 !important;
         visibility: visible !important;
         top: auto !important;
         left: auto !important;
         padding-left: 20px;
         padding-right: 20px;
         padding-bottom: 20px;
         width: 100%;
         display: none;
         transition: none !important;
     }
     .nav-holder > .nav-footer ul > li > ul.submenu ,
     .nav-holder > .nav-footer ul > li > ul.submenu > li > .submenu {
         padding-top: 0px;
         padding-left: 0px;
         padding-bottom: 0px;
         display: none;
         transition: none;
         padding-right: 00px;
         width: 100% !important;
     }
     .nav-footer ul.nav {
         padding-bottom: 5px;
     }
     .nav-footer ul.nav > li > a {
       border-bottom: 1px solid #345775 !important;
       color: #242424;
       display: block;
       font-family: "Roboto Slab",sans-serif;
       font-size: 15px;
       font-weight: bold;
       line-height: 29px;
       padding: 10px 25px;
       text-transform: uppercase;
     }
     .nav-holder > .nav-footer ul.nav > li:hover > a {
         background: #1FB5C7;
         color: #fff !important;
     }
     .nav-footer ul.nav li.has-submenu > a {
         position: relative;
     }
     .nav-footer ul.nav li.has-submenu > a > button {
         display: block;
         position: absolute;
         top: 9px;
         right: 15px;
         background: #7fa409 none repeat;
         border: 1px solid #c4cab3;
         border-radius: 5px;
         color: #fff;
         font-size: 16px;
         height: 30px;
         outline: medium none;
         width: 30px;
         padding: 0;
         text-align: center;
         line-height: 15px;
     }
     .nav-footer ul.nav li.has-submenu > a > button {
         display: block;
         position: absolute;
         top: 6px;
         right: 15px;
         background:transparent;
         border: 1px solid transparent;
         border-radius: 5px;
         color: #fff;
         font-size: 13px;
         height: 30px;
         outline: medium none;
         width: 30px;
         padding: 0;
         text-align: center;
         line-height: 15px;
     }
     /*                     */
     
    .main-menu-wrapper-two .nav-holder {
         width: 90%;
        position: absolute;
     }
     .main-menu-wrapper-two .nav-holder .nav-header {
         display: block;
         padding-left: 0;
         padding-right: 0;
         padding-top: 25px;
     }
     .main-menu-wrapper-two .nav-holder .nav-footer {
         display: none;
         /*height: 250px;*/
         overflow: hidden;
         overflow-y: visible;
         position: relative;
         z-index: 9999;
     }
     .main-menu-wrapper-two .nav-holder > .nav-footer ul > li {
         float: none;
         padding: 0 !important;
         padding-bottom: 0;
         display: block !important;
     }
     .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li > a {
         padding: 15px 26px;
         font-size: 1.1em;
         border-right: 1px dashed transparent;
     }
     .main-menu-wrapper-two .nav-holder > .nav-footer {
         position: absolute;
         top: 133%;
         width: 70vw;
         background: #224563;
         left: 0;
     }
     .main-menu-wrapper-two .nav-holder > .nav-footer ul > li > .submenu {
         position: relative !important;
         opacity: 1 !important;
         visibility: visible !important;
         top: auto !important;
         left: auto !important;
         padding-left: 20px;
         padding-right: 20px;
         padding-bottom: 20px;
         width: 100%;
         display: none;
         transition: none !important;
     }
     .main-menu-wrapper-two .nav-holder > .nav-footer ul > li > ul.submenu ,
     .main-menu-wrapper-two .nav-holder > .nav-footer ul > li > ul.submenu > li > .submenu {
         padding-top: 0px;
         padding-left: 0px;
         padding-bottom: 0px;
         display: none;
         transition: none;
         padding-right: 00px;
         width: 100% !important;
     }
     .main-menu-wrapper-two .nav-footer ul.nav {
         padding-bottom: 5px;
     }
     .main-menu-wrapper-two .nav-footer ul.nav > li > a {
       border-bottom: 1px solid #345775 !important;
       color: #242424;
       display: block;
       font-family: "Roboto Slab",sans-serif;
       font-size: 15px;
       font-weight: bold;
       line-height: 29px;
       padding: 10px 25px;
       text-transform: uppercase;
     }
     .main-menu-wrapper-two .nav-holder > .nav-footer ul.nav > li:hover > a {
         background: #1FB5C7;
         color: #fff !important;
     }
     .main-menu-wrapper-two .nav-footer ul.nav li.has-submenu > a {
         position: relative;
     }
     .main-menu-wrapper-two .nav-footer ul.nav li.has-submenu > a > button {
         display: block;
         position: absolute;
         top: 9px;
         right: 15px;
         background: #7fa409 none repeat;
         border: 1px solid #c4cab3;
         border-radius: 5px;
         color: #fff;
         font-size: 16px;
         height: 30px;
         outline: medium none;
         width: 30px;
         padding: 0;
         text-align: center;
         line-height: 15px;
     }
     .main-menu-wrapper-two .nav-footer ul.nav li.has-submenu > a > button {
         display: block;
         position: absolute;
         top: 6px;
         right: 15px;
         background:transparent;
         border: 1px solid transparent;
         border-radius: 5px;
         color: #fff;
         font-size: 13px;
         height: 30px;
         outline: medium none;
         width: 30px;
         padding: 0;
         text-align: center;
         line-height: 15px;
     }
     .product_box{
        padding: 50px 25px;
     }
     
    .slider_banner {
        
        height: 380px;
    }
    .ser-in-box {
        width: 100%;
    }
    .input_item {
       
        width: 22.5555%;
    }
    .abt_btm_rt1, .abt_btm_rt2 {
        padding: 16% 10%;
        position: relative;
    }
    .sb_img_cont h1 {
        
        font-size: 25px;
    }
    .sb_img_cont {
        width: 85%;
        position: relative;
        left: -84px;
    }
     
 }
 @media (max-width: 768px) {
    .pro_left_img .pro_img_box, .pro_right_img .pro_img_box {
        
        flex-wrap: wrap;
        margin-top: 38px;
    }
    .product_box {
        
        padding: 44px 44px;
        margin-top: 38px;
    }
    .pro_left_img .img_group:nth-child(2) {
        padding-top: 0px;
    }
    .pro_left_img .img_group:nth-child(3) {
        padding-top: 0px;
    }
    .pro_left_img .pro_img_box:before {
        bottom: -15px;
        left: 0;
        z-index: 1;
    }
    .pro_left_img .pro_img_box::after {
       
        top: -15px;
        right: 1px;
        z-index: 1;
    }
    .pro_left_img, .pro_right_img {
        margin-bottom: -32px;
    }
    .pro_right_img .img_group:nth-child(2) {
        padding-top: 0px;
    }
    .pro_right_img .img_group:nth-child(1) {
        padding-top: 0px;
    }
    .pro_right_img .row{
        display: flex;
        flex-wrap: wrap-reverse;
    }
    .pro_right_img .pro_img_box:before {
        
        bottom: -6px;
        right: 1px;
        
    }
    .pro_right_img .pro_img_box::after {
        top: -10px;
    }
    .us_img_box {
        
        margin-bottom: 10px;
    }
    .sec-header-left{
        margin-bottom: 30px;
    }
    .cont_sec {
        position: relative;
        padding: 30px;
    }
    .input_form {
        position: relative;
        padding-left: 0%;
        margin-top: 36px;
    }
    
 }
 @media only screen and (max-width: 575px) {
    .rev_slider, .rev_slider_wrapper {
        height: 200px !important;
    }
    .sb_img_cont{
        width: 100%;
        left:0;
        text-align: center;
        padding: 0;

    }
    .slider_banner {
        height: 500px;
    }
    .sb_img_cont p, .link a {
        
        margin-bottom: 27px;
    }
 }
 @media only screen and (max-width: 368px) {
    .product_box {
        padding: 44px 16px;
        
    }
    .slider_banner{
        height: 355px;
    }
    .common-pad {
        padding: 60px 10px;
    }
    .sb_flex{
        display: block;
    }
    .ser-in-box {
        width: 100%;
    }
    .input_item {
       
        width: 30.5555%;
    }
    .fed_box .thumbnail {
        padding: 24px;
        max-height: 36em;
        height: 32em;
    }
    .abt_img_lt {
        
        height: 265px;
        max-height: 423.2px;
        padding: 24px;
    }
    .abt_img_btm {
       top: 0;
       
    }
    .abt_btm_rt2 .sec-header-center h1:before {
        bottom: 39px;
        left: -20px;
    }
    .abt_btm_rt2 .sec-header-center h1::after {
        
        bottom: -2px;
        width: 30px;
        right: -18px;
        
    }
    .infra_sec .thumb_head {
        padding: 0 3%;
    }
    .sb_img_cont{
        width: 100%;
        left:0;
        text-align: center;
        padding: 0;

    }
    .sb_img_cont p, .link a {
       
        margin-bottom: 5px;
        font-size: 11px;
    }
    .sb_img_cont h1 {
       
        font-size: 25px;
    }
    .sb_img1 {
        
        right: -28px;
        position: relative;
    }
    .sb_img2 {
        
        left: -1%;
        
    }
    .sb_img3 {
       
        left: -11%;
       
    }
    .pro_left_img .pro_img_box, .pro_right_img .pro_img_box {
        flex-wrap: wrap;
        margin-top: 38px;
    }
    .pro_left_img .img_group img,.pro_right_img .img_group img {
        width: 152px;
        margin-bottom: 2px;
    }
    .rev_slider,.rev_slider_wrapper {
        height: 130px !important;
    }
    .slider_banner{
padding: 26px 10px;
    }
 }