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

    /* header responsive css start  */
    /* ### top ### */
    /* ### top ### */

    /* ### header ### */
    header .headerContainer .headerCon .headerLeft {
        gap: 3rem;
    }

    header .headerContainer .headerCon .headerLeft .headerMenuBox nav ul li a span {
        font-size: 1em;
        padding: .5rem;
    }

    header .headerContainer .headerCon .headerRight .headerContactNub .number>a {
        font-size: .9em;
    }

    header .headerContainer .headerCon .headerRight>a>button {
        padding: .5rem;
        font-size: .9em;
    }

    /* ### header ### */
    /* header responsive css end  */

    /* home page responsive start  */
    section {
        padding: 2em 0;
    }

    .homeAboutSec .homeAboutCont .contentBox h4 {
        font-size: 1em;
    }

    .homeAboutSec .homeAboutCont .contentBox h2 {
        font-size: 1.4em;
    }

    .homeAboutSec .homeAboutCont .contentBox p {
        font-size: .8em;
    }

    .homeAboutSec .homeAboutCont .contentBox>a>button {
        padding: .6rem .8rem;
        font-size: .9em;
    }

    .homeAboutSec .homeAboutCont .imageBox img {
        max-width: 420px;
    }

    .homeFirstSec .contentImageBox .contentBox h4 {
        font-size: 1em;
        margin-bottom: 1rem;
    }

    .homeFirstSec .contentImageBox .contentBox h1 {
        font-size: 3em;
        margin-bottom: 1rem;
    }

    .homeFirstSec .contentImageBox .imageBox img {
        height: 400px;
    }

    .homeOrderSec .imageContentBox .contentBox h2 {
        font-size: 1.4em;
    }

    .homeOrderSec .imageContentBox .contentBox ul li p {
        font-size: .9em;
    }

    .homeOrderSec .imageContentBox .contentBox a button {
        padding: .6rem .8rem;
        font-size: .9em;
    }

    /* home page responsive end  */

    /* about page css start  */
    .aboutSection .contentImageBox .imageBox {
        padding: 0rem;
    }

    .aboutSection .contentImageBox .content h4 {
        font-size: 1em;
    }

    .aboutSection .contentImageBox .content h2 {
        font-size: 1.4em;
    }

    .aboutSection .contentImageBox .content p {
        font-size: .8em;
        font-weight: 500;
    }

    .mission-vision-section .mission-vission-box .content-box .box h2 {
        font-size: 1.4em;
    }

    .mission-vision-section .mission-vission-box .content-box .box p {
        font-size: .8em;
        font-weight: 400;
        margin-bottom: .4rem;
    }

    /* about page css end  */

    /* porduct page css start  */
    .allProductSec .allProductCon {
        gap: 1rem;
    }

    .allProductSec .allProductCon .productCardBox {
        max-width: 32%;
    }

    /* porduct page css end  */
    /* footer page csss start  */
    .footer .footerContainer .footerBox.logo,
    .footer .footerContainer .footerBox.quickLinks,
    .footer .footerContainer .footerBox.contact,
    .footer .footerContainer .footerBox.social {
        max-width: 50%;
        width: 100%;
        height: 260px;
        display: block;
    }

    /* footer page csss end  */
}

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

    /* header responsive css start  */
    /* ### top ### */
    /* ### top ### */

    /* ### header ### */
    .topHeaderBox {
        display: none;
    }

    /* ### header ### */
    /* header responsive css end  */


}

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

    /* header responsive css start  */
    /* ### top ### */
    /* ### top ### */

    /* ### header ### */
    header .headerContainer .headerCon .headerLeft {
        justify-content: space-between;
        width: 100%;
    }

    header .headerContainer .headerCon .headerRight {
        display: none;
    }

    /* ### header ### */
    /* header responsive css end  */


}

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

    /* header responsive css start  */
    /* ### top ### */
    /* ### top ### */

    /* ### header ### */
    header .headerContainer .headerCon .headerLeft .logoBox {
        max-width: 100px;
    }

    .homeAboutSec .homeAboutCont .imageBox,
    .homeAboutSec .homeAboutCont .contentBox {
        max-width: 100%;
    }

    .mobailMenu {
        display: block !important;
    }

    .containerHeader {
        padding: 0rem;
    }

    header .headerContainer {
        padding: 0;
    }

    header .headerContainer .headerCon .headerLeft {
        padding: .5rem 1rem;
    }

    header .headerContainer .headerCon .headerLeft .headerMenuBox {
        position: absolute;
        background-color: #eee;
        width: 100%;
        top: 100%;
        left: 0;
        right: 0;
        padding: 1rem;
        transform: scaleY(.5);
        transform-origin: top;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.6s ease, visibility 0.6s ease, transform 0.6s ease;
    }

    header .headerContainer .headerCon .headerLeft .headerMenuBox>nav>ul {
        flex-direction: column;
    }

    header .headerContainer .headerCon .headerLeft .headerMenuBox>nav>ul>li {
        border-bottom: 1px dashed #222;
        width: 100%;
    }

    header .headerContainer .headerCon .headerLeft .headerMenuBox nav>ul>li>a>span {
        text-align: center;
    }

    /* ### header ### */


    /* header responsive css end  */
    /* main page  */

    .homeAboutSec .homeAboutCont .imageBox {
        height: 300px;
    }

    .homeOrderSec .imageContentBox .imageBox,
    .homeOrderSec .imageContentBox .contentBox {
        max-width: 100%;
    }

    /* main page  */
    /* footer strat  */
    .footer .footerContainer .footerBox.logo .logobox {
        max-width: 65%;
    }

    .footer .footerContainer .footerBox.logo,
    .footer .footerContainer .footerBox.quickLinks,
    .footer .footerContainer .footerBox.contact,
    .footer .footerContainer .footerBox.social {
        max-width: 100%;
        height: auto;
        padding: .5rem;
    }

    .footer .copyWrite {
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
    }

    .footer .copyWrite p {
        font-size: 1em;
        text-align: center;
    }

    .footer .footerContainer .footerBox.quickLinks ul li i,
    .footer .footerContainer .footerBox.contact ul li i {
        font-size: 1em;
    }
    .defaultTopBg .contentBox{
        left: 30%;
    }
    /* footer end  */

    /* about page  */
    .defaultTopBg .contentBox h1 {
        font-size: 1.2em;
    }

    .defaultTopBg .contentBox ul {
        gap: .5rem;
    }

    .defaultTopBg .contentBox ul li a,
    .defaultTopBg .contentBox ul li span {
        font-size: .6em;
    }

    .aboutSection .contentImageBox .imageBox,
    .aboutSection .contentImageBox .content {
        max-width: 100%;
        padding: .5rem 0rem;
    }

    .mission-vision-section .mission-vission-box {
        padding: 0rem;
    }

    .mission-vision-section .mission-vission-box .content-box {
        padding: 0rem;
    }

    .mission-vision-section .mission-vission-box .content-box .box .contentBox,
    .mission-vision-section .mission-vission-box .content-box .box .image-box {
        max-width: 100%;
    }

    /* about page  */


    /* product page  */
    .allProductSec .allProductCon .productCardBox {
        max-width: 100%;
    }

    /* product page  */
    /* contact page  */
    .contactSec .contactFormBox .contactBox,
    .contactSec .contactFormBox .formBox {
        max-width: 100%;
    }

    .contactSec .contactFormBox .contactBox {
        padding: 1rem 0;
    }

    .contactSec .contactFormBox .formBox {
        padding: 1rem;
    }

    /* contact page  */

}