@media screen and (max-device-width: 1024px) {
		.navigation-items {
		    margin: 10px 0 15px;
		    padding: 0;
		}
		.navigation-items a {
	    font-size: 16px;
	}
	.contact-block-item {
	    -webkit-flex-direction: column;
	    flex-direction: column;
	    margin: 0;
	}
	.contact-block-item > div {
	    margin: 0 0 10px;
	    text-align: center;
	}

	.button-left-sitebar {
	    width: 90%;
	    font-size: 12px;
	    padding: 10px 0px;
	}
.background-advantage {
    height: auto;
    background-position: -5px 0;
}
.advantage-icon-item.hexagon {
    margin: 0 0 150px;
}
.slick-slide a {
    display: block;
    max-width: 200px;
    max-height: 300px;
    width: 100%;
    height: 100%;
}
.certificate .slick-slide img {
    max-height: 300px;
    max-width: 200px;
    width: 100%;
    height: 100%;
}
.left-sitebar {
    width: 20%;
}
.main-icon-items {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.main-logo {
    position: initial;
    margin: 25px auto 0;
    width: 45%;
}
.inner .title {
    text-align: center;
    padding: 10px 0 0;
}
.about {
    z-index: 999;
    position: relative;
}
section.news {
    height: auto;
    padding: 0 0 50px;
}
.news-title-box {
    height: auto;
    margin: 0 auto 30px;
}

  .main-icon-items a {
    margin: 40px auto 70px;
    display: block;
    width: 170px;
    text-align: center;
}
.main-icon-items {
    padding: 50px 0 0;
    height: auto;
}
	.main-icon-items .main-icon-item {
	    width: 149px;
	    margin: 10px auto 65px;
	}
	section.main.main-background {
        min-height: 680px;
}
.footer{height: auto;}
.contact-row-footer{height: auto;}
.navigation-items ul li:before{display: none!important;}
}
@media screen and (max-device-width: 850px) {
	section.main.main-background {
	        min-height: 880px;
}
.service-icon-item{width: 280px;}
.portfolio-item-info {
    margin: 0 0 5px;
}
.breadcrumbs {
    display: none;
}

}
@media screen and (max-device-width: 768px) {
.inner {
    width: 100%;
}
.menuBtn {
    display: block;
}

.mobContacts {
    max-width: 75%;
    padding: 10px 20px;
    display: flex;
    margin: 0 0 0 70px;
    float: right;
}
.news-title{color: #000;}
.mobContacts .phone {
    width: 245px;
    padding: 7px 0;
}

.mobContacts .button-left-sitebar {
    width: 190px;
    margin: 0 0;
}
.news-cart-item {
    max-width: 150px;
    overflow: hidden;
    margin: 5px auto 30px;
    height: 200px;
}
.left-sitebar {
    position: fixed;
    left: -130px;
    top: 0;
    display: none;
    height: 100%;
    padding: 40px 0 0;
}
.logo {
    max-width: 90px;
    margin: 0 auto;
    height: 60px;
    display: block;
    position: initial;
}
.logo a{position: relative;}
.navigation-items li {
    margin: 0;
    padding: 0;
}
.navigation-items a {
    font-size: 18px;
    padding: 7px 0;
    display: block;
}
.
.sitebar-icon {
    display: none;
}
footer{overflow: hidden;}
.main-icon-items a {
    padding: 0 5px;
}
.main-icon-items {
    height: auto;
}
section.main.main-background {
    min-height: 980px;
}
.main.main-background .title {
    width: 60%;
    margin: 0 auto;
}
.left-sitebar {
    width: 190px;
}
.footer {
    height: auto;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.footer-right {
    float: none;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.footer-left {
    width: 60%;
    float: none;
    margin: 0 auto 20px;
}
.footer-right {
    float: none;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto;
}
.footer-right>div {
    margin: 0 auto 20px;
    text-align: center;
    width: 225px;
}
.sitebar-text {
    font-size: 15px !important;
}
.main-logo {
    margin: 0 auto 0;
}
.info-company-img {
    display: none;
}
.info-company-whitebox1 {
    width: 100%;
    float: none;
}
.whitebox-content {
    width: 85%;
    margin: 0 auto;
}
.ramka1 {
    display: none;
}
.ramka2:before{display: none;}
.portfolio-items-container {
    width: 100%;
    margin: 0;
    padding: 5px;
}

.portfolio-items-container a {
    -webkit-flex-direction: column;
    flex-direction: column !important;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    display: flex;
}
.portfolio-items-container a img {
    width: 80%;
    margin: 0 auto;
    height: auto;
}
.portfolio-item__details {
    width: 70%;
    margin: 15px auto;
}
.flex-container {
    -webkit-flex-direction: column;
    flex-direction: column !important;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#carousel-project {
    width: 100%;
}
.project-title {
    text-align: center;
}
.info-panel {
    margin: 0 auto;
}
.project-content {
    margin: 0 auto;
}
.info-panel span {
    display: flex;
    flex-direction: row;
    width: 20%;
    -webkit-flex-direction: column;
    flex-direction: column !important;
}
.logo-client {
    width: 82%;
    margin: 0 auto;
}
.text-clients {
    width: 100%;
    margin: 0 auto;
}
.clients-infoblock{
	 -webkit-flex-direction: column;
    flex-direction: column !important;
}
.otzyv-box {
    -webkit-flex-direction: column;
    flex-direction: column !important;
}
.reviews-item {
    width: 100%;
    margin: 30px auto;
    flex-direction: column !important;
}
.reviews-item-left {
    margin: 0 auto;
}
.reviews-item-right {
    width: 80%;
    margin: 25px auto;
}
.reviews-item-text {
    position: relative;
}
.reviews-item-text:before {
    top: 0px;
}
.map-box-items {
    flex-direction: column !important;
    width: 90%;
    margin: 0 auto;
}
.callback-block {
    height: 770px;
    padding: 20px 0 0;
}
.contactForm .item-form {
    margin: 17px auto;
    position: initial;
    padding: 10px;
}
.contactForm .form-title {
    font-size: 21px;
}
.contactForm .nf-form-content nf-fields-wrap {
    -webkit-flex-direction: column;
    flex-direction: column !important;
    width: 100%;
}
.contactForm nf-field {
    width: 90%;
    margin: 0 auto;
}
.contactForm nf-field:last-child div {
    float: none;
}
.contactForm nf-field:last-child input {
    width: 90%;
    margin: 0 auto;
}
.contact-footer-item {
    width: 100%;
}
.sitebar-text {
    width: 100%;
}
.footer-icon {
    padding: 5px 10px;
}
.certificate-slider {
    height: auto;
    padding: 10px 5px;
    margin: 0 auto;
}
.certificate-title {
    font-size: 21px;
    height: auto;
    padding: 20px 0 15px;
}
.certificate {
    height: auto;
    margin: 0px 0 0;
    padding: 0 0 30px;
}
.client-back .slick-slide img {
    height: auto;
    width: 75%;
}

.navigation-items li:hover .sub-menu{display: none;}
.addMenuBtn {
    background: url(/wp-content/themes/comffort/images/menunext.png);
    width: 55px;
    height: 20px;
    position: absolute;
    right: 0;
    background-size: 20px;
    top: 8px;
    background-repeat: no-repeat;
    background-position: 14px 0;
}



}