@media screen and (min-width: 240px) and (max-width: 690px) {
  .topContentsWrap {
    margin: 20px 0 25px 0;
    padding: 0 15px;
    position: relative;
    height: unset;
  }
  .topContentsWrap .topContaintsInner {
    border-radius: 20px;
  }
  .topContentsWrap .topContaintsInner .collections {
    top: 15px;
    margin: 0px 0 0 12px;
    font-size: 16px;
  }
  .topContentsWrap .topContaintsInner .jarallax-img img {
    height: 100%;
  }
  .topContentsWrap .topContaintsInner .animateproductScroll {
    width: calc(100% + 30px);
    height: auto;
    float: right;
    margin: 400px -15px 80px 0px;
    display: flex;
    flex-flow: row;
    gap: 20px;
    position: relative;
    z-index: 9;
    padding: 0 95px 0 95px;
    overflow: auto;
  }
  .topContentsWrap .topContaintsInner .animateproductScroll::-webkit-scrollbar {
    display: none;
  }
  .topContentsWrap .topContaintsInner .animateproductScroll .productBox {
    min-width: 170px;
    max-width: 170px;
  }
  .topContentsWrap .topContaintsInner .animateproductScroll .productBox .productCat ul {
    gap: 15px;
  }
  .topContentsWrap .topContaintsInner .animateproductScroll .productBox .productCat ul li {
    margin: 0;
  }
  .topContentsWrap .topContaintsInner .animateproductScroll .productBox .productCat ul li a {
    font-size: 10px;
  }
  .topContentsWrap .topContaintsInner .animateproductScroll .productBox .productCat ul li::after {
    font-size: 11px;
    top: -1px;
    right: -9px;
  }
  .topContentsWrap .topContaintsInner .animateproductScroll .productBox .productPic {
    height: 170px;
  }
  .topContentsWrap .topContaintsInner .animateproductScroll .productBox .pDetails {
    font-size: 0;
  }
  .topContentsWrap .topContaintsInner .animateproductScroll .productBox .pDetails a {
    width: 100%;
    text-align: center;
    font-size: 13px;
  }
  .bigLogo {
    padding: 0px 15px;
    margin: 25px 0 0 0;
  }
  header {
    padding: 10px 20px;
  }
  header .toggle_icon {
    display: block;
  }
  header .backArrow {
    position: absolute;
    top: 61px;
    font-size: 26px;
    -webkit-text-stroke: 3px #f5f5f5;
    display: none;
  }
  header .menuText {
    display: none;
    position: absolute;
    font-family: "abcFabBold";
    top: 103px;
    font-size: 46px;
    color: #231F21;
    line-height: 100%;
  }
  header .searchBoxWrap {
    min-height: unset;
    top: 215px;
    border-bottom: none;
    padding: 56px 15px;
    display: none;
  }
  header ul.navList {
    width: 100%;
    height: calc(100% - 47px);
    position: fixed;
    top: 47px;
    left: 0;
    border-top: 1px solid #696969;
    background: #F5F5F5;
    overflow: auto;
    display: none;
    padding: 120px 15px 0 15px;
  }
  header ul.navList::-webkit-scrollbar {
    display: none;
  }
  header ul.navList li {
    float: left;
    padding: 0;
  }
  header ul.navList li a {
    font-size: 15px;
    padding: 4px 25px 4px 0;
  }
  header ul.navList li::after {
    font-size: 11px;
    margin: 8px 0 0 -15px;
  }
  header ul.navList li.cartNav {
    padding: 0;
    position: absolute;
    margin: -52px 0 0 0;
    right: 15px;
  }
  header ul.navList li.cartNav a {
    padding: 0;
  }
  header ul.navList li .sub-menu {
    top: 206px;
    padding: 18px 0;
    min-height: unset;
    height: calc(100% - 206px);
    overflow: auto;
  }
  header ul.navList li .sub-menu::-webkit-scrollbar {
    display: none;
  }
  header ul.navList li .sub-menu li {
    width: 100%;
    padding: 0px 15px;
    height: auto;
    min-height: unset;
    border: 0;
  }
  header ul.navList li .sub-menu li .randomPicture ul li a {
    padding: 0;
    font-size: 12px;
  }
  header ul.navList li .sub-menu li .randomPicture ul li::after {
    font-size: 10px;
    top: -6px;
    right: -22px;
  }
  header ul.navList li .sub-menu li ul.sub-inner-list {
    margin: 0 !important;
    padding: 20px 0;
    border-top: 1px solid #333;
  }
  header ul.navList li .sub-menu li ul.sub-inner-list.shop {
    padding-top: 0;
    border: 0;
  }
  header.showMobile {
    background-color: #fff;
  }
  header.showMobile ul.navList, header.showMobile .backArrow, header.showMobile .menuText, header.showMobile .searchBoxWrap {
    display: block;
  }
  .underImgText {
    padding: 0 15px;
  }
  .underImgText p {
    font-size: 16px;
  }
  .collectionWrap {
    padding: 0 15px;
  }
  .collectionWrap .collectionInner {
    float: left;
  }
  .collectionWrap .collectionInner h2 {
    font-size: 46px;
  }
  .collectionWrap .collectionInner .collectionBoxes {
    flex-flow: column;
  }
  .collectionWrap .collectionInner .collectionBoxes .cBox {
    height: 500px;
    margin: 0;
  }
  .collectionWrap .collectionInner .collectionBoxes .cBox .collectionBtn {
    font-size: 16px;
  }
  .productListWrapHome {
    padding: 0 15px;
  }
  .productListWrapHome .shopAllBtn {
    padding: 5px 16px;
    font-size: 16px;
  }
  .productListWrapHome .productListMainHome {
    float: left;
    gap: 10px;
  }
  .productListWrapHome .productListMainHome .productBox {
    width: calc(50% - 5px);
    padding: 18px 0;
  }
  .productListWrapHome .productListMainHome .productBox .productCat ul {
    gap: 13px;
  }
  .productListWrapHome .productListMainHome .productBox .productCat ul li {
    position: relative;
  }
  .productListWrapHome .productListMainHome .productBox .productCat ul li a {
    font-size: 10px;
  }
  .productListWrapHome .productListMainHome .productBox .productCat ul li::after {
    font-size: 11px;
    top: -3px;
    right: -8px;
  }
  .productListWrapHome .productListMainHome .productBox .productPic {
    height: 170px;
  }
  .productListWrapHome .productListMainHome .productBox .pDetails {
    font-size: 0;
  }
  .productListWrapHome .productListMainHome .productBox .pDetails a {
    width: 100%;
    text-align: center;
    font-size: 16px;
  }
  .exploreSectionWrap {
    padding: 0 15px;
  }
  .exploreSectionWrap .expSecFull {
    height: 500px;
  }
  .exploreSectionWrap .exploreMoltipleWrap {
    width: calc(100% + 30px);
    justify-content: flex-start;
    overflow: auto;
    margin: 0 0 0 -15px;
    padding: 0 15px;
  }
  .exploreSectionWrap .exploreMoltipleWrap::-webkit-scrollbar {
    display: none;
  }
  .exploreSectionWrap .exploreMoltipleWrap .expSecWrap {
    min-width: 233px;
    max-width: 233px;
    height: 297px;
    border-radius: 11px;
  }
  .exploreSectionWrap .exploreMoltipleWrap .expSecWrap h3 {
    font-size: 26px;
    bottom: 11px;
    left: 8px;
  }
  .newsletterSectionWrap {
    padding: 0 15px;
  }
  .newsletterSectionWrap .nsInner {
    flex-flow: column;
  }
  .newsletterSectionWrap .nsInner .newsletterSectionMain {
    padding: 13px;
  }
  .newsletterSectionWrap .nsInner .newsletterSectionMain h3 {
    font-size: 46px;
  }
  .newsletterSectionWrap .nsInner .newsletterSectionMain .newsletterForm {
    float: left;
  }
  .newsletterSectionWrap .nsInner .newsletterSectionMain .newsletterForm .nEmail, .newsletterSectionWrap .nsInner .newsletterSectionMain .newsletterForm .subBtn {
    font-size: 15px;
  }
  .newsletterSectionWrap .nsInner .newsletterSectionMain .subText {
    margin: 65px 0 0 0;
    font-size: 11px;
  }
  .newsletterSectionWrap .nsInner .joinCounity {
    background-position: right;
  }
  footer {
    padding: 0 15px;
  }
  footer .footerInner {
    padding: 60px 0;
  }
  footer .footerInner .footBox {
    width: 50%;
    margin: 35px 0 0 0;
  }
  footer .footerInner .footBox ul {
    gap: 16px;
  }
  footer .footerInner .endFooter {
    position: relative;
    padding: 0 0 120px 0;
  }
  footer .footerInner .endFooter a {
    width: 50%;
  }
  footer .footerInner .endFooter a:first-child {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
  }
  footer .footerInner .endFooter a:last-child {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
  }
  /*******************************************  catalog Listing page  **********************************/
  .completeCatalogWrap {
    padding: 0 20px;
    margin: 0px 0 40px 0;
  }
  .completeCatalogWrap .catalogPageHeader {
    float: left;
    z-index: 999;
    position: relative;
  }
  .completeCatalogWrap .catalogPageHeader h1 {
    font-size: 46px;
  }
  .completeCatalogWrap .catalogPageHeader .productTypesWrap {
    white-space: nowrap;
    overflow: auto;
    width: calc(100% + 40px);
    float: left;
    margin: 0;
    padding: 16px 20px 16px 20px;
    position: absolute;
    top: 64px;
    left: -20px;
  }
  .completeCatalogWrap .catalogPageHeader .productTypesWrap::-webkit-scrollbar {
    display: none;
  }
  .completeCatalogWrap .catalogPageHeader .productTypesWrap a {
    font-size: 16px;
  }
  .completeCatalogWrap .catalogPageHeader .productTypesWrap.stick {
    position: fixed;
    top: 47px;
    left: 0;
    background-color: #fff;
  }
  .completeCatalogWrap .catalogPageHeader p {
    font-size: 16px;
    margin: 70px 0 0 0;
  }
  .completeCatalogWrap .catalogPageBody {
    margin: 81px 0 0 0;
  }
  .completeCatalogWrap .catalogPageBody .catalogFilterWrap {
    float: left;
  }
  .completeCatalogWrap .catalogPageBody .catalogFilterWrap .filterButton {
    padding: 6px 12px;
    font-size: 11px;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap {
    margin: 20px 0 0 0;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .typeBoxes {
    position: fixed;
    min-width: unset;
    max-width: unset;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    z-index: 9999;
    top: 0;
    left: 0;
    margin: 0;
    padding: 65px 20px 0;
    display: none;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .typeBoxes.show {
    display: block;
    min-width: unset;
    max-width: unset;
    width: 100%;
    height: 100%;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .typeBoxes .typeBox a.flip i {
    -webkit-text-stroke: 3px #f5f5f5;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .typeBoxes .closeType {
    display: block;
    margin: 0px 0 21px 0;
    font-size: 26px;
    -webkit-text-stroke: 2px #f5f5f5;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap {
    float: left;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs {
    float: left;
    gap: 10px;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox {
    width: calc(50% - 5px) !important;
    height: unset;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox.animateDown {
    transform: translate(0, 0);
    opacity: 1;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox .wigtBox {
    width: 72px;
    padding: 4px 6px;
    border-radius: 6px;
    top: 11px;
    right: 11px;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox .wigtBox .stars i {
    font-size: 8px;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox .wigtBox h4 {
    margin: 5px 0 0 0;
    font-size: 11px;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox .wigtBox h4 small {
    font-size: 8px;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox .wigtBox .colorSize {
    margin: 6px 0 0 0;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox .wigtBox .colorSize p {
    font-size: 9px;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox .wigtBox .colorSize p:last-child {
    margin: 5px 0 0 0;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox picture {
    height: 170px;
    margin: 38px 0 0 0;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox .pDescription {
    margin: 5px 0 11px 0;
    padding: 0 9px;
    flex-flow: column;
    gap: 2px;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox .pDescription span {
    font-size: 14px;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox .pDescription span:last-child {
    font-size: 11px;
  }
  /********************************************  product details page  ********************************************/
  .productDetailsWrap {
    margin: 0;
    padding: 0 20px;
  }
  .productDetailsWrap h1 {
    font-size: 46px;
    line-height: 120%;
  }
  .productDetailsWrap .detailsMainWrap {
    flex-flow: column;
  }
  .productDetailsWrap .detailsMainWrap .detailsImgWrap {
    max-width: unset;
    min-width: unset;
    width: 100%;
  }
  .productDetailsWrap .detailsMainWrap .detailsImgWrap .smallAnimatedProduct {
    width: 170px;
    top: 10px;
    right: 10px;
  }
  .productDetailsWrap .detailsMainWrap .detailsImgWrap .smallAnimatedProduct .animatedProduct {
    height: 250px;
  }
  .productDetailsWrap .detailsMainWrap .detailsImgWrap .smallAnimatedProduct .stars {
    width: 75px;
    top: 7px;
    right: 10px;
  }
  .productDetailsWrap .detailsMainWrap .detailsImgWrap .smallAnimatedProduct .stars i {
    font-size: 7px;
  }
  .productDetailsWrap .detailsMainWrap .detailsImgWrap .bigImgWrap {
    height: 450px;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap {
    display: flex;
    flex-flow: column;
    margin: 0;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap .addCartWrap {
    margin: 0;
    order: -1;
    position: relative;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap .addCartWrap .addCartBtn {
    position: absolute;
    right: 0;
    padding: 6px 16px;
    font-size: 19px;
    margin: 0;
    top: 9px;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap .addCartWrap .discountBosWrap {
    margin: 3px 0 0 0;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap .productThumbsWrap {
    margin: 40px 0 0 0;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap .productThumbsWrap .thumbsMain {
    float: left;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap .productThumbsWrap .thumbsMain a:nth-last-child(2) {
    display: none;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap .sizes {
    margin: 40px 0 0 0;
  }
  .productDetailsWrap .detailsText {
    margin: 73px 0 0 0;
  }
  .productDetailsWrap .detailsText p {
    font-size: 16px;
  }
  .productInfoandSizes {
    margin: 60px 0 0 0;
    padding: 50px 20px;
  }
  .productInfoandSizes h1 {
    font-size: 46px;
    line-height: 120%;
  }
  .productInfoandSizes .pfsInner {
    flex-flow: column;
    gap: 30px;
  }
  .productInfoandSizes .pfsInner .infoTabWrap {
    float: left;
  }
  .productInfoandSizes .pfsInner .infoTabWrap .tabBttns {
    white-space: nowrap;
    overflow: auto;
    width: calc(100% + 40px);
    margin: 0 0 15px -20px;
    padding: 0 20px;
  }
  .productInfoandSizes .pfsInner .infoTabWrap .tabBttns::-webkit-scrollbar {
    display: none;
  }
  .productInfoandSizes .pfsInner .infoTabWrap .mainTabBoxWrap {
    float: left;
    margin: 10px 0 0 0;
  }
  .productInfoandSizes .pfsInner .infoTabWrap .mainTabBoxWrap .tabBox {
    float: left;
  }
  .productInfoandSizes .pfsInner .infoTabWrap .mainTabBoxWrap .tabBox .tabBoxInner {
    display: flex;
    flex-flow: column-reverse;
    gap: 65px;
  }
  .productInfoandSizes .pfsInner .infoTabWrap .mainTabBoxWrap .tabBox .tabBoxInner picture {
    width: 100%;
    border-radius: 14px 14px 0 0;
    min-width: unset;
    max-width: unset;
  }
  .productInfoandSizes .pfsInner .infoSizeWrap {
    max-width: unset;
    min-width: unset;
    width: 100%;
  }
  .relatedProductWrap {
    padding: 20px;
    gap: 10px;
  }
  .relatedProductWrap a.productBox {
    width: calc(50% - 5px) !important;
    height: unset;
  }
  .relatedProductWrap a.productBox.animateDown {
    transform: translate(0, 0);
    opacity: 1;
  }
  .relatedProductWrap a.productBox .wigtBox {
    width: 72px;
    padding: 4px 6px;
    border-radius: 6px;
    top: 11px;
    right: 11px;
  }
  .relatedProductWrap a.productBox .wigtBox .stars i {
    font-size: 8px;
  }
  .relatedProductWrap a.productBox .wigtBox h4 {
    margin: 5px 0 0 0;
    font-size: 11px;
  }
  .relatedProductWrap a.productBox .wigtBox h4 small {
    font-size: 8px;
  }
  .relatedProductWrap a.productBox .wigtBox .colorSize {
    margin: 6px 0 0 0;
  }
  .relatedProductWrap a.productBox .wigtBox .colorSize p {
    font-size: 9px;
  }
  .relatedProductWrap a.productBox .wigtBox .colorSize p:last-child {
    margin: 5px 0 0 0;
  }
  .relatedProductWrap a.productBox picture {
    height: 170px;
    margin: 38px 0 0 0;
  }
  .relatedProductWrap a.productBox .pDescription {
    margin: 5px 0 11px 0;
    padding: 0 9px;
    flex-flow: column;
    gap: 2px;
  }
  .relatedProductWrap a.productBox .pDescription span {
    font-size: 14px;
  }
  .relatedProductWrap a.productBox .pDescription span:last-child {
    font-size: 11px;
  }
}
@media screen and (min-width: 691px) and (max-width: 1100px) {
  header ul.navList li .sub-menu li {
    width: 50%;
  }
  header ul.navList li .sub-menu li:last-child {
    display: none;
  }
  .topContentsWrap {
    margin: 20px 0 25px 0;
    padding: 0 15px;
    position: relative;
    height: unset;
  }
  .topContentsWrap .topContaintsInner {
    border-radius: 20px;
  }
  .topContentsWrap .topContaintsInner .collections {
    top: 15px;
    margin: 0px 0 0 12px;
    font-size: 16px;
  }
  .topContentsWrap .topContaintsInner .jarallax-img img {
    height: 100%;
  }
  .topContentsWrap .topContaintsInner .animateproductScroll {
    width: calc(100% + 30px);
    height: auto;
    float: right;
    margin: 400px -15px 80px 0px;
    display: flex;
    flex-flow: row;
    gap: 20px;
    position: relative;
    z-index: 9;
    padding: 0 95px 0 95px;
    overflow: auto;
  }
  .topContentsWrap .topContaintsInner .animateproductScroll::-webkit-scrollbar {
    display: none;
  }
  .topContentsWrap .topContaintsInner .animateproductScroll .productBox {
    min-width: 170px;
    max-width: 170px;
  }
  .topContentsWrap .topContaintsInner .animateproductScroll .productBox .productCat ul {
    gap: 15px;
  }
  .topContentsWrap .topContaintsInner .animateproductScroll .productBox .productCat ul li {
    margin: 0;
  }
  .topContentsWrap .topContaintsInner .animateproductScroll .productBox .productCat ul li a {
    font-size: 10px;
  }
  .topContentsWrap .topContaintsInner .animateproductScroll .productBox .productCat ul li::after {
    font-size: 11px;
    top: -1px;
    right: -9px;
  }
  .topContentsWrap .topContaintsInner .animateproductScroll .productBox .productPic {
    height: 170px;
  }
  .topContentsWrap .topContaintsInner .animateproductScroll .productBox .pDetails {
    font-size: 0;
  }
  .topContentsWrap .topContaintsInner .animateproductScroll .productBox .pDetails a {
    width: 100%;
    text-align: center;
    font-size: 13px;
  }
  .bigLogo {
    padding: 0px 15px;
    margin: 25px 0 0 0;
  }
  .underImgText {
    padding: 0 15px;
  }
  .underImgText p {
    font-size: 16px;
  }
  .collectionWrap {
    padding: 0 15px;
  }
  .collectionWrap .collectionInner {
    float: left;
  }
  .collectionWrap .collectionInner h2 {
    font-size: 46px;
  }
  .collectionWrap .collectionInner .collectionBoxes {
    flex-flow: column;
  }
  .collectionWrap .collectionInner .collectionBoxes .cBox {
    height: 500px;
    margin: 0;
  }
  .collectionWrap .collectionInner .collectionBoxes .cBox .collectionBtn {
    font-size: 16px;
  }
  .productListWrapHome {
    padding: 0 15px;
  }
  .productListWrapHome .shopAllBtn {
    padding: 5px 16px;
    font-size: 16px;
  }
  .productListWrapHome .productListMainHome {
    float: left;
    gap: 10px;
  }
  .productListWrapHome .productListMainHome .productBox {
    width: calc(33% - 5px);
    padding: 18px 0;
  }
  .productListWrapHome .productListMainHome .productBox .productCat ul {
    gap: 13px;
  }
  .productListWrapHome .productListMainHome .productBox .productCat ul li {
    position: relative;
  }
  .productListWrapHome .productListMainHome .productBox .productCat ul li a {
    font-size: 10px;
  }
  .productListWrapHome .productListMainHome .productBox .productCat ul li::after {
    font-size: 11px;
    top: -3px;
    right: -8px;
  }
  .productListWrapHome .productListMainHome .productBox .productPic {
    height: 170px;
  }
  .productListWrapHome .productListMainHome .productBox .pDetails {
    font-size: 0;
  }
  .productListWrapHome .productListMainHome .productBox .pDetails a {
    width: 100%;
    text-align: center;
    font-size: 16px;
  }
  .exploreSectionWrap {
    padding: 0 15px;
  }
  .exploreSectionWrap .expSecFull {
    height: 500px;
  }
  .exploreSectionWrap .exploreMoltipleWrap {
    width: calc(100% + 30px);
    justify-content: flex-start;
    overflow: auto;
    margin: 0 0 0 -15px;
    padding: 0 15px;
  }
  .exploreSectionWrap .exploreMoltipleWrap::-webkit-scrollbar {
    display: none;
  }
  .exploreSectionWrap .exploreMoltipleWrap .expSecWrap {
    min-width: 233px;
    max-width: 233px;
    height: 297px;
    border-radius: 11px;
  }
  .exploreSectionWrap .exploreMoltipleWrap .expSecWrap h3 {
    font-size: 26px;
    bottom: 11px;
    left: 8px;
  }
  .newsletterSectionWrap {
    padding: 0 15px;
  }
  .newsletterSectionWrap .nsInner {
    flex-flow: column;
  }
  .newsletterSectionWrap .nsInner .newsletterSectionMain {
    padding: 13px;
  }
  .newsletterSectionWrap .nsInner .newsletterSectionMain h3 {
    font-size: 46px;
  }
  .newsletterSectionWrap .nsInner .newsletterSectionMain .newsletterForm {
    float: left;
  }
  .newsletterSectionWrap .nsInner .newsletterSectionMain .newsletterForm .nEmail, .newsletterSectionWrap .nsInner .newsletterSectionMain .newsletterForm .subBtn {
    font-size: 15px;
  }
  .newsletterSectionWrap .nsInner .newsletterSectionMain .subText {
    margin: 65px 0 0 0;
    font-size: 11px;
  }
  .newsletterSectionWrap .nsInner .joinCounity {
    background-position: right;
  }
  footer {
    padding: 0 15px;
  }
  footer .footerInner {
    padding: 60px 0;
  }
  footer .footerInner .footBox {
    width: 50%;
    margin: 35px 0 0 0;
  }
  footer .footerInner .footBox ul {
    gap: 16px;
  }
  footer .footerInner .endFooter {
    position: relative;
    padding: 0 0 120px 0;
  }
  footer .footerInner .endFooter a {
    width: 50%;
  }
  footer .footerInner .endFooter a:first-child {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
  }
  footer .footerInner .endFooter a:last-child {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
  }
  /*******************************************  catalog Listing page  **********************************/
  .completeCatalogWrap {
    padding: 0 40px;
    margin: 0px 0 40px 0;
  }
  .completeCatalogWrap .catalogPageHeader {
    float: left;
    z-index: 999;
    position: relative;
  }
  .completeCatalogWrap .catalogPageHeader h1 {
    font-size: 46px;
  }
  .completeCatalogWrap .catalogPageHeader .productTypesWrap {
    white-space: nowrap;
    overflow: auto;
    width: calc(100% + 40px);
    float: left;
    margin: 0;
    padding: 16px 20px 16px 20px;
    position: absolute;
    top: 64px;
    left: -20px;
  }
  .completeCatalogWrap .catalogPageHeader .productTypesWrap::-webkit-scrollbar {
    display: none;
  }
  .completeCatalogWrap .catalogPageHeader .productTypesWrap a {
    font-size: 16px;
  }
  .completeCatalogWrap .catalogPageHeader .productTypesWrap.stick {
    position: fixed;
    top: 47px;
    left: 0;
    background-color: #fff;
  }
  .completeCatalogWrap .catalogPageHeader p {
    font-size: 16px;
    margin: 70px 0 0 0;
  }
  .completeCatalogWrap .catalogPageBody {
    margin: 81px 0 0 0;
  }
  .completeCatalogWrap .catalogPageBody .catalogFilterWrap {
    float: left;
  }
  .completeCatalogWrap .catalogPageBody .catalogFilterWrap .filterButton {
    padding: 6px 12px;
    font-size: 11px;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap {
    margin: 20px 0 0 0;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .typeBoxes {
    position: fixed;
    min-width: unset;
    max-width: unset;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    z-index: 9999;
    top: 0;
    left: 0;
    margin: 0;
    padding: 65px 20px 0;
    display: none;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .typeBoxes.show {
    display: block;
    min-width: unset;
    max-width: unset;
    width: 100%;
    height: 100%;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .typeBoxes .typeBox a.flip i {
    -webkit-text-stroke: 3px #f5f5f5;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .typeBoxes .closeType {
    display: block;
    margin: 0px 0 21px 0;
    font-size: 26px;
    -webkit-text-stroke: 2px #f5f5f5;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap {
    float: left;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs {
    float: left;
    gap: 10px;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox {
    width: calc(33.33% - 10px) !important;
    height: unset;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox.animateDown {
    transform: translate(0, 0);
    opacity: 1;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox .wigtBox {
    width: 72px;
    padding: 4px 6px;
    border-radius: 6px;
    top: 11px;
    right: 11px;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox .wigtBox .stars i {
    font-size: 8px;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox .wigtBox h4 {
    margin: 5px 0 0 0;
    font-size: 11px;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox .wigtBox h4 small {
    font-size: 8px;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox .wigtBox .colorSize {
    margin: 6px 0 0 0;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox .wigtBox .colorSize p {
    font-size: 9px;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox .wigtBox .colorSize p:last-child {
    margin: 5px 0 0 0;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox picture {
    height: 170px;
    margin: 38px 0 0 0;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox .pDescription {
    margin: 5px 0 11px 0;
    padding: 0 9px;
    flex-flow: column;
    gap: 2px;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox .pDescription span {
    font-size: 14px;
  }
  .completeCatalogWrap .catalogPageBody .productstotalWrap .productMainWrap .productTabs a.productBox .pDescription span:last-child {
    font-size: 11px;
  }
  /********************************************  product details page  ********************************************/
  .productDetailsWrap {
    margin: 0;
    padding: 0 45px;
  }
  .productDetailsWrap h1 {
    font-size: 46px;
    line-height: 120%;
  }
  .productDetailsWrap .detailsMainWrap {
    flex-flow: column;
  }
  .productDetailsWrap .detailsMainWrap .detailsImgWrap {
    max-width: unset;
    min-width: unset;
    width: 100%;
  }
  .productDetailsWrap .detailsMainWrap .detailsImgWrap .smallAnimatedProduct {
    width: 170px;
    top: 10px;
    right: 10px;
  }
  .productDetailsWrap .detailsMainWrap .detailsImgWrap .smallAnimatedProduct .animatedProduct {
    height: 250px;
  }
  .productDetailsWrap .detailsMainWrap .detailsImgWrap .smallAnimatedProduct .stars {
    width: 75px;
    top: 7px;
    right: 10px;
  }
  .productDetailsWrap .detailsMainWrap .detailsImgWrap .smallAnimatedProduct .stars i {
    font-size: 7px;
  }
  .productDetailsWrap .detailsMainWrap .detailsImgWrap .bigImgWrap {
    height: 450px;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap {
    display: flex;
    flex-flow: column;
    margin: 0;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap .addCartWrap {
    margin: 0;
    order: -1;
    position: relative;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap .addCartWrap .addCartBtn {
    position: absolute;
    right: 0;
    padding: 6px 16px;
    font-size: 19px;
    margin: 0;
    top: 9px;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap .addCartWrap .discountBosWrap {
    margin: 3px 0 0 0;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap .productThumbsWrap {
    margin: 40px 0 0 0;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap .productThumbsWrap .thumbsMain {
    float: left;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap .sizes {
    margin: 40px 0 0 0;
  }
  .productDetailsWrap .detailsText {
    margin: 73px 0 0 0;
  }
  .productDetailsWrap .detailsText p {
    font-size: 16px;
  }
  .productInfoandSizes {
    margin: 60px 0 0 0;
    padding: 50px 20px;
  }
  .productInfoandSizes h1 {
    font-size: 46px;
    line-height: 120%;
  }
  .productInfoandSizes .pfsInner {
    flex-flow: column;
    gap: 30px;
  }
  .productInfoandSizes .pfsInner .infoTabWrap {
    float: left;
  }
  .productInfoandSizes .pfsInner .infoTabWrap .mainTabBoxWrap {
    float: left;
    margin: 10px 0 0 0;
  }
  .productInfoandSizes .pfsInner .infoTabWrap .mainTabBoxWrap .tabBox {
    float: left;
  }
  .productInfoandSizes .pfsInner .infoTabWrap .mainTabBoxWrap .tabBox .tabBoxInner {
    display: flex;
    gap: 25px;
  }
  .productInfoandSizes .pfsInner .infoTabWrap .mainTabBoxWrap .tabBox .tabBoxInner picture {
    width: 100%;
    min-width: unset;
    max-width: unset;
  }
  .productInfoandSizes .pfsInner .infoSizeWrap {
    max-width: unset;
    min-width: unset;
    width: 100%;
  }
  .relatedProductWrap {
    padding: 20px;
    gap: 10px;
  }
  .relatedProductWrap a.productBox {
    width: calc(33.33% - 8px) !important;
    height: unset;
  }
  .relatedProductWrap a.productBox.animateDown {
    transform: translate(0, 0);
    opacity: 1;
  }
  .relatedProductWrap a.productBox .wigtBox {
    width: 72px;
    padding: 4px 6px;
    border-radius: 6px;
    top: 11px;
    right: 11px;
  }
  .relatedProductWrap a.productBox .wigtBox .stars i {
    font-size: 8px;
  }
  .relatedProductWrap a.productBox .wigtBox h4 {
    margin: 5px 0 0 0;
    font-size: 11px;
  }
  .relatedProductWrap a.productBox .wigtBox h4 small {
    font-size: 8px;
  }
  .relatedProductWrap a.productBox .wigtBox .colorSize {
    margin: 6px 0 0 0;
  }
  .relatedProductWrap a.productBox .wigtBox .colorSize p {
    font-size: 9px;
  }
  .relatedProductWrap a.productBox .wigtBox .colorSize p:last-child {
    margin: 5px 0 0 0;
  }
  .relatedProductWrap a.productBox picture {
    height: 170px;
    margin: 38px 0 0 0;
  }
  .relatedProductWrap a.productBox .pDescription {
    margin: 5px 0 11px 0;
    padding: 0 9px;
    flex-flow: column;
    gap: 2px;
  }
  .relatedProductWrap a.productBox .pDescription span {
    font-size: 14px;
  }
  .relatedProductWrap a.productBox .pDescription span:last-child {
    font-size: 11px;
  }
}
@media screen and (min-width: 1101px) and (max-width: 1360px) {
  /********************************************  product details page  ********************************************/
  .productDetailsWrap {
    margin: 0;
    padding: 0 45px;
  }
  .productDetailsWrap h1 {
    font-size: 46px;
    line-height: 120%;
  }
  .productDetailsWrap .detailsMainWrap {
    flex-flow: column;
  }
  .productDetailsWrap .detailsMainWrap .detailsImgWrap {
    max-width: unset;
    min-width: unset;
    width: 100%;
  }
  .productDetailsWrap .detailsMainWrap .detailsImgWrap .smallAnimatedProduct {
    width: 170px;
    top: 10px;
    right: 10px;
  }
  .productDetailsWrap .detailsMainWrap .detailsImgWrap .smallAnimatedProduct .animatedProduct {
    height: 250px;
  }
  .productDetailsWrap .detailsMainWrap .detailsImgWrap .smallAnimatedProduct .stars {
    width: 75px;
    top: 7px;
    right: 10px;
  }
  .productDetailsWrap .detailsMainWrap .detailsImgWrap .smallAnimatedProduct .stars i {
    font-size: 7px;
  }
  .productDetailsWrap .detailsMainWrap .detailsImgWrap .bigImgWrap {
    height: 450px;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap {
    display: flex;
    flex-flow: column;
    margin: 0;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap .addCartWrap {
    margin: 0;
    order: -1;
    position: relative;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap .addCartWrap .addCartBtn {
    position: absolute;
    right: 0;
    padding: 6px 16px;
    font-size: 19px;
    margin: 0;
    top: 9px;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap .addCartWrap .discountBosWrap {
    margin: 3px 0 0 0;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap .productThumbsWrap {
    margin: 40px 0 0 0;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap .productThumbsWrap .thumbsMain {
    float: left;
  }
  .productDetailsWrap .detailsMainWrap .detailsContainWrap .sizes {
    margin: 40px 0 0 0;
  }
  .productDetailsWrap .detailsText {
    margin: 73px 0 0 0;
  }
  .productDetailsWrap .detailsText p {
    font-size: 16px;
  }
}/*# sourceMappingURL=responsive.css.map */