/** 
* Responsive versions 
* 
* 1. Max-width: 440px
* 2. Max-width: 600px
* 3. Max-width: 768px
* 4. Min-width: 769px
* 5. Min-width: 960px
* 6. Min-width: 1367px
* 6. Min-width: 1920px
* 7. Min-width: 441px and max-width 600px
* 8. Min-width: 601px and max-width 768px
* 9. Min-width: 769px and max-width 1366px
* 10. Min-width: 601px and max-width 1366px
* 11. Min-width: 601px and max-width 960px
* 12. Min-width: 769px and max-width 960px
* 13. Min-width: 961px and max-width 1366px
* 14. Min-width: 1367px and max-width 1920px
* 
*/

/*** 1. Max-width: 440px ***/
@media (max-width: 440px) {
    /* Base */
    /* Sidebars */
    .sidebar_right {
        width: 100%;
    }
    .sidebar_left {
        width: 60px;
    }
    .sidebar__block {
        width: 60px;
    }
    .sidebar_active {
        width: 100%;
    }
    .sidebar__block_active {
        width: 100%;
    }
    .subnav {
        right: 100%;
        left: -100%;
    }
    .subnav__item {
        margin: 0 auto;
    }
    .subnav_active {
        top: 44px;
        left: 60px;
        right: 0;
        width: auto;
        z-index: 106;
    }    

    /* Content */
    .content {
        padding-bottom: 80px;
    }   
    .content-wrapper:not(.content-wrapper_homepage) {
        padding-left: 60px;
    }
    .content:not(.content_homepage) {
        padding-bottom: 200px;
    }
    .content_homepage {
        padding-bottom: 35px;
    }
    h1 {
        font-size: 22px;
    }
    .title {
        margin: 0.7em 0 1em;
    }
    h2 {
        font-size: 18px;
    }
    h3 {
        margin: 0.7em 0 .4em;
        font-size: 16px;
    }
    h4 {
        font-size: 14px;
    }
    /* promo video */
    .promo__controls {
        bottom: 10px;
        right: 20px;
    }
    /* Footer */
    .footer {
        left: 60px;
    }
    .footer__left {
        margin-bottom: 10px;
    }
}
/*** 2. Max-width: 600px ***/
@media (max-width: 600px) {
    .sidebar_right.sidebar_active {
        right: 0; left: 0;
        width: auto;
    }
}
/*** 3. Max-width: 768px ***/
@media (max-width: 768px) {
    /* Sidebars */
    .logo-block {
        display: none;
    }
    /* Promo video */
    .promo {
        left: 0;
    }   
    /* Content */
    .content {  
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    /* Footer */
    .footer {
        -webkit-transition: left .3s ease-in-out;
        -o-transition: left .3s ease-in-out;
        transition: left .3s ease-in-out;
    }
}
/*** 3. Min-width: 600px ***/ 
@media(min-width: 600px) {
    /* Header */
    header {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
    }
    header:after {
        position: absolute;
        bottom: 0;
        left: 20px;
        right: 20px;
        width: auto;
    }
    .header__logo, .header__contact  {
        max-width: 50%;
    }
    .header__contact {
        text-align: right;
    }
    .header__contact-phone, .header__contact-callback {
        margin: auto;
        display: inline-block;
    }
    /* Content */
    .content-wrapper {
        position: relative;
    }
    .breadcrumb {
        font-size: 16px;
    }
    h1 {
        margin-bottom: .9em;
        font-size: 36px;
    }
    h2 {
        margin-bottom: .6em;
        font-size: 30px;
    }
    h3 {
        margin: .7em 0 .2em;
        font-size: 24px;
    }
    h4 {
        margin: .7em 0 .1em;
    }
    .property:after {
        content: "";
        display: table;
        clear: both;
    }
    .property__name {
        margin-right: 2%;
        width: 52%;
        float: left;
        font-weight: 400;
    }
    .property__value {
        width: 40%;
        float: right;
        border: none;
        word-break: break-word;
    }
    .stock__item {  
        left: auto;
        padding: 0;
        width: 100%;
        border: 1px solid #f6f6f6;
        border-radius: 15px;  
        -webkit-transition: box-shadow .2s ease-in-out;
        -o-transition: box-shadow .2s ease-in-out;
        transition: box-shadow .2s ease-in-out;
        -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.18);
        box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.18);
    }
    .stock__item:hover {
        -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.4);
        -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.4);
        box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.4);
    }
    .si__date {
        margin-top: 30px;
        padding: 0 23px;
    }
    .si__title {
        padding: 0 23px;
        font-size: 21px;
    }
    .si__desciption {
        padding: 0 23px;
        font-size: 17px;
    }
    .si__preview-container {
        position: static;
        width: 100%;
        border-radius: 15px 15px 0 0;
    }
    .stock__item_new:before {
        top: -14px; left: -12px;
    }
    .cart__preview, 
    .content table.cart__characteristic {
        position: static;
        margin-left: 0;
        width: 48%;
    }
    .cart__soldout {
      float: right;
      width: 48%;
    }
    @media (min-width: 769px) and (max-width: 900px) {
        .cart__preview, 
        .content table.cart__characteristic {
            width: 100%;
        }
    }
    @media (min-width: 960px) and (max-width: 1230px) {
        .cart__preview, 
        .content table.cart__characteristic {
            width: 100%;
        }
    }

    .cart__preview:after {
        content: "";
        display: table;
        clear: both;
    }
    .cart__characteristic {
        margin-bottom: 20px;
    /*    float: right; fix */
        float: left;
    }
    .cart__characteristic:after {
        content: "";
        display: table;
        clear: both;
    }
    .cart__preview {
        margin-right: 4%;
        float: left;
        padding: 0;
        max-height: 300px;
    /*    height: 300px;*/
    }
    .cart__preview_stock {
        margin-right: 0;
        float: none;
        width: 100%!important; 
        height: auto;
        max-height: none;
    }
    .stock_slider {
        left: auto;
        width: 100%;
    }
    .preorder__title {
        font-size: 30px;
    }
    .preorder__text {
        margin: 0 auto;
        width: 225px;
        font-size: 14px;
    }
    .button_preorder {
        width: 255px; height: 54px;
        padding-left: 50px;
        background-position: 25px 18px;
        font-size: 22px;
    }
    .gift-order {
        float: right;
        width: 48%;
    }
    .go__price {
        margin-top: 0;
    }
    .gift-list:after {
        content: "";
        display: table;
        clear: left;
    }
    .gift-list__item {
        margin-bottom: 40px;
        width: 48%; height: 100px;
        float: left;
    }
    .gift-list__item:nth-child(even) {
        margin-left: 4%
    }
    .contact {
        font-size: 16px;
    }
    .map {
        height: 340px;
    }
    /* Sidebars */   
    .sidebar_right_active {
        left: -320px!important;
    } 
    .content_right-sidebar_active {
        right: 320px!important; left: -320px!important;
    }
}

/*** 4. Min-width: 769px ***/
@media(min-width: 769px) {
    /* Main */
    .content-wrapper_homepage {
        position: fixed;
        top: 0; right: 0; bottom: 0; left: 289px;
        padding-left: 0;
        width: auto; height: 100%;
    }
    .sidebar_left {
        position: relative;
    }
    .page_homepage {
        height: 100%;
    }
    .header {
        padding: 20px 12%;
    }
    .header:after {
        right: 12%;
        left: 12%;
        width: auto;
    }
    /* Sidebars */
    .sidebar {
        width: 290px;
    }
    .sidebar__block, .sidebar {
        overflow: visible;
    } 
    .sidebar_left .sidebar__block {
        width: 290px;
    }
    .logo-block {
        border-bottom: 1px solid #415cc2;
    }
    .nav__item {
        padding-left: 30px;
        padding-right: 40px;
        height: 121px;
        white-space: normal;
        font-size: 16px;
        line-height: 24px;
    }   
    .nav__item:first-child {
        border-top: 1px solid #415cc2;
    }
    .nav__item-i {
        margin-right: 24px;
        width: 62px;
    }
    .menu-toggle {
        display: none;
    }
    /* Promo video */
    .promo {
        height: 100%;
    }
    .promo__video {
        height: 100%;
        max-width: none;
    }
    .promo__controls {
        right: 40px;
        bottom: 100px;
    }
    /* Footer */
    .footer_form-group_is-shown {
        bottom: 0;
    }
    .footer {
        margin: 0 12%;
        height: 70px;
    }
        .footer:after {
            content: "";
            clear: both;
        }
    .footer__right, .footer__left {
        max-width: 50%;
    }
    .footer_homepage {
        position: absolute;
        left: 0;
        margin: 0;
        z-index: 11;
        border-top: 1px solid rgba(255, 255, 255, .35);        
    }
    .footer_homepage .footer__right, .footer_homepage .footer__left {
        color: #fff;
        opacity: .65;
    }
    .footer__left {
        float: left;
    }
    .footer__right {
        float: right;
    }
    /* Content */
    .content {
        padding: 25px 12%;
    }
    .content_homepage {
        visibility: hidden;
    }
    .map {
        left: -16%;
        width: 135%;
    }
}

/*** 5. Min-width: 960px ***/
@media (min-width: 960px) {
    /* Main */
    .header {
        display: none;
    }
    .logo {
        display: block;
        margin-bottom: 14px;
    }
    /* Content */
    .content-wrapper, .content-wrapper:not(.content-wrapper_homepage) {
        padding-left: 0;
    }
    .content {
        padding-top: 50px;
    }
    .content:not(.content_homepage) {
        padding-bottom: 110px;
    }
    h1 {
        font-size: 30px;
    }    
    .title {
        margin: .9em 0;
    }
    h2 {
        margin: .4em 0;
        font-size: 24px;
    }
    h3 {
        margin: 1.1em 0 .4em;
        font-size: 18px;
    }
    /* Sidebars*/
    .sidebar {
        position: relative;
    }
    .sidebar_right {
        padding-top: 115px;
        width: 320px;
    }
    .sidebar_right:not(.sidebar_homepage) {
        right: auto; left: auto;
    }
    .forms-group {
        display: none;
    }
    .sidebar__close {
        display: none;
    }
    .footer_form-group_is-shown {
        bottom: 0;
    }
    .footer {
        height: 80px;
    }    
    .callback {
        top: 270px; right: auto; left: -300px;
    }
    .callback_active {
        left: 48px;
        margin-left: auto;
    }
} 

/*** 6. Min-width: 1366px ***/
@media (min-width: 1366px) {
    /* Main */
    .slider__arrow {
    margin-top: -34px;
    width: 35px; height: 68px;
    }
    .slider__arrow_prev {
        left: -55px;
        background-position: 0px -68px;
    }
    .slider__arrow_next {
    right: -55px;
        background-position: 0 0;
    }
    /* Sidebars */
    .sidebar {
        position: relative;
    }
    .sidebar_right {
        padding: 145px 0 10px;
        width: 400px;
    }
    .sidebar-container_right {
        padding: 0 40px;
    }
    /* Content */
    .content {
        font-size: 20px;
    }
    .content blockquote {
        font-size: 20px;
    }
    h1 {
        font-size: 36px;
    }
    .title {
        margin: .7em 0 1.4em;
    }
    h2 {
        margin: 1em 0 .7em;
        font-size: 30px;
    }
    h3 {
        margin: 1.5em 0 .7em;
        font-size: 24px;
    }
        .catalog {        
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;  
            flex-flow: row wrap;
            justify-content: space-between;
            align-items: flex-start;
        }  
    .catalog__item:hover .ci__button {
        height: 40px;
    }
    .catalog__item:hover {
        position: relative;
        z-index: 1;
        margin-bottom: -25px;  
    }
    .catalog__item_category:hover {
        margin-bottom: 20px;  
    }
    .ci__button, .catalog .ci__button {
    /*    height: 0;*/
        border-bottom: none;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
        
    .ci__form {
        position: relative;
    }
    .ci__button {
        position: relative;
        top: -44px;        
    }
    .catalog__item:hover .ci__button {
        top: 0;
    }
    .catalog__item {
        width: 48%;
        font-size: 13px;
    }
    .ci__form {
        height: 0;
        overflow: hidden;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
        .catalog__item:hover .ci__form {
            height: 45px;
        }  
    .paginator__control {
        display: inline-block;
    }
    .footer:not(.footer_homepage) {
        left: 0;
    }
    .map {
        left: auto;
        width: 100%;
    }
}
@media (min-width: 1490px) {
    .catalog:after {
        content: "";
        flex: auto;
    }
    .catalog__item {
        margin-right: 1.3%;
        width: 32%;
    }
}
/*** 6. Min-width: 1921px ***/
@media (min-width: 1921px) {
    .stock:after {
        content: "";
        display: table;
        clear: left;
    }
    .stock__item {
        float: left;
        width: 48%;
    }
    .stock__item:nth-child(even) {
        margin-left: 4%;
    }
    .stock__item_slider {
        float: left;
        max-width: 47%;
    }
    .stock__item_slider:not(:first-child) {
        margin-left: 40px;
    }
}
/*** 7. Min-width: 441px and max-width 600px ***/
@media (min-width: 441px) and (max-width: 600px) {              
    /* Main */    
    .slick-slide {
    margin-right: 20px;
    }
    .content-wrapper:not(.content-wrapper_homepage) {
        padding-left: 80px;
    }
        .content:not(.content_homepage) {
            padding-bottom: 180px;
        }
    /* Promo video */
    .promo__controls {
        right: 39px;
        bottom: 20px;
    }
    /* Sidebars */
    .sidebar_right {
        width: 100%;
    }
    .menu-toggle {
        height: 80px;
        font-size: 15px;
    }
    .burger {
        padding-top: 31px;
        padding-left: 80px;
        height: 80px;
    }
    .burger label {
        padding: 30px 20px!important;
    }
    .burger .spinner {
        width: 40px;
        height: 4px;
    }
    .burger .horizontal, .burger .diagonal.part-2 {
        margin-top: 6px;
    }
    .burger input[type=checkbox]:checked ~ label .diagonal.part-2 {
        margin-top: -13px;
    }
    .sidebar_left {
        width: 80px;
    }
    .sidebar__block {
        width: 80px;
    }
    .sidebar_active {
        width: 230px;
    }
    .sidebar__block_active {
        width: 230px;
    }
    .subnav_active {
        left: 230px;
    }
    .nav__item {
        padding-left: 20px;
        padding-right: 40px;
        height: 80px;
        white-space: normal;
        font-size: 15px;
        line-height: 24px;
    }
    .nav__item-i {
        margin-right: 20px;
        width: 40px;
    }
    /* Content */
    .content-wrapper {
        left: 0;
        padding-left: 80px;
    }    
    .content_active-menu {
        left: 150px;
    }
    .content {
        padding-bottom: 80px;
    }
    /* Footer */
    .footer {
        left: 80px;
    }   
        .footer:after {
            content: "";
            clear: both;
        }
    .footer__right, .footer__left {
        max-width: 50%;
    }
    .footer__left {
        float: left;
    }
    .footer__right {
        float: right;
        text-align: right;
    }
    /* Other */
    .promo_active-menu {
        left: 150px!important;
    }
    .forms-group {
        left: 80px;
    }
    .forms-group_left_active {
        left: 230px;
        right: -230px;
    }
    .callback {
        top: 265px;
    }
    .callback_active {
        left: 50%;
        margin-left: -97px;
    }
}

/*** 8. Min-width: 601px and max-width 768px ***/
@media (min-width: 601px) and (max-width: 768px) {
    /* Main */    
    .content-wrapper, .content-wrapper:not(.content-wrapper_homepage) {
        padding-left: 120px;
    }
    .content:not(.content_homepage) {
        padding-bottom: 180px;
    }
    /* Promo video */
    .promo__controls {
        right: 39px;
        bottom: 20px;
    }
    /* Sidebars */
    .menu-toggle {
        height: 85px;
        font-size: 16px;
    }
    .burger {
        padding-top: 35px;
        padding-left: 120px;
        height: 85px;
    }
    .burger label {
        top: -18px;
        padding: 51px 40px!important;
    }
    .burger .spinner {
        width: 40px;
        height: 4px;
    }
    .burger .horizontal, .burger .diagonal.part-2 {
        margin-top: 6px;
    }
    .burger input[type=checkbox]:checked ~ label .diagonal.part-2 {
        margin-top: -13px;
    }
    .sidebar_left {
        width: 120px;
    }
    .sidebar__block {
        width: 120px;
    }
    .sidebar_active {
        width: 290px;
    }
    .sidebar__block_active {
        width: 290px;
    }
    .nav__item {
        padding-left: 29px;
        padding-right: 40px;
        height: 121px;
        white-space: normal;
        font-size: 16px;
        line-height: 24px;
    }
    .nav__item:not(.nav__item_active):hover {
        background-color: #2c46b0;
    }
    .nav__item-i {
        margin-right: 29px;
        width: 62px;
    }
    /*
    .sidebar__close {
        top: 300px;
    }
    */
    .sidebar_right {
    /*    padding-top: 340px;*/
        padding-top: 30px;
    }
    /* Footer */
    .footer {
        left: 120px;
    }   
    .footer:after {
        content: "";
        clear: both;
    }
    .footer__right, .footer__left {
        max-width: 50%;
    }
    .footer__left {
        float: left;
    }
    .footer__right {
        float: right;
        text-align: right;
    }
    /* Other */
    .promo_active-menu {
        left: 170px!important;
    }
    .forms-group {
        left: 120px;
    }
    .forms-group_left_active {
        left: 230px;
        right: -230px;
    }
}
/* 10. Min-width: 601px and max-width 1366px */
@media (min-width: 601px) and (max-width: 960px) {
    /* Sidebars */
    .sidebar_right {
        right: -320px; left: auto;
        width: 0;
    }
    .sidebar_right.sidebar_active {
        right: 0;
        width: 320px;
    }
    /* Other */    
    .callback {
        top: 130px;
        left: auto; right: -300px;
    }
    .callback_active {
        right: 20px; left: auto;
        margin-left: -135px;
    }
}
/* 10. Min-width: 601px and max-width 1366px */
@media (min-width: 601px) and (max-width: 1365px) { /* fix */
    .content_active-menu {
        left: 170px;
    }
}
/* 12. Min-width: 769px and max-width 960px */
@media (min-width: 769px) and (max-width: 960px) {
    .content-wrapper:not(.content-wrapper_homepage) {
        padding-bottom: 100px; padding-left: 0;
    }
    .footer_form-group_is-shown:not(.footer_homepage) {
        bottom: 75px;
    }
    .content:not(.content_homepage) {
        padding-bottom: 95px;
    }
    /* Other */   
    .forms-group {
        left: 290px;
    }
    .sidebar-wrapper {
        padding-left: 120px;
    }
    .sidebar__block .logo-block__callback {
        display: none;
    }
    /*
    .sidebar__close {
        top: 285px;
    }
    */
    .sidebar_right {
        padding-top: 30px;
    /*    padding-top: 327px;*/
    }
}