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

.grid-1280 { width:1280px;}
	
	
}




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

#mixedSlider {  position: relative;  width: 1140px; margin:auto;}

.slider .slide, .banner-1, .banner-2, .banner-3 {height:550px;} 

.banner-text {max-width:90%; padding-top: 200px;}

#mixedSlider .MS-content .item {width: 32.8%;}

.top-band-icons {font-size:13px;}

#contactus {margin-left:0px;}
	
}




/*  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; top: 45px; background-color:#00418e;  width: 56px; height: 56px; padding:17px;}
	
#mixedSlider {  width: 900px; }

.aboutus-left-pic.aos-init{  display: block;  width: 115%;}

.top-band-icons {display:none;}

.top-socialmedia {float:left;}

.top-socialmedia a {margin-left:0px; margin-right:5px;}

.top-navigation {display:none;}

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

.header-gap {height:101px;}
	
header.darker .logo img, .logo img {  width: 190px;  transition: all 0.5s ease-in 0s; margin-bottom:10px; }

.slider .slide, .banner-1, .banner-2, .banner-3 {height:450px;} 	

.banner-text {  max-width: 85%;    padding-top: 150px; }

h2 {font-size:36px;}

.aboutus-icon {  margin-right: 10px;  width: 43px;  margin-top: 8px;}

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

.service-box .thumb {  float: right; width: 30%;}

.management h3 {  font-size: 22px;}

.call-to-action img {  float: right;  margin-top: -130px;  width: 320px;}

.call-to-action .small-heading {  color: #fff;  display: block;  margin-top: 50px;  text-align: left;}

.call-to-action p {  color: #fff;  display: inline-block;  font-size: 16px; font-weight: 500;  line-height: 150%;}

footer a, footer p {font-size:13px;}

.copyright a {font-size:9px;}

header.darker .top-navigation, .top-navigation {position:fixed; left:0px; top:101px; background-color:#fff; width:100%; margin:0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}

.top-navigation a.current-page {border-bottom: 1px solid #ccc;}

.top-navigation a {display:block; padding:10px 15px; border-bottom:1px solid #ccc; margin:0px;}

.top-navigation a:hover {background-color:#eee;}

#contactus {  width: 95%;  margin: 10px auto;  display:block;}	

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

.inside-banner {height:100px;}

.service-box2 span p {  height: 420px;}

.service-box2 h3 {  font-size: 27px;  line-height: 120%;}

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

.contact-line:first-child img {  margin-bottom: 0px;}

.contact-line:first-child {  line-height: 26px;  height: 60px;}

.mission-box img {  margin-bottom: 30px;}

.dropdown, .dropbtn, .top-navigation a {width:100%; text-align:left;}

.dropbtn {    display: block;    padding: 10px 15px;    border-bottom: 1px solid #ccc;    margin: 0px;  }

#contactus {    width: 98%;    margin: 10px auto;    display: block;    margin: 10px;  }

}




/*  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%;}	

	
.slider .slide, .banner-1, .banner-2, .banner-3 {height:350px;} 	

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

.banner-text { max-width: 85%; padding-top: 110px;}

#mixedSlider {  width: 700px; }

.service-box .thumb {    float: right;    width: 40%;  }

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

.aboutus-left-pic.aos-init { display: block; width: 100%; margin:auto; max-width:440px;  }

.aboutus-content-holder {  padding: 0px 20px;  display: table;  width: 100%;}

.showcase .aboutus {  padding: 30px 0px;}

#mixedSlider .MS-content .item {    width: 50%;  }

.parallax .small-heading {  margin-top: 60px;  text-align: center;}

.small-heading {font-size:11px;}

.parallax h2 {  margin-bottom: 20px;  text-align: center;}

.parallax h2 br {display:none;}

.parallax p {  width: 100%;  font-weight: 400;  line-height: 180%;  font-size: 16px;  text-align: center;}
	
.call-to-action img {    float: right;    margin-top: 13px;    width: 220px;  }	

footer {margin-top:-1px;}

footer .col-1-of-4 {    width: 50%;    height: 320px;  }

.copyright { margin: 10px 0px 0px 0px;  width: 350px;  line-height: 160%;}

.process-image {display:none; width:100%;}

.process-image-mobile {display:block; width:100%; max-width:300px; margin:auto;}

.process-circle {display:none;}

.mgmt-box1, .mgmt-box1 p {text-align:left;}

.mgmt-box3, .mgmt-box3 p {text-align:left;}

.service-box2 span p {  height: 520px;}
	
#gallery img {  display: inline-block;  float: left;  width: 48%;  margin: 1%;  border: 1px solid #ddd;}	

#clients img {  display: inline-block;  float: left;  width: 23%;  margin: 1%;}

#contactus {    width: 97%;}
	
}





/*  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;} 
	
.slider .slide, .banner-1, .banner-2, .banner-3 {height:300px;} 	
	
.banner-text { max-width: 85%; padding-top: 60px;}
	
#mixedSlider {  width: 580px; }	

.service-box .thumb {    float: right;    width: 52%;  }

.call-to-action img {    float: right;    margin-top: 157px;    width: 192px;    position: absolute;    right: 30px;  }

.call-to-action {  padding-bottom: 157px;}

.copyright {    margin: 10px 0px 0px 0px;    width: 290px;    line-height: 160%;  }

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

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

.service-box .thumb {    float: none;    width: 100%;  }

.service-box p, .service-box h3 {  width: 100%;}

.service-box span {  display: block;  padding: 30px;}

.mgmt-box1, .mgmt-box2, .mgmt-box3, .mgmt-box4 {  display: table;  width: 100%;  text-align: left;  margin-bottom: 70px;  border: 1px solid #00418e;  padding: 20px;  margin-bottom: 20px;}

.management {padding:30px 0px;}

.management .small-heading, .management h2 {text-align:left;}

footer .col-1-of-4 {    width: 100%;   height: auto; margin-bottom:30px;  }

.copyright {  margin: 0px 0px 20px 0px;    width: 100%;    line-height: 160%;  }

.call-to-action img {    float: right;    margin-top: 250px;    width: 192px;    position: absolute;    right: 30px;  }

.call-to-action {    padding-bottom: 226px;  }

.process {  padding: 40px 0px;}

h2 {    font-size: 30px;    line-height: 140%;  }

.process p {  font-size: 14px;}

.insidepage-content-area.inside-services .col-1-of-2 {width:100%;}

.service-box2 span p {  height: auto;}

#clients img {  display: inline-block;  float: left;  width: 31.33%;  margin: 1%;}

.photo-holder {  float: right;  width: 100%;  margin-left: 40px;  border: 1px solid #ddd;  margin-top: -20px; margin-bottom:30px;}

#contactus {    width: 96%;}
	
}





/*  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%;}
	
	


.slider .slide, .banner-1, .banner-2, .banner-3 {height:250px;} 	
	
.banner-text { max-width: 75%; padding-top: 60px;}
	
#mixedSlider {  width: 400px; }	

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

.aboutus {  padding: 30px 0px;}

.aboutus-icon {   width: 100px;    margin:0px;    display: block;    float: none;  }

.aboutus h4 {  margin-top: 0;}

#mixedSlider .MS-content .item {    width: 100%;  }

.services {  padding: 30px 0px;}
	
.page-title {  line-height: 60px; font-size:25px; font-weight:300;}

.inside-banner {height:60px;}

#contactus {    width: 95%;}
	
	
}




/*  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%;}	
	

.slider .slide, .banner-1, .banner-2, .banner-3 {height:500px;} 	
	
.banner-text { max-width: 75%; padding-top: 60px;}
	
#mixedSlider {  width: 320px; }	

.aboutus-content-holder {    padding: 0px 0px;  }

h2 {    font-size: 22px;    line-height: 140%;  }

.management h3 {    font-size: 20px;  }

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

.services {  padding: 20px 0px;}

.call-to-action img {    margin-top: 288px;  }

footer a, footer p {    font-size: 13px;    margin-bottom: 0;  }

.aboutus-icon {    width: 80px;}

.contact-line:first-child {    line-height: 26px;    height: 100px;  }

.contact-line:first-child img {    margin-bottom: 30px;  }

.service-box2 h3 {    font-size: 22px;    line-height: 120%;  }

#gallery img {  display: block;  float: none;  width: 100%;  margin: 3% 0px;  border: 1px solid #ddd;}	

#clients img {  display: inline-block;  float: left;  width: 48%;  margin: 1%;}

#contactus {    width: 94%;}
	
}