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

.grid-1280 { width:1280px;}
	
.slider .slide, .banner1, .banner2, .banner3  {  height:550px; }	
	
.banner-text {width:82%;  padding-top:15%;}	

.banner-text h2 { padding-left:20px; font-size:36px; line-height:100%; padding-bottom:10px; color:#0a67a9;}

.banner-text h3 { padding-left:20px; color:#0a67a9; font-size:20px;}

.socialmedia  {margin-right:50px;}

.inside-banner  {background-size:auto 170%;}


	
	
}




/*  1240px  */
@media all and (max-width: 1339px) {
 
 
.container {  width: 1200px; }
 
.grid-1280 { width:1200px;}
	
.slider .slide, .banner1, .banner2, .banner3  {  height:500px; }	
	
}




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

.container, .grid-1280 { width:940px;}

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

.slider .slide, .banner1, .banner2, .banner3  {  height:400px; }	
	
	
.responsive-menu-icon {display: block;}		

.top-navigation {display:none; position:absolute; z-index:1; top:0px; right:0px; background-color:#fff; width:100%; padding-top:50px; border-bottom:1px solid #ddd; background-image:url(../images/simple-logo.png); background-repeat:no-repeat; background-size:50px auto; background-position:17px 7px;}

.top-navigation li {width:100%; border-top:1px solid #ddd;}

.top-navigation li a {line-height:45px; text-align:left; padding-left:20px;}

header.darker .phone, .phone {margin-right:50px; margin-top: 6px; margin-bottom: 0px;}

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

.header-gap, header, header.darker {height:50px;}

header.darker .logo,  .logo {  margin-top: 5px;}
	
.current-page, .current-page a {background-image:none;}	
	
h2 {  font-size: 36px; margin-top:0px;}	

#vertical-ticker li {  line-height: 140%;  height: 150px;}

#vertical-ticker li strong {height:100px;}

#vertical-ticker li a {display:block; border:0px; margin-top:5px;}

.organisation-column span {  font-size: 16px;  padding: 15px;  margin-top: -120px;  height: 100px; background-position:130% bottom; background-size:30px auto;}

.organisation-column:hover	 span {background-position:90% bottom;}

.service-box img {  width: 90px;}

.inside-banner h1 {  font-size: 42px; top: 84px;}

.inside-banner {  height: 120px; }



}




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

.container, .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, .banner1, .banner2, .banner3  {  height:300px; }	

.banner-text h2 {  font-size: 24px; padding-bottom:5px;}

.banner-text h3 {  font-size: 15px;}

.slider .slider_left, .slider .slider_right {  top: 39%; padding:0px;}

.welcome .col-sm-8, .welcome .col-sm-4 {width:100%;}

.welcome .col-sm-4 {width:100%; margin-top:20px;}

.welcome {  padding: 40px 0px;}

#vertical-ticker li {  line-height: 140%;  height: 100px;}

#vertical-ticker li strong {height:70px;}

.organisation-column {width:33.33%; margin-top:0px;}

.organisation-column:nth-child(4), .organisation-column:nth-child(5) {width:50%;}	

.organisation p {margin-bottom:30px;}

.client-list img {  width: 15.6%;}

.services .col-sm-3 {width:33.33%;}

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

.keyfeatures {margin-top:0px;}

.keyfeatures {padding-bottom:1px;}

footer .col-sm-4, footer .col-sm-8 {width:100%;}

footer .col-sm-8 {width:100%; margin-top:50px;} 

.socialmedia {display:block; text-align:center; width:100%; padding:10px 0px; margin:0px;}

.copyright span {display:block; text-align:center;}

.copyright-text {text-align:center;}

.copyright br {display:none;}

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

.inside-banner h1 {  font-size: 36px; top: 67px;}

.inside-banner {  height: 100px; }

.contactus-page .col-sm-4 {width:100%; margin-bottom:30px;}

.contactus-page .col-sm-4:last-child {margin-bottom:0px;}

.listing2 li {  width: 50%;}

#left-menu a {  padding: 10px;  font-size: 14px;}

}





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

.container, .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, .banner1, .banner2, .banner3  {  height:250px; }	

h2 {  font-size: 30px;}
	
.services .col-sm-3 {width:50%; float:left;}
	
.copyright-links a {  font-size: 13px; margin-right:15px;}	

.banner-text h2 {background-color:#fff; width:320px; padding:10px 15px 0px 15px;} 

.banner-text h3 {background-color:#fff; width:320px; padding:0px 15px 10px 15px; font-size:14px; line-height:150%;}

.banner-text {  width: 80%;  padding-top: 14%;}
	
.ziehharmonika {  margin-top: 0px;}	

.investor-table td { display:table; width:100%; border:0px;}

.investor-table tr:first-child {display:none;}

.ziehharmonika > div {border:0px;}

.investor-table tr {padding:10px 15px!important; display:block; border:1px solid #ccc; margin-bottom:10px;}

.investor-table th {display:none;}

.select-year-area {clear:both; display:table;}

#left-menu {display:none;}
 	
}





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

.container, .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%;}
	
footer .col-sm-8 a {  width: 100%;}

.client-list img {  width: 24%;}

.service-box span {  width: 80%;}

.keyfeatures .col-1-of-4 {width:50%; float:left;}

.keyfeatures {padding-bottom:30px;}

.featured-box {margin-bottom:10px;}
	
.banner-text {  width: 80%;  padding-top: 14%;}	

.slider .slide, .banner1, .banner2, .banner3  {  height:200px; }		

header.darker .logo, .logo {  margin-top: 5px;  margin-left: -10px;}

#vertical-ticker li {  line-height: 140%;  height: 130px;}

#vertical-ticker li strong {  height: 90px;}

#vertical-ticker {  height: 390px;	}

.organisation-column {  width: 50%;  margin-top: 0px;}

.organisation-column:last-child { width:100%;}	
	
.inside-banner h1 {  font-size: 30px; top: 48px;}

.inside-banner {  height: 80px; background-size:cover;  }
	
.select-year {margin-top:10px; width:100%!important; background-position: 95% center;}	

.search-textbox {width:70%; }

.find-button {width:30%;}
	
.listing2 li {  width: 100%; margin-bottom:5px;}	
	
.listing li {text-align:justify;}	
	
}




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

.container, .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, .banner1, .banner2, .banner3  {  height:550px; background-position:90% center; }			

.banner2 {background-position:85% center;}

.banner3 {background-position:80% center;}

.banner-text {  width: 100%;  padding-top: 430px; margin-left:17px;}	

.phone a {font-size:0px;}

.phone a img {margin-right:0px;}

header.darker .phone, .phone {  margin-right: 45px;}

#vertical-ticker li {  line-height: 140%;  height: 150px;}

#vertical-ticker li strong {  height: 110px;}

#vertical-ticker {  height: 450px;	}

.services .col-sm-3 {  width: 100%;  float: none;}

.service-box img {  margin-bottom: 0px;}

.service-box {  padding: 20px 0px;}

.featured-box span {  padding: 0px 20px;  line-height: 140%;}

.featured-box {  height: 220px;}

.client-list img {  width: 32%;}

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

.organisation {  background-size: auto 600px;}

.copyright-links {clear:both; display:block; }

footer .col-sm-8 a {  font-size: 12px;}

.inside-banner h1 { top:116px; font-size:40px; }

.inside-banner {  height: 150px; background-size:cover; margin-bottom:0px; background-position:right top;  }

.ziehharmonika h3 {font-size:14px!important;}	

}