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


/* Devices Less than 768 pixels display
======================================================================== */

@media only screen and (max-width : 959px ) {
	.logo { margin:20px auto 20px 0; }
	.iva-mobile-dropdown {
		display:block;
		margin:0 0 0 auto;
		height: 35px;
		width: 40px;
		position: relative;
		cursor: pointer;
		display: block;
		background: #cccccc url(../images/menu-icon.png) 0 0 no-repeat;
	}

	.sf-menu { display:none !important; }
	.logo img { transform:scale(1); max-width: 100%; }
	figure img { width: auto; max-width: 100%; height: auto; }
	.msubtitle { display: none; }
}

/* 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 .header-area,
	.subheader-inner,
	.iva_appt_inner {  width: 1000px !important; }

	.leftsidebar .content-area,
	.rightsidebar .content-area { }

	#boxed #wrapper { width: auto !important; margin:0 auto; -webkit-box-shadow: none; box-shadow: none;  }

}

/* 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 !important; }
	.header .header-area { height: 100% !important; }
	.fb-area { width:50%; float: left; }
	.logo { max-width:300px; }

	#boxed #wrapper { 
		width: 96% !important; 
		margin:0 auto; 
		-webkit-box-shadow: none; 
		box-shadow: none;
	}

	.header-area { width: 100%; }

	.inner,
	.pagemid > .inner,
	.section_inner,
	.videoslider,
	.page_content,
	.menu-inner,
	.iva_mmenu,
	.subheader-inner {  width: 94% !important;  }

	.rightsidebar #main, .leftsidebar #main { width: 68%; }
	.rightsidebar #sidebar, .leftsidebar #sidebar { width: 32%; }

	.rightsidebar #main	.entry-content { padding-right: 30px;}
	.leftsidebar #main .entry-content { padding-left: 30px;}

}


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

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

	.iva-children-indenter { display:block; }
	
	.fixed-header { position:relative; }
	.header .header-area { height: 100% !important; }
	.fb-area { width:50%; float: left; }

	#boxed #wrapper { 
		width: 640px !important; 
		margin: 0 auto; 
		-webkit-box-shadow: none; 
		box-shadow: none;
	}

	.header-area,
	#featured_slider { width: 100%; }
	
	.ei-slider { height: 300px;}

	.header-style1 .header-area { padding: 15px 0; }

	.inner,
	.pagemid > .inner,
	.videoslider,
	.page_content,
	.section_inner,
	.iva_mmenu,
	.subheader-inner {  width: 90% !important;  }

	.header-style2 .menu-inner { width: auto !important; }
	.header-style2 .primarymenu { border: none; background: none; display: table-cell; margin: 0 0 0 auto; padding: 0; position: relative; vertical-align: middle; }
	.header-style2 .logo { display: table-cell; margin:0 auto 0 0; }
	.header-style4 .search-box { display: none; border: none; }

	/* Footer 2 Columns */
	.one_fourth { width: 48%; }
	.one_fourth:nth-child(even) { margin-right: 0;}

	.rightsidebar #main, .leftsidebar #main { width: 100%; }
	.rightsidebar #sidebar, .leftsidebar #sidebar { width: 100%; clear: both; background: none; }
	.rightsidebar #main	.entry-content { padding-right: 0px;}
	.leftsidebar #main .entry-content { padding-left: 0px;}

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

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

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

	.iva-children-indenter { display:block; }
	
	.fixed-header { position:relative; }
	.header .header-area { height: 100% !important; }
	.fb-area { width:100%; float: none; display: table;}

	#boxed #wrapper { 
		width: 400px !important; 
		margin: 0 auto; 
		-webkit-box-shadow: none; 
		box-shadow: none;
	}

	.header-area,
	#featured_slider { width: 100%; }
	
	.ei-slider { height: 250px;}
	.ei-title,
	.nivo-caption,
	.flex-caption { display: none !important; }

	.header-style1 .header-area { padding: 15px 0; }
	.topbar .iva_col { text-align: center; 	}
	.topbar .atpsocials { display: table; margin:0 auto; }

	.inner,
	.pagemid > .inner,
	.videoslider,
	.page_content,
	.section_inner,
	.iva_mmenu,
	.subheader-inner {  width: 90% !important;  }
	
	.iva_col { width: 100%; float:none; display: block; margin-right:0; }

	.header-style2 .menu-inner { width: auto !important; }
	.header-style2 .primarymenu { border: none; background: none; display: table-cell; margin: 0 0 0 auto; padding: 0; position: relative; vertical-align: middle; }
	.header-style2 .logo { display: table-cell; margin:0 auto 0 0; }
	.header-style4 .search-box { display: none; border: none; }
	.header-style4 .primarymenu { border: none; }
	
	.logo { display: inline-block; width: 70%; padding: 5%; }
	.primarymenu { display: inline-block; width: 15%; }

	.subdesc,
	.breadcrumbs { float:none; width:100%; display: table; margin: 10px auto; text-align: center; }

	/* Footer 2 Columns */
	#footer	.one_fourth { width: 100%; }
	#footer	.one_fourth:nth-child(even) { margin-right: 0;}

	.rightsidebar #main, .leftsidebar #main { width: 100%; }
	.rightsidebar #sidebar, .leftsidebar #sidebar { width: 100%; clear: both; background: none; }
	.rightsidebar #main	.entry-content { padding-right: 0px;}
	.leftsidebar #main .entry-content { padding-left: 0px;}

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

	.event_thumb { float: none; margin: 0 0 20px 0; }

	.iva_menu--col3 { float: none; display: block; width: 100%;}
	.menuthumb { display: none; }

	.hortabs .tabs li { float: none; }
	.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; }

	.post .post-info { float: none; width:100%; margin-bottom: 10px; }
	.status-format { display: none; }
	.post .post-info .post-meta { display: inline-block; margin-right:10px; }

}

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

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

	.iva-children-indenter { display:block; }
	
	.fixed-header { position:relative; }
	.header .header-area { height: 100% !important; }
	.fb-area { width:50%; float: left; }

	#boxed #wrapper { 
		width: 440px !important; 
		margin: 0 auto; 
		-webkit-box-shadow: none; 
		box-shadow: none;
	}

	.header-area,
	#featured_slider { width: 100%; }
	
	.ei-slider { height: 250px;}
	.ei-title,
	.nivo-caption,
	.flex-caption { display: none !important; }

	.header-style1 .header-area { padding: 15px 0; }
	.topbar .iva_col { text-align: center; 	}
	.topbar .atpsocials { display: table; margin:0 auto; }

	.inner,
	.pagemid > .inner,
	.videoslider,
	.page_content,
	.section_inner,
	.iva_mmenu,
	.subheader-inner {  width: 90% !important;  }
	
	.iva_col { width: 100%; float:none; display: block; margin-right:0; }

	.header-style2 .menu-inner { width: auto !important; }
	.header-style2 .primarymenu { border: none; background: none; display: table-cell; margin: 0 0 0 auto; padding: 0; position: relative; vertical-align: middle; }
	.header-style2 .logo { display: table-cell; margin:0 auto 0 0; }
	.header-style4 .search-box { display: none; border: none; }
	.header-style4 .primarymenu { border: none; }

	.subdesc,
	.breadcrumbs { float:none; width:100%; display: table; margin: 10px auto; text-align: center; }

	/* Footer 2 Columns */
	#footer	.one_fourth { width: 100%; }
	#footer	.one_fourth:nth-child(even) { margin-right: 0;}

	.rightsidebar #main, .leftsidebar #main { width: 100%; }
	.rightsidebar #sidebar, .leftsidebar #sidebar { width: 100%; clear: both; background: none; }
	.rightsidebar #main	.entry-content { padding-right: 0px;}
	.leftsidebar #main .entry-content { padding-left: 0px;}

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

	.event_thumb { float: none; margin: 0 0 20px 0; }

	.iva_menu--col3 { float: none; display: block; width: 100%;}
	.menuthumb { display: none; }

	.hortabs .tabs li { float: none; }
	.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; }

	.post .post-info { float: none; width:100%; margin-bottom: 10px; }
	.status-format { display: none; }
	.post .post-info .post-meta { display: inline-block; margin-right:10px; }
}

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

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

	.iva-children-indenter { display:block; }
	
	.fixed-header { position:relative; }
	.header .header-area { height: 100% !important; }
	.fb-area { width:100%; float: none; display: table; }

	#boxed #wrapper { 
		width: 280px !important; 
		margin: 0 auto; 
		-webkit-box-shadow: none; 
		box-shadow: none;
	}

	.header-area,
	#featured_slider { width: 100%; }
	
	.ei-slider { height: 200px;}
	.ei-title,
	.nivo-caption,
	.flex-caption { display: none !important; }

	.header-style1 .header-area { padding: 15px 0; }
	.topbar .iva_col { text-align: center; 	}
	.topbar .atpsocials { display: table; margin:0 auto; }

	.inner,
	.pagemid > .inner,
	.videoslider,
	.page_content,
	.section_inner,
	.iva_mmenu,
	.subheader-inner {  width: 90% !important;  }
	
	.iva_col { width: 100%; float:none; display: block; margin-right:0; }

	.header-style2 .menu-inner { width: auto !important; }
	.header-style2 .primarymenu { border: none; background: none; display: table-cell; margin: 0 0 0 auto; padding: 0; position: relative; vertical-align: middle; }
	.header-style2 .logo { display: table-cell; margin:0 auto 0 0; }
	.header-style4 .search-box { display: none; border: none; }
	.header-style4 .primarymenu { border: none; }

	.logo { display: inline-block; width: 70%; padding: 5%; }
	.primarymenu { display: inline-block; width: 15%; }

	.subdesc,
	.breadcrumbs { float:none; width:100%; display: table; margin: 10px auto; text-align: center; }

	/* Footer 2 Columns */
	#footer	.one_fourth { width: 100%; }
	#footer	.one_fourth:nth-child(even) { margin-right: 0;}

	.rightsidebar #main, .leftsidebar #main { width: 100%; }
	.rightsidebar #sidebar, .leftsidebar #sidebar { width: 100%; clear: both; background: none; }
	.rightsidebar #main	.entry-content { padding-right: 0px;}
	.leftsidebar #main .entry-content { padding-left: 0px;}

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

	.event_thumb { float: none; margin: 0 0 20px 0; }

	.iva_menu--col3 { float: none; display: block; width: 100%;}
	.menuthumb { display: none; }

	.hortabs .tabs li { float: none; }
	.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; }

	.post .post-info { float: none; width:100%; margin-bottom: 10px; }
	.status-format { display: none; }
	.post .post-info .post-meta { display: inline-block; margin-right:10px; }

}

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

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

	.iva-children-indenter { display:block; }
	
	.fixed-header { position:relative; }
	.header .header-area { height: 100% !important; }
	.fb-area { width:100%; float: none; display: table; }

	#boxed #wrapper { 
		width: 240px !important; 
		margin: 0 auto; 
		-webkit-box-shadow: none; 
		box-shadow: none;
	}

	.header-area,
	#featured_slider { display: block; width: 100%; clear:both; }
	
	.ei-slider { height: 150px;}
	.ei-title,
	.nivo-caption,
	.flex-caption { display: none !important; }

	.header-style1 .header-area { padding: 15px 0; }
	.topbar .iva_col { text-align: center; 	}
	.topbar .atpsocials { display: table; margin:0 auto; }

	.inner,
	.pagemid > .inner,
	.videoslider,
	.page_content,
	.section_inner,
	.iva_mmenu,
	.subheader-inner {  width: 90% !important;  }
	
	.iva_col { width: 100%; float:none; display: block; margin-right:0; }

	.header-style2 .menu-inner { width: auto !important; }
	.header-style2 .primarymenu { border: none; background: none; display: table-cell; margin: 0 0 0 auto; padding: 0; position: relative; vertical-align: middle; }
	.header-style2 .logo { display: table-cell; margin:0 auto 0 0; }
	.header-style4 .search-box { display: none; border: none; }
	.header-style4 .primarymenu { border: none; }

	.logo { display: inline-block; width: 70%; padding: 5%; }
	.primarymenu { display: inline-block; width: 15%; }

	.subdesc,
	.breadcrumbs { float:none; width:100%; display: table; margin: 10px auto; text-align: center; }

	/* Footer 2 Columns */
	#footer	.one_fourth { width: 100%; }
	#footer	.one_fourth:nth-child(even) { margin-right: 0;}

	.rightsidebar #main, .leftsidebar #main { width: 100%; }
	.rightsidebar #sidebar, .leftsidebar #sidebar { width: 100%; clear: both; background: none; }
	.rightsidebar #main	.entry-content { padding-right: 0px;}
	.leftsidebar #main .entry-content { padding-left: 0px;}

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

	.event_thumb { float: none; margin: 0 0 20px 0; }

	.iva_menu--col3 { float: none; display: block; width: 100%;}
	.menuthumb { display: none; }

	.hortabs .tabs li { float: none; }
	.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; }

	.post .post-info { float: none; width:100%; margin-bottom: 10px; }
	.status-format { display: none; }
	.post .post-info .post-meta { display: inline-block; margin-right:10px; }

}