@media (max-width: 2800px) {

    .header-content {
        background-image: url(/assets/images/main_banner2800.jpg);
        background-size: cover;
        height: 800px;

    }

}

@media (max-width: 1800px) {
    .header-content {
        background-image: url(/assets/images/main_banner1800.jpg);
        background-size: cover;
        height: 700px;

    }

}

@media (max-width: 1500px) {
    .header-content {
        background-image: url(/assets/images/main_banner1500.jpg);
        background-size: cover;
        height: 650px;

    }

}

@media (max-width: 1200px) {
    /*
    Before 1140 (Small old Displays)
     */
    .navigation {
        display: none;
    }

    .mobile-navigation {
        display: flex;
    }

    .header-content {
        background-size: cover;
        background-position: left;
    }

    .header-content .search-content input {
        width: 80%;
    }

    .header-content .search-content {
        padding: 10px;
    }

    .footer ul {
        display: inline-block;
    }

    .footer ul li {
        margin-bottom: 10px;
    }

    .section-design h5 {
        display: none;
    }

    .product-description .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .contact-form label {
        width: 100%;
    }

    .card-details img {
        width: 520px;
    }

    .card-details {
        width: 520px;
    }

    #collapseThree .img-responsive {
        width: 150px;
    }


}

@media (max-width: 993px) {
    /*
    Before 992px (Tablets Displays)
     */
    .header-content .header-titles .firsttitle {
        font-size: 42px;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.54);
    }

    .secondtitle {
        display: none;
    }

    .contact-form .form-check {
        margin-left: 0;
    }

    #collapseThree .img-responsive {
        width: 100px;
    }
}

@media (max-width: 768px) {
    /*
    Before  768px (Mobile Displays)
     */
    .header-content {
        background-image: url(/assets/images/mobile-banner.jpg);
        background-size: cover;

    }

    .second-title {
        display: none;
    }

    .header-content .search-content {
        padding: 5px;
    }

    .carousel-caption img {
        display: none;
    }

    .text-image h5 {
        display: none;
    }

    .text-image {
        display: flex;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .contact-title {
        top: 30%;
    }

    .contact-title p {
        display: none;
    }

    .card-details img {
        width: 320px;
    }

    .card-details {
        width: 320px;
    }

    #collapseThree .img-responsive {
        width: 250px;
    }

    .about-history {
        padding: 20px 20px;
    }
    .header-content .header-titles .first-title {
        font-size: 24px;
    }
    .carousel-caption h1 {
        font-size: 24px;
    }
    .carousel-caption h4 {
        font-size: 16px;
    }
}

@media (max-width: 385px) {
    .contact-title h1 {
        font-size: 30px;
    }

    .contact-form .btn {
        width: 100%;
        height: 50px;
        padding: 0;
    }
}