

/*  1350px  */
@media all and (max-width: 1479px) {

.grid-1280 { width:1280px;}
	
.slider .slide, .slider1, .slider2, .slider3, .slider4, .slider5, .aboutus-bg, .contact-bg  {height: 650px;} 	 	 	 		
	
.content-left, .content-right {    padding: 10px 30px	}
	
.textbox1, .textbox2 {padding: 10px;}	
	
.textbox2 {height: 100px;}	

.semi-transparent {    height: 455px;}	
	
h3 {margin-bottom: 20px;}	
	
.contact-details p {    margin-bottom: 30px;}	
	
.big-para {font-size: 18px; line-height: 150%; margin-top: 40px;}

.medium-para {font-size: 16px; line-height: 150%; font-weight: 500;}
	
.content-half {width: 48%; float: left; padding: 30px 50px;}	
	
	
.careers-page {    background-color: #333;}	
	
.careers-page .semi-transparent {height: 1300px; }

.careers-page .contact-bg {background-size:cover; height: 1300px;}
	
header.darker {    background-color: #333;}	

.careers-page .inside-footer {position: relative; margin-top: 30px;}
	
}





/*  1240px  */
@media all and (max-width: 1339px) {
 
.grid-1280 { width:1200px;}
	
.login-right li {font-size: 18px;}	
	
}




/*  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 {padding: 0px 10px;} 	
	

.content-left {width: 60%;}
.content-right {width: 40%;}
	
	
.content-half {width: 100%; float: left; padding: 30px;}
	
.careers-page .semi-transparent {height: 940px;}
	
.careers-page .contact-bg	{height: 1050px;}
	
.careers-three-column {width: 100%; margin: 0px; padding: 0px 30px;}	 
	
.careers-page .semi-transparent {height: 1700px; }

.careers-page .contact-bg {background-size:cover; height: 1700px;}	
	
	
}






/*  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-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 {width: 100%;}	

	
.top-navigation {display: none;}	

.responsive-menu-icon {display: block;}	
	
.top-navigation {width: 100%; position: fixed; background-color:#00afef; left: 0px; top:0px;  margin: 0px; height: 100%; padding-top: 70px; }	
	
.top-navigation a {display: block; border: 0px; font-size: 20px; font-weight: 400; padding: 15px; text-align: center; margin: 0px; border: 1px solid #fff; margin: 10px 40px;}	
	
.top-navigation a:hover {background-color: #ec268f;}	
	
.logo {    margin: 10px 20px 20px 20px;}	
	
	
.careers-page .semi-transparent {height: 1040px;}
	
.careers-page .contact-bg	{height: 1150px;}	
	
.careers-page .semi-transparent {height: 1850px; }

.careers-page .contact-bg {background-size:cover; height: 1850px;}	
		
	
	
}





/*  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 {padding: 0px 5px;} 
	
	
.logo img {    width: 200px;}
	
.top-navigation {    margin: 35px 40px;}	
	
.slider .slide, .slider1, .slider2, .slider3, .slider4, .slider5 {height: 360px;} 	 	 	 			
	
.slider .slider_left, .slider .slider_right {top:40%;}	
	
.content-left {width: 100%;}
.content-right {width: 100%;}

.semi-transparent, .aboutus-bg, .contact-bg {    height: auto; display: table; background-attachment: fixed;}	
	
.semi-transparent {margin-bottom: 100px;}	
	
	
.careers-page .semi-transparent {margin-bottom: 0px;}		
	
header.darker {background-color: rgb(0,0,0,0.8)}	
	
.inside-footer {position: relative; margin-top: -80px;}		
	
.content-area {    padding-top: 90px;	}
	
.top-navigation {    margin: 35px 40px 30px 0px;}	
	
.big-para {margin-top: 10px;}	
	
footer {letter-spacing: 0px;}	
	
	
	
.careers-page .semi-transparent {height: 1850px; }

.careers-page .contact-bg {background-size:cover; height: 1850px;}		
	
}





/*  480px  */
@media all and (max-width: 639px) {

.grid-1280 { width:440px;}	
	
.col-1-of-2  {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 {letter-spacing: 0px; font-size: 10px;}
	
	
.slider .slide, .slider1, .slider2, .slider3, .slider4, .slider5 {height: 320px;} 	 	 	 				
	
.careers-page .semi-transparent {height: 2250px; }

.careers-page .contact-bg {background-size:cover; height: 2250px;}		
	

	
}




/*  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%;}	
	
.modal-content {width: 100%;}	
	
.modal {    padding-top: 0px;    padding-bottom: 0px;}	
	
.login-area {    width: 90%;}	
	
.tab button {font-size: 22px;}	

.login-area {padding: 10px;}	

.login-textbox {    padding: 0px 10px 5px 10px;	}
	
.login-button {    padding: 6px 10px 6px 10px;	}
	
.slider .slide, .slider1, .slider2, .slider3, .slider4, .slider5 {height: 640px;} 	
	
.top-navigation {padding-top: 160px;}	
	
.slider1 { background-image: url(../images/banner1-mobile.jpg); }
.slider2 { background-image: url(../images/banner2-mobile.jpg); }
.slider3 { background-image: url(../images/banner3-mobile.jpg); }
.slider4 { background-image: url(../images/banner4-mobile.jpg); }
.slider5 { background-image: url(../images/banner5-mobile.jpg); }
	
footer {color: #ccc;}	
	
	
.submit-button {width: 100%; padding: 10px;}	

footer {font-size: 9px; letter-spacing: 0px; text-transform: capitalize; font-weight: 500;}	
	
footer {    font-size: 11px;    letter-spacing: 0px;    text-transform: capitalize;    font-weight: 500;    width: 270px;    margin: auto;    line-height: 140%;    padding-bottom: 30px;}	
	
.careers-page .semi-transparent {height: 2750px; }

.careers-page .contact-bg {background-size:cover; height: 2750px;}		
	
}