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


/* Mobile Menu
======================================================================== */

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

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

	.iva-mobile-dropdown {
		margin: 30px 0 0 0;
		height: 36px;
		width: 40px;
		position: absolute;
		cursor: pointer;
		background: #373737 url(../images/menu-icon.png) 0 0 no-repeat;
		right: 0;
	}
	
	.sec-menu { display: none; }
	.top_menu .nav a { padding: 7px 0; font-size: 10px; min-height: 18px; }
	
	#header { margin: 20px auto 0 auto; }
	#sub_header { text-align: center; }
	.teaser_title { text-align: center; }
		
	.leftsidebar #main, 
	.rightsidebar #main{     
		width: 100%;
		float: none;  
	}

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

}

/* Small Desktop Resolution and iPad Landscape
======================================================================== */
@media only screen and (min-width : 960px) and (max-width : 1024px) {

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

	.inner, 
	.plan_box {  width: 90% !important;  }

	#header,
	.top_menu,
	.slider,
	.boxwrap,
	.fullwidth	{ width: 100% !important; }
	
	.half_width,
	.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; }
	
	.plan_box { margin: 10px auto; }
	#pri-menu { margin: 0 auto; display: table; }
	#footer_wrapper { width: 100%; padding: 30px 0; margin: 0; }
	.copyright { width:100%; float:none; text-align:center; }
	
}	

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

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

	.inner, 
	.plan_box {  width: 90% !important;  }

	#header,
	.top_menu,
	.slider,
	.boxwrap,
	.fullwidth	{ width: 100% !important; }
	
	.half_width,
	.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; }
	
	.plan_box { margin: 10px auto; }
	#pri-menu { margin: 0 auto; display: table; }
	#footer_wrapper { width: 100%; padding: 30px 0; margin: 0; }
	.copyright { width:100%; float:none; text-align:center; }
}

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

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

	.inner, 
	.plan_box {  width: 90% !important;  }

	#header,
	.top_menu,
	.slider,
	.boxwrap,
	.fullwidth	{ width: 100% !important; }

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

	#header { margin: 20px auto 0 auto; }	
	.plan_box { margin: 10px auto; }
	#pri-menu { margin: 0 auto; display: table; }
	#footer_wrapper { width: 100%; padding: 30px 0; margin: 0; }
	.copyright { width:100%; float:none; text-align:center; }

}

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

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

	.inner,
	.plan_box  {  width: 90% !important;  }

	#header,
	.top_menu,
	.slider,
	.boxwrap,
	.fullwidth	{ width: 100% !important; }
		
	.half_width,
	.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; }
	
	#header { margin: 20px auto 0 auto; }
	.plan_box { margin: 10px auto; }
	#pri-menu { margin: 0 auto; display: table; }
	#footer_wrapper { width: 100%; padding: 30px 0; margin: 0; }
	.copyright { width:100%; float:none; text-align:center; }

}

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

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

	.inner,
	.plan_box  {  width: 90% !important;  }
	
	#header,
	.top_menu,
	.slider,
	.boxwrap,
	.fullwidth	{ width: 100% !important; }

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

	.plan_box { margin: 10px auto; }
	#pri-menu { margin: 0 auto; display: table; }
	#footer_wrapper { width: 100%; padding: 30px 0; margin: 0; }
	.copyright { width:100%; float:none; text-align:center; }
	
}

/* Small Mobile Devices
======================================================================== */
@media only screen and (min-width: 240px) and (max-width: 319px) {
	
	img { width:auto; max-width:100%; height:auto;}
	figure img { width: auto; max-width: 100%; height: auto; }

	.inner,
	.plan_box {  width: 90% !important; }
	
	#header,
	.top_menu,
	.slider,
	.boxwrap,
	.fullwidth	{ width: 100% !important; }

	.half_width,
	.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; }
	
	.plan_box { margin: 10px auto; }
	#pri-menu { margin: 0 auto; display: table; }
	#footer_wrapper { width: 100%; padding: 30px 0; margin: 0; }
	.copyright { width:100%; float:none; text-align:center; }

}