/* Mobile Screen */

@media only screen and (max-device-width: 480px) {
    .navbar-brand img {
        max-height: 60px;
    }
    .banner-content {
        left: 0!important;
    }
    .section-banner .banner-img {
        object-position: center;
    }
    .content .container.inner-banner-content {
        margin-top: 0px;
    }
    .address-row ul {
        flex-direction: column;
    }
    .border-sm-none {
        border: none;
    }
    .text-normal {
        font-size: 16px;
    }
    footer .social-icons {
        margin-top: 15px;
    }
    .menu-erwin .nav-button {
        right: 15px;
        top: 15px;
    }
    .menu-erwin .menuContainer {
        padding: 15px;
    }
    .top-logo {
        height: 80px;
    }
    .banner-content h1 {
        font-size: 3rem;
    }
    .banner-content h2 {
        font-size: 1.5rem;
    }
    .banner-content h3 {
        font-size: 1.5rem;
    }
    .banner-content p {
        font-size: 1rem;
    }
    .banner-content.top-50 {
        top: inherit;
        bottom: 25%;
    }
    .left-image .image-container,
    .right-image .image-container {
        max-width: 600px;
        height: 335px;
    }
}


/* Tablet Screen */

@media only screen and (max-device-width: 768px) {
    .banner-content {
        left: 0!important;
    }
    .section-banner .banner-img {
        object-position: center;
    }
    .flex-container {
        flex-direction: column;
    }
    .column-big,
    .column-small,
    .column-bigger {
        width: 100%!important;
    }
    .lead {
        font-size: 1rem;
    }
    .simple-quote {
        width: 100%;
    }
    .content .container.inner-banner-content {
        margin-top: 0px;
    }
    .contentTemplates-leftText h2 {
        font-size: 1.5rem !important;
    }
    .border-sm-none {
        border: none;
    }
    .grid-section .grid-text {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
}

@media (max-width: 1280px) {
    .display-4 {
        font-size: 3rem;
    }
    .lead {
        font-size: 1rem;
    }
    .left-image .image-container,
    .right-image .image-container {
        max-width: 600px;
        height: 500px;
    }
    .left-image .layer1,
    .right-image .layer1 {
        top: 60px;
        left: 35%;
    }
    .left-image .layer2,
    .right-image .layer2 {
        top: 30px;
        left: 14%;
    }
    .right-image .layer3.star-left {
        left: 80%;
    }
    .grid-section .grid-text {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}

@media (min-width: 1200px) {
    .content .container,
    .content .container-lg,
    .content .container-md,
    .content .container-sm,
    .content .container-xl {
        max-width: 1000px;
    }
    .text-normal {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1300px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1400px;
        /* Changed from 1320 - 1400*/
    }
    .content .container,
    .content .container-lg,
    .content .container-md,
    .content .container-sm,
    .content .container-xl {
        max-width: 1300px;
        /* Changed from 1320 - 1400*/
        /* max-width: 1160px; */
    }
}