/* 
Theme Name: Medical
Theme URI: http://themeforest.net/
Responsive CSS Stylesheet
 */
 
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	#Mobile Menu
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
@media only screen and (max-width: 959px) {
	.topmenu  {
		margin: 0 auto;
		float: none;
	}

	.layout-half .postimg { width:100%; float:none; display:block; margin-right:0; }
	.layout-half .portfoliopage { width:100%; float:none; }
	.iva-mobile-dropdown {
		display:block;
		margin:0 0 0 auto;
		height: 35px;
		width: 40px;
		position: relative;
		cursor: pointer;
		display: block;
		background: transparent url(../images/menu-icon.png) 0 0 no-repeat;
	}
	.logo { display: block; padding: 30px 60px 30px 0;}
	.menuwrap { position: absolute; top: 50%; margin-top: -20px; right: 0; }
	.span.iva-children-indenter i { display:block; top: 75%; }

	#header { padding: 0 !important; }
	#atp_menu { display:none !important; }
	.sf-menu { display: none !important; }
	.topbar .topright { display: table; margin: 0 auto; float: none; width: auto; }

}
	
	
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	#Tablet (Landscap)
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

@media only screen and (min-width : 960px) and (max-width : 1024px) {

	.topmenu {
		position: relative;
		float: none;
	}
	#boxed #wrapper { width: 90%; }
	.header_teasercontent,.head,.inner { width: 90%;}
	.mainmenu  { margin: 0 auto; }
	.leftsidebar #main    { width: 477px; }
	.rightsidebar #main  { width: 477px; }
	.leftsidebar #sidebar    { width: 220px; }
	.rightsidebar #sidebar  { width: 220px; }
	.head .sf-menu { position: inherit; float: none; display: table; margin: 0 auto;  }
	.header_teasercontent h1 {
		font-size: 30px;
		margin-bottom: 0;
		line-height: 40px;
	}
	#subheader .rightaside { 
		width: auto; 
		float: none; 
		display: block; 
		text-align:left; 
		margin-top: 0; 
		padding: 0; 
		padding-left: 8%;
	}
	#subheader .leftaside { width: auto; float: none; display: block; text-align: left; }
	#subheader h1 { float: none; display: block; line-height: normal; }
	.tsbox { 
		display: block;
		width: 97%;
		margin-bottom: 5px;
	}

	/* slider wrapper */	
	.slider_wrapper {
		width: 100%;
		margin: 0 auto;	
	}

	/* pagemid */	
	#stretched .pagemid,
	#boxed .pagemid { 
		width: 90%;
	}	
	ul.tabs a { 
		padding: 12px 5px; 	
	}
	.pricetable{ width:100%; }	
	.pricetable .block, .pricetable .block.active {
		width: 50%; float:left; margin-bottom:10px;
	}
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	#Tablet (Portrait)
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

@media only screen and (min-width: 768px) and (max-width: 959px) {

	#stretched #wrapper   { width: 90%; margin:0 auto;}
	#boxed #wrapper       { width: 90%; }
	.head,
	.iva_mmenu,
	.inner { 
		width: 90%; 
		margin: 0 auto; 
	}
	.topmenu {
		position: relative;
		float: none;
		margin: 0 auto; 
	}
	iva_menuicon,
	.sf-menu .iva_menuicon { display:none; }
	.topbar .topleft,
	.half_width, 
	.one_half,
	.one_third, 
	.two_third,
	.one_fourth, 
	.one_fifth,
	.four_fifth,
	.one_sixth,
	.five_sixth,
	.two_fifth,
	.three_fifth,
	.three_fourth { width: 100%;  margin-right:0; }
	.leftsidebar #main,
	.rightsidebar #main,
	.leftsidebar #sidebar,
	.rightsidebar #sidebar  { width: 100%; border:none; }
	.rightsidebar #sidebar .widget-area { padding-left: 0; }

	/* header */

	.mainmenu { width: 100%; position:inherit; left:0px; }
	.mainmenu select { width: 100%; }
	.header_teasercontent h1 {
		font-size: 30px;
		margin-bottom: 0;
		line-height: 40px;
	}

	/* slider wrapper */
	.slider_wrapper {
		width: 100%;
		margin: 0 auto;	
	}

	/* slider caption */ 
	.flex-caption { display:none; } 

	ul.tabs a { padding: 12px 5px; }

	.pricetable .block, .pricetable .block.active {	width: 100%; float: left; margin-bottom: 10px;	}

	.fullwidth #main .entry-content  { margin-bottom: 40px; }

	#container  { width: 100%; }

	.port {
	float: left;
	width: 45%;
	margin: 10px 15px 35px 0;
	}
	#galleria1 { width:100%; }
	.leftsidebar #sidebar .content,
	.rightsidebar #main .entry-content { padding-right:0; }
	.rightsidebar #sidebar .content,
	.leftsidebar #main .entry-content { padding-left:0; }
	.port_img,
	.postimg,
	.post_slider,
	.sort_img { width: 100%;  }
	.post .entry-title { text-align: left; }		
	.post .post_content  { width: 100%; }
	.post2 header h2 { display: block; float: none; width: 100%; padding: 0 }
	.post2 .postmetadata span { display: inline-block; padding: 1% 4% 1% 0%;}
     span.iva-children-indenter { display:block; top: 75%; }
	.msubtitle { display:none; }
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	#Mobile (Portrait)
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
@media only screen and (min-width: 320px) and (max-width: 480px) {

	#boxed #wrapper { width: 80%;}	
	#header .headright { float: none; margin: 0 auto; text-align: center; }
	#subheader .rightaside { width: auto; float: none; display: block; text-align: left; margin-top: 0; padding: 0; padding-left: 8%; }
	#subheader .leftaside { width: auto; float: none; display: block; text-align: left; }
	#subheader h1 { float: none; display: block; line-height: normal; }
	.half_width, 
	.one_half,
	.one_third, 
	.two_third,
	.one_fourth, 
	.one_fifth,
	.four_fifth,
	.one_sixth,
	.five_sixth,
	.two_fifth,
	.three_fifth,
	.three_fourth { width: 100%;  margin-right:0; }
	.head { width: 100%;}
	.leftsidebar #main,
	.rightsidebar #main,
	.leftsidebar #sidebar,
	.rightsidebar #sidebar  { width: 100%; border:none; }
	.rightsidebar #sidebar .widget-area { padding-left: 0; }
	.mainmenu select { width: 100%; padding: 5px; margin-bottom:5px; border: 1px solid #eee; }
	.iva_mmenu .iva_menuicon,.sf-menu .iva_menuicon { display:none; }
	
	/* slider wrapper */
	.slider_wrapper {
		width: 100%;
		margin: 0 auto;	
	}
	.header_teasercontent h1 {
		font-size: 30px;
		margin-bottom: 0;
		line-height: 40px;
	}

	.textwidget{ float: none; margin: 10px 0 0 0;}
	.header_teasercontent,
	.head,.inner,
	.iva_mmenu { width: 90%; margin: 0 auto; }
	.topbar .nav { display: table; float: none; margin: 0 auto; }
	.topbar .atpsocials { display: table; float: none; margin: 0 auto; }
	.mainmenu .sf-menu span { display: none; }
	
	
	/* slider caption */ 
	.flex-caption { display: none; } 
	.three_fourth { width: 100%;   }
	.pricetable {
		width: 100%;
		height: 100%;
	}
	.pricetable .block{
		width: 100%; float: none; margin-bottom: 10px;
	}
	.pricetable .block.active { width: 90%;  }
	.port_box { float: none; width: auto;  margin-bottom: 5px; }
	.port_desc { padding-top: 5px; }
	.port_img, 
	.sort_img,
	.postimg{ width: 100%;  }
	ul.sys_mini_gallery li { width: 40%;}
	#comments-title 		{ width: 100%; float: none; }
	ol.commentlist        	{ width: 100%; margin-left: 0; }
	.comment-author         { margin-bottom: 10px; }
	.fancy_table     		{ width: 50%; }
	.fancybox_wrapper 	{ margin-bottom: 10px; }
	.vertabs ul.tabs, .vertabs .panes {
	  display: block;
	  width: 100%;
	}
	.leftsidebar #main .entry-content,
	.rightsidebar #sidebar .content { padding-left: 0; }
	.rightsidebar #main .entry-content,
	.leftsidebar #sidebar .content { padding-right: 0; }
	.post .post_content  { width:100%; }
	.post2 .post-info { display:block; float:none; width: 100%;}
	.post2 header h2 { display:block; float: none; width: 100%; padding:0 }
	.post2 .postmetadata span { display: inline-block; padding: 1% 4% 1% 0%;}
	.doubles li { float:none; width:100%;}
	 span.iva-children-indenter { display:block; top: 75%; }
	.msubtitle { display:none; }
	.mainmenu { width: 100%; position: inherit; left:0; }
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
#Mobile (Landscape)
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.textwidget{ float: none; margin: 5px 0;}
	.header_teasercontent,
	.head,
	.iva_mmenu,
	.inner { width: 90%; margin: 0 auto; }

	#boxed #wrapper { width: 90%; }
	.iva_mmenu .iva_menuicon,
	.sf-menu .iva_menuicon { display:none; }

	.one_half,
	.one_third, 
	.two_third,
	.one_fourth, 
	.one_fifth,
	.four_fifth,
	.one_sixth,
	.five_sixth,
	.two_fifth,
	.three_fifth,
	.three_fourth { width: 100%;  margin-right:0; }
	.leftsidebar #main,
	.rightsidebar #main,
	.leftsidebar #sidebar,
	.rightsidebar #sidebar  { width: 100%; border: none; }
	.rightsidebar #sidebar .widget-area { padding-left:0; }

	/* header */
	.mainmenu { width: 100%; position: inherit; left: 0; }
	.mainmenu select { width: 100%; }
	.header_teasercontent h1 {
		font-size: 30px;
		margin-bottom: 0;
		line-height: 40px;
	}

	/* slider wrapper */
	.slider_wrapper {
		width: 100%;
		margin: 0 auto;	
	}

	/* slider caption */ 
	.flex-caption { display: none; } 

	ul.tabs a { 
		padding: 12px 5px; 	
	}

	.pricetable .block, .pricetable .block.active {
		width: 100%; float: left; margin-bottom: 10px;
	}
		
	.fullwidth #main .entry-content  { margin-bottom: 40px; }
	#container  { width: 100%; }
	#galleria1 { width: 100%; }
	.leftsidebar #sidebar .content,
	.rightsidebar #main .entry-content { padding-right: 0; }
	.rightsidebar #sidebar .content,
	.leftsidebar #main .entry-content { padding-left: 0; }
	.port_img,
	.postimg,
	.post_slider,
	.sort_img { width: 100%;  }	
	.post .entry-title { text-align: left; }		
	.post .post_content  { width: 100%; }
	.post2 header h2 { display: block; float: none; width: 100%; padding: 0 }
	.post2 .postmetadata span { display: inline-block; padding: 1% 4% 1% 0%;}

	.doubles li { float:none; width:100%;}
	 span.iva-children-indenter { display:block; top: 75%; }
	.msubtitle { display:none; }

}

/* Small Mobile Devices
======================================================================== */
@media only screen and (min-width: 220px) and (max-width: 319px) {

	figure img { width: auto; max-width: 100%; height: auto; }

	.textwidget{ float: none; margin: 5px 0;}
	.header_teasercontent,
	.head,
	.iva_mmenu,
	.inner { width: 90%; margin: 0 auto; }

	#boxed #wrapper { width: 90%; }
	.iva_mmenu .iva_menuicon,
	.sf-menu .iva_menuicon { display:none; }

	.one_half,
	.one_third, 
	.two_third,
	.one_fourth, 
	.one_fifth,
	.four_fifth,
	.one_sixth,
	.five_sixth,
	.two_fifth,
	.three_fifth,
	.three_fourth { width: 100%;  margin-right:0; }

	.leftsidebar #main,
	.rightsidebar #main,
	.leftsidebar #sidebar,
	.rightsidebar #sidebar  { width: 100%; border: none; }
	.rightsidebar #sidebar .widget-area { padding-left:0; }

	.textwidget{ float: none; margin: 5px 0;}
	.iva_mmenu .iva_menuicon,
	.sf-menu .iva_menuicon { display:none; }
	.msubtitle { display:none; }

	.appointmentform .field label { float: none; width: 100% !important; }
}