@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px
11. 539px
12. 479px
13. 400px

******************************/


@media only screen and (max-width: 1600px)
{
	
}

/************
2. 1440px
************/

@media only screen and (max-width: 1540px)
{
	
}

/************
3. 1380px
************/

@media only screen and (max-width: 1380px)
{
 
}

/************
3. 1280px
************/

@media only screen and (max-width: 1280px)
{
.bestbrand .container{padding:0 20px; position: relative;}
.bestbrand .container:before{content:'';display:block; width:100%; height:1px; background:#d8d8d8;  position: absolute; top:-50px; left:0; margin-left:0 }
.bestbrand .container:after{content:'';display:block; width:100%; height:1px; background:#d8d8d8;  position: absolute; bottom:-50px; left:0; margin-left:0 }
 
.icherryReview .container{padding:40px 20px; position: relative;}
.icherryReview .container:after{content:'';display:block; width:100%; height:1px; background:#d8d8d8;  position: absolute; bottom: 0px; left:0; margin-left:0 }
.icherryReview .container:before{content:'';display:block; width:100%; height:1px; background:#d8d8d8;  position: absolute; bottom: 0px; left:0; margin-left:0 }

.bestitems .container{padding:20px 20px; position: relative;}
.bestitems .container:before{content:'';display:none; width:100%; height:1px; background:#d8d8d8;  position: absolute; top:-50px; left:0; margin-left:0 }
.bestitems .container:after{content:'';display:none; width:100%; height:1px; background:#d8d8d8;  position: absolute; bottom:-50px; left:0; margin-left:0 }


}

/************
4. 1199px
************/

@media only screen and (max-width: 1199px)
{
	.main_slider
	{
		min-height: 475px;
		height: calc(100vw / 1.714);
	}
	.main_slider_content
	{
		width: 80%;
	}
	.banner_item
	{
		height: 220px;
	}
	.product-item
	{
		height: 360px;
	}
	.product
	{
		height: 320px;
	}
	.timer li
	{
		width: 90px;
		height: 90px;
	}
	.timer_num
	{
		font-size: 36px;
		font-weight: 500;
	}
	.timer_unit
	{
		margin-top: 5px;
	}
	.blog_title
	{
		font-size: 20px;
	}

	.site-blocks-1 .icon span{width:80px; height:80px; margin-top:15px}
	.site-blocks-1 .icon span img{width:100%;    vertical-align: top}

	.saleBanner .brandSale-txt .brandSale-cate{font-size:15px;  }
	.saleBanner .brandSale-txt .brandSale-sale{font-size:15px;  }

	.eventBanner .eventSlider{float:left;  width:49%!important;}
	.eventBanner .eventSlider img{width:100%!important;}
	.eventBanner .event4{float:right; width:49%!important;}

	 /* .productList{min-height:340px} */
	 .productList{min-height:230px}

}

/************
5. 1024px
************/

@media only screen and (max-width: 1024px)
{
 
}

/************
6. 991px
************/

@media only screen and (max-width: 991px)
{
	footer{margin:40px 0 0 0}
	h1{font-size: 48px;}
	h2{font-size: 36px;}
	.main_slider_content h6
	{
		margin-bottom: 23px;
	}
	.shop_now_button
	{
		margin-top: 26px;
	}
	.grid-item
	{
		width: 25%;
	}
	.top_nav
	{
		display: none;
	}
	.navbar_menu
	{
		display: none;
	}
	.hamburger_container
	{
		display: block;
	}
	.logo_container a img{
       width:50%
	}
	.main_nav_container{
       padding:10px 0
	}
	.navbar_user
	{
		position: absolute;
		right:0;
		top:0
	}

	.icherry-Wrap{margin-top:0; padding-top:0px}

	.cscenter_row .cscenter_col{
		margin-bottom:15px;
	}
	.cscenter_row .cscenter_col:nth-child(2n){
	  border-right:none;
	}

	.cscenter_row .cscenter_col:nth-child(3n){
	   padding-left:0
	}

	.copyright_row .footer-logo{display:none;}

	.copyright_row .footer-banner ul{
		float:none;
		margin:0 auto;
	}

 
.icherryMenu .gnb:before {
	display:block;
	content:"";
	position:absolute;
	left:-30px;
	top:0;
	width:20px;
	height:37px;
	background:url(/img/bg_sp.png) no-repeat 0 -250px;
	background-size:280px 400px;
	z-index:99
}
.icherryMenu .gnb:after {
	display:block;
	content:"";
	position:absolute;
	right:0px;
	top:0;
	width:30px;
	height:37px;
	background:url(/img/bg_sp.png) no-repeat -30px -250px;
	background-size:280px 400px;
	z-index:99
}

.subMenuConainer{padding-right:0!important;}


	.main_slider
	{
		margin-top: 100px;
	}
	.main_slider_content
	{
		width: 100%;
		padding-right: 15px;
	}
	.banner_item
	{
		height: 160px;
	}
	.banner_category
	{
		min-width: 160px;
		height: 40px;
	}
	.banner_category a
	{
		font-size: 16px;
		line-height: 40px;
	}
	.product-item
	{
		width: 25%;
	}
	.deal_ofthe_week_col
	{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.deal_ofthe_week_content
	{
		position: relative;
		top: auto;
		left: auto;
		height: auto;
	}
	.deal_ofthe_week_img
	{
		text-align: center;
	}
	.timer li
	{
		width: 70px;
		height: 70px;
	}
	.timer_num
	{
		font-size: 28px;
	}
	.timer_unit
	{
		margin-top: 1px;
		font-size: 14px;
	}
	.benefit_col
	{
		margin-bottom: 30px;
	}
	.benefit_col:last-child
	{
		margin-bottom: 0px;
	}
	.blog_item_col
	{
		margin-bottom: 30px;
	}
	.blog_item_col:last-child
	{
		margin-bottom: 0px;
	}
	.blog_item
	{
		height: 440px;
	}
	.blog_title
	{
		font-size: 24px;
	}
	.newsletter_text
	{
		height: auto;
		margin-top: 30px;
	}
	.newsletter_text p
	{
		margin-top: 5px;
	}
	.newsletter_form
	{
		height: auto;
		margin-top: 30px;
		margin-bottom: 40px;
	}
	.footer_nav_container
	{
		height: auto;
 	}
	.footer_social
	{
		height: auto;
		margin-top: 20px;
		margin-bottom: 65px;
	}


	#search_input_box {  position: fixed; top:80px;  left: 50%; -webkit-transform: translateX(-50%);   -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);  -o-transform: translateX(-50%);  transform: translateX(-50%);   width: 100%;  max-width: 100%;  z-index: 1000;   text-align: center;  padding: 5px 10px; }
	#search_input_box .form-control {  background: transparent;  border: 0;  color: #ffffff;    font-weight: 400;  font-size: 15px;  padding: 0; }
	#search_input_box .form-control:focus {   box-shadow: none;   outline: none; }
	#search_input_box input.placeholder { color: #ffffff;   font-size: 14px; }
	#search_input_box input:-moz-placeholder {    color: #ffffff;    font-size: 14px; }
	#search_input_box input::-moz-placeholder {  color: #ffffff;   font-size: 14px; }
	#search_input_box input::-webkit-input-placeholder {   color: #ffffff;    font-size: 14px; }
	#search_input_box .btn {  width: 0;   height: 0;   padding: 0;  border: 0; }
	#search_input_box .lnr-cross {   color: #fff;  font-weight: 600;    cursor: pointer;   padding: 10px 3px; }
	#search_input_box  i{color:#fff; font-size:16px}

	.search_input{background:#000; display:none;}
	.icherryMain h3{  font-size:30px; margin:10px 0 35px; font-weight:bold;}

 	.slide1{  margin-top:0; height:auto!important; padding-top:0px}
	.bestbrand-container{padding:0 20px}

	.productList{min-height:275px}

	.m_top_menu{display:block!important;}
	
	.product-detail-line{padding-bottom:0}
    
	.BigmSize {
		width: 100%;
		margin: 0 auto;
	}	 

	.timeMain h3{font-size:18px}
	

}

/************
7. 959px
************/

@media only screen and (max-width: 959px)
{
	
 
}

/************
8. 880px
************/

@media only screen and (max-width: 880px)
{
	
.cate_align_box {  height: auto;   line-height: auto;}
.cate_align_box .all_number{float:none; width:100%;   padding-left:0px; text-align:center}
.cate_align_box .all_number span{display:inline-block;}

.cate_align_box .align_sort{float:left; width:65%; }
.cate_align_box .brand_count_sort{float:right;  width:35%;   padding-left:0;}


}

/************
9. 768px
************/

@media only screen and (max-width: 768px)
{
	
}

/************
10. 767px
************/

@media only screen and (max-width: 767px)
{
	h1{font-size: 36px;}
	h2{font-size: 24px;}
	h6{font-size: 12px;}
	.main_slider_content h6
	{
		margin-bottom: 20px;
	}
	.shop_now_button
	{
		margin-top: 23px;
	}
	.red_button a
	{
		font-size: 12px;
	}
	.banner_item
	{
		margin-bottom: 30px;
		height: 210px;
	}
	.new_arrivals_title
	{
		margin-top: 44px;
	}
	.product-item
	{
		width: 33.333333333333%;
		height: 345px;
	}
	.product
	{
		height: 305px;
	}
	.grid_sorting_button
	{
		font-size: 13px;
		padding-left: 20px;
		padding-right: 20px;
		min-width: 80px;
	}
	.product_slider_container
	{
		height: auto;
	}
	.product_slider_item .product-item
	{
		height: 380px;
	}
	.benefit_col
	{
		margin-bottom: 15px;
	}
	.blog_item
	{
		height: 372px;
	}
	.newsletter_form
	{
		margin-bottom: 40px;
	}
	.newsletter_submit_btn
	{
		margin-top: 15px;
	}




	.container dl.table-row { display: block;}
	.container dl.table-row:after { content: ''; display: block; clear: both;}
	.container dl.table-row.first {}
	.container dl.table-row.first dt,
	.container dl.table-row.first dd { border-top: 0 !important; margin-top:0 !important;}
	.container dl.table-row.first.mtop dt { border-top: 1px solid #767676; }
	.container dl.table-row dt { float: none; display: block; width: 100%; position: static; padding: 0; font-size: 14px; border-bottom: 0;color:#555;margin-top:20px;padding:6px 7px 4px;}
	.container dl.table-row dt label { width: auto; padding-right: 12px; font-size: 16px; color:#555; }
	.container dl.table-row dt b { width: auto; padding-right: 12px; color:#555;}
	.container dl.table-row dt.wd20 { float: left; width: 26%;}
	.container dl.table-row dd { float: none; display: block; width: 100%; padding: 5px 0 0; border-bottom: 0; overflow:hidden;}
	.container dl.table-row dd.wd80 { float: left; width: 74%; padding: 5px 0 0;margin-top:20px;}
	.container dl.table-row dd.pd { padding: 0;}
	.container dl.table-row.last dt { border-bottom: 0;}
	.container dl.table-row.last dd {padding-bottom: 20px; border-bottom: 1px solid #222;}


	.boardAnswer{ padding:20px 0 20px 10px; border-top:1px #ddd dotted; text-align:left; margin-top:10px; background:#f9f9f9;}
	.boardQuestion{padding-left:10px; text-align:left; padding-bottom:10px}

	.eventBanner .eventSlider{float:none;  width:100%!important;}
	.eventBanner .eventSlider img{width:100%!important;}
	.eventBanner .event4{float:none; width:100%!important; margin-top:20px}
	.eventBanner{margin-left:0; margin-right:0; }
	.eventBanner .event4 li .eventTxt{padding:10px 0 10px 10px!important;}
	.eventBanner .event4 li .eventTxt .eventTitle{  font-size:14px; }
	.eventBanner .event4 li .eventTxt .eventTitleEng{ font-size:12px}

	.reviewTxt {padding:0 10px 20px 10px}
	.starGradeP{display:none}

	.bestbrandproduct{margin-left:-15px; margin-right:-15px}
	.tab01 .nav-tabs .nav-item { padding: 8px 15px; 	}

  
	.productList .prodctTxt {padding:15px; 10px}
	.productList .prodctTxt .productBrand{color:#333; font-size:12px;}
	.productList .prodctTxt .productName{color:#333333; font-size:14px; font-weight:600 }
	.productList .prodctTxt .productPrice{padding-top:10px;}
	.productList .prodctTxt .productPrice span{padding-right:5px}
	.productList .prodctTxt .productPrice .salePercent{font-weight:600; font-size:18px; color:#d72a3e;}
	.productList .prodctTxt .productPrice .Lrprice{font-size:12px; color:#979797; text-decoration:line-through; font-style: italic;}
	.productList .prodctTxt .productPrice .Srprice{color:#d72a3e; font-weight:600; font-size:14px}


	.wrap-special  .prev-slick{left:-5px}
	.wrap-special  .next-slick{right:-5px}

	.productList{ min-height:275px}
 	.saleBanner .block3{margin-bottom:30px}



	.bestbrand .container{padding:0 20px; position: relative;}
	.bestbrand .container:before{content:'';display:block; width:100%; height:1px; background:#d8d8d8;  position: absolute; top:-60px; left:0; margin-left:0 }
	.bestbrand .container:after{content:'';display:block; width:100%; height:1px; background:#d8d8d8;  position: absolute; bottom:-60px; left:0; margin-left:0 }
	 
	.icherryReview .container{padding:40px 20px; position: relative;}
	.icherryReview .container:after{content:'';display:block; width:100%; height:1px; background:#d8d8d8;  position: absolute; bottom: 0px; left:0; margin-left:0 }
	.icherryReview .container:before{content:'';display:block; width:100%; height:1px; background:#d8d8d8;  position: absolute; top: 0px; left:0; margin-left:0 }

	.bestitems .container{padding:20px 20px; position: relative;}
	.bestitems .container:before{content:'';display:none; width:100%; height:1px; background:#d8d8d8;  position: absolute; top:-30px; left:0; margin-left:0 }
	.bestitems .container:after{content:'';display:none; width:100%; height:1px; background:#d8d8d8;  position: absolute; bottom:-20px; left:0; margin-left:0 }

	.cartTitle .cartCode{display:None;}

	/* .category_list li { width:50%!important;  } */
	.category_list li { width:33%!important;  }
	
	.cate_align_box {  height: auto; line-height:auto; margin-bottom:50px}
	.cate_align_box .align_sort{float:none; width:100%; text-align:center;}
	.cate_align_box .brand_count_sort{float:none;  width:100%;   padding-left:0;}

	.cate_align_box .align_sort ul{display:inline-block; margin:0 auto;}

	.cate_align_box .brand_count_sort .select-style{ height: 40px; line-height:40px; width:50%; display:block; float:left; border:1px #ddd solid;}
	.cate_align_box .brand_count_sort select{border:none; width:95%;     margin: 5px 0px 5px 10px; padding:0}
	.cate_align_box .brand_count_sort .select-style:last-child{border-left:none;}


	div.divColorImgBox div.divColorImg img{width:100%}
	.detailGuideBox{border:1px #ddd solid; padding:15px}
	.prodDetailPadding{  padding:45px 0 45px 0}

	.productList{min-height:225px}

	.m-main-dis-none{display:none}

	.Mustread .infobox{ padding:15px; margin-bottom:15px;  }
	 
}

@media only screen and (min-width: 767px) {
 	.pc-main-dis-none{display:none}

}

/************
11. 575px
************/

@media only screen and (max-width: 575px)
{
	.hamburger_menu
	{
		right: -100%;
		width: 100%;
	}
	.product-item
	{
		width: 50%;
		height: 420px;
	}
	.product
	{
		height: 380px;
	}
	.blog_item
	{
		height: calc((100vw - 30px) / 1.37);
	}
	.cr
	{
		display: block;
		margin-right: 0px;
		margin-bottom: 30px;
		font-size: 13px;
	}

	.cscenter_row .cscenter_col{
	  border-right:none;
	  padding-left:0;
	  min-height:auto!important;
	}
 
	.footer_nav
	{
		 
	}
	.footer_nav li
	{
		display: block;
		margin-right: 0px;
	}
	.footer_nav li a
	{
		font-size: 12px;
	}




    .m-full-btn{
		width:100% !important;;
	}


	.cate_align_box .align_sort li { margin: 0 10px; 	}
	.cate_align_box .align_sort li:after{ right:-10px; }

     .prodDetailLink{margin-top:0}
	 .prodDetailLink li.iBtn .dropdown-menu{    left: -100px !important;}
     .prodDetailLink{float:left; margin-bottom:30px}

	 .prodDetailBtn a{width:50%}
	 .calcBox li input{width:50%; border-bottom:1px #000 solid;}
	 .calcBox .col-md-6:last-child{margin-top:15px}

	 .sidemenuL, .sidemenuR{display:none!important}

	 .slick1-dots{bottom:10px}




}

/************
11. 539px
************/

@media only screen and (max-width: 539px)
{
	
}

/************
12. 480px
************/

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

/************
13. 479px
************/

@media only screen and (max-width: 479px)
{
	.logo_container a
	{
		font-size: 12px;
	}
	.hamburger_container
	{
		margin-left: 0px;
	}
	.hamburger_container i
	{
		font-size: 16px;
	}
	.hamburger_close
	{
		top: 0px;
		right: 4px;
	}
	.hamburger_close i
	{
		font-size: 20px;
	}
	.hamburger_menu_content
	{
		padding-right: 0px;
		padding-top: 40px;
	}
	.menu_item
	{
		border-bottom-color: rgba(181, 174, 196, 0.5);
	}
	.menu_item > a
	{
		font-size: 12px;
		line-height: 35px;
		height: 35px;
	}
	.menu_selection li a
	{
		font-size: 12px;
		line-height: 35px;
		height: 35px;
	}
	.navbar
	{
		height: 70px;
	}
	.navbar_user li a
	{
		width: 30px;
		height: 30px;
		font-size: 12px;
	}
	.checkout_items
	{
		width: 15px;
		height: 15px;
		font-size: 10px;		
	}
	.main_slider
	{
		height: calc(100vh - 70px);
		/*height: 80vw;*/
		min-height: auto;
		margin-top: 70px;
	}
	.main_slider_content h6
	{
		margin-bottom: 15px;
	}
	.main_slider_content h1
	{
		font-size: 24px;
	}
	.shop_now_button
	{
		margin-top: 15px;
		width: 100px;
		height: 35px;
	}
	.red_button a
	{
		font-size: 10px;
	}
	.banner_item
	{
		height: calc((100vw - 30px) / 2.6);
	}
	.grid_sorting_button
	{
		font-size: 12px;
		padding-left: 10px;
		padding-right: 10px;
		min-width: 60px;
		height: 35px;
	}
	.product-item
	{
		width: 100%;
		height: auto;
	}
	.product
	{
		height: auto;
	}
	.product_name a
	{
		font-size: 12px;
	}
	.add_to_cart_button
	{
		margin-top: 20px;
	}
	.deal_ofthe_week_img
	{
		height: 400px;
	}
	.timer
	{
		margin-top: 42px;
	}
	.timer li
	{
		width: 50px;
		height: 50px;
	}
	.section_title::after
	{
	    top: calc(100% + 8px);
	    height: 3px;
	}
	.timer_num
	{
		margin-top: 4px;
		font-size: 16px;
	}
	.timer_unit
	{
		margin-top: -9px;
		font-size: 10px;
	}
	.deal_ofthe_week_button
	{
		margin-top: 36px;
	}

	.product_slider_item .product-item
	{
		width: 100%;
		height: auto;
	}
	.product_slider_item .product-item:hover::after
	{
		box-shadow: none;
	}
	.product_slider_item .product-item .product
	{
		height: auto;
	}
	.product_slider_item .product-item .product_info
	{
		padding-bottom: 30px;
	}
	.blog_title
	{
		font-size: 16px;
	}
	.blog_meta
	{
		font-size: 10px;
	}
	.blog_more
	{
		font-size: 12px;
		margin-top: 5px;
	}
	.newsletter_form
	{
		margin-top: 22px;
	}
	.newsletter_text h4
	{
		font-size: 20px;
	}
	.newsletter_text p
	{
		font-size: 13px;
		margin-top: 5px;
	}
	.newsletter_submit_btn
	{
		font-size: 12px;
	}
	#newsletter_email
	{
		height: 40px;
		width: 100%;
		padding-left: 15px;
	}
	.newsletter_submit_btn
	{
		height: 36px;
		width: 130px;
	}
	#newsletter_email::-webkit-input-placeholder
	{
		font-size: 12px !important;
		padding-left: 0px;
	}
	#newsletter_email:-moz-placeholder /* older Firefox*/
	{
		font-size: 12px !important;
		padding-left: 0px;
	}
	#newsletter_email::-moz-placeholder /* Firefox 19+ */ 
	{
		font-size: 12px !important;
		padding-left: 0px;
	} 
	#newsletter_email:-ms-input-placeholder
	{ 
		font-size: 12px !important;
		padding-left: 0px;
	}
	#newsletter_email::input-placeholder
	{
		font-size: 12px !important;
		padding-left: 0px;
	}
	.footer_nav_container
	{
		 
	}
	.cr
	{
		margin-bottom: 20px;
	}
	.footer_nav_container .footer_nav  li a{
 		padding:0 10px;
 
	}
	.footer_social
	{
		margin-top: 5px;
		margin-bottom: 30px;
	}

	.tab01 .nav-tabs .nav-item { padding: 8px 8px; 	}
	.orderDetailOption span{ margin-right:0px; display:block   }
     
	.cate_align_box .align_sort li { margin: 0 11px; 	}
	.cate_align_box .align_sort li:after{ right:-11px; }
	.cate_align_box .align_sort li a {font-size:13px}

 	.icherryMain h3{  font-size:22px; margin:10px 0 25px; font-weight:bold;}
	.icherryMain h2{font-size:18px}
	.bestbrand {  padding: 0px 0 25px 0; }
	.specialitem {   margin: 10px 0 25px 0; }
	.saleBanner {    margin: 25px 0; }
	.eventBanner{    margin-bottom: 0px;}

	.hotdeal {  margin: 0 0 0px 0; }

	.cherryCs{margin-top:0}

	.bestbrand .container:before{content:'';display:none; width:100%; height:1px; background:#fff;  position: absolute; top:-30px; left:0; margin-left:0 }
	.bestbrand .container:after{content:'';display:none; width:100%; height:1px; background:#fff;  position: absolute; bottom:-60px; left:0; margin-left:0 }

	.bestitems .container:before{content:'';display:none; width:100%; height:1px; background:#fff;  position: absolute; top:-50px; left:0; margin-left:0 }
	.bestitems .container:after{content:'';display:none; width:100%; height:1px; background:#fff;  position: absolute; bottom:-50px; left:0; margin-left:0 }
	.icherryReview .container:after{content:'';display:none; width:100%; height:1px; background:#fff;  position: absolute; bottom: 0px; left:0; margin-left:0 }
	.icherryReview .container:before{content:'';display:none; width:100%; height:1px; background:#fff;  position: absolute; bottom: 0px; left:0; margin-left:0 }


}

/************
14. 400px
************/

@media only screen and (max-width: 400px)
{
		.site-blocks-1 .icon span{width:50px; height:50px; margin-top:15px}
		.site-blocks-1 .icon span img{width:100%;    vertical-align: top}

		.cate_align_box .align_sort li { margin: 0 5px; 	}
		.cate_align_box .align_sort li:after{ right:-5px; }
		.cate_align_box .align_sort li a {font-size:12px}
		.cate_align_box .align_sort li.on a span { padding:5px 5px;  }

}