/* Responsive CSS
 * Author : MAQK
 * Author URI : www.aivahthemes.com
======================================================================== */

/* Mobile Menu
======================================================================== */
@media only screen and (max-width: 1024px) {

	.menu-dropdown {
		margin:0 auto 20px auto;
		height: 35px;
		padding: 0;
		position: relative;
		top:0;
		cursor: pointer;
		border-bottom: none;
		display: table;
		background: transparent url(../images/menu-icon.png) 0 0 no-repeat;
		width: 40px;
	}

	#sf-mobilemenu { margin:0 auto; display: none; width: 80%; }
	#sf-mobilemenu ul { margin: 0 0 0 20px !important; }
	#sf-mobilemenu li {
		list-style:none;
		position: relative;
		border-top:1px solid #444444;
		}
	#sf-mobilemenu a {
		display: block;
		float: none;
		padding:8px 20px;
		color: #999;
	}
	#sf-mobilemenu a:hover{ color: #fafafa; }
	#sf-mobilemenu ul a { padding:8px 10px; width: auto; }
	#sf-mobilemenu ul a:hover{ background: none; }
	#sf-mobilemenu ul li:first-child a:after,
	#sf-mobilemenu ul ul li:first-child a:after { border: 0; }

	.primarymenu { display: none; }
	.logo img { transform:scale(1); }
	figure img { width: auto; max-width: 100%; height: auto; }


}

/* Regular Desktop Resolution 
======================================================================== */

@media only screen and (min-width : 1025px) and (max-width : 1169px) {
	
	figure img { width: auto; max-width: 100%; height: auto; }

	.inner,
	.pagemid > .inner,
	.section_inner,
	.videoslider,
	.header .inner,
	.subheader-inner,
	.iva_appt_inner {  width: 1000px;  }

	.leftsidebar .content-area,
	.rightsidebar .content-area { width:690px; }

	#boxed #wrapper { width: auto !important; }

}

/* Small Desktop Resolution and iPad Landscape
======================================================================== */
@media only screen and (min-width : 960px) and (max-width : 1024px) {
	
	figure img { width: auto; max-width: 100%; height: auto; }

	.fixed-header { position:relative; }
	
	.inner,
	.pagemid > .inner,
	.section_inner,
	.videoslider,
	.header .inner,
	.subheader-inner,
	.iva_appt_inner {  width: 940px;  }

	.leftsidebar .content-area,
	.rightsidebar .content-area { width:640px; }
	.iva_appt_time_slots { width:50%; }

	.header .menu-dropdown {  display: block; right: 0px !important; float: right; }
	#sf-mobilemenu { float:right; width:100%;}
	#sf-mobilemenu ul::after { border-bottom: 10px solid transparent !important; }

	.flex-caption, 
	.header-style4 .search-box { display:none !important; } 
	.header-style2 .logo { display:inline-block;}

	#boxed #wrapper { width: auto !important; }

}

/* iPad Portrait
======================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	figure img { width: auto; max-width: 100%; height: auto; }
	
	.fixed-header { position:relative; }

	.inner,
	.pagemid > .inner,
	.videoslider,
	.header .inner,
	.subheader-inner,
	.iva_appt_inner {  width: 740px;  }

	.leftsidebar .content-area,
	.rightsidebar .content-area { width:740px; }
	.section_inner { width:640px; }

	.rightsidebar #sidebar,
	.leftsidebar #sidebar { float:left; width:100%; }
	.rightsidebar #sidebar .content {padding-left:0;}
	.leftsidebar #sidebar .content {padding-right:0;}

	#sf-mobilemenu { float:right; width:100%;}
	#sf-mobilemenu ul::after { border-bottom: 10px solid transparent !important; }
	.header .menu-dropdown {  display: block; right: 0px !important; float: right; }

	.section_inner .two_third { width:100%;  margin-right:0; }

	.iva_appt_time_slots { width:50%; }

	.section_bg { background-image: none !important;}

	.doctors-meta,
	.doctors-hwrap { width: 100% !important; }

	.flex-caption, 
	.header-style4 .search-box { display:none !important; } 
	.header-style2 .logo { display:inline-block;}
	
	#boxed #wrapper { width: auto !important; }

}

/* Smartphones & iPhone 4s(landscape)
======================================================================== */
@media only screen and (min-width: 320px) and (max-width: 480px) {

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

	.fixed-header { position:relative; }

	#stretched #wrapper,
	#boxed #wrapper { width:100%; }

	.inner,
	.pagemid > .inner,
	.section_inner,
	.videoslider,
	.header .inner,
	.subheader-inner,
	.iva_appt_inner {  width: 320px;  }

	.leftsidebar .content-area,
	.rightsidebar .content-area { width:320px; }

	.rightsidebar #sidebar,
	.leftsidebar #sidebar { float:left; width:100%; }
	.rightsidebar #sidebar .content {padding-left:0;}
	.leftsidebar #sidebar .content {padding-right:0;}

	.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; }

	.section_bg { background-image: none !important;}

	.logo { display: block; text-align:center !important; margin: 0 auto 20px auto; float: none; }
	.logo_contraloria{display:none;}	

	.topbar * { text-align:center !important; }
	.topbar { line-height:22px; padding:15px 0; }

	.copyright_left, 
	.copyright_right { width:100%; float:none; text-align:center; }

	.pricetable .column { float: none; width: 100%; border-width:1px; margin-bottom: 20px; }

	/* Custom Post Templates  */
	.col_half, .col_third, .col_twothird, .col_three_fourth, .col_fourth, .col_fifth { float: none !important; width:100% !important; margin: 0 auto !important; }
	.col_half, .col_third, .col_twothird, .col_three_fourth, .col_fourth, .col_fifth{ margin-bottom: 20px !important; }

	.doctor-details { padding: 0 20px; }

	.drlist-Header {display: none; }
	.drlist-Row { display: block; }
	.drlist-photo { width:150px; float:left; display: inline-block !important;}
	.drlist-photo img { width:70px; height:70px; }
	.drlist-details { overflow: hidden; width: auto; text-align: left; display:block; float:none; }
	.drlist-details .drlist-item { display: block; width: auto !important;}
	.post-metadata { display: none; }

	.drlist-name,
	.drlist-specialty,
	.drlist-location,
	.drlist-socials   { width:auto; text-align:left;}

	.iva-date-wrap .col_half { width: 50% !important;}

	.iva_appt_time_slots { width: 33.3%; }

	.breadcrumb-wrap { left: 0; }

	#subheader .page-title { font-size: 28px; line-height:32px; }
	.subheader-inner { padding:30px 0; height:120px; }

	.iva_one_half { width:100%;}
	.iva-testimonial { display:block; border-width:0 0 1px 0; }

	.vertabs .tabs { float: none; width:100%; }
	.vertabs .tabs li { border-width:1px 1px 0; }
	.vertabs .tabs li:last-child { border-width:1px 1px 1px 1px; }

	.dept-image { display:none; }
	.dept-details { width: 100%; }
	
	.iva-np-title { display:none;}
	.iva-np-allitems,
	.iva-np-navs { width: 160px;}

	.flex-caption,
	.header-style4 .search-box { display:none !important; } 

	.tc-details { float: none; margin-bottom: 15px; }
	.header-style2 .menu-dropdown { margin-top: 30px;}

	/* New Fixes */
	.fancyheading .xlarge { font-size: 30px !important; }
	.fancyheading .large { font-size: 26px !important; }
	.vertabs .tabs li, .hortabs .tabs li { width: 100%; float: none; }	

}

/* iPhone 5s(landscape)
======================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {

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

	.fixed-header { position:relative; }
	
	#stretched #wrapper,
	#boxed #wrapper { width: 100%; }

	.inner,
	.pagemid > .inner,
	.section_inner,
	.videoslider,
	.header .inner,
	.subheader-inner,
	.iva_appt_inner ,
	.leftsidebar .content-area,
	.rightsidebar .content-area { width: 80%; }

	.rightsidebar #sidebar,
	.leftsidebar #sidebar { float:left; width:100%; }

	.rightsidebar #sidebar .content {padding-left:0;}
	.leftsidebar #sidebar .content {padding-right:0;}

	.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; }

	.section_bg { background-image: none !important;}

	.logo { display: block; text-align:center !important; margin: 0 auto 20px auto; float: none; }
	.logo_contraloria{display:none;}	

	.topbar * { text-align:center !important; }
	.topbar { line-height:22px; padding:15px 0; }

	.copyright_left, 
	.copyright_right { width:100%; float:none; text-align:center; }

	.pricetable .column { float: none; width: 100%; border-width:1px; margin-bottom: 20px; }

	/* Custom Post Templates  */
	.col_half, .col_third, .col_twothird, .col_three_fourth, .col_fourth, .col_fifth { float: none !important; width:100% !important; margin: 0 auto !important; }
	.col_half, .col_third, .col_twothird, .col_three_fourth, .col_fourth, .col_fifth{ margin-bottom: 20px !important; }

	.doctor-details { padding: 0 20px; }

	.drlist-Header {display: none; }
	.drlist-Row { display: block; }
	.drlist-photo { width:150px; float:left; display: inline-block !important;}
	.drlist-photo img { width:70px; height:70px; }
	.drlist-details { overflow: hidden; width: auto; text-align: left; display:block; float:none; }
	.drlist-details .drlist-item { display: block; width: auto !important;}
	.post-metadata { display: none; }

	.drlist-name,
	.drlist-specialty,
	.drlist-location,
	.drlist-socials   { width:auto; text-align:left;}

	.iva-date-wrap .col_half { width: 50% !important;}

	.iva_appt_time_slots { width: 33.3%; }

	.breadcrumb-wrap { left: 0; }

	#subheader .page-title { font-size: 28px; line-height:32px; }
	.subheader-inner { padding:30px 0; height:120px; }

	.iva_one_half { width:100%;}
	.iva-testimonial { display:block; border-width:0 0 1px 0; }

	.vertabs .tabs { float: none; width:100%; }
	.vertabs .tabs li { border-width:1px 1px 0; }
	.vertabs .tabs li:last-child { border-width:1px 1px 1px 1px; }

	.dept-image { display:none; }
	.dept-details { width: 100%; }
	
	.iva-np-title { display:none;}
	.iva-np-allitems,
	.iva-np-navs { width: 160px;}

	.flex-caption,
	.header-style4 .search-box { display:none !important; } 

	.tc-details { float: none; margin-bottom: 15px; }
	.header-style2 .menu-dropdown { margin-top: 30px;}

	/* New Fixes */
	.fancyheading .xlarge { font-size: 30px !important; }
	.fancyheading .large { font-size: 26px !important; }
	.vertabs .tabs li, .hortabs .tabs li { width: 100%; float: none; }

}

/* Smartphones  & iPhone 4s (portrait) 
======================================================================== */
@media only screen and (max-width : 320px) {

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

	.fixed-header { position:relative; }

	#stretched #wrapper,
	#boxed #wrapper { width:320px; }

	.inner,
	.pagemid > .inner,
	.section_inner,
	.videoslider,
	.header .inner,
	.subheader-inner,
	.iva_appt_inner {  width: 300px;  }

	.leftsidebar .content-area,
	.rightsidebar .content-area { width:300px; }

	.rightsidebar #sidebar,
	.leftsidebar #sidebar { float:left; width:100%; }
	.rightsidebar #sidebar .content {padding-left:0;}
	.leftsidebar #sidebar .content {padding-right:0;}

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

	.section_bg { background-image: none !important;}

	.logo { display: block; text-align:center !important; margin: 0 auto 20px auto; float: none; }
	.logo_contraloria{display:none;}	

	.topbar * { text-align:center !important; }
	.topbar { line-height:22px; padding:15px 0; }

	.copyright_left, 
	.copyright_right { width:100%; float:none; text-align:center; }

	.pricetable .column { float: none; width: 100%; border-width:1px; margin-bottom: 20px; }

	/* Custom Post Templates  */
	.col_half, .col_third, .col_twothird, .col_three_fourth, .col_fourth, .col_fifth { float: none !important; width:100% !important; margin: 0 auto !important; }
	.col_half, .col_third, .col_twothird, .col_three_fourth, .col_fourth, .col_fifth{ margin-bottom: 20px !important; }

	.doctor-details { padding: 0 20px; }
	.vr_dr_separator { display:none; }

	.drlist-Header {display: none; }
	.drlist-Row { display: block; }
	.drlist-photo { width:150px; float:left; display: inline-block !important;}
	.drlist-photo img { width:70px; height:70px; }
	.drlist-details { overflow: hidden; width: auto; text-align: left; display:block; float:none; }
	.drlist-details .drlist-item { display: block; width: auto !important;}
	.post-metadata { display: none; }

	.drlist-name,
	.drlist-specialty,
	.drlist-location,
	.drlist-socials   { width:auto; text-align:left;}

	.iva-date-wrap .col_half { width: 50% !important;}

	.iva_appt_time_slots { width: 33.3%; }

	.breadcrumb-wrap { left: 0; }

	#subheader .page-title { font-size: 28px; line-height:32px; }
	.subheader-inner { padding:30px 0; height:120px; }

	.iva_one_half { width:100%;}
	.iva-testimonial { display:block; border-width:0 0 1px 0; }

	.vertabs .tabs { float: none; width:100%; }
	.vertabs .tabs li { border-width:1px 1px 0; }
	.vertabs .tabs li:last-child { border-width:1px 1px 1px 1px; }

	.dept-image { display:none; }
	.dept-details { width: 100%; }

	.iva-np-title { display:none;}
	.iva-np-allitems,
	.iva-np-navs { width: 160px;}

	.doctor-custom-meta span, .doctor-meta > span {display:block;}

	.flex-caption, 
	.header-style4 .search-box { display:none !important; } 

	.tc-details { float: none; margin-bottom: 15px; }
	.header-style2 .menu-dropdown { margin-top: 30px;}

	/* New Fixes */
	.fancyheading .xlarge { font-size: 30px !important; }
	.fancyheading .large { font-size: 26px !important; }
	.vertabs .tabs li, .hortabs .tabs li { width: 100%; float: none; }	 

}

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

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

	.fixed-header { position:relative; }
	
	#stretched #wrapper,
	#boxed #wrapper { width: 100%; }

	.inner,
	.pagemid > .inner,
	.section_inner,
	.videoslider,
	.header .inner,
	.subheader-inner,
	.iva_appt_inner ,
	.leftsidebar .content-area,
	.rightsidebar .content-area { width: 200px; }

	.rightsidebar #sidebar,
	.leftsidebar #sidebar { float:left; width:100%; }

	.rightsidebar #sidebar .content {padding-left:0;}
	.leftsidebar #sidebar .content {padding-right:0;}

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

	.section_bg { background-image: none !important;}

	.logo { display: block; text-align:center !important; margin: 0 auto 20px auto; float: none; }
	.logo_contraloria{display:none;}	

	.topbar * { text-align:center !important; }
	.topbar { line-height:22px; padding:15px 0; }

	.copyright_left, 
	.copyright_right { width:100%; float:none; text-align:center; }

	.pricetable .column { float: none; width: 100%; border-width:1px; margin-bottom: 20px; }

	/* Custom Post Templates  */
	.col_half, .col_third, .col_twothird, .col_three_fourth, .col_fourth, .col_fifth { float: none !important; width:100% !important; margin: 0 auto !important; }
	.col_half, .col_third, .col_twothird, .col_three_fourth, .col_fourth, .col_fifth{ margin-bottom: 20px !important; }

	.doctor-details { padding: 0 20px; }

	.drlist-Header {display: none; }
	.drlist-Row { display: block; }
	.drlist-photo { width:150px; float:left; display: inline-block !important;}
	.drlist-photo img { width:70px; height:70px; }
	.drlist-details { overflow: hidden; width: auto; text-align: left; display:block; float:none; }
	.drlist-details .drlist-item { display: block; width: auto !important;}
	.post-metadata { display: none; }

	.drlist-name,
	.drlist-specialty,
	.drlist-location,
	.drlist-socials   { width:auto; text-align:left;}

	.iva-date-wrap .col_half { width: 50% !important;}

	.iva_appt_time_slots { width: 33.3%; }

	.breadcrumb-wrap { left: 0; }

	#subheader .page-title { font-size: 28px; line-height:32px; }
	.subheader-inner { padding:30px 0; height:120px; }

	.iva_one_half { width:100%;}
	.iva-testimonial { display:block; border-width:0 0 1px 0; }

	.vertabs .tabs { float: none; width:100%; }
	.vertabs .tabs li { border-width:1px 1px 0; }
	.vertabs .tabs li:last-child { border-width:1px 1px 1px 1px; }

	.dept-image { display:none; }
	.dept-details { width: 100%; }
	
	.iva-np-title { display:none;}
	.iva-np-allitems,
	.iva-np-navs { width: 160px;}

	.flex-caption,
	.header-style4 .search-box { display:none !important; } 

	.tc-details { float: none; margin-bottom: 15px; }
	.header-style2 .menu-dropdown { margin-top: 30px;}

	/* New Fixes */
	.fancyheading .xlarge { font-size: 30px !important; }
	.fancyheading .large { font-size: 26px !important; }
	.vertabs .tabs li, .hortabs .tabs li { width: 100%; float: none; }

}