/*------------------------------------------------------------------
Project:	QOON THEME / Layout - STANDARD
Version:	1.0
Last change:	
Assigned to:	OrangeIdea
-------------------------------------------------------------------*/
.oi_logo_holder {}
.admin-bar .oi_logo_holder { margin-top:32px}
.oi_logo_holder { padding:40px 0; position:fixed; top:0; right:0; left:0; z-index:990; background:#f9f9f9;}
.oi_layout_standard { margin-top:140px;}
.oi_logo_holder.oi_scrolled { padding:20px 0}

/*MENU*/
.oi_main_menu { list-style:none; text-align:left; float:left}
.oi_main_menu li { display:inline-block; float:right; position:relative;}
.oi_main_menu li a { display:block;}
.oi_main_menu li > ul{ opacity:1; margin-right:0 !important; min-width:150px; top:auto; text-align:right;}
.oi_main_menu li> ul li a{ min-width:150px;text-align:right;}

.oi_main_menu li:hover > ul { display:block;}

/*OTHER*/
.oi_lmc_holder { text-align:right}
.oi_vc_port_cat { letter-spacing:0}
.oi_list_cats { margin-bottom:20px}
.oi_load_more_holder { margin-top:0px;}
.oi_post { background:none;}
.oi_footer_menu { text-align:left;}
.oi_footer_menu { margin:0px;}
.oi_port_nav { position:relative; display:block !important;}
.oi_main_port_nav:after { display:block; content:''; margin-bottom:40px; clear:both;}
.oi_portfolio_page_holder { margin-bottom:0px;}

.oi_port_nav .oi_np_holder {padding:100px 0}
.wpcf7-validation-errors { margin-top:20px !important;}

@media (min-width: 767px) and (max-width: 1100px) {
	.oi_port_style_ii .oi_vc_port_mask { opacity:0; top:0 !important; right:0 !important;}
	.oi_strange_portfolio_item { width:50%;}
	.oi_legend { margin-top:0px;}

}

@media (min-width: 767px) and (max-width: 980px) {
	.oi_port_style_ii .oi_vc_port_mask { opacity:0; top:0 !important; right:0 !important;}
	.oi_port_style_ii .oi_vc_port_mask { opacity:0; top:0 !important; right:0 !important;}
	.oi_strange_portfolio_item { width:50%;}
	.oi_legend { margin-top:0px;}
}

@media (min-width: 0px) and (max-width: 767px) {
	.oi_port_style_ii .oi_vc_port_mask { opacity:0; top:0 !important; right:0 !important;}
	.oi_port_style_ii .oi_vc_port_mask { opacity:0; top:0 !important; right:0 !important;}
	.oi_strange_portfolio_item { width:100%;}
	.oi_legend { margin-top:0px;}
	#menu_slide_xs { display:block; opacity:1}
	.oi_logo_holder { padding:15px 0 !important}
	.oi_xs_menu { margin:0px; position: fixed; top:0; padding:10px; left:100%; right:0px; margin-right:-400px; bottom:-300px; background:#f9f9f9; display:block !important; z-index:993}
	.oi_main_menu li{ display:block !important; float:none; text-align:right;}
	.oi_main_menu ul { position:relative !important;}
	.oi_main_menu li a { display:inline-block;}
	.oi_main_menu { float:none; margin:0px; padding:0px 0}
	.oi_menu_overlay { position:fixed; visibility:hidden;  content:''; display:block; width:100%; height:100%; top:0; right:0; left:0; bottom:0; z-index:992; background:#000; opacity:0}
	.show_xs_menu .oi_menu_overlay { margin-right:0px; opacity:0.3}
	.show_xs_menu .oi_xs_menu { left:40%; margin-right:0;}
	.show_xs_menu .oi_menu_overlay { visibility:visible;}
	
	.oi_menu_overlay, .oi_xs_menu, .oi_menu_overlay {
		webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.oi_footer_widgets_holder { text-align:center;}
	.col-xs-12 { margin:10px 0}
	.oi_footer_menu { text-align:center;}
}