@media screen and (min-width:724px) and (max-width:1199px) {

    /*_skeleton-*/
    body {
        font-family: 'LatoWebLight';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        box-sizing: border-box;
    }

    * {
        outline: none;
    }

    h1 {
        font-size: 40px;
        text-transform: uppercase;
        text-align: left;
        margin-top: 0;
    }

    h2 {
        font-size: 28px;
        text-transform: uppercase;
        text-align: left;
    }

    section {
        display: block;
        width: 100%;
        height: 100%;
        padding: 96px 0 0 0;
    }

    .clear {
        clear: both;
    }

    /*_header_*/
    header {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 80px;
        background-color: white;
        opacity: 0.9;
        z-index: 3;
    }

    .logonamber {
        position: relative;
        padding: 0 20px 0 100px;
        line-height: 80px;
        text-transform: uppercase;
    }

    #menuclose {
        position: absolute;
        top: 0;
        left: 0;
        float: left;
        font-size: 30px;
        line-height: 80px;
        width: 80px;
        text-align: center;
        border: none;
        background: none;
        cursor: pointer;
        opacity: 1.0;
        z-index: 5;
        transform: rotate(0deg);
        transition: opacity 0.3s ease 0.3s, transform 0.3s ease 0.3s;
    }

    #menuopen {
        position: absolute;
        top: 0;
        left: 0;
        float: left;
        font-size: 30px;
        line-height: 80px;
        width: 80px;
        text-align: center;
        border: none;
        background: none;
        cursor: pointer;
        opacity: 0.0;
        z-index: 4;
        transform: rotate(720deg);
        transition: opacity 0.3s ease 0.3s, transform 0.3s ease 0.3s;
    }

    .logo {
        float: left;
        font-size: 29px;
        line-height: 92px;
        margin-right: 16%;
    }

    .logo > a {
        color: black;
        text-decoration: none;
    }

    .namber {
        float: left;
        padding: 0 20px;
        font-size: 16px;
        text-align: right;
        line-height: 93px;
        background-image: url(../images/icon_phone-call.png);
        background-repeat: no-repeat;
        background-position: center left;
    }

    .namber > a {
        text-decoration: none;
        color: black;
    }

    .namber > a > i {
        display: none;

    }

    nav {
        left: -50%;
        position: fixed;
        box-sizing: border-box;
        z-index: 2;
        top: 0;
        background: white;
        min-width: 50%;
        height: 100%;
        padding: 100px 20px 20px 20px;
        transition: left 0.3s ease 0.15s;

    }

    nav > a {
        display: block;
        padding: 10px;
        color: black;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 20px;
        border-bottom: 1px solid rgb(217, 217, 217);
    }

    nav > a:first-child {
        border-top: 1px solid rgb(217, 217, 217);
    }

    nav > ul {
        color: black;
        list-style-type: none;
        text-decoration: none;
        padding: 0;
        margin: 0;
    }

    nav > ul > li {
        position: relative;
        display: block;
        line-height: 1.85;
    }

    nav > ul > li > a {
        padding: 10px;
        color: black;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 30px;
    }

    .produktm {
        display: none;

    }

    .boxnav {
        font-size: 16px;
        padding: 0 18px;
        line-height: 1.875;
    }

    .boxnav > li {
        list-style-type: none;
    }

    .boxnav > ul {
        padding: 0;
        list-style-type: none;
    }

    .boxnav > ul > li > a {
        color: black;
        list-style-type: none;
        text-decoration: none;
    }

    .boxnav > li > a {
        font-weight: bold;
        color: black;
        list-style-type: none;
        text-decoration: none;
    }

    .content {
        position: relative;
        width: 100%;
        height: 100%;

    }

    /*_footer_*/
    footer {
        display: block;
        width: 100%;
        height: 285px;
        margin-top: 85px;
        background-color: rgb(48, 48, 48);
    }

    .foot {
        margin: 0 auto;
        padding: 5%;
    }

    .footbox {
        float: left;
        width: 30%;
    }

    .footbox > a {
        display: block;
        font-size: 11px;
        line-height: 2;
        color: white;
        text-decoration: none;
    }

    .footbox > p {
        color: white;
        font-size: 15px;
    }

    #logofoot {
        text-transform: uppercase;
        font-size: 21px;
        line-height: 1;
        margin-right: 0;
    }

    #logofoot > a {
        color: white;
        line-height: 2;
    }

    .social {
        text-align: center;
    }

    .social > a {
        display: inline-block;
        color: #303030;
        background: white;
        border-radius: 50%;
        font-size: 14px;
        line-height: 25px;
        width: 24px;
        text-align: center
    }

    #blok2 {
        width: 22%;
        padding: 0 13%;
        padding-right: 0;
    }

    #blok2 > a:hover {
        text-decoration: underline;
    }

    #blok3 {
        line-height: 0;
        width: 26%;
        float: right;
        line-height: 0;
    }

    /*_slider_*/
    .slogan {
        position: absolute;
        width: 100%;
        z-index: 1;
        top: 13%;
        right: 8%;
        text-align: center;
        font-weight: bold;
        font-size: 36px;
        color: white;
    }

    .slicks {
        width: 100%;
        background-image: url(content/main_1.png);
        height: 509px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    /*_produkt_*/
    .produkt {
        width: 92%;
        padding: 4%;
        margin: 0 auto;

    }

    .box {
        max-height: 615px;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        margin-bottom: 3%;

    }

    .box > button {
        position: absolute;
        width: 100%;
        height: 40px;
        bottom: 0;
        border: none;
        text-align: center;
        font-size: 24px;
        text-decoration: none;
        background-color: rgba(251, 248, 248, 0.57);
        cursor: pointer;
    }

    .box > img {
        width: 100%;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        -webkit-transition: all 1s ease-out;
        -webkit-filter: brightness(75%);
    }

    .box > img:hover {
        -webkit-filter: contrast(101%);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
    }

    #leftbox {
        width: 49%;
        float: left;

    }

    #rightbox {
        width: 49%;
        float: right;

    }

    #leftbox1 {
        width: 100%;
        margin-bottom: 2%;
    }

    #minbox1 {
        width: 32%;
        max-height: 317px;
        float: left;
        padding-right: 2%;
    }

    #minbox2 {
        width: 32%;
        max-height: 317px;
        float: left;
        padding-right: 2%;
    }

    #minbox3 {
        width: 32%;
        max-height: 317px;
        float: right;
    }

    /*_ partners_*/
    .partners {
        width: 100%;

    }

    .partner {
        width: 41%;
        margin: 0 auto;
        padding: 8% 20%;
    }

    .partner > h1 {
        text-align: center;
        font-size: 27px;
        text-transform: capitalize;
    }

    .boxpart {
        position: relative;
        width: 111px;
        height: 111px;
        float: left;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .boxpart > p {
        position: absolute;
        width: 100%;
        bottom: -65px;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
    }

    #parus {
        float: left;
        background-image: url(content/parus.png);
    }

    #ekodom {
        float: right;
        background-image: url(content/eco_dim.png);
    }

    /*--------------shtory-----------------*/
    /*.center {
        width: 90%;
        box-sizing: border-box;
        padding: 0 30px;
        margin: 0 auto;
    }*/

    /*_bread_*/
    .breadcrumbs {
        height: 80px;
    }

    .breadcrumbs > ul {
        display: inline-table;
        padding: 0;
        list-style: none outside none;
    }

    .breadcrumbs > ul > li {
        display: inline;
    }

    .breadcrumbs > ul > li > a {
        display: block;
        float: left;
        padding: 0px 2px;
        text-decoration: none;
        color: black;
        font-size: 18px;
        line-height: 4;
    }

    .breadcrumbs > ul > li > a:after {
        content: "/";
    }

    /*_navleft_*/
    .navshtor {
        display: none;
        width: 30%;
        float: left;
    }

    #leftnav {
        float: none;
        font-size: 18px;
    }

    .navshtor > ul {
        color: black;
        list-style-type: none;
        text-decoration: none;
        padding: 0;
        margin: 0;
    }

    .navshtor > ul > li {
        position: relative;
        display: block;
        line-height: 1;
    }

    .navshtor > ul > li > a:hover {
        text-decoration: underline;
    }

    .navshtor > ul > ul > li > a:hover {
        text-decoration: underline;
    }

    /*_shtory_*/
    .mainright {
        width: 100%;
        float: right;
        overflow: hidden;

    }

    .mainright > h1 {
        font-size: 30px;
        text-transform: uppercase;
        text-align: left;
        margin: 0;
    }

    .texter {
        min-height: 200px;
        font-size: 18px;
        font-weight: bold;
    }

    .mainright > h2 {
        font-size: 28px;
        text-transform: uppercase;
        text-align: left;
    }

    .propusk {
        height: 50px;
    }

    #minbox4 {
        margin: 5px;
        width: 23%;
        max-height: 385px;
        float: left;
        padding-left: 1%;
    }

    #minbox5 {
        margin: 5px;
        width: 23%;
        max-height: 385px;
        float: left;
    }

    #minbox6 {
        margin: 5px;
        width: 23%;
        max-height: 385px;
        float: left;
    }

    #minbox7 {
        margin: 5px;
        width: 23%;
        max-height: 385px;
        float: left;
    }

    #buttmin {
        font-size: 17px;
    }

    /*__paginator__*/
    .pagin {
        padding-top: 20px;
        position: relative;
        width: 100%;
        text-align: center;
       /* top: 50px;*/
    }

    .pagination {
        display: inline-block;
    }

    .pagination > a {
        line-height: 25px;
        width: 26px;
        color: black;
        float: left;
        text-decoration: none;
        transition: background-color .3s;
        margin: 0 4px;
    }

    .pagination > p {
        line-height: 25px;
        width: 80px;
        color: black;
        float: left;
        margin: 0 4px;
    }

    #bord {
        border: 1px solid #ddd;
    }

    .pagination > a.active {
        background-color: #6b6969;
        color: white;
        border: 1px solid #6b6969;
    }

    .pagination > a:hover:not(.active) {
        background-color: #ddd;

    }

    /*------------gotshtory-------------*/
    .texter > ol {
        padding-left: 20px;
    }

    .texter > ul {
        padding-left: 20px;
    }

    .texter > ol > li > a {
        text-decoration: none;
        color: black;
    }

    .maintov {
        margin-top: 50px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .kartochka {
        position: relative;
        float: left;
        width: 48%;

        font-size: 18px;
        margin-bottom: 37px;
        font-weight: bold;

    }

    #right {
        float: right;
        border: none;
    }

    .kartfoto {
        overflow: hidden;
        width: 100%;

        align-items: center;
    }

    .shtorfoto {
        background-image: url(content/photo3.png);
        background-repeat: no-repeat;
      /*  background-size: contain;
        height: 660px;
        width: 75%;*/
        margin: 38px;
        margin-bottom: 0;
    }

    /*__star__*/
    .reviewStars-input input:checked ~ label, .reviewStars-input label, .reviewStars-input label:hover, .reviewStars-input label:hover ~ label {
        background-image: url(content/star.png);
        background-repeat: no-repeat;
    }

    .reviewStars-input {
        overflow: hidden;
        *zoom: 1;
        position: relative;
        top: 5px;
        float: left;
    }

    .reviewStars-input input {
        position: absolute;
        top: 0;
        z-index: 0;
        opacity: 0;
        height: 23px;
        width: 20px;

    }

    .reviewStars-input input:checked ~ label {
        background-position: 0 -20px;
        height: 25px;
        width: 20px;
    }

    .reviewStars-input label {
        background-position: 0 0;
        background-size: 20px;
        height: 19px;
        width: 20px;
        float: right;
        cursor: pointer;
        margin-right: 10px;
        position: relative;
        z-index: 1;
    }

    .reviewStars-input label:hover, .reviewStars-input label:hover ~ label {
        background-position: 0 -20px;
    }

    .kartochka > button {
        margin-top: 20px;
        height: 38px;
        width: 160px;
        font-size: 15px;
        color: white;
        text-transform: uppercase;
        background-color: #6b6969;
        border: none;
        cursor: pointer;
    }

    .article {
        margin-bottom: 0;
    }

    .article2 {
        margin: 0;
    }

    .kartochka > button:hover {
        background-color: #555353;
    }

    .article {
        margin-bottom: 0;
    }

    .article2 {
        margin: 0;
    }

    .kartochka > button:hover {
        background-color: #555353;
    }

    /*____1shtora_____*/
    .podrobnozakaz {
        position: relative;
        margin-bottom: 100px;
    }

    .opis {
        position: relative;
        height: 365px;
    }

    .opis > p {
        font-weight: bold;
        font-size: 18px;
    }

    .opis > button {

        height: 45px;
        width: 200px;
        font-size: 15px;
        color: white;
        text-transform: uppercase;
        background-color: #6b6969;
        border: none;
        cursor: pointer;
    }

    .ocenka {

    }

    .ocenka > ul {
        display: inline-table;
        padding: 2px 0;
        margin: 0;
        list-style: none outside none;
    }

    .ocenka > ul > li {
        display: inline;
    }

    .ocenka > ul > li {
        display: inline;
        padding: 0px 2px;
        font-size: 14px;
    }

    .summary {
        margin: 0 5px;
    }

    #ball {

    }

    #people {

    }

    #mainrightmin {
        float: left;
    }

    .properties {

        margin: 15px 0;
        min-height: 215px;

        font-size: 14px;
    }

    .propbox {
        width: 120px;
        float: left;
        text-align: center;
        border-right: solid 1px rgba(0, 0, 0, 0.25);

    }

    .prophead {
        height: 20px;
        line-height: 10px;
        border-bottom: solid 1px rgba(0, 0, 0, 0.25);
    }

    .shtors {

    }

    .shtorvib {
        width: 21%;
        float: left;
        font-size: 15px;
        margin: 12px;
        font-weight: bold;
    }

    .shtorvib > p {
        box-sizing: border-box;
        padding: 0 10px;
    }

    .shtorvib:hover {
        font-weight: bold;
    }

    #shtors1 {

    }

    /*__poslugi2__*/
    .poslugi11 {

    }

    .poslugi11 > h1 {
        font-size: 40px;
        text-transform: uppercase;
        text-align: left;
        margin-top: 0;
    }

    .posluga11 {
        width: 33%;
        float: left;
        font-size: 15px;
        font-weight: bold;
    }

    .posluga11 > p {
        text-align: center;
    }

    #poslbut {
        height: 40%;
    }

    /*__poslugi__*/
    .poslugi {

    }

    .poslugi > h1 {
        font-size: 40px;
        text-transform: uppercase;
        text-align: left;
        margin-top: 0;
    }

    .posluga {
        padding: 1%;
        width: 30%;
        float: left;
        font-size: 15px;
        font-weight: bold;
    }

    .posluga > p {
        text-align: left;
        font-weight: 100;
    }

    .poslugi > form {
        width: 30%;
        padding: 30px;
    }

    .poslugi > form > input {
        margin: 10px;
    }

    .poslugi > form > input:nth-child(1) {
        padding: 15px 30px;
        border: none;
        border-bottom: solid 1px darkgrey;
        background: rgba(255, 0, 0, 0);
        background-image: url(content/icons_name.png);
        background-repeat: no-repeat;
        background-position: center left;

    }

    .poslugi > form > input:nth-child(2) {
        padding: 15px 30px;
        border: none;
        border-bottom: solid 1px darkgrey;
        background: rgba(255, 0, 0, 0);
        background-image: url(../images/icon_phone-call.png);
        background-repeat: no-repeat;
        background-position: center left;
    }

    .poslugi > form > input:nth-child(3) {
        height: 45px;
        width: 200px;
        font-size: 15px;
        color: white;
        text-transform: uppercase;
        background-color: #6b6969;
        border: none;
        cursor: pointer;
    }

    /*___Contact___*/
    .blockcon {
        padding: 10% 0;
    }

    .blockcon > p {
        color: black;
        font-size: 18px;
        font-weight: bold;
        line-height: 0;
    }

    .blockcon > a {
        display: block;
        font-size: 18px;
        font-weight: bold;
        line-height: 2;
        color: black;
        text-decoration: none;
    }

    #contaktnav {
        width: 30%;
    }

    #mainrightcon {
        width: 70%;
        float: left;
        overflow: hidden;
        display: flex;
        align-items: center;
    }

    #contaktnav > h1 {
        font-size: 40px;
        text-transform: uppercase;
        text-align: left;
        margin-top: 0;
    }

    /*----Statti-----*/
    /*.center {*/
        /*margin: 0 auto;*/
    /*}*/

    #stat > p {
        font-size: 13px;
        line-height: 17px;
    }

    #stat > h3 {
        font-size: 19px;
        text-align: center;
    }

    #stat > a {
        text-transform: uppercase;
        font-size: 16px;
        color: rgb(81, 80, 80);
        text-decoration: none;
    }

    #stat > a:hover {
        text-decoration: underline;
    }

    /*-------Stattimailn------*/
  /*  #stattimain {
        width: 82%;
        float: right;
    }*/

    #stattimain > p {
        font-size: 18px;
    }

    #stattimain > ul {
        padding-left: 20px;
    }

    #nonto {
        list-style-type: none;
        border-left: solid 1px rgba(117, 117, 117, 0.41);
    }

    /*-----404----*/
    .error {
        text-align: center;
    }

    .error > h5 {
        font-size: 250px;
        text-align: center;
        font-weight: bold;
        margin: 0;
    }

    .error > h1 {
        text-align: center;
    }

    .error > button {
        height: 45px;
        width: 200px;
        font-size: 15px;
        color: white;
        text-transform: uppercase;
        background-color: #6b6969;
        border: none;
        cursor: pointer;
    }
}