@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 (min-width: 1200px)
{
	.mainBody {
		margin-top: 8.5%;
		position: relative;
		flex: 1;
	}

	h1 {
		font-size: 36px;
	}

	h2 {
		font-size: 28px;
	}
	h4 {
		font-size: 28px;
	}

	h6 {
		font-size: 12px;
	}
	.billboardMobile{
		display:none;
	}
	
	.big-banner {
		text-align: center;
		padding: 0;
		width: 100%;
		height: 65vh; 
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		position: relative;
	
		margin-bottom:-60px;
		left:50%;
		transform:translateX(-50%);
	}
	.btnArrivals {
		font-size: 14px;
	}
	.big-banner a {
		width: 100%;
		height: 100%;
		display: block;
		margin: 0 !important;
		padding: 0 !important;
	}

			.big-banner a img {
				
				width: 100%;
				height: 100%; 
				object-fit: initial; 
				object-position: center; 
			}

	.billboard {
		display: block;
		position: relative;
		z-index: 80;
		width: 70%;
		top: -20%;
		text-align: center;
		left: 50%;
		transform: translateX(-50%);
	}

	.banner_content {
		padding: 5px;
		width: 100%;
		height: 90%;
		display: flex;
		
	}

	.banner_content_left {
		width: 50%;
		height: 100%;
		margin-right: 5px;
		border-radius: 20px;
		overflow: hidden;
		

	}

	.banner_content_right {
		width: 50%;
		height: 50%;
		margin-left: 5px;
		border-radius: 20px;
		overflow: hidden;
	
	}

	.banner_content img {
		width: 100%;
		height: 150px;
		object-fit: initial;
		object-position: center;
	}
	
}




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

@media only screen and (min-width: 992px)and (max-width: 1199px) {

	.mainBody {
		margin-top: 13%;

		position: relative;
	}
	.btnArrivals {
		font-size: 14px;
	}
	.logo {
		width: 80px;
		height: 80px;
		margin: 15px 60px 26px 0;
	}
	.billboardMobile {
		display: none;
	}

	.big-banner {
		text-align: center;
		padding: 0;
		width: 100%;
		height: 50vh;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		position: relative;
		background-color: red;
		margin-bottom: -60px;
		left: 50%;
		transform: translateX(-50%);
	}

		.big-banner a {
			width: 100%;
			height: 100%;
			display: block;
			margin: 0 !important;
			padding: 0 !important;
		}

			.big-banner a img {
				width: 100%;
				height: 100%;
				object-fit: initial;
				object-position: center;
			}

	.billboard {
		display: block;
		position: relative;
		z-index: 80;
		width: 80%;
		top: -20%;
		text-align: center;
		left: 50%;
		transform: translateX(-50%);
	}

	.banner_content {
		padding: 5px;
		width: 100%;
		height: 90%;
		display: flex;
	}

	.banner_content_left {
		width: 50%;
		height: 100%;
		margin-right: 5px;
		border-radius: 20px;
		overflow: hidden;
	}

	.banner_content_right {
		width: 50%;
		height: 50%;
		margin-left: 5px;
		border-radius: 20px;
		overflow: hidden;
	}

	.banner_content img {
		width: 100%;
		height: 150px;
		object-fit: initial;
		object-position: center;
	}



	.breadcrumb-item.active {
		max-width: 30% !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.product-item {
		height: 360px;
	}
	
	.product {
		height: 320px;
	}
	.searchGr {
		top: 10%;
		/*left:6%;*/
		display: flex;
		flex-direction: row;
		width: 35%;
		border-radius: 20px;
		border: 1px solid gray;
		overflow: hidden;
		height: 80%;
		background-color: rgba(247,247,247,255);
		text-align: center;
		padding-right: 0;
		box-shadow: inset 0px 8px 10px rgba(0, 0, 0, 0.15);
	}

	.linkGr {
		width: 65%;
		top: 10%;
		display: flex;
		align-items: center;
		padding: 0;
	}
	.searchform {
		display: flex;
		align-items: center;
		width: 100%;
	}


	.search_input {
		flex-grow: 1;
		padding: 5px;
		font-size: 14px;
		border: none;
		background-color: transparent;
		margin-left: 1%;
		width:70%;
	}
	.search_submit {
		padding: 0;
		font-size: 14px;
		border: none;
		background-color: transparent;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		width:50px;
		height:40px;
	}
		.search_submit img {
			width: 60%
		}
	.navbar_menu{
		margin:0 !important;
		padding:0!important;
		
	}
	.linkGritem{
		padding:0!important;
		
	}
	.icon-box-img img {
		text-align: center;
		align-items: center;
	}
	.icon-box-text-item p {
		text-align: center;
		align-items: center;
	}
}


/************
2. 768px - 991px
************/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.btnArrivals {
		font-size: 14px;
	}
	.top_nav{
		display:none;
	}
	.mainBody {
		margin-top: 16%!important;
		position: relative;
	}
	.big-banner, .billboard {
		display: none;
	}

	.billboardMobile {
		display: block;
	}



	.billboardMobile {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}

	.sw {
		width: 100%;
		height: calc(100vw / 1.80); /* Tỷ lệ 16:9 */
		overflow: hidden;
		padding: 2% 0 0 0;
	}

	.sw_slide {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.banner_content {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.banner_content_img {
		width: 102%;
		height: 100%;
		object-fit: cover; /* Đảm bảo hình ảnh bao phủ toàn bộ khung chứa mà không bị biến dạng */
	}






	.breadcrumb-item.active {
		max-width: 10% !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}







	.breadcrumb-item.active {
		max-width: 30% !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.main_nav_container, .header-main {
		height: 130px;
		width: 100% !important;
	}
	.container_item, .logo_search {
		margin: 0 !important;
		width: 100%;
	}
		.logo_search{
			margin-left:20%;
		text-align:center;
		align-items:center;
		}
		.navbar_user {
			display: block;
			z-index: 1000;
		}

	.top_nav, .linkGr {
		display: none;
	}

	.logo_nav {
		width: 12%;
	}

	.logo {
		width: 80px;
		height: 80px;
		margin: 15px 0px 26px 100px;
	}

	.nav-link a {
		padding: 10px 0 10px 0 !important;
	}

	.navuser {
		display: block;
		position: absolute;
		right: 10px;
		top: 10%;
	}

	.search_nav {
		position: relative;
		top: -20px;
		width: 92%;
	}

	.search_row {
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}

	.searchGr {
		margin-top:30px;
		width: 80%;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.navbar_menuS {
		position: relative;
		top: -10px !important;
		left: -2.5%;
		width: 105%;
		z-index: 600;
		overflow: hidden;
		display: flex;
		flex-direction: row;
		text-align: center;
		scroll-behavior: smooth; 
		overflow-x: auto;
		white-space: nowrap;
	}
	.navbar_menu{
		width:100%;
		/*background-color:red;*/
		overflow:hidden;
	}
		.navbar_menu.active {
			cursor: grab; 
		}

	.scroll-left, .scroll-right svg {
		opacity:0.3;
	}
	.scroll-left, .scroll-right {
		display:block !important;
		border:none;
		background-color:transparent;
		width:30px;
		height:auto;
	}
	.navbar_menu li a {
		all:unset;
		display: flex;
		color: #1e1e27;
		font-size: 13px;
		font-weight: 500;
		text-transform: uppercase;
		padding:0;
		transition: color 0.3s ease;
		align-items: center;
		width:190px;
		height:100%;
	}
	.nav-link {
		all: unset;
		padding: 0 !important;
	}

	.nav-link img {
		width: 55px;
		height: 55px;
	}
	

	

	.nav-item .active {
		all: unset;
		width: 160px !important;
		font-size: 20px !important
	}



	.custom-swiper-container {
		width: 100%;
		height: auto;
	}

	.custom-swiper-wrapper {
		display: flex;
	}

	.custom-swiper-slide {
		width: auto;
	}

	.swiper-slide .btnAddtoCartTop {
		opacity: 0 !important;
		visibility: hidden !important;
	}
	.checkout {
		all:unset;
		margin:0;
		

	}
		.checkout a {
			background: #eceff6;
			border-radius: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 50px;
			height: 50px;
			position: relative;
			margin-top: 20%;
			box-shadow: inset 0px 8px 10px rgba(0, 0, 0, 0.15);
		}

	.checkout img {
		width: 30px !important;
		height: auto;
		display: block;
	}

	.checkout_count {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: -5px;
		left: 70%;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: #fe4c50;
		font-size: 12px;
		color: #FFFFFF;
	}

	.sidebar_categories {
		display: block;
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
		position: absolute;
		top: 80%;
		left: 0;
		right: 20%;
		width: 40%;
		background-color: #fff;
		border: 1px solid #ddd;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		z-index: 99;
		padding: 0 15px;
		overflow-y: auto; 
	}
	.sidebar_section {
		margin: 16px 16px 16px 5px;
		padding: 16px 16px 16px 5px;
	}
        .sidebar_categories.show {
            max-height: 250px;
            opacity: 1;
            -moz-transform: inherit;
            -ms-transform: inherit;
            -o-transform: inherit;
            -webkit-transform: inherit;
            transform: inherit;
        }

	.sidebar_title h5 {
		cursor: pointer;
		padding:0 !important;
		margin:0 !important;
	}

	.sidebar_categories li {
		transition: all 0.3s ease-in-out;
	}

		.sidebar_categories li a {
			display: block;
			padding: 5px 10px;
			color: #333;
			text-decoration: none;
			transition: all 0.3s ease-in-out;
			width: 100%;
		}

			.sidebar_categories li a:hover,
			.sidebar_categories li a.active {
				background-color: red;
				color: #000;
			}
	
	


}



/************
3.350px-- 767px
************/

@media only screen and (min-width: 350px) and (max-width: 767px) {
	.btnArrivals {
		font-size: 11px !important;
	}
	
	.mainBody {
		margin-top: 13% !important;
		position: relative;
	}


	.billboardMobile {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		overflow: hidden
	}

	.sw {
		width: 100%;
		height: calc(100vw / 1.80); /* Tỷ lệ 16:9 */
		overflow: hidden;
		padding: 2% 0 0 0;
	}

	.sw_slide {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.banner_content {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.banner_content_img {
		width: 102%;
		height: 100%;
		object-fit: cover; 
	}
	

	.breadcrumb-item.active {
		max-width: 50% !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.breadcrumb-item.category {
		max-width: 30% !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.billboard, .big-banner {
		display: none;
	}

	
	
	.product-item .btnAddtoCartItem {
		all: unset !important;
		display: none !important;
	}
	.sidebar_section {
		margin: 16px 16px 16px 5px;
		padding: 16px 16px 16px 5px;
	}
	.sidebar_categories {
		display: block;
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
		position: absolute;
		top: 80%;
		left: 0;
		right: 20%;
		width: 40%;
		background-color: #fff;
		border: 1px solid #ddd;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		z-index: 99;
		padding: 0 0 0 15px;
		overflow-y: auto;
	}

		.sidebar_categories.show {
			max-height: 200px;
			opacity: 1;
			-moz-transform: inherit;
			-ms-transform: inherit;
			-o-transform: inherit;
			-webkit-transform: inherit;
			transform: inherit;
		}

	.sidebar_title h5 {
	
		cursor: pointer; 
		
	}

	.sidebar_categories li {
		transition: all 0.3s ease-in-out;
	}

		.sidebar_categories li a {
			display: block;
			padding: 5px 10px;
			color: #333;
			text-decoration: none;
			transition: all 0.3s ease-in-out;
			width: 100%;
		}

			.sidebar_categories li a:hover,
			.sidebar_categories li a.active {
				background-color: red; 
				color: #000;
			}
	




	.swiper-slide .btnAddtoCartTop {
		opacity: 0 !important; 
		visibility: hidden !important; 
	}

	h5 {
		all:unset;
		font-size: 14px !important;
	}
	

	.linkGr, .navbar_menu, .nav-link img, .searchGr, .search_nav {
		all:unset;
		display: none;
	}

	.top_nav {
		display: none;
	}

	.navuser, .navbar__toggler__humber, .searchSmallGr {
		display: block;
	}
	.main_nav_container {
		
		height: 65px;
	}

	.header-main, .header_mainsmall {
		all: unset;
		padding: 0 !important;
		width: 100% !important;
		display: flex !important;
		align-items: center !important;
		flex-direction: row !important;
		height: 65px !important;
	}

	.navbar__toggler__humber {
		top: -5px;
		width: 15% !important;
	}

	.logo_search {
		all:unset;
		width:100% !important;
		height: 75px;
		
		right:10% !important;
	}

	.navuser {
		all: unset;
		bottom: 10% !important;
		width: 15%;
		padding-right: 10px;
	}
	.container_item{
		all:unset;
	}
	.logo_nav {
		width: 100% !important; 
		display: flex;
		justify-content: center; 
		align-items: center; 
	}
	.nav_logo_trangchu {
		padding: 5px 0 0 0 ;
		margin: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		box-sizing: border-box;
	}

	.logo {
		all: unset;
		width: 60px;
		height: 60px;
		object-fit: contain;
	}


	.searchSmallGr {
		width: 95%;
		
		position: fixed !important;
		z-index: 1000;
		top: 12%;
		right: -83%;
	}
	.searchSmallinput, .searchSmallbtnn {
		border: none;
		background-color: transparent;
	}
	.searchSmallitem {
		width: 90%;
		position: fixed !important;
		z-index: 1000;
		top: 12%;
		left: 10px;
		border: 1px solid gray;
		overflow: hidden;
		height: 40px;
		background-color: rgba(247,247,247,255);
		text-align: center;
		padding-right: 0;
		display:none !important;
	}
	.searchSmallForm{
		padding:10px;
	}
	.searchSmallinput {
		width: 90%;
	}
	.searchSmallbtnn {
		width: 10%;
	}
	.searchSmallbtn img {
		width: 35px;
		
	}	
	.searchSmallbtn {
	
		background: #eceff6;
		border: none;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 10px;
		width: 40px;
		height: 40px;
		position: relative;
		padding: 0;
		box-shadow: inset 0px 8px 10px rgba(0, 0, 0, 0.15);
	}
		.searchSmallbtn img {
			width: 30px !important;
			height: auto;
			display: block;
			padding: 0;
		}



		

	.navbar_user li a {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: relative;
		width: 20px;
		height: 20px;
		color: #1e1e27;
		-webkit-transition: color 0.3s ease;
		-moz-transition: color 0.3s ease;
		-ms-transition: color 0.3s ease;
		-o-transition: color 0.3s ease;
		transition: color 0.3s ease;
	}
	.checkout a {
		background: #eceff6;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 10px;
		width: 40px;
		height: 40px;
		position: relative;
		padding: 0;
		box-shadow: inset 0px 8px 10px rgba(0, 0, 0, 0.15);
	}
	.checkout img {
		width: 30px !important;
		height: auto;
		display: block;
		padding: 0;
	}

	.checkout_count {
		display: none;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: -9px;
		left: 25px;
		width: 21px;
		height: 21px;
		border-radius: 50%;
		background: #fe4c50;
		font-size: 12px;
		color: #FFFFFF;
		text-align: center;
	}
	.hamburger_menu_cart {
		width: 95%!important;
	}
	
	.btn-AddtoCart, .btn-buynow, .btn-buynowCart, .twoprice ,.btnbuynow {
		font-size: 10px !important;
	}
	.hamburger_menu_content {
		padding: 60px 5px 0 5px !important;
	}
	.menu_top_nav {
		padding:0 0 0 20px !important;
	}

	.menu_search {
		width: 100%;
		height: 60px;
		border-radius: 20px;
		border: 1px solid gray;
		overflow: hidden;
		height: auto;
		background-color: rgba(247,247,247,255);
	}


	.menu_search_input, .menu_search_btn{
		border:none;
	background-color:transparent;	
	}
	.menu_search_input {
		width: 90%;
		margin-left:10px;
	}
	.menu_search_btn {
		width: 10%;
	}
		.menu_search_btn img {
			height: 30px;
		}
}	


@media only screen and (max-width: 991px)
{
	h1{font-size: 48px;}
	h2{font-size: 36px;}
	/*.top_nav
	{
		display: none;
	}*/
	/*.navbar_menu
	{
		display: none;
	}*/


	.sidebar
	{
		float: none;
		width: 100%;
		padding-right: 0px;
	}
	.filter_button
	{
		width: 150px;
	}
	.main_content
	{
		float: none;
		width: 100%;
		padding-left: 0px;
	}
	.grid-item
	{
		width: 25%;
	}
	.product-item
	{
		width: 33.33333333%;
	}
	.benefit_col
	{
		margin-bottom: 30px;
	}
	.benefit_col:last-child
	{
		margin-bottom: 0px;
	}
	.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;
	}
}

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

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

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

@media only screen and (max-width: 880px)
{
	.GrDescription{
		width:80%;
		overflow:hidden;

	}
	

	h1 {
		font-size: 36px;
	}

	h2 {
		font-size: 20px;
	}

	h6 {
		font-size: 12px;
	}
}

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

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

/************
10. 770px
************/

@media only screen and (max-width: 770px)
{
	.GrDescription {
		width: 80%;
		overflow: hidden;
	}
	.mainBody {
		margin-top: 12%;
	}
	h1{font-size: 36px;}
	h2{font-size: 22px;}
	h6{font-size: 12px;}
	.red_button a
	{
		font-size: 12px;
	}
	.new_arrivals_title
	{
		margin-top: 44px;
	}
	.product_sorting
	{
		display: block;
	}
	.product_sorting > li
	{
		display: block;
		margin-bottom: 15px;
	}
	.pages
	{
		float: none;
	}
	.showing_results
	{
		display: block;
		float: none;
		margin-bottom: 15px;
	}
	.product_sorting_container_bottom .product_sorting
	{
		float: none;
	}
	.product_sorting_container_bottom .pages
	{
		float: none;
	}
	.product-item
	{
		width: 33.333333333333%;
		height: 345px;
	}
	.product
	{
		height: 305px;
	}
	.benefit_col
	{
		margin-bottom: 15px;
	}
	.newsletter_form
	{
		margin-bottom: 40px;
	}
	.newsletter_submit_btn
	{
		margin-top: 15px;
	}
}

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

@media only screen and (max-width: 575px)
{
	.GrDescription {
		width: 80%;
		overflow: hidden;
	}
	.hamburger_menu
	{
		right: -100%;
		width: 100%;
	}
	.product-item
	{
		width: 50%;
		height: 420px;
	}
	.product
	{
		height: 380px;
	}
	.cr
	{
		display: block;
		margin-right: 0px;
		margin-bottom: 30px;
		font-size: 13px;
	}
	.footer_nav
	{
		margin-bottom: 20px;
	}
	.footer_nav li
	{
		display: block;
		margin-right: 0px;
	}
	.footer_nav li a
	{
		font-size: 13px;
	}
}

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

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

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

@media only screen and (max-width: 480px)
{
	.GrDescription {
		width: 80%;
		overflow: hidden;
	}
}

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

@media only screen and (max-width: 430px) {
	.GrDescription {
		width: 80%;
		overflow: hidden;
	}
	h1 {
		font-size: 60px;
	}

	h2 {
		font-size: 24px;
	}

	h3 {
		font-size: 18px;
	}

	h4 {
		font-size: 14px;
	}

	h5 {
		font-size: 14px;
	}

	h6 {
		font-size: 4px;
	}


	.mainBody {
		margin-top: 16%;
	}
	.logo_container a {
		font-size: 12px;
	}

	.hamburger_container {
		margin-left: 25px;
	}

		.hamburger_container i {
			font-size: 16px;
		}

	.hamburger_close {
		top: 14px;
		right: 4px;
	}

		.hamburger_close i {
			font-size: 20px;
		}

	.hamburger_menu_content {
		padding-left: 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;
	}

	.red_button a {
		font-size: 10px;
	}

	.product-item {
		width: 100%;
		height: auto;
	}

	.product {
		height: auto;
	}

	.product_name a {
		font-size: 12px;
	}

	.add_to_cart_button {
		margin-top: 20px;
	}

	.section_title::after {
		top: calc(100% + 8px);
		height: 3px;
	}

	.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;
	}
}

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

@media only screen and (max-width: 400px)
{
	.GrDescription {
		width: 80%;
		overflow: hidden;
	}
	.mainBody {
		margin-top: 18%;
	}
	h1 {
		font-size: 60px;
	}

	h2 {
		font-size: 20px !important ;
	}
	p {
		font-size: 14px !important;
	}
	h3 {
		font-size: 18px !important;
	}

	h4 {
		font-size: 16px !important;
	}

	h5 {
		font-size: 12px;
	}

	h6 {
		font-size: 10px;
	}

}