/*  1600px  */
@media all and (max-width: 1879px) {

.marquee,.grid-1280 { width:1560px;}

.marquee,.grid-1280 { width:1460px;}

.slider-container { height:900px;}
	
.banner-text h1 {  font-size: 350px;  padding-top: 17%;}	

.category strong {  font-size: 28px;}

.product-box figure {  height: 230px;}

.circle-holder {    margin-left:250px;  margin-top:120px;}	

.inside-banner {height:500px;}

.page-title {  font-size: 100px;   padding-top: 15%;  }

#product-listing  .product-box figure {    height: 400px;  }

#product-listing  .product-box .newimg {    height: 300px;  }
	
}





/*  1350px  */
@media all and (max-width: 1479px) {

.marquee, .grid-1280 { width:1280px;}
	
.slider-container { height:650px;}	

.banner-text h1 {  font-size: 300px; padding-top: 15%;}

.category strong {  font-size: 26px;}

.welcome-content {  padding: 0px 10px 0px 50px;}

h2 {font-size:50px;}

.products .text-button, .welcome .text-button, .category .text-button, .call-to-action a, .clients a {padding:8px;}

.feature-box span {  letter-spacing: 1px;}

.call-to-action {  padding: 120px 0px;  background-size: auto 100%;}

.banner-text h5 {font-size:80px; margin-top:-30px;}

.products {  background-size: auto 219px;}

.product-box figure {    height: 180px;  }

	
.circle-holder {    margin-left:200px;  margin-top:95px; width:150px; height:150px;}	

.catalouge-image {width:60px; position:absolute; margin:45px;}

.rotating {width:150px;}

.header__menu {padding: 90px 10px 20px 10px;}

.marquee ul.flex li {	width: 200px;}

.inside-banner {height:400px;}

.page-title {  font-size: 70px;   padding-top: 14%;  }

.product-d-img  {margin-top:10px;}

.product-d-content  {margin-top:5px;}

.product-d-content h2 {  font-size: 42px;}

#product-listing  .product-box figure {    height: 300px;  }
#product-listing  .product-box .newimg {    height: 250px;  }

#product-listing  .product-box img {  padding: 10px;}

#product-listing  .product-box:hover img {  padding: 0px;}

.left-menu h4 {  font-size: 28px; padding: 20px 20px;}

.left-menu a {padding:8px 20px;}

.left-menu a:hover { color:#fff; padding-left:30px;}

.left-menu .small-links {padding-left:20px;}

.left-menu .small-links:hover {padding-left:30px;}

.current-product {padding-left:20px!important; background-position:94% center;}

.left-menu h4 img {  margin-right: 10px;}

.left-menu h4 {    font-size: 28px;   padding: 20px 20px 15px 20px;  }


}




/*  1240px  */
@media all and (max-width: 1339px) {
 
.marquee, .grid-1280 { width:1200px;}
	
.welcome {  padding: 60px 0px 60px 0px;}	

.welcome-content P {  font-size: 16px;}	

.welcome-content p.big-para {  font-size: 22px;  line-height: 160%;}

.welcome-content h2 {margin-bottom:10px;}

.page-title {  font-size: 70px;   padding-top: 16%;  }

#product-listing  .product-box figure {    height: 280px;  }
#product-listing  .product-box .newimg {    height: 230px;  }

	
}




/*  980px  */
@media all and (max-width: 1239px) {

.marquee, .grid-1280 { width:920px;}
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-8-of-9,  .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-3-of-9, .col-2-of-9 {padding: 0px 10px;} 	
	

.banner-text h1 {    font-size: 250px;   padding-top: 15%;  }	

.banner-text, .slide, .slider-container {    height: 500px;  }

h2 { font-size: 40px; margin-bottom:30px; }

.category strong {    font-size: 20px;  }

.category span {  font-size: 14px;}

.category {  padding: 60px 0px 60px 0px;}

.circle-holder {    margin-left: 135px;   margin-top: 60px;    width: 120px;    height: 120px;  }
	
.catalouge-image {width:50px; position:absolute; margin:35px;}

.rotating {width:120px;}
	
footer .col-5-of-7 {width:60%;}	

footer .col-1-of-7 {width:20%;}	

.products  .col-1-of-4 {  width: 33.33%;}

.tabcontent {  display: none; padding: 40px 0px 20px 0px;}

.products {    background-size: auto 188px;  }

.products {  padding: 40px 0px 40px 0px;}

.feature-box {padding:20px;}	

.feature-box span { letter-spacing: 1px; line-height: 150%; height:80px; width:100px; margin:auto; }

.logo-holder img {  width: 150px;}

.call-to-action {    padding: 90px 0px;    background-size: auto 100%;  }

.footer-logo {  margin-bottom: 20px; width: 130px;}

.welcome-content p.big-para {    font-size: 19px;    line-height: 160%;    font-weight: 500;  }

.quick-link-box a {  font-size: 28px;  margin-bottom: 30px;}

.product-link-box img {  width: 85px;  display: block;  border: 4px solid #666;}

.product-link-box img:hover {  border: 4px solid #fff;}

.product-link-box a {  font-size: 16px;  line-height: 140%;}

.inside-banner {height:300px;}

.page-title {  font-size: 60px;   padding-top: 15%;  }

.contactus-page .col-1-of-3 {width:100%; }

.contact-box {height:auto; margin-bottom:40px; margin-top:0px;}

.contact-box.last {margin-bottom:0px;}
	
.product-big {width:100%;}

.product-d-content h2 {    font-size: 32px; margin-bottom:20px;  }	

.left-menu a {  padding: 6px 10px;    font-size: 12px;  letter-spacing: 0px;}

#product-listing .col-1-of-3  {width:50%;}

#product-listing .product-box figure {    height: 350px;  }
#product-listing  .product-box .newimg {    height: 290px;  }

#product-listing .product-box img {    padding: 20px;  }
	
.product-banner1, .product-banner2 {height:100px!important;} 	

.current-product {padding-left:20px!important; background-position:92% center;}

.left-menu .small-links {    padding-left: 20px;    font-size: 13px !important;  }
	
	
}




/*  768px  */
@media all and (max-width: 979px) {

.marquee, .grid-1280 { width:740px;}	

.col-1-of-4  {width: 50%;}	

.col-1-of-5  {width: 33.33%;}	

.col-1-of-6  {width: 33.33%;}	

.col-1-of-7  {width: 25%;}	

.col-1-of-8  {width: 25%;}	
		
.col-1-of-9  {width: 20%;}	
		
.col-1-of-10  {width: 20%;}	
	
.col-1-of-11  {width: 16.66%;}
	
.col-1-of-12 {width: 16.66%;}
	
.col-5-of-8 {    width: 75%;	}
	
.col-3-of-9 {    width: 40.00%;	}
	
.col-1-of-9 {    width: 25%;}	
	
.col-2-of-9 {    width: 25%	}
	
.col-3-of-9 {    width: 50%;}	
	
.col-3-of-8 {    width: 50%;	}

.col-2-of-3, .col-2-of-5, .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6,  .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-8-of-9,  .col-7-of-9, .col-6-of-9, .col-5-of-9, .col-4-of-9 {width: 100%;}	

.banner-text h1 {    font-size: 200px;    padding-top: 22%;  }	

.banner-text h5 {    font-size: 60px;    margin-top: -20px;  }

.hline {width:100%;}

.clients .col-1-of-5 {    width: 25%;  }

footer .col-5-of-7 {    width: 50%;  }

footer .col-1-of-7 {    width: 25%;  }

footer a {  font-size: 15px;}

footer p {  font-size: 15px;}

footer h5 {  font-size: 18px;}

.call-to-action {    padding: 50px 0px;    background-size: auto 100%;  }

h2 {    font-size: 32px;   margin-bottom: 30px;  }

.key-features {padding: 40px 0px 10px 0px;}

.tab {  width: 700px;}

.products {    background-size: auto 158px;  }	

.tab button {    padding: 10px;    font-size: 13px;    width: 175px;  }

.product-box figure {    height: 215px;  }
#product-listing  .product-box .newimg {    height: 330px;  }

.product-box {padding: 10px 10px 30px 10px;}

.tabcontent {      padding: 30px 0px 20px 0px;  }

.products .text-button {margin-top:20px;}

.products {    padding: 40px 0px 25px 0px;  }

.product-box span em {font-size:14px;}

.product-box span strong {  font-size: 27px;}

.product-box span em {    font-size: 14px;    line-height: 120%;  }

.category .col-1-of-4 {width:25%;}

.category strong {    font-size: 17px;  }

.welcome .col-1-of-2 {width:100%;}

.welcome-content { padding:0px;  }

.welcome-content p {text-align:center;}

.welcome-content h2 {text-align:center;}

.circle-holder {    margin-left: 235px;    margin-top: 110px;  }	

.welcome .text-button {margin:20px auto 0px auto;}

.welcome-content p.big-para {    font-size: 25px;    line-height: 160%;    font-weight: 300;    max-width: 500px;    margin: 10px auto 20px auto;  }	

.clients h2 {margin-bottom:10px;}

.clients {  padding: 40px 0px;}

.clients .clear {height:10px;}

.call-to-action {    padding: 60px 0px;    background-size: auto 100%;  }

.quick-link-box a {    font-size: 20px;    margin-bottom: 30px;  }

.product-link-box h4 {font-size:26px;}

.marquee ul.flex li {	width: 170px;}

.clients h2 {margin-bottom:20px;}

.inside-banner {height:300px;}

.page-title {  font-size: 50px;   padding-top: 18%;  }

#product-d-left, #product-d-right {width:96%; margin:auto; float:none; }

.product-d-content {padding:40px 0px 0px 0px;}

.product-d-img {    margin-top: 0px;  }

.col-1-of-4.sticky {display:none;}

#product-listing h2 {  margin-top: 0px;  margin-bottom: 10px;}
	
}





/*  640px  */
@media all and (max-width: 767px) {

.marquee, .grid-1280 { width:600px;}	
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-8-of-9, .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-2-of-9, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8 {padding: 0px 5px;} 
	
.banner-text h1 {    font-size: 125px;    padding-top: 17%;  }

.banner-text, .slide, .slider-container {    height: 300px;  }

.banner-text h5 {    font-size: 50px;    margin-top: -20px;  }

.category a img {  padding: 10px;}

.category strong {    font-size: 14px; line-height:120%;  }

.category span {    font-size: 12px;  }

.category a {  display: block;  margin: 0px auto;}

.circle-holder {    margin-left: 183px;    margin-top: 88px;  }

.tab button {    padding: 10px;    font-size: 13px;    width: 145px;    letter-spacing: 0px;  }

.tab {    width: 590px;  }

.tab button {    width: 147px;}

.product-box img {  padding: 10px;}

.product-box figure {    height: 220px;  }
#product-listing  .product-box .newimg {    height: 220px;  }

#copyright-left, #copyright-right {  font-size: 10px;}

.email-details {background-image:none; padding:0px; margin:0px; display:block; width:300px; text-align:left; margin:auto; border:1px solid #666; margin-bottom:10px;}

.email-details img {  float: left; margin:10px 10px; width:40px;}

.phone-details {padding:0px; margin:0px; display:block; width:300px; text-align:left; margin:auto;  border:1px solid #666;}

.phone-details img {  float: left; margin:5px 10px; width:40px;}

.call-to-action {background-position:right;}

.call-to-action h2 {text-align:left;}

.call-to-action a {margin-left:0px;}

.call-to-action {    padding: 40px 0px;    background-size: auto 100%;  }

.feature-box {margin-bottom:10px;}

#copyright-right a {  display: inline-block;  font-size: 10px; }

.pic1 {  margin-bottom: 30px;}	

.product-link-box {display:none;}

.quick-link-box {  width: 100%;  float: none;  border-right: 0px solid #333;  padding: 0px 0 0px 3%;  margin-top: 1%;}

.quick-link-box a {    font-size: 19px;    margin-bottom: 0px;    border-bottom: 1px solid #333;    padding: 10px 0px;    font-family: Jost;  }

.only-for-desktop {display:none!important;}

.quick-link-box {    width: 100%;    float: none;   border-right: 0px solid #333;    padding: 0px 3% 0px 3%;    margin-top: 1%;  }

.quick-link-box a:first-child {border-top: 1px solid #333; padding-top:10px;}

.accordion { display:block;}

.marquee ul.flex li {	width: 150px;}

.clients h2 {margin-bottom:15px;}

.inside-banner {height:250px;}

.page-title {  font-size: 50px;   padding-top: 20%;  }

.project-content {padding:25px; }

.project-content h3 { font-size:28px; }

.contact-box { margin-bottom:30px; margin-top:0px;}

.pp-content h3 {font-size:30px;}

	
}





/*  480px  */
@media all and (max-width: 639px) {

.marquee, .grid-1280 { width:440px;}	
	
.col-1-of-2, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-3-of-9, .col-2-of-9  {width: 100%; float: none;}	

.col-1-of-3  {width: 100%; float: none;}	
	
.col-1-of-4  {width: 100%; float: none;}	

.col-1-of-5  {width: 100%; float: none;}	

.col-1-of-6  {width: 50%;}	

.col-1-of-7  {width: 33.33%;}	

.col-1-of-8  {width: 33.33%;}
		
.col-1-of-9  {width: 33.33%;}
		
.col-1-of-10  {width: 33.33%;}
	
.col-1-of-11  {width: 33.33%;}
	
.col-1-of-12 {width: 33.33%;}
	
#copyright-left, #copyright-right {    font-size: 10px;    text-align: center; line-height:180%;  }	

footer .col-5-of-7, footer .col-1-of-7 {width:100%; margin-bottom:30px;}

footer {margin-top:-1px;}

.hline {display:none;}

.clients .col-1-of-5 {    width: 25%;    float: left;  }


.products .col-1-of-4 {    width: 50%;    float: left;  }

.product-box figure {    height: 340px;  }
#product-listing  .product-box .newimg {    height: 340px;  }

.tab {    width: 420px;  }

.tab button {    width: 100px;    height: 79px;  }

.products {    background-size: auto 184px;  }

.product-box figure {    height: 260px;  }
#product-listing  .product-box .newimg {    height: 260px;  }

.line-1 {font-size:12px; letter-spacing:1px;}

.key-features .col-1-of-4 {width:50%; float:left;}

.feature-box img {  width: 100px;}

.feature-box span {    height: 50px;    width: 100%;  }

.category .col-1-of-4 {width:50%; float:left; height:342px; background-image:none; }	

.category a {border:1px solid #555; padding:30px 0px;}

.category {    padding: 40px 0px 30px 0px;  }

.banner-text h1 {    font-size: 125px;   padding-top: 23%;  }

.circle-holder {    margin-left: 128px;    margin-top: 54px;  }

.pic1 {  margin-bottom: 30px;}

.clients h2 {margin-bottom:10px;}	
	
.call-to-action {  background-image: url(../images/call-to-action2.jpg);  background-position: center; background-size:100% auto; background-position:center bottom; height:550px; padding-top:50px; }

.call-to-action h2 {    text-align: center;  } 

.call-to-action a {    margin-left: auto;  }
	
.inside-banner {height:250px;}

.page-title {  font-size: 40px;   padding-top: 25%;  }
	
.product-d-content .text-button, .product-d-content .text-button2 {width:100%; margin:5px 0px;}	
	
.breadcrumb {  font-size: 14px !important; margin-bottom:20px;} 	

#product-listing .col-1-of-3 {    width: 50%; float:left;  }

#product-listing .product-box img {    padding: 10px;  }

#product-listing .product-box figure {    height: 200px;  }
#product-listing  .product-box .newimg {    height: 200px;  }	
	
	
}




/*  360px  */
@media all and (max-width: 479px) {

.marquee, .grid-1280 { width:320px;}	
	
.col-1-of-6  {width: 100%; float: none;}	

.col-1-of-7  {width: 50%;}	

.col-1-of-8  {width: 50%;}
		
.col-1-of-9  {width: 50%;}
		
.col-1-of-10  {width: 50%;}
	
.col-1-of-11  {width: 50%;}
	
.col-1-of-12 {width: 50%;}	
	
.banner-text, .slide, .slider-container {    height: 675px;  }

.banner-text h1 {    font-size: 88px;    padding-top: 72%;  }

.logo-holder img {    width: 140px;  }

.banner-text h5 {    font-size: 50px;   margin-top: 0px;  }

.category .col-1-of-4 {    width: 50%;    float: left;    height: 280px;    background-image: none;  }

.products .text-button, .welcome .text-button, .category .text-button, .call-to-action a, .clients a {    padding: 6px; font-size:14px; margin-top:20px;  } 

h2 {    font-size: 25px;    margin-bottom: 30px;  }

.call-to-action {height:450px;}

.products {    background-size: auto 168px;  }

.tab button {    width: 80px;    height: 70px; font-family: "Antonio", sans-serif; font-weight:bold;  }

.tab {    width: 320px;  }

.announcement {  padding: 20px 10px 10px 10px; z-index:102;}

.announcement img { margin-top: 5px;}

.line-1 {    font-size: 12px;    letter-spacing: 1px;    width: 320px !important  }

#copyright-left, #copyright-right {    font-size: 10px;    text-align: left;    line-height: 180%;    letter-spacing: 1px;  }

.clients .col-1-of-5 {    width: 33.33%;    float: left;  }

.clients .col-1-of-5.last {  display:none; }

.feature-box span {  font-size: 12px;}

.products .col-1-of-4 {    width: 100%;    float: none;  }

.product-box figure {    height: 370px;  }
#product-listing  .product-box .newimg {    height: 370px;  }

.welcome-content p {    text-align: justify;    font-size: 18px;  }

.welcome-content p.big-para {    font-size: 17px;    line-height: 160%;    font-weight: 500;   margin: 10px auto 20px auto; }

.product-box { margin-bottom:20px;}

.line-1 {font-family: "Antonio", sans-serif; font-weight:bold; font-size:14px;}

.line-1 strong {  padding: 1px 5px 4px 5px;}

.announcement img {margin-left:5px; margin-bottom:-10px;}

.welcome .pic1 {display:none; width:100%;}

.welcome .pic1-mobile {display:block; width:100%;}

.circle-holder {    margin-left: 32%;    margin-top: 61%;  }

.welcome {    padding: 30px 0px 60px 0px;  }

footer .clear {height:1px;}

.products {    padding: 40px 0px 0px 0px;  }

.welcome {padding-top:0px;}

.welcome .col-1-of-2 {padding:0px;}

.welcome-content {padding:0px 30px;}

.welcome .grid-1280 {width:100%;}

.tabcontent {      padding: 30px 0px 10px 0px;  }


#banner1 { background-image:url("../images/banner-1-mobile.jpg"); background-position: center top; background-size:cover;}
#banner2 { background-image:url("../images/banner-2-mobile.jpg"); background-position: center top; background-size:cover;}
#banner3 { background-image:url("../images/banner-3-mobile.jpg"); background-position: center top; background-size:cover;}
#banner4 { background-image:url("../images/banner-4-mobile.jpg"); background-position: center top; background-size:cover;}
#banner5 { background-image:url("../images/banner-5-mobile.jpg"); background-position: center top; background-size:cover;}

.slider-container {	background-image:url("../images/banner-1-mobile.jpg"); }

.marquee ul.flex li {	width: 120px;}

.inside-banner {height:300px;}

.page-title {  font-size: 36px;   padding-top: 40%;  }

.contact-box img {  width: 80px;}

#product-d-left, #product-d-right {width:100%; margin-top:-10px;  }

.product-thumb {width:32%;}

.product-d-content h2 {    font-size: 24px;    margin-bottom: 20px; font-weight:400;  }

.product-d-content {padding:30px 0px 0px 0px;}

.inside-banner {    height: 200px;  }

.breadcrumb {  font-size: 12px !important; margin-bottom:20px;} 	

#product-listing .product-box figure {    height: 170px;  }
#product-listing  .product-box .newimg {    height: 140px;  }

#product-listing .product-box span strong {    font-size: 20px;    font-weight: 400;  }

#product-listing .product-box {    padding: 10px 10px 20px 10px;  }

#product-listing  .product-box span em {    font-size: 12px;    line-height: 120%;    font-weight: 500;  }

.product-banner1, .product-banner2 {height:95px!important;} 	
	
}