/*******************************************************
    @media only screen and (max-width: 1920px)
*******************************************************/
@media only screen and (max-width: 1920px) {
    .chklst label {
        width: 172px !important;
    }
}


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

    .chklst label {
        width: 172px !important;
    }
}


/*******************************************************
    @media only screen and (max-width: 1366px)
*******************************************************/
@media only screen and (max-width: 1366px) {
}

/*******************************************************
    @media only screen and (max-width: 1280px)
*******************************************************/

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

    .twoCol .leftCol .twoCol .leftCol {
        min-width: 33.2%;
    }

    .pageFooter ul li {
        margin-right: 2rem;
    }

        .pageFooter ul li:last-child {
            margin-right: 0rem;
        }

    .carrersFormArea {
        display: flex;
        width: 90%;
    }

    .productPage .fourCol {
        padding: 0 100px;
    }

    .pageFooter ul li.newsletterSec {
        width: 28%;
    }

    .storeLocator .twoCol .leftCol {
        margin-right: 1rem;
    }

    .storeLocator .twoCol .rightCol {
        min-width: 67%;
    }

    .chklst label {
        width: 220px !important;
    }

    .m99Logo {
        max-width: 100px;
        padding: 22px 0 0 0;
    }
}


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

    .mainHeader .container, .mainHeader .upperNav {
        padding: 0 45px;
    }

    .searchBox ul li:last-child {
        margin-right: 0px;
    }

    /**********nav***************/
    .mainHeader .container {
        height: auto;
    }

    .mainHeader nav ul {
        display: none;
    }

    .nav {
        top: 160%;
    }

    .mobileMenu.active {
        background-position: 0 -32px;
    }

    header .container {
        padding-bottom: 0;
    }

    header .logo {
        width: 100%;
        padding: 2px 0 !important;
    }

    header nav {
        width: 32px;
        height: 32px;
        position: relative;
        padding-top: 0;
        margin-top: 5px;
    }

        header nav:hover ul {
            display: none;
            padding-bottom: 10px;
        }

        header nav ul {
            position: absolute;
            right: -573px;
            width: 1024px;
            text-align: right;
            background: #fff;
            z-index: 3;
            display: block;
        }

            header nav ul li {
                display: block;
                border-bottom: solid 1px #eeeeee;
                text-align: left;
                margin-right: 0 !important;
            }

                header nav ul li a {
                    padding: 0 13px !important;
                }

                header nav ul li.dropDown .dropDownContent a {
                    text-align: left;
                    color: #666;
                }


    .dropDown .dropDownContent {
        position: static;
        box-sizing: border-box;
        max-height: 0;
        overflow: auto;
        display: none;
        width: 100%;
    }

    .dropDown .dropDownContent {
        padding-top: 0px;
    }

    .dropDown .dropDownContent {
        box-shadow: none;
    }

        .dropDown .dropDownContent li {
            width: 100%;
            margin-top: 0;
        }


    header nav ul li.dropDown:hover .dropDownContent {
        display: block;
        max-height: 300px;
    }

    .dropDown {
        position: relative;
    }

        .dropDown .parentLink span {
            width: 16px;
            height: 16px;
            content: '';
            display: inline-block;
            transform: translate(0, 3px);
            position: absolute;
            right: 3rem;
            top: 0.5rem;
        }

        .dropDown .parentLink .plus {
            background: url(../images/add.png);
        }

        .dropDown .parentLink .minus {
            background: url(../images/substract.png);
        }

        .dropDown .content {
            display: none;
        }

    .mobileMenu {
        width: 32px;
        height: 32px;
        background: url("../images/menu-icon.png");
        margin-top: 10px;
        position: absolute;
        right: -530px;
    }

    .searchBox {
        margin-left: 38%;
    }

    .mainHeader nav a:hover, .mainHeader nav a.active, .mainHeader nav a {
        border-bottom: 0;
    }

    .mainHeader nav li {
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 10px;
    }

    .mainHeader .mainNav {
        margin-left: 308px;
    }

    /**************nav end*******************/

    .mainBannerSlider {
        margin-top: 106px;
    }

    .searchBox .search.expanded {
        max-width: 110px;
    }

    .twoCol .leftCol .twoCol .leftCol {
        min-width: 18.7%;
    }

    .twoCol .imgCon3 {
        width: 205px;
        height: 315px;
    }

    .twoCol .imgCon2 {
        width: 328px;
        height: 320px;
        overflow: hidden;
    }

        .twoCol .imgCon2 img {
            overflow: hidden;
            height: 318px;
        }

    .latestArrivals .bx-wrapper .bx-prev {
        left: -35px;
    }

    .getInspired .col .wrapper p {
        padding: 0 6rem;
    }

    .connectWithUsCol .col:first-child p {
        padding: 0px 4px;
    }

    .connectWithUsCol .col:nth-child(2) p {
        padding: 0px 2px;
    }

    .connectWithUsCol .col:nth-child(3) p {
        padding: 0px 2px;
    }

    .owl-prev, .owl-next {
        top: 30%;
    }

    .weeklyOffers .contentWrapper p {
        color: #2d3353;
        padding: 0 0.5rem;
    }

    .pageFooter ul li.linksSec {
        width: 100%;
    }

    .pageFooter ul li ul {
        margin-right: 12px;
        width: calc(33% - 15px);
    }

    .pageFooter ul li.newsletterSec {
        width: calc(30% - 15px);
    }

    .pageFooter ul li.socialSec {
        width: calc(33% - 15px);
    }

    .pageFooter .newsletterSec ul li, .pageFooter .newsletterSec ul {
        display: block;
        width: 100%;
    }

    .pageFooter .newsletterSec li a {
        margin-top: 1rem;
    }


    .aboutPage .wrapper {
        padding: 0 80px;
    }

    .carrersFormArea ul li {
        width: 46%;
    }

    .venderForm ul li {
        width: 100%;
    }

    .contactPage .contactForm {
        left: 50%;
        transform: translateX(-50%);
    }

    .storeLocator .twoCol .rightCol {
        min-width: 59%;
    }

    .productDetailPage .wrapperArea {
        padding-left: 60px;
        padding-right: 60px;
    }

    .blog-listing-contents {
        padding: 46px 30px 50px;
    }

    .greatFind .container {
        padding: 4rem 55px;
    }

    ul.blog-listing {
        width: 100%;
    }

        ul.blog-listing .blog-list-right p {
            font-weight: 600;
            height: 75px;
            max-height: 75px;
            overflow: hidden;
        }

        ul.blog-listing li {
            height: 240px;
            max-height: 300px;
            overflow: hidden;
        }

    .latestArrivals .bx-wrapper .bx-next {
        right: -30px;
    }

    .gallaryCol .col {
        margin-right: 30px;
        margin-bottom: 30px;
    }

    .howWeDoPage {
        margin-top: 106px;
    }

    .contactPage .venderForm ul li {
        margin-bottom: 2rem;
        margin-right: 17px;
    }

    .chklst label {
        width: 168px !important;
    }

    .m99Logo {
        max-width: 100px;
        padding: 22px 0 0 0;
    }
}

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

    /**********nav***************/
    .mainHeader .container {
        height: auto;
    }

    .mainHeader nav ul {
        display: none;
    }

    .nav {
        top: 160%;
    }

    .mobileMenu.active {
        background-position: 0 -32px;
    }

    header .container {
        padding-bottom: 0;
    }

    header .logo {
        width: 100%;
        padding: 2px 0 !important;
    }

    header nav {
        width: 32px;
        height: 32px;
        position: relative;
        padding-top: 0;
        margin-top: 5px;
    }

        header nav:hover ul {
            display: none;
            padding-bottom: 10px;
        }

        header nav ul {
            position: absolute;
            right: -573px;
            width: 992px;
            text-align: right;
            background: #fff;
            z-index: 3;
            display: block;
        }

            header nav ul li {
                display: block;
                border-bottom: solid 1px #eeeeee;
                text-align: left;
                margin-right: 0 !important;
            }

                header nav ul li a {
                    padding: 0 13px !important;
                }

                header nav ul li.dropDown .dropDownContent a {
                    text-align: left;
                    color: #666;
                }


    .dropDown .dropDownContent {
        position: static;
        box-sizing: border-box;
        max-height: 0;
        overflow: auto;
        display: none;
        width: 100%;
    }

    .dropDown .dropDownContent {
        padding-top: 0px;
    }

    .dropDown .dropDownContent {
        box-shadow: none;
    }

        .dropDown .dropDownContent li {
            width: 100%;
            margin-top: 0;
        }


    header nav ul li.dropDown:hover .dropDownContent {
        display: block;
        max-height: 300px;
    }

    .dropDown {
        position: relative;
    }

        .dropDown .parentLink span {
            width: 16px;
            height: 16px;
            content: '';
            display: inline-block;
            transform: translate(0, 3px);
            position: absolute;
            right: 3rem;
            top: 0.5rem;
        }

        .dropDown .parentLink .plus {
            background: url(../images/add.png);
        }

        .dropDown .parentLink .minus {
            background: url(../images/substract.png);
        }

        .dropDown .content {
            display: none;
        }

    .mobileMenu {
        width: 32px;
        height: 32px;
        background: url("../images/menu-icon.png");
        margin-top: 10px;
        position: absolute;
        right: -530px;
    }

    .mainHeader nav a:hover, .mainHeader nav a.active, .mainHeader nav a {
        border-bottom: 0;
    }

    .mainHeader nav li {
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 10px;
    }

    .mainHeader .mainNav {
        margin-left: 276px;
    }

    /**************nav end*******************/

    .twoCol .leftCol .twoCol .leftCol {
        min-width: 0%;
    }

    .twoCol .rightCol .twoCol .leftCol, .twoCol .leftCol .twoCol .rightCol, .twoCol .imgCon4 {
        display: none;
    }

    .carrersFormArea {
        width: 100%;
    }

    .getInspired .twoCol .leftCol .buttonCon, .getInspired .twoCol .rightCol .buttonCon {
        left: 50%;
        transform: translateX(-50%);
    }

    .chklst label {
        width: 175px !important;
    }
}

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


    .mainHeader .mainNav {
        margin-left: 107px;
    }

    .searchBox {
        margin-left: 48%;
    }

    header nav ul {
        position: absolute;
        right: -573px;
        width: 823px;
        text-align: right;
        background: #fff;
        z-index: 3;
        display: block;
    }

    .twoCol {
        display: block;
    }

    .owl-prev, .owl-next {
        top: 40%;
    }

    .getInspired .twoCol .leftCol .buttonCon, .getInspired .twoCol .rightCol .buttonCon {
        left: 50%;
        transform: translateX(-50%);
    }

    ul.blog-listing {
        width: 100%;
    }

        ul.blog-listing li {
            width: 100%;
        }

    .blogDetailPage .container {
        padding: 4rem 60px;
    }

    .contactPage {
        padding: 180px 93px 23px 93px;
    }

    .fourCol .col {
        margin-right: 25px;
        margin-bottom: 40px;
        min-width: calc(50% - 20px);
        max-width: calc(50% - 20px);
    }

        .fourCol .col:nth-child(2n) {
            margin-right: 0;
        }

    .storeLocator .twoCol .leftCol {
        min-width: 100%;
        width: 100%;
    }

    .storeLocator .storeLocatorOptions {
        width: 100%;
    }

    .storeLocator .twoCol .rightCol {
        min-width: 100%;
        margin-top: 1rem;
    }

    .show {
        width: auto !important;
        height: auto !important;
    }

    .productDetailPage .small-container .show-small-img {
        transform: rotate(270deg) !important;
        margin-right: 18px !important;
    }

    .productDetailPage .small-img .icon-right, .productDetailPage .small-img .icon-left {
        right: 4px;
    }

    .ourRange .threeCol {
        padding: 0 93px;
    }

    .carrersFormArea ul li {
        margin-right: 50px;
    }

    .contactPage .contactForm {
        top: 110px;
    }

    .contactForm .buttonCon {
        margin-top: 1rem;
    }

    .carrersFormArea ul li {
        margin-bottom: 1rem;
    }

    .getInspired .twoCol .leftCol {
        border-right: 0px;
    }

    ul.blog-listing li {
        height: 100%;
        max-height: 100%;
        overflow: auto;
    }

    .venderForm .leftCol {
        margin-bottom: 3rem;
        padding: 0 0rem 0 0;
    }

    .careersPage .careerDetailPage {
        width: 100%;
    }

    .chklst label {
        width: 190px !important;
    }
}

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

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

    /**********nav***************/
    .mainHeader .container {
        height: auto;
    }

    .mainHeader nav ul {
        display: none;
    }

    .nav {
        top: 160%;
    }

    .mobileMenu.active {
        background-position: 0 -32px;
    }

    header .container {
        padding-bottom: 0;
    }

    header .logo {
        width: 100%;
        padding: 2px 0 !important;
    }

    header nav {
        width: 32px;
        height: 32px;
        position: relative;
        padding-top: 0;
        margin-top: 5px;
    }

        header nav:hover ul {
            display: none;
            padding-bottom: 10px;
        }

        header nav ul {
            position: absolute;
            right: -573px;
            width: 811px;
            text-align: right;
            background: #fff;
            z-index: 3;
            display: block;
        }

            header nav ul li {
                display: block;
                border-bottom: solid 1px #eeeeee;
                text-align: left;
                margin-right: 0 !important;
            }

                header nav ul li a {
                    padding: 0 13px !important;
                }

                header nav ul li.dropDown .dropDownContent a {
                    text-align: left;
                    color: #666;
                }


    .dropDown .dropDownContent {
        position: static;
        box-sizing: border-box;
        max-height: 0;
        overflow: auto;
        display: none;
        width: 100%;
    }

    .dropDown .dropDownContent {
        box-shadow: none;
    }

        .dropDown .dropDownContent li {
            width: 100%;
            margin-top: 0;
        }


    header nav ul li.dropDown:hover .dropDownContent {
        display: block;
        max-height: 300px;
    }

    .dropDown {
        position: relative;
    }

        .dropDown .parentLink span {
            width: 16px;
            height: 16px;
            content: '';
            display: inline-block;
            transform: translate(0, 3px);
            position: absolute;
            right: 3rem;
            top: 0.5rem;
        }

        .dropDown .parentLink .plus {
            background: url(../images/add.png);
        }

        .dropDown .parentLink .minus {
            background: url(../images/substract.png);
        }

        .dropDown .content {
            display: none;
        }

    .mainHeader .mainNav {
        margin-left: 96px;
    }

    .mobileMenu {
        width: 32px;
        height: 32px;
        background: url("../images/menu-icon.png");
        margin-top: 10px;
        position: absolute;
        right: -530px;
    }

    .mainHeader nav a:hover, .mainHeader nav a.active, .mainHeader nav a {
        border-bottom: 0;
    }

    .mainHeader nav li {
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 10px;
    }

    /**************nav end*******************/

    .container {
        padding: 2rem 60px;
    }

    .twoCol {
        display: block;
    }

    .owl-prev, .owl-next {
        top: 40%;
    }

    .getInspired .twoCol .leftCol .buttonCon, .getInspired .twoCol .rightCol .buttonCon {
        left: 50%;
        transform: translateX(-50%);
        margin-top: 45px;
    }

    ul.blog-listing {
        width: 100%;
    }

        ul.blog-listing li {
            width: 100%;
        }

    .blogDetailPage .container {
        padding: 4rem 60px;
    }



    .fourCol .col {
        margin-right: 25px;
        margin-bottom: 40px;
        min-width: calc(50% - 20px);
        max-width: calc(50% - 20px);
    }

        .fourCol .col:nth-child(2n) {
            margin-right: 0;
        }

    .storeLocator .twoCol .leftCol {
        min-width: 100%;
        width: 100%;
    }

    .storeLocator .storeLocatorOptions {
        width: 100%;
    }

    .storeLocator .twoCol .rightCol {
        min-width: 100%;
        margin-top: 1rem;
    }

    .show {
        width: auto !important;
        height: auto !important;
    }

    .productDetailPage .small-container .show-small-img {
        transform: rotate(270deg) !important;
        margin-right: 18px !important;
    }

    .productDetailPage .small-img .icon-right, .productDetailPage .small-img .icon-left {
        right: 4px;
    }

    .ourRange .threeCol {
        padding: 0 60px;
    }

    .gallaryCol .col {
        margin-right: 30px;
        margin-bottom: 30px;
        min-width: calc(50% - 20px);
        max-width: calc(50% - 20px);
        text-align: center;
    }

        .gallaryCol .col:nth-child(3n) {
            margin-right: 30px;
        }

        .gallaryCol .col:nth-child(2n) {
            margin-right: 0;
        }

    .gallaryArea .innerContainer {
        padding-left: 93px;
        padding-right: 93px;
    }

    .chklst label {
        width: 205px !important;
    }
}


/*******************************************************
    @media only screen and (max-width: 800px)
*******************************************************/
@media only screen and (max-width: 800px) {
    header nav ul {
        right: -573px;
        width: 800px;
    }

    .mainHeader .mainNav {
        margin-left: 85px;
    }


    .carrersFormArea ul li {
        width: 45%;
    }

    .venderForm ul li {
        width: 100%;
    }

    .serchContent {
        padding: 0 60px;
    }
}


/*******************************************************
    @media only screen and (max-width: 768px)
*******************************************************/
@media only screen and (max-width: 768px) {
    .mainHeader .mainNav {
        margin-left: 52px;
    }

    header nav ul {
        right: -574px;
        width: 768px;
    }

    .searchBox {
        margin-left: 51%;
    }

    .threeCol {
        display: block;
        position: relative;
    }

        .threeCol .col:nth-child(3n) {
            margin-top: 4rem;
        }

    .show {
        width: 300px !important;
        height: 300px !important;
        margin: 0 auto;
    }

    .threeCol .col .wrapper {
        text-align: center;
    }

    .productDetailPage .small-img {
        margin-top: -65px;
    }

    .productDetailPage {
        margin: 115px 0;
    }

        .productDetailPage .small-container {
            left: 13rem;
            top: 164px;
        }

        .productDetailPage .small-img .icon-right, .productDetailPage .small-img .icon-left {
            right: -195px;
        }

    .ourRange .threeCol .col {
        margin-right: 20px;
        margin-bottom: 20px;
        min-width: calc(50% - 20px);
        max-width: calc(50% - 20px);
        position: relative;
    }

        .ourRange .threeCol .col:nth-child(3n) {
            margin-right: 20px;
            margin-top: 0rem;
        }

    .blogThreeCol .col {
        min-width: calc(100% - 20px);
        max-width: calc(100% - 20px);
        height: auto;
        max-height: 100%;
    }

    .connectWithUsCol .col {
        min-width: calc(100% - 20px);
        max-width: calc(100% - 20px);
    }

    .dropDown .dropDownContent {
        padding-top: 0px;
    }

    .contactForm textarea {
        margin-bottom: 0.3rem;
    }

    .latestArrivals .bx-wrapper .bx-prev {
        left: -10px;
    }

    .latestArrivals .bx-wrapper .bx-next {
        right: -10px;
    }

    .productDetailPage .thiredCol {
        margin-top: 4rem;
    }

    .careersPage .innerContent {
        display: block;
        text-align: center;
    }

        .careersPage .innerContent .buttonArea a {
            margin: 0 auto;
        }

        .careersPage .innerContent h3 {
            margin: 0 0 10px !important;
        }

    .careersPage .contentArea ul li {
        margin-bottom: 3rem;
    }

    .gallaryArea .innerContainer {
        padding-left: 60px;
        padding-right: 60px;
    }

    .gallaryCol {
        display: flex;
    }

        .gallaryCol .col {
            margin-right: 30px;
            margin-bottom: 30px;
        }

            .gallaryCol .col:nth-child(3n) {
                margin-top: 0;
            }

    .contactPage .twoCol .leftCol {
        margin-bottom: 3rem;
    }

    .chklst label {
        width: 295px !important;
    }

    .m99Logo {
        max-width: 100px;
        padding: 22px 0 0 0;
    }
}



/*******************************************************
    @media only screen and (max-width: 736px)
*******************************************************/
@media only screen and (max-width: 736px) {
    .mainHeader .mainNav {
        margin-left: 21px;
    }

    .searchBox {
        margin-left: 54%;
    }

    header nav ul {
        width: 736px;
        right: -573px;
    }

    .connectWithUsCol .col {
        min-width: 100%;
        max-width: 100%;
    }

    .contactPage .venderForm ul li {
        margin-bottom: 2rem;
        float: left;
        width: 100%;
    }

    .chklst label {
        width: 280px !important;
    }
}


/*******************************************************
    @media only screen and (max-width: 731px)
*******************************************************/
@media only screen and (max-width: 731px) {
    .mainHeader .mainNav {
        margin-left: 16px;
    }

    header nav ul {
        width: 731px;
    }

    .connectWithUsCol .col {
        min-width: 100%;
        max-width: 100%;
    }

    .largestStoreChain {
        background-position: 60% 41px;
    }
}




/*******************************************************
    @media only screen and (max-width: 667px)
*******************************************************/
@media only screen and (max-width: 667px) {
    .mainHeader .mainNav {
        margin-left: -49px;
    }

    .searchBox {
        margin-left: 60%;
    }

    header nav ul {
        width: 667px;
    }

    .chklst label {
        width: 250px !important;
    }
}


/*******************************************************
    @media only screen and (max-width: 640px)
*******************************************************/
@media only screen and (max-width: 640px) {
    .mainHeader .mainNav {
        margin-left: -75px;
    }

    .searchBox {
        margin-left: 62%;
    }

    header nav ul {
        right: -573px;
        width: 640px;
    }


    .aboutPage .wrapper {
        padding: 0 60px;
    }

    .blogDetailPage .blogContent .imgCon {
        position: relative;
        width: 100%;
        max-width: 100%;
    }

    .imgCon.align-right {
        margin-left: 0px;
        margin-bottom: 10px;
    }

    .carrersFormArea ul li {
        margin-right: 30px;
    }

    .carrersFormArea ul li {
        width: 47%;
    }

    .productPage .fourCol {
        padding: 0 60px;
    }

    .connectWithUsCol .col {
        min-width: 100%;
        max-width: 100%;
    }

    .venderForm ul li {
        width: 100%;
    }

    .productDetailPage .firstCol, .productDetailPage .secondCol {
        display: none;
    }

    .productDetailPage .owl-carousel.productDetailCarousel {
        display: block;
    }

    .chklst label {
        width: 235px !important;
    }
}

/*******************************************************
    @media only screen and (max-width: 598px)
*******************************************************/
@media only screen and (max-width: 598px) {
    .mainHeader .mainNav {
        margin-left: -118px;
    }

    .searchBox {
        margin-left: 68%;
    }

    header nav ul {
        right: -574px;
        width: 598px;
    }

    .connectWithUsCol .col {
        margin-right: 0px;
        margin-bottom: 20px;
        min-width: 100%;
        max-width: 100%;
    }

    h1 {
        font-size: 22.22px;
    }

    .carrersFormArea ul li {
        width: 100%;
    }

    .chklst label {
        width: 210px !important;
    }

    .aboutPage .wrapper h2 {
        letter-spacing: 4.376px;
    }
}



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

    .mainHeader .mainNav {
        margin-left: -147px;
    }

    .searchBox {
        margin-left: 73%;
    }

    header nav ul {
        right: -573px;
        width: 568px;
    }

    .pageFooter ul li.newsletterSec {
        width: calc(59% - 15px);
    }

    .latestArrivals .bx-wrapper .bx-next {
        right: -25px;
    }

    .latestArrivals .bx-wrapper .bx-prev {
        left: -25px;
    }

    .chklst label {
        width: 200px !important;
    }

    .aboutPage .wrapper h2 {
        letter-spacing: 2.376px;
    }
}



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

    .pageFooter .container {
        padding: 2rem 40px;
    }

    .mainHeader .mainNav {
        margin-left: -171px;
    }

    .searchBox {
        margin-left: 78%;
    }

    header nav ul {
        right: -573px;
        width: 544px;
    }

    .pageFooter ul li ul {
        margin-right: 12px;
        width: calc(50% - 15px);
    }

    .pageFooter ul li.newsletterSec {
        width: calc(50% - 15px);
    }

    .show {
        width: 300px !important;
        height: 300px !important;
        margin: 0 104px;
    }

    .chklst label {
        width: 390px !important;
    }

    .aboutPage .wrapper h2 {
        letter-spacing: 1.376px;
    }
}

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

    header nav ul {
        right: -573px;
        width: 480px;
    }

    .mainHeader .mainNav {
        margin-left: -236px;
    }

    .searchBox {
        margin-left: 90%;
    }

    .blog-list-left, .blog-list-right {
        width: 100%;
    }

    .blog-list-right {
        padding: 25px 40px 25px 20px;
        margin-bottom: 2rem;
    }

    ul.blog-listing li {
        margin-bottom: 2rem;
    }

    .bottomRight .read-more-link {
        bottom: 65%;
    }

    ul.blog-listing li:nth-child(3) .blog-list-left:after, ul.blog-listing li:nth-child(4) .blog-list-left:after {
        transform: rotate(90deg);
        top: -5px !important;
        left: 45%;
    }

    .blog-list-left:after {
        top: 91.5% !important;
        transform: rotate(90deg);
        left: 45%;
    }

    .headdingwrapper {
        margin-bottom: 0px;
    }

    .threeCol .firstCol {
        width: 100%;
    }



    .blogThreeCol.threeCol .col:nth-child(3n) {
        margin-top: 0rem;
    }

    .threeCol .col:nth-child(3n) {
        margin-top: 10rem;
    }

    .show {
        margin: 0;
    }



    .pageFooter ul li ul {
        margin-right: 12px;
        width: calc(100% - 15px);
    }

    .pageFooter ul li.newsletterSec, .pageFooter ul li.socialSec {
        width: calc(50% - 25px);
    }

    .ourRange .threeCol .col {
        margin-right: 0rem;
        min-width: 100%;
        max-width: 100%;
        ;
    }

    .connectWithUsCol .col:nth-child(3n) {
        margin-top: 0rem;
    }

    .contactPage p {
        padding-right: 0px;
    }

    .careersPage .container {
        padding: 2rem 40px;
    }

    .getInspired .col .wrapper h2 {
        margin: 0 0 10px !important;
    }

    .brandPage .imgCon {
        width: 100%;
        max-width: 100%;
    }

    .gallaryCol .col:nth-child(3n) {
        margin-top: 0rem;
    }

    .contactPage {
        padding: 180px 45px 23px 45px;
    }

    .chklst label {
        width: 361px !important;
    }

    .aboutPage .wrapper h2, .aboutPage .wrapper h1 {
        font-size: 24.22px;
    }
}

/*******************************************************
    @media only screen and (max-width: 414px)
*******************************************************/

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

    .mainHeader .container, .mainHeader .upperNav {
        padding: 0 20px;
    }

    .mainHeader .mainNav {
        margin-left: -250px;
    }

    .searchBox {
        margin-left: 100%;
    }

    .largestStoreChain {
        padding: 80px 40px;
        background-position: 80% 0;
    }

    header nav ul {
        right: -547px;
        width: 414px;
    }

    .getInspired .twoCol .rightCol .wrapper {
        top: 9px !important;
    }

    h2 {
        font-size: 20.22px;
    }

    .fourCol .col {
        margin-right: 0px;
        margin-bottom: 40px;
        min-width: 100%;
        max-width: 100%;
    }

    .m99Logo {
        max-width: 75px;
        padding: 22px 0 0 0;
    }

    .gallaryCol .col {
        margin-bottom: 30px;
        min-width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .gallaryCol {
        display: block;
    }

    .howWeDoPage .bannerWrapper h1 {
        font-size: 16px;
        letter-spacing: 2.376px;
        text-align: center;
    }

    .chklst label {
        width: 310px !important;
    }

    .aboutPage .wrapper h2, .aboutPage .wrapper h1 {
        font-size: 19px;
    }

    .aboutPage .wrapper h1 {
        letter-spacing: 2.376px;
    }
}

/*******************************************************
    @media only screen and (max-width: 411px)
*******************************************************/

@media only screen and (max-width: 411px) {
    .mainHeader .mainNav {
        margin-left: -254px;
    }

    header nav ul {
        width: 411px;
    }

    .getInspired .col .buttonCon {
        max-width: 240px;
        width: 240px;
    }

    .greatFind .col {
        padding: 1rem 0rem;
    }

    .storeLocatorPage .container {
        padding: 2rem 25px;
    }

    .pageFooter ul li.newsletterSec, .pageFooter ul li.socialSec {
        width: calc(100% - 25px);
    }

    .pageFooter ul li.socialSec {
        margin-top: 2.5rem;
    }

    .pageFooter ul li.newsletterSec .input, .pageFooter ul li.newsletterSec .buttonCon {
        width: 93%;
    }

    .largestStoreChain {
        padding: 80px 40px;
        background-position: 80% 30px;
    }
}

/*******************************************************
    @media only screen and (max-width: 375px)
*******************************************************/
@media only screen and (max-width: 375px) {
    .mainHeader .mainNav {
        margin-left: -291px;
    }

    .searchBox {
        margin-left: 115%;
    }

    header nav ul {
        width: 375px;
    }

    .getInspired .col .wrapper {
        padding: 0 2rem;
    }

        .getInspired .col .wrapper p {
            padding: 0 3rem;
        }

        .getInspired .col .wrapper h2 {
            margin: 0 0 10px !important;
        }

    .getInspired .twoCol .leftCol .wrapper {
        top: 10px;
    }

    .largestStoreChain {
        padding: 80px 40px;
        background-position: 110% 27px;
    }

    .threeCol .col .wrapper {
        padding-left: 0rem;
    }

    .aboutPage .twoCol .col .wrapperCol {
        position: absolute;
        bottom: 25px;
        left: 50%;
        transform: translateX(-50%);
    }

    .storeLocator .dir {
        width: 90%;
        margin-bottom: 3rem;
    }

    .storeLocator .getPlace {
        width: 90%;
        float: left;
    }

    .ourRange .threeCol {
        padding: 0 60px;
    }

    .brandPage .container {
        padding: 0 40px;
    }

    .searchBox ul li {
        margin-right: 10px;
    }

    .chklst label {
        width: 256px !important;
    }

    .aboutPage .wrapper h2 {
        letter-spacing: -0.624px;
    }

    .aboutPage .wrapper h1 {
        letter-spacing: 0.376px;
    }
}


/*******************************************************
    @media only screen and (max-width: 360px)
*******************************************************/
@media only screen and (max-width: 360px) {
    .getInspired .col .wrapper p {
        padding: 0px 1rem;
    }

    .mainHeader .logo {
        max-width: 50px;
    }

    .mainHeader .mainNav {
        margin-left: -291px;
    }

    header nav ul {
        width: 360px;
    }

    .searchBox {
        margin-left: 124%;
    }

    .greatFind .col {
        padding: 0.5rem 0rem;
    }

    .getInspired .twoCol .leftCol .buttonCon, .getInspired .twoCol .rightCol .buttonCon {
        margin-top: 45px !important;
    }

    .findStore .wrapper {
        padding: 1rem 1rem;
    }


    h2 {
        font-size: 14.22px;
        line-height: 18px;
    }

    .carrersFormArea .input, .carrersFormArea .input::placeholder, .dropdownInput, .chklst label {
        font-size: 10.7px;
        line-height: 12px;
    }

    .aboutPage .wrapper h2 {
        letter-spacing: 1.376px;
    }

    .aboutPage .wrapper h2, .aboutPage .wrapper h1 {
        font-size: 15px;
    }

    .aboutPage .wrapper p {
        font-size: 13.33px;
    }
}


/*******************************************************
    @media only screen and (max-width: 346px)
*******************************************************/
@media only screen and (max-width: 346px) {
}



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

    .mainHeader .container, .mainHeader .upperNav {
        padding: 0px 10px;
    }

    .mainHeader .logo {
        max-width: 40px;
    }

    .mainHeader .mainNav {
        margin-left: -299px;
    }

    header nav ul {
        right: -537px;
        width: 320px;
    }

    .largestStoreChain {
        background-position: -60% 0;
    }

    .searchBox {
        margin-left: 133%;
    }

    .buttonCon {
        font-size: 13.7px;
    }

    .aboutPage .wrapper {
        padding: 0 35px;
    }

    .chklst label {
        width: 210px !important;
    }
}



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

    header nav ul {
        right: -546px;
        width: 309px;
    }
}