@media screen and (max-width: 1200px){
    .header__item-logo img {
        width: 65px;
    }
    .header__item-phone{
        font-size: 17px;
        margin: 1px 50px 0 0;
    }
    .header__item-whatsapp{
        font-size: 11px;
        margin: 0 50px 0 0;
    }
    .header__item ul {
        width: 70%;
        height: 100vh;
        margin: 0;
        position: absolute;
        background: #ffffff;
        left: -100%;
        top: 0;
        padding: 50px 20px 20px;
        box-sizing: border-box;
        border-right: 2px solid #f3f8f4;
        z-index: 1;
        transition: .2s;
    }
    .header__item ul > li {
        width: 100%;
        height: auto;
        float: left;
        margin: 10px 0;
    }
    .header__item ul > li > a{
        font-weight: 500;
    }
    .header__item-call {
        width: calc(70% - 40px);
        height: auto;
        border: unset;
        padding: 14px 0 13px;
        margin: 0;
        transition: .2s;
        position: absolute;
        z-index: 1;
        left: -100%;
        top: 300px;
        transition: .2s;
    }
    .header__item.active ul{
        left: 0%;
        transition: .2s;
    }
    .header__item.active .header__item-call{
        left: 20px;
        transition: .2s;
    }
    .header__item-bar{
        display: block;
    }
    .header__item-bar.active{
        background-image: url("../images/icon/close.svg");
    }
    .main {
        padding: 120px 0 60px;
        background-image: url("../images/vectory/main-2.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .main::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: rgb(240, 245, 241, 0.6);
    }
    .main__item{
        width: 100%;
        height: auto;
    }
    .main__item:nth-child(2){
        display: none;
    }
    .main__item-title{
        font-size: 35px;
    }
    .main__item-description{
        font-size: 20px;
    }
    .main__item-description br{
        display: none;
    }
    .main__item__info__box {
        width: 100%;
        margin: 10px 0;
    }
    .main__item-call{
        width: 100%;
        margin: 25px 0 0 0;
    }
    .main__item__info{
        margin: 25px 0 0;
    }
    .main__item__info__box div > p{
        font-size: 16px;
    }
    .main__item__info__box div:nth-child(2) {
        width: calc(100% - 80px);
        height: auto;
    }    
    .products{
        padding: 60px 0;
    }
    .products-title{
        font-size: 25px;
    }
    .products-description{
        font-size: 16px;
    }
    .products__item {
        width: 100%;
        padding: 30px;
    }
    .products__box:nth-child(1){
        width: 100%;
        order: 2;
        margin: 30px 0 0 0;
    }
    .products__box:nth-child(2){
        width: 100%;
        order: 1;
    }
    .products__box-vectory {
        width: 100%;
        height: 140px;
        object-fit: scale-down;
    }
    .sale__row{
        padding: 0;
    }
    .sale__item:nth-child(1){
        width: 100%;
        order: 2;
    }
    .sale__item:nth-child(2){
        width: 100%;
        order: 1;
        margin: 0;
        border-radius: 0;
    }
    .sale__item:nth-child(1) form {
        width: 100%;
        height: auto;
        float: left;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 40px 25px 0px;
        box-sizing: border-box;
    }
    .sale__item:nth-child(1) form > label{
        width: 100%;
    }
    .sale__item:nth-child(1) form > button{
        width: 100%;
        padding: 22px 0px 23px;
        margin: 15px 0 0 0;
    }
    .sale__item:nth-child(2)::before {
        width: 100%;
        height: calc(100% - 10px);
        top: 0;
        left: 0px;
    }
    .plans{
        padding: 60px 0;
    }
    .plans-title{
        font-size: 25px;
    }
    .plans-description{
        font-size: 16px;
    }
    .plans__row{
        margin: 5px 0 0 0;
    }
    .plans__item{
        width: 100%;
        margin: 25px 0 0 0;
    }
    .plans__item ul {
        width: 100%;
        height: auto !important;
        overflow-y: unset;
    }
    .advertisement{
        padding: 60px 0 0 0;
    }
    .advertisement__item:nth-child(1){
        width: 100%;
    }
    .advertisement__item:nth-child(2){
        width: 100%;
        margin: 30px 0 0;
    }
    .advertisement__item-title{
        font-size: 25px;
    }
    .advertisement__item-description{
        font-size: 16px;
    }
    .advertisement__item ul > li {
        width: calc(100% - 17px);
    }
    .advertisement__item button {
        width: 100%;
    }
    .advertisement__list__box {
        width: 33%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .advertisement__list__box img {
        width: 25px;
        height: 25px;
        background-color: #60ca65;
        padding: 8px;
        border-radius: 5px;
        float: unset;
        margin: 0 auto;
    }
    .advertisement__list__box p {
        text-align: center;
        font-size: 12px;
        line-height: 17px;
        margin: 10px 0 0 0;
    }
    .gallery{
        padding: 60px 0;
    }
    .gallery__row{
        margin: 30px 0 0;
    }
    .gallery-title{
        font-size: 25px;
    }
    .gallery-description{
        font-size: 16px;
    }
    .gallery-description br{
        display: none;
    }
    .gallery__item-poster{
        height: 300px;
    }
    .gallery__row .owl-stage{
        margin: 0;
    }
    .gallery__row .owl-dots > button{
        margin: 0 6px;
    }
    .chart{
        padding: 60px 0;
        background-image: unset;
        background-color: #f0f5f1;
    }
    .chart__item:nth-child(1){
        display: none;
    }
    .chart__item:nth-child(2){
        width: 100%;
    }
    .chart-title{
        font-size: 25px;
    }
    .chart-description{
        font-size: 16px;
    }
    .recommendations{
        padding: 60px 0;
    }
    .recommendations__row {
        width: 100%;
        padding: 240px 30px 30px;
    }
    .recommendations__item{
        width: 100%;
        position: initial;
    }
    .recommendations__item-download{
        width: 100%;
    }
    .recommendations__item-poster {
        width: 100%;
        max-width: 240px;
        height: 240px;
        position: absolute;
        top: 0;
        left: 0;
        left: 50%;
        top: 20px;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }
    .recommendations__item-title{
        font-size: 20px;
    }
    .watering{
        padding: 60px 0 0 0;
    }
    .watering__item:nth-child(1){
        width: 100%;
        padding: 25px;
    }
    .watering__item:nth-child(2){
        width: 100%;
    }
    .watering__item-title{
        font-size: 25px;
    }
    .watering__item-description{
        font-size: 16px;
    }
    .watering__item-btn {
        width: 100%;
    }
    .watering__item__products{
        margin: 40px 0 0 0;
    }
    .watering__item__products__box-price b{
        font-size: 25px;
    }
    .watering__item__products__box{
        padding: 70px 10% 45px;
    }
    .review{
        padding: 60px 0;
    }
    .review-title{
        font-size: 25px;
    }
    .review-dscription{
        font-size: 16px;
    }
    .review-dscription br{
        display: none;
    }
    .review-button{
        display: none;
    }
    .review__row{
        margin: 10px 0 0 0;
    }
    .review__row .owl-stage {
        height: 392px;
    }
    .review__item video{
        height: 350px;
    }
    .review__row .owl-item.center video {
        height: 350px;
    }
    .review__controler button {
        width: 50px;
        height: 50px;
        margin: 0 8px 0;
        background-size: 9px;
    }
    .application-title{
        font-size: 25px;
    }
    .application__box:nth-child(1){
        width: 100%;
    }
    .application__box:nth-child(2){
        width: 100%;
    }
    .application__box:nth-child(1) label:nth-child(2) {
        margin: 15px 0 0 0;
    }
    .application__box label{
        margin: 15px 0 0 0;
    }
    .application__item{
        padding: 25px;
    }
    .application__box:last-child div:nth-child(1) {
        width: 100%;
    }
    .application__box:last-child div:nth-child(2) {
        width: 100%;
    }
    .application__box button {
        width: 100%;
        margin: 15px 0 0 0;
    }
    footer {
        padding: 40px 0 80px;
        overflow: hidden;
    }
    .footer__item{
        width: 100%;
    }
    .footer__box__copyright__block:nth-child(1){
        width: 100%;
    }
    .footer__box__copyright__block:nth-child(2){
        width: 100%;
    }
    .footer__box__address div > ul {
        width: 100%;
        height: auto;
        float: left;
    }
    .footer__box__address div > ul > li {
        width: 100%;
        height: auto;
        font-size: 13px;
        padding: 0 13px;
        margin: 15px 0 0;
    }
    .footer__box__address div > ul > li > br{
        display: none;
    }
    .footer__box__company__block:nth-child(1){
        width: 96px;
    }
    .footer__box__company__block:nth-child(2){
        width: calc(100% - 120px);
    }
    .footer__box__company__block:last-child{
        width: 100%;
        margin: 20px 0 0;
    }
    .footer__box__copyright__block-priavcy{
        float: left;
    }
    .footer__box__company__block-phone {
        float: unset;
        text-align: center;
        margin: 0 auto;
    }
    .footer__item iframe {
        width: 100%;
        height: 250px;
        margin: 20px 0 0 0;
    }
    .modal__row{
        max-width: 90%;
    }
    .modal[data-modal="recommendations"] .modal__row {
        max-width: 90%;
    }
    .modal__item{
        padding: 30px;
    }
    .modal[data-modal="recommendations"] .modal__item{
        background-image: unset;
    }
    .modal[data-modal="recommendations"] .modal__item-title {
        width: 100%;
    }
    .modal[data-modal="recommendations"] .modal__item-description {
        width: 100%;
    }
    .modal[data-modal="recommendations"] .modal__item form {
        width: 100%;
    }
    .documents {
        padding: 120px 0 60px;
    }
    .documents-title{
        font-size: 25px;
    }
    .documents-description{
        font-size: 14px;
    }
    .scroll-up{
        display: none;
    }
    .call{
        display: block;
    }
    .success {
        padding: 100px 0 50px;
    }
    .success-title{
        font-size: 25px;
    }
    .success-description br{
        display: none;
    }
    .success__row{
        margin: 20px 0 0 0;
    }
    .success__item-button {
        width: 100%;
        height: auto;
        float: right;
        font-size: 15px;
        padding: 19px 0 22px;
        margin: 5px 0;
    }
}