/*tablet*/

@media all and (min-width: 1640px) {
  .promotionImg {
    width: 42%;
    margin-left: -5%;
  }

}

@media all and (max-width: 1640px) {
  .productDetailDesWrap {
    max-height: 780px;

  }
  .productmainKV{
    height: auto;
  }
}



@media all and (max-width: 1280px) {
  .productDetail {
    max-width: 100%;
  }
  .tabProductWrap {
    padding: 56px 20px;
  }
  .productProfileWrap,
  .productDetailDesWrap {
    height: 600px;
    overflow-y: scroll;
  }
  .mainKV{min-height: auto;}
}

@media all and (max-width: 1199px) {
  .rightArrow:after {
    width: 5em;
  }
  .rightArrow {
    padding: 1em 4em 1em 0px;
  }
}
@media all and (min-width: 1001px) {
  .deskTop_mt-4{
    margin-top: 1.2rem ;
    }
  .kv {
    display: none;
  }
  .kvideo {
    width: 100%;
    /* margin-top: 80px; */
    /* height: 500px; */
  }
  .search{
    color: #000;
    width: 100%;
  
    border-bottom: 1px solid #000;
  }
  .twitter-typeahead{
    display: block!important;
  }
}
@media all and (max-width: 1001px) {
  .zoom img {
  position: relative;
  top: initial;
  left: initial;
  transform: translate(0%, 0%);
}
  .deskTop_mt-4{
    margin-top: 1.2rem ;
    }
  .kv {
    display: none;
  }
  .kvideo {
    /* width: 100%;
    margin-top: 80px;
    height: 500px; */
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
  }
  .search{
    color: #000;
    border-top:1px solid #000 ;
    border-bottom:1px solid #000 ;
  }
}
@media all and (min-width: 992px) {
  .mobileAccountMenu,
  .mobilefaqMenu {
    display: block !important;
    left: 0 !important;
  }
}
@media all and (max-width: 992px) {
  .productDetailDesWrap {
    max-height: 100%;
}
  .silderMainImg img {
    z-index: 2;
    position: relative;
     top: initial; 
     left: initial; 
   transform: translate(0%, 0%); 
}
  .bigbigbiggerester {
    font-size: 72px !important;
  }
  .cardImgModal {
    margin: 10px;
    text-align: center;
  }
  .videoText {
    width: 100%;
  }
  .textContent {
    margin: 0px 20px;
  }
  .rgWrap {
    width: 100%;
  }
  .closeSearchBtn {
    top: 15px;
    right: 26px;
  }
  .ourStoriesMenu a sup {
    top: -1em;
  }
  .desktopShow {
    display: none;
  }
  .mobileShow {
    display: block;
  }
  .productDetailDesWrap {
    padding-top: 40px !important;
  }
  #tabs-nav li {
    padding: 10px;
  }
  .rightArrow {
    font-size: 18px;
  }
  .rightArrow:after {
    -webkit-transform: translate(0, -0.2em);
    transform: translate(0, -0.2em);
  }
  .swiper-slide {
    padding: 10% 40px;
  }
  .mobilePadding {
    padding: 0px 20px !important;
  }
  .productDetail,
  .checkOutInfo,
  .productProfile,
  .checkOutPayment {
    max-width: 100%;
  }
  .tabWarp {
    padding: 20px;
  }
  #tabs-nav {
    padding: 20px 0px;
    margin: 0px 20px;
  }
  .spWarp {
    padding: 140px 20px 20px 20px;
  }
  .checkOutProductWrap {
    width: 100%;
  }
  .subWarp {
    padding: 40px 20px;
  }
  .productFilter {
    display: none;
  }
  .productProfile {
    max-width: 100%;
  }

  .mobileAccountTitle {
    display: block;
  }

  .mobileAccountMenu,
  .mobilefaqMenu {
    position: absolute;
    display: block;
    overflow: scroll;
    z-index: 100;
    left: -100%;
    padding-bottom: 20%;
    background-color: #f6f5ef;
    height: 100%;
  }
  .mobileAccountMenuBack,
  .mobilefaqMenuBack {
    display: block;
  }
  .ourStoriesMenu a,
  .accountMenu a,
  .faqMenu a {
    font-size: 48px;
  }
  .spSlider .swiper-pagination-fraction,
  .swiper-pagination-custom,
  .swiper-container-horizontal > .swiper-pagination-bullets {
    top: auto !important;
    bottom: 20px !important;
  }

  .qWrap {
    padding: 40px 0px;
  }
  .productProfileWrap,
  .productDetailDesWrap {
    height: auto;
    overflow-y: unset;
  }
  .sildePreviewWrap {
    width: 80%;
  }

  .mainInspirations {
    padding-top: 100px;
  }
  .textBox {
    margin-bottom: 60px;
  }
  .tabProductDetail,
  .tabRemark {
    max-width: 100%;
  }
  .productDetailKvImg{
    margin-top: 92px;
  }
  .productDetailKvImg,
  .productDetailWrap,
  .checkOutInfoWrap {
    border-right: 0px solid #285a3b;
    width: 100%;
  }
  .subscribeWarp {
    padding: 90px 20px;
  }
  .promotionImg {
    width: 100%;
    margin: 0px;
    /* margin-left: -10%; */
  }
  .footerWarp {
    padding: 60px 20px;
  }
  .card {
    margin-bottom: 20px;
  }
  .mainCardWrap {
    padding: 60px 20px 60px 20px;
  }
  .kvideo {
    margin-top: 80px;
  }
  .subscribeBtn {
    position: relative;
  }
  .mainPromotion {
    padding: 0px;
  }
  .pormotionDes {
    height: auto;
    margin-top: 0px;
    margin-left: 0px;
    width: 100%;
    background-color: #fff;
    padding: 20px;
  }
  .max {
    font-size: 100px !important;
  }
}

@media all and (max-width: 768px) {
  .bigbiggerester {
    font-size: 36px !important;
  }
  .rightArrow {
    right: -5px !important;
  }
  .swiper-slide {
    padding: 10% 20px;
  }
  .inspirationsWrap > div:nth-child(even) {
    margin-top: 0%;
  }

  .order-1 {
    order: 2;
  }
  .order-2 {
    order: 1;
  }
  .sildePreviewWrap {
    width: 100%;
  }

  .mainWarp {
    padding: 100px 20px;
  }
}

@media (min-width: 576px) {
}
@media (max-width: 576px) {
}
@media (min-width: 768px) {
}
@media all and (max-width: 650px) {
}

/*mobile*/

@media all and (max-width: 500px) {
  .rightArrow {
    font-size: 18px;
  }
  .swiper-pagination2 {
    padding-top: 20px !important;
    position: relative !important;

    text-align: center;
  }
  .pointSilder {
    height: auto;
    padding-bottom: 58px;
}
  .swiper-pagination-fraction,
  .swiper-pagination-custom,
  .swiper-container-horizontal > .swiper-pagination-bullets {
    top: 0px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
  }

  .max {
    font-size: 60px !important;
  }
}

@media all and (max-width: 480px) {
}

@media all and (max-width: 320px) {
}