@media screen and (min-width:320px) and (max-width: 1199px)
{
	html body .about-wrapper .main-about-div {
    padding: 50px 10px;

}
}

@media screen and (min-width:320px) and (max-width: 1023px)
{
html body .menu-icon.dark {
    width: 28px;
    height: 19px;
}	
html body .module {
    margin-bottom: 20px;
	height: auto;
}
.owl-carousel {
    height: auto;
}
.owl-stage-outer .owl-stage
{
	  height: auto;
}
html body .container-full-width.products-section {

    background-size: cover;
    background-repeat: no-repeat;

}
}
@media screen and (min-width:320px) and (max-width: 825px)
{
	
	html body .our-products-wrapper .large-4 {

    width: 50%;
    float: left;
    padding: 0 10px;

}
html body .our-products-wrapper .main-products h3 {

    font-size: 18px;
}
.feedback-wrapper .large-6 {
    width: 100%;
    float: left;
    padding: 0 15px;
}
.form-text-box
{
    padding-bottom:30px ;
}	
.footer .medium-3, .footer .medium-6 {
    width: 100%;
}
.footer .footer-box
{
    padding-bottom: 30px;
}
html body .footer
{
    padding-top: 40px;
    padding-bottom: 0px;
}
.footer .main-footer-wrapper
{
    padding-bottom: 10px;
}
}
@media screen and (min-width:320px) and (max-width: 767px)
{
.header .medium-6 .icon-box {
    padding-top: 25px;
    padding-bottom: 25px;
    display: none;
}	
.header .logo {
    padding-top: 10px;
    padding-bottom: 10px;
    max-width: 0;
    margin: auto;
}	
.topBar .medium-3, .topBar .medium-4, .topBar .medium-5 {
    width: 100%;
    float: none;
	text-align: center;
}	

.topBar .columns.right-topBar.text-right
{
	float:none;
	
}
.main-banner .owl-controls
{
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -47.5px;
    
}
html body .about-wrapper .main-about-div h3 {

    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;

}
html body .about-wrapper .main-about-div h3 span {
    font-size: 20px;

}
html body .about-wrapper .main-about-div p, html body .about-wrapper .main-about-div ul li {

    font-size: 15px;
}
}
@media screen and (min-width:320px) and (max-width: 639px)
{
html body .header .logo {
    max-width: 100%;
    margin: auto;
}	
html body .relative-position h2
{

    color: #ffffff;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 32px;

}	
html body .section-title h2 {

    margin-bottom: 5px;
    display: block;
    font-size: 24px;

}	
html body .section-title h2 span, html body .section-title h2 {

    font-size: 24px;
}
}
@media screen and (min-width:320px) and (max-width: 460px)
{
	
html body .our-products-wrapper .large-4 {
    width: 100%;
    float: left;
    padding: 0 10px;
}
.feedback-wrapper input[type="submit"] {
    font-size: 14px;
    padding: 7px 25px;
}
}
@media screen and (min-width:320px) and (max-width: 360px)
{
html body .owl-carousel.owl-loaded {
    display: block;
}
html body .header .logo img {
    height: auto;
    width: 100%;
    margin-top: 0px;
}
html body .about-wrapper .main-about-div h3 {

    font-size:18px;
    letter-spacing: 2px;
    text-transform: uppercase;

}
html body .about-wrapper .main-about-div h3 span {
    font-size: 18px;

}
.footer .footer-box {
    padding-bottom: 15px;
}
}