.breatcome_area_product {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 60vh;
    width: 100%;
    text-align: center;
    align-items: center;
    display: flex;
    left-content: center;
    color: #ffffff8c;
}



.feature-item {
    display: flex;
}

.feature-item img {
    height: 20px;
    width: 20px;
    margin: 10px 10px;
}


.prehungdoor-banner {
    background-image: url('../images/new-images/prehung-door/pre-hung-banner.jpg');
}

.breatcome_title {
    margin-top: 180px;
}

.breatcome_area_product .breatcome_title_inner h2 {
    color: #fff;
    margin: 0;
    font-size: 40px;
    margin-bottom: 6px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
}

.breatcome_area_product .breatcome_content ul {
    text-align: center;
}

.breatcome_area_product .breatcome_content ul li {
    list-style: none;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
}

.breatcome_area_product .breatcome_content ul li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    margin-right: 5px;
}

.breatcome_area_product .breatcome_content ul li a i {
    margin-left: 5px;
}


/* Prodcut section */



.product-description-section {
    margin-top: 50px;
}

.product-description {
    margin-left: 20px;
}

.product-description h1 {
    font-size: 45px;
    color: #00663a;
    font-weight: 700;

}

.product-description p {
    text-align: left;
    font-size: 18px;

}

.product-feature {
    margin-left: 40px;
}

.product-feature h6 {
    margin-left: -20px;
    font-size: 15px;
    font-weight: 600;

}

.product-content-section-1 {
    margin-top: 50px;
    background: #85c13f9e;
    padding: 50px;
}

.feature-list {
    list-style-type: none;
    margin-left: -18px;

}

.feature-list-1 li {
    font-size: 18px;

}

.feature-list-2 li {
    font-size: 18px;

}

.product-content-1 {
    text-align: center;
}

.product-content-1 h2 {
    font-size: 40px;
    color: #00663a;
    font-weight: 600;

}

.product-content-1 p {

    font-size: 18px;
}

.product-content-section-2 {
    /*margin-top: 50px;*/
    background: #85c13f9e;
    padding: 50px;
}

.product-content-2 {
    text-align: center;
}

.product-content-2 p {

    font-size: 18px;
    margin: 45px;
}

.product-content-2 h2 {
    font-size: 40px;
    color: #00663a;
    font-weight: 600;

}

.caption-h2 {
    font-size: 22px;
    text-align: center;
    margin-top: -10px;

}

/* Call to action */
.product-grid-cta {
    padding: 8px 30px;
}

.call-to-caption {
    margin-top: 20px;
    margin-left: 30px;
}

.quote-btn {
    background-color: #85c13f;
    border: none;
    padding: 15px;
    width: 150px;
    font-size: 18px;
    color: #fff;

}

.contact-btn {
    background: none;
    border: 2px solid #85c13f;
    padding: 12px;
    width: 150px;
    font-size: 18px;
    color: #fff;
    margin-left: 15px;

}


#custCarousel .carousel-control-next-icon,
.carousel-control-prev-icon {
    background: #00663a no-repeat center center;
    width: 40px;
    height: 40px;
}

#custCarousel .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

#custCarousel .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

/* Call to action */

.product-button {
    margin-left: 27px;
}

.product-button a {
    background-color: #00663a;
    color: #fff;
    padding: 10px;
    width: 115px;
    text-align: center;

    font-weight: 700;
}

.send-btn {
    background-color: #00663a;
    color: #fff;
    padding: 10px;
    width: 115px;
    text-align: center;

    font-weight: 700;

}

.get-quote-input {
    margin-bottom: 10px;
    border-color: #00663a !important;
    border-width: 0 0 2px 0;
    border-radius: 0px !important;
    font-size: 14px;
}

.get-quote-input:focus {
    box-shadow: 0 0 0 -0.8rem rgba(0, 123, 255, .25) !important;
}

label {
    color: #00663a !important;
    font-size: 14px;
}

.flush-product-banner {
    background-image: url('../images/new-images/commercial-flush-door/banner-image.jpg');
}


.fire-retardant-door-banner {
    background-image: url('../images/new-images/fire-retardant-door/banner-image.jpg');
}

.laminated-door-banner {
    background-image: url('../images/new-images/laminated-door/banner-image.jpg');
}


.veneer-door-banner {
    background-image: url('../images/new-images/veneer-door/banner-image.jpg');
}

.fire-ply-product-banner {
    background-image: url('../images/new-images/ply-category/fire-ply-banner.jpg');
}

.marine-ply-product-banner {
    background-image: url('../images/new-images/ply-category/marine-ply-banner.jpg');
}

.normal-ply-banner {
    background-image: url('../images/new-images/ply-category/commercial-ply-banner.jpg');
}


.blockboard-banner {
    background-image: url('../images/new-images/blockboards/Blockboard-Hero-Banner.jpg');
}

.cat-other-heading h3 {
    text-align: center;
    font-weight: 900;
    color: #00663a;
    font-size: 35px !important;
    margin-bottom: 30px;
}


.application-list {
    list-style-type: none;
    text-align: center;
    width: 65%;
    margin: 0 auto;
}

#building-li {
    margin-left: -77px;
}

#education-li {
    margin-left: 11px;
}

#residential-id {
    margin-left: 25px;
}

#commercial-id {
    margin-left: 32px;
}

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

    .product-content-1 p {
        text-align: left;
    }

    .application-list {
        width: 100%;
        text-align: left;
    }

    #building-li {
        margin: 10px 0;
    }

    #education-li {
        margin: 0;
    }

    .product-feature {
        margin-left: 40px;
    }

    .flush-product-banner {
        height: 55vh;
    }

    .fire-retardant-door-banner {
        height: 57vh;
    }

    .laminated-door-banner {
        height: 53vh;
    }

    .blockboard-banner {
        height: 57vh;
    }
}

@media screen and (max-width: 1336px) {

    .product-content-1 p {
        text-align: left;
    }

    .application-list {
        width: 100%;
        text-align: left;
    }

    #building-li {
        margin: 10px 0;
    }

    #education-li {
        margin: 0;
    }

    .flush-product-banner {
        height: 53vh;
        width: 100%;
        object-fit: contain;
    }

    .fire-retardant-door-banner {
        height: 51vh;
    }

    .laminated-door-banner {
        height: 52vh !important;
    }

    .fire-ply-product-banner {
        height: 53vh;
    }

    .marine-ply-product-banner {
        height: 54vh;
    }

    .blockboard-banner {
        height: 52vh;
    }
}

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

    .product-image img {
        height: auto;
        width: 100%;
    }

    .product-content-1 p {
        text-align: left;
    }

    .application-list {
        width: 80%;
        text-align: left;
    }

    #building-li {
        margin: 10px 0;
    }

    #education-li {
        margin: 0;
    }

    .product-feature {
        margin-left: 21px;
    }

    .flush-product-banner {
        height: 40vh;
        width: 100%;
        object-fit: contain;
    }

    .fire-retardant-door-banner {
        height: 46vh;
    }

    .laminated-door-banner {
        height: 47vh !important;
    }

    .veneer-door-banner {
        height: 47vh;
    }

    .fire-ply-product-banner {
        height: 47vh;
    }

    .marine-ply-product-banner {
        height: 50vh;
    }

    .blockboard-banner {
        height: 47vh;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1600px) {
    .product-content-2 h2 {
        text-align: center;
    }

    .product-content-2 {
        text-align: left;
    }

    .product-col img {
        width: -webkit-fill-available;
    }

    .product-col-content {
        width: 190px;
    }

}


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

    .product-col img {
        width: -webkit-fill-available;
    }

    .product-col-content {
        width: 190px;
    }

    .product-content-2 h2 {
        text-align: center;
    }

    .product-content-2 {
        text-align: left;
    }
}


@media only screen and (min-width: 769px) and (max-width: 1024px) {

    .product-col img {
        width: -webkit-fill-available !important;
    }

    .product-col-content {
        width: 150px !important;
    }

    .product-content-2 h2 {
        text-align: center;
    }

    .product-content-2 {
        text-align: left;
    }

    .product-description h1 {
        font-size: 2.7rem;
        margin: 20px 0;
    }

    .product-image img {
        height: auto;
        width: 100%;
    }

    /*.breatcome_area_product{
          height: 360px;
     }*/

    .flush-product-banner {
        height: 40vh;
        width: 100%;
        object-fit: contain;
    }

    .fire-retardant-door-banner {
        height: 39vh;
    }

    .laminated-door-banner {
        height: 43vh !important;
    }

    .veneer-door-banner {
        height: 40vh;
    }

    .fire-ply-product-banner {
        height: 39vh;
    }

    .marine-ply-product-banner {
        height: 42vh;
    }

    .blockboard-banner {
        height: 23vh !important;
    }

    .product-content-1 p {
        text-align: left;
    }

    .application-list {
        width: 80%;
        text-align: left;
    }

    #building-li {
        margin: 10px 0;
    }

    #education-li {
        margin: 0;
    }
}

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


    .prehungdoor-banner {
        background-image: url(../images/new-images/prehung-door/pre-hung-banner.jpg);
        height: 31vh;

    }


    .product-content-1 p {
        text-align: left;
    }

    .application-list {
        width: 100%;
        text-align: left;
    }

    #building-li {
        margin: 10px 0;
    }

    #education-li {
        margin: 0;
    }

    .product-image img {
        height: auto;
        width: 100%;
    }

    .product-feature {
        margin-left: 21px;
    }

    .flush-product-banner {
        height: 40vh;
        width: 100%;
        object-fit: contain;
    }

    .fire-retardant-door-banner {
        height: 37vh;
    }

    .laminated-door-banner {
        height: 40vh !important;
    }

    .veneer-door-banner {
        height: 37vh;
    }

    .marine-ply-product-banner {
        height: 40vh;
    }

    #headerSection .navbarSec {
        background-color: #00663a !important;
    }

    .normal-ply-banner {
        height: 56vh;
    }

    .blockboard-banner {
        height: 37vh;
    }
}

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

    .fire-ply-product-banner,
    .laminated-door-banner,
    .prehungdoor-banner,
    .fire-retardant-door-banner,
    .veneer-door-banner,
    .marine-ply-product-banner,
    .normal-ply-banner,
    .blockboard-banner {
        height: 22vh;
    }

    .flush-product-banner {
        height: 21vh;
        width: 100%;
        object-fit: contain;
    }

    .product-content-1 p,
    .product-description p {
        text-align: left;
    }

    .application-list {
        width: 100%;
        text-align: left;
    }

    #building-li {
        margin: 10px 0;
    }

    #education-li {
        margin: 0;
    }

    .product-col img {
        height: auto;
    }

    .product-image img {
        width: 100%;
    }

    .product-col {
        text-align: center;
        margin-bottom: 20px;
    }

    .caption-h2 {
        font-size: 17px;
    }

    .product-col-content {
        width: 183px;
    }
}

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

    .feature-item {
        font-size: 0.9rem;
    }

    .feature-item img {
        height: 20px;
        width: 20px;
        margin: 5px 10px;
    }

    .product-image {
        padding: 20px 0;
        margin-left: 0 !important;
    }

    .prehungdoor-banner {
        background-image: url('../images/Pre_hungdoor_Mobile_banner.jpg');

        height: 70vh;
    }

    .product-content-1 p {
        text-align: left;
    }

    .application-list {
        width: 100%;
        text-align: left;
    }

    #building-li {
        margin: 10px 0;
    }

    #education-li {
        margin: 0;
    }

    .flush-product-banner {
        background-image: url('../images/new-images/mobile-banner/Commercial_flush_door_banner.jpg');
        height: 75%;
    }

    .fire-retardant-door-banner {
        background-image: url('../images/new-images/mobile-banner/Fire_Retardant_Door_banner.jpg');
        height: 85vh;
    }

    .laminated-door-banner {
        background-image: url('../images/new-images/mobile-banner/laminated-door-banner.jpg');
        height: 85vh !important;
    }

    .veneer-door-banner {
        background-image: url('../images/new-images/mobile-banner/Veneer-Door-Mobile-banner.jpg');
        height: 79vh;
    }

    .fire-ply-product-banner {
        background-size: cover;
        background-image: url('../images/new-images/mobile-banner/Fire_ply_banner.jpg');
        height: -webkit-fill-available;
        background-position: center;
    }

    .marine-ply-product-banner {
        background-image: url('../images/new-images/mobile-banner/marine-Ply-banner.jpg');
        height: 100vh;
    }

    .normal-ply-banner {
        background-image: url('../images/new-images/mobile-banner/Commercial-ply-banner.jpg');
        height: 90vh !important;
        background-size: cover;
    }

    .blockboard-banner {
        background-image: url('../images/new-images/mobile-banner/Blockboard-mobile-banner.jpg');
        height: 75vh !important;
    }

    .product-description h1 {
        font-size: 3rem;
        margin: 20px 0;
    }

    .product-content-1 h2 {
        margin: 20px 0;
        font-size: 3rem;
    }

    .product-content-2 h2 {
        font-size: 2.5rem;
        margin: 20px 0;
    }

    .product-description {
        margin-top: 20px;
        text-align: center;
    }

    .product-description p {
        text-align: center;
    }

    .caption-h2 {
        font-size: 22px;
    }

    .product-feature h6 {
        text-align: center;
        font-size: 22px;
    }

    .feature-list {
        display: block;
    }

    .feature-list-1 {
        margin-left: 4px;
    }


    .feature-list-2 {
        margin-left: 3px;
    }

    .product-col {
        text-align: center;
    }

    .product-col-content {
        /* width: 295px; */
        margin-left: 85px;
        margin-bottom: 20px;
    }

    .product-col-content:after {
        left: 45px;
    }

    .about-form-section {
        margin-top: -60px;
    }

    .feature-list-1 li {
        margin-bottom: 10px;
    }

    .feature-list-2 li {
        margin-bottom: 10px;
    }

    .product-button {
        text-align: center;
        margin-left: 0;
    }

    .product-content-1 p {
        text-align: left;
    }

    .product-content-section-2 {
        padding: 23px;
    }

    .product-image img {
        width: -webkit-fill-available;
    }

    .product-content-section-1 {
        padding: 30px 15px;
    }

    .product-description p {
        text-align: left;
        margin-left: -20px;
    }

    .product-content-2 p {
        margin: -9px;
        text-align: left
    }
}


@media screen and (max-width: 476px) {

    .feature-item {
        font-size: 0.9rem;
        text-align: left;
    }

    .feature-item img {
        height: 20px;
        width: 20px;
        margin: 5px 10px;
    }

    .product-image {
        padding: 20px 0;
        margin-left: 0 !important;
    }

    .prehungdoor-banner {
        background-image: url('../images/Pre_hungdoor_Mobile_banner.jpg');

        height: 60vh;
    }

    .product-content-1 p {
        text-align: left;
    }

    .application-list {
        width: 100%;
        text-align: left;
    }

    #building-li {
        margin: 10px 0;
    }

    #education-li {
        margin: 0;
    }

    .flush-product-banner {
        background-image: url('../images/new-images/mobile-banner/Commercial_flush_door_banner.jpg');
        height: 65%;
    }

    .fire-retardant-door-banner {
        background-image: url('../images/new-images/mobile-banner/Fire_Retardant_Door_banner.jpg');
        height: 73vh;
    }

    .laminated-door-banner {
        background-image: url('../images/new-images/mobile-banner/laminated-door-banner.jpg');
        height: 75vh !important;
    }

    .veneer-door-banner {
        background-image: url('../images/new-images/mobile-banner/Veneer-Door-Mobile-banner.jpg');
        height: 61vh;
    }

    .fire-ply-product-banner {
        background-image: url('../images/new-images/mobile-banner/Fire_ply_banner.jpg');
        height: 86vh;
        background-size: cover;
    }

    .marine-ply-product-banner {
        background-image: url('../images/new-images/mobile-banner/marine-Ply-banner.jpg');
    }

    .normal-ply-banner {
        background-image: url('../images/new-images/mobile-banner/Commercial-ply-banner.jpg');
        height: 83vh !important;
    }

    .blockboard-banner {
        background-image: url('../images/new-images/mobile-banner/Blockboard-mobile-banner.jpg');
        height: 68vh !important;
    }

    .caption-h2 {
        font-size: 21px;
    }

    .product-content-1 p {
        text-align: left;
    }

    .product-content-section-2 {
        padding: 23px;
    }

    .product-image img {
        width: -webkit-fill-available;
    }

    .product-description p {
        text-align: left;
        font-size: 0.9rem;
    }

    .product-content-2 p {
        margin: 7px;
        text-align: left;
        font-size: 0.9rem;
    }

    .product-content-1 h2 {
        font-size: 2rem;
        margin: 22px 0;
    }

    .product-description h1 {
        font-size: 2.5rem;
        margin: 20px 0;
    }

    .product-content-section-1 {
        padding: 20px 0;
    }

    .product-content-2 h2 {
        font-size: 2.2rem;
        margin: 22px 0;
    }


}

@media screen and (max-width: 426px) {

    .feature-item {
        font-size: 0.9rem;
    }

    .feature-item img {
        height: 20px;
        width: 20px;
        margin: 5px 10px;
    }

    .product-button {
        margin-left: 0px !important;
    }

    .product-image {
        padding: 20px 0;
        margin-left: 0 !important;
    }

    .reverse {
        flex-direction: column-reverse;
    }

    .prehungdoor-banner {
        background-image: url(../images/Pre_hungdoor_Mobile_banner.jpg);
        height: 60vh;
        background-size: cover;
    }


    .product-content-1 p {
        text-align: left;
    }

    .application-list {
        width: 100%;
        text-align: left;
    }

    #building-li {
        margin: 10px 0;
    }

    #education-li {
        margin: 0;
    }

    .flush-product-banner {
        background-image: url('../images/new-images/mobile-banner/Commercial_flush_door_banner.jpg');
        height: 65%;
        background-size: cover;
    }

    .fire-retardant-door-banner {
        background-image: url('../images/new-images/mobile-banner/Fire_Retardant_Door_banner.jpg');
        height: 65vh;
    }

    .laminated-door-banner {
        background-image: url('../images/new-images/mobile-banner/laminated-door-banner.jpg');
    }

    .veneer-door-banner {
        background-image: url('../images/new-images/mobile-banner/Veneer-Door-Mobile-banner.jpg');
        height: 60vh;
    }

    .fire-ply-product-banner {
        height: 72vh;
        background-image: url('../images/new-images/mobile-banner/Fire_ply_banner.jpg');
        background-size: cover;
    }

    .marine-ply-product-banner {
        background-image: url('../images/new-images/mobile-banner/marine-Ply-banner.jpg');
        height: 87vh;
    }

    .normal-ply-banner {
        background-image: url('../images/new-images/mobile-banner/Commercial-ply-banner.jpg');
        height: 75vh !important;
    }

    .blockboard-banner {
        background-image: url('../images/new-images/mobile-banner/Blockboard-mobile-banner.jpg');
        height: 56vh !important;
    }

    .caption-h2 {
        font-size: 18px;
    }

    .feature-list-2 {
        margin-left: 25px;
    }

    .product-content-1 p {
        text-align: left;
        margin: 0;
        font-size: 0.9rem;
    }

    .product-image img {
        width: -webkit-fill-available;
    }

    .feature-list-2 {
        margin-left: 5px;
    }

    .product-content-1 h2 {
        font-size: 1.8rem;
        margin: 20px 0;
    }

    .product-content-2 h2 {
        font-size: 2rem;
        margin: 20px 0;
    }

    .product-description h1 {
        font-size: 2rem;
        margin: 20px 0;
    }

    .product-content-section-1 {
        padding: 20px 0;
    }
}

@media screen and (max-width: 376px) {

    .feature-item {
        font-size: 0.9rem;
    }

    .feature-item img {
        height: 20px;
        width: 20px;
        margin: 5px 10px;

    }

    .product-description {
        margin-top: -10%;
        text-align: center;
    }

    #commercial-id {
        margin-left: 0 !important;
    }

    #residential-id {
        margin-left: 0 !important;
    }

    .product-button {
        margin-left: 0px !important;
    }

    .product-image {
        padding: 20px 0;
        margin-left: 0 !important;
    }

    .reverse {
        flex-direction: column-reverse;
    }

    .prehungdoor-banner {
        background-image: url('../images/Pre_hungdoor_Mobile_banner.jpg');
        height: 60vh;
    }

    .product-content-1 p {
        text-align: left;
        font-size: 0.9rem;
    }

    .application-list {
        width: 100%;
        text-align: left;
    }

    #building-li {
        margin: 10px 0;
    }

    #education-li {
        margin: 0;
    }

    .product-content-section-1 {
        padding: 20px 0;
    }

    .flush-product-banner {
        background-image: url('../images/new-images/mobile-banner/Commercial_flush_door_banner.jpg');
        height: 65%;
        background-size: cover;
    }

    .fire-retardant-door-banner {
        background-image: url('../images/new-images/mobile-banner/Fire_Retardant_Door_banner.jpg');
        height: 65vh;
    }

    .laminated-door-banner {
        background-image: url(../images/new-images/mobile-banner/laminated-door-banner.jpg);
        height: 60vh ! IMPORTANT;
        background-size: cover;
    }

    .veneer-door-banner {
        background-image: url('../images/new-images/mobile-banner/Veneer-Door-Mobile-banner.jpg');
        height: 68vh;
        background-size: cover;
    }

    .marine-ply-product-banner {
        background-image: url('../images/new-images/mobile-banner/marine-Ply-banner.jpg');
        height: 70vh;

    }

    .fire-ply-product-banner {
        background-image: url('../images/new-images/mobile-banner/Fire_ply_banner.jpg');
        height: 69vh;
    }

    .normal-ply-banner {
        background-image: url('../images/new-images/mobile-banner/Commercial-ply-banner.jpg');
        height: 68vh !important;
        background-size: cover;
    }

    .blockboard-banner {
        background-image: url('../images/new-images/mobile-banner/Blockboard-mobile-banner.jpg');
        height: 60vh !important;
    }

    .product-description {
        margin-left: 0px;
    }

    .product-content-section-1 {
        margin-top: 25px;
    }

    .product-content-section-2 {
        margin-top: 25px;
    }

    .call-to-caption {
        margin-left: -20px;
    }

    .about-form-section {
        padding: 10px;
    }

    #custCarousel .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 25px;
        height: 25px;
    }

    .product-description p {
        margin-left: 2px;
        text-align: left;
        font-size: 0.9rem;
    }

    .feature-list-2 {
        margin-left: -2px;
    }

    .product-content-section-2 {
        margin-top: 0px;
    }

    .product-col img {
        width: 325px !important;
    }

    .product-col-content {
        /* margin-left: 10px !important; */
        width: 230px;
    }

    .feature-list {
        display: block;
    }

    .product-image img {
        width: 350px;
    }

    .product-image img {
        width: -webkit-fill-available;
    }

    .product-description h1 {
        font-size: 2rem;
        margin: 20px 0;
    }
}

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

    .feature-list-1 li {
        font-size: 0.9rem;
    }

    .feature-item {
        font-size: 0.9rem;
    }

    .feature-item img {
        height: 20px;
        width: 20px;
        margin: 5px 10px;

    }

    .product-description {
        margin-top: -10%;
        text-align: center;
    }

    #commercial-id {
        margin-left: 0 !important;
    }

    #residential-id {
        margin-left: 0 !important;
    }

    .product-button {
        margin-left: 0px !important;
    }

    .product-image {
        padding: 20px 0;
        margin-left: 0 !important;
    }

    .reverse {
        flex-direction: column-reverse;
    }

    .prehungdoor-banner {
        background-image: url('../images/Pre_hungdoor_Mobile_banner.jpg');
        height: 70vh;
    }

    .product-content-1 p {
        text-align: left;
        font-size: 0.9rem;
    }

    .application-list {
        width: 100%;
        text-align: left;
    }

    #building-li {
        margin: 10px 0;
    }

    #education-li {
        margin: 0;
    }

    .product-content-section-1 {
        padding: 20px 0;
    }

    .flush-product-banner {
        background-image: url('../images/new-images/mobile-banner/Commercial_flush_door_banner.jpg');
        height: 60%;
        background-size: cover;
    }

    .fire-retardant-door-banner {
        background-image: url('../images/new-images/mobile-banner/Fire_Retardant_Door_banner.jpg');
        height: 60%;
        background-size: cover;
    }

    .laminated-door-banner {
        background-image: url(../images/new-images/mobile-banner/laminated-door-banner.jpg);
        height: 60%;
        background-size: cover;
    }

    .veneer-door-banner {
        background-image: url('../images/new-images/mobile-banner/Veneer-Door-Mobile-banner.jpg');
        height: 60%;
        background-size: cover;
    }

    .marine-ply-product-banner {
        background-image: url('../images/new-images/mobile-banner/marine-Ply-banner.jpg');
        height: 60%;
        background-size: cover;
    }

    .fire-ply-product-banner {
        background-image: url('../images/new-images/mobile-banner/Fire_ply_banner.jpg');
        height: 60%;
        background-size: cover;
    }

    .normal-ply-banner {
        background-image: url('../images/new-images/mobile-banner/Commercial-ply-banner.jpg');
        height: 60% !important;
        background-size: cover;
    }

    .blockboard-banner {
        background-image: url('../images/new-images/mobile-banner/Blockboard-mobile-banner.jpg');
        height: 60%;
        background-size: cover;
    }

    .product-description {
        margin-left: 0px;
    }

    .product-content-section-1 {
        margin-top: 25px;
    }

    .product-content-section-2 {
        margin-top: 25px;
    }

    .call-to-caption {
        margin-left: -20px;
    }

    .about-form-section {
        padding: 10px;
    }

    #custCarousel .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 25px;
        height: 25px;
    }

    .product-description p {
        margin-left: 2px;
        text-align: left;
        font-size: 0.9rem;
    }

    .feature-list-2 {
        margin-left: -2px;
    }

    .product-content-section-2 {
        margin-top: 0px;
    }

    .product-col img {
        width: 290px !important;
    }

    .product-col-content {
        /* margin-left: 10px !important; */
        width: 230px;
    }

    .feature-list {
        display: block;
    }

    .product-image img {
        width: 350px;
    }

    .product-image img {
        width: -webkit-fill-available;
    }

    .product-description h1 {
        font-size: 2rem;
        margin: 20px 0;
    }
}

/* @media screen and (max-width: 320px) {

    .feature-item img {
        height: 20px;
        width: 20px;
        margin: 2px 10px;
    }

    .product-image {
        padding: 20px 0;
        margin-left: 0 !important;
    }

    .reverse {
        flex-direction: column-reverse;
    }


    .prehungdoor-banner {
        background-image: url('../images/Pre_hungdoor_Mobile_banner.jpg');

    }

    .flush-product-banner {
        background-image: url('../images/new-images/mobile-banner/Commercial_flush_door_banner.jpg');
        height: 65vh;
    }

    .fire-retardant-door-banner {
        background-image: url('../images/new-images/mobile-banner/Fire_Retardant_Door_banner.jpg');
        height: 49vh;
    }

    .laminated-door-banner {
        background-image: url('../images/new-images/mobile-banner/laminated-door-banner.jpg');
        height: 70vh;
    }

    .veneer-door-banner {
        background-image: url('../images/new-images/mobile-banner/Veneer-Door-Mobile-banner.jpg');
        height: 68vh;
    }

    .fire-ply-product-banner {
        background-image: url('../images/new-images/mobile-banner/Fire_ply_banner.jpg');
    }

    .marine-ply-product-banner {
        background-image: url('../images/new-images/mobile-banner/marine-Ply-banner.jpg');
        height: 60vh;
    }

    .normal-ply-banner {
        background-image: url('../images/new-images/mobile-banner/Commercial-ply-banner.jpg');
        height: 65vh !important;
    }

    .blockboard-banner {
        background-image: url('../images/new-images/mobile-banner/Blockboard-mobile-banner.jpg');
        height: 65vh !important;
    }

    .feature-list {
        display: block;
    }

    .product-description h1 {
        font-size: 35px;
    }

    .product-content-1 h2 {
        font-size: 29px;
    }

    .product-content-2 h2 {
        margin-bottom: 15px;
    }

    .product-col img {
        width: 285px !important;
    }

    .product-col-content {
        margin-left: 3px !important;
    }

    .cat-other-heading h2 {
        font-size: 31px !important;
        margin-top: -35px;
    }

    ._form_05_logo h2 {
        font-size: 25px;
    }

    .product-image img {
        width: 295px;
    }
} */