/* HEADER & MENU */

@media (min-width: 360px) and (max-width: 1024px) {
    nav {
        padding: 30px !important;
    }

    .header {
        display: inline-block;
        width: 100%;
        margin: 0 0 15px 0;
    }

    .header:nth-last-child(1) {
        margin-bottom: 0;
    }

    a.navbar-brand img {
        width: 200px;
        height: auto;
    }

    a.nav-link {
        font-size: 11px;
    }
}

@media (min-width: 1025px) and (max-width: 1440px) {
    nav {
        padding: 30px !important;
    }

    header {
        padding-left: 30px;
        padding-right: 30px;
    }

    .header {
        padding: 0;
    }

    a.navbar-brand img {
        width: 200px;
        height: auto;
    }

    a.nav-link {
        font-size: 12px;
    }
}

@media (min-width: 1200px) {
    nav {
        padding: 30px 5% !important;
    }
    
    a.nav-link {
        font-size: 13px;
    }
}

@media (min-width: 1440px) {
    nav {
        padding: 30px 10% !important;
    }
}

@media (min-width: 360px) and (max-width: 991px) {
    ul.navbar-nav {
        margin-top: 30px;
    }

    a.nav-link {
        font-size: 13px;
        padding: 15px 0 !important;
        margin: 0;
    }

    a.nav-link-first {
        padding-top: 0 !important;
    }

    a.nav-link-last {
        padding-bottom: 0 !important;
    }
}

/* ABOUT US */

@media (max-width: 1604px) {
    .about-us-photo img {
        height: 800px;
    }
}

@media (max-width: 1284px) {
    .about-us-photo img {
        height: 900px;
    }
}

@media (max-width: 1199px) {
    .about-us-photo {
        margin-bottom: 30px;
    }

    .about-us-photo img {
        height: 500px;
    }
}

@media (max-width: 991px) {
    .about-us-photo img {
        height: 400px;
    }
}

@media (max-width: 500px) {
    .about-us-photo img {
        height: 300px;
    }
}

/* PACKAGING */

@media (max-width: 1199px) {
    .packaging-card-text {
        padding: 30px 10% !important;
    }
}

@media (max-width: 1024px) {
    .packaging-header {
        padding: 0;
    }
}

@media (max-width: 941px) {
    .packaging-card-text {
        height: 450px;
    }
}

@media (max-width: 450px) {
    .packaging-card-text {
        height: 500px;
    }
}

@media (min-width: 360px) and (max-width: 398px) {
    .modal-popup button.modal-popup-btn-1, .modal-popup button.modal-popup-btn-3 {
        padding: 5px 10px;
    }
}

@media (max-width: 1199px) {
    .packaging-card-photo {
        text-align: center;
        clip-path: none !important;
    }

    .packaging-card-photo img {
        width: 70%;
    }
}

@media (min-width: 1200px) {
    .order-first {
        order: 0 !important;
    }
}

/* IMPLEMENTATION */

@media (max-width: 991px) {
    .implementation-card-icon {
        margin-bottom: 50px;
    }

    .implementation-card-icon-last {
        margin-bottom: 0;
    }
}

/* PRINTING */

@media (min-width: 360px) and (max-width: 1199px) {
    .printing-text span {
        margin-bottom: 100px;
    }
}

@media (min-width: 360px) and (max-width: 767px) {
    .printing-gallery-photo {
        height: 400px;
        margin-bottom: 30px;
    }

    .printing-gallery-photo a {
        height: 390px;
    }

    .printing-gallery-photo-zero {
        margin-bottom: 0;
    }
}

@media (min-width: 360px) and (max-width: 500px) {
    .printing-gallery-photo {
        height: 300px;
    }

    .printing-gallery-photo a {
        height: 290px;
    }
}

/* CONTACT */

@media (min-width: 1200px) and (max-width: 1526px) {
    .contact-cards {
        padding: 100px 5% !important;
    }
}

@media (min-width: 360px) and (max-width: 553px) {
    .contact-cards {
        padding: 100px 5% !important;
    }

    .contact-card h2 {
        font-size: 15px;
    }
}

@media (min-width: 360px) and (max-width: 390px) {
    .contact-card {
        padding: 0 15px;
    }
}

/* FOOTER */

@media (max-width: 1199px) {
    .footer-card i {
        margin-bottom: 30px;
    }

    footer hr {
        margin: 0 0 30px 0;
    }
}

@media (max-width: 430px) {
    footer {
        padding: 50px 10%;
    }

    .footer-card {
        font-size: 11px !important;
    }

    .footer-card i {
        width: 40px !important;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 15px !important;
    }

    footer span {
        font-size: 11px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1402px) {
    .footer-card span {
        display: inline-block;
        width: 100%;
        margin-top: 15px;
    }
}