@media only screen and (min-width:960px) and (max-width:1100px) {
.header .container{ padding:16px 2%;}
.header-nav ul li{ font-size:1em;}
}

@media only screen and (min-width:600px) and (max-width:959px) {
img {max-width:100%; height:auto;}
.header-sec .container{ padding:16px 2%;}
.header-sec .logo{ float:none; width:50%; margin:0 auto; text-align:center;}
.intro-section .container{ padding:30px 2%;}
.intro-section h2{ font-size:1.4em; margin:0 0 14px;}
.intro-section p{ font-size:1.1em; margin:0 0 14px;}
.home-productsection .container{ padding:30px 2%;}
.home-productsection h2{ font-size:1.6em;}
.home-productsection .productbox{ width:47%; margin:0 1% 20px;}
.home-productsection .productbox .descsec{ font-size:1em;}

.clients-section .container{ padding:20px 2%;}
.clients-section h2{font-size:1.4em; margin:0 0 14px;}
.footer-section .container{padding:20px 2%;}
.footer-section p{ font-size:1em;}
.content-section .container{ padding:50px 2%;}
.contact-form{ float:none; width:100%; margin:0 auto 18px;}
.contact-address{ float:none; width:100%; margin:0 auto;}
}


@media only screen and (min-width:280px) and (max-width:599px) {
img {max-width:100%; height:auto;}
.header-sec .container{ padding:16px 2%;}
.header-sec .logo{ float:none; width:50%; margin:0 auto; text-align:center;}
.intro-section .container{ padding:30px 2%;}
.intro-section h2{ font-size:1.4em; margin:0 0 14px;}
.intro-section p{ font-size:1.1em; margin:0 0 14px;}
.home-productsection .container{ padding:30px 2%;}
.home-productsection h2{ font-size:1.6em;}
.home-productsection .productbox{ width:100%; margin:0 auto 20px;}
.home-productsection .productbox .descsec{ font-size:1em;}

.clients-section .container{ padding:20px 2%;}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item{padding:0;}
.clients-section h2{font-size:1.4em; margin:0 0 14px;}
.footer-section .container{padding:20px 2%;}
.footer-section .footer-socialmedia{ margin:0 auto 16px;}
.footer-section .footer-socialmedia ul li{ font-size:1.2em;}
.footer-section .footer-socialmedia ul li a{ width:30px; height:30px; padding:6px;}
.footer-section p{ font-size:1em;}

.content-section .container{ padding:30px 2%;}
.content-section h1{ font-size:1.8em; margin:0 0 14px;}
.content-section p{ font-size:1.2em; margin:0 0 14px;}
.contact-form{ float:none; width:100%; margin:0 auto 18px;}
.contact-address{ float:none; width:100%; margin:0 auto;}
.contact-address h3{ font-size:1.3em; margin:0 0 14px;}
.contact-address p{ font-size:1.2em; line-height:1.3em; margin:0 0 14px;}
}