@media screen and (max-width:1599px) {
	.container { width: 100%; }
}
@media screen and (max-width:1279px) {
	header .logo { width: 100px; }
	header nav { padding: 10px 0; }
	.content-wrapper { padding: 130px 0 0 0; }
	.why-wepaint-section .right { padding-top: 0px; }
	.why-wepaint-section p { margin-bottom: 30px; }
	.banner-section { height: calc(100vh - 130px); height: -webkit-calc(100vh - 130px); height: -moz-calc(100vh - 130px); height: -ms-calc(100vh - 130px); height: -o-calc(100vh - 130px); }
	.contact-section .bottom .form-container { width: 80%; }
	.contact-us-section .bottom .form-container { width: 100%; }
	.inner-product-section .container { width: 100%; }
	.common-accordian { width: 100%; }
}
@media screen and (max-width:979px) {
	header nav ul li { padding: 0 15px; }
	footer, .contact-section .top, .contact-section .bottom, .com-section { padding: 30px 0; }
	h2 { font-size: 20px; margin: 0 0 30px 0; }
	h3 { font-size: 20px; margin: 0 0 15px 0; }
	.type-section { height: 300px; }
	.where-section { text-align: center; }
	.where-section .cols { width: 50%; margin: 0 0 30px -5px; text-align: left; display: inline-block; vertical-align: top; float: none; }
	.where-section .cols:last-child { margin-bottom: 0; }
	.common-btn-box { padding: 30px 0 0 0; }
	.features-section h3 { font-size: 24px; }
	.client-section p { width: 80%; }
	.count-section { height: 330px; }
	.inner-product-section .right .desc { right: 0; left: 0; margin: 0 auto; width: 90%; height: 90%; }
	.common-popup-section .common-popup-container { width: 90%; }
	.inner-products-section .left, .inner-products-section .right { vertical-align: top; width: 100%; margin: 0; padding: 0; text-align: center;}
	.inner-products-section .left { margin: 0 0 20px 0; }
}
@media screen and (max-width:767px) {

	/*menu*/
	.mobile-menu { height: 27px; position: relative; z-index: 99999; display: block; width: 35px; float: right; margin: 15px 0 0 0; -moz-transition: all 0.02s cubic-bezier(0.5, 0.3, 0.47, 0.81); -o-transition: all 0.2s cubic-bezier(0.5, 0.3, 0.47, 0.81); -webkit-transition: all 0.02s cubic-bezier(0.5, 0.3, 0.47, 0.81); transition: all 0.02s cubic-bezier(0.5, 0.3, 0.47, 0.81); }
	.mobile-menu span { margin: 12px 0 0 0; width: 100%; display: block; position: relative; background: #000; height: 2px; -webkit-transition-duration: 0s; transition-duration: 0s; }
	.mobile-menu.active span { background: none; -webkit-transition-delay: 0.02s; transition-delay: 0.02s; }
	.mobile-menu span:before { background: #000; height: 2px; width: 100%; display: block; content: ""; position: absolute; margin-top: -12px; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform; -webkit-transition-duration: 0.02s; transition-duration: 0.02s; -webkit-transition-delay: 0.02s, 0s; transition-delay: 0.2s, 0s; }
	.mobile-menu.active span:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0s, 0.02s; transition-delay: 0s, 0.02s; }
	.mobile-menu span:after { background: #000; height: 2px; width: 100%; display: block; content: ""; position: absolute; margin-top: 12px; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform; -webkit-transition-duration: 0.02s; transition-duration: 0.02s; -webkit-transition-delay: 0.02s, 0s; transition-delay: 0.02s, 0s; }
	.mobile-menu.active span:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.02s; }
	.fixed-header .mobile-menu span, .fixed-header .mobile-menu span:after, .fixed-header .mobile-menu span:before { background: #359CD6; }
	.fixed-header .mobile-menu.active span { background: none; }
	header nav { padding: 55px 0 0 0; position: fixed; overflow-y: auto; overflow-x: hidden; top: 0; left: -100%; width: 100%; height: 100%; z-index: 99999; background: #172648; -moz-transition: all 0.5s cubic-bezier(0.5, 0.3, 0.47, 0.81); -o-transition: all 0.5s cubic-bezier(0.5, 0.3, 0.47, 0.81); -webkit-transition: all 0.5s cubic-bezier(0.5, 0.3, 0.47, 0.81); transition: all 0.5s cubic-bezier(0.5, 0.3, 0.47, 0.81); }
	.menu-open header nav { left: 0; }
	.menu-open .mobile-menu { margin: -20px 0 0 0; }
	.menu-open .mobile-menu span:after, .menu-open .mobile-menu span:before, .menu-open .mobile-menu span:before { background: #fff; }
	header nav ul li a:before { content: none; }
	body.menu-open { overflow: hidden; }
	header nav ul li { padding: 0; }
	header nav ul li a, header nav ul li { display: block; color: #fff; }
	header nav ul li a:hover { background: #00B5E2; color: #fff; }
	.fixed-header nav ul li a, header nav ul li a { padding: 15px; }
	header nav ul li a.menu-active { background: #00b5e2; color: #fff; }
	.fixed-header a.menu-active { color: #fff; }
	header .top { text-align: center; }

	/*menu end*/
	header .logo { width: 70px; }
	header .bottom { padding: 5px 0; }
	header .left li { margin: 0 10px 0 0; }
	.content-wrapper { padding: 97px 0 0 0; }
	.banner-section h1 { font-size: 42px; }
	.banner-section { height: 300px; }
	.why-wepaint-section .left { width: 300px; margin: 0 auto 20px; }
	.why-wepaint-section .right { text-align: center; }
	h2 { font-size: 30px; line-height: 1.4; }
	h3 { font-size: 26px; }
	.type-section h2 { word-spacing: 5px; }
	.type-box { height: 230px; }
	.type-box h3 { font-size: 36px; }
	.type-section { height: 460px; }
	.product-section .cols { margin: 0 0 20px 0; }
	.product-section .cols:last-child { margin: 0; }
	.where-section .cols { width: 100%; margin: 0 0 20px 0; }
	.features-section i, .features-section { text-align: center; }
	.client-section p { width: 96%; }
	.count-section { height: auto; padding: 30px 0; }
	.contact-section .top .cols, .count-section .count-box { width: 100%; margin: 0 0 20px 0; }
	.contact-section .top .cols:last-child, .count-section .count-box:last-child { margin: 0; }
	.get-btn { background: none; }
	.process-section .container > ul > li { margin: 0 0 30px 0; }
	.process-section .container > ul { padding: 50px 0; margin: 0 50px; }
	.inner-banner-section .inner-box, .inner-banner-section { height: 300px; }
	.map-section { display: none; }
	.contact-section .bottom .form-container { width: 92%; }
	.common-popup-section .common-popup-container { top: 30px; margin: 0 auto 30px; -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
}
@media screen and (max-width:639px) {
	header .left { display: none; }
	header .right { float: none; }
	.fixed-header .top { display: none; }
	.inner-banner-section h1 { font-size: 42px; }
	.document-section .col { width: 50%; margin: 0 0 20px -2px; }
	.get-quote-section .get-quote-container { width: 85%; padding: 20px; }
	.contact-us-section .bottom .form-outer-box { width: 100%; float: none; }
	.contact-us-section .bottom .other-link-box { min-height: auto; padding: 20px 0 0 0; width: 100%; text-align: center; float: none; border: none; }
	.contact-us-section h3 { text-align: center; }
}
@media screen and (max-width:479px) {
	.contact-section .bottom .form-box { width: 100%; padding: 0; margin: 0 0 20px 0; }
	.process-section .container > ul::after, .process-section .container > ul::before { content: none; }
	.process-section .container > ul { border: none; margin: 0; padding: 0; }
	.process-section li span { position: relative; left: 0; margin: 0 auto; height: 70px; width: 70px; font-size: 40px; }
	.process-section li .content { padding: 10px 0 0 0; }
	.process-section li .content .desc h3 { text-align: center; }
	.document-section .col { width: 100%; margin: 0 auto 20px; }
}