@media (max-width:1024px){
    .about-content h1{
        font-size: 26px;
    }
}
@media (max-width:992px){
    .social-media{
    text-align: center;
}   
    .top-right{
        float: none;
        text-align: center;
    }
    .home-contact-form h1{
        font-size: 30px;
    }
    .navbar-form{
        margin-bottom: 0;
        margin-top: 0;
    }
    .header-bottom{
    padding-bottom: 10px;
    }
    .gallery img {
  
    height: 300px;
    }
.product-area { border-right:none;  margin-bottom:20px; border-bottom:1px dotted #fff; padding-bottom:20px; }	
footer .designed { float:left; }	
.product-img button {
    bottom: -20px;
    left: 24px;
}
.inner-prod h1 {
  
    font-size: 28px;
    }
    .welcome h1 {
    
    width: 40%;
    }
    .view-box {
    padding: 40px 0;
    height: 140px;
    }
    .home-addresss{
        position: static;
        width: 100%;
        height:364px;
    }
    .home-contact-form{
        width: 100%;
    }
    .home-addresss h1 {
   
    font-size: 30px;
    }
    .home-addresss-inner{
        float: none;
        
    }
    .home-addresss-inner i {
    font-size: 43px;
    }
}

@media (max-width:800px){
    .product-box .image-area img {
    text-align: center;
    max-width: 100%;
}
    .product-box2 .image-area img {
    text-align: center;
    max-width: 100% !important;
    }
}
@media (max-width:768px)
{
.product-img button {
    bottom: -20px;
    left: 40%;

}
     .logo img{
        margin: auto;
        width: 40%;
    }
    .search {
        float: none;
        margin: auto;
    }
    .welcome h1 {
    
    width: 90%;
    }
    .product-box .image-area img {
    text-align: center;
    max-width: 50% !important;
}
    .product-box2 .image-area img {
    text-align: center;
    max-width: 50% !important;
        margin: auto;
    }
   .gallery img {
  
    height: auto;
    }
    .home-addresss{
        position: static;
        width: 100%;
        height:504px;
    }
}
@media (max-width:448px){
 .inner-prod h1 {
    font-size: 20px;
}  
    .bread ul li a {

    font-size: 12px;
}
}
@media only screen and (max-width: 64em) and (min-width: 52.01em) {
	
  #menu li {
    width: 33.333%;
  }

  #menu .sub-menu li {
    width: auto;
  }
}

@media only screen and (min-width: 52em) {
  #menu .main-menu {
    display: block;
  }

  #toggle-menu, 
  #menu label.drop-icon {
    display: none;
  }

  #menu ul span.drop-icon {
   display: inline-block;
    right: 0;
    position: absolute;
    float: right;
   padding-right: 8px;
  }

  #menu li {
    float: left;
   
  }

  #menu .sub-menu li {
    float: none;
  }

  #menu .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 3000;
	
	
  }

  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

  #menu .sub-menu li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }
}