@media(max-width: 1400px){
	.filter-select-dropdown li,
	.filter-select input[type=text]{
		padding-left: 15px;
	}
	.map-filter {
	    padding: 88px 50px;
	}
}
@media(max-width: 1300px){
	.owl-carousel .owl-controls .owl-nav .owl-prev{
    	left: 10px;
	}
	.owl-carousel .owl-controls .owl-nav .owl-next{
    	right: 10px;
	}
}
@media(max-width: 1200px){
	.main-corporate-page .slide-item .wrapper {
	    padding: 0 60px;
	}
	.clients-list li{
		width: 25%;
	}
	.half-box-about.img-right .about-text-box{
		padding-right: 30px;
	}
	.half-box-about.img-left .about-text-box{
		padding-left: 30px;
	}
	.half-box-about{
		padding: 100px 0;
	}
	.tea-title-box{
		padding-left: 30px;
	}
	.half-box:nth-child(odd) .half-desc-c,
	.service-item:nth-child(odd) .service-text-box{
		padding-left: 50px;
	}
	.half-box:nth-child(even) .half-desc-c,
	.service-item:nth-child(even) .service-text-box{
		padding-right: 50px;
	}
	.third-desc {
	    right: 0;
	}
	.third-desc.th-top {
	    right: 0;
	}
	.c-desc-box{
		padding-left: 0;
	}
	.service-item {
	    padding: 60px 0 36px;
	}
	.half-box-container{
		padding-left: 40px;
	}
	.cofe-desc-text{
		padding-right: 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.map-filter{
		width: 40%;
	}
	#map{
		width: 60%;
	}
	.video-container video{
		width: 150% !important;
	}

}
@media(min-width: 1024px){
	nav#main-nav{
		display: block !important;
	}
	.mobile-nav-opened-bg{
		display: none !important;
	}
}
@media(max-width: 1023px){
	.main-corporate-page .slide-item{
		padding: 90px 0;
	}
	.corporate-navigation ul li a:after{
		display: none;
	}
	.mobile-nav-opened-bg{
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-color: var(--dark);
		opacity: .5;
		z-index: 9997;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity .2s ease;
		-o-transition: opacity .2s ease;
		transition: opacity .2s ease;
	}
	.mobile-nav-opened-bg.active{
		opacity: .5;
		visibility: visible;
	}
	.flex_item{
		padding: 0 5%;
	}
	.right_ar{
		right: 5%;
	    font-size: 90px !important;
	}
	.left_ar {
	    left: 5%;
	    font-size: 90px !important;
	}
	.main-title h1 {
	    font-size: 40px;
	}
	.info-pages{
		display: none;
	}
	.tools-block{
		width: 100%;
		justify-content: space-between;
	}
	.search-box{
		position: unset;
	}
	.header-search {
	    position: absolute;
	    top: 100%;
	    right: 0px;
	    opacity: 0;
	    width: 0;
	    overflow: hidden;
	    -webkit-transform: translateY(0%);
	    -moz-transform: translateY(0%);
	    -ms-transform: translateY(0%);
	    -o-transform: translateY(0%);
	    transform: translateY(0%);
	    -webkit-transition: width .3s ease;
	    -o-transition: width .3s ease;
	    transition: width .3s ease;
	    z-index: 10;
	}
	.header-search.active{
		width: 100%;
	}
	.map-container{
		height: auto;
		max-height: inherit;
	}
	.map-filter {
	    padding: 30px;
	    width: 100%;
	}
	#map{
		width: 100%;
		height: 400px;
	}
	.cofe-desc-container{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.cofe-desc-text{
		width: 100%;
		padding-right: 0;
	}
	.cofe-ilustration{
		width: 100%;
		margin: 0 auto;
		max-width: 500px;
		margin-top: 50px;
	}
	.ctegory-list ul{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.ctegory-list ul li{
		white-space: nowrap;
		margin: 5px;
	}
	.machine-item{
		min-width: 290px;
	}
	.half-bg-img .half-bg{
		right: 0;
		bottom: calc(100% - 300px)
	}
	.half-box-container {
	    width: 100%;
	    left: 0;
	    padding-left: 0px;
	}
	.half-bg-img{
		padding-top: calc(300px + 30px);
	}
	.details-container{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.details-container .details{
		width: 100%;
	}
	.machine-photo{
		width: 100%;
		padding-left: 0;
		margin-top: 50px;
		text-align: center;
	}
	.table-wrap {
	    overflow: scroll;
	    margin-bottom: 50px;
	}
	.table-wrap::-webkit-scrollbar{
		width: 5px;
		height: 5px;
	}
	.table-wrap::-webkit-scrollbar-track{
		background-color: 	
	}
	.table-wrap::-webkit-scrollbar-thumb{
		background-color: var(--gold);
	}
	.table-wrap table{
		min-width: 800px;
		margin-bottom: 0;
	}
	.machine-desc h1 br{
		display: none;
	}
	.machine-photo img{
		max-width: 400px;
	}
	.coffe-variants{
		padding-bottom: 0;
	}
	.coffe-variants .half-box,
	.coffe-details .half-box{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.coffe-variants .half-item,
	.coffe-details .half-item{
		width: 100%;
	}
	.coffe-details .half-box:nth-child(odd){
		-webkit-flex-direction: column-reverse;
		-moz-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		-o-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.half-box:nth-child(even) .half-desc-c, 
	.service-item:nth-child(even) .service-text-box,
	.half-box:nth-child(odd) .half-desc-c, 
	.service-item:nth-child(odd) .service-text-box{
		padding-top: 0;
		margin-bottom: 0px;
	}

	.coffe-details .half-box:nth-child(1) .half-desc-c,
	.coffe-details .half-box:nth-child(2) .half-desc-c{
		margin-bottom: 140px;
	}
	.coffe-details{
		padding: 0;
	}
	.cofe-box-desc{
		max-width: 500px;
		margin: 0 auto;
		margin-bottom: 100px;
	}
	.half-item img{
		padding-right: 0;
	}
	.half-box:nth-child(odd) .half-desc-c, 
	.service-item:nth-child(odd) .service-text-box{
		padding-left: 0;
	}
	.coffe-details .half-box{
		margin-bottom: 0;
	}
	.service-item:nth-child(even) .service-img,
	.service-item:nth-child(odd) .service-img {
	    left: 0;
	    top: 0;
	    bottom: auto;
	    right: auto;
	    width: 100%;
	    height: 400px;
	}
	.service-item:nth-child(odd) .service-text-box {
	    left: 0%;
	    width: 100%;
	    padding-top: 400px;
	    padding-left: 0px;
	}
	.service-item:nth-child(even) .service-text-box{
	    left: 0%;
	    width: 100%;
	    padding-top: 400px;
	    padding-left: 0px;
	}
	.tea-main .flex-justify{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.tea-img-box{
		width: 100%;
		margin-bottom: 30px;
		display: none;
	}
	.tea-img-box img{
		max-width: 300px;
		height: auto;
		margin: 0 auto;
	}
	.tea-title-box{
		width: 100%;
		padding-left: 0;
	}
	.tea-main{
    	padding: 50px 0 60px;
	}
	.coffe-var-item{
		width: 100%;
	}
	.blog-posts {
	    padding: 60px 0px;
	}
	.page-img{
		display: none;
	}
	.page-desc{
		padding-right: 0;
	}
	.post-img{
		height: 250px;
	}
	.page-desc h1{
		font-size: 24px;
	}
	.content-wrapper,
	.post-main-screen .wrapper {
	    padding: 60px 15px 36px;
	}
	.blog-page-content .full-page-container{
	    padding: 60px 15px 36px;
	}
	.blog-page-content .full-page-container.quote{
		padding: 60px 0;
	}
	.blog-page-content .full-page-container.quote .content-wrapper{
		padding: 0 15px;
	}
	.post-info .wrapper{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.post-info-left{
		margin-bottom: 15px;
	}
	.post-info-right, .post-info-left{
		width: 100%;
	}
	.blog-post-list .post-item, .more-post-list .post-item{
		width: 100%;
	}
	.blog-posts .blog-post-list .post-item{
		width: 50%;
	}
	.blog-posts .post-img{
		height: 250px;
	}
	.blog-page-content .full-page-container .wrapper{
		padding: 0;
	}
	.more-posts {
	    padding: 60px 0;
	}
	.quote .content-wrapper{
		font-size: 18px;
	}
	.post-info-right a{
		width: 24px;
		height: 24px;
	}
	.full-page-container h2 {
	    font-size: 24px;
	    margin-bottom: 30px;
	}
	.corporate .header-bottom-container{
		padding: 10px 0;
	}
	nav#main-nav{
		/* display: none; */
		position: fixed;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		max-width: 300px;
		height: 100vh;
		background-color: var(--dark);
		z-index: 9998;
		padding-top: 100px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
		-webkit-transform: translateX(100%);
		   -moz-transform: translateX(100%);
		    -ms-transform: translateX(100%);
		     -o-transform: translateX(100%);
		        transform: translateX(100%);
	}
	nav#main-nav.opened{
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		    -ms-transform: translateX(0);
		     -o-transform: translateX(0);
		        transform: translateX(0);
	}
	nav#main-nav ul{
		display: block;
		text-align: center;
		padding: 20px 0;
	}
	nav#main-nav ul li{
		margin-left: 0;
	}
	nav#main-nav ul li a{
		display: inline-block;
		padding: 5px 10px;
		color: var(--gold);
	}
	nav#main-nav ul li a:before{
		display: none;
	}
	#hamburger{
		position: relative;
		display: block;
		width: 25px;
		height: 20px;
		right: 15px;
		cursor: pointer;
		z-index: 9999;
	}
	#hamburger span{
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: var(--gold);
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		     -o-transform: translateY(-50%);
		        transform: translateY(-50%);
		-webkit-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
	}
	#hamburger.active span{
		background-color: transparent;
	}
	#hamburger span:before,
	#hamburger span:after{
		content: '';
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: var(--gold);
		-webkit-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
	}
	#hamburger span:before{
		top: -6px;
	}
	#hamburger span:after{
		top: 6px;
	}
	#hamburger.active span:before{
		top: 0px;
		-webkit-transform: rotate(45deg);
		   -moz-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		     -o-transform: rotate(45deg);
		        transform: rotate(45deg);
	}
	#hamburger.active span:after{
		top: 0px;
		-webkit-transform: rotate(-45deg);
		   -moz-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		     -o-transform: rotate(-45deg);
		        transform: rotate(-45deg);
	}
	#footer-nav{
		width: 100%;
		order: 2;
	}
	.subscribe-container{
		width: 100%;
		margin-bottom: 50px;
		max-width: 300px;
		order:1;
		text-align: center;
	}
	.footer-logo svg{
		margin: 0 auto;
	}
	.footer-social{
		order: 3;
	}
	.copy{
		order: 4;
	}
	footer .wrapper{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	footer{
		padding-top: 50px;
	}
	.half-box-about {
	    padding: 50px 0;
	}
	.clients-list li{
		width: 33.3333%;
	}
	.cofe-box-desc{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: flex-start;
		align-items: flex-start;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.first-desc {
	    position: relative;
	    top: auto;
	    left: auto;
	    padding: 0 15px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    width: 50%;
	}
	.first-desc:before,
	.first-desc:after{
		display: none;
	}
	.first-desc br{
		display: none;
	}
	.second-desc {
	    position: relative;
	    bottom: auto;
	    right: auto;
	    padding: 0 15px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    width: 50%;
	}
	.third-desc:before,
	.third-desc:after,
	.second-desc:before,
	.second-desc:after{
		display: none;
	}
	.second-desc br,
	.third-desc br{
		display: none;
	}
	.half-box:nth-child(even) .second-desc {
	    position: relative;
	    bottom: auto;
	    right: auto;
	}
	.third-desc {
	    position: relative;
	    top: auto;
	    right: auto;
	    width: 100%	;
	}
	.cofe-box-desc{
		margin-left: 0;
		margin-bottom: 0;
	}
	.cofe-box-desc img{
		margin-left: 0 !important;
	}
	.coffe-details .half-box:nth-child(1) .half-desc-c, .coffe-details .half-box:nth-child(2) .half-desc-c{
		margin-bottom: 40px;
	}
	.service-desc{
		margin-bottom: 0;
	}
	.coffe-variants {
	    padding: 50px 0;
	}
	.coffe-var-item{
		margin-bottom: 50px;
	}
	.third-desc.th-top{
		top: auto;
		right: auto;
		width: auto;
	}
	.where-by{
		padding: 100px 0;
	}
	.service-item{
		padding: 50px 0;
	}
	.page-title-box h1 br{
		display: none;
	}
	.map-desc-btn{
		top: 30px;
	}
	.office-title{
		line-height: 1.2;
	}
	.m-d-w{
		padding: 60px 30px;
	}
	.quote .mdi-format-quote-open,
	.quote .mdi-format-quote-close{
		display: none;
	}
	.service-text-box .btn-arrow{
		margin-top: 30px;
	}
	.variant-item{
		min-width: 290px;
	}
	.more-news-list{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.more-news-list .news-item{
		width: 100%;
	}
	.video_bg iframe{
		display: none !important;
	}
}
@media(max-width: 767px){
	.paralax-bg {
	    position: absolute;
	    top: -80%;
	    left: 0;
	    height: 180%;
	    width: 100%;
	    background-size: cover;
	    background-position: top center;
	    background-repeat: no-repeat;
	}
	.search-results-container li{
		width: 100%;
	}
	.main-corporate-page .slide-item .wrapper {
	    padding: 0 35px;
	}
	.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next {
	    font-size: 60px;
	}
	.special h2 {
	    font-size: 36px;
	}
	.half-box{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.tea-variants{
		padding-top: 30px;
	}
	.tea-desc-container .wrapper .half-box:nth-child(even){
		-webkit-flex-direction: column-reverse;
		-moz-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		-o-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.variant-item{
		margin-bottom: 30px;
	}
	.tea-variants h2{
		font-size: 24px;
	}
	.half-item{
		width: 100%;
	}
	.tea-half-desc{
		margin-top: 30px;
	}
	.news-list-item .wrapper{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.news-desc-item,
	.news-img-box{
		width: 100%;
	}
	.news-desc-item{
		padding-left: 0;
		margin-top: 30px;
	}
	.bredcrumbs {
	    margin-top: 30px;
	}
	.map-filter{
		padding: 30px 15px;
	}
	.page-title-box h1{
		font-size: 24px;
	}
	.maps-box{
		padding: 60px 0;
	}
	.map-item-container{
		height: 400px;
	}
	.map-item{
		width: 100%;
	}
	.machines-title-box h1{
		font-size: 24px;
		margin-bottom: 20px;
	}
	.half-bg-img h2 {
	    font-size: 24px;
	    margin-bottom: 20px;
	}
	.ctegory-list ul li{
		width: 100%;
		text-align: center;
	}
	.machine-desc h1{
		font-size: 24px;
		margin-bottom: 30px;
	}
	.cofe-desc-container{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.cofe-ilustration,
	.cofe-desc-text{
		width: 100%;
	}
	.cofe-ilustration{
		margin-top: 30px;
	}
	.coffe-var-item{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.btns-box a{
		margin: 10px 0;
	}
	.c-desc-box, .c-img-box{
		width: 100%;
		padding: 0;
	}
	.c-desc-box:after,
	.c-desc-box:before{
		display: none;
	}
	.half-box.img-right .half-desc-c{
		padding-right: 0;
	}
	.c-desc-box .coffe-desc-title {
	    margin-bottom: 20px;
	    margin-top: 30px;
	}
	.second-desc,
	.first-desc{
		width: 100%;
		margin-top: 30px;
		padding: 0;
	}
	.blog-posts .blog-post-list .post-item{
		width: 100%;
	}
	.post-img{
		height: 150px;
	}
	.blog-posts .blog-post-list .post-item .post-img{
		height: 150px;
	}
	.cat-list ul li{
		width: 100%;
		text-align: center;
		padding: 5px 0
	}
	.cat-list ul li a{
		width: 200px;
	}
	.pagination ul li a{
		width: 30px;
		height: 30px;
	}
	.main-about-text .column-text{
		column-count: 1;
	}
	.clients h2,
	.why-isla h2,
	.ubout_fabrick h2,
	.isla-thin h2,
	.main-about-text h1{
		font-size: 24px;
	}
	.half-box-about.img-right .about-text-box{
		width: 100%;
		padding-right: 0;
		padding-bottom: 26px;
	}
	.half-box-about.img-left .half-about-img,
	.half-box-about.img-right .half-about-img {
	    position: relative;
	    top: auto;
	    right: auto;
	    bottom: auto;
	    left: auto;
	    height: 200px;
	    margin-bottom: 50px;
	}
	.half-box-about{
		padding: 0;
	}
	.half-box-about.img-left .about-text-box{
		width: 100%;
		padding-left: 0;
		padding-bottom: 26px;
		left: 0;
	}
	.clients-list li{
		width: 100%;
		max-width: 290px;
	}
	#footer-nav{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#footer-nav ul{
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	.footer-social{
		margin-top: 20px;
	}
	.half-desc-c h3{
		margin-top: 0;
	}
	.half-item h2{
		margin-bottom: 10px;
	}
	.tea-title-box h2 {
	    text-transform: uppercase;
	    font-size: 24px;
	    line-height: 1.5;
	    margin-bottom: 41px;
	}
	.tea-title-box h1 {
	    font-size: 36px;
	    line-height: 1.3;
	    color: var(--gold);
	    text-transform: uppercase;
	}
	.coffe-variants h2,
	.half-item h2,
	.where-by h2{
		font-size: 24px;
	}
	.service-name {
	    font-size: 24px;
	}
	.third-desc{
		margin-bottom: 30px;
	}
	.coffe-var-container{
		padding-top: 30px;
	}
	.coffe-variants{
		padding-bottom: 0;
	}
	.coffe-details .half-box:nth-child(1) .half-desc-c, .coffe-details .half-box:nth-child(2) .half-desc-c,
	.half-box:nth-child(even) .half-desc-c, .service-item:nth-child(even) .service-text-box,
	.service-item:nth-child(even) .service-text-box{
		padding-right: 0;
	}
	.flex_container{
		padding: 50px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.flex_item{
		width: 100%;
		height: 30%;
	}
	.flex_item:nth-child(3),
	.flex_item:nth-child(4){
		height: 20%;
	}
	.logo{
		width: 110px;
		height: 110px;
		padding: 10px;
	}
	.flex_item_wrap h2 {
	    font-size: 32px;
	    margin-bottom: 15px;
	}
	.flex_item_wrap a {
	    font-size: 16px;
	    margin-bottom: 5px;
	}
}
@media(max-width: 450px){
	.video-container video{
		width: 200% !important;
	}
	.special {
	    padding: 100px 0;
	}
	.main-title h1{
	    font-size: 18px;
	}
	.special .slider-btn,
	.btn-gold.main{padding:15px 20px;}
	.special h2 {
	    font-size: 24px;
	}
	a img.alignright {
	    float: none;
	}

	a img.alignleft {
	    float: none;
	}
	.alignright {
	    float: none;
	}

	.alignleft {
	    float: none;
	}

}
@media(max-width: 400px){
	.pagination ul li a{
		width: 25px;
		height: 25px;
		font-size: 12px;
	}
}
@media(max-width: 350px){
	.main-corporate-page .slide-item {
	    padding: 70px 0;
	}
	.btn-gold.main{
		font-size: 13px;
	}
}