/*



responsive





*/


@media only screen and (max-width: 736px) {
    
  .page header .header-icons {
    top: unset;
    right: unset;
    z-index: 1
  }
  
  .page .siteheader-classic .logo-container{
    margin-top: 5px;
  }
  
  .page .site-header{
    background-color: #fff !important
  }
  
  .page .site-logo-img{
    max-width: 80% !important
  }
  
  .page .our-projects .content{
    margin-bottom: 15px
  }
  
  .page .footer-logo .image-boxes-img{
    max-width: 100%
  }
  
  .page .imgbox-simple .img-align-left{
    text-align: center
  }
  
  .page .eluid3eb4cc3d{
    text-align: center !important
  }
  
  .page .eluid33d31e9b{
    text-align: center !important
  }
  
  .page .footer-icons .image-boxes{
    margin-left: unset
  }
  
  .page header .header-icons .linkedin-icon{
    max-width: 30px
  }
  
  .page header .header-icons .ageashop-icon{
    max-width: 100px
  }
  
  .page .footer-3rd{
      border-left: unset
  }
  
  .page .footer-icons{
    text-align: center
  }
  
  .page .eluidd71b22cb .tbk__title{
    font-size: 8px;
  }
  
  .page .testi-carousel-item{
    display: unset;
    align-items: unset
  }
  
  .page .testi-carousel-item .testi-vid,
  .page .testi-carousel-item .testi-desc{
      width: 100%
  }
  
  .page .testi-carousel-item .testi-vid{
      display: grid
  }
  
  .page .testi-carousel-item .testi-desc{
      min-height: 250px;
      padding: 25px 30px
  }
  
  .page .testi-carousel-item .testi-desc .testi-quote{
    top: 5%;
    transform: translate(-50%,-50%);
    left: 50%
  }
  
  .page .zn_pb_wrapper #page_header.page-subheader{
      min-height: 125px;
      height: 125px
  }
  
  .page .key-features-section ul li p{
      width: 60%
  }
  
  .page .features-main-thumb img{
        left: 20px;
        top: 35px
  }
  
  .page .shop-by-categories .shop-by-wrapper{
      position: unset
  }
  
  .page .shop-by-categories .shop-by-wrapper.second-item{
    left: unset;
    transform: unset
  }
  
  .page .shop-by-categories{
      height: 935px
  }
  
  .page .how-to-navigate .htn-title,
  .page .how-to-navigate .htn-thumb{
         width: 100%;
        height: 230px
  }
  
  .page .eluid79be48fd .image-boxes-img.cover-fit-img{
          height: 50%
  }
  
  .page .shop-by-categories .shop-by-wrapper h3{
      text-align: left
  }
  
  .page .shop-by-categories .shop-by-wrapper:hover{
      transform: unset;
      transform-origin: unset
  }
  
  .page .featured-products .cta-desc p{
      font-size: 10px
  }
  
  .page .location-section .location-items .location-desc h5,
  .page .location-section .location-items .location-desc h6{
      font-size: 15px
  }
  
  .page .location-section .location-items .location-desc ul li p{
      font-size: 10px
  }
 
}


@media only screen and (min-width: 767px) and (max-width: 1024){
    
    header .main-nav>ul>.menu-item>a{
        padding: 6px 15px
    }
    
}