@media (max-width: 1280px) {
    .apps {
        width: 90%;
    }

    .box-2-part-1 {
        padding-left: 40px;
    }

    .box-2-part-2 {
        padding-right: 40px;
    }

    .part-1-box-3,
    .part-1-box-4,
    .part-1-box-6,
    .part-1-box-7,
    .part-1-box-12,
    .part-1-box-13,
    .part-1-box-14,
    .part-1-box-15 {
        padding-left: 40px;
    }

    .part-2-box-3,
    .part-2-box-4,
    .part-2-box-6,
    .part-2-box-7,
    .part-2-box-12,
    .part-2-box-13,
    .part-2-box-14,
    .part-2-box-15 {
        padding-right: 40px;
    }

    .video1 {
        padding-left: 40px;
    }

    .video2 {
        padding-right: 40px;
    }


}

@media (max-width: 1024px) {
    .box-1,
    .box-2,
    .box-3,
    .box-4,
    .box-5,
    .box-6,
    .box-7,
    .box-8,
    .box-10,
    .box-11,
    .box-12,
    .box-13,
    .box-14,
    .box-15,
    .box-16,
    .videos {
        flex-direction: column;
        height: auto;
        width: 100%;
    }

    .item-box-5:last-child,
    .item-box-8:last-child,
    .item-box-5:first-child,
    .item-box-8:first-child {
        padding: 0;
    }

    .item-box-5,
    .item-box-8 {
        margin-bottom: 25px;
    }
    .item-box-5 img {
        width: 100%;
    }

    .part-1-box-3,
    .part-1-box-4,
    .part-2-box-4,
    .part-1-box-6,
    .part-1-box-7,
    .part-1-box-12,
    .part-1-box-13,
    .part-1-box-14,
    .part-1-box-15 {
        padding: 55px 0 25px 0;
    }

    .part-2-box-3,
    .part-2-box-4,
    .part-2-box-6,
    .part-2-box-7,
    .part-2-box-12,
    .part-2-box-13,
    .part-2-box-14,
    .part-2-box-15 {
        padding-right: 0;
    }

    .box-2,
    .box-3,
    .box-6,
    .box-12,
    .box-14 {
        padding: 0;
        flex-direction: column-reverse;
    }

    .title-premium-apps,
    .title-services {
        margin: 50px 0 25px;
    }

/* ----- BOX-1 ----- */

    .box-1-part-1 {
        width: 100%;
    }
        
    .box-1-part-1 img {
        width: 100%;
    }
    
    .box-1-part-2 {
        width: 100%;
        max-width: 100%;
        padding: 45px 0px 45px 0px;
    }

    .apps {
        width: 60%;
    }

    .services-description {
        width: 80%;
    }

    .title-part-2,
    .premium-apps,
    .services {
        padding: 0 80px;
    }


/* ----- BOX-2 ----- */

    .box-2-part-2 img {
        width: 100%;
        height: auto;
    }

    .box-2-part-1,
    .box-2-part-2 {
        padding: 0;
    }

    .box-2-part-1 {
        padding: 25px 0 25px;
    }

    .title-box-2-part-1 {
        font-size: 63px;
        padding-left: 80px;
    }

    .text-box-2-part-1 {
        font-size: 31px;
        padding-left: 80px;
    }

/* ----- BOX-ONEDRIVE-DIV E POWERPOINT-DIV ----- */

    .onedrive-div,
    .powerpoint-div {
        padding: 50px 0;
    }

    .box-1-onedrive-div,
    .box-1-powerpoint-div {
        flex-direction: row;
        padding: 0 80px;
    }

    .box-1-onedrive-div p,
    .box-1-powerpoint-div p {
        font-size: 35px;
        text-align: left;
        padding-left: 70px;
    }

/* ----- BOX-3 ----- */

    .part-2-box-3,
    .part-2-box-4,
    .part-2-box-6,
    .part-2-box-7,
    .part-2-box-12,
    .part-2-box-13,
    .part-2-box-14,
    .part-2-box-15 {
        width: 100%;
    }

    .part-2-box-3 img,
    .part-1-box-4 img,
    .part-2-box-6 img,
    .part-1-box-7 img,
    .part-2-box-12 img,
    .part-1-box-13 img,
    .part-2-box-14 img,
    .part-1-box-15 img {
        width: 100%;
        height: auto;
    }

    .title-box {
        font-weight: 500;
    }

    .title-box,
    .text-box {
        padding: 0 80px;
    }

    .text-box {
        font-size: 26px;
    }

    .title-box br {
        display: none;
    }

    .text-box br {
        display: none;
    }

/* ----- BOX-5  E BOX-8 ----- */

    .box-5,
    .box-8 {
        background-color: #f2f2f2;
    }

    .item-box-5,
    .item-box-8,
    .item-box-5:first-child,
    .item-box-8:first-child, 
    .item-box-5:last-child,
    .item-box-8:last-child {
        padding: 20px 0;
    }

    .item-box-5 br,
    .item-box-8 br,
    .item-box-5:first-child br,
    .item-box-8:first-child br,
    .item-box-5:last-child br,
    .item-box-8:last-child  br {
        display: none;
    }


    .title-item-box-5,
    .title-item-box-8 {
        font-size: 36px;
        margin: 25px 0 15px;
    }

    .text-box-5,
    .text-box-8 {
        font-size: 26px;
    }

/* ----- BOX-9 ----- */

    .image-box-9 img {
        display: none;
    }

    .image-box-9-responsive img {
        display: block;
        width: 100%;
        max-width: 1360px;
    }

/* ----- BOX-10 ----- */

    .part-1-box-10 {
        display: none;
    }

        .part-1-box-10 img {
            width: 100%;
        }

    .part-2-box-10 {
        background-color: #e7e7e7;
        padding-right: 0;
        margin-bottom: 50px;
    }

    .title-box-10 {
        padding: 25px 0;
        font-size: 56px;
        font-weight: 500;
    }

    .text-box-10 {
        font-size: 28px;
    }

    .text-box-10 br {
        display: none;
    }

    .title-box-10,
    .text-box-10 {
        padding: 30px 35px 0;
    }

    .responsive-image-part-2-box-10 {
        display: flex;
        width: 100%;
        margin-top: 35px;
    }
    .responsive-image-part-2-box-10 img {
        width: 100%;
        height: auto;
    }
    
    .products {
        flex-direction: column;
        padding-left: 80px;
        font-weight: 500;
    }
    
    .product-1,
    .product-2 {
        flex-direction: column;
        margin: 50px 0;
    }

/* ----- BOX-11 ----- */

    .title-box-11 p {
        color: #2f2f2f;
        font-size: 69px;
        text-align: left;
    }

    .video1,
    .video2 {
        padding: 0;
        width: 100%;
    }

    .title-box-11,
    .video1 p,
    .video2 p {
        padding-left: 35px;
    }

    .video1 p,
    .video2 p {
        padding-top: 25px;
    }

    .video1 video,
    .video2 video {
        width: 100%;
        height: 380px;
    }

    .part-2-box-12,
    .part-1-box-13,
    .part-2-box-14,
    .part-1-box-15 {
        display: none;
    }

    .with-office365 p {
        font-size: 50px;
        padding-left: 80px;
        text-align: left;
        font-weight: 500;
    }

    .with-office365 p br {
        display: block;
    }

    .box-16 {
        background-color: #505050;
    }
    .text-box-16 p {
        color: #d2d2d2;
        font-size: 28px;
    }
}

@media (max-width: 414px) {
    .title-part-2, .premium-apps, .services {
        padding: 0;
    }
    .apps {
        width: 100%;
    }

    .title-box-2-part-1 {
        font-size: 34px;
        padding: 0 10px;
    }

    .text-box-2-part-1 {
        font-size: 22px;
        padding: 0 10px;
    }

    .text-box-2-part-1 br {
        display: none;
    }

    .box-1-onedrive-div,
    .box-1-powerpoint-div {
        flex-direction: row;
        padding: 0 10px;
    }

    .box-1-onedrive-div img,
    .box-1-powerpoint-div img {
        height: auto;
    }

    .box-1-onedrive-div p,
    .box-1-powerpoint-div p {
        font-size: 24px;
        padding-left: 15px;
    }

    .title-box, .text-box {
        padding: 0 10px;
    }

    .item-box-5,
    .item-box-8,
    .item-box-5:first-child,
    .item-box-8:first-child,
    .item-box-5:last-child,
    .item-box-8:last-child {
        padding: 0 10px;
    }

    .title-box-10 {
        font-size: 42px;
    }

    .title-box-11 p {
        font-size: 42px;
    }

    .with-office365 p {
        font-size: 42px;
        padding: 0 10px;
    }

    .text-box-16 {
        padding: 10px;
    }

}