@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;

		overflow: hidden;

	}

	#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;

	}

    .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;

	}

	.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:50px;

		height:28px;

		margin:0 auto;

		border-radius:5px;

		-moz-border-radius:5px;

		-webkit-border-radius:5px;

		margin-top: 68px;
        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){



    #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: 320px) {

	.folio-item:hover .description {

		top: 93px;

		height: 100px;

	}

}



@media only screen and (min-width: 321px) and (max-width: 480px) {

	.folio-item:hover .description {

		top: 140px;

		height: 100px;

			}

}