/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

    .main__text h1 {
        font-size: 30px;
    }

    .benefits__title {
        font-size: 30px;
        line-height: 1.3;
    }

    .header__contact {
        gap: 20px;
    }

    .main {
        flex-wrap: wrap;
        justify-content: center;
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .main__text {
        justify-content: center;
        margin-bottom: 80px;
    }

    .main__text h1,
    p {
        text-align: center;
    }

    .main__img {
        justify-content: center;
    }

    .main__img img {
        width: 80%;
    }

    .benefits__item {
        margin-bottom: 50px;
        gap: 25px;
    }

    .presentation__title {
        font-size: 30px;
        line-height: 1.3;
    }

    .products__content-title {
        font-size: 30px;
        line-height: 1.3;
    }

    .benefits__item:last-child {
        margin-bottom: 0;
    }

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

    /*Disable Animation on Mobile Devices*/
    .animated {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }

    .benefits__title {
        margin-bottom: 60px;
    }

    .benefits {
        margin: 80px 0 80px 0;
    }

    .benefits__item {
        margin-bottom: 20px;
    }

    .modal__content-text p {
        text-align: left;
    }

    .modal__content-button {
        margin: 30px 0 0 0;
    }

    .modal__content-button a {
        display: block;
        width: 100%;
    }

    .modal__content-title {
        line-height: 1.3;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

    .main__buttons {
        flex-wrap: wrap;
        gap: 20;
        margin-top: 10px;
    }

    .main__buttons-item {
        width: 100%;
    }

    .main__buttons-item a {
        display: block;
        width: 100%;
        text-align: center;
    }

    .header__contact-item a img {
        height: 45px;
    }

    .main-screen svg {
        bottom: -1px;
    }

    .footer svg {
        top: -1px;
    }

    .presentation {
        padding-top: 100px;
        padding-bottom: 80px;
    }

    .benefits__item {
        margin-bottom: 10px;
    }

    .white-popup {
        max-width: 320px;
    }

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {}