/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	select .tinynav {
		padding-right:18px
	}
}
@media(max-width:1200px) {
h3.landingpage {line-height: 25px;font-size: 18px;}
h1.landingpage {margin-left:10px;margin-top: 0px;font-size: 40px;line-height: 50px;}
.carousel .item {height:1200px;}
}
@media screen and (min-width:600px) and (max-width:1200px) {

	.thumbnail .caption p {
	height:180px;
	overflow:hidden;
	}
	#c-slide .slide1-1 {
		margin-top:-205px;
	}
	#c-slide .item {
		height:auto;
		padding:30px 0px 90px;
		height:1300px;
		text-align:center;
	}
	.carouselText1 {margin-top: 20px;}
	.slide1-3{top:100px;}
	.slide1-2{right:150px;}
	
}
@media(max-width:992px){
.navbar{padding-top:0px;}
.wrapper{padding-top:160px;}
.row-fluid .span6 { width: 100%;}
}
@media(max-width:800px){
.navbar-inner {background:none;}
.col-md-6,.col-md-4,.col-md-8, .col-md-12{padding-left:0px;padding-right:0px;}
iframe{width:100%;}
.ssb-share.hover-left{position:relative;width:auto;}
}

@media(max-width:767px){

.tinynav{display:block}
.fullnav{display:none;}
.wrapper ,footer{position:relative;}
.wrapper {padding-top: 100px;}
.content-area {margin-bottom:30px;}
footer.site-footer{position:relative;}
footer .col-md-6 span{display:block;text-align:center;}
footer .col-md-6 span.footer_links{float:none;text-align:center;}
footer .col-md-6 span.footer_copy{float:none;text-align:center;}
footer .col-md-6 span.contact-number{display: inline-block;font-size:12px;}
/*remove blow 2 lines for restting updates*/
footer .col-md-6 span.contact-description{text-align: left;font-size: 12px;width: 70%;float: right;border-left: thin solid;padding-left: 2%;}
footer .col-md-6 span.margin500{text-align:left;margin-left:15px;}
}

@media(max-width:500px){
.sagheb6 .imgwrapper img {width: 90%;height: auto;}
.cform label span{display:none;}
.cform.contact-form input, .cform.contact-form textarea, .cform.contact-form select {width:100%}
.pageContent img.grayborder {width:100%;height:auto;}
/* below additional code for mobile */
h2.brandlogo{margin:2px;}
h2.brandlogo img{height:50px;width:auto;}
header.header{min-height:10px;}
.wrapper{padding-top: 50px;}
}
