@media only screen and (max-width:1679px){
   .icons {position: absolute;right: 5%;} 
    /*--about--*/
    .banner-about-main {padding: 156px 0 424px 60px;}
     /*--products--*/
    .banner-products-main {padding: 194px 0 370px 60px;}
    /*--details--*/
    .banner-details-main {padding: 260px 0 395px 60px;}
    /*--resources--*/
    .banner-resources-main {padding: 200px 0 200px 60px;}
    .commercial-main{padding: 80px 0 50px 0;}
    .commercial-main ul li{padding: 0 13px 22px;}
    /*--c&i details--*/
    .vertical-main {padding: 101px 0 0 0px;}
    .vertical-main.horizontal {padding: 114px 0 0 0px;}
    .vertical-in > ul {margin: 0 -15px;}
    /*--contact--*/
/*     .banner-contact-main {padding: 209px 0 494px 57px;} */
/*     .contact-left{padding: 0;} */
}
@media only screen and (max-width:1470px){
    .icons{right: 5%;} 
    .header-left {width: 80%;}
    .header-right {width:20%;}
	.header-right a {
    text-align: left;
}
    /*--about--*/
    .banner-about-main {padding: 156px 0 310px 60px;}
    /*--products--*/
    .banner-products-main {padding: 194px 0 270px 60px;}
    /*--details--*/
    .banner-details-main {padding: 260px 0 302px 60px;}
    /*--resources--*/
    .banner-resources-main {padding: 202px 0 370px 60px;}
    /*--contact--*/
/*     .banner-contact-main {padding: 109px 0 280px 57px;} */
}
@media only screen and (max-width:1300px){
.container{padding: 0 15px;max-width: 100%;}
    /*resources--*/
.commercial-main ul {margin: 0 -15px;}
}
@media only screen and (max-width:1202px){
    
    .headline-main {padding: 60px 0 60px 0px;}
    .our-products-main {padding: 77px 0 77px 0px;}
    .angle-right{right: 7%;}
    .ceba-main {padding: 88px 0 88px 0px;}
 
    .footer-main {padding: 57px 0 0 0px;}
    .footer-btm-left{width: 40%;}
    .footer-btm-right{width: 40%;}
    .banner-main {padding: 150px 0 150px 0px;}
    .our-products-right{width: 52%;}
     .footer-top-right{width: 65%;}
    /*--about--*/
    .banner-about-main {padding: 156px 0 166px 60px;}
     /*--products--*/
    .banner-products-main {padding: 194px 0 140px 60px;}
    .mesa-main ul li{padding: 0 0 120px 30px;}
     /*--details--*/
    .banner-details-main {padding: 223px 0 223px 60px;}
    .panel-right ul li{padding: 0 0 0 12px;}
    .profile-main{margin: 0;}
    /*--resources--*/
    .banner-resources-main {padding: 202px 0 232px 60px;}
    /*--contact--*/
/*     .banner-contact-main{padding: 209px 0 258px 57px;} */
}
@media only screen and (max-width:1024px){
  .headline-left {width: 49%;}
    .difference-01 span{font-size: 270px;line-height: 272px;}
    /*--about--*/
    .banner-about-main {padding: 80px 0 145px 60px;}
    .dean-in{padding: 0;}
    .charity-left{width: 50%;}
    /*--products--*/
    .banner-products-main {padding: 120px 0 120px 60px;}
    .banner-products-main {padding: 120px 0 120px 0px;}
    .our-products-main.products{padding: 80px 0;}
    /*--details--*/
    .banner-details-main {padding: 180px 0 180px 0px;}
    .panel-main{padding:90px 0;}
    /*--resources--*/
    .banner-resources-main {padding:172px 0;}
    .commercial-main ul li{width: 33.33%;}
    /*--c&i details--*/
    .banner-commerical-main{padding: 203px 0 221px 0px;}
    .banner-commerical-main h2{font-size: 50px;line-height: 52px;}
    .vertical-in > ul > li{padding: 0 22px 24px;}
    /*--contact--*/
    .banner-contact-main {padding: 180px 0 180px 0px;}
}
@media only screen and (max-width:991px){
	.header-left-right{padding: 16px 0 0 0;}
    .header-left-right nav ul li a{font-size: 15px;line-height: 17px;}
    .header-left-right nav ul li{padding: 0 14px;}
    .header-left{width: 77%;}
    .header-right{width: 23%;}
    .header-right a{font-size: 15px;line-height: 17px;}
    .headline-left h2 {font-size: 38px;line-height: 40px;padding: 0 0 10px 0;}
   .our-products-left h2{font-size: 38px;line-height: 40px;padding: 0 0 10px 0;}
    .our-products-right {width: 47%;padding:0;}
    .our-products-left{width:50%;}
    .difference-01 span {font-size: 200px;line-height: 202px;}
    .footer-btm-right{width: 50%;}
    .footer-btm-left{width: 50%;}
    .our-products-right ul li{width: 100%;}
    .difference-main{padding: 0;}
        /*--about--*/
    .who-left{width: 100%;}
    .who-right{width: 100%;}
    .who-main {padding: 38px 0 0px 0px;}
    .dean-left{width: 100%;padding: 0 0 20px 0;}
    .dean-right{width: 100%;}
    .dean-left figure img{margin: 0;}
    .banner-about-main {padding: 80px 0 145px 0;}
    .charity-main{padding: 80px 0;}
    /*--products--*/
    .banner-products-main h2{font-size: 40px;line-height: 42px;}
    .banner-products-main{max-width: 440px;padding: 60px 0;}
    .mesa-main ul li{width: 100%;padding: 0 0 60px 30px;}
    /*--details--*/
    .banner-details-main {padding: 170px 0 170px 0px;}
    .panel-left{width: 100%;}
    .panel-right{width: 100%;}
    .panel-right ul li{width: 50%;}
    .panel-right ul li figure img{margin:0 auto;}
/*     .profile-left{padding: 30px 10px 27px 22px;} */
    .profile-left.Exterior{padding: 34px 10px 34px 22px;}
    .profile-left.Interior{padding:33px 10px 34px 20px;}
    .profile-left.Coatings{padding:49px 10px 38px 20px}
    .profile-left.inter{padding: 72px 10px 70px 20px;}
    .profile-right p{padding: 0 10px 0 22px;}
    /*--resources--*/
    .banner-resources-main {padding:165px 0;}
    .banner-resources-main h2{font-size: 50px;line-height: 52px;}
    /*--c&i details--*/
    .vertical-in > ul > li{width: 33.33%;}
    .banner-commerical-main h2{font-size: 43px;line-height: 45px;}
    .vertical-main h2 {font-size: 44px;line-height: 46px;}
    /*--contact--*/
    .contact-right{padding: 40px 0 0 0;}
    
}
@media only screen and (max-width:767px){
    .wrapper{position: relative; left: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.open .side_bar {right: 0;}
.open .wrapper{left:-250px; width: 100%;}
.open .menu span:nth-child(1){transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg); top: 9px;}
.open .menu span:nth-child(2){opacity: 0;right: 0;}
.open .menu span:nth-child(3){transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg); top: -9px;}
    .header-main{position: relative;}
.menu{display: block;
    border: 0 none;
    outline: none;
    cursor: pointer;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);}
.menu span {width: 35px;height: 3px;background:#0083c1;position: relative;display: block;}
.menu span + span {margin: 6px 0 0 0;}
.side_bar {width: 250px; height: 100%; position: fixed; right: -250px; top: 0; background: #ffffff; display: block; z-index: 9; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; overflow: auto;padding: 20px;}
.header-left-right{display:none;}
.header-right{display:none;}
.side_bar .header-left-right{display:block;margin: 0 auto;width: 100%;text-align: center;padding: 0px 0 0 0;}
.side_bar .header-right{display:block;margin: 0 auto;width: 100%;text-align: center;padding: 0 0 0 0;float: none;}
.side_bar nav ul li{width: 100%;display: block;padding: 0 0 20px;text-align: center;}
.side_bar .header-left-right{width: 100%;float: none;}
.side_bar .icons {position: static;padding: 15px 0 0 0;display: block;}
.side_bar .icons ul li a{box-shadow: 0 0 2px 0 #888888;}
.header-right a{text-align: center;}
.banner-main h2{font-size: 47px;line-height: 49px;}
.headline-left{width: 100%;}
.headline-right{width: 100%;}
.our-products-left{width: 100%;}
.our-products-right{width: 100%;}
.difference-01 span {font-size: 120px;line-height: 140px;}
.ceba-left{width: 100%;padding: 0 0 20px 0;}
.ceba-right{width: 100%;}
.ceba-left a img {margin: 0 auto;}
.footer-top-left{width: 100%;}
.footer-top-right{width: 100%;}
.footer-btm-left ul li a{font-size: 12px;}
.footer-btm-right ul li a{font-size: 12px;}
.footer-btm-right ul li{padding: 0 0 0 30px;}
.footer-btm {padding: 55px 0 55px 0;}
    .our-products-right{padding: 30px 0 0 0;}
    .icons > a.ico{display: none;}
.side_bar .icons ul{display: block;}
    .difference figure img{height: 450px;}
    .difference-main h2{font-size: 47px;line-height: 49px;}
   /*--about--*/ 
.banner-about-main h2{font-size: 50px;line-height: 52px;}
.who-left{padding: 0;}
.charity-left {width: 100%;}
.charity-right {width: 100%;padding: 30px 0 0 0;}
/*--products--*/
.our-products-left.products{width: 100%;}
.icons ul li a.products{box-shadow: 0 0 2px 0 #888888;}   
 /*--details--*/
.banner-details-main {padding: 125px 0 125px 0px;}
.profile-left h3{
	font-size: 14px;
	padding-bottom: 10px;}
.profile-right p{font-size: 14px;}
/*--resources--*/    
.banner-resources-main {padding: 105px 0;}
.commercial-in{padding: 0 15px;}
/*--c&i details--*/
.vertical-in > ul > li {width: 50%;}
.banner-commerical-main{padding: 140px 0;}
  .banner-commerical-main h2 {font-size: 33px;line-height: 35px;}
    .vertical-main h2 {font-size: 35px;line-height: 37px;}
    .vertical-in h3{font-size: 20px;line-height: 22px;}
    .vertical-in h3:after{font-size: 26px;}
    .vertical-in.active h3:after{font-size: 26px;}
    .document-btm h4{font-size: 20px;line-height: 22px;}
    .icons{display: none;}
/*--contact--*/
    .banner-contact-main {padding: 100px 0 100px 0px;}
    .banner-contact-main h2{font-size: 50px;line-height: 52px;padding: 0 0 10px 0;}
    .contact-sides {
	    display: none;
    }
    .contact-center {
	    width: 100%;
    }
    .contact-center form ul li {
	    width: 70%;
	    margin-left:auto;
	    margin-right: auto;
    }
    .contact-center form ul li.wdth{
	    width: 70%;
	    margin-left: auto;
	    margin-right: auto;
	    }
}
@media only screen and (max-width:599px){
    .icons {top: -77px;}
    .header-left-left {width: 50%;}
    .footer-btm-left{width: 100%;}
    .footer-btm-right{width: 100%;padding: 20px 0 0 0;}
    .footer-btm-right ul li{padding: 0 30px 10px  0;}
    .difference-main h2 {font-size: 30px;line-height: 32px;padding: 0 86px 8px 0;}
     /*--about--*/
    .banner-about-main { padding: 135px 0 90px 0;}
    .banner-about-main h2 {font-size: 40px;line-height: 42px;padding: 0 0 12px 0;}
    .who-left h2,.charity-left h2{font-size: 40px;line-height: 42px;padding: 0 0 10px 0;}
    .who-main{padding: 0;}
    .charity-main {padding: 30px 0;}
    /*--products--*/
    .banner-products-main{padding: 33px 0;max-width: 340px;}
    .banner-products-main h2,.our-products-left h2{font-size: 30px;line-height: 32px;}
    .our-products-left p{font-size: 14px;line-height: 22px;}
    .mesa-main ul li{padding: 0 0 60px 0;}
     /*--details--*/
    .banner-details-main {padding: 80px 0 80px 0px;}
    .banner-details-main h2{font-size: 50px;line-height: 52px;}
    .panel-right ul li{width: 100%;padding: 0 0 20px;}
    .panel-main {padding: 50px 0;}
    .profile-main{
	    display: block;
	    padding: 20px 10px 20px 10px;
	}
    .profile-left{width: 100%;border: none;}
    .profile-right{width: 100%;}
    .profile-content {
	    padding: 0px;
    }
    .profile-left.Exterior,.profile-left.Coatings,.profile-left.Interior,.profile-left.inter{padding: 30px 10px 30px 22px;}
/*--resources--*/    
    .banner-resources-main {padding: 90px 0;}
     .commercial-main ul li {width: 50%;}
    /*--c&i details--*/
    .banner-commerical-main {padding: 80px 0;}
    .vertical-main {padding: 70px 0 0 0px;}
    .vertical-main.horizontal{padding: 70px 0 0 0px;}
}
@media only screen and (max-width:479px){
    .header-main {padding: 25px 0 25px 0;}
    .icons {top: -58px;right: 20%;}
    .banner-main h2 {font-size: 30px;line-height: 34px;}
    .banner-main p{font-size: 14px;line-height: 22px;}
    .headline-left p,.our-products-left p,.difference-main p{font-size: 14px;line-height: 22px;}
   .our-products-left h2{font-size: 30px;line-height: 34px;}
    .our-products-right ul li{width: 100%;}
    .ceba-right ul li{width: 100%;padding: 0 15px 20px;}
    .footer-top-right ul li{width: 100%;padding: 0 0 20px 0;}
    .footer-btm {padding: 0px 0 50px 0;}
    .banner-main {padding: 160px 0 100px 0px;}
    .markets a span{font-size: 14px;line-height: 22px;}
    .difference-01 span {font-size: 100px;line-height: 120px;}
    .difference-main h2{padding: 0 30px 8px 0;}
    .difference figure img{height: 510px;}
    
     /*--about--*/
    .banner-about-main h2{font-size: 30px;line-height: 32px;}
    .banner-about-main p,.who-left p,.dean-right p,.charity-left p{font-size: 14px;line-height: 22px;}
    .banner-about-main {padding: 160px 0 90px 0;}
    .who-left h2, .charity-left h2{font-size: 30px;line-height: 32px;}
    .dean-main ul li {padding: 0px 0 15px 0;}
    .dean-main {padding: 60px 0 0 0;}
    /*--products--*/
    .mesa-right{width: 60%;}
    .mesa-left{width: 40%;}
    .banner-products-main {padding: 35px 0 0 0;max-width: 300px;}
    /*--details--*/
    .banner-details-main h2 {font-size: 40px;line-height: 42px;}
    .panel-left p,.panel-right ul li span{font-size: 14px;line-height: 22px;}
   /*--resources--*/    
    .banner-resources-main {padding: 25px 0 25px;}
    .banner-resources-main h2 {font-size: 40px;line-height: 42px;padding: 0 0 10px;}
    .banner-resources-main p{font-size:14px;line-height: 22px;}
    .commercial-main ul li {width: 100%;}
    .commercial-in{padding: 0 40px;}
    .commercial-main{padding:25px 0;}
    /*--c&i details--*/
    .vertical-in > ul > li {width: 100%;}
    .vertical-in h3 {font-size: 13px; line-height: 15px;padding: 20px 0 20px 3px;}
    .vertical-in h3:after{font-size: 20px;padding:0 10px 0 0;}
    .vertical-main h2{font-size: 30px;line-height: 32px;}
    .document-btm h4 {font-size: 15px;line-height: 17px;}
    .vertical-in.active h3:after{font-size: 20px;line-height: 0 10px 0 0;}
    .banner-commerical-main p{font-size: 14px;line-height: 22px;}
    /*--contact--*/
    .banner-contact-main h2{font-size: 40px;line-height: 42px;}
    .banner-contact-main p{font-size: 14px;line-height: 22px;}
    .banner-contact-main{padding: 60px 0;}
    .contact-left form ul li{width: 100%;}
    .contact-main {padding: 30px 0 40px 0px;}
    .contact-left form textarea{margin: 0;}
    .contact-left form ul li input {height: 40px;}
    .contact-left form ul li{padding: 6px 0 20px;}
    .contact-left form ul li.wdth{padding: 6px 0 20px;}
}