/*
Theme Name: Victoria
*/

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	#Tablet
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
@media only screen and (max-width: 957px) {
	img { width:auto; max-width:100%; height:auto; }

	/*
	.logo {
		display: block;
		float: none;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	 }

	.primarymenu { margin: 0 auto; float: none; }
	 */

	.sys_slider .full{
		max-width: 100%;
		height: 320px;
		width: auto; /* ie8 fix*/
	}
	.iva_mmenu{ width:90%;}
	.sys_slider img.image{
		max-width: 100%;
		height: 320px;
		width: auto; /* ie8 fix*/
	 }

	 #subheader {
		float: none;
		top: 10px;
	 }

	.layout-half .postimg { width:100%; float:none; display:block; margin-right:0; }
	.layout-half .portfoliopage { width:100%; float:none; }
	.sf-menu { display:none !important;  }
	.iva-mobile-dropdown {
		display: block;
		margin: 0 0 0 auto;
		height: 35px;
		width: 40px;
		position: relative;
		cursor: pointer;
		margin-top: 8px;
	}

	.iva-children-indenter{ display:block;}
	.frontpage_widgets { width:100% }
	#featured_slider.ca-carousel { display: none; }
	.menus_cat_item { width:220px; }

	.widget-s2-mobile { display: block;}
	.widget-right-s3,
	.widget-left-s2,
	.widget-right-s2 {display: none;}
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	#Tablet: (Design for a width of 768px and 989px)
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
@media only screen and (min-width: 768px) and  (max-width: 1024px) {

	img { width:auto; max-width:100%; height:auto; }

	#boxed #header,
	#boxed #subheader,
	#boxed .pagemid,
	#boxed #footer,
	#boxed .teaserbox,
	#boxed .copyright,
	.slider_wrapper,
	.fp_widgets_wrap,
	#boxed .fp_widgets_wrap{
		 width: 95% !important;
	 }

	#back_to_top,
	#header .inner,
	.copyright .inner,
	.footersidebar .inner,
	.teaserbox .teaserbox_content,
	.subheader_teaser,
	.pagemid .inner,
	.footer_teaser .teasercontent,
	.frontpage_widgets {
		width: 88% !important;
	}

	.fullwidth{
		margin:0 auto !important;
	 }

	span.iva-children-indenter i { display:block !important; }

	.rightsidebar #main { width: 66%;}
	.rightsidebar #sidebar{ width: 30%; padding: 0;}
	.leftsidebar #main { width:66%; }
	.leftsidebar #sidebar { width:30%; padding: 0;}


	.post2 .post_content,
	.post2 .post-info {
		width: 100%;
 		float: none;
 		margin-bottom: 0;
	 	padding: 0;
	}
	.post2 .postmeta span {
		display: inline-block;
		 margin-right: 8px;
		 border: none;
	}

}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	Mobile (Portrait)
	Design for a width of 320px
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
@media only screen and (max-width: 767px) {
	.menus_cat img,
	img {max-width:100%; width:auto; height:auto; }
	#wrap_all { width:300px; margin: 0 auto; margin-top: 70px;}
	#boxed #header,
	#boxed #subheader,
	#boxed .pagemid,
	#boxed #footer,
	#footer .footersidebar,
	#boxed .teaserbox,
	#boxed .copyright,
	.slider_wrapper,
	.fp_widgets_wrap {
		width: 100% !important;
	}
	.iva_mmenu{  width:95%; }
	span.iva-children-indenter i { display:block; }
	#back_to_top,
	#header .inner,
	.copyright .inner,
	.footersidebar .inner,
	.subheader_teaser,
	.pagemid .inner,
	.copyright .inner,
	.footer_teaser .teasercontent,
	.teaserbox .teaserbox_content,
	#main, .frontpage_widgets {
		width: 90% !important;
		margin:0 auto;
	}

	.sys_slider {
   	 	height: 100%;
   		margin: 0 auto;
   		position: relative;
    	width: 400px;
	}
	.rightsidebar #main,
	.rightsidebar #sidebar,
	.post2 .post_content,
	.post2 .post-info {
		width: 100% !important;
		float: none;
		margin-bottom: 0;
		 padding: 0;
	}

	.menus_cat_item { float:none; margin-left:0; margin-right:0; width:100%; }
	.post2 .postmeta span { display: inline-block; margin-right: 8px; border: none }
	.one_half,
	.one_third,
	.two_third,
	.one_fourth,
	.one_fifth,
	.four_fifth,
	.one_sixth,
	.five_fifth,
	.two_fifth,
	.three_fifth,
	.three_fourth   { width: 100%; float: none; }
	.ca-container { display:none; }
	.frontpage_widgets{ display: table; margin: 0 auto; width:auto;}
	.fp_widgets_wrap { width:95% }

	.leftsidebar #main { float:none; }
	.vertabs ul.tabs { float:none; width: 100%; }
	.subtitle h1:before, .subtitle h1:after { background-image: none; }


	.leftsidebar #main { width:66%; }
	.leftsidebar #sidebar { width:30%; padding: 0;}
	.copyright .copy_left,.copyright .copy_right {
		width: 100%;
		float: none;
		text-align: center;
		margin: 10px 0;

	}
	.copy_right .atpsocials {
		float: none;
	}
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	Mobile (Landscape)
	Note: Design for a width of 480px
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
@media only screen and (min-width:480px) and (max-width: 767px) {

	.menus_cat img,
	img {max-width:100%; width:auto; height:auto; }
	#wrap_all { width:420px; margin: 0 auto;}
	#boxed #header,
	#boxed #subheader,
	#boxed .pagemid,
	#boxed #footer,
	#footer .footersidebar,
	#boxed .teaserbox,
	#boxed .copyright,
	.slider_wrapper,
	.fp_widgets_wrap{
		width: 95%;
	}

	.iva_mmenu{  width:95%; }

	#back_to_top,
	#header .inner,
	.copyright .inner,
	.footersidebar .inner,
	.subheader_teaser,
	.pagemid .inner,
	.copyright .inner,
	.footer_teaser .teasercontent,
	.teaserbox .teaserbox_content,
	#main	{
		width: 90%;
	}

	.frontpage_widgets .textwidget {
		margin: 0 auto;
		display: table;
		text-align: center;
	}


	.menus_cat_item { float:none; margin-left:0; margin-right:0; width:100%; }

	.rightsidebar #main,
	.rightsidebar #sidebar,
	.post2 .post_content,
	.post2 .post-info {
		width: 100%; float: none; margin-bottom: 0; padding: 0;
	}
	.post2 .postmeta span { display: inline-block; margin-right: 8px; border: none }
	.ca-container { display:none; }

	.leftsidebar #main { float:none; }
	.vertabs ul.tabs { float:none; width: 100%; }
	.subtitle h1:before, .subtitle h1:after { background-image: none; }
	span.iva-children-indenter i { display:block; }

	.rightsidebar #main { width:66%; }
	.rightsidebar #sidebar { width:30%; padding: 0;}
	.leftsidebar #main { width:66%; }
	.leftsidebar #sidebar { width:30%; padding: 0;}
}
