@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)
{
	
}

/************
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: 418px;
	}
	.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;
	}
}

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

@media only screen and (max-width: 1024px)
{
	.new_arrivals{
		margin-top: -10rem;
	}
	.blog_item iframe {
		width:19rem;

	}
	.section_title {
    display: inline-block;
    text-align: center;
    margin-top: 10rem;
	}
	
}

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

@media only screen and (max-width: 991px)
{
	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;
    width: 1rem;
    margin-left: -9rem;
	}
	.hamburger_container i
	{
		color: white;
    	margin-left: 11.2rem;
    	margin-top: -3px;
	}
	.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: 100%;
	}
	.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;
		margin-top: 65px;
	}
	.footer_social
	{
		height: auto;
		margin-top: 20px;
		margin-bottom: 65px;
	}
	.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: 3rem;
	}
}

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

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

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

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

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

@media only screen and (max-width: 768px)
{
	.blog_item iframe {
		width:43rem;

	}
	.new_arrivals {
    margin-top: 6rem;
	}
	.cr {
    margin-left: 12rem;
	}
	.hamburger_container i {
    color: white;
    margin-left: 25.2rem;
    margin-top: -3px;
	}
	.add_to_cart_button {
	margin-top: 46px;
	}
	.product_content {
    width: 40rem;
    height: auto;
    margin-left: 36px;
	}

}

/************
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: 100%;
		height: 418px;
	}
	.jcarousel li {
    width: 180px;
	}
	.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;
	}
}

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

@media only screen and (max-width: 575px)
{
	.hamburger_menu
	{
		right: -100%;
		width: 100%;
	}
	.product-item
	{
		width: 100%;
		height: 418px;
	}
	.product
	{
		height: 380px;
	}
	.blog_item
	{
		height: calc((100vw - 30px) / 1.37);
	}
	.cr
	{
		display: block;
    	margin-bottom: 30px;
    	font-size: 13px;
    	left: -8rem;
    	width: 100%;
	}
	.footer_nav
	{
		margin-bottom: 20px;
	}
	.footer_nav li
	{
		display: block;
		margin-right: 0px;
	}
	.footer_nav li a
	{
		font-size: 13px;
	}
	.hamburger_container {
    display: block;
    width: 1rem;
    margin-left: -12rem;
	}
}

/************
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 img {
    width: 12rem;
    margin-left: 0rem;
	}
	.carousel-inner img {
      width: 100%;
      height: 23rem;
  	}
  	.new_arrivals{
  		margin-top: -16rem;
  	}
  	.blog_item iframe {
    width: 346px;
	}
	.cr {
    margin-left: 63px;
	}
	.logo_container a
	{
		font-size: 12px;
	}
	.hamburger_container
	{
		margin-left: 25px;
	}
	.hamburger_container i
	{
		font-size: 16px;
		    color: white;
    margin-left: 16rem;
	}
	.hamburger_close
	{
		top: 14px;
		right: 4px;
	}
	.hamburger_close i
	{
		font-size: 20px;
	}
	.hamburger_menu_content
	{
		padding-right: 15px;
		padding-top: 70px;
	}
	.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: 418px;
	}
	.product
	{
		height: auto;
	}
	.product_name a
	{
		font-size: 12px;
	}
	.add_to_cart_button
	{
		margin-top: 61px;
	}
	.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
	{
		margin-top: 35px;
	}
	.cr
	{
		margin-bottom: 20px;
	}
	.footer_nav
	{
		margin-bottom: 20px;
	}
	.footer_social
	{
		margin-top: 5px;
		margin-bottom: 30px;
	}
	.carousel-inner{
		margin-top: 3rem;
	}
	.jcarousel li{
		width: 299px;
	}
	.product_content {
    width: 22rem;
    height: auto;
    margin-left: 238px;
	}



}

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


	.logo_container img {
    width: 12rem;
    margin-left: 0rem;
	}
	.carousel-inner img {
      width: 100%;
      height: 23rem;
  	}
  	.new_arrivals{
  		margin-top: -21rem;
  	}
  	.blog_item iframe {
    width: 346px;
	}
	.cr {
    margin-left: 63px;
	}
	.logo_container a
	{
		font-size: 12px;
	}
	.hamburger_container
	{
		margin-left: 25px;
		width: 1rem;
	}
	.hamburger_container i
	{
		font-size: 16px;
    	color: white;
    	margin-left: 10.3rem;

	}
	.hamburger_close
	{
		top: 14px;
		right: 4px;
	}
	.hamburger_close i
	{
		font-size: 20px;
	}
	.hamburger_menu_content
	{
		padding-right: 15px;
		padding-top: 70px;
	}
	.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: 418px;
	}
	.product
	{
		height: auto;
	}
	.product_name a
	{
		font-size: 12px;
	}
	.add_to_cart_button
	{
		margin-top: 62px;
	}
	.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
	{
		margin-top: 35px;
	}
	.cr
	{
		margin-bottom: 20px;
	}
	.footer_nav
	{
		margin-bottom: 20px;
	}
	.footer_social
	{
		margin-top: 5px;
		margin-bottom: 30px;
	}
	.carousel-inner{
		margin-top: 3rem;
	}
	.jcarousel li{
		width: 175px;
	}
	.favorite_left {
    left: -34px;
	}
	.product_content {
    width: 22rem;
    height: auto;
    margin-left: 238px;
	}


}

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

@media only screen and (width: 320px)
{
	.new_arrivals {
    margin-top: -6rem;
	}
	.grid_sorting_button {
	min-width: 58px;
	}
	.blog_item iframe {
		width:18rem;

	}
	.cr {
    margin-left: 141px;
	}
	.logo_container img {
    width: 12rem;
    margin-left: 0rem;
	}
	.logo_container img {
    width: 9rem;
    margin-left: -0.5rem;
	}
	.hamburger_container {
    margin-left: -425px;
    width: 0rem;
	}
	.jcarousel li {
    width: 260px;
	}
	.favorite_left {
    left: 38px;
	}
	.hamburger_container i {
    font-size: 16px;
    color: white;
    margin-left: 21rem;
	}
	.add_to_cart_button {
    margin-top: 83px;
	}
	.product_content {
    width: 18rem;
    height: auto;
    margin-left: 229px;
	}
	
	
}


@media only screen and (width: 360px)
{
	.new_arrivals {
        margin-top: -11rem;
	}
	.blog_item iframe{
	width: 327px;
	}
	.logo_container img {
    width: 11rem;
    margin-left: 0rem;
	}
	.jcarousel li {
    width: 299px;
	}
	.hamburger_container i {
    font-size: 16px;
    color: white;
    margin-left: 8.7rem;
	}
	.favorite_left {
    left: 82px;
	}
	.cr {
    margin-left: 169px;
	}
	.product_content {
    width: 18rem;
    height: auto;
    margin-left: 240px;
	}
	.add_to_cart_button {
    margin-top: 82px;
	}
	
}
@media only screen and (width: 425px){
	.jcarousel li {
    width: 177px;
	}
	.hamburger_container i {
    font-size: 16px;
    color: white;
    margin-left: 21rem;
	}
}
@media only screen and (width: 414px)
{
	.jcarousel li {
    width: 176px;
	}
	.favorite_left {
    left: -39px;
	}
	.hamburger_container i {
    font-size: 16px;
    color: white;
    margin-left: 10.3rem;
	}
	.hamburger_container {
    margin-left: 25px;
    width: 1rem;
	}
	.cr {
    margin-left: 191px;
	}
}
@media only screen and (width: 375px)
{
	.new_arrivals {
        margin-top: -11rem;
	}
	.blog_item iframe{
	width: 327px;
	}
	.logo_container img {
    width: 11rem;
    margin-left: 0rem;
	}
	.jcarousel li {
    width: 313px;
	}
	.hamburger_container i {
    font-size: 16px;
    color: white;
    margin-left: 9rem;
	}
	.favorite_left {
    left: 82px;
	}
	.cr {
    margin-bottom: 20px;
    margin-left: 10.5rem;
	}
	.add_to_cart_button {
    margin-top: 82px;
	}
	.product_content {
    width: 20rem;
    height: auto;
    margin-left: 238px;
	}
}
@media only screen and (height: 480px)
{
	.new_arrivals {
    margin-top: 0rem;
}
}
@media only screen and (width: 480px)
{
	.product-item {
    width: 100%;
    height: 418px;
	}
	.new_arrivals {
    margin-top: 7rem;
	}
	.jcarousel li {
    width: 210px;
	}
	.favorite_left {
    left: -3px;
	}
	.product_content {
    width: 27rem;
    height: auto;
    margin-left: 234px;
	}
	.add_to_cart_button {
	margin-top: -8px;
	}
	.hamburger_container i {
    color: white;
    margin-left: 11.2rem;
    margin-top: -3px;
	}
}
@media only screen and (height: 533px)
{
.new_arrivals {
    margin-top: -5rem;
}
}
@media only screen and (width: 412px)
{
	.cr {
    margin-bottom: 20px;
    margin-left: 12rem;
	}
	.jcarousel li {
    width: 176px;
	}
	.add_to_cart_button {
    margin-top: 62px;
	}
	.product_content {
    width: 22rem;
    height: auto;
    margin-left: 244px;
	}
	.new_arrivals {
    margin-top: -12rem;
	}
}
@media only screen and (width: 600px)
{
	.hamburger_container i {
    color: white;
    margin-left: 13.2rem;
    margin-top: -3px;
	}
	.cr {
    margin-left: 8rem;
	}
	.add_to_cart_button {
		margin-top: 63px;
	}
	.product_content {
    width: 32rem;
    height: auto;
    margin-left: 258px;
	}
}
@media only screen and (width: 412px)
{
.hamburger_container i {
    font-size: 16px;
    color: white;
    margin-left: 10.4rem;
}
}
@media only screen and (width: 800px)
{
	.hamburger_container i {
    color: white;
    margin-left: 19.2rem;
    margin-top: -3px;
	}
	.jcarousel li {
    width: 247px;
	}
	.new_arrivals {
    margin-top: -1rem;
	}
	.cr{
	margin-left: 13rem;
	}
	.add_to_cart_button {
	margin-top: 48px;
	}
	.product_content {
    width: 40rem;
    height: auto;
    margin-left: 36px;
	}
}
@media only screen and (width: 384px)
{
	.new_arrivals {
    margin-top: -11rem;
	}
	.jcarousel li {
    width: 162px;
	}
	.hamburger_container i {
    font-size: 16px;
    color: white;
    margin-left: 9.6rem;
	}
	.cr {
    margin-left: 177px;
	}
	.favorite_left {
    left: -50px;
	}
	.product_content {
    width: 21rem;
    height: auto;
    margin-left: 239px;
	}
}
@media only screen and (width: 1440px)
{
.jcarousel li {
    width: 227px;
}
}
@media only screen and (width: 403px)
{
	.new_arrivals {
    margin-top: -14rem;
	}
	.jcarousel li {
    width: 172px;
	}
	.cr {
    margin-left: 195px;
	}
	.product_content {
    width: 21rem;
    height: auto;
    margin-left: 248px;
	}
}