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


}

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

}

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

body {
	font-size:1rem;
}

}

@media screen and (max-width: 1280px) {
	
header h1 a {
    width: 200px;
    height: 60px;
}
	
ul.navigation li a {
    padding: 15px 15px;
}

}

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


}

@media screen and (max-height: 800px) {
	

}

@media screen and (max-width: 950px)
and (orientation: landscape) {


}


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

.mobile-menu-icon {
    display: block;
    visibility: visible;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translate(0, -50%);
    width: 45px;
    height: 45px;
    cursor: pointer;
    background: url("../images/menu-icon.svg") center center no-repeat;
	background-size:contain;
}
	
.nav-block {
    display: block;
    position: absolute;
    top: 100px;
    width: 100%;
    right: -100%;
	transition:all 0.3s ease-in-out;
	z-index: 20;
}
	
.nav-block.active {
    right: 0;
}
	
ul.navigation {
    flex-direction: column;
}
	
ul.navigation li a {
    padding: 15px 15px;
    background: #000;
    color: #FFF;
}
	
section.black-band {
    width: 90%;
    padding: 5%;
}
	
section.company {
    width: 90%;
    padding: 5%;
    background: #F7F7F7;
}
	
	section.black-band p {
		margin:0;
	}

section.environment-band {
    background: #000;
    width: 90%;
    padding: 5% 5% 140px 5%;
}
	
section.services {
    width: 90%;
    padding: 0px 5%;
}
	
ul.service-boxes.dry-cleaning-boxes li {
    width: 48%;
    margin: 10px 0;
}
	
section.block-text-image {
    flex-direction: column;
}
	
.image-block {
    width: 100%;
    height: 350px;
    font-size: 0;
    position: relative;
}
	
.text-block {
    width: 90%;
    display: block;
    flex-direction: column;
    padding: 5%;
}

}

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



}

@media screen and (max-width: 480px) {
	
header h1 a {
    width: 250px;
    height: 60px;
}
	
.slider-content {
    padding: 5%;
    margin-left: 5%;
    width: 80%;
}
	
ul.offers-boxes li {
    width: 100%;
    margin: 10px 0;
    border-top: 20px solid red;
}
	
section.block-text-image {
    flex-direction: column;
    align-items: normal;
}
	
.text-block {
    width: 90%;
    padding: 5%;
}
	
section.cta {
    width: 90%;
    padding: 5%;
    font-size: 7vw;
}

section.environment-band {
    background: #000;
    width: 90%;
    padding: 5% 5% 150px 5%;
}
	
section.cta h5 {
    margin:0;
}
	
ul.service-boxes li {
    width: 100%;
    margin: 10px 0;
}
	
section.services {
    width: 90%;
    padding: 0 5%;
}
	
ul.company-band {
    display: flex;
    flex-wrap: wrap;
}
	
section.company {
    width: 90%;
    padding: 5%;
}
	
ul.company-services {
    display: flex;
    flex-wrap: wrap;
}
	
ul.company-services li {
    width: 100%;
}
	
ul.company-band li {
    font-size: 2rem;
    width: 100%;
}
	
ul.service-boxes.dry-cleaning-boxes li {
    width: 100%;
    margin: 10px 0;
}
	
.slick-list {
    height: 100%;
}
	
.slick-track {
    height: 100%;
}
	
}