/*--layout start--*/

@media (min-width:576px) {
 .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .block.category.event, .top-container, .page-main {
  max-width:540px !important;
  margin-left: auto;
    margin-right: auto;
 }
}

@media (min-width:769px) {
    .abs-margin-for-forms-desktop, .fieldset .legend, .column:not(.sidebar-main) form .actions-toolbar, .column:not(.sidebar-additional) form .actions-toolbar, .login-container .fieldset:after,
    .custom_form_note{
        padding-left: 25.8%;
        margin-left: 0 !important;
    }
    .custom_form_note:before{
            width: 0 !important;
    padding: 0 !important;
    }
}
@media (min-width:768px) {
 .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .block.category.event, .top-container, .page-main {
  max-width:720px !important;
 }
}
@media (min-width:992px) {
 .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .block.category.event, .top-container, .page-main {
  max-width:960px !important;
 }
 
 .custom_search_btn {
     margin-right:5px;
     margin-top:0 !important;
 }
}
@media (min-width:1200px) {
 .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .block.category.event, .top-container, .page-main {
  max-width:1140px !important;
 }
 
    #product-options-wrapper .fieldset > .field:not(.choice) > .control{
        margin:0 !important;
    }
}
@media (min-width:1400px) {
 .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .block.category.event, .top-container, .page-main {
  max-width:1320px !important;
 }
}

@media (min-width: 640px){
}

@media (min-width: 768px){
    .navigation .level0{
        margin:0 !important;
    }
    .navigation .level0:first-child {
        margin-left: 0px !important;
        padding-left: 0 !important;
    }
    .navigation .level0:last-child {
        margin-right: 0px !important;
        padding-right: 0 !important;
    }
    nav.navigation ul{
        margin: 0 auto;
        padding: 0;
        display: flex;
        width: 80%;
        justify-content: space-around;
    }
    .navigation .level0 > .level-top{
         /* max-width: 100px;*/
        line-height: 1.3 !important;
        line-break: auto;
        text-align: center;
        padding: 20px !important;
        vertical-align: top;
        color: #3c3c3b !important;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 13px;
        height:100%;
    }
    .navigation .level0 > .level-top:hover, 
    .navigation .level0.active > .level-top, 
    .navigation .level0.has-active > .level-top{
        background: #FFA200 !important;
        color: #fff !important;
        border-width:0 !important;
    }
    .page-footer ul,.page-footer ol {
        margin: 0 !important;
    }
    .footer.container{
        max-width:100% !important;
        margin: 0 !important;
        padding:0 !important;
    }
    .social-media-area-footer-a{
        color:#3E3E3E;
    }
    .owl-carousel .owl-nav .owl-prev {
        background: #fff !important;
        margin-top: -30px;
        margin-left:20px !important;
        color: #000;
        background-color: #fff !important;
        border: 2px solid #000;
        width: 45px;
        height: 45px;
        border-radius: 80px !important;
        z-index: 1;
        line-height: 3;
        text-align: center;
        padding: 5px 5px 5px 5px !important;
    }
    .owl-carousel .owl-nav .owl-next {
        background: #fff !important;
        margin-top: -30px;
        margin-right:25px !important;
        color: #000;
        background-color: #fff !important;
        border: 2px solid #000;
        width: 45px;
        height: 45px;
        border-radius: 80px !important;
        z-index: 1;
        line-height: 3;
        text-align: center;
        padding: 5px 5px 5px 5px !important;
    }
    .owl-carousel .owl-nav .owl-prev:hover,
    .owl-carousel .owl-nav .owl-next:hover{
        color: #000 !important;
    }
    .breadcrumbs .items {
        font-size: 14px !important;
    }
    .page-title {
        margin-top: 20px;
    }
    
    /*.navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .block.category.event, .top-container, .page-main{
        max-width:720px !important;
    }*/
    #search_autocomplete {
        margin-top: 43px !important;
    }
    .blog-post-view .column.main{
        width:68% !important;
    }
    .blog-post-view .sidebar.sidebar-additional{
        width:30% !important;
    }
    .page-products .products-grid .product-item{
        width: calc((100% - 4%) / 3) !important;
    }
    .page-products .products-grid .product-item:nth-child(4n + 1){
        margin-left:2% !important;
    }
    .page-products .products-grid .product-item:nth-child(3n + 1){
        margin-left: 0 !important;
    }
    .page-layout-2columns-left .column.main{
        width:75.333333% !important;
    }
    .page-layout-2columns-left .sidebar-main{
        width:24.666667% !important;
    }
    
    .catalog-product-view .product-info-main,
    .catalog-product-view .product.media{
        width:49%  !important;
    }
    .block.related .products-grid .product-item {
        width: 100%;
        padding: 0 10px;
    }
    .fotorama__stage__frame .fotorama__img{
        width:100% !important; 
    }
    .product-info-main .page-title-wrapper .page-title {
        margin-top: 0px !important;
        line-height: 1.2 !important;
    }
    /* rootway_megamenu */
    .rootmenu > #rw-menutop{
        width: auto !important;
    }
    .rootmenu .has-sub-cat:after {
        font-size: 30px !important;
        font-family: 'icons-blank-theme' !important;
        content: '\e622' !important;
        position: absolute;
        right: -5px;
        top: 17px;
        bottom: 0;
        transform: none !important;
        border: 0 !important;
        padding: 0 !important;
    }
    .rootmenu > .rootmenu-list .linksmenu ul > li{
        position:unset !important;
    }
    .rootmenu > .rootmenu-list .linksmenu ul .level3-popup{
        top: 0px !important;
        background: #F2F3F4 !important;
        border: none !important;
        border-radius: unset !important;
        box-shadow: none !important;
        left:25%;
        
    }
    .rootmenu > .rootmenu-list .linksmenu ul.root-col-1 > li.category-item{
        width:30%;
    }
    .rootmenu > .rootmenu-list .linksmenu ul.root-col-1 > li.category-item a{
        position:relative;
    }
    .rootmenu > .rootmenu-list .linksmenu .cat-arrow{
        position:absolute;
        top:5px;
        right:10px;
    }
    .rootmenu > .rootmenu-list > li > .megamenu.fullmenu.linksmenu {
        padding: 0px !important;
    }
    .rootmenu > .rootmenu-list .root-col-1{
        padding-top:0 !important;
        position: relative;
    }
    .rootmenu > .rootmenu-list .linksmenu ul.level2-popup{
        padding:20px 0 !important;
    }
    .rootmenu > .rootmenu-list .linksmenu ul .level3-popup{
        left:30% !important;
        width:35% !important;
        min-width:35% !important;
        padding-top:20px !important;
        /*height:100%;*/
    }
    .rootmenu > .rootmenu-list .linksmenu ul .level4-popup{
        left: 100% !important;
        top: 0 !important;
        width: 100%;
        min-width: 100%;
        min-height: 100%;
        padding-top:20px !important;
        border: 0 !important;
        box-shadow: none !important;
    }
    .rootmenu > .rootmenu-list .root-sub-col-3 {
        padding-top: 20px !important;
    }
    /* rootway_megamenu end */
    
    #checkout .opc-sidebar{
        margin-top:0px !important;
    }
    #checkout .authentication-wrapper {
        margin-top:75px !important;
    }
    #shipping-method-buttons-container{
        padding-left: 0;
        margin-left: 0 !important;
        margin-top: 40px !important;
    }
    
    .top_nav_bar_right ul li{
        margin-bottom:2px !important;
    }
    
    .checkout-shipping-method .actions-toolbar > .primary{
        float:left !important;
    }
    .opc-block-shipping-information .shipping-information-title{
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 500;
        border-bottom: 2px solid #ffa200 !important;
    }
    .opc-sidebar.opc-summary-wrapper .opc-block-shipping-information {
        padding: 20px 30px 10px 30px !important;
        background: #F2F3F4;
    }
    .cms-page-view .column.main{
        /*padding-top:30px;*/
    }
    .block-search{
        padding-right:10px !important;
    }
}

@media (min-width: 992px){
    /*.navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .block.category.event, .top-container, .page-main{
        max-width:960px !important;
    }*/
    .mobile__search__result {
        height: 0;
    }
}

@media (min-width: 1024px){
}

@media (min-width: 1200px){
    /*.navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .block.category.event, .top-container, .page-main{
        max-width:1140px !important;
    }*/
}

@media (min-width: 1400px){
    /*.navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .block.category.event, .top-container, .page-main{
        max-width:1320px !important;
    }*/
}

@media (min-width: 768px) and (max-width: 991px){
    .top_right_cart_info{
        display: flex;
        justify-content: flex-end;
        /*align-items:center;*/
    }
    .custom_header_right{
        margin-right:20px;
    }
}

@media (max-width: 991px){
    body{
        padding-left:20px;
        padding-right:20px;
    }
  /* last changes */
  .serch-form button {
    border: 0;
    background-color: #fff !important;
    box-shadow: none;
    font-size: 18px;
    background-image: none;
    margin: 0;
    padding: 0;
    height: 48px;
  }
  a.navbar-brand img{
      width:auto !important;
  }
  .mobile-toogle.d-lg-none{
      margin-right:10px !important;
      margin-top:10px;
  }
  ul.heder-icone-ul li img{
      width:40px;
      height:auto;
  }
  .block-search .label{
      display:none !important;
  }
  .block-search .control{
      width: 100%;
    position: relative;
    margin:0 !important;
    border-top:0 !important;
  }
  #search{
      position:unset;
      border-color: #c2c2c2 !important;
  }
  .custom_search_btn{
      height: 40px;
    right: 5px;
  }
  .navbar-toggler:hover,
  .navbar-toggler:active,
  .navbar-toggler:focus,
  .navbar-toggler:visited{
      background:unset !important;
  }
  #shopping-cart-table tbody.cart.item tr.item-actions{
      bottom:0 !important;
  }
}

@media (max-width: 768px){
    .product-info-main .page-title-wrapper .page-title{
        font-size:25px;
        line-height:1.2;
    }
    .custom_description_download_section{
        display: unset;
    }
    .custom_description_section {
      width: 100%;
      padding: 0;
    }
    .custom_description_section_righttop {
      width: 100%;
    }
    
}

@media (max-width: 639px){
}

@media (max-width: 480px){
    body{
        padding-left:10px;
        padding-right:10px;
    }
}

@media (min-width:1600px) {
    .container{
      max-width:1400px !important;
      margin: 0 auto !important;
    }
    a.navbar-brand img {
      /*width: 285px;
      height: 175px;
      object-fit: contain;*/
    }
}

@media (max-width:991px) {
  .header-wrapper-div {
    border-bottom: 2px solid #ffa200;
  }
  .cantilever-canopy-content h2{
    font-size: 60px;
    padding-left: 60px;
  }
  .inner-content-for-to {
    padding-left: 60px;
  }
  .services-box-single-wrapper h3{
    font-size: 26px;
  }
  .services-box-single-wrapper p{
    font-size: 16px;
  }
    
  .nav-sections {
      -webkit-overflow-scrolling: touch;
      -webkit-transition: left 0.3s;
      -moz-transition: left 0.3s;
      -ms-transition: left 0.3s;
      transition: left 0.3s;
      height: 100%;
      left: calc(-1 * (100% - 54px));
      overflow: auto;
      position: fixed;
      top: 0;
      width: calc(100% - 54px);
  }
  .mobile__search__result{
        position: fixed;
        top: 0px;
        left: -100%;
        background: #F2F3F4;
        z-index: 110;
        height: 100vh;
        width: 100vw;
        transition: all .3s ease-in-out;
    }
    .show__drawer{
        left: 0% !important;
        transition: all .3s ease-in-out;
        /*display: block !important;*/
    }
    .rootmenu > #rw-menutop{
        display:unset !important;
    }
    .rootmenu > .rootmenu-list > li{
        height: auto !important;
        width: auto !important;
    }
    .menu__elements{
        margin: 5px 0;
        /*border-top: 1px solid #ccc;*/
    }
    .close__drawer{
        
    }
    .section_breadcrumbs {
      margin: 0 0 10px 0;
      padding: 10px 0;
    }
    .catalog-product-view .column.main {
      margin-top: 20px;
      margin-bottom: 20px;
      padding-bottom: 10px;
    }

}

@media (max-width:767px) {
    .page-title {
        margin-top: 10px;
    }
    
    .account .page-main, .cms-privacy-policy .page-main {
        padding-top: 15px;
    }
    
    .field-tooltip .field-tooltip-content{
        width:200px;
    }
     
    .header_phone_email,
    .customer_mini_section span,
    .minicart_total{
        display:none !important;
    }
    
    .top_right_cart_info{
        display: flex;
        justify-content: flex-end;
    }
    ul.heder-icone-ul {
        align-content: center;
        margin-bottom: 0;
        margin-right: 10px;
    }
    ul.heder-icone-ul li.heder-icone-li {
      margin-left: 10px;
    }
    .css_mobile_new_search_block{
        padding-left:1.5rem !important;
    }
    ul.heder-icone-ul li img{
        width: 30px;
        height: 30px;
    }
    .mobile-toogle.d-lg-none {
        padding-top: 0px;
        margin-top: 0;
    }
    .minicart-wrapper{
        margin:0 10px 0 0 !important;
    }
    
    #home-slider .slick-prev,  #home-slider .slick-next{
        top: 24% !important;
    }
    .product-supply-img img {
    width: 50% !important;
    height: 100px;
    object-fit: contain;
    padding-top: 10px;
    padding-bottom: 5px;
    margin: 0 auto;
    }
    .services-list-description h5{
    padding-right: 70px;
    }
    .services-list-singel-col {
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    padding-top: 15px;
    }
    .slider-iner-content-wrapper {
    position: relative;
    margin-top: 20px;
    }
    .home-single-slider img {
    height: 100% !important;
    }
    .services-box-single-wrapper h3,
    .inner-content-for-to span,
    .slider-iner-content-wrapper .titel-btn-area h2,
    .fetured-box-containet-wrapper h2{
    font-size: 26px;
    }
    .services-box-single-wrapper p,
    .slider-iner-content-wrapper .slide-description-area p{
    font-size: 16px;
    }
    .cantilever-canopy-content h2 {
    font-size: 40px;
    padding-left: 15px;
    }
    .inner-content-for-to {
    padding-left: 15px;
    }
    .modal{
        top: 10% !important;
        width: 90% !important;
        left: 5% !important;
        right: 5% !important;
        margin: 0 !important;
    }
    .case_study_page_title{
        margin-top: 20px;
    }
    .case_study_page_title_inner{
        width: 100%;
    }
    .case_study_page_mainimage{
        margin:20px 0 30px 0;
        width:100%
    }
    .case_study_page_text{
        margin: 30px 0;
        width: 100%;font-size: 15px;
    }
    
    .owl-theme .owl-nav [class*='owl-'] {
        background: #fff !important;
        margin-top: -30px;
        margin-left: 0px !important;
        color: #000;
        background-color: #fff !important;
        border: 2px solid #000;
        width: 35px;
        height: 35px;
        border-radius: 60px !important;
        z-index: 1;
        line-height: 1;
        text-align: center;
        padding: 5px 5px 5px 5px !important;
    }
    .owl-theme .owl-nav [class*='owl-']:hover{
        color: #000 !important;
    }
    
    .case-stydy-slider-page .owl-nav .owl-prev{
        left: -10px !important;
        position: unset;
        margin-top: 10px;
    }
    .case-stydy-slider-page .owl-nav .owl-next{
        right: -10px !important;
        position: unset;
        margin-top: 10px;
    }
    
    .owl-nav .owl-prev {
        left: -15px !important;
    }
    .owl-nav .owl-next {
        right: -15px !important;
    }
    
    .custom_subcategory_list {
        display: block;
    }
    .custom_subcategory_list_content {
        width: 100%;
        margin-right: 0%;
        margin-bottom:15px;
        display:unset;
    }
    .custom_category_list_title,
    .custom_category_list_content {
        display: block;
    }
    .custom_category_list_content > div, .custom_category_list_view,
    .custom_subcategory_list_content .custom_subcategory_list_view{
        margin-right: 0;
        margin-bottom: 20px;
        width: 100% !important;
    }
    .custom_category_list_content_right{
        margin: 15px 0 20px 0;
    }
    
    

    /* footer css */
    .footer-1 {
    display: flex;
    flex-direction: column-reverse;
    }
    .footer-logo img {
    width: 100% !important;
    height: 84px !important;
    object-fit: contain !important;
    }
    .footer-1 .footer-logo{
        margin-bottom:30px;
    }
    .footer-1 .footer-1-second-div{
        margin-bottom:20px;
    }
    .bottom-bar div{
    width: 100%;
    }
    .copy-right-div{
      font-size:20px;
    }
    #product-supply-mobile-slide{
      text-align:center;
    }
    .bottom-compny-info-div img {
    display: none !important;
    }
    .footer-logo{
        text-align:center;
    }
    /* footer css */
}

 @media (min-width:768px) {
    .blog-post-view .page-wrapper > .page-bottom{
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
     .catalog-product-view .page-wrapper > .page-bottom,
     .catalog-category-view .page-wrapper > .page-bottom,
     .checkout-cart-index .page-wrapper > .page-bottom{
        max-width: 100% !important;
        padding: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .cms-page-view.page-layout-1column .column.main{
        padding-top:10px;
    }
}

@media (max-width:1199px) {
    #product-options-wrapper .field.option{
        display:flex;
        justify-content: space-between;
        align-content: center;
    }
    #product-options-wrapper .field.option.hide{
        display: none !important;
    }
    #product-options-wrapper .fieldset > .field:not(.choice) > .label{
          width: auto;
          /*padding: 0 5px 0 5px !important;*/
          margin: 0;
          padding-left: 5px !important;
    }
    #product-options-wrapper .fieldset > .field:not(.choice) > .control{
        width:auto;
        margin:0 0 0 5px !important;
    }
    
}

@media only screen and (max-width: 767px) {
    #product-options-wrapper .field.option.hide{
        display: none !important;
    }
}