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

	.tabs-widget .tabs dd a, .tabs-widget .tabs li a {
		padding: 0 12px;
	}
	.follow-widget .text {
		font-size: 12px;
	}
	.three.columns .tabs-widget .tabs dd a, .three.columns .tabs-widget .tabs li a {
		
	}

    .tabs dd a, .tabs li a{
        padding: 0 15px;
    }

}
@media only screen and (min-width: 1020px) and (max-width: 1024px) {
    #header address .delim {
        margin: 0 5px;
    }
    #header address {
        font-size: 10px;
    }

}

@media (max-width: 1090px){
    #top-menu .link-text {
        font-size: 13px;
    }
    #top-menu > ul > li > .menu-item-wrap {
        padding: 0 7px;
        min-width: 0;
    }

    .four.columns .tabs-widget .entry-thumb{
        display: none;
    }

}

@media (max-width: 1023px){

    .crum_galleries_widget ul {
        padding: 0 10px 0 0;
    }
    .crum_galleries_widget li.four.columns {
        width: 32.3%!important;
        float: left;
        position: relative;
        margin-left: 1%;
        padding: 0;
    }
    #top-info {
        float: none;
        clear: both;
        margin: 0 auto;
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    #header.horizontal #top-info {
        float: left;
        clear: none;
        margin: 0;
        display: inline-block;
        width: auto;
        text-align: left;
        padding-top: 33px;
        left:25%;
    }

    #header address {
        padding-top: 0;
        display: block;
        padding-bottom: 40px;
        line-height: 1.3;
    }
    .head-bott {
        text-align: center;
    }
    #header .soc-head-icons {
        float: none;
        display: inline-block;
        padding: 0 20px;
    }
    #lang_sel a {
        text-align: left;
    }
    #header #lang_sel {
        float: none;
        z-index: 999;
        clear: both;
        height: 50px;
        display: inline-block;
    }
}


@media (max-width: 1023px){


    #header.horizontal #searchform {
        display: none;
    }

	.description.disp {
		bottom: -65%;
	}
	.extra-links, .tabs .extra-links {
		display:none;
	}
	.to-action-block h2 {
		font-size: 20px;
	}
	
	.three.columns .tabs.contained.horisontal {
		margin: 20px;
	}
	.three.columns .tabs.horisontal dd, .three.columns .tabs.horisontal li {
		float: none;
		text-align: center;
	}
	.three.columns .recent-block .page-block-title {
		float: none;
	}
	.three.columns .tabs.horisontal {
		height: auto;
	}
	.three.columns .tabs.horisontal dd.active, .three.columns .tabs.horisontal dd.active:first-child {
		margin: -2px 0 0 0;
		border-top: 2px solid #50B4E6;
	}
	.three.columns .tabs.horisontal dd, .three.columns .tabs.horisontal dd:first-child {
		border-top: 1px solid #f1f1f1;
		margin-left: -20px;
		margin-right: -20px;
	}
	.three.columns .tabs.horisontal dd:first-child {
		border-top: none;
	}
	
	button.button, input.button[type="submit"], input.button[type="reset"] {
		width: auto;
		padding: 14px 20px;
	}
	.page-nav {
		margin: 30px 0;
	}
}
@media (max-width : 769px){


    #header.horizontal #top-info {
        position: static;
        float: none;
        clear: both;
        margin: 0 auto;
        display: inline-block;
        width: 100%;
        text-align: center;
    }
	
	#header .soc-head-icons, #header.horizontal .soc-head-icons{
		float: none;
        position: relative;
		display: inline-block;
		padding: 0 20px;
	}
    #header.horizontal .soc-head-icons{
        right: -5px;
        top: -15px;
    }
    #top-menu>ul>li>ul>li:hover>ul, #top-menu>ul>li>ul>li>ul>li:hover>ul {
        left: 5px;
		border: none;
		    }


	#top-menu>ul>li>ul>li>ul>li>ul {
		position: relative;
		top: 0;
		width: 100%;
		border: none;
			}

	#top-menu>ul>li>ul>li ul li  {
		padding:  5px 0;
	}

	#top-menu>ul>li>ul>li:first-child {
		border-top: 1px solid #e6e6e6;
		margin-top: 10px !important;
	}

	#top-menu>ul>li>ul>li>ul>li:first-child, #top-menu>ul>li>ul>li>ul>li>ul>li:first-child {
		border-top: none;
	}

	#top-menu>ul>li>.menu-item-wrap>ul>.has-submenu>.menu-item-wrap {
		background-color: #fff;
	}

	.recent-block .folio-item {
		width: 49.5%;

	}
	.folio-item:hover .description {

		z-index: 100;
		opacity: 1;
		}
	.folio-item {
		 overflow: visible;
	}
	.clearing-container{
		overflow: visible;
	}
	#recent-allTab {
		margin-bottom: 270px;
	}
	#grid-folio {
		margin-bottom: 10px;
	}

	#top-menu {
		display: none;
	}
	#header .topinfo {
		padding-top: 27px;
	}	
	#header {
		text-align:center;
	}
	#top-menu {
		float: none;
		text-align:left;
		width: 100%;
		margin-top: 30px;
	}
	#top-menu > ul > li {
		float: none;
		margin-left: 0;
	}
	#logo, #top-info {
		float: none;
		display: inline-block;
	}
	#logo {
		margin-bottom: 20px;
	}
    #header.horizontal #top-menu>ul>li>.menu-item-wrap {
		overflow: hidden;
		height: auto;
		display: block;
	}

	#top-menu > ul > li > .menu-item-wrap > a {
		display: block;

	}
	#top-menu .tile-icon {
		float: left;
		padding: 5px 10px 5px 0;
	}
	#top-menu .tile-icon img  {
		width: 28px;
	}
	#top-menu > ul > li > .under {
		display: none;
	}
	#top-menu > ul > li > ul, #top-menu>ul>li>ul>li>ul {
		padding: 0;
		position: relative;
		top: auto;
		opacity: 1;
		visibility: visible;
        width: 100%;
        max-width: 100%!important;
	}
    #top-menu>ul>li>ul>li>ul {
        left: 0;
    }

	 #top-menu>ul>li>.menu-item-wrap {
        height: 45px;
    }
	#top-menu > ul > li > .link-text {
		display: block;
		padding-top: 7px;
		padding-bottom: 7px;
		margin-left: 50px;
		border-bottom: 1px dotted #e8e8e8;
		font-size:16px;
        text-indent: -50px;
		position: relative;
		top: 13px;
	}
    .horizontal #top-menu > ul > li .link-text {
        padding-top: 7px;
        text-indent: 0;
    }

	.horizontal #top-menu>ul>li > ul > li .link-text {
		padding-top: 10px;
	}
	#top-menu > ul > li ul li .link-text {
		display: block;
		width: auto;
	}
	#top-menu .arrow {
		display: none;
	}
	#top-menu > ul > li > ul, #top-menu > ul > li ul li a:hover .link-text, #top-menu > ul > li ul li.current-menu-item a .link-text	{
		background: transparent;
	}
	#top-menu > ul li.current-menu-item>span>a .link-text, #top-menu > ul > li ul li  {
		border: none;
	}

	#top-menu > ul > li.current-menu-item ul li.current-menu-item .link-text {
		color:#fff;
	}
	#top-menu > ul > li li.current-menu-item .link-text {
		margin-left: 0;
	}

	#top-menu > ul li.current-menu-item > span > a .link-text {
		margin:0;
	}
	#top-menu > ul > li.current-menu-item > .menu-item-wrap:before {
		border-left: 15px solid #50b4e6;
		border-top: 15px solid white;
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		width: 0;
	}
	#top-menu > ul  li.current-menu-item .menu-item-wrap {
		border-radius: 5px;
	}

	.styled-list a {
		margin-left: 25px;
	}

	.widget > .subtitle {
		left:80px;
		top: 10px;
	}

	.widget-title {
		padding-left: 80px;
		padding-top: 20px;
	}

	.panel.widget.widget_crum_latest_3_news.panel-last-child .widget-title  {
		padding-left: 50px;
		padding-bottom: 5px;
	}

	#top-menu > ul > li > ul {
		margin-bottom: 10px;
		display: none;
	}
	#top-menu>ul>li:hover>ul {display: block;}
	.wpb_tab.ui-tabs-panel.wpb_ui-tabs-hide.clearfix.ui-widget-content.ui-corner-bottom {
		padding-top: 1.2em;
	}

	.panel.widget.widget_crum_latest_3_news.panel-last-child .subtitle {
		left: 50px;
	}

	.pricetable-column.pricetable-standard {
		width: 100% !important;
	}

	.widget_about_author_widget .avatar {
		float: none;
		width: 60%;
		margin: 0 auto 10px;
	}

	.widget_about_author_widget .text, .widget_about_author_widget .quote-sub, .widget_about_author_widget .quote-author {
		margin-left: 0;
	}

	.widget_about_author_widget .quote-author, .widget_about_author_widget .quote-sub, .to-action-block.al-right .ovh {
		text-align: center;
	}

	.description.disp {
		bottom: -100%;
	}

	.top-menu-button {
		background:#696a6c url("../img/resp-navi.png") 50% 50% no-repeat;
		display:block;
		width:36px;
		height:28px;
		margin:0 auto;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
        margin-bottom: 30px;
	}
	.top-menu-button.active {
		background-color:#50b4e6;
	}
	
	.tabs.contained.horisontal {
		margin: 20px;
	}

	.crum_pagination {
		margin-bottom: 70px;
	}

	.tags-widget{
		padding-bottom: 20px;
	}

	.al-right .button {
		float: none;
		margin:0 auto 10px;
	}



	.filter {
		margin: 0 20px 20px;
	}
	.tabs.horisontal dd, .tabs.horisontal li, .filter li {
		float: none;
		text-align: center;
	}
	.recent-block .page-block-title {
		float: none;
	}
	.tabs.horisontal, .filter {
		height: auto;
	}
	.tabs.horisontal dd.active, .tabs.horisontal dd.active:first-child, .filter li.active:first-child {
		margin: -2px 0 0 0;
		border-top: 2px solid #50B4E6;
	}
	.tabs.horisontal dd, .tabs.horisontal dd:first-child, .filter li:first-child, .filter li {
		border-top: 1px solid #f1f1f1;
		margin-left: -20px;
		margin-right: -20px;
	}
	.tabs.horisontal dd:first-child, .filter li:first-child {
		border-top: none;
	}
	.description .title {
		margin-left: 0;
	}
	.instagram-widget .widget-inner {
		margin-left: -2%;
	}
    #flickr {
        text-align: center;
    }
    .instagram-widget a {
        width: auto;
        margin-left: 1%;
        display: inline-block;
        float: none;
    }

	.hover-bg {
		margin-bottom: 10px;
	}
	
	#sub-footer .row .six {
		width: 100% !important;
		text-align:center;
	}
	.footer-menu {
		float: none;
	}
	#commentform input {
		width: 100%;
		margin-right: 0;
	}
	
	.row #portfolio-page .four,
	.row #portfolio-page .three {
		width: 50% !important;
		float: left;
	}
	.row #portfolio-page .one-photo .four {
		margin-top: 20px;
		width: 100% !important;
		float: none;
	}
	.project-info {
		margin-top: 20px;
	}
    .entry-thumb img {
        min-width: 100%;
    }

    .small-news .entry-thumb img {
        min-width: 100%;
    }
    .small-news .entry-summary {
        margin-left: 0;
    }
    #flickr {
        margin-left: 0;
    }
    .instagram-widget a {
        margin-bottom: 5px;
    }
    .four.columns .tabs-widget .entry-thumb {
        display: inline-block;
    }

    .crum_galleries_widget ul {
        padding: 0 10px 0 0;
    }
    .crum_galleries_widget li.four.columns {
        width: 32.3%!important;
        float: left;
        position: relative;
        margin-left: 1%;
        padding: 0;
    }
    #sub-footer .row .six {
        width: 100% !important;
        text-align:center;
    }
    .footer-menu {
        float: none;
    }
    .commentform-inner input {
        width: 100%;
        margin-right: 0;
    }

    .row #portfolio-page .four,
    .row #portfolio-page .three {
        width: 50% !important;
        float: left;
    }
    .row #portfolio-page .one-photo .four {
        margin-top: 20px;
        width: 100% !important;
        float: none;
    }
    .project-info {
        margin-top: 20px;
    }
    .blog-section #left-sidebar.three,
    .blog-section #main-content.six,
    .blog-section,
    .type-product .images,
    .type-product .summary,
    .blog-section.sidebar-both,
    .blog-section.sidebar-right2,
    .blog-section.sidebar-both2,
    .blog-section.sidebar-both2 #main-content,
    .blog-section.sidebar-both2 #left-sidebar,
    .blog-section.sidebar-left2,
    .sidebar-both #left-sidebar.three,
    .sidebar-both #right-sidebar.three,
    .sidebar-both #main-content.six,
    .sidebar-right2 #left-sidebar.three,
    .sidebar-right2 #main-content.six,
    .sidebar-left2 #main-content.six,
    .sidebar-left2 #right-sidebar.three,
    .sidebar-left #main-content.nine,
    .sidebar-left #left-sidebar.three,
    .sidebar-left #right-sidebar,
    .three, .row .three {
        width: 100%;
        float: none;
    }

    .onsale {
        width: 60px;
        height: 60px;
        padding: 20px 5px;
    }

}

@media (max-width: 768px){

	#menu-primary-navigation > li > .menu-item-wrap > a > .link-text {
		position: relative;
		top: 13px;
	}

	html #wpadminbar {position: fixed !important;}

    #flickr {
        text-align: center;
        margin-left: -2%;
    }
    .instagram-widget a {
        width: 46%;
        margin-left: 2%;
        display: block;
        float: left;
    }

}
@media (max-width: 1150px) and (min-width: 1000px){

    .widget:hover .list-blocks, #header .topinfo  {display: none;}
    
}
@media (max-width: 1150px) and (min-width: 1000px){

    .widget:hover .list-blocks, #header.horizontal .topinfo  {display: block;}

}
@media (max-width: 766px){

    #flickr {
        text-align: center;
        margin-left: 0;
    }
    .instagram-widget a {
        width: auto;
        margin-left: 1%;
        display: inline-block;
        float: none;
    }


}
@media (max-width: 400px){

    ul.products li.product {
        float: none;
        width: 100%;
    }

}

@media ( max-width: 1080px) {

    #grid-posts.col-2 article.small-news {
        width: 46.5% !important;
    }
}

@media ( max-width: 768px) {
    #grid-posts article.small-news,  #grid-folio .project{
        width: 48.876% !important;
        margin-bottom: 0.938em;
    }
    #grid-posts.col-2 article.small-news {
        width: 46% !important;
    }
}

@media ( max-width: 640px) {

    #grid-posts.col-2 article.small-news {
        width: 45% !important;
    }
}

@media ( max-width: 470px )  {
    #grid-posts, #grid-folio {
        width: 100%!important;
    }
    #grid-posts article.small-news,  #grid-folio .project, #grid-posts.col-2 article.small-news {
        width: 100%!important;
        margin: 0 10px .9em 10px !important;
    }
}

@media only screen and (max-width: 600px) {
	.folio-item .description .icon {width: 30px;}

	.folio-item .description {padding: 5px;}

	.folio-item:hover .description {top: 65%;}

	.description .info, .description .title {margin-left: 40px;}

	.folio-item .description .title {font-size: 12px;}


}

@media only screen and (max-width: 320px) {
	.folio-item:hover .description {top: 70%}
	.recent-block .folio-item {padding-bottom: 35px;}
	.folio-item .description  .info {display: none;}
}

@media only screen and (min-width: 375px) and (max-width: 480px) {
	.folio-item:hover .description {top: 76%}
	.recent-block .folio-item {padding-bottom: 35px;}
	.folio-item .description  .info {display: none;}
}

@media only screen and (min-width: 490px) and (max-width: 568px) {

	.folio-item:hover .description {top: 77%;}

}


/* Make the cart table responsive */

@media only screen and (max-width: 320px) {

	.woocommerce-page table.shop_table,
	.woocommerce-page table.shop_table thead,
	.woocommerce-page table.shop_table tbody,
	.woocommerce-page table.shop_table th,
	.woocommerce-page table.shop_table td,
	.woocommerce-page table.shop_table tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.woocommerce-page table.shop_table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.woocommerce-page table.shop_table td {
		/* Behave  like a "row" */
		border: 1px solid #d2d3d3;
		position: relative;
		padding-left: 30% !important;
	}

	.woocommerce-page table.shop_table td .coupon {margin-bottom: 0 !important;}

	.woocommerce table.cart td.actions .button.alt,
	.woocommerce #content table.cart td.actions .button.alt,
	.woocommerce-page table.cart td.actions .button.alt,
	.woocommerce-page #content table.cart td.actions .button.alt {margin-left: 0;}

	.woocommerce-page table.shop_table {
		border: none;
	}

	.woocommerce-page table.shop_table td.product-spacer {
		border-color: #FFF;
		height: 10px;
	}

	.woocommerce-page table.shop_table td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 10px;
		left: 6px;
		width: 25%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/*
	Label the data
	*/
	.woocommerce-page table.shop_table td.product-remove:before {
		content: "DELETE";
	}

	.woocommerce-page table.shop_table tr.composited_table_item td.product-remove:before {
		content: "";
	}

	.woocommerce-page table.shop_table td.product-thumbnail:before {
		content: "IMAGE";
	}

	.woocommerce-page table.shop_table td.product-name:before {
		content: "PRODUCT";
	}

	.woocommerce-page table.shop_table td.product-price:before {
		content: "PRICE";
	}

	.woocommerce-page table.shop_table td.product-quantity:before {
		content: "QUANTITY";
	}

	.woocommerce-page table.shop_table td.product-subtotal:before {
		content: "TOTAL";
	}

	.woocommerce-page table.shop_table.my_account_orders td.order-number:before {
		content: "ORDER";
	}

	.woocommerce-page table.shop_table.my_account_orders td.order-date:before {
		content: "DATE";
	}

	.woocommerce-page table.shop_table.my_account_orders td.order-status:before {
		content: "STATUS";
	}

	.woocommerce-page table.shop_table.my_account_orders td.order-total:before {
		content: "TOTAL";
	}

	.woocommerce-page table.shop_table.my_account_orders td.order-actions:before {
		content: "";
	}

	.woocommerce .quantity,
	.woocommerce #content .quantity,
	.woocommerce-page .quantity,
	.woocommerce-page #content .quantity {
		margin: 0;
		float: none;
	}

	.woocommerce-page table.cart td.actions,
	.woocommerce-page #content table.cart td.actions {
		text-align: left;
		border:0;
		padding-left: 6px !important;
	}

	.woocommerce-page table.cart td.actions .button.alt,
	.woocommerce-page #content table.cart td.actions .button.alt {
		float: left;
	}

	.woocommerce-page table.cart td.actions div,
	.woocommerce-page #content table.cart td.actions div,
	.woocommerce-page table.cart td.actions input,
	.woocommerce-page #content table.cart td.actions input {
		margin-bottom: 10px;
		margin-right: 5px;
		float: left;
	}

	.woocommerce-page .cart-collaterals .cart_totals {
		float: left;
		width: 100%;
		text-align: left;
	}

	.woocommerce-page .cart-collaterals .cart_totals th,
	.woocommerce-page .cart-collaterals .cart_totals td {
		border:0 !important;
	}

	.woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
	.woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
	.woocommerce-page .cart-collaterals .cart_totals table tr.total td {
		padding-left: 6px !important;
	}

	.woocommerce-page table.shop_table tr.cart-subtotal td,
	.woocommerce-page table.shop_table tr.shipping td,
	.woocommerce-page table.shop_table tr.total td,
	.woocommerce-page table.shop_table.order_details tfoot th,
	.woocommerce-page table.shop_table.order_details tfoot td {
		padding-left: 6px !important;
		border:0 !important;
	}

	.woocommerce-page table.shop_table tbody {
		padding-top: 10px;
	}

	.woocommerce .order_details ul,
	.woocommerce-page .order_details ul,
	.woocommerce .order_details,
	.woocommerce-page .order_details {
		padding:0;
	}

	.woocommerce .order_details li,
	.woocommerce-page .order_details li {
		clear: left;
		margin-bottom: 10px;
		border:0;
	}

}