/*  1350px  */
@media all and (max-width: 1479px) {

.grid-1280 { width:1280px;}
	
.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4, .banner-5 {height:410px;}	

.banner-text h2 {  font-size: 32px;}
	
}




/*  1240px  */
@media all and (max-width: 1339px) {
 
.grid-1280 { width:1200px;}
	
#mixedSlider {width: 1180px; margin:auto;}

.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4, .banner-5 {height:420px;}
	
.product-box {  height: 580px; padding-bottom: 0px;}	

.products {  padding: 40px 0px;}

.banner-text {  max-width:1100px;}
	
}




/*  980px  */
@media all and (max-width: 1239px) {

.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;} 	
	

.responsive-menu-icon {display: block;}
	
.banner-text {  max-width:840px;}		
	
#mixedSlider {width: 900px; margin:auto;}	

.banner-text h2 {  font-size: 26px;}
	
.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4, .banner-5 {height:350px;}		

.slider .slider_left, .slider .slider_right {  top: 34%;}
	
.products .col-1-of-3 {width:50%;}

.product-box {  height: 660px;}	
	
#contact-details, #quick-links {width:100%;}	

header.darker .phone, .phone {  margin-right: 50px; margin-top: 7px;}

.header-gap {  display: table;  width: 100%;  height: 61px; border-bottom: 1px solid #ccc;}

header.darker .logo, .logo {  width: 120px;  margin: 5px 0px;}

#top-navigation {    display: none;    position: fixed;    left: 0;    top: 60px;    margin: 0px;    width: 100%;    background-color: #fff;  border-top:1px solid #ddc7f3; }

header.darker #top-navigation {top:60px;}

.top-navigation ul li {width:100%; padding:0px; margin:0px;}

.top-navigation ul li a { padding:10px 15px; border-bottom:1px solid #ddc7f3;}

.top-navigation ul li a:hover {background-color:#f7f7f7;}

.top-navigation ul li:nth-child(1) a {  border-bottom: 1px solid #ddc7f3!important;}

.video-caption {right:10px;}

h2 {  font-size: 36px;}


.page-title {  line-height: 200px;}

.inside-banner {height:200px; background-size:cover; background-position:center center;}
	
.inside-content-area h1 {font-size:36px; font-weight:400; line-height:140%;}

.inside-content-area h2 {font-size:28px; font-weight:400;}

.inside-content-area h3 {font-size:22px; font-weight:400;}
	
	
.inside-content-area .col-1-of-4 {width:33.33%;}
	
	
}




/*  768px  */
@media all and (max-width: 979px) {

.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%;}	

	
footer .col-1-of-5 {height:300px;}

footer {  padding-top: 20px;}

footer .hline {  padding-top: 0px;}

.socialmedia, .copyright {width:100%; margin-bottom:10px;}

#contact-details {  margin-bottom: 30px;  margin-top: 20px;}

.video {  padding: 20px 0px 80px 0px;}

.products p {  max-width: 100%;}

.products {    padding: 20px 0px;  }

.aboutus {  padding: 40px 0px;}

.aboutus .col-1-of-2 {width:100%;}

.aboutus-pic {display:block; margin:auto; max-width:400px; margin-bottom:30px;  }
	
.banner-text {  max-width:640px;}		
	
#mixedSlider {width: 700px; margin:auto;}	
	
.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4, .banner-5 {height:250px;}		

.banner-text h2 {  padding-top: 20%;}

.banner-text h2 {    font-size: 22px;  }

.banner-text p {  font-size: 16px;  margin-top: 10px;}	

.slider .slider_left, .slider .slider_right {    top: 33%;  }

.product-box {    height: 560px;  }

.clients img {  margin: 10px 0px;}

#contact-details, #quick-links {    width: 100%;    display: table;  }
	
.page-title {  line-height: 170px;}

.inside-banner {height:170px; }

.review-box p {  height: 400px;}

.testimonials p {  padding: 0px 20px;}
	
	
.inside-content-area .col-1-of-4 {width:50%;}	

.inside-content-area .product-box.small {  height: 550px;}

#product-details-left, #product-details-right {width:100%;}
	
}





/*  640px  */
@media all and (max-width: 767px) {

.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;} 
	

.clients img {  margin: 5px 0px;}	

.copyright {  letter-spacing: 1px;  float: none;  margin: auto;  display: block;  max-width: 290px;  text-align: center;}

.socialmedia {  float: none;  text-align: center;  margin-top: 20px;}

	
.banner-text {  max-width:500px;}		
	
#mixedSlider {width: 580px; margin:auto;}	
	
.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4, .banner-5 {height:200px;}		

.product-box {    height: 480px;  }

.banner-text h2 {    font-size: 16px;  }

.banner-text p {    font-size: 14px;    margin-top: 10px;  }

.slider .slider_left, .slider .slider_right {    top: 27%;  }

	
h2 {    font-size: 30px;  }	

.page-title {  line-height: 140px;}

.inside-banner {height:140px; }


.inside-content-area h1 {font-size:32px; font-weight:400; line-height:140%;}

.inside-content-area h2 {font-size:24px; font-weight:400;}

.inside-content-area h3 {font-size:18px; font-weight:400;}


.review-box p {  height: 250px;}
	
.inside-content-area .product-box.small {  height: 450px;}	
	
}





/*  480px  */
@media all and (max-width: 639px) {

.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%;}
	
	
.banner-text {  max-width:400px;}		
	
#mixedSlider {width: 400px; margin:auto;}	
	
.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4, .banner-5 {height:500px;}		

.product-box {    height: auto;  }

.products .col-1-of-3 {width:100%;}

.video-caption {  float: none;  margin-top: -20px;  position: relative;  right: 0px;  width: 100%;}

.video {    padding: 20px 0px 0px 0px;  }

.testimonials {  padding: 20px 0px 0px 0px;}	
	
.clients .col-1-of-5 {width:33.33%; float:left;}	

footer .col-1-of-5 {    height: 300px; width:50%; float:left;  }

footer .col-1-of-5.last {height:auto; margin-bottom:30px;}

.h5-gap {  height: 0;  display: block;}

.clients {  padding: 30px 0px 50px 0px;}

.product-box { height: auto;    padding-bottom: 30px;  }

.banner-text h2 { padding-top: 10%; font-size:24px; text-align:center;  }

.banner-text p { text-align:center;  }	
	
.form {  width: 100%; margin-bottom:20px;}

.page-title {  line-height: 110px; font-size:30px;}

.inside-banner {height:110px; }

footer .col-1-of-5 {    height: auto; display:table; width:100%; padding-bottom:25px;  }

.banner-1 {display:table; width:100%; height:500px; background-image:url(../images/banner-1-mobile.jpg); background-position:center center; background-size:cover;}

.banner-2 {display:table; width:100%; height:500px; background-image:url(../images/banner-2-mobile.jpg); background-position:center center; background-size:cover;}

.banner-3 {display:table; width:100%; height:500px; background-image:url(../images/banner-3-mobile.jpg); background-position:center center; background-size:cover;}

.banner-4 {display:table; width:100%; height:500px; background-image:url(../images/banner-4-mobile.jpg); background-position:center center; background-size:cover;}

.banner-5 {display:table; width:100%; height:500px; background-image:url(../images/banner-5-mobile.jpg); background-position:center center; background-size:cover;}


.inside-content-area .col-1-of-4 {width:100%;}

	
}




/*  360px  */
@media all and (max-width: 479px) {

.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%;}	
	
.aboutus-listing { margin: 20px 0px 20px 0px;}

header.darker .phone, .phone {  margin-right: 50px; font-size:0px;  }

.banner-text {  max-width:300px;}		
	
#mixedSlider {width: 100%; max-width:320px; margin:auto;}	
	
.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4, .banner-5 {height:600px;}		

.banner-text h2 {    font-size: 28px;  }

.video-caption h3 {  font-size: 28px;}

.video-caption h4 {  font-size: 18px;}

.video-caption a {  font-size: 20px;  line-height: 45px;}

#mixedSlider .MS-controls .MS-right {right:-20px;}

#mixedSlider .MS-controls .MS-left {left:-20px;}

footer .col-1-of-5 {    height: auto;    width: 100%;    float: left;    padding-bottom: 20px;  }

footer, footer p {  font-size: 13px;}
	
	
.page-title {  line-height: 80px; font-size:24px;}

.inside-banner {height:80px; }
	

.inside-content-area h1 {font-size:28px; font-weight:400; line-height:140%;}

.inside-content-area h2 {font-size:22px; font-weight:400;}

.inside-content-area h3 {font-size:16px; font-weight:400;}


.banner-1 {display:table; width:100%; height:600px; background-image:url(../images/banner-1-mobile.jpg); background-position:center center; background-size:cover;}

.banner-2 {display:table; width:100%; height:600px; background-image:url(../images/banner-2-mobile.jpg); background-position:center center; background-size:cover;}

.banner-3 {display:table; width:100%; height:600px; background-image:url(../images/banner-3-mobile.jpg); background-position:center center; background-size:cover;}

.banner-4 {display:table; width:100%; height:600px; background-image:url(../images/banner-4-mobile.jpg); background-position:center center; background-size:cover;}

.banner-5 {display:table; width:100%; height:600px; background-image:url(../images/banner-5-mobile.jpg); background-position:center center; background-size:cover;}


.review-box p {height:350px;}	

.review-box {height:620px;}

.testimonials p {  text-align: center;  padding: 0px 0px;}

#mixedSlider .MS-content .item p {margin:0px;}
	
}