@media only screen and (max-width: 1200px) {
    .container {
        max-width: 100%;
    }

    .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    #about-us-img-sec::before {
        display: none;
    }
}

@media only screen and (max-width: 850px) {
    #header-top-left div {
        font-size: 15px;
    }

    #header-top-right i {
        font-size: 19px;
    }

    .site-btn {
        padding: 10px 20px 10px 45px;
    }

    .top-sectio {
        padding: 50px 0;
    }

    .top-sectio h1 {
        font-size: 23px;
        margin-bottom: 20px;
        text-align: center;
    }

    .top-sectio p {
        font-size: 15px;
        line-height: 30px;
        text-align: center;
    }

    .top-sectio .site-btn {
        display: table;
        margin: auto;
    }

    .top-sectio {
        background-image: none !important;
        border-bottom: 1px solid #dfe2ed;
    }

    .products-section .site-title::before,
    aside {
        display: none;
    }

    .service-opt-sec {
        margin-bottom: 30px;
    }

    .product-item {
        height: 240px;
    }

    .product-item-front {
        padding-top: 70px;
    }

    .product-item-back a {
        padding: 10px 19px 10px 40px;
    }

    .product-item-back {
        padding-top: 37px;
    }

    #about-us-text-sec h2 {
        font-size: 29px;
    }

    #about-us-text-sec p {
        font-size: 16px;
        line-height: 29px;
        margin-bottom: 15px !important;
    }

    .brands-item-front img {
        height: 180px;
    }

    #scroller,
    .single-cats-sec {
        display: none !important;
    }

    #responsive-menu-pro-container {
        padding-top: 20px !important;
    }

    .single-header img {
        height: auto;
    }

    .single-social-share,
    .single-header h1 {
        text-align: center;
    }

    .breadcrumb {
        background: #F7F1F3;
        justify-content: center;
        align-items: center;
    }

    .page-header-sec h1 {
        text-align: center;
        margin-bottom: 20px !important;
    }

    .site-beradcamb {
        text-align: center;
    }
}

@media only screen and (max-width: 600px) {
    #header-top-left div {
        font-size: 13px;
    }

    #header-top-right {
        display: none;
    }

    .top-sectio h1 {
        font-size: 19px;
    }

    .top-sectio p {
        font-size: 14px;
    }

    .site-title {
        font-size: 19px;
        margin-bottom: 10px;
    }

    .site-sub-title {
        line-height: 31px;
        font-size: 13px;
        margin-bottom: 40px;
    }

    .product-item {
        height: 280px;
    }

    .product-item-front {
        padding-top: 88px;
    }

    .product-item-back {
        padding-top: 47px;
    }

    .cta-section p {
        font-size: 15px;
        text-align: center;
        margin-bottom: 25px !important;
    }

    .cta-btn {
        display: table;
        margin: auto;
    }

    #about-us-text-sec p {
        font-size: 14px;
    }

    #about-us-img-sec img {
        height: auto;
    }

    .brands-item-front img {
        height: 110px;
    }

    .footer-copyright p,
    #copyright-left {
        text-align: center !important;
    }

    .top-footer {
        text-align: center;
    }

    .top-footer>div {
        margin-bottom: 25px;
    }

    h2 {
        font-size: 19px;
        margin-bottom: 15px;
        margin-top: 25px;
        line-height: 40px;
    }

    h3 {
        font-size: 17px;
        margin-bottom: 15px;
        margin-top: 20px;
        line-height: 40px;
    }

    h4 {
        font-size: 15px;
        margin-bottom: 15px;
        margin-top: 20px;
        line-height: 40px;
    }

    #home-contact-right {
        background-image: none;
    }
}

@media only screen and (max-width: 400px) {
    .header-sec .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }

    .top-logo-sec {
        text-align: center !important;
        margin-top: 20px;
    }

    .brands-section .container .row>div {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .brands-item-front img {
        height: 130px;
    }

    .blogs-section .blog-item img {
        height: auto;
    }

    .footer-copyright p,
    #copyright-left {
        font-size: 11px;
    }

    .single-social-share {
        display: block !important;
    }

    .single-social-share span {
        margin-bottom: 20px;
    }

    .home-contact-details-top {
        font-size: 15px;
    }

    .home-contact-details-btm {
        font-size: 17px;
    }

    .home-contact-icon i {
        font-size: 27px;
    }

    .home-contact-mobile i {
        font-size: 37px;
    }
}