/**
 * Responsive Theme Styles
 */


@media only screen and (max-width: 1500px) {
    
	body.header-left #default_page > .container{
		width:100%;
		max-width:100%;
		padding-left:20px;
		padding-right:20px;
	}
	
}

@media only screen and (min-width: 1280px) {
	
	body.full-width header.header-top.full_width .header_tagline > .container,
	body.full-width header.header-top.full_width .header_wrap > .container{
		width:100%;
		padding-left:40px;
		padding-right:40px;
	}

	
	/* header Type 1 */
	header.header-top.full_width.type1 .menu-primary-menu-container-wrap{
		position:relative;
	}
	body.boxed header.header-top.type1 .menu-primary-menu-container-wrap{
		position:static;
	}
	
	/* header type 2 */
	body.boxed header.header-top.type2 .menu-primary-menu-container-wrap{
		position:static;
	}
	
	/* header Type 7 */
	body.boxed header.header-top.type7 .menu-primary-menu-container-wrap{
		position:static;
	}
	
	#page-content .stats-left .aio-icon-left{
		padding-right:30px;
	}
	
}

@media only screen and (min-width: 1200px) {
    
	body.boxed header.header-top, body.boxed.header-fixed header.header-top .header_wrap{left:50%;right:auto;width:1230px;margin-left:-615px;}
	
}

@media only screen and (max-width: 1025px) {
	
	#style-switcher{display:none;}
	
	#page-wrap{width:100%;}
	
	header.header-top.type1 .menu-primary-menu-container-wrap > div > ul > li,
	header.header-top.type2 .menu-primary-menu-container-wrap > div > ul > li,
	header.header-top.type3 .menu-primary-menu-container-wrap > div > ul > li,
	header.header-top.type4 .menu-primary-menu-container-wrap > div > ul > li,
	header.header-top.type6 .menu-primary-menu-container-wrap > div > ul > li,
	header.header-top.type7 .menu-primary-menu-container-wrap > div > ul > li{
		margin:0;
	}
	header.header-top .menu-primary-menu-container-wrap > div > ul > li > a{
		padding-left:8px;
		padding-right:8px;
	}
	

	header.header-top.type6 .header_search_icon,
	header.header-top.type6 #woo-nav-cart{
		margin-left: 10px;
	}
	
	
	/* header left */
	header.header-left{
		width:280px !important;
	}
	body.header-left #page-wrap,
	body.header-left #page-content .vc_row[data-vc-full-width="true"]{
		padding-left:280px !important;
	}
	header.header-left > div{
		padding-left: 30px;
		padding-right: 30px;
	}
	
	#pagetitle{min-height:380px;}
	#pagetitle h2{font-size:40px;line-height:52px;}
	
	#search_result_list article{
		min-width:33.33%;
	}
	
	#portfolio_list.grid_bg_img .portfolio,
	#portfolio_list.masonry_bg_img .portfolio,
	#portfolio_list.masonry_top_img .portfolio,
	#portfolio_list.grid_top_img .portfolio,
	#portfolio_list.masonry_card .portfolio,
	#portfolio_list.grid_card .portfolio{
		min-width:33.33%;
	}
	.vc_row[data-vc-full-width="true"] #portfolio_list.left_img article.portfolio{
		width:100%;
	}
	.vc_row[data-vc-full-width="true"] #portfolio_list.chess .portfolio_descr_wrap{
		padding:10px 30px 30px;
	}
	.vc_row[data-vc-full-width="true"] #portfolio_list.chess .portfolio_title{
		line-height:42px;
		font-size:34px;
	}
	.vc_row[data-vc-full-width="true"] #portfolio_list.chess .portfolio_content p{
		line-height:20px;
		font-size:11px;
	}
	.vc_row[data-vc-full-width="true"] #portfolio_list.chess .btn{
		padding:8px 20px;
	}
	#portfolio_list.rounded .portfolio{
		padding-left:15px;
		padding-right:15px;
	}
	
	#blog_list.metro article.post{
		width:50% !important;
	}
	#blog_list.masonry_card article.post,
	#blog_list.grid_top_img article.post,
	#blog_list.masonry_top_img article.post,
	#blog_list.bg_img_card .post,
	#blog_list.grid_bg_img article.post,
	#blog_list.masonry_bg_img article.post,
	#blog_list.grid_card article.post,
	#blog_list.masonry_card_min article.post,
	#blog_list.frame_min .post{
		min-width:33.33%;
	}
	body.header-left #blog_list.masonry_card article.post,
	body.header-left #blog_list.grid_top_img article.post,
	body.header-left #blog_list.masonry_top_img article.post,
	body.header-left #blog_list.bg_img_card .post,
	body.header-left #blog_list.grid_bg_img article.post,
	body.header-left #blog_list.masonry_bg_img article.post,
	body.header-left #blog_list.grid_card article.post,
	body.header-left #blog_list.masonry_card_min article.post,
	body.header-left #blog_list.frame_min .post{
		min-width:50%;
	}
	#blog_list.masonry_top_img{
		margin-left:0;
		margin-right:0;
	}
	#blog_list.bg_img_card .post-content-wrapper{
		min-height:550px;
	}
	#blog_list.grid_bg_img article.post{
		margin-right:0;
	}
	.vc_col-sm-9 #blog_list.grid_bg_img article.post,
	.vc_col-sm-9 #blog_list.grid_card article.post{
		min-width:50%;
	}
	
	.vc_col-sm-3 .recent_posts_list.grid .recent_posts_img{
		position:static;
		display:inline-block;
	}
	.vc_col-sm-3 .recent_posts_list.grid .recent_posts_content.with_featured_img{
		padding:15px 0 0;
	}
	.vc_col-sm-3 .cstheme_widget_instagram li{
		width:50%;
	}
	
	.woocommerce div.product div.images div.thumbnails,
	.woocommerce-page div.product div.images div.thumbnails{
		width:50px;
	}
	.woocommerce div.product div.images .woocommerce-main-image{
		width:400px;
	}
	.woocommerce .quantity,
	.woocommerce-page .quantity{
		display:inline-block;
		width:auto;
		margin:0;
	}
	.woocommerce .quantity input.qty,
	.woocommerce-page .quantity input.qty{
		border:0;
		margin:0;
	}
	
}

@media only screen and (max-width: 768px) {
	
	.container{
		padding-left:15px;
		padding-right:15px;
	}
	
	body.header-left #page-wrap,
	body.header-left #page-content .vc_row[data-vc-full-width="true"]{
		padding-left:0 !important;
	}
	
	body.header-left .rev_slider_wrapper.fullscreen-container,
	body.header-left .rev_slider_wrapper.fullwidthbanner-container{
		margin-left:0 !important;
	}
	
	#page-content{
		padding-top:0 !important;
	}
	#page-wrap > header.header-top,
	#page-wrap > header.header-top .header_wrap{
		position:fixed;
		display:none;
		height:0 !important;
		visibility:hidden;
		min-height:auto;
		padding:0 !important;
	}
	#page-wrap > header#header_mobile_wrap{
		position:static;
		z-index:100;
		display:block;
	}
	#header_mobile_wrap > div{
		display:table;
		width:100%;
	}
	#header_mobile_wrap .cstheme-logo{
		float:none;
		display:table-cell;
		vertical-align:middle;
	}
	#header_mobile_wrap .cstheme-logo a{
		display:inline-block;
	}
	#header_mobile_wrap .menu-primary-menu-container-wrap{
		display:none;
		margin:0;
	}
	#header_mobile_wrap .mobile_menu_btn{
		display:table-cell;
		vertical-align:middle;
	}
	#header_mobile_wrap ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	#header_mobile_wrap ul.nav-menu li a{
		display:block;
		margin:0;
		padding:10px 20px;
		line-height:20px;
		font-size:14px;
		color:#fff;
		opacity:0.5;
		transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
	}
	#header_mobile_wrap ul.nav-menu .sub-menu a{
        padding-left: 40px
    }
    #header_mobile_wrap ul.nav-menu .sub-menu .sub-menu a{
        padding-left: 60px
    }
	#header_mobile_wrap ul.nav-menu li.menu-item a:hover,
	#header_mobile_wrap ul.nav-menu li.current-menu-ancestor > a,
	#header_mobile_wrap ul.nav-menu li.current-menu-parent > a,
	#header_mobile_wrap ul.nav-menu li.current-menu-item > a{
		opacity:1;
	}
	#header_mobile_wrap li.menu-item-has-children > a{
		position:relative;
	}
	#header_mobile_wrap li.menu-item-has-children > a:before{
		content: '\f105';
		position:absolute;
		right:30px;
		top:11px;
		font-family: 'FontAwesome';
		font-size:12px;
		transition: transform 0.2s ease-in-out;
		-webkit-transition: -webkit-transform 0.2s ease-in-out;
	}
	#header_mobile_wrap li.menu-item-has-children > a.submenu_open:before{
		transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
	}
	
	#page-content .stats-left .aio-icon-left,
	#page-content .stats-left .stats-desc{
		display:block;
		text-align:center;
		padding:0;
	}
	
	body.header_bgcolor.pagetitle_hide.breadcrumbs_hide.slider_first_row #page-content{
		padding-top:0;
	}
	
	#pagetitle > .container{
		padding-top:0 !important;
	}
	
	#blog_list.grid_top_img article.post,
	#blog_list.masonry_top_img article.post,
	#blog_list.bg_img_card .post,
	#blog_list.grid_bg_img article.post,
	#blog_list.masonry_bg_img article.post,
	#blog_list.grid_card article.post,
	#blog_list.masonry_card_min article.post,
	#blog_list.frame_min .post,
	#blog_list.masonry_card article.post{
		width:100%;
	}
	body.header-left #blog_list.masonry_card article.post,
	body.header-left #blog_list.grid_top_img article.post,
	body.header-left #blog_list.masonry_top_img article.post,
	body.header-left #blog_list.bg_img_card .post,
	body.header-left #blog_list.grid_bg_img article.post,
	body.header-left #blog_list.masonry_bg_img article.post,
	body.header-left #blog_list.grid_card article.post,
	body.header-left #blog_list.masonry_card_min article.post,
	body.header-left #blog_list.frame_min .post{
		width:100%;
	}
	#blog_list.masonry_top_img article.post,
	.post.col-md-25{
		padding-left:0;
		padding-right:0;
	}
	
	.vc_row[data-vc-full-width="true"] #blog_list > .row{
		margin-left:-15px;
		margin-right:-15px;
	}
	#blog_list.masonry_bg_img article.post{
		padding-bottom:15px;
	}
	#page-content .vc_custom_1456527211641{
		padding-right:15px !important;
	}
	
	#portfolio_list.grid_bg_img .portfolio,
	#portfolio_list.masonry_bg_img .portfolio,
	#portfolio_list.masonry_top_img .portfolio,
	#portfolio_list.grid_top_img .portfolio,
	#portfolio_list.masonry_card .portfolio,
	#portfolio_list.grid_card .portfolio{
		min-width:49.95%;
	}
	
	#page-content .wpb_image_grid .wpb_image_grid_uls .isotope-items{
		min-width:50%;
	}
	
	.partner_wrap .partner_descr{
		left:5px;
		right:5px;
	}
	.partner_wrap.with_descr .partner_descr h6{
		margin-bottom:5px;
		padding-bottom:5px;
	}
	.partner_wrap.with_descr .partner_descr p{
		font-size:9px;
		line-height:15px;
	}
	
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product{
		min-width:50%;
	}
	
	.ult_design_5 .ult_pricing_table .ult_price_features ul li{
		margin-left:0 !important;
		margin-right:0 !important;
	}
	
	.widget_cstheme_flickr .flickr-feed li{
		float:none;
		width:100%;
	}
	
	#portfolio_list.left_img .portfolio_format_content::before{
		top:0;
	}
	#portfolio_list.left_img .portfolio_descr_wrap{
		padding:30px 15px 0;
	}
	
	#portfolio_list.chess .portfolio_content_wrapper > .col-md-6{
		float:none !important;
	}
	
	#blog_list > .row > .pull-left,
	#blog_list > .row > .pull-right,
	#blog-single-wrap > .row > .pull-left,
	#blog-single-wrap > .row > .pull-right,
	#products_list > .row > .pull-left,
	#products_list > .row > .pull-right{
		float:none !important;
	}
	
	#blog_sidebar,
	#blog-single-wrap .pull-left > #blog_sidebar,
	#blog-single-wrap .pull-right > #blog_sidebar,
	#products_list #blog_sidebar{
		border:0 !important;
		margin-left:0 !important;
		margin-right:0 !important;
		margin-top:50px;
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.pull-left > #blog_sidebar,
	.cstheme_sidebar_border.right_border > div{
		border:0 !important;
		margin-left:15px !important;
		margin-right:15px !important;
		padding-left:15px !important;
		padding-right:15px !important;
	}
	.pull-right > #blog_sidebar,
	.cstheme_sidebar_border.left_border > div{
		padding-top:50px;
	}
	
	.vc_col-sm-4 .recent_posts_list.grid .recent_posts_img{
		position:static;
		display:inline-block;
	}
	.vc_col-sm-4 .recent_posts_list.grid .recent_posts_content.with_featured_img{
		padding:15px 0 0;
	}
	.vc_col-sm-4 .cstheme_widget_instagram li{
		width:50%;
	}
	
	#blog_list.metro .post{
		width:100% !important;
	}
	
	#blog-single-wrap.fullscreen{
		padding-left:0;
		padding-right:0;
	}
	
	.mc4wp-form .mc4wp_email_wrap{
		float:none;
		margin:0 0 30px;
		width:100% !important;
	}
	
	#footer_bottom{
		text-align:center;
	}
	footer #footer_bottom .copyright_wrap,
	footer #footer_bottom .social_links_wrap{
		float:none !important;
		width:100% !important;
		text-align:center;
	}
	footer #footer_bottom .social_links_wrap{
		text-align:center;
	}
	footer #footer_bottom .social_link{
		margin:0 9px;
	}
	
}

@media only screen and (max-width: 480px) {
	
	#header_mobile_wrap > div{
		width:100%;
	}
	
	#header_mobile_wrap .cstheme-logo{
		max-width:160px;
		padding-right:30px;
	}
	#header_mobile_wrap .cstheme-logo a{
		display:block;
	}
	#header_mobile_wrap .cstheme-logo img{
		max-width:100%;
	}
	
	#breadcrumbs{
		margin-top:0 !important;
	}
	#breadcrumbs .col-sm-4.text-right{
		display:none;
	}
	
	#author-info{ padding:30px 30px 20px; }
	#author-info .author-image{ position:relative; left:0; top:0; margin:0 0 20px; }
	#author-info .author_descr{ padding-left:0; }
	
	#portfolio_list.grid_bg_img .portfolio,
	#portfolio_list.masonry_bg_img .portfolio,
	#portfolio_list.masonry_top_img .portfolio,
	#portfolio_list.grid_top_img .portfolio,
	#portfolio_list.masonry_card .portfolio,
	#portfolio_list.grid_card .portfolio{
		width:100%;
		min-width:100%;
	}
	
	.widget_cstheme_flickr .flickr-feed li{
		float:left;
		width:33.33%;
	}
	
	#pagetitle{
		min-height:300px;
	}
	#pagetitle > .container{
		left:0;
		right:0;
		text-align:center;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
	}
	#pagetitle p, #pagetitle a{
		font-size:14px;
	}
	#pagetitle h2{
		font-size:28px;
		line-height:36px;
	}
	
	.pull-right > #blog_sidebar,
	.cstheme_sidebar_border.left_border > div{
		border:0 !important;
		padding-left:0 !important;
		padding-right:0 !important;
		padding-top:50px !important;
	}
	
	.vc_row[data-vc-full-width="true"] #portfolio_list.left_img article.portfolio{
		padding-left:0;
		padding-right:0;
	}
	
	.portfolio_single_nav{
		padding:20px 15px;
	}
	.portfolio_single_nav > div{
		text-align:center;
	}
	.portfolio_single_nav > div > div{
		float:none !important;
		padding:20px 0;
	}
	.portfolio_single_nav > div > .pull-left{
		text-align:left;
	}
	.portfolio_single_nav .back-to-portfolio{
		position:static;
		display:inline-block;
		text-align:center;
		margin:20px 0;
	}
	#portfolio_single_wrap.full_width .portfolio_single_details_wrap,
	#portfolio_single_wrap.half_width .portfolio_single_details_wrap{
		padding:30px 15px;
	}
	#portfolio_single_wrap.half_width .portfolio_format_content{
		padding-right:0;
	}
	
	#blog_list.text_min .post-content-wrapper{
		padding-left:0;
		padding-right:0;
	}
	
	.recent_posts_list.grid .recent_posts_img{
		position:absolute !important;
		display:block !important;
	}
	.recent_posts_list.grid .recent_posts_content.with_featured_img{
		padding-left:90px !important;
	}
	
	#page-content .wpb_image_grid .wpb_image_grid_uls .isotope-items{
		min-width:100%;
	}
	
	.cstheme_contactform_type9 .clearfix > span,
	.cstheme_contactform_type10 .clearfix > span{
		float:none;
		width:100%;
	}
	
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product,
	.woocommerce .related ul li.product,
	.woocommerce .related ul.products li.product,
	.woocommerce-page .related ul li.product,
	.woocommerce-page .related ul.products li.product{
		float:none;
		display:block;
		width:100% !important;
		margin-right:0;
	}
	.woocommerce div.product div.images,
	.woocommerce-page div.product div.images{
		padding-right:0;
	}
	.woocommerce div.product div.summary,
	.woocommerce-page div.product div.summary{
		padding-left:0;
	}
	.woocommerce div.product div.images .woocommerce-main-image{
		width:90%;
	}
	.woocommerce div.product div.images div.thumbnails,
	.woocommerce-page div.product div.images div.thumbnails{
		width:10%;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
	.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a{
		margin-top:0;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs li a,
	.woocommerce div.product .woocommerce-tabs ul.tabs li{
		display:block !important;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs li.additional_information_tab a,
	.woocommerce-page div.product .woocommerce-tabs ul.tabs li.additional_information_tab a{
		margin:0;
	}
	.woocommerce table.cart .product-subtotal,
	.woocommerce #content table.cart .product-subtotal,
	.woocommerce-page table.cart .product-subtotal,
	.woocommerce-page #content table.cart .product-subtotal,
	.woocommerce table.cart .product-name,
	.woocommerce #content table.cart .product-name,
	.woocommerce-page table.cart .product-name,
	.woocommerce-page #content table.cart .product-name,
	.woocommerce table.cart .product-price,
	.woocommerce #content table.cart .product-price,
	.woocommerce-page table.cart .product-price,
	.woocommerce-page #content table.cart .product-price{
		width:100%;
	}
	.woocommerce table.shop_table_responsive tr td:before,
	.woocommerce-page table.shop_table_responsive tr td:before{
		float:none;
	}
	
	#loader .loader_wrap{
		left: 30px;
		right:30px;
		margin: -28px 0 0;
		width: auto;
	}
	#loader .bar_wrap {
		width:100%;
	}
	
	ol.commentlist ul.children li:before{
		display:none;
	}
	ol.commentlist ul.children{
		margin-left:15px;
	}
	.comment-body .comment-avatar{
		position:static;
		margin-bottom:10px;
	}
	.comment-content{
		padding-left:0;
	}
	
}