@media (min-width: 768px) and (max-width: 979px) {
.menu ul {
	top:37px;
}
.menu li a{
	font-size:12px;
	padding:8px;
}
}
@media (min-width: 768px){
.menu-block {
    padding: 10px 0;
}
}
@media (max-width: 767px) {
ul.nav.nav-tabs li {
    width: 33%;
}
.gridder-list {
    width: 48.83333%;
}
h3.suptitle, .projekt-block h3.suptitle {
    font-size: 25px;
    text-transform: uppercase;
    position: relative;
}
.main-block-content h1 { 
    font-size: 2em;
}
header.header .row {
    display: block;
}

header.header .container {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

a.mobile_link {
    float: right;
    justify-content: end;
}
.logo {
    text-align: center;
    padding: 10px 0;
}
.menu{
	display:none;
		clear: both;
}
.header-contacts {
    display: none;
}

.mobile-menu {
    display: block;
	width: 50%;
	float: left;
	display: flex;
	align-items: center;
}


nav{
	margin:0;
	background:none;
}

.menu li{
	display:block;
	margin:0;
	text-align: left;
}

.menu li a {
	background:#ffffff;
	color:#797979;
	border-top:1px solid #e0e0e0;
	border-left:3px solid #ffffff;
}

.menu li a:hover, .menu li:hover > a{
	background:#f0f0f0;
	color:#797979;
	border-left:3px solid #9CA3DA;
}

.menu ul {
	display:block;
	position:relative;
	top:0;
	left:0;
	width:100%;
}

.menu ul ul {
	left:0;
}
.content-wrapper {
    flex-direction: column-reverse;
}
.row {
    flex-direction: column;
}
.work .row {
    align-items: center;
    gap: 25px;
}
.form-block form.forma {
    flex-direction: column;
}
.slick-prev {
    left: 40%;
}
.slick-next {
    right: 40%;
}
}

@media (max-width: 991px) {

}


@media (max-width: 320px) {
}


@media (min-width: 600px) {
  .values-inner {
    flex-basis: calc((100% - 10px) / 2);
  }
}

@media (min-width: 900px) {
  .values-inner {
    flex-basis: calc((100% - 20px) / 3);
  }
}

@media (min-width: 1155px) {
  .values-inner {
    flex-basis: calc((100% - 30px) / 4);
  }
}

@media (max-width: 1024px) {
    .benefits > div, .service_list > div {
        flex: 1 1 calc(50% - 20px);
    }
    .service_list{
        flex-wrap: wrap;
    }
   
}

@media (max-width: 768px) {
    .benefits > div, .service_list > div {
        flex: 1 1 100%;
    }
    .service_list{
        flex-wrap: wrap;
    }
   	.contacts-block, .maps-block {
                flex: 1 1 100%;
                margin: 10px 0;
            }
            .social-block div {
                flex-direction: column;
                align-items: flex-start;
            }
            .social-block div img, .social-block div h6, .social-block div p {
                margin: 5px 0;
            }

    .btn-wrapper button, .buy_service {
        font-size: 14px;
        padding: 8px 16px;
    }
}

@media (max-width: 480px) {
    
    .service_list{
        flex-wrap: wrap;
    }
    .benefits > div h1, .service_list h1 {
        font-size: 18px;
    }

    .benefits > div ul li, .service_list ul li {
        font-size: 14px;
    }

    .second_main button, .buy_service {
        font-size: 15px;
        padding: 6px 12px;
    }
}