/* --------------------------------------- MIN-WIDTH: 1200px AND MAX WIDTH: 1330px --------------------------------------------*/

@media screen and (min-width: 1200px) and (max-width: 1330px) {

    /* --------------------------------------------------- FRONT PAGE -----------------------------------------------------*/
    /* ------------ HEADER -------------*/
    .logo {
        margin-left: 210%;
    }

    .main-heading h1 {
        font-size: 48px;
        margin-left: -94%;
    }

    .main-heading h6 {
        margin-left: -70%;
    }

    /* ------------ NAV BAR -------------*/
    .nav-bar-container {
        padding-left: 10%;
    }

    /* ------------  FOOTER -------------*/
    .foot-logo img {
        width: 70%;
    }

    .footer ul {
        width: 100%;
    }
}

/* --------------------------------------- MIN-WIDTH: 992px AND MAX WIDTH: 1199px --------------------------------------------*/

@media screen and (min-width: 992px) and (max-width: 1199px) {

    /* --------------------------------------------------- FRONT PAGE -----------------------------------------------------*/
    /* ------------ HEADER -------------*/
    .logo {
        margin-left: 300%;
        margin-top: 40%;
        width: 80%;
    }

    .main-heading h1 {
        font-size: 42px;
        margin-top: 40%;
    }

    /* ------------ NAV BAR -------------*/
    .nav-bar-container {
        margin-top: 5.5%;
        padding-left: 12%;
        width: 60%;
    }

    .nav-bar-container a:link,
    .nav-bar-container a:visited {
        font-size: 9.5px;
        padding-left: 2%;
    }

    .btn {
        width: 13%;
    }

    .services-btn-content {
        width: 14%;
    }

    .contact-btn-content {
        width: 16.2%;
    }

    /*!* ------------ PROFILE -------------*!*/
    .profile-image-and-content p {
        font-size: 16px;
    }

    /*!* ------------ IMAGE SLIDER -------------*!*/
    .device-parent {
        margin-top: 0%;
    }

    /*!* ------------ CLIENTS -------------*!*/
    .client-container {
        background-color: #18181a;
    }

    .clients-heading-container h1 {
        font-size: 32px;
    }

    .client-logo-container {
        margin-top: 4%;
    }

    /*!* ------------ SERVICES -------------*!*/
    .services-heading-container h1 {
        font-size: 38px;
    }

    /*!* ------------ PRE PRESS -------------*!*/
    .pre-press h1 {
        font-size: 24px;
    }

    .pre-press p {
        font-size: 15px;
    }

    /*!* ------------ PRINTING -------------*!*/
    .printing h1 {
        font-size: 24px;
    }

    .printing p {
        font-size: 15px;
    }

    /*!* ------------ BINDING -------------*!*/
    .binding h1 {
        font-size: 24px;
    }

    .binding p {
        font-size: 15px;
    }

    /*!* ------------ PACKAGING AND FINISHING -------------*!*/
    .packaging-and-finishing h1 {
        font-size: 24px;
    }

    .packaging-and-finishing p {
        font-size: 15px;
    }

    /*!* ------------ VISION -------------*!*/
    .vision-heading-container h1 {
        font-size: 38px;
    }

    .vision-content-container p {
        font-size: 18px;
    }

    .vision-main-container img {
        width: 100%;
    }

    /*!* ------------ VALUES -------------*!*/
    .values-heading-container h1 {
        font-size: 38px;
    }

    .values-image-container {
        padding-left: 4%;
    }

    /* --------------------------------------------------- PRE-PRESS PAGE -----------------------------------------------------*/
    .pre-press-card-container h1 {
        font-size: 28px;
    }

    .pre-press-card-container p {
        font-size: 15px;
    }

    /* ---------------------------------------------------- PRESS PAGE --------------------------------------------------------*/
    .press-card-container h1 {
        font-size: 28px;
    }

    .press-card-container p {
        font-size: 15px;
    }

    /* --------------------------------------------------- POST-PRESS PAGE -----------------------------------------------------*/
    .post-press-card-container h1 {
        font-size: 28px;
    }

    .post-press-card-container p {
        font-size: 15px;
    }

    .post-press-card-container ul li {
        font-size: 15px;
    }

    /* ------------------------------------------- MAILING AND FULFILLMENT PAGE ------------------------------------------------*/
    .mailing-and-fulfillment-card-container h1 {
        font-size: 28px;
    }

    .mailing-and-fulfillment-card-container p {
        font-size: 15px;
    }

    /* --------------------------------------------------- QUOTE PAGE -----------------------------------------------------------*/
    .quote-container h2 {
        text-align: center;
        padding-top: 2%;
        font-size: 25px;
    }

    .footer-3d-btn-quote {
        width: 22%;
    }

    /* --------------------------------------------------- FOOTER PAGE ---------------------------------------------------------*/
    .footer-3d-btn {
        width: 60%;
    }

    .footer {
        font-size: 14px;
    }

    .footer p {
        font-size: 14px;
    }

    .footer h5 {
        font-size: 24px;
    }

    .main-container-inside-footer-section {
        margin-top: -5%;
    }

    .foot-logo img {
        width: 80%;
        padding-bottom: 6%;
    }

    .foot-logo p {
        padding-bottom: 0%;
    }

    .copyright-text p {
        font-size: 14px;
    }

    .social-icons {
        font-size: 9px;
    }

    .dt-content-left {
        width: 100%;

    }
}

/* --------------------------------------- MIN-WIDTH: 768px AND MAX WIDTH: 991px --------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 991px) {

    /* --------------------------------------------------- FRONT PAGE -----------------------------------------------------*/
    /* ------------ HEADER -------------*/
    .logo {
        width: 6%;
        margin-left: 24%;
        margin-top: 2%;
    }

    .main-heading h1 {
        font-size: 38px;
        margin-top: -1%;
        margin-left: 2%;
        width: 30%;
    }

    .main-heading h6 {
        margin-left: 5.5%;
        font-size: 15px;
    }

    .row-container {
        margin-bottom: 10%;
    }

    /* ------------ NAV BAR -------------*/
    .nav-bar-container {
        margin-top: -11%;
        margin-left: 30%;
        width: 70%;
    }

    .nav-bar-container a:link,
    .nav-bar-container a:visited {
        font-size: 9.5px;
        padding-left: 1%;
    }

    .btn {
        width: 12%;
    }

    .services-btn-content {
        width: 15%;
    }

    .contact-btn-content {
        width: 16%;
    }

    /*!* ------------ PROFILE -------------*!*/
    .profile-image-and-content p {
        font-size: 16px;
    }

    /*!* ------------ IMAGE SLIDER -------------*!*/
    .device-parent {
        margin-top: -5%;
    }

    /*!* ------------ CLIENTS -------------*!*/
    .clients-heading-container h1 {
        font-size: 30px;
        padding-left: 30%;
    }

    .clients-heading-container h1:after {
        margin-top: 2%;
        margin-left: 11.5%;
        width: 4%;
    }

    .client-logo-container {
        margin-top: 5%;
        margin-bottom: 2%;
    }

    /*!* ------------ SERVICES -------------*!*/
    .services-heading-container h1 {
        font-size: 34px;
        padding-top: 4%;
        padding-left: 44%;
        padding-bottom: 4%;
    }

    .services-heading-container h1:after {
        margin-left: 2.5%;
        width: 3%;
    }

    /*!* ------------ PRE PRESS -------------*!*/
    .pre-press h1 {
        font-size: 25px;
        padding-top: 4%;
    }

    .pre-press-icon {
        width: 14%;
    }

    .pre-press p {
        padding: 0% 2% 4% 0%;
    }

    /*!* ------------ PRINTING -------------*!*/
    .printing h1 {
        font-size: 25px;
        padding-top: 4%;
    }

    .printing-icon {
        width: 14%;
    }

    .printing p {
        padding: 0% 2% 4% 0%;
    }

    /*!* ------------ BINDING -------------*!*/
    .binding h1 {
        font-size: 25px;
        padding-top: 4%;
    }

    .binding-icon {
        width: 14%;
    }

    .binding p {
        padding: 0% 2% 4% 0%;
    }

    /*!* ------------ PACKAGING AND FINISHING -------------*!*/
    .packaging-and-finishing {
        margin-bottom: 5%;
    }

    .packaging-and-finishing h1 {
        font-size: 25px;
        padding-top: 4%;
        padding-left: 2%;
    }

    .packaging-and-finishing-icon {
        width: 14%;
    }

    .packaging-and-finishing p {
        padding: 0% 2% 4% 0%;
    }

    /*!* ------------ VISION -------------*!*/
    .vision-heading-container h1 {
        font-size: 32px;
        padding-left: 40%;
        padding-bottom: 1%;
    }

    .vision-heading-container h1:after {
        margin-top: 1%;
        margin-left: 12%;
        width: 2.5%;
    }

    .vision-main-container img {
        width: 75%;
        margin-left: 15%;
    }

    .vision-content-container p {
        font-size: 18px;
        padding: 0% 4% 6% 4%;
    }

    /*!* ------------ VALUES -------------*!*/
    .values-heading-container h1 {
        font-size: 32px;
        padding-left: 40%;

    }

    .values-heading-container h1:after {
        margin-left: 13%;
        width: 2.5%;
    }

    .values-image-container img {
        width: 100%;
        padding-left: 1%;
    }

    /* --------------------------------------------------- PRE-PRESS PAGE -----------------------------------------------------*/
    .pre-press-card-container {
        margin-top: 5%;
        margin-left: 5%;
        width: 90%;
    }

    .pre-press-main-image {
        height: 91vh;
    }

    .pre-press-card-container h1 {
        font-size: 24px;
    }

    .pre-press-card-container p {
        font-size: 14.5px;
    }

    /* ---------------------------------------------------- PRESS PAGE --------------------------------------------------------*/
    .press-card-container {
        margin-top: 5%;
        margin-left: 5%;
        width: 90%;
    }

    .press-main-image {
        height: 70vh;
        padding-top: 5%;
    }

    .press-card-container h1 {
        font-size: 24px;
    }

    .press-card-container p {
        font-size: 14.5px;
    }

    /* --------------------------------------------------- POST-PRESS PAGE -----------------------------------------------------*/
    .post-press-card-container {
        margin-top: 5%;
        margin-left: 5%;
        width: 90%;
    }

    .post-press-main-image {
        height: 70vh;
        padding-top: 5%;
    }

    .post-press-card-container h1 {
        font-size: 24px;
    }

    .post-press-card-container p {
        font-size: 14.5px;
    }

    .post-press-card-container ul li {
        font-size: 14.5px;
    }

    /* ------------------------------------------- MAILING AND FULFILLMENT PAGE ------------------------------------------------*/
    .mailing-and-fulfillment-card-container {
        margin-top: 5%;
        margin-left: 5%;
        width: 90%;
    }

    .mailing-and-fulfillment-main-image {
        height: 60vh;
        padding-top: 5%;
    }

    .mailing-and-fulfillment-card-container h1 {
        color: #1b1b1d;
        font-size: 24px;
    }

    .mailing-and-fulfillment-card-container p {
        font-size: 14.5px;
    }

    /* --------------------------------------------------- QUOTE PAGE -----------------------------------------------------------*/
    .quote-container {
        margin-left: 5%;
        margin-top: 5%;
        width: 90%;
    }

    .quote-main-image {
        height: 130vh;
    }

    .quote-container h2 {
        font-size: 22px;
    }

    .footer-3d-btn-quote {
        width: 24%;
    }

    /* --------------------------------------------------- FOOTER PAGE ---------------------------------------------------------*/
    .footer {
        position: relative;
        background-color: #1b1b1d;
        color: #7d7975;
        padding: 95px 0 50px;
        font-size: 16px;
    }

    .foot-logo img {
        width: 35%;
        padding-bottom: 4%;
        margin-top: -5%;
    }

    .footer-3d-btn {
        width: 26%;
        margin-top: -3%;
    }

    .footer p {
        font-size: 15px;
    }

    .footer h5 {
        font-size: 25px;
        padding-bottom: 10px;
    }

    .footer ul {
        list-style: none;
        line-height: 35px;
        margin: 0px;
        color: #ebebeb;
        width: 100%;
    }

    .footer ul li {
        font-family: 'Lato', sans-serif;
        font-size: 15px;
    }

    .google-maps iframe {
        width: 50%;
        height: 30vh;
    }

    .copyright-text p {
        margin-left: -10%;
        font-size: 13px;
    }

    .social-icons {
        font-size: 8px;
        margin-top: -2%;
    }
}

/* --------------------------------------- MIN-WIDTH: 480px AND MAX WIDTH: 767px --------------------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

    /* --------------------------------------------------- FRONT PAGE -----------------------------------------------------*/
    /* ------------ HEADER -------------*/
    .logo {
        width: 9%;
        margin-left: 34%;
        margin-top: 4%;
    }

    .main-heading h1 {
        font-size: 34px;
        margin-left: 0%;
        margin-top: 0%;
    }

    .main-heading h6 {
        margin-left: 5%;
        font-size: 14px;
    }

    /* ------------ NAV BAR -------------*/
    .nav-bar-container {
        margin-top: 4.7%;
        padding-left: 14%;
        width: 100%;
    }

    .toggle {
        display: block;
        margin-top: -19%;
    }

    .nav-bar-container {
        display: none;
    }

    .nav-bar-container a {
        text-align: center;
        width: 30%;
    }

    .collapse-menu {
        width: 8.5%;
    }

    .nav-bar-container a:link,
    .nav-bar-container a:visited {
        font-size: 9.5px;
        padding-left: 1%;
    }

    .btn {
        width: 10%;
    }

    /*!* ------------ PROFILE -------------*!*/
    .profile-container {
        background-color: #1b1b1d;
        /*padding-top: 10%;*/
        padding-top: -10%;
    }

    .who-we-are {
        width: 40%;
    }

    .profile-image-and-content p {
        font-size: 15px;
    }

    /*!* ------------ IMAGE SLIDER -------------*!*/
    .image-behind-slider {
        margin-top: 4%;
    }

    .device-parent {
        margin-top: -1%;
    }

    /*!* ------------ CLIENTS -------------*!*/
    .clients-heading-container h1 {
        font-size: 26px;
        text-align: center;
        margin-bottom: 5%;
    }

    .clients-heading-container h1:after {
        margin-top: 2.5%;
        margin-left: 34%;
        width: 4%;
    }

    /*!* ------------ SERVICES -------------*!*/
    .services-heading-container h1 {
        font-size: 28px;
        text-align: center;
    }

    .services-heading-container h1:after {
        margin-left: 48%;
        width: 5%;
    }

    /*!* ------------ PRE PRESS -------------*!*/
    .pre-press h1 {
        padding-left: 2%;
        font-size: 24px;
        padding-top: 6%;
    }

    .pre-press p {
        font-size: 14px;
        padding-bottom: 6%;
    }

    /*!* ------------ PRINTING -------------*!*/
    .printing h1 {
        padding-left: 2%;
        font-size: 24px;
        padding-top: 6%;
    }

    .printing p {
        font-size: 14px;
        padding-bottom: 6%;
    }

    /*!* ------------ BINDING -------------*!*/
    .binding h1 {
        padding-left: 2%;
        font-size: 24px;
        padding-top: 6%;
    }

    .binding p {
        font-size: 14px;
        padding-bottom: 6%;
    }

    /*!* ------------ PACKAGING AND FINISHING -------------*!*/
    .packaging-and-finishing h1 {
        padding-left: 2%;
        font-size: 24px;
        padding-top: 6%;
    }

    .packaging-and-finishing p {
        font-size: 14px;
        padding-bottom: 6%;
    }

    /*!* ------------ VISION -------------*!*/
    .vision-heading-container h1 {
        font-size: 30px;
        text-align: center;
    }

    .vision-heading-container h1:after {
        margin-top: 2%;
        margin-left: 52%;
        width: 5%;
    }

    .vision-content-container p {
        font-size: 16px;
    }

    .vision-main-container img {
        width: 100%;
    }

    /*!* ------------ VALUES -------------*!*/
    .values-heading-container h1 {
        font-size: 30px;
        text-align: center;
    }

    .values-heading-container h1:after {
        margin-left: 52%;
        width: 4%;
    }

    .values-image-container {
        margin-top: 2%;
        padding-left: 2%;
    }

    .values-image-container img {
        width: 100%;
    }

    /* --------------------------------------------------- PRE-PRESS PAGE -----------------------------------------------------*/
    .pre-press-card-container {
        margin-top: 5%;
        width: 90%;
        margin-left: 5%;
    }

    .pre-press-main-image {
        height: 100vh;
    }

    .pre-press-card-container h1 {
        font-size: 22px;
    }

    .pre-press-card-container p {
        font-size: 14px;
    }

    /* ---------------------------------------------------- PRESS PAGE --------------------------------------------------------*/
    .press-card-container {
        margin-top: 5%;
        width: 90%;
        margin-left: 5%;
    }

    .press-main-image {
        height: 70vh;
    }

    .press-card-container h1 {
        font-size: 22px;
    }

    .press-card-container p {
        font-size: 14px;
    }

    /* --------------------------------------------------- POST-PRESS PAGE -----------------------------------------------------*/
    .post-press-card-container {
        margin-top: 5%;
        width: 90%;
        margin-left: 5%;
    }

    .post-press-main-image {
        height: 64vh;
    }

    .post-press-card-container h1 {
        font-size: 22px;
    }

    .post-press-card-container p {
        font-size: 14px;
    }

    .post-press-card-container ul li {
        font-size: 14px;
    }

    /* ------------------------------------------- MAILING AND FULFILLMENT PAGE ------------------------------------------------*/
    .mailing-and-fulfillment-card-container {
        margin-top: 5%;
        width: 90%;
        margin-left: 5%;
    }

    .mailing-and-fulfillment-main-image {
        height: 60vh;
    }

    .mailing-and-fulfillment-card-container h1 {
        font-size: 22px;
    }

    .mailing-and-fulfillment-card-container p {
        font-size: 14px;
    }

    /* --------------------------------------------------- QUOTE PAGE -----------------------------------------------------------*/
    .quote-container {
        margin-left: 5%;
        width: 90%;
        margin-top: 5%;
        background: rgba(223, 223, 223, 0.7);
        border-radius: 2px;
        border: 1px solid rgba(223, 223, 223, 0.7);
    }

    .quote-main-image {
        height: 132vh;
        padding-top: 5%;
    }

    .quote-container h2 {
        text-align: center;
        padding-top: 10%;
        font-size: 22px;
    }

    .quote-container hr {
        border-color: #1b1b1d;
    }

    .footer-3d-btn-quote {
        width: 40%;
    }

    .received-message-container {
        margin-top: 6%;
        width: 90%;
        margin-left: 5%;
    }

    .received-message-container p {
        font-size: 14px;
    }

    /* --------------------------------------------------- FOOTER PAGE ---------------------------------------------------------*/
    .footer {
        font-size: 14px;
    }

    .foot-logo img {
        width: 40%;
        padding-bottom: 6%;
    }

    .footer p {
        font-size: 14px;
    }

    .footer h5 {
        font-size: 22px;
    }

    .footer ul {
        width: 100%;
    }

    .main-container-inside-footer-section {
        margin-top: -10%;
    }

    .copyright-text p {
        text-align: center;
        font-size: 13px;
    }

    .social-icons {
        font-size: 8px;
    }
}

/* --------------------------------------- MIN-WIDTH: 540px AND MAX WIDTH: 479px -------------------------------------------*/

@media only screen and (min-width: 540px) and (max-width: 600px) {

    .image-behind-slider {
        display: none !important;
    }

    .image-behind-slider-2 {
        display: block !important;
        height: 43vh;

    }

    .profile-container {
        padding-top: 10%;
    }
}

/* --------------------------------------- MIN-WIDTH: 480px AND MAX WIDTH: 539px -------------------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 539px) {

    .image-behind-slider {
        display: none !important;
    }

    .image-behind-slider-2 {
        display: block !important;
        height: 40vh;

    }
}

/* --------------------------------------- MIN-WIDTH: 320px AND MAX WIDTH: 479px --------------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 479px) {

    /* --------------------------------------------------- FRONT PAGE -----------------------------------------------------*/
    /* ------------ HEADER -------------*/
    .logo {
        width: 12%;
        margin-left: 38%;
        margin-top: 8%;
    }

    .main-heading h1 {
        font-size: 32px;
        margin-left: 0%;
        margin-top: 0%;
    }

    .main-heading h6 {
        margin-left: 7%;
        font-size: 13px;
    }

    /* ------------ NAV BAR -------------*/
    .nav-bar-container {
        margin-top: 4.7%;
        padding-left: 14%;
    }

    .toggle {
        display: block;
        margin-top: -24%;
    }

    .nav-bar-container {
        display: none;
    }

    .nav-bar-container a {
        text-align: center;
        width: 40%;
    }

    .collapse-menu {
        width: 10.5%;
    }

    .nav-bar-container {
        margin-top: 5%;
        margin-left: 0%;
        width: 100%;
    }

    .nav-bar-container a:link,
    .nav-bar-container a:visited {
        font-size: 9.5px;
        padding-left: 1%;
    }

    .btn {
        width: 11%;
    }

    .services-btn-content {
        width: 15%;
    }

    .contact-btn-content {
        width: 16%;
    }

    /*!* ------------ PROFILE -------------*!*/
    .profile-container {
        padding-top: 10%;
        padding-right: 8%;
    }

    .who-we-are {
        width: 55%;
        padding-right: 6%;
        padding-bottom: 4%;
    }

    .profile-image-and-content p {
        padding: 4% 0% 4% 4%;
        font-size: 15px;
        word-spacing: 2px;
        line-height: 1.5;
        color: #ebebeb;
    }

    /*!* ------------ IMAGE SLIDER -------------*!*/
    .device-parent {
        margin-top: 2%;
    }

    /*!* ------------ CLIENTS -------------*!*/
    .clients-heading-container h1 {
        font-size: 22px;
        text-align: center;
    }

    .clients-heading-container h1:after {
        margin-left: 33%;
        width: 5%;
    }

    .client-logo-container {
        margin-top: 8%;
        margin-bottom: 6%;
    }

    /*!* ------------ SERVICES -------------*!*/
    .services-heading-container h1 {
        font-size: 26px;
        text-align: center;
    }

    .services-heading-container h1:after {
        margin-top: 2%;
        margin-left: 44%;
        width: 5%;
    }

    /*!* ------------ PRE PRESS -------------*!*/
    .pre-press h1 {
        font-size: 20px;
        padding-top: 6%;
    }

    .pre-press p {
        font-size: 14px;
        padding-bottom: 6%;
    }

    /*!* ------------ PRINTING -------------*!*/
    .printing h1 {
        padding-top: 6%;
        font-size: 20px;
    }

    .printing p {
        font-size: 14px;
        padding-bottom: 6%;
    }

    /*!* ------------ BINDING -------------*!*/
    .binding h1 {
        padding-top: 6%;
        font-size: 20px;
    }

    .binding p {
        font-size: 14px;
        padding-bottom: 6%;
    }

    /*!* ------------ PACKAGING AND FINISHING -------------*!*/
    .packaging-and-finishing h1 {
        padding-top: 6%;
        font-size: 20px;
    }

    .packaging-and-finishing p {
        font-size: 14px;
        padding-bottom: 6%;
    }

    /*!* ------------ VISION -------------*!*/
    .vision-heading-container h1 {
        text-align: center;
        font-size: 24px;
    }

    .vision-heading-container h1:after {
        margin-top: 2%;
        margin-left: 52%;
        width: 4%;
    }

    .vision-content-container p {
        font-size: 16px;
    }

    .vision-main-container img {
        width: 100%;
    }

    /*!* ------------ VALUES -------------*!*/
    .values-heading-container h1 {
        font-size: 24px;
        text-align: center;
    }

    .values-heading-container h1:after {
        margin-top: 2%;
        margin-left: 52%;
        width: 5%;
    }

    .values-image-container {
        margin-top: 5%;
        padding-left: 3%;
    }

    .values-image-container img {
        width: 100%;
    }

    /* --------------------------------------------------- PRE-PRESS PAGE -----------------------------------------------------*/
    .pre-press-card-container {
        margin-top: 10%;
        width: 90%;
        margin-left: 5%;
    }

    .pre-press-main-image {
        height: 115vh;
        padding-top: 5%;
    }

    .pre-press-card-container h1 {
        font-size: 22px;
    }

    .pre-press-card-container p {
        font-size: 14.5px;
    }

    /* ---------------------------------------------------- PRESS PAGE --------------------------------------------------------*/
    .press-card-container {
        margin-top: 10%;
        width: 90%;
        margin-left: 5%;
    }

    .press-main-image {
        height: 70vh;
        padding-top: 5%;
    }

    .press-card-container h1 {
        font-size: 22px;
    }

    .press-card-container p {
        font-size: 14.5px;
    }

    /* --------------------------------------------------- POST-PRESS PAGE -----------------------------------------------------*/
    .post-press-card-container {
        margin-top: 10%;
        width: 90%;
        margin-left: 5%;
    }

    .post-press-main-image {
        height: 75vh;
        padding-top: 5%;
    }

    .post-press-card-container h1 {
        font-size: 22px;
    }

    .post-press-card-container p {
        font-size: 14.5px;
    }

    .post-press-card-container ul li {
        font-size: 14.5px;
    }

    /* ------------------------------------------- MAILING AND FULFILLMENT PAGE ------------------------------------------------*/
    .mailing-and-fulfillment-card-container {
        margin-top: 10%;
        width: 90%;
        margin-left: 5%;
    }

    .mailing-and-fulfillment-main-image {
        height: 70vh;
        padding-top: 5%;
    }

    .mailing-and-fulfillment-card-container h1 {
        font-size: 22px;
    }

    .mailing-and-fulfillment-card-container p {
        font-size: 14.5px;
    }

    /* --------------------------------------------------- QUOTE PAGE -----------------------------------------------------------*/
    .quote-container {
        margin-left: 5%;
        width: 90%;
        margin-top: 10%;
        background: rgba(223, 223, 223, 0.7);
        border-radius: 4px;
        border: 1px solid rgba(223, 223, 223, 0.7);
    }

    .quote-main-image {
        height: 135vh;
        padding-top: 5%;
    }

    .quote-container h2 {
        padding-top: 4%;
        font-size: 20px;
    }

    .footer-3d-btn-quote {
        width: 50%;
    }

    .received-message-container {
        margin-top: 10%;
        width: 90%;
        margin-left: 5%;
    }

    .received-message-container p {
        font-size: 14px;
    }

    /* --------------------------------------------------- FOOTER PAGE ---------------------------------------------------------*/
    .footer {
        font-size: 14px;
    }

    .footer p {
        font-size: 14px;
    }

    .footer h5 {
        font-size: 22px;
    }

    .footer ul {
        width: 100%;
    }

    .footer-contact-us {
        margin-bottom: 0%;
    }

    .foot-logo img {
        margin-top: -15%;
        width: 60%;
        padding-bottom: 6%;
    }

    .footer-3d-btn {
        width: 55%;
    }

    .social-icons {
        font-size: 8px;
    }

    .copyright-text p {
        font-size: 12px;
        text-align: center;
    }
}

/* --------------------------------------- MIN-WIDTH: 400px AND MAX WIDTH: 479px -------------------------------------------*/

@media only screen and (min-width: 400px) and (max-width: 479px) {

    .image-behind-slider {
        display: none !important;
    }

    .image-behind-slider-2 {
        display: block !important;
        height: 35vh;
        margin-top: 5%;

    }
}

/* --------------------------------------- MIN-WIDTH: 320px AND MAX WIDTH: 399px -------------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 399px) {

    .image-behind-slider {
        display: none !important;
    }

    .image-behind-slider-2 {
        display: block !important;
        height: 30vh;
        margin-top: 5%;

    }
}

/* --------------------------------- MIN-DEVICE-WIDTH: 350px AND MAX-DEVICE-WIDTH: 480px ------------------------------------*/

@media (min-device-width: 350px) and (max-device-width: 480px) {

    /* --------------------------------------------------- FRONT PAGE -----------------------------------------------------*/
    /* ------------ HEADER -------------*/
    .logo {
        width: 12%;
        margin-left: 38%;
        margin-top: 8%;
    }

    .main-heading h1 {
        font-size: 32px;
        margin-left: 0%;
        margin-top: 0%;
    }

    .main-heading h6 {
        margin-left: 7%;
        font-size: 13px;
    }

    /* ------------ NAV BAR -------------*/
    .nav-bar-container {
        margin-top: 4.7%;
        padding-left: 14%;
    }

    .toggle {
        display: block;
        margin-top: -24%;
    }

    .nav-bar-container {
        display: none;
    }

    .nav-bar-container a {
        text-align: center;
        width: 40%;
    }

    .collapse-menu {
        width: 10.5%;
    }

    .nav-bar-container {
        margin-top: 5%;
        margin-left: 0%;
        width: 100%;
    }

    .nav-bar-container a:link,
    .nav-bar-container a:visited {
        font-size: 9.5px;
        padding-left: 1%;
    }

    .btn {
        width: 11%;
    }

    .services-btn-content {
        width: 15%;
    }

    .contact-btn-content {
        width: 16%;
    }

    /*!* ------------ PROFILE -------------*!*/
    .profile-container {
        padding-top: 10%;
        padding-right: 8%;
    }

    .who-we-are {
        width: 55%;
        padding-right: 6%;
        padding-bottom: 4%;
    }

    .profile-image-and-content p {
        padding: 4% 0% 4% 4%;
        font-size: 15px;
        word-spacing: 2px;
        line-height: 1.5;
        color: #ebebeb;
    }

    /*!* ------------ IMAGE SLIDER -------------*!*/
    .image-behind-slider {
        display: none !important;
    }

    .image-behind-slider-2 {
        display: block !important;
    }

    /*!* ------------ CLIENTS -------------*!*/
    .clients-heading-container h1 {
        font-size: 22px;
        text-align: center;
    }

    .clients-heading-container h1:after {
        margin-left: 33%;
        width: 5%;
    }

    .client-logo-container {
        margin-top: 8%;
        margin-bottom: 6%;
    }

    /*!* ------------ SERVICES -------------*!*/
    .services-heading-container h1 {
        font-size: 26px;
        text-align: center;
    }

    .services-heading-container h1:after {
        margin-top: 2%;
        margin-left: 44%;
        width: 5%;
    }

    /*!* ------------ PRE PRESS -------------*!*/
    .pre-press h1 {
        font-size: 20px;
        padding-top: 6%;
    }

    .pre-press p {
        font-size: 14px;
        padding-bottom: 6%;
    }

    /*!* ------------ PRINTING -------------*!*/
    .printing h1 {
        padding-top: 6%;
        font-size: 20px;
    }

    .printing p {
        font-size: 14px;
        padding-bottom: 6%;
    }

    /*!* ------------ BINDING -------------*!*/
    .binding h1 {
        padding-top: 6%;
        font-size: 20px;
    }

    .binding p {
        font-size: 14px;
        padding-bottom: 6%;
    }

    /*!* ------------ PACKAGING AND FINISHING -------------*!*/
    .packaging-and-finishing h1 {
        padding-top: 6%;
        font-size: 20px;
    }

    .packaging-and-finishing p {
        font-size: 14px;
        padding-bottom: 6%;
    }

    /*!* ------------ VISION -------------*!*/
    .vision-heading-container h1 {
        text-align: center;
        font-size: 24px;
    }

    .vision-heading-container h1:after {
        margin-top: 2%;
        margin-left: 52%;
        width: 4%;
    }

    .vision-content-container p {
        font-size: 16px;
    }

    .vision-main-container img {
        width: 100%;
    }

    /*!* ------------ VALUES -------------*!*/
    .values-heading-container h1 {
        font-size: 24px;
        text-align: center;
    }

    .values-heading-container h1:after {
        margin-top: 2%;
        margin-left: 52%;
        width: 5%;
    }

    .values-image-container {
        margin-top: 5%;
        padding-left: 3%;
    }

    .values-image-container img {
        width: 100%;
    }

    /* --------------------------------------------------- PRE-PRESS PAGE -----------------------------------------------------*/
    .pre-press-card-container {
        margin-top: 10%;
        width: 90%;
        margin-left: 5%;
    }

    .pre-press-main-image {
        height: 100vh;
        padding-top: 5%;
    }

    .pre-press-card-container h1 {
        font-size: 22px;
    }

    .pre-press-card-container p {
        font-size: 14.5px;
    }

    /* ---------------------------------------------------- PRESS PAGE --------------------------------------------------------*/
    .press-card-container {
        margin-top: 10%;
        width: 90%;
        margin-left: 5%;
    }

    .press-main-image {
        height: 65vh;
        padding-top: 5%;
    }

    .press-card-container h1 {
        font-size: 22px;
    }

    .press-card-container p {
        font-size: 14.5px;
    }

    /* --------------------------------------------------- POST-PRESS PAGE -----------------------------------------------------*/
    .post-press-card-container {
        margin-top: 10%;
        width: 90%;
        margin-left: 5%;
    }

    .post-press-main-image {
        height: 66vh;
        padding-top: 5%;
    }

    .post-press-card-container h1 {
        font-size: 22px;
    }

    .post-press-card-container p {
        font-size: 14.5px;
    }

    .post-press-card-container ul li {
        font-size: 14.5px;
    }

    /* ------------------------------------------- MAILING AND FULFILLMENT PAGE ------------------------------------------------*/
    .mailing-and-fulfillment-card-container {
        margin-top: 10%;
        width: 90%;
        margin-left: 5%;
    }

    .mailing-and-fulfillment-main-image {
        height: 63vh;
        padding-top: 5%;
    }

    .mailing-and-fulfillment-card-container h1 {
        font-size: 22px;
    }

    .mailing-and-fulfillment-card-container p {
        font-size: 14.5px;
    }

    /* --------------------------------------------------- QUOTE PAGE -----------------------------------------------------------*/
    .quote-container {
        margin-left: 5%;
        width: 90%;
        margin-top: 10%;
        background: rgba(223, 223, 223, 0.7);
        border-radius: 4px;
        border: 1px solid rgba(223, 223, 223, 0.7);
    }

    .quote-main-image {
        height: 114vh;
        padding-top: 5%;
    }

    .quote-container h2 {
        padding-top: 4%;
        font-size: 20px;
    }

    .footer-3d-btn-quote {
        width: 50%;
    }

    .received-message-container {
        margin-top: 10%;
        width: 90%;
        margin-left: 5%;
    }

    .received-message-container p {
        font-size: 14px;
    }

    /* --------------------------------------------------- FOOTER PAGE ---------------------------------------------------------*/
    .footer {
        font-size: 14px;
    }

    .footer p {
        font-size: 14px;
    }

    .footer h5 {
        font-size: 22px;
    }

    .footer ul {
        width: 100%;
    }

    .footer-contact-us {
        margin-bottom: 0%;
    }

    .foot-logo img {
        margin-top: -15%;
        width: 60%;
        padding-bottom: 6%;
    }

    .footer-3d-btn {
        width: 55%;
    }

    .social-icons {
        font-size: 8px;
    }

    .copyright-text p {
        font-size: 12px;
        text-align: center;
    }
}

/* --------------------------------- MIN-DEVICE-WIDTH: 350px AND MAX-DEVICE-WIDTH: 480px ------------------------------------*/

@media (min-device-width: 320px) and (max-device-width: 349px) {

    /* --------------------------------------------------- FRONT PAGE -----------------------------------------------------*/
    /*!* ------------ PROFILE -------------*!*/
    .profile-container {
        padding-top: 10%;
        padding-right: 8%;
    }

    .who-we-are {
        width: 55%;
        padding-right: 6%;
        padding-bottom: 4%;
    }

    .profile-image-and-content p {
        padding: 4% 0% 4% 4%;
        font-size: 15px;
        word-spacing: 2px;
        line-height: 1.5;
        color: #ebebeb;
    }

    /*!* ------------ IMAGE SLIDER -------------*!*/
    .image-behind-slider {
        height: 30vh;
        margin-top: 1%;
    }

    /*!* ------------ CLIENTS -------------*!*/
    .clients-heading-container h1 {
        font-size: 22px;
        text-align: center;
    }

    .clients-heading-container h1:after {
        margin-left: 33%;
        width: 5%;
    }

    .client-logo-container {
        margin-top: 8%;
        margin-bottom: 6%;
    }

    /*!* ------------ SERVICES -------------*!*/
    .services-heading-container h1 {
        font-size: 26px;
        text-align: center;
    }

    .services-heading-container h1:after {
        margin-top: 2%;
        margin-left: 44%;
        width: 5%;
    }

    /*!* ------------ PRE PRESS -------------*!*/
    .pre-press h1 {
        font-size: 20px;
        padding-top: 6%;
    }

    .pre-press p {
        font-size: 14px;
        padding-bottom: 6%;
    }

    /*!* ------------ PRINTING -------------*!*/
    .printing h1 {
        padding-top: 6%;
        font-size: 20px;
    }

    .printing p {
        font-size: 14px;
        padding-bottom: 6%;
    }

    /*!* ------------ BINDING -------------*!*/
    .binding h1 {
        padding-top: 6%;
        font-size: 20px;
    }

    .binding p {
        font-size: 14px;
        padding-bottom: 6%;
    }

    /*!* ------------ PACKAGING AND FINISHING -------------*!*/
    .packaging-and-finishing h1 {
        padding-top: 6%;
        font-size: 20px;
    }

    .packaging-and-finishing p {
        font-size: 14px;
        padding-bottom: 6%;
    }

    /*!* ------------ VISION -------------*!*/
    .vision-heading-container h1 {
        text-align: center;
        font-size: 24px;
    }

    .vision-heading-container h1:after {
        margin-top: 2%;
        margin-left: 52%;
        width: 4%;
    }

    .vision-content-container p {
        font-size: 16px;
    }

    .vision-main-container img {
        width: 100%;
    }

    /*!* ------------ VALUES -------------*!*/
    .values-heading-container h1 {
        font-size: 24px;
        text-align: center;
    }

    .values-heading-container h1:after {
        margin-top: 2%;
        margin-left: 52%;
        width: 5%;
    }

    .values-image-container {
        margin-top: 5%;
        padding-left: 3%;
    }

    .values-image-container img {
        width: 100%;
    }

    /* --------------------------------------------------- PRE-PRESS PAGE -----------------------------------------------------*/
    .pre-press-card-container {
        margin-top: 10%;
        width: 90%;
        margin-left: 5%;
    }

    .pre-press-main-image {
        height: 122vh;
        padding-top: 5%;
    }

    .pre-press-card-container h1 {
        font-size: 22px;
    }

    .pre-press-card-container p {
        font-size: 14.5px;
    }

    /* ---------------------------------------------------- PRESS PAGE --------------------------------------------------------*/
    .press-card-container {
        margin-top: 10%;
        width: 90%;
        margin-left: 5%;
    }

    .press-main-image {
        height: 73vh;
        padding-top: 5%;
    }

    .press-card-container h1 {
        font-size: 22px;
    }

    .press-card-container p {
        font-size: 14.5px;
    }

    /* --------------------------------------------------- POST-PRESS PAGE -----------------------------------------------------*/
    .post-press-card-container {
        margin-top: 10%;
        width: 90%;
        margin-left: 5%;
    }

    .post-press-main-image {
        height: 78vh;
        padding-top: 5%;
    }

    .post-press-card-container h1 {
        font-size: 22px;
    }

    .post-press-card-container p {
        font-size: 14.5px;
    }

    .post-press-card-container ul li {
        font-size: 14.5px;
    }

    /* ------------------------------------------- MAILING AND FULFILLMENT PAGE ------------------------------------------------*/
    .mailing-and-fulfillment-card-container {
        margin-top: 10%;
        width: 90%;
        margin-left: 5%;
    }

    .mailing-and-fulfillment-main-image {
        height: 75vh;
        padding-top: 5%;
    }

    .mailing-and-fulfillment-card-container h1 {
        font-size: 22px;
    }

    .mailing-and-fulfillment-card-container p {
        font-size: 14.5px;
    }

    /* --------------------------------------------------- QUOTE PAGE -----------------------------------------------------------*/
    .quote-container {
        margin-left: 5%;
        width: 90%;
        margin-top: 10%;
        background: rgba(223, 223, 223, 0.7);
        border-radius: 4px;
        border: 1px solid rgba(223, 223, 223, 0.7);
    }

    .quote-main-image {
        height: 130vh;
        padding-top: 5%;
    }

    .quote-container h2 {
        padding-top: 4%;
        font-size: 16px;
    }

    .footer-3d-btn-quote {
        width: 60%;
    }

    .received-message-container {
        margin-top: 10%;
        width: 90%;
        margin-left: 5%;
    }

    .received-message-container p {
        font-size: 14px;
    }

    /* --------------------------------------------------- FOOTER PAGE ---------------------------------------------------------*/
    .footer {
        font-size: 14px;
    }

    .footer p {
        font-size: 14px;
    }

    .footer h5 {
        font-size: 22px;
    }

    .footer ul {
        width: 100%;
    }

    .footer-contact-us {
        margin-bottom: 0%;
    }

    .foot-logo img {
        margin-top: -15%;
        width: 60%;
        padding-bottom: 6%;
    }

    .footer-3d-btn {
        width: 55%;
    }

    .social-icons {
        font-size: 8px;
    }

    .copyright-text p {
        font-size: 12px;
        text-align: center;
    }
}

/* ----------------------------------------------------------- OTHERS ------------------------------------------------------*/

@media screen and (min-width: 1160px)and (max-width: 1199px) {
    .logo {
        margin-left: 210%;
        margin-top: 20%;
    }
}

@media screen and (min-width: 1130px)and (max-width: 1159px) {
    .logo {
        margin-left: 220%;
        margin-top: 20%;
    }
}

@media screen and (min-width: 1100px)and (max-width: 1129px) {
    .logo {
        margin-left: 230%;
        margin-top: 20%;
    }
}

@media screen and (min-width: 1050px)and (max-width: 1099px) {
    .logo {
        margin-left: 250%;
        margin-top: 20%;
    }
}

@media screen and (min-width: 1030px)and (max-width: 1049px) {
    .logo {
        margin-left: 250%;
        margin-top: 20%;
    }
}

@media screen and (min-width: 1000px)and (max-width: 1029px) {
    .logo {
        margin-left: 280%;
        margin-top: 20%;
    }
}

@media screen and (min-width: 950px)and (max-width: 991px) {
    .logo {
        width: 5%;
        margin-left: 20%;
        margin-top: 2%;
    }

    .nav-bar-container {
        margin-top: -8%;
    }
}

@media screen and (min-width: 900px)and (max-width: 949px) {
    .logo {
        width: 5%;
        margin-left: 20%;
        margin-top: 2%;
    }

    .nav-bar-container {
        margin-top: -8%;
    }
}

@media screen and (min-width: 850px)and (max-width: 899px) {
    .logo {
        width: 5%;
        margin-left: 22%;
        margin-top: 2%;
    }

    .nav-bar-container {
        margin-top: -8%;
    }
}

@media screen and (min-width: 700px)and (max-width: 767px) {
    .logo {
        width: 6%;
        margin-left: 21%;
        margin-top: 2%;
    }

    .nav-bar-container {
        width: 100%;
    }

    .nav-bar-container a:link,
    .nav-bar-container a:visited {
        font-size: 9.5px;
        padding-left: 1%;
    }

    .btn {
        width: 10%;
    }

    .collapse-menu {
        margin-top: 10%;
        width: 5%;
    }

    .services-btn-content {
        width: 15%;
    }

    .contact-btn-content {
        width: 16%;
    }

    .footer-3d-btn {
        width: 30%;
    }

}

@media screen and (min-width: 650px) and (max-width: 699px) {

    .logo {
        width: 6%;
        margin-left: 23%;
        margin-top: 2%;
    }

    .collapse-menu {
        margin-top: 8%;
        width: 6%;
    }

    .footer-3d-btn {
        width: 35%;
    }

}

@media screen and (min-width: 600px) and (max-width: 649px) {

    .logo {
        width: 6%;
        margin-left: 25%;
        margin-top: 2%;
    }

    .collapse-menu {
        margin-top: 8%;
        width: 6%;
    }

    .footer-3d-btn {
        width: 35%;
    }

}

@media screen and (min-width: 550px) and (max-width: 599px) {

    .logo {
        width: 6%;
        margin-left: 27%;
        margin-top: 2%;
    }

    .collapse-menu {
        margin-top: 8%;
        width: 7%;
    }

    .footer-3d-btn {
        width: 35%;
    }

}

@media screen and (min-width: 500px) and (max-width: 549px) {

    .logo {
        width: 7%;
        margin-left: 30%;
        margin-top: 2%;
    }

    .collapse-menu {
        margin-top: 8%;
        width: 7.2%;
    }

    .footer-3d-btn {
        width: 40%;
    }
}

@media screen and (min-width: 480px ) and (max-width: 499px) {
    .footer-3d-btn {
        width: 45%;
    }

}

@media screen and (min-width: 349px) and (max-width: 385px) {
    .footer-3d-btn {
        width: 70%;
    }
}

@media (max-device-width: 320px) {

    .logo {
        margin-left: 46%;
    }

    .collapse-menu {
        width: 13%;
    }

    .footer-3d-btn {
        width: 70%;
    }
}

@media screen and (min-width: 480px) and (max-width: 500px) {
    .device-parent {
        margin-top: 5%;
    }
}

/* -------------------------------------- IMAGE SLIDER FOR LARGER DESKTOPS/ LAPTOPS ------------------------------------- */

@media screen and (min-device-width: 1440px) {

    /* --------------------------------------------------- FRONT PAGE -----------------------------------------------------*/
    .main-heading h6 {
        margin-left: -62%;
        font-size: 20px;
    }

    /*!* ------------ PROFILE -------------*!*/
    .profile-image-and-content p {
        font-size: 22px;
    }

    /*!* ------------ CLIENTS -------------*!*/
    .clients-heading-container h1 {
        font-size: 44px;
    }

    /*!* ------------ SERVICES -------------*!*/
    .services-heading-container h1 {
        font-size: 50px;
    }

    /*!* ------------ PRE PRESS -------------*!*/
    .pre-press h1 {
        font-size: 34px;
    }

    .pre-press-icon {
        width: 20%;
    }

    .pre-press p {
        font-size: 20px;
    }

    /*!* ------------ PRINTING -------------*!*/
    .printing h1 {
        font-size: 34px;
    }

    .printing-icon {
        width: 20%;
    }

    .printing p {
        font-size: 20px;
    }

    /*!* ------------ BINDING -------------*!*/
    .binding h1 {
        font-size: 34px;
    }

    .binding-icon {
        width: 20%;
    }

    .binding p {
        font-size: 20px;
    }

    /*!* ------------ PACKAGING AND FINISHING -------------*!*/
    .packaging-and-finishing h1 {
        font-size: 34px;
    }

    .packaging-and-finishing-icon {
        width: 20%;
    }

    .packaging-and-finishing p {
        font-size: 20px;
    }

    /*!* ------------ VISION -------------*!*/
    .vision-heading-container h1 {
        font-size: 48px;
    }

    .vision-content-container p {
        font-size: 26px;
    }

    /*!* ------------ VALUES -------------*!*/
    .values-heading-container h1 {
        font-size: 48px;
    }

    .values-image-container {
        margin-top: 2%;
        padding-left: 2%;
    }

    .values-image-container img {
        width: 80%;
    }

    /* --------------------------------------------------- PRE-PRESS PAGE -----------------------------------------------------*/
    .pre-press-main-image {
        height: 65vh;
        padding-top: 5%;
    }

    .pre-press-card-container h1 {
        font-size: 32px;
    }

    .pre-press-card-container p {
        font-size: 21px;
    }

    /* ---------------------------------------------------- PRESS PAGE --------------------------------------------------------*/
    .press-main-image {
        height: 45vh;
    }

    .press-card-container h1 {
        font-size: 32px;
    }

    .press-card-container p {
        font-size: 21px;
    }

    /* --------------------------------------------------- POST-PRESS PAGE -----------------------------------------------------*/
    .post-press-main-image {
        height: 55vh;
    }

    .post-press-card-container h1 {
        font-size: 32px;
    }

    .post-press-card-container p {
        font-size: 21px;
    }

    .post-press-card-container ul li {
        font-size: 21px;
    }

    /* ------------------------------------------- MAILING AND FULFILLMENT PAGE ------------------------------------------------*/
    .mailing-and-fulfillment-main-image {
        height: 50vh;
        padding-top: 5%;
    }

    .mailing-and-fulfillment-card-container h1 {
        font-size: 32px;
    }

    .mailing-and-fulfillment-card-container p {
        font-size: 21px;
    }

    /* --------------------------------------------------- QUOTE PAGE -----------------------------------------------------------*/
    .quote-container {
        margin-top: 3%;
    }

    .quote-main-image {
        height: 70vh;
    }

    .quote-container h2 {
        text-align: center;
        padding-top: 2%;
        font-size: 36px;
    }

    .received-message-container {
        padding: 1% 2% 1% 2%;
        background: rgba(223, 223, 223, 0.7);
        border-radius: 5px;
        margin-top: 3%;
    }

    .received-message-container p {
        font-size: 21px;
    }

    /* --------------------------------------------------- FOOTER PAGE ---------------------------------------------------------*/
    .footer-main-container {
        background-color: #18181a;
        padding-top: 5%;
    }

    .footer {
        position: relative;
        background-color: #1b1b1d;
        color: #7d7975;
        padding: 95px 0 50px;
        font-size: 18px;
    }

    .footer p {
        font-size: 20px;
    }

    .footer h5 {
        font-size: 28px;
    }

    .copyright-text p {
        font-size: 18px;
    }

}

/*------------------------------------- MIN-WIDTH: 1280px AND MAX-WIDTH: 1290px -------------------------------------------------*/

@media screen and (min-device-width: 1280px) and (max-device-width: 1281px) {

    /* --------------------------------------------------- FRONT PAGE -----------------------------------------------------*/
    /*!* ------------ PROFILE -------------*!*/
    .profile-container {
        background-color: #1b1b1d;
        padding-top: -30%;
        padding-right: 5%;
        /*padding-left: 5%;*/
    }

    /* --------------------------------------------------- PRE-PRESS PAGE -----------------------------------------------------*/
    .pre-press-card-container {
        margin-top: 0%;
    }

    .pre-press-main-image {
        height: 52vh;
    }

    /* ---------------------------------------------------- PRESS PAGE --------------------------------------------------------*/
    .press-card-container {
        margin-top: 0%;
    }

    .press-main-image {
        height: 40vh;
    }

    /* --------------------------------------------------- POST-PRESS PAGE -----------------------------------------------------*/
    .post-press-card-container {
        margin-top: 0%;
    }

    .post-press-main-image {
        height: 45vh;
        padding-top: 5%;
    }

    /* ------------------------------------------- MAILING AND FULFILLMENT PAGE ------------------------------------------------*/
    .mailing-and-fulfillment-card-container {
        margin-top: 0%;
    }

    .mailing-and-fulfillment-main-image {
        height: 34vh;
    }

    /* --------------------------------------------------- QUOTE PAGE -----------------------------------------------------------*/
    .quote-container {
        margin-top: 0%;
    }

    .quote-main-image {
        height: 55vh;
    }
}

/*------------------------------------- IMAGE SLIDER FOR MOBILE DEVICES -------------------------------------------------*/

@media screen and (min-device-width: 360px) and (max-device-width: 370px) {

    .image-behind-slider {
        display: none !important;
    }

    .image-behind-slider-2 {
        display: block !important;
    }
}

@media screen and (min-device-width: 411px) and (max-device-width: 413px) and (min-device-height: 731px) {

    .image-behind-slider {
        display: none !important;
    }

    .image-behind-slider-2 {
        display: block !important;
        height: 28vh;
    }

    .pre-press-main-image {
        height: 90vh;
    }

    .press-main-image {
        height: 52vh;
    }

    .post-press-main-image {
        height: 54vh;
    }

    .mailing-and-fulfillment-main-image {
        height: 52vh;
    }

    .quote-main-image {
        height: 98vh;
    }
}

@media screen and (min-device-width: 411px) and (max-device-width: 413px) and (min-device-height: 823px) {

    .image-behind-slider {
        display: none !important;
    }

    .image-behind-slider-2 {
        display: block !important;
    }

    .pre-press-main-image {
        height: 75vh;
    }

    .press-main-image {
        height: 48vh;
    }

    .post-press-main-image {
        height: 50vh;
    }

    .mailing-and-fulfillment-main-image {
        height: 48vh;
    }

    .quote-main-image {
        height: 88vh;
    }

}

@media screen and (min-device-width: 375px) and (max-device-width: 380px) and (min-device-height: 667px ) {

    .image-behind-slider {
        display: none !important;
    }

    .image-behind-slider-2 {
        display: block !important;
    }

    .pre-press-main-image {
        height: 96vh;
    }

    .press-main-image {
        height: 58vh;
    }

    .post-press-main-image {
        height: 62vh;
    }

    .mailing-and-fulfillment-main-image {
        height: 60vh;
    }

    .quote-main-image {
        height: 108vh;
    }

}

@media screen and (min-device-width: 375px) and (max-device-width: 380px) and (min-device-height: 812px ) {

    .image-behind-slider {
        display: none !important;
    }

    .image-behind-slider-2 {
        display: block !important;
        height: 22vh;
    }

    .pre-press-main-image {
        height: 80vh;
    }

    .press-main-image {
        height: 50vh;
    }

    .post-press-main-image {
        height: 52vh;
    }

    .mailing-and-fulfillment-main-image {
        height: 48vh;
    }

    .quote-main-image {
        height: 88vh;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width: 780px) and (min-device-height: 1024px ) {

    .image-behind-slider {
        height: 40vh;
        width: auto;
    }

    .pre-press-main-image {
        height: 46vh;
    }

    .press-main-image {
        height: 32vh;
    }

    .post-press-main-image {
        height: 40vh;
    }

    .mailing-and-fulfillment-main-image {
        height: 34vh;
    }

    .quote-main-image {
        height: 70vh;
    }
}

@media screen and (min-device-width: 1024px) and (max-device-width: 1050px) and (min-device-height: 1365px ) {

    .image-behind-slider {
        height: 36vh;
        width: auto;
    }

    .image-behind-slider-2 {
        display: none !important;
    }

    .pre-press-main-image {
        height: 30vh;
    }

    .press-main-image {
        height: 22vh;
    }

    .post-press-main-image {
        height: 26vh;
    }

    .mailing-and-fulfillment-main-image {
        height: 22vh;
    }

    .quote-main-image {
        height: 34vh;
    }
}

@media screen and (min-device-width: 414px) and (max-device-width: 420px) {

    .image-behind-slider {
        display: none !important;
    }

    .image-behind-slider-2 {
        display: block !important;
    }

    .logo {
        width: 10%;
        height: auto;
        margin-left: 35%;
        margin-top: 8%;
    }

    .pre-press-main-image {
        height: 80vh;
    }

    .press-main-image {
        height: 52vh;
    }

    .post-press-main-image {
        height: 56vh;
    }

    .mailing-and-fulfillment-main-image {
        height: 50vh;
    }

    .quote-main-image {
        height: 98vh;
    }
}