/*---------------------------------
max 1365px
max 1219px
max 1023px
max 979px
max 767px
max 639px
max 479px
max 359px
-----------------------------------*/

/* max 1365px
====================================================================== */
@media all and (max-width: 1365px) {

html {
    font-size: 85% !important;
}

/* index
====================================================================== */
/* ================= slider-index ================= */
.slide-1 {
    background-size: 100% auto;
}

.slide-2 {
    background-size: 100% auto;
}

.slide-3 {
    background-size: 100% auto;
}

.slide-4 {
    background-size: 100% auto;
}

/* ================= portfolio-index ================= */
.portfolio-index .block-inline a .title-pi {
    left: 1.250rem;
    right: 1.250rem;
    width: auto;
}

.portfolio-index .block-inline a .glyphicon {
    display: none;
}

}


/* max 1219px
====================================================================== */
@media all and (max-width: 1219px) {




}


/* max 1023px
====================================================================== */
@media all and (max-width: 1023px) {





}


/* max 979px
====================================================================== */
@media all and (max-width: 979px) {

/* header
====================================================================== */
/* ================= phone-h ================= */
.phone-h .glyphicon {
    display: none;
}

.phone-h a span {
    font-size: 1rem;
}

/* ================= modal-h ================= */
.modal-h {
    padding: 0 1.250rem;
}

/* ================= nav-top ================= */
.nav-top {
    max-width: 39.438rem;
}

.nav-top li + li {
    margin: 0 0 0 .313rem;
}


/* nav-middle
====================================================================== */
.nav-catalog > ul > li > a {
    padding: .938rem;
}

.nav-catalog > ul > li.parent > a {
    padding-right: 1.500rem;
}

.nav-catalog > ul > li.parent > a::after {
    right: .750rem;
}


/* footer
====================================================================== */
/* ================= footer-middle ================= */
/* ======= copyright ======= */
.copyright {
    display: block;
    margin: 0 0 .625rem;
}

/* ======= made ======= */
.made {
    display: block;
    margin: 0;
}


/* index
====================================================================== */
/* ================= portfolio-index ================= */
.portfolio-index .block-inline {
    width: 49.999%;
}




}


/* max 767px (width: 70%;)
====================================================================== */
@media all and (max-width: 767px) {

/* panel-top
====================================================================== */
/* ================= pushy-button ================= */
.pushy-button {
    display: inline-block;
    width: 50%;
    text-align: left;
}

/* ================= right-panel-top ================= */
.right-panel-top {
    width: 50%;
    text-align: right;
}

/* ======= social ======= */
.social {
    margin: .500rem 0 0;
}


/* header
====================================================================== */
/* ================= logo ================= */
.logo a {
    max-width: 9.375rem;
}

/* ================= address-h ================= */
.address-h {
    display: none;
}

/* ================= nav-top ================= */
.nav-top {
    display: none;
}


/* nav-middle
====================================================================== */
.nav-middle {
    display: none;
}


/* title-page-bread-crumbs
====================================================================== */
.title-page-bread-crumbs {
    background-attachment: scroll;
}

.title-page-bread-crumbs .container-center {
    padding: 5rem .938rem 3.750rem;
}

/* ================= title-page ================= */
.title-page {
    margin: 0 0 2.500rem;
}


/* content
====================================================================== */
.middle {
    padding: 0;
}

/* ================= img ================= */
.middle figure {
    width: 80%;
}

/* ================= .middle table ================= */
.middle table thead tr {
    position: absolute;
    top: -9999rem;
    left: -9999rem;
}

.middle table tr {
    border: .063rem solid rgba(168, 168, 168, .3);
    border-bottom: 0;
}

/* .middle table tr + tr {
    margin-top: 1.5em;
} */

.middle table tr,
.middle table td {
    display: block;
}

.middle table td {
    border: none;
    border-bottom: 0.063rem solid rgba(168, 168, 168, .3);
    padding-left: 50%;

    /* background: #ccc; */
}

.middle table td::before {
    content: attr(data-label);
    display: inline-block;
    width: 50%;
    font-weight: 600;
    line-height: 1.5;
}

/* .table */
.middle .table table thead tr {
    position: static;
    top: 0;
    left: 0;
}

.middle .table table tr {
    border: 0;
}

.middle .table table tr {
    display: table-row;
}

.middle .table table td {
    display: table-cell;
}

.middle .table table td {
    padding: .938rem;
}

.middle .table table td::before {
    display: none;
}

/* ================= tabs-content ================= */
.middle .tabs-content {
    margin: 0;
    border-bottom: none;

    /* background: yellow; */
}

.middle .tabs-content li {
    display: block;
    width: 100%;
    margin: 0;
}

.middle .tabs-content li a:hover {
    background: rgba(247, 247, 247, 1);
}

.middle .tabs-content li.current a {
    top: 0;
    background: rgba(247, 247, 247, 1);
}

.middle .tabs-content li.current a::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 58%;
    left: 1.250rem;
 	border: .375rem solid transparent;
    border-top: .375rem solid rgba(45, 168, 60, 1);
    -webkit-transform: translate(0, -58%);
	transform: translate(0, -58%);
}

/* ================= double-content ================= */
.double-content .block-inline {
    display: block;
    width: 100%;
    padding: 0;
}

.double-content .block-inline:last-child {
    padding: 0;
}

/* ================= contacts ================= */
.contacts {
    margin: 0 0 3.750rem;
}

.contacts .block-inline {
    display: block;
    width: 100%;
    padding: 0;
}

.contacts .block-inline:last-child {
    margin: 2.500rem 0 0;
    padding: 0;
}

/* ================= foto ================= */
.item-foto {
    display: block;
    width: 100%;
    padding: 0;
}

.galley {
    width: 80%;
    margin: 0 auto .625rem;
}


/* footer
====================================================================== */
.footer {
    position: static;
	height: auto;
    margin: 0;
}

/* ================= footer-top ================= */
.footer-top {
    background: rgba(247, 247, 247, 1);
}

/* ================= footer-middle ================= */
.accordion-mobile-f {
    position: relative;
    cursor: pointer;
    -webkit-transition: color 0.3s 0.02s ease;
    transition: color 0.3s 0.02s ease;
}

.accordion-mobile-f::after {
    content: "";
    position: absolute;
    top: 48%;
    right: 0;
    width: .375rem;
    height: .375rem;
    margin: 0;
    border-bottom: .188rem solid rgba(255, 255, 255, 1);
    border-right: .188rem solid rgba(255, 255, 255, 1);
    background: none;
    -webkit-transform: rotate(45deg) translate(0, -50%);
    transform: rotate(45deg) translate(0, -50%);
    -webkit-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}

.accordion-mobile-f:hover {
    color: rgba(95, 211, 110, 1);
}

.accordion-mobile-f:hover::after {
    border-bottom-color: rgba(95, 211, 110, 1);
    border-right-color: rgba(95, 211, 110, 1);
}

/* ======= block-fm-1 ======= */
.block-fm-1 {
    display: block;
    width: 100%;
    margin: 0 0 1.250rem;
}

/* ======= block-fm-2 ======= */
.block-fm-2 {
    display: block;
    width: 100%;
    margin: 0 0 1.250rem;
}

/* ======= block-fm-3 ======= */
.block-fm-3 {
    display: block;
    width: 100%;
    margin: 0 0 1.250rem;
}


/* index
====================================================================== */
/* ================= slider-index ================= */
.slick-slider-bg .container-center {
    min-height: 20rem;
}

.slide-content div:first-child {
    font-size: 3.125rem;
}

/* ================= services-index ================= */
.services-index .block-inline {
    width: calc(50% - 1.750rem);
}

.services-index .block-inline:last-child {
    margin-left: 0;
}

/* ================= about-index ================= */
.about-index {
    display: block;
}

.about-index .left-block-100-50 {
    display: block;
    width: 100%;
}

.about-index .content-lb-100-50 {
    float: none;
    max-width: 100%;
    padding: 5rem .938rem;
}

.about-index .right-block-100-50 {
    display: none;
}

/* ================= why-index ================= */
.why-index .block-inline {
    width: calc(50% - 1.250rem);
}

.why-index .block-inline + .block-inline {
    margin: 0;
}

.why-index .block-inline:nth-child(2n) {
    margin: 0 0 0 2.500rem;
}

/* ================= news-index ================= */
.img-ni {
    display: block;
    width: 80%;
    margin: 0 auto 2.500rem;
}

.content-ni {
    display: block;
    width: 100%;
    padding: 0;
}

/* ================= contacts-index ================= */
.contacts-index {
    display: block;
}

.contacts-index .left-block-100-50 {
    display: block;
    width: 100%;
}

.contacts-index .content-lb-100-50 {
    float: none;
    max-width: 100%;
    padding: 5rem .938rem;
}

.middle .contacts-index table thead tr {
    position: static;
    top: 0;
    left: 0;
}

.middle .contacts-index table tr {
    border: 0;
}

.middle .contacts-index table tr {
    display: table-row;
}

.middle .contacts-index table td {
    display: table-cell;
}

.middle .contacts-index table td {
    padding: .938rem;
}

.middle .contacts-index table td::before {
    display: none;
}

.contacts-index .right-block-100-50 {
    display: block;
    width: 100%;
}

}


/* max 639px (width: 80%;)
====================================================================== */
@media all and (max-width: 639px) {

/* content
====================================================================== */
/* ================= img ================= */
.middle figure {
    width: 100%;
}

/* ================= foto ================= */
.galley {
    width: 100%;
}


/* index
====================================================================== */
/* ================= slider-index ================= */
.slide-1 {
    background-size: auto 100%;
}

.slide-2 {
    background-size: auto 100%;
}

.slide-3 {
    background-size: auto 100%;
}

.slide-4 {
    background-size: auto 100%;
}

.slick-slider-bg .container-center {
    min-height: 18.750rem;
}

.slide-content div:first-child {
    font-size: 2.875rem;
}

/* arrows */
.slick-prev {
	left: 0;
}

.slick-next {
	right: 0;
}

/* ================= services-index ================= */
.services-index .block-inline {
    display: block;
    width: 100%;
}

.services-index .block-inline + .block-inline {
    margin-left: 0;
}

.img-si {
    height: 14rem;
}

/* ================= portfolio-index ================= */
.portfolio-index .block-inline {
    width: 99.999%;
}

/* ================= why-index ================= */
.why-index .block-inline {
    display: block;
    width: 100%;
    margin: 0 0 2.500rem;
}

.why-index .block-inline + .block-inline {
    margin: 0 0 2.500rem;
}

.why-index .block-inline:nth-child(2n) {
    margin: 0 0 2.500rem;
}

/* ================= work-index ================= */
.work-index .block-inline {
    display: block;
    width: 100%;
    padding: 0;
}

.work-index .block-inline:last-child {
    padding: 0;
}

/* ================= news-index ================= */
.img-ni {
    width: 100%;
}


}


/* max 479px (width: 90%;)
====================================================================== */
@media all and (max-width: 479px) {

/* header
====================================================================== */
/* ================= logo ================= */
.logo {
    display: block;
    width: 100%;
    text-align: center;
}

.contacts-h-nav-top {
    display: block;
    width: 100%;
    margin: 1.250rem 0 0;
    text-align: center;
}


/* content
====================================================================== */
.middle {
    padding: 0;
}

/* ================= .middle table ================= */
.middle table td::before {
    display: block;
    width: 100%;
    margin-bottom: .625rem;

    /* background: #777; */
}


/* footer
====================================================================== */
/* ================= footer-top ================= */
.footer-top input {
    display: block;
    width: 100%;
    margin: 0 0 .938rem;
}


/* index
====================================================================== */
/* ================= slider-index ================= */
.slide-content div:first-child {
    font-size: 2.500rem;
}

.slide-content div:nth-child(2) {
    font-size: 1.500rem;
}

}


/* max 359px (наследуется с 479px)
====================================================================== */
@media all and (max-width: 359px) {

/* header
====================================================================== */
/* ================= phone-h ================= */
.phone-h {
    display: block;
    margin: 0 0 1.250rem;
    text-align: center;
}

/* ================= modal-h ================= */
.modal-h {
    display: block;
}

/* index
====================================================================== */
/* ================= slider-index ================= */
.slide-content div:first-child {
    font-size: 2.250rem;
}

.slide-content div:nth-child(2) {
    font-size: 1.250rem;
}


.work-index a:hover .text-wi {
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%);
}

}