/*tablet*/
@media all and (min-width: 1640px) {
.promotionImg {
width: 42%;
margin-left: -5%;
}
}
@media all and (max-width: 1280px) {
.productDetail {
max-width: 100%;
}
.tabProductWrap {
padding: 56px 20px;
}
.productProfileWrap,
.productDetailDesWrap {
height: 600px;
overflow-y: scroll;
}
}
@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) {
.deskTop_mt-4{
margin-top: 1.2rem ;
}
.kv {
display: none;
}
.kvideo {
width: 100%;
margin-top: 80px;
height: 500px;
}
.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) {
.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: 450px;
}
.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) {
}