@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;}

    /*--success 9-3-22 --*/
    .success-sec-in {max-width: 1200px;}
}

@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;}
 /*--success 9-3-22 --*/
 .success-form .orders ul li {margin: 0 0 30px;}

}

@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---*/

    .products-sec .pro-left-sec {width: calc(100% - 20px);float: left; position: relative;}
    .products-sec .price-right-sec {width: calc(95% - 20px); position: absolute;}


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

    .products-sec .price-right-sec {width: calc(100% - 20px);margin-top: 50px;}
    .products-sec .price-right-sec ul{width: calc(50% - 40px); float: left; flex-flow: row wrap;}
    .products-sec .price-right-sec ul li {width: calc(100% - 40px); float: left;text-align: left;}*/
    
    /*----ishwar-16-3-20---*/
    .flexbox {flex-flow: row wrap;}
    .filtersWrap {width: 100%;margin: 0 0 35px;position:absolute;top:-30;border-bottom: 1px solid #ddd;}
    .filterBtn {position: relative;}
    .filterBtn a {display: none;}
    .filterCnt {display: none; background: #fff;z-index: 2;padding: 0 10px;}
     .productList {width: 100%; margin: 0;}

    .filterBtn span:after {font-family: 'Simple-Line-Icons';content: "\e604"; speak: none;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;right: 10px;position: absolute;}
    .products-sec .price-right-sec {margin-left: 0px;}
    .products-sec .pro-left-sec ul li {margin-bottom: 30px;}

    /*--success 9-3-22 --*/
    .checkoutLeft {width: calc(80% - 24px);}
    .success-sec-in {max-width: 960px; padding: 0px 20px;}

}
@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---*/
    .products-sec .pro-left-sec ul li {width: 33%;float: left;}/*----ishwar-14-3-20---*/


    .success-form {  width: 100%;flex-wrap: wrap;}
    .checkoutLeft { width: 100%; }
    .success-sec .orders ul li .productDet .leftArea {width: 100%; margin-top: 50px;}
}

@media screen and (max-width:550px){
.checkoutLeft .addressFrm ul li {width: 100%;}
.success-sec .orders ul li .productDet .proDesc { width: 100%;}
.success-sec .continueBtn{margin-top: 15px;}
.success-sec .orders ul li .productDet .leftArea {margin: 10px 0 0 0px;}
}

@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----*/
    .products-sec .price-right-sec ul {width: calc(100% - 40px);float: left;flex-flow: row wrap;}
    .products-sec .pro-left-sec ul li {width: 100%;float: left;}/*----ishwar-14-3-20---*/
    .products-sec .price-right-sec ul li { width: 100%; float: left;text-align: left; margin-bottom: 50px;}/*----ishwar-14-3-20---*/
    .products-sec .price-right-sec {margin-top: 50px;margin-bottom: 50px;}

    /*----ishwar-16-3-20---*/
    .filtersWrap {width: 88%;top: -94px;}
    .products-sec .pro-left-sec ul li {margin-bottom: 20px;}
    .products-sec .pro-left-sec {width: 100%;float: left;position: relative;}

    .success-form  .checkoutLeft { margin: 50px 0px 50px 0;    padding: 18px;}
    .success-sec .orders ul li .productDet .imgBx {width: calc(50% - 15px);}
    .success-form  .orders ul li .productDet .deliveryDet { width: 100%;}
    .orders ul li h2 {width: calc(80% - 4px);}

    .orders ul {width:auto !important; }
    .success-sec .orders ul li .productDet .deliveryDet {width: 80%;}
}

@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;}

.card-body form {background: #f7f7f7;padding: 20px;width:316px;}/*---ishwar-21-2-20----*/
.products-sec .pro-left-sec ul li {width: 100%;float: left;}/*----ishwar-14-3-20---*/

}