/* Tablet Portrait size 768 to standard 979 (devices and browsers) */
@media only screen and (min-width: 767px) and (max-width: 979px) {

	/*-----------------------------------------------------------------------------------*/
	/*	Header
	/*-----------------------------------------------------------------------------------*/
	#wrapper #header { width: 100%;}	
	#rev_slider_1_1, #rev_slider_1_1_wrapper { width: 100% !important; height: 340px !important;}	

    /*-----------------------------------------------------------------------------------*/
    /*	Header
    /*-----------------------------------------------------------------------------------*/
    #wrapper #header .logo {}
    #wrapper #header .logo img { display: block; margin: 0px 0px; width: 100%; }
    #wrapper #header #logo-container { text-align: center; }

    #wrapper #header .main-nav ul li{ display: inline-block; text-align:center; }
    #wrapper #header .main-nav ul li a { padding: 0px 8px; font-size: 13px; line-height: 80px; }

	
	/*-----------------------------------------------------------------------------------*/
	/*	Container and Services
	/*-----------------------------------------------------------------------------------*/	
	#wrapper .page-head {  }
	#wrapper #container { width: 740px; }	
	#wrapper #container #content { width: 480px; }	
	#wrapper #container #content.full-width{ width:740px; }
	#wrapper #container #sidebar { width: 240px; float: right; margin: 0px 0px 30px; }
	
	#wrapper .services { padding: 0px 0px 30px; margin: 0px 0px 30px; }
	#wrapper .services .service { width: 106px; margin: 0px 8px;}
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Services Page Styles
	/*-----------------------------------------------------------------------------------*/
	.service-list.three-col ul li { width: 100%; padding: 0px 0px 35px; margin: 0px 0px 35px 30px; float: none; }
	.service-list.three-col figure { float:left; margin:0px 30px 30px 0px; }	
	.service-list.four-col ul li { width: 355px; padding: 0px 0px 35px; margin: 0px 0px 35px 30px; float: left; }
	.service-list.four-col figure { width: 160px; height:auto; float:left; margin: 0px 15px 15px 0px;  }
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Team
	/*-----------------------------------------------------------------------------------*/
	#wrapper .home-left-side { width:480px; }
	#wrapper .official .team { width: 480px; margin:0 0 10px; }
	#wrapper .official .team p { margin: 0px 0px 15px; }
	#wrapper .official .team .doctors li { width: 100%; float: none; margin: 0px 0px 10px; position: relative; overflow: hidden; }
	#wrapper .official .team .doctors li h4 { border-bottom: 1px solid #e6e6e6; margin: 0px 0px 10px; padding: 0px 0px 5px; }
	#wrapper .official .team .doctors li .doc-img { width: 126px; height: 100px; margin: 0px 20px 10px 0px; float: left; }	
	#wrapper .official .team .doctors li .doc-img img { width: 100%; }
	#wrapper .official .team .doctors li .doc-img .doc-type {  padding: 3px 5px; font-size:10px; line-height:12px; }	
	#wrapper .official .team .readmore { display:none; }	
	#wrapper .official .appointment { margin: 10px 0px 50px; }
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Testimonials
	/*-----------------------------------------------------------------------------------*/
	#wrapper .testi { width: 400px; padding-right:0px; }
	#wrapper .testi .author { text-align: right; }
	#wrapper .newsletter{ width:240px; }
	#wrapper .newsletter p { margin: 0px 0px 20px; }
	#wrapper .newsletter #newsletter input[type="submit"] { margin: 10px 0px 0px 0px;  }
	
	/*-----------------------------------------------------------------------------------*/
	/*	Footer Area
	/*-----------------------------------------------------------------------------------*/
	footer { width: 740px; }
	footer { padding: 20px 0px; }
	footer .footer-widget { width: 31%; margin: 0px 0px 0px 0px; }
	footer .footer-widget h3 { font-size: 20px; margin: 0px 0px 20px; }
	footer .footer-widget p { margin: 0px 0px 15px; }
    #footer-wrap { min-width: 740px; }
    #footer-bottom-wrapper { min-width: 740px; }
	


	/*-----------------------------------------------------------------------------------*/
	/*	Footer Bottom Styles
	/*-----------------------------------------------------------------------------------*/
	#footer-bottom { width: 740px; }


	
	/*-----------------------------------------------------------------------------------*/
	/*	Contact Page Styles
	/*-----------------------------------------------------------------------------------*/
	#map_canvas{ width: 100%; }
	#contact-form textarea{ width:460px; }
	#sidebar .appointment { width:240px; float:none; margin:0px 0px 20px;  }
	#sidebar .appointment .header { text-align:center; }
	#sidebar .appointment .header h2{ font-size:18px;  }
	#sidebar .appointment .header h3{ font-size: 18px; }
	#sidebar .appointment .select-wrap{ display:block; margin-bottom:15px; }
	#sidebar .widget #searchform input[type="text"] { margin-bottom:10px; }
	#sidebar .widget #searchform input[type="submit"] { margin: 0px 0px 0px 0px; }
	
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Single Blog Page Styles
	/*-----------------------------------------------------------------------------------*/
	article .post-thumb { width:472px; }
	article .post-thumb img{ width:472px; }

.featureheader img{ width: 100%; }
}

.featureheader{}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 240px) and (max-width: 766px) {

	/*-----------------------------------------------------------------------------------*/
	/*	Header
	/*-----------------------------------------------------------------------------------*/
	.featureheader img{ width: 100%; }
	#wrapper #header { width: 100%; }
	#wrapper #header .logo { display: inline-block; text-align: center;}
	#wrapper #header .logo img { display: block; margin: 0px auto 0px; width: 98%; }
    #wrapper #header #logo-container { text-align: center; }

		/* Main Nav Styles ----------------------------------------------------------*/
		#wrapper #header .main-nav .responsive-nav { display: block; }
        #wrapper #header .main-nav > div { float: none; }
		#wrapper #header .main-nav { border-radius: none; position: relative; width: auto; height: auto; margin: 0px 0px 0px; padding: 0px 0px 10px;  }
		#wrapper #header .main-nav ul { display:none;}

	
	#wrapper .home-list-style{ display: inline-block; text-align: left; width: 90%;}
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Container
	/*-----------------------------------------------------------------------------------*/	
	#wrapper .page-head { width: 100%; padding: 15px 0px 20px}
	#wrapper #container { width: 97%; }	
	#wrapper #container #content { width: 97%; margin: 0px 0px 20px; }	
	#wrapper #container #sidebar { width: 99%; float: none; clear:both; margin: 0px auto 20px; }
	#wrapper #container #content.full-width{ width:99%; }
	
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Columns Style
	/*-----------------------------------------------------------------------------------*/
	#container .columns .one-third,
	#container .columns .one-fourth,	
	#container .columns .one-half,
	#container .columns .three-fourth,
	#container .columns .two-third,
	#container .columns .single-col { width: 98%; margin: 0px 0px 0px 2%; }
	
	/*-----------------------------------------------------------------------------------*/
	/*	Slogans
	/*-----------------------------------------------------------------------------------*/
	.slogan { margin: 0px 0px 35px; }
	.slogan h2 { font-size: 26px; }
	.slogan h3 { font-size: 16px; }		
	
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Services
	/*-----------------------------------------------------------------------------------*/
	#wrapper .services { padding: 0px 0px 30px; margin: 0px 0px 30px; }
	#wrapper .services .service { width: 45%; margin: 0px 8px;}
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Team
	/*-----------------------------------------------------------------------------------*/
	#wrapper .home-left-side { width: 98%; float:none;}
	#wrapper .official { border-bottom: 1px solid #e6e6e6; }
	#wrapper .official .team { width: auto; float:none; padding-bottom:20px; border-bottom: 1px solid #e6e6e6; margin-bottom:20px; }
	#wrapper .official .team p { margin: 0px 0px 15px; }
	#wrapper .official .team .doctors li { width: 100%; float: none; margin: 0px 0px 10px; position: relative; overflow: hidden; }
	#wrapper .official .team .doctors li h4 { border-bottom: 1px solid #e6e6e6; margin: 0px 0px 10px; padding: 0px 0px 5px; }
	#wrapper .official .team .doctors li .doc-img { width: 126px; height: 100px; margin: 0px 20px 10px 0px; float: left; }	
	#wrapper .official .team .doctors li .doc-img img { width: 100%; }
	#wrapper .official .team .doctors li .doc-img .doc-type {  padding: 3px 5px; font-size:10px; line-height:12px; }	
	#wrapper .official .team .readmore { float: right; }	
	
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Apppointment Form
	/*-----------------------------------------------------------------------------------*/
	#wrapper .appointment { width: 99%; float: none; }
	#wrapper .appointment .header .number { font-size:18px;}
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Testimonials
	/*-----------------------------------------------------------------------------------*/
	#wrapper .testi { width: 99%; padding:0px 0px 20px; float:none; margin:20px 0px; border-bottom: 1px solid #e6e6e6; margin-bottom:20px; }
	#wrapper .testi .author { text-align: right; }
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Footer Area
	/*-----------------------------------------------------------------------------------*/
	footer {  width: 99%; padding: 40px 0px 20px; display: inline-block; text-align:center; }
	footer .footer-widget { float:none; width: 99%; margin: 0px 0px 20px; }
	footer .footer-widget h3 { font-size: 20px; margin: 0px 0px 20px; }
	footer .footer-widget p { margin: 0px 0px 15px; }
    #footer-wrap { min-width: 99%; }
    #footer-bottom-wrapper { min-width: 99%; }
	
	
	
	/*-----------------------------------------------------------------------------------*/
	/*	Footer Bottom Styles
	/*-----------------------------------------------------------------------------------*/
	#footer-bottom { width: 99%; height: auto; padding: 7px 0px 5px; text-align:center; }
	#footer-bottom p { font-size: 11px; line-height: 20px; text-align:center; }
	#footer-bottom .copyrights { float: none; }
	#footer-bottom .author { float: none; }

	.smw_left{ text-align:center; }
	

	
	/*-----------------------------------------------------------------------------------*/
	/*	Contact Page Styles
	/*-----------------------------------------------------------------------------------*/
	#map_canvas{ width: 99%; }
	#contact-form textarea{ width:420px; }
	#sidebar .appointment { float:none; margin:0px auto 20px;  }
	#sidebar .widget #searchform input[type="text"] { width:70%; }
	#sidebar .widget #searchform input[type="submit"] { margin: 0px 0px 0px 10px; }
	
		
	/*-----------------------------------------------------------------------------------*/
	/*	Single Blog Page Styles
	/*-----------------------------------------------------------------------------------*/
	article .post-thumb { width:432px; }
	article .post-thumb img{ width:432px; }

}
@media only screen and (min-width: 600px) and (max-width: 766px){
	#rev_slider_1_1, #rev_slider_1_1_wrapper { width: 100% !important; height: 290px !important;}
}
@media only screen and (min-width: 481px) and (max-width: 599px){
	#rev_slider_1_1, #rev_slider_1_1_wrapper { width: 100% !important; height: 250px !important;}
}
@media only screen and (min-width: 340px) and (max-width: 480px){
	#rev_slider_1_1, #rev_slider_1_1_wrapper { width: 100% !important; height: 200px !important;}
	#map_canvas{ height: 200px; }
}
@media only screen and (min-width: 241px) and (max-width: 339px){
	#rev_slider_1_1, #rev_slider_1_1_wrapper { width: 100% !important; height: 165px !important;}
	#map_canvas{ height: 200px; }
}
@media only screen and (max-width: 240px){
	#wrapper #header .logo img { width: 95%;}
	#rev_slider_1_1, #rev_slider_1_1_wrapper { width: 100% !important; height:145px !important;}	
	footer .footer-widget p a{ font-size: 15px !important;}
	#map_canvas{ height: 150px; width: 97%; }
}