/* Common General Styles go here
 Small Desktop
======================================================================== */
@media only screen and (max-width: 959px) {

	.topbar { display: none; }

	.iva-mobile-dropdown {
		display:block;
	}
	.partial_section { width: 100%!important;}

	.ivaSearch { display: none; }
	.sf-menu { display: none !important; }
	.iva_instagram .one_fifth {
		  width: 50%;
		  margin: 0 !important;
	}
	.at-IntPlan-Item:last-child {
    	flex-basis: 100%!important;
	}
	.at-funfact-wrap .at-funfact .funfact-number { font-size: 32px!important; }
	.textwidget a { margin-right: 0;}
	.textwidget span { font-weight: 100!important;}
	.copyright_left,	
	.copyright_right,
	.copyright_right .textright { float: none; width: 100%; display: block; text-align: center; }
}


/* Small Desktop and Laptop 13 Inch
======================================================================== */

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

	.inner,
	.pagemid > .inner,
	.section_inner,
	.videoslider,
	.header,
	.subheader-inner {  width: 100% !important; }

	#wrapper {	
		width: auto !important;
		margin: 0 auto;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.topbar,
	.header-area,
	.copyright { padding: 0 2%;}
	#subheader { padding: 30px 20px;}

	.section_row,
	.footer-area-middle { padding: 80px 20px!important;}
}

/* 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; }

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

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


	.header .menu-dropdown {  display: block; right: 0px !important; float: right; }
	.search-box { display:none !important; } 
	
	.callOutBox .callout_text { float: none;}
	.callout_text .fancyheading { text-align: center; }
	.callOutBox .callout_btn { float: none; margin: 0 auto; display: table; }
	.iva_instagram .one_fifth {
		  width: 50%;
		  margin: 0 !important;
	}
	.flex-title h5 { font-size: 26px; }
	
	.at-IntPlan-Item:last-child {
    	flex-basis: 100%!important;
	}
	.map_area { padding: 0!important;}
}	


/* iPad Portrait
======================================================================== */

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

	#iva-mobile-nav-icon{ margin:0 0 0 auto; }
	.at-callOut_btn { min-width: 180px; }
	img { width:auto; max-width:100%; height:auto;}
	figure img { width: auto; max-width: 100%; height: auto; }
	
	.callOutBox .callout_btn { float: left !important; margin-left: 10px; margin-top: 10px; }
	#wrapper { width: auto !important; margin:0 auto; -webkit-box-shadow: none; box-shadow: none; }

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

	.nomargin.one_half,
	.nomargin.three_fourth,
	.one_half { width: 100%;}

	.nomargin.one_fourth { width: 50%; text-align: center;}

	#subheader .page-title { font-size: 21px;}
	
	.footer-area .one_fourth { width: 48%; }
	.footer-area .one_fourth:nth-child(even) { margin-right: 0;}

	.check-wrap { margin-left: 0; display: inline-block; }

	.iva_instagram .one_fifth {
		width: 50%;
		margin: 0 !important;
	}
	.textwidget a { margin-right: 0;}
	.textwidget span { font-weight: 100!important;}
	.copyright_left,	
	.copyright_right,
	.copyright_right .textright { float: none; width: 100%; display: block; text-align: center; }
}

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

	.flexslider { display: none; }

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

	.fancyheading .xlarge { font-size: 30px !important; }
	.fancyheading .large { font-size: 26px !important; }
	.chart { margin-right: 0; }

	.nomargin.one_half,
	.nomargin.three_fourth,
	.one_half { width: 100%;}

	.nomargin.one_fourth { width: 50%; text-align: center;}
	#back-top { display: none !important; }
}

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

	#iva-mobile-nav-icon{ margin:0; }
	.flexslider { display: none; }

	.inner,
	.pagemid > .inner,
	.section_inner,
	.videoslider,
	.header-area,
	.subheader-inner,
	.menu-inner,
	.iva_mmenu,
	.page_content {  width: 90%;  }

	.nomargin.one_half,
	.nomargin.three_fourth,
	.one_half,
	.one_third { width: 100%;}
	.service-vote * { font-size: 22px!important;}
	.chart { margin-right: 0; }

	#back-top { display: none !important; }
	.footer-area-middle .col_3 { width: 100%; }
	.nomargin.one_fourth { width: 100%; text-align: center;}

}

/* Smartphones  and iPhone 4s (portrait) 
======================================================================== */
@media only screen and (max-width : 320px) {
	#iva-mobile-nav-icon{ margin:0; }
	
	.flexslider { display: none; }
	
	.callOutBox .callout_btn { float: left !important; margin-left: 10px; margin-top: 10px; }	
	#wrapper { width: auto !important; margin:0 auto; -webkit-box-shadow: none; box-shadow: none; }

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

	.topbar * { text-align:center !important; }

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

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

	.copyright_left .textright, 
	.copyright_right .textright { text-align: center; }
	.appt_field label {
    	display: block;
    	margin: 5px 0;
    	padding: 5px;
    	background-color: #F9F9F9;
	}
	.chart { margin-right: 0; }

	#back-top { display: none !important; }
	.footer-area-middle .col_3 { width: 100%; }

}