/*------------------------------------------------------------------
Project:	QOON THEME / Layout - LEFT MENU
Version:	1.2
Last change:	
Assigned to:	OrangeIdea
-------------------------------------------------------------------*/

.oi_page_holder.oi_full_port_page, .oi_page_holder.oi_full_port_page_raw_scroller { padding:0px !important;}
.oi_page_holder { margin-left:50%; width:50%; position:relative;}
.oi_page_holder.oi_without_sidebar { margin-left:25%; width:75%;}
.single-portfolio .oi_page_holder {margin-left:25%; width:75%;}
.oi_page_holder.oi_full_f_page { margin-left:25%; width:75% !important; top:50%; position:fixed !important; z-index:999 !important; opacity:0}
.oi_page_holder { padding:30px !important; }
.oi_page_holder.oi_page_without_paddings { padding:0px !important;}
.oi_right_sb .oi_page_holder { margin-left:0px !important; z-index:99; position:fixed; height:100%; width:50%; top:0; left:25%}
.admin-bar.oi_right_sb .oi_page_holder { margin-top:32px;}
.oi_disabled_sb .oi_page_holder { margin-left:25%; width:75%;  position:relative;}
single-portfolio .oi_page_holder {margin-left:25% !important; width:75% !important; overflow-x:hidden; position:relative !important;}
.oi_slide_header_side, .oi_slide_header_side:active, .oi_slide_header_side:focus  { position:absolute; bottom:30px; opacity:1; right:0px; font-size:10px; height:24px; border-radius:3px 0px 0px 3px; background:#000; line-height:24px; width:24px; text-align:center; color:#fff}
.oi_slide_header_side:hover { background:#ffde00; color:#000;}


/*MENU*/
.oi_main_menu { margin:0px; padding:0px; margin-top:40px; position:relative;}
.oi_main_menu  li { display:block; min-width:260px;}

@media (min-width: 0px) and (max-width: 1680px) {
	.oi_disabled_sb .oi_posts_ul { width:100%; margin:0 auto;}
	.single-portfolio .oi_page_holder:not(.oi_full_port_page):not(.oi_full_port_page_raw_scroller) .oi_sinle_portfolio_holder { width:100%; margin:0 auto; }
}
@media (min-width: 1680px) and (max-width: 1920px) {
	.oi_disabled_sb .oi_posts_ul { width:90%; margin:0 auto;}
	.single-portfolio .oi_page_holder:not(.oi_full_port_page):not(.oi_full_port_page_raw_scroller) .oi_sinle_portfolio_holder { width:90%; margin:0 auto;}
	.oi_page_holder:not(.oi_page_without_paddings) .oi_just_page { width:90%; margin:0 auto;}
}
@media (min-width: 1920px) and (max-width: 9999px) {
	.oi_disabled_sb .oi_posts_ul { width:80%; margin:0 auto;}
	.single-portfolio .oi_page_holder:not(.oi_full_port_page):not(.oi_full_port_page_raw_scroller) .oi_sinle_portfolio_holder { width:80%; margin:0 auto;}
	.oi_page_holder:not(.oi_page_without_paddings) .oi_just_page { width:80%; margin:0 auto;}
}


@media (min-width: 1240px) and (max-width: 2900px) {
	
}
@media (min-width: 767px) and (max-width: 1100px) {
	.oi_bg_img { background-size:cover !important; background-position:center !important}
	.oi_tag_line_holder { display:none;}
	.oi_disabled_sb .oi_page_holder, .single-portfolio .oi_page_holder {
		margin-left: 0px !important;
		width: 100% !important;
		position: relative;
	}
	.oi_full_port_page_raw_scroller .oi_port_nav { left:0}
	.oi_modern_p_item { opacity:0; width:500px; height:450px; }
	.oi_modern_p_content {  position:absolute; top:calc( 50% - 225px ); left:calc( 55% - 250px );}
	.oi_m_description_content_descr { display:none;}
	.oi_m_description_content_mobile { display:block;}
	.oi_m_description_content { display:none;}
	.oi_port_style_ii .oi_vc_port_mask { opacity:0; top:0 !important; left:0 !important;}
	.oi_sub_header_side { left:0; width:40%;}
	.oi_page_holder { margin-left:40%; width:60%}
	.oi_right_sb .oi_page_holder { margin-left:0; left:0; width:60% !important}
	.oi_right_sb .oi_sub_header_side {margin-left:60%}
	.oi_xs_row > .vc_col-sm-2 { display:none}
	.oi_xs_row > .vc_col-sm-8 { width:85%; margin:0 auto;}  

}

@media (min-width: 767px) and (max-width: 980px) {
	.oi_bg_img { background-size:cover !important; background-position:center !important}
	.oi_tag_line_holder { display:block; width:400px;}
	.oi_will_be_full_page .oi_tag_line_holder { display:none;}
	.oi_blog_post_descr { margin-top:0px;}
	.oi_popular_widget_post_image { display:none;}
	.oi_popular_widget_post_content { padding-left:0px;}
	.oi_strange_portfolio_item { width:50%;}
	.oi_full_port_page_raw_scroller .oi_port_nav { left:0}
	.oi_modern_p_item { opacity:0; width:400px; height:450px; }
	.oi_modern_p_content {  position:absolute; top:calc( 50% - 225px ); left:calc( 55% - 200px );}
	.oi_m_description_content_mobile {position:absolute; z-index:99; top:120px; right:-110px; padding:30px;  width:400px;}
	.oi_slide_header_side { display:none;}
}

@media (min-width: 0px) and (max-width: 767px) {
	.oi_port_style_ii .oi_vc_port_mask { opacity:0; top:0 !important; left:0 !important;}
	.oi_slide_header_side { display:none !important}
	.oi_disabled_sb:not(.blog) .oi_page_holder, .single-portfolio .oi_page_holder { overflow-x:hidden}
	.oi_disabled_sb .oi_page_holder, .single-portfolio .oi_page_holder { margin:0px !important; width:100% !important;}
	.oi_strange_portfolio_item { width:100%;}
	.oi_bg_img { background-size:cover !important; background-position:center !important}
	.oi_tag_line_holder { display:block; width:400px;}
	.oi_will_be_full_page .oi_tag_line_holder { display:none;}
	.oi_blog_post_descr { margin-top:0px;}
	.oi_popular_widget_post_image { display:none;}
	.oi_popular_widget_post_content { padding-left:0px;}
	.oi_full_port_page_raw_scroller .oi_port_nav { left:0}
	.oi_modern_p_item { opacity:0; width:300px; height:350px; }
	.oi_modern_p_content {  position:absolute; top:calc( 50% - 225px ); left:calc( 55% - 200px );}
	.oi_m_description_content_mobile {position:absolute; z-index:99; top:120px; right:-110px; padding:30px;  width:400px;}
	.oi_header_side, .oi_sub_header_side { padding:10px 30px;}
	.oi_tag_line_holder { display:none; visibility:hidden !important}
	.oi_loader { display:none !important; visibility:hidden !important}
	.mobile_paddings { padding:30px !important;}
	.oi_creative_p_content { right:0px; left:0px; bottom:0px; width:auto;}
	.oi_creative_p_content .text-right { text-align:left !important;}
	.mobile_text_left.text-right { text-align:left !important;}
	#map_description { left:0; right:0; top:0; width:auto; z-index:99}
	.vc_custom_1437633808734 { padding-left:15px !important; margin-top:30px;}
	.oi_main_menu > li > ul > li > ul > li > a { padding:7px;}
	.oi_m_description_content_descr { display:none;}
	.oi_m_description_content_mobile { display:block;}
	.oi_c_resize { display:none;}
	.oi_ps_creative .menu-main-menu-container { margin-left:-100%;}
	.oi_creative_p_content { background:#fff; bottom:0px !important; padding:10px;}
	.oi_page_holder.oi_full_f_page { left:0%;}
	.oi_will_be_full_page:not(.oi_ps_creative) .oi_full_page  { width:200% !important; margin-left:-100%;}
	.oi_ps_creative #menu_slide_xs, .oi_ps_modern #menu_slide_xs, .oi_will_be_full_page #menu_slide_xs { display:block;}
	.oi_will_be_full_page  .oi_page_holder.oi_full_f_page { top:60px !important;}
	.oi_full_port_page_raw_scroller .oi_port_nav { position:absolute; bottom:0px; opacity:1; margin-bottom:0px; z-index:9; margin:0 auto; left:0; right:0px;}
	.vc_align_right { text-align:left !important;}
	.oi_list_cats li { display:block; width:100%; margin-bottom:3px;}
	.oi_list_cats li a {}
	.oi_list_cats { margin-bottom:80px; }
	.oi_list_cats:after { display:block; content:''; clear:both;}
	.oi_sub_header_side { display:none;}
	.oi_page_holder, .oi_right_sb .oi_page_holder { margin-left:0px; width:100%; left:0}
	.comment-form-author, .comment-form-email, .comment-form-url { width:100%;}
	.oi_slide_header_side { display:none;}
	
	
}