@media only screen and (min-width: 2000px) {

	body.home .swiper-container{
		height:1000px;
	}

	.feature.swiper-slide:nth-child(odd)  {
		margin-top:50px !important;
		width:280px !important;
	}

	.feature.swiper-slide:nth-child(4n)  {
	margin-top:-70px !important;
	width:420px !important;
	}



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

.feature.swiper-slide:nth-child(odd)  {
	margin-top:50px !important;
	width:220px !important;
}

.feature.swiper-slide:nth-child(4n)  {
margin-top:-70px !important;
width:350px !important;
}
}

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

    body.home .swiper-container #overlay{
	    margin-left:5%;
    }

.feature.swiper-slide:nth-child(odd)  {
	margin-top:50px !important;
	width:180px !important;
}

.feature.swiper-slide:nth-child(4n)  {
margin-top:-70px !important;
width:320px !important;
}


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

   body.home .card {
    	flex: 0 0 28%;
    }
}
@media only screen and (max-width: 1300px) {

}

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

	ul#top-menu li{
		margin-left:30px;
	}
	.menu-main-container{
		margin-right:10px;
	}

	#logowrap{
	}

	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    margin-top: 0px;
}


}

@media only screen and (max-width: 1100px) {
	.site-logo{
		    width: 140px;
		    height: 19px;
		    background: url(images/logo.svg) no-repeat;
		    background-size: 140px 19px;
		    display: inline-block;
	}

	ul#top-menu li {
    margin-left: 25px;
}
#logowrap {

    padding-right: 20px;
}
#toggle {
    margin-left: 20px;
    }
}


@media only screen and (max-width: 1024px) {
	#front-2021 .wrapper .col {
		padding: 0 5vw;
	}
}



/* ------------------------------- MOBILE MODE ------------------------------------ */
@media only screen and (max-width: 1000px) {
	.category #product-thumbnails .product-tab h6{
		padding:0;
	}
	#logowrap {
		border-right: none;
	}

	#toggle{

		top: 15px;
	}
	#page {
		top: 0px;
	}
	#front-2021 #page{
		top:0;
	}

	#front-2021 #banner p{
		padding:0 20px;
		font-size: 14px;
		line-height: 25px;
	}
	#front-2021 #banner h3{
		padding:0 30px;
	}

	#front-2021 .text h1{
		font-size:30px;
		line-height:40px;
		letter-spacing: -1px;
	}

	#front-2021 #logowrap {
		border-right: none;
	}
	#front-2021 .wrapper .image{
		max-width:90%;
	}

	.page-template-0_locations .split{
		flex-wrap: wrap;
	}
	.tinv-wishlist table.tinvwl-table-manage-list tbody td, .tinv-wishlist table.tinvwl-table-manage-lists tbody td, .tinv-wishlist table.tinvwl-table-manage-lists.tinvwl-public tbody td {
    display: block;
    width: 100%!important;
    text-align: center;
}
.tinv-wishlist table.tinvwl-table-manage-list tbody td{
	margin:0 auto;
}
.tinv-wishlist .variation{
	min-height: 70px;
}
	.page-template-0_locations  #wpsl-base-gmap_0{
		margin-bottom:50px;
	}

	.page-template-0_locations hr{
		margin:10px 0px;
	}
	.page-template-0_locations .split .col-50{
		flex:0 0 100%;
		margin: 20px 0px;
	}
	.page-template-0_catalogues #catalogue-container h6{
		margin-top:0px;
	}
	.page-template-0_catalogues #catalogue-container a{
		flex:0 0 100%;
	}
	.text-content #content{
		column-count:1;
		-webkit-column-count: 1;
		-moz-column-count: 1;
	}
	#sidenav {
    	padding: 0 5% 0 0;
    }
	.single-post #article
	{
		padding-right:50px;
	}
	#myselected-fabric {
    width: 20%;
    }
    #fabric_name {
    font-size: 9px;
    }
	#footer{
		margin-top:80px;
	}
	.single-collection  .product-tab img{
		width:auto;
		height:60px;
		margin-right:20px;
	}
	.single-collection  .product-tab{
		padding:20px;
	}


	body.home .swiper-container, .page-template-0_projects .swiper-container{
		height:600px;
	}
	body.home .card .card-img{
		height:150px;
	}
	h1{
		font-size: 42px;
		line-height: 52px;
	}

	h2{
		font-size: 32px;
		line-height: 42px;
	}
	h3, #articles .entry-title{
		font-size: 22px;
		line-height: 32px;
	}
	h4{
		font-size: 15px;
		line-height: 22px;
	}
	h4.subhead{
		font-size:12px;
		line-height:17px;
	}
	.product-template-default #related h6{

		font-size:10px;
		line-height:17px;
	}
	p {
    	font-size: 13px;
		line-height: 25px;
		margin-bottom:20px;
    }
    #site-navigation{
		width: 100%;
	}
	#mobile-btn{
	    display: inline-block;
	    float:right;
		margin-top: 25px;
		margin-right: 20px;
    }

    #mobile-menu.mm-menu_opened{
	    display: block !important;
    }
	.mm-menu_navbar_bottom-1 .mm-panels{
		background:#fff;
	}
	.mm-navbars_bottom{
		border:none !important;
	}
	.mm-listitem .mm-btn_next:not(.mm-btn_fullwidth){
		width:100% !important;
	}
	.mm-panel_has-navbar .mm-navbar{
		border: none !important;
		background:#fff !important;
	}
	form.search{
		margin:20px 20px 50px 20px;
	}

	form.search input[type="search"]{
		padding:3px 0px;
		width:calc(100% - 20px);
	}


	.mm-panels>.mm-panel>.mm-listview{
		margin:0px !important;
	}
	.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title:last-child{
		padding-top:12px !important;
	}
    .menu-main-container, #site-navigation #top .woocommerce-product-search{
	    display: none;
    }

	#page{
		position:relative;

	}

	.home #page{
		top:0;
	}
    #site-navigation{
	    padding:0px 10px;
		box-sizing: border-box;
    }

	#logowrap{
		border-right: none;
		padding: 25px 25px 25px 15px;
	}
	.archive.tax-product_cat.woocommerce ul.products li.product .woocommerce-loop-product__title,
	.archive.search-results.woocommerce ul.products li.product .woocommerce-loop-product__title{
		font-size:12px;
		line-height:18px;
	}
	#site-navigation #top form{
		display: none;
	}
	#site-navigation .login-btn{

		margin-top: 30px;
		margin-right: 60px;
	}
}



@media only screen and (max-width: 800px) {
	.category #product-thumbnails .product-tab{

		flex: 0 1 50%;
	}
	.wpsl-search{
		position:relative;
		margin:10px 0px;
		-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0);
	}
	.page-template-0_our_company .split{
		flex-wrap: wrap;
	}
	.page-template-0_our_company .split .col-50{
		flex:0 0 100%;
		min-height: 400px;
	}

	.single-collection  .product-tab h6{
		font-size:12px;
		line-height:16px;
	}
	#collection-thumbnails .thumbnail .name{
		font-size: 10px;
    line-height: 17px;
	}
	.button, .button2{
		margin-top:10px;
		font-size:10px;
	}
	#footer #links .col {
	    flex: 0 0 30%;
	    margin-bottom:5%;
	    text-align: center;
	}
	.button{
		    padding: 8px 20px;
	}



	body.home .cards{
		flex-wrap: wrap;
	}
	body.home .card {
	    flex: 0 0 40%;
		margin-bottom:10%;
	}
	h1{
		font-size: 32px;
		line-height: 42px;
	}

	h2, #sidebar #recent-posts-2 h2.widget-title{
		font-size: 22px;
		line-height: 32px;
	}
	#articles .entry-title{
		font-size:18px;
		line-height:24px;
	}
	.button2{
		background-size:25px 25px;
		padding: 6px 0px 13px 30px;
	}
	.mydate .day {
    font-size: 30px;
    line-height: 30px;
    }
	.section{
		padding:50px 0px;
	}
	.vertical-line {
		height:80px;
		}
	.single-collection  .product-tab {
    padding: 10px;
	}

	#wpsl-search-input{
		box-sizing: border-box;
	}

	#product-thumbnails .thumbnail .name{
		font-size:11px;
		line-height:17px;
	}

	#sidebar, #articles, .single-post #article{
		width:100%;
		padding:0px;
		float:none;
	}

	#sidebar{
		border:none;
	}

	#contact-form{
		flex-wrap: wrap;
	}
	#contact-form .col-30, #contact-form .col-70{
		flex:0 0 100%;
		border:none;
		padding:0px;
	}

	#contact-form .button2{
		margin-right:20px;
	}
	.page-template-0_locations .flex{
		font-size:11px;
		line-height:17px;
	}
	.page-template-0_store_locator #wpsl-result-list #wpsl-stores ul li{
		flex:0 0 33%;
	}
}

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


#front-2021 #banner .text{
	max-width:550px;
}

#front-2021 .wrapper .col{
	flex: 0 1 100%;
}

#front-2021 .flex.section{
	text-align: center;
}

#front-2021 .text h1 {
	font-size: 23px;
	margin-top: 2px;
	line-height: 32px;
	letter-spacing: 0px;
}

#front-2021 .text{
	max-width: 650px;
	margin:0 auto;
}
	body.home .overlap-left .text {
    max-width: 50%;
    float: left;
    margin-left: -10%;
    margin-top: -3%;
}
	.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 70%;
    margin:0 auto;
}
.woocommerce div.product div.images img{
	float:none;
}
	.woocommerce div.product .product_title, .seperator, .woocommerce div.product form.cart{
		text-align: center;
	}
	#picker_pa_fabric{
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	#picker_pa_fabric .myswatch{
		width:22px;
		margin:0 4px;
	}
	.swatch-control{
		margin:20px auto;
		width:100%;
		padding:0px;
		max-width: none;
		height:auto;
	}
	#myselected-fabric{
		float:none;
		margin:0 auto;
	}

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

	.single-collection .product-tab img {

		margin-right: 10px;
	}

	#front-2021 .wrapper .col.centered{
		padding:50px 0px;
	}
	#front-2021 h4 {
		font-size: 15px;
		line-height: 22px;
		padding: 0 20px;
	}
#front-2021 #banner{
	background-position: 30% bottom !important;
}
#front-2021 .button2 {
	margin-top: 0px;
	padding: 0 0 22px 0;
	text-align: center;
	width: 200px;
	display: block;
	margin: 30px auto;
	font-size: 12px;
	background: url(images/button2.png)bottom center no-repeat;
	background-size:22px 22px;
	margin: 0px auto 30px auto;
}
.carousel-cell{
	margin-right:10px;
}
.flickity-prev-next-button{
	width:20px !important;
	height:20px !important;
}
#carousel{
	margin-top:10px;
}
#front-2021 .text{
	max-width:350px;
	margin:0 auto;
}
#front-2021 #banner .text {
	margin-top: -30vh;
}

	.wishlist_item {
    width: 60%;
    margin: 10px 20%;
}
	.tinv-wishlist .variation{
		min-height:inherit;
	}
	.page-template-0_media-php #items > div > div{
		width:100%;
	}
	.text-content{
		flex-wrap: wrap;
	}
	#sidenav a{
		display:inline-block;
		margin-right:10px;
	}
	#sidenav, .text-content #content{
		flex:0 0 100%;
	}
	#container{
		padding:2%;
	}
	body.home .swiper-container , .page-template-0_projects .swiper-container{
		height:500px;
	}

	h1, .single-post #article h1.entry-title{
	    font-size: 20px;
	    line-height: 28px;
	}

	.single-product h6 {
	font-size: 12px;
	line-height: 16px;
}
	#collection-thumbnails .thumbnail{
		flex:0 0 47%;
		height:30vw;
	}
	h2, #sidebar #recent-posts-2 h2.widget-title{
		font-size: 16px;
		line-height: 22px;
	}
	#sidebar #recent-posts-2 ul li {
		font-size:14px;
		line-height: 21px;

	}#sidebar #recent-posts-2 ul li a{
		margin-bottom:10px;
		display: block;
	}
	p {
		font-size: 13px;
		line-height: 22px;
	}
	.button2{
		font-size:9px;
	}

	.page-template-0_collections .thumbnail {
    	height:120px;
    }
	body.home .swiper-container #overlay p{
		display: none;
	}
	body.home .swiper-container, .page-template-0_projects .swiper-container{
		height:400px;
	}

	#footer #links .col {
    flex: 0 0 50%;
    }

    #product-thumbnails .thumbnail{
	    width:43%;

    }

    #events-list .event, #advertisement-list .advertisement{
	flex: 0 1 45%;
	}

}

@media only screen and (max-width: 500px) {
	#choice #cont{
		width:100%;
	}

	#circle {
    width: 250px;
    height: 250px;
   }

}
@media only screen and (max-width: 480px) {
body.home .swiper-container #overlay{
	display: none;
}
	.feature.swiper-slide:nth-child(odd)  {
		margin-top:20px !important;
		width:110px !important;
	}

	.feature.swiper-slide:nth-child(4n)  {
	margin-top:40px !important;
	width:80px !important;
	}


	.site-logo{
	width:120px;
	height:16px;
	background:url(images/logo.svg) no-repeat;
	background-size:120px 16px;
}

body.home .overlap-right .text{
	margin-right:-30%;
	max-width:60%;
	margin-top:50%;
}

body.home .overlap-left .text{
	margin-top:45%;
}

	.single-collection  .product-tab{
		width: 95%;
    float: none;
	margin: 1% auto;
	}
body.home .card {
	    flex: 0 0 70%;
	}
	.page-template-0_store_locator #wpsl-result-list #wpsl-stores ul li{
		flex:0 0 50%;
	}

	.mydate{
		padding:5px;
		margin-right:10px;
	}
	.mydate .day {
    font-size: 20px;
    line-height: 20px;
}
.mydate .month-year {
    font-size: 8px;
    line-height: 8px;
    }
    .single-post #article .full-post{
	    width:auto;
	    float:none;
    }
	.single-post #article img.size-twentyseventeen-featured-image {
    margin-bottom: 10px;
}
	.single-post #article, #sidebar{
		width:90%;
		margin:0 auto;
	}
	.wishlist_item {
    width: 80%;
    margin: 10px 10%;
}
	#site-navigation{
		padding:0px;
	}
	#logowrap{
		padding:15px 0px 10px 20px;
	}

	#toggle{
		margin-left:20px;

	}

	#toggle #res, #toggle #con, #toggle #ter{
		font-size:7px;
		line-height: 12px;
	}

	#mobile-btn{
		margin-top: 14px;
	    margin-right: 20px;

		position: relative;
		z-index: 33333;
	}
	#toggle {
		top: 8px;
	}
	.site-logo{
		    position: relative;
    top: 0px;
	}
	#site-navigation .login-btn {
		margin-top: 19px;
	}
 #events-list .event, #advertisement-list .advertisement{
	flex: 0 1 90%;
	}

}



@media only screen and (max-height: 800px) {
	#front-2021 #banner .text{
		margin-top:-30vh;
	}
}


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

	#site-navigation .login-btn {
		font-size: 8px;
		margin-right:30px;
	}
	#mobile-btn {
		margin-right: 10px;
		font-size: 8px;
	}
	#toggle {
		margin-left: 0px;
	}
	.site-logo {
		width: 110px;
		height: 12px;
		background: url(images/logo.svg) no-repeat;
		background-size: contain;
	}
}