@media screen and (max-width:1500px){
    .header .navigation ul li{ padding: 0 15px;}
    .header .navigation ul li:first-child {padding: 0 20px 0 0;}
    .header .navigation ul li:last-child {padding: 0 0 0 20px;}

    .arrivals ul li .proCnt h3{ font-size: 20px;}
    .arrivals ul li .proCnt p{ font-size: 16px;}

    .arrivals, .brands{ padding: 0 50px;}

    .shopBy .box .hoverCnt h2{ font-size: 30px;}
    .shopBy .box .hoverCnt p{ font-size: 16px;}

    .footer{ padding: 30px 30px 0;}

    .container{ padding: 0 30px;}
}

@media screen and (max-width:1300px){
    .header .navigation ul li{ padding: 0 15px;}
    .header .navigation ul li:first-child {padding: 0 15px 0 0;}
    .header .navigation ul li:last-child {padding: 0 0 0 15px;}

    .slideCnt h1{ font-size: 60px; margin-bottom: 20px;}
    .slideCnt h4{ font-size: 18px; margin-bottom: 10px;}
    .arrivals ul li { width: calc(25% - 20px); margin: 0 10px;}

    .arrivals ul{ justify-content: flex-start;}

    .homeOffer .offerInner {width: calc(50% - 15px);}
    .footActivities .box .cnt h4{ font-size: 20px;}
   
}
@media screen and (max-width:1366px){
 .cartTitle h1 {font-size: 25px; margin-top: 20px;}
}

@media screen and (max-width:1100px){
    .header .navigation ul{ display: none;}
    .header .navigation{ text-align: left;}
    .container{ padding: 0;}
    .header{ padding: 20px;}
    .arrivals, .brands {padding: 0 20px;}
    .arrivals { margin: 30px 0;}
    .homeOffer .offerInner { width: calc(50% - 10px); }
    .shopBy {margin: 30px 0;}

    .shopBy .box .hoverCnt{padding: 0 20px;}
    .shopBy .box .hoverCnt h2{font-size: 23px; margin: 10px 0 10px 0;}
    .shopBy .box .hoverCnt h2 abbr{ font-size: 22px;}

    .brands ul{ justify-content: flex-start;}
    .brands ul li {width: calc(33.3% - 20px);margin: 0 10px 20px;}

    .brands { margin: 0 0 30px 0;}
    .footActivities { margin: 30px 0;}
    .footActivities .box{padding: 20px;}

    .footActivities .box .cnt {  width: calc(70% - 3px);  margin: 0;}

    .footActivities .box .cnt h4{ font-size: 16px;}

    .footer .footerMenuWrap{ max-width: 640px; float: none; display: inline-block;}

    .footer .footerMenuWrap .intro{ width: 100%; margin: 0 0 30px;}
    .footer .footMenus .menuBx{ width: 100%; margin: 0 0 30px;}
    .footer .footMenus{ width: 100%; margin: 0; flex-flow: row wrap;}
    .footer .newsletterWrap{ width: 100%;}

    .footer .newsletterWrap h2{ margin: 0 0 20px;}
    .footer .footMenus .menuBx h2{ margin: 0 0 20px;}

    .footer .subFooter .copy{ text-align: center; width: 100%; margin-bottom: 15px;}
    .footer .subFooter .visa{ width: 100%; text-align: center;}

    .header .navigation ul { display: block; position: fixed; top: 0; left: -300px; background: #fff; padding: 15px; z-index: 20; height: 100%;  width: 300px;}
    .header .navigation ul li{ padding: 0 0; width: 100%; margin: 20px 0;}
    .header .navigation ul li:first-child {padding: 0 0 0 0;}
    .header .navigation ul li:last-child {padding: 0 0 0 0;}
    .header .navigation ul li a{ font-size: 16px;}
    .trigger{ display: block;}
    .mfp-inline-holder .mfp-content {width: 50%;}/*----ishwar---*/

    .innerWrapper, .productDetailsWrap .innerWrapper {max-width: 640px;}/*----ishwar---*/
    .myaccountWrap .rightSideBar {width: calc(100% - 40px);margin: 38px 40px 0 0;}/*----ishwar---*/
    .myaccountWrap .leftSideBar {width: calc(100% - 40px);}/*----ishwar---*/



@media screen and (max-width:800px){
    .header .cartMenu a{ padding: 0 10px; font-size: 16px;}
    .header .cartMenu a:first-child {padding: 0 10px 0 0;}
    .header .cartMenu a:last-child {padding: 0 0 0 10px;}

    .slideCnt h1 {font-size: 35px;margin-bottom: 10px;}
    .slideCnt h4{ font-size: 16px;}

    .secTitle h2{ font-size: 24px;}
    .secTitle span{ font-size: 16px;}
    .arrivals ul li { width: calc(33.3% - 20px);}
    .mfp-inline-holder .mfp-content {width: 80%;}/*----ishwar---*/


}

@media screen and (max-width:500px){
    .header .logo { width: 80px;}
    .arrivals ul li .proCnt h3 { font-size: 16px; }
    .arrivals ul li { width: calc(50% - 20px); }

    .shopBy .box .hoverCnt { padding: 0 10px; }

    .shopBy .box .hoverCnt h2 {font-size: 15px;margin: 5px 0 5px 0;}
    .shopBy .box .hoverCnt p{ font-size: 13px;}
    .shopBy .box .hoverCnt span{ display: inline-block; margin: 0;}
    .footActivities .box{ width: 100%; margin: 5px 0;}
    .mfp-content form {padding: 30px 10px;}/*----ishwar----*/
    .formWrap .formBlock ul li input.text {width: 100%;}/*----ishwar----*/
    .formWrap .formBlock ul li {width: calc(100% - 4px);}/*----ishwar----*/
    .myaccountWrap .leftSideBar {width: calc(100% - 0px);}/*----ishwar----*/
    .myaccountWrap .rightSideBar {width: calc(100% - 0px);}/*----ishwar----*/
    
}

@media screen and (max-width:400px){
    .header .cartMenu a{ padding: 0 5px;}
    .header .cartMenu a:first-child {padding: 0 5px 0 0;}
    .header .cartMenu a:last-child {padding: 0 0 0 5px;}
    .slideCnt h1{ font-size: 25px;}
    .slideCnt h4{ font-size: 14px;}
    .slideCnt a{ font-size: 14px;}
    .homeOffer .offerInner{ width: 100%; margin: 5px 0;}
    .homeOffer{ flex-flow: row wrap;}

    .shopBy .box{ width: 100%;}

    .shopBy .box .hoverCnt h2 {font-size: 25px;margin: 5px 0 5px 0;}
    .shopBy .box .hoverCnt p{ font-size: 16px;}

    .brands ul li { width: calc(50% - 20px);}
    .arrivals, .brands {padding: 0 10px;}
}