@media (max-width: 1400px){
    .accept-order-photo {
        max-height: 460px;
        right: 0;
    }
}

@media (max-width: 1229px) {
    .container{
        width: 970px;
    }
    .photos-heeader{
        display:none;
    }
    .header-box .btn {
        margin-left: 0;
    }
    .header-info p {
        font-size: 14px;
    }
    .header-info h6 {
        font-size: 11px;
    }
    .header-social {
        margin: 0;
    }
    .header-menu-wrap {
        padding: 12px 15px;
    }
    .header-menu-list li a {
        font-size: 13px;
    }
    .header-right-photo{
        display:none;
    }
    .benefit-block {
        width: calc(50% - 10px);
    }
    .benefit-wrap {
        justify-content: space-around;
    }
    .banner-left-flower{
        display:none;
    }
    .assortment-box {
        padding: 20px 15px;
        margin-bottom: 40px;
    }
    .assortment-block {
        width: calc(20% - 16px);
        padding: 17px 15px 0px;
    }
    .assortment-block span {
        min-height: 50px;
        font-size: 14px;
    }
    .about-roller-block {
        width: calc(33.333% - 10px);
    }
    .about-roller-content h4 {
        font-size: 30px;
    }
    .about-roller-content p {
        font-size: 15px;
    }
    .diamonds{
        background-image:none;
    }
    .diamonds {
        padding: 100px 0;
    }
    .ready-wrap{
        align-items:center;
    }
    .ready-photo img {
        max-width: 100%;
        max-height: 100%;
        position: initial;
    }
    .ready-wrap {
        margin-bottom: 55px;
    }
    .steps-wrap {
        margin-bottom: 40px;
    }
    .step-block {
        width: calc(50% - 10px);
    }
    .sales-caption {
        font-size: 28px;
        margin-bottom: 10px;
    }
    .sales-content p {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .sales-clients-box {
        right: 80px;
    }
    .orange-btn {
        padding: 16px 22px;
    }
    .deliver-content h3 {
        font-size: 30px;
    }
    .awards {
        padding: 120px 0;
    }
    .blog-content {
        padding: 15px 15px 20px;
    }
    .blog-content h4 {
        font-size: 26px;
    }
    .blog-content p {
        font-size: 13px;
        margin-bottom: 15px;
    }
    .order-info {
        width: calc(55% - 5px);
        flex-direction: column;
    }
    .social-list.row {
        flex-direction: row;
    }
    .faq-info-video {
        width: 50%;
    }
    .faq-info-content p {
        line-height: 140%;
        font-size: 13px;
    }
    .waves-photo {
        width: 500px;
    }
    .faq-title {
        padding: 5px 15px;
    }
    .faq-info-block {
        padding: 5px 15px 15px;
    }
    .faq-btn {
        width: 20px;
        height: 20px;
    }
    .faq-btn:before, .faq-btn:after{
        width:11px;
    }
    .faq-box {
        width: calc(100% - 30px);
    }
    .faq-left {
        width: 30px;
    }
    .faq-title {
        font-size: 14px;
    }
    .girls-form-photo {
        max-height: 290px;
    }
    .form-box {
        margin: 80px 0 60px;
    }
    .footer-links{
        width:calc(50% - 10px);
    }
    .catalog-container .sales-block {
        margin-bottom: 25px;
        width: calc(33.333% - 10px);
    }
    .catalog-container {
        width: calc(100% - 205px);
    }
    .catalog-container .border-btn {
        padding: 12px;
        font-size: 13px;
    }

    .product-content{
        padding-bottom: 0;
    }

    .accept-order-photo {
        max-height: 350px;
    }
    .popular-questions-wrap {
        margin-bottom: 100px;
    }
    .canculator-wrap {
        justify-content: center;
    }
    .title-product-box {
        width: 235px;
        height: 60px;
        left: -50px;
        top: -67px;
        padding: 15px 12px;
    }
    .title-product-box a {
        font-size: 12px;
        letter-spacing: 0;
    }
    .canculator-box-btns{
        padding-right:0;
    }
}
@media (max-width: 1100px) {
    .order:after, .order:before {
        display: none;
    }
}
@media (max-width: 991px) {
    .container{
        max-width: 950px;
        width: 100%;
    }
    .header-box {
        justify-content: space-around;
        flex-wrap: wrap;
        gap: 20px;
    }
    .header-menu {
        width: 100%;
        display:flex;
        flex-direction: column;
        padding: 20px 10px;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 55px;
        left: 0;
        z-index: 10;
        border-radius:5px;
        background: #efefef;
        transform: translateX(-120%);
        transition: 0.3s
    }
    .header-menu.active {
        transform: translateX(0);
    }
    .header-menu-list{
        display:block;
    }
    .menu_mob {
        display: block;
    }
    .banner h1 {
        font-size: 40px;
        margin-bottom: 15px;
    }
    .benefit-block {
        min-height: 100px;
        padding: 15px;
    }
    .benefit-content h4 {
        font-size: 16px;
    }
    .benefit-content p {
        font-size: 13px;
    }
    .title{
        font-size:40px;
    }
    .about-roller-wrap{
        justify-content:space-around;
        gap:30px;
    }
    .about-roller-block {
        width: calc(50% - 15px);
    }
    .diamonds {
        padding: 70px 0;
    }
    .caption {
        font-size: 25px;
        margin-bottom: 30px;
    }
    .assortment-wrap{
        justify-content:space-around;
        gap:15px;
    }
    .assortment-block {
        width: calc(33.333% - 10px);
    }
    .step-content h4 {
        font-size: 16px;
    }
    .step-content p {
        font-size: 13px;
    }
    .step-number {
        top: -7px;
        right: 12px;
        font-size: 100px;
    }
    .step-block {
        width: calc(50% - 8px);
        padding: 15px 17px;
    }
    .step-content {
        width: calc(100% - 60px);
    }
    .ready-content h3 {
        font-size: 24px;
    }
    .ready-info {
        gap: 20px;
        flex-direction: column;
    }
    .sales-block {
        width: calc(50% - 15px);
    }
    .sales-wrap{
        justify-content:space-around;
        margin-bottom:30px;
    }
    .sales {
        padding: 40px 0 50px;
    }
    .sales-slider {
        background-image:none;
        padding: 60px 0 0;
    }
    .deliver-block {
        width: calc(50% - 15px);
    }
    .deliver-content{
        width:100%;
    }
    .deliver {
        background:#ffffff;
        padding: 60px 0;
    }
    .awards {
        padding: 100px 0;
    }
    .swiper-awards {
        padding: 0 0 50px;
    }
    .award-block p {
        font-size: 14px;
    }
    .blog-block {
        width: calc(50% - 15px);
    }
    .blog-wrap{
        justify-content:space-around;
    }
    .waves-photo {
        display:none;
    }
    .faq-photo{
        display:none;
    }
    .faq-content {
        width: 100%;
        margin-bottom: 20px;
    }
    .faq-wrap {
        width: 100%;
    }
    .footer-bg {
        padding: 60px 0 50px;
        background: #32173A;
    }
    .girls-form-photo {
        max-height: 170px;
    }
    .footer-social {
        width: 150px;
    }
    .footer-sodical-box {
        display:none;
    }
    .catalog-container .sales-block {
        width: calc(50% - 10px);
    }
    .accept-order-photo {
        display:none;
    }
    .popular-questions-wrap {
        margin-bottom: 80px;
    }
    .video-btn {
        width: 33px;
        height: 38px;
        background-size:cover;
        top: calc(50% - 16px);
        left: calc(50% - 19px);
    }
    .popular-questions-sub {
        font-size: 13px;
        margin-bottom: 15px;
    }
    .popular-questions-list li span {
        width: 40px;
        font-size: 28px;
    }
    .popular-questions-list li p {
        width: calc(100% - 45px);
        font-size: 14px;
        line-height: 140%;
    }
    .popular-questions-list li:not(:last-child) {
        margin-bottom: 12px;
    }
    .popular-questions-content, .popular-questions-video {
        width: calc(50% - 10px);
    }
    .popular-questions-block:not(:last-child) {
        margin-bottom: 40px;
    }
    .canculator-box {
        padding: 20px 15px;
    }
    .canculator-right {
        gap: 12px;
    }
    .canculator-order p {
        font-size: 18px;
    }
    .canculator-price{
        width:210px;
        text-align:center;
    }
    .canculator-price-title {
        font-size: 21px;
        margin-bottom: 12px;
    }
    .canculator-price .border-btn {
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .container{
        width: 100%;
    }
    .header-logo{
        width:80px;
    }
    .header-info p {
        font-size: 13px;
    }
    .header-box {
        gap: 10px;
    }
    .header-social{
        gap:6px;
    }
    .header-social li {
        width: 24px;
    }
    .header-contacts {
        padding-left: 50px;
        background-size: 40px;
    }
    .header-contacts a {
        font-size: 13px;
    }
    .header-contacts p {
        margin-bottom: 0px;
    }
    .header-menu-list li a {
        font-size: 15px;
    }
    .header-menu-list > li:not(:last-child){
        margin-bottom:7px;
    }
    .header-sub-menu {
        min-width: 100%;
        background-color: #efefef;
        position: initial;
        padding: 5px 15px;
    }
    .close-sub-menu{
        display:none;
    }
    .gift-box {
        width: 100%;
        margin-bottom: 20px;
    }
    .banner-btns {
        gap: 10px;
        margin-bottom: 20px;
    }
    .banner h1 {
        font-size: 18px;
    }
    .banner h1 br{
        display:none;
    }
    .text-info {
        font-size: 12px;
    }
    .text-info:before {
        width: 8px;
        height: 8px;
        top: 3px;
    }
    .banner-info-box p {
        font-size: 14px;
        margin-left: 10px;
    }
    .banner-info-icon{
        width:25px;
    }
    .banner-info{
        justify-content:space-around;
        gap:10px;
    }
    .banner-info-box {
        padding: 7px 12px;
        border-width: 1px;
    }
    .benefit-block {
        width: 100%;
        min-height: 90px;
    }
    .benefit-photo {
        right: 0;
    }
    .benefit-gift{
        padding-bottom:60px;
    }
    .title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .banner {
        padding: 25px 0 45px;
    }
    .benefit {
        padding-top: 20px;
    }
    .about-roller-block {
        width: 100%;
    }
    .about-roller-content{
        text-align:center;
    }
    .about-roller-content h4 {
        font-size: 26px;
    }
    .about-roller-content p {
        font-size: 14px;
    }
    .diamonds {
        padding: 50px 0;
    }
    .caption {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .assortment-block {
        width: 100%;
    }
    .assortment-block span {
        min-height: 0;
        text-align:center;
        margin-bottom:12px;
    }
    .orange-btn {
        padding: 10px 15px;
        font-size: 13px;
    }
    .orange-btn.big {
        padding: 12px 15px;
    }
    .ready-content, .ready-photo {
        width: 100%;
    }
    .step-block {
        width: 100%;
    }
    .steps {
        padding: 50px 0;
    }
    .border-btn {
        padding: 10px 15px;
        font-size: 13px;
    }
    .sales-block {
        width: 100%;
    }
    .sales {
        background: #32173A;
    }
    .sales-clients-photo img{
        width:340px;
    }
    .sales-client-title {
        font-size: 23px;
        margin-bottom: 0px;
    }
    .sales-client-title span.active:before {
        top: 4px;
    }
    .sales-client-title span.active:after {
        font-size: 39px;
        top: -38px;
        left: -6px;
        transform: rotate(-13deg);
    }
    .sales-clients-box {
        width: 170px;
        position: absolute;
        top:330px;
        right: calc(50% - 87px);
        padding:30px 15px 15px;
        border-radius:15px;
    }
    .sales-clients-box h4 {
        font-size:14px;
    }
    .purple-btn{
        padding:12px 26px;
    }
    .sales-clients-block {
        padding-bottom: 100px;
    }
    .deliver-block {
        width: 100%;
    }
    .video-box{
        text-align:center;
    }
    .deliver-content p {
        font-size: 14px;
        line-height: 140%;
        margin: 8px 0 15px;
    }
    .deliver-video p {
        font-size: 14px;
        margin-top: 15px;
    }
    .awards {
        padding: 60px 0;
        background:#32173A;
    }
    .award-block {
        opacity: 1;
        transform: scale(1);
    }
    .order-content {
        width: 100%;
        margin-bottom:25px;
    }
    .order-info{
        width:100%;
    }
    .faq-info-content {
        width: 100%;
        margin-bottom:10px;
    }
    .faq-info-video {
        width: 100%;
    }
    .form-box {
        margin: 60px 0 40px;
    }
    .form-box {
        border-width:1px;
        border-radius: 10px;
        padding: 20px 15px;
    }
    .benefits-list {
        gap: 12px;
        margin-bottom: 25px;
    }
    .girls-form-photo{
        display:none;
    }
    .input{
        width:100%;
    }
    .form {
        justify-content:center;
    }
    .checkbox br{
        display:none;
    }
    .footer-info {
        width: 100%;
        position:relative;
    }
    .footer-box {
        gap: 10px;
        position:relative;
    }
    .footer-sodical-box {
        height: 75px;
    }
    .footer-links li a {
        font-size: 13px;
    }
    .footer-links li:not(:last-child) {
        margin-bottom: 7px;
    }
    .footer-logo {
        margin-bottom: 12px;
    }
    .footer-bottom{
        justify-content:center;
        gap:7px;
        flex-wrap:wrap;
        padding-top:20px;
        margin-top:40px;
    }
    .swiper-catalog {
        margin: 20px 0 30px;
    }
    .arrow-slider {
        background-size: cover;
        top: calc(50% - 16px);
    }
    .swiper-catalog .arrow-slider{
        margin:7px;
    }
    .swiper-pagination .swiper-pagination-bullet{
        width:10px;
        height:10px;
    }
    .catalog-container .sales-block {
        width: 100%;
    }
    .catalog-filter {
        width: 100%;
        display:flex;
        gap:10px;
        flex-wrap:wrap;
        margin-bottom:30px;
    }
    .catalog-filter-title {
        font-size: 17px;
        margin-bottom: 10px;
    }
    .catalog-filter-block {
        width: 140px;
    }
    .catalog-filter-block:not(:last-child) {
        margin-bottom: 0;
    }
    .catalog-filter-checkboxes{
        max-height:120px;
        padding-right:5px;
    }
    .checkbox-label {
        padding: 8px;
        height: 32px;
    }
    .checkbox-label span {
        background-size: 14px 14px;
        font-size: 13px;
    }
    .catalog-container{
        width:100%;
    }
    .btn-purple {
        padding: 12px 17px;
    }
    .accept-order .caption br{
        display:none;
    }
    .popular-questions-wrap {
        margin-bottom: 60px;
    }
    .popular-questions-block{
        gap:20px;
    }
    .popular-questions-content, .popular-questions-video {
        width: 100%;
    }
    .popular-questions-block:nth-child(even) {
        flex-direction: row;
    }
    .m-b-30{
        margin-bottom:15px;
    }
    .canculator-right .canculator-title-product {
        min-height: 35px;
    }
    .canculator-title-product {
        font-size: 13px;
        letter-spacing: 0;
        margin-bottom: 10px;
    }
    .canculator-product-long {
        width: 140px;
    }
    .input-white {
        height: 40px;
        font-size: 12px;
        letter-spacing: 0;
        padding-left: 8px;
    }
    .canculator-right{
        justify-content:center;
    }
    .canculator-block {
        width: 115px;
    }
    .count-box {
        height: 40px;
        padding: 15px;
    }
    .select {
        height: 38px;
        background-position-x: calc(100% - 8px);
        font-size: 12px;
        letter-spacing: 0;
        background-size:8px;
        padding: 0 8px;
    }
    .add-btn {
        padding: 12px;
        font-size: 13px;
        letter-spacing: 0;
    }
    .add-btn span {
        font-size: 24px;
    }
    .add-btn.plus {
        padding-left: 30px;
    }
    .add-btn.plus:before {
        width: 18px;
        height: 18px;
        top: calc(50% - 9px);
        left: 7px;
    }
    .canculator-product-big {
        order: -1;
    }
    .canculator-info {
        gap: 15px;
        justify-content: center;
        margin-top: 20px;
    }
    .other-function {
        width: 270px;
        padding: 10px 15px;
        top: 35px;
        left: calc(50% - 135px);
    }
    .other-function p {
        font-size: 14px;
    }
    .modal .modal-block {
        border-radius: 10px;
        padding: 20px 15px;
    }
    .product-modal-block {
        width: 145px;
    }
    .products-modal {
        gap: 15px;
    }
    .product-modal-title {
        font-size: 20px;
    }
    .product-modal-photo {
        margin-bottom: 6px;
    }
    .product-new {
        top: 7px;
        left: 7px;
        font-size: 13px;
        padding: 3px 7px;
    }
    .sales{
        padding:40px 0 0;
    }
    .sales .center{
        text-align:left;
    }
    .footer-social {
        width: auto;
        border:none;
        padding: 0;
    }
    .footer-social-icon{
        margin:0;
    }
    .footer-social-wrap {
        gap: 15px;
        position: absolute;
        top: 17px;
        left: 135px;
    }
    .footer-list-title {
        display: block;
        font-family: var(--second-family);
        font-weight: 700;
        font-size: 20px;
        color: var(--bel);
        margin-bottom: 10px;
    }
    .footer-links{
        width:100%;
    }
    .footer-links:not(:last-child) {
        margin-bottom:20px;
    }
    .awards .swiper-container {
        overflow: hidden;
    }
    .overflow-banner-wrap{
        width:calc(100% + 30px);
        position:relative;
        left:-15px;
        overflow:hidden;
        padding-top:15px;
    }
    .banner-info {
        max-width: 535px;
    }
}
@media (max-width: 650px) {
    .blog-block {
         width: 100%;
    }
}
@media (max-width: 460px) {
    .arrow-slider {
        width: 45px;
        height: 45px;
    }
}
@media (max-width: 400px) {
    .overflow-banner-wrap{
        width: 100%;
        left: 0;
    }
    .banner-info-box  {
        width: 100%;
    }
}
@media (max-width: 320px) {
    .banner {
        padding: 50px 0 45px;
    }
    .sales-client-title span.active:before {
        width: 100px;
        top: 30px;
        left: -136px;
    }
    .sales-client-title span.active:after {
        top: 4px;
        left: -36px;
    }
    .blog-photo img { width: 100%;
        height: 155px;
    }
}