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

.grid-1280 { width:1280px;}
	
#mixedSlider6  {width:1260px;}	

.home-banner {  height: 650px; background-size:cover;}

#banner-text {  padding-top: 19%;}

.logo a {  width: 180px;}

.top-navigation {  margin-top: 40px;}

.footer-logo img {width:180px; display:block; margin:auto;}

.inside-banner { height:500px; background-size:cover; }

#banner-text-inside {  padding-top: 17%;}

.welcome img {width:100%;}

#mixedSlider6 .MS-content .item  img { margin-bottom:13px;}

#banner-text h1, #banner-text h1 strong {font-size:60px; max-width:85%; margin:auto;}
	
}




/*  1240px  */
@media all and (max-width: 1339px) {
 
.grid-1280 { width:1160px;}

#mixedSlider6 {  width: 1140px;}

.top-navigation a {margin-right:88px;}

.logo-gap {  width: 225px; margin-right:50px;}


.services h3 {margin-top:0px;}

.training-box {height:460px;}
	
.halfsize {  margin-right: 22px;  margin-bottom: 22px;}	

#mixedSlider6 .MS-content .item  img { margin-bottom:11px;}

#banner-text h1, #banner-text h1 strong {font-size:60px; max-width:90%; margin:auto;}	

.pp, .ps {font-size:13px;}


}




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

.grid-1280 { width:920px;}

#mixedSlider6 {  width: 900px;}

#mixedSlider6 .MS-content .item {  width: 19%;}
	
.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;}
	
.home-banner {  height: 500px;  }	

.top-navigation {display:none;}

#banner-text .small-heading {font-size:18px;}

#banner-text h1, #banner-text h1 strong {  font-size: 60px;}

h2, h2 strong {  font-size: 50px;}

.content-right {  padding-left: 26px !important;  height: 400px;}

footer .col-1-of-3 {  width: 100%;  float: left; margin:10px 0px;  }

.footer-box {margin:0px; padding:20px; height:auto;}

.footer-box img {  margin-right: 10px; margin-left: 0px;}

.col-1-of-1.footer-nav {  margin-top: 30px;}

.top-navigation {margin:0px; position:fixed; left:0px; top:0px; padding:100px 60px; background-color: #191919;}

.top-navigation a:first-child {border-top:1px solid #333;} 

.top-navigation a {display:block; width:100%; margin:0px; line-height:60px; border-bottom:1px solid #333;}

.logo-gap {display:none;}

.contact-box {width:100%; margin:20px 0px;}

#banner-text-inside {  padding-top: 20%;}

.inside-banner {  height: 400px;}

#banner-text-inside h1, #banner-text-inside h1 strong{  font-size: 60px;}	

.vline3 img {  position: absolute;  margin-top: -40px; height:100px;}

.faqs {  padding: 80px 0px 40px 0px;}

.training-box {  width: 48%; height:360px; margin-bottom:20px;}

.halfsize {  margin-right: 17px;  margin-bottom: 17px;}

.service-details-left, .service-details-right {  height: 422px;}

.service-details-right {  padding:20px;}

#mixedSlider6 .MS-content .item  img { margin-bottom:9px;}

#banner-text h1, #banner-text h1 strong {    font-size: 50px;}

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

.type-box {padding:10px; height:350px;}

.type-box ul li {  font-size: 13px;  line-height: 140%;}

	
}




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

.grid-1280 { width:700px;}	

.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-nav a {  margin: 0px 15px;}

#mixedSlider6 {  width: 670px;}

#mixedSlider6 .MS-content .item {  width: 19%;}
	
.copyright {margin-top:10px;}	

#banner-text h1, #banner-text h1 strong {  font-size: 50px;}

h2, h2 strong {  font-size: 42px;}

#banner-text {  padding-top: 22%;}

.home-banner {  height: 400px;}
	
.logo a {  width: 140px;}	

.vline img {  position: absolute;  margin-top: -50px;  height: 100px;}

.vline2 img {  position: absolute;  margin-top: 10px;  height: 100px;}

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

.process {  padding: 70px 0px 60px 0px;}

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

.pricing {  padding: 80px 0px 80px 0px;}

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

.welcome .col-1-of-2 {width:100%; margin-bottom:20px;}

.process .col-1-of-2 {width:100%; margin-bottom:20px;}

.content-right {  padding-left: 0px !important;  height: auto;}

.services img {  margin-bottom: 40px;}

.content-left {  padding-right: 10px !important;  height: auto;}

.services {  display: table;  width: 100%;  padding: 20px 0px;}

.pricing br {display:none;}

.pricing h2 {margin-bottom:30px;}

.price-list {  margin: 10px 0px 0px 0px;}

#mixedSlider6 .MS-content .item {  width: 24%;}

#banner-text-inside h1, #banner-text-inside h1 strong {  font-size: 50px;}

#banner-text-inside {  padding-top: 22%;}

.inside-banner {  height: 350px;}

.halfsize {  margin-right: 13px;  margin-bottom: 13px;}

.service-details-left, .service-details-right {  height: auto;  width: 100%;}

.service-details-left {margin-bottom:20px;}

#mixedSlider6 .MS-content .item  img { margin-bottom:6px;}

#banner-text h1, #banner-text h1 strong {    font-size: 38px;}

.listing2-half li {  width: 100%;}

.half-left {  width: 100%;  float: none;}

.half-right {  width: 100%;  float: none;}

.type-box {margin-bottom:20px;}

}





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

.grid-1280 { width:560px;}	
	
.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;} 
	
#mixedSlider6 {  width: 560px; margin-top:30px;}

#mixedSlider6 .MS-content .item {  width: 19%;}	

.work {  padding: 40px 0px 40px 0px;}

.work br {display:none;}

.vline {  margin-bottom: 30px;}

.footer-nav a {  letter-spacing: 1px;  font-size: 16px;}

header.darker .logo a img {  width: 100px;}

.logo a {  width: 100px;}

header.darker .logo a img {  width: 80px;}

#banner-text h1, #banner-text h1 strong {  font-size: 40px;}

#banner-text .small-heading {  font-size: 16px;  letter-spacing: 2px;  margin-bottom: 0px;}

h2, h2 strong {  font-size: 36px;}

.price-list {  margin: 10px 0px 0px 0px;}

#mixedSlider6 .MS-content .item {  width: 32.2%;}

#banner-text-inside h1, #banner-text-inside h1 strong {  font-size: 50px;}

#banner-text-inside {  padding-top: 22%; }

.inside-banner {  height: 300px;}

.faqs .accordion strong {  float: left;  margin-bottom: 20px;}

.faqs .accordion {padding-right:40px;}

.faqs .accordion::after {margin-right:-30px;}

.training-box {  width: 48%; height:430px; margin-bottom:20px;}

.kit-item {  width: 48%;}	
	
.halfsize {  margin-right: 10px;  margin-bottom: 10px;}	

#banner-text h1, #banner-text h1 strong {    font-size: 30px;}

.faqs .accordion {padding:8px 40px 8px 5px;}

.faqs .accordion strong {    float: left;    margin-bottom: 0px;  }

.faqs div.panel {  padding: 15px 0px 5px 0px;}

.welcome .col-1-of-5 {width:100%; }

.type-box {height:auto; padding:20px;}
	
}





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

.grid-1280 { width:400px;}	
	
.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%;}
	
	
#mixedSlider6 {  width: 410px;  margin-top: 30px;}

.call-us-now { margin-right: 0px;}

.chat-with-us {margin-left:0px;}

footer {  padding: 20px 0px 90px 0px;}

.footer-nav a {  letter-spacing: 1px;  font-size: 14px;  margin: 0px 7px;}

.home-banner {  height: 300px;}

.logo {  margin-top: 10px;}	
	
#banner-text .small-heading {margin-top:20px;}	
	
.inside-banner {  height: 250px;}	

#banner-text-inside h1, #banner-text-inside h1 strong {  font-size: 40px;}

#banner-text-inside {  padding-top: 24%;}

.training-box {  width: 98%; height:330px; margin:auto; margin-bottom:70px; clear:both; float:none; }

.kit-item {  width: 48%;}	

#road-map-gap {height:70px; width:100%; }

.training h3 {font-size:18px;}
	
.fullsize {  margin-bottom: 15px;}	

.halfsize {  margin-right: 15px;  margin-bottom: 15px;}

.training-box {height:auto;}

#banner-text h1, #banner-text h1 strong {    max-width: 100%; font-size: 24px;}

.ps, .pp {width:100%; text-align:left; line-height:20px; border:0px; }

.ps { padding:10px 0px 0px 0px;}

.pp {padding:0px 0px 10px 0px; border-bottom:1px solid #666;}

.pp:last-child {border-bottom:0px;}
	
}




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

.grid-1280 { width:300px;}	
	
.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%;}	


.home-banner {  height: 640px;}

#banner-text .small-heading {margin-top:140px;}		

.vline img {  margin-top: -60px;  height: 100px;}

.chat-with-us img, .call-us-now img {  width: 150px;}

.services h3 span {width:60px;}

.services p {  padding-left: 60px;}

.readmore {margin-left:60px; padding:12px;}

.price-list {font-size:16px; padding:10px; background-color: rgba(0, 0, 0, 0.4);}

.copyright {  font-size: 10px;  letter-spacing: 1px;}

#mixedSlider6 {  width: 300px;  margin-top: 30px;}

.services h3 {font-weight:500; width:80%;}

.footer-box {  padding: 10px;  font-size: 12px;  line-height: 140%;}	

.footer-box img {  width: 50px;}

#banner-text h1, #banner-text h1 strong {  font-size: 36px;}

.inside-banner {  height: 220px;}	

#banner-text-inside h1, #banner-text-inside h1 strong {  font-size: 36px;}

#banner-text-inside {  padding-top: 32%;}

.inside-banner .small-heading {margin-bottom:0px;}

.faqs .accordion strong {  margin-bottom: 40px;}

.kit-item {  width: 98%;}	

footer {  padding: 20px 0px 70px 0px;}

.col-1-of-1.footer-nav {  margin-top: 10px;}

.training {padding-bottom:0px; padding-top:30px;}

.vline2 img {height:80px; width:1px;}

h2, h2 strong {  font-size: 30px;}

.vline img {  margin-top: -40px;  height: 80px;  width: 1px;}

.service-details-left, .service-details-right {padding:20px; font-size:14px;}

.halfsize {  margin-right: 11px;  margin-bottom: 11px;}

.fullsize {  margin-bottom: 11px;}

#mixedSlider6 .MS-content .item  img { margin-bottom:3px;}

.faqs .accordion { font-size:14px; padding-left:5px;}

#banner-text-inside h1, #banner-text-inside h1 strong {    font-size: 26px;  }

.services h3 {    font-weight: 800;    width: 100%; font-size:30px;   } 

#banner-text h1, #banner-text h1 strong {    font-size: 33px;    max-width: 300px;        }

.gray-full-content {  padding: 1px 20px 20px 20px;  margin-top: 40px;}

.readmore {    margin-left: 0px;    padding: 12px;  }

.services h4 {  padding-left: 60px;}

.col-1-of-1.footer-nav {    margin-top: 10px;    padding: 0px 45px;  }

.services h3 span {  font-size: 32px;}

.services p {    padding-left: 0px;  }

.services h4 {    padding-left: 0px;  }
  
.faqs .accordion strong {    margin-bottom: 10px;  }

.faqs .accordion::after {    margin-right: -30px;    margin-top: -15px;  }

.services h3 {    font-size: 22px;    letter-spacing: 0px;  }

.services h4 {  font-size: 20px;}

.services h3 span {    width: 50px;  }

.listing4 {  margin: 0px 0px 0px 20px; padding: 0px;}

}