/* -----------------------------------------
   Theme Specific Media Queries
----------------------------------------- */

/* Small desktop to mobile ----- */
@media only screen and (min-width: 960px) and (max-width: 480px) {

}


/* Only mobile ----- */
@media only screen and (max-width: 480px) {
	#title h1 { font-size: 34px; }
}

@media only screen and ( max-width: 945px ) and ( min-width: 768px ) {
	a.btn.read-more { font-size: 10px; }
}

/* Main MQuery, iPad portrait and lower -- */
@media only screen and (max-width: 768px) {
	
	#logo { text-align: center; margin-bottom: 30px; }
	#navigation > li { display: block; float: none; margin: 0; padding: 0; }
	#navigation > li > a { margin: 0;}
	#navigation li.appointment { margin: 0; padding: 0; border: none; }
	.appointment:after { display: none; }
	#navigation ul { width: 100%; }
	#nav { position: static; text-align: center; }
	#footer { text-align: center; }
	.copy { margin-bottom: 20px; }
	.subnav { text-align: center; position: static;}
	.subnav li { float: none; display: inline-block; }
	.entry-thumb { margin-bottom: 30px; }
	#sidebar { margin-top: 50px; }
	.featurette {	position: relative;	margin-top: 340px; }
	.featurette .item {	margin-bottom: 30px; }
	.slides-navigation { display: none; }
	.slide-content { margin-top: 250px; }
	#slides { height: 500px !important; }
}


@media screen and (max-width:1024px){
	.featurette{margin-top:280px;}
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > li > a {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding: 25px 20px;
	
}
.innerheader .navbar-inverse .navbar-nav > .active > a, .innerheader .navbar-inverse .navbar-nav > li > a{padding:15px 11px; display:block;}
	.innerheader #logo img{width:95%;}
}
@media screen and (min-width:800px){
	.divice{display:none;}
	.desktop{display:block;}	
	
	}
	@media screen and (max-width:768px){
		.innerheader{position:relative;}
			.innerheader #logo img{width:200px;;}
	.desktop{display:none;}	
	.divice{display:block; width:200px; float:right;}
	#logo{margin-bottom:0px;}
	.featurette{margin-bottom:100px;} .socialicon{font-size:20px!important;}
	.socialicon a{padding-top:4px;}

		}
	@media screen and (max-width:640px){
		.navbar-inverse .navbar-toggle{background:#333!important;}
		.slide-content h1{font-size:45px;}
		.slide-content{margin-top:180px;}
		.featurette{margin-top:150px;}
		.footer{margin-bottom:15px; display:inline-block;}
		.footer li{float:none; width:100%; text-align:center; border-bottom:1px solid #280e16;}
		.footer li a{width:100%; text-align:center;}
		.footermain {
    background: url("../images/footer_back.png") repeat scroll left top rgba(0, 0, 0, 0);
    min-height: 80px;
	height:auto;
    margin-top: 50px;
    padding-top: 30px;
    width: 100%;
}

#logo img{max-width:100%; width:60%}
ul.navbar-nav, ul.navbar-nav li, ul.navbar-nav li a{width:100%; font-size:16px;}
.featurette{margin-top:100px;}
.socialicon{margin:5px 0px; font-size:20px!important;}
.socialicon a{padding-top:4px;}
.innerheader .socialicon a{padding-top:0px;}
ul.nav{background: rgba(0,0,0,0.8);}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > li > a{padding:10px 20px;}
.navbar-inverse .navbar-toggle{background: rgba(0,0,0,0.8); border:0px!important;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border:0px!important;}
.divicepad{padding:0px!important;}
#logo h1 a{text-align:center; float:left!important;}
#logo h1 .socialicon a{text-align:center;}
.socialicon{float:left; width:120px; margin-top:50px;}
.navbar{position:absolute;  right: 0;  top: -45px; z-index:999999; width:225px;}
.navbar-nav{width:100%!important;}
.innerheader .navbar{top:50px;}
.innerheader nav ul.navbar-nav{width:100%!important;}
.servicestabcnt{width:100%;}
		}	
	@media screen and (max-width:480px)	{
		.innerheader .socialicon a{padding-top:0px;}
		.socialicon{margin-top:10px;}
		.slide-content h1{font-size:45px;}
		.slide-content{margin-top:180px; padding:0px 20px;}
		.contactform ul li{width:98%; float:left; list-style:none; margin-right:35px;}
		.innerheader .socialicon{width:130px; float:left;}
		
		}
	@media screen and (max-width:360px){
		.innerheader .navbar{top:90px;}
		.innerheader .navbar-nav{width:255px!important;}
		.socialicon{margin-top:0px;}
		.slide-content h1{font-size:35px;}
		.slide-content{margin-top:160px;}
		}
	
@media screen and (max-width:320px){
	.slide-content{margin-top:160px;}
	}