/**************** < 980px ****************/
@media screen and (max-width: 980px) {

	img {
		max-width: 100%;
		height: auto !important;
	}

	.widget.topfooter.widget_style_16 {
		width: 96%;
		padding: 0 2%;
		zoom: 0.98;
	}
	
	.header_container {
		width: 96%;
		padding: 0 2%;
		float: left;
	}
	
	.col_980, .extra_col {
		width: 100%;
	}
	
	.widget.widget_style_24 {
		background: none;
		width: auto;
		margin:10px 0 0 0;
	}
	
	.cart_button {
		float:right;
		text-align:right;
	}
	
	.menubar {
		width: 70%;
	}
	
	.newsletter {
		width: 30%;
	}
	
	.each_child {
		width: 303px !important;
	}
	
	.footermenu, .newsletter_footer {
		width: 29%;
		margin: 3% 2%;
	}
	
	.bottombar {
		width: 100%;
		margin:0;
	}
	
	.wrapper {
		width: 96%;
		padding: 0 2%;
	}
	
	.articles_view {
		width: 96%;
		padding: 0 2%;
	}
	
}

/**************** < 750px ****************/
@media screen and (max-width: 750px) {
	
	#component {
		margin: 3% 0 0 0 !important;
	}
	
	section {
		min-height: 0;
	}
	
	.menubar, .detail_desc table {
		width: 100% !important;
	}
	
	.item_in_cart {
		padding: 4px 20px;
		font-size: 1.0 em !important;
	}
	
	.cart_button, .user_account {
	}

	.widget.searchproduct.widget_style_31, .newsletter {
		display:none;
	}
	
	.each_child {
		width: 48.6% !important;
		height: 260px;
		margin: 10px 0;
	}
	
	.left_container {
		width: 50% !important;
		height: 250px;
		margin-top: -60px;
	}
	
	.detail_info, .wrapper {
		width: 96%;
		padding: 0 2%;
	}
	
	.checkout_wrapper {
		width: 96% !important;
		margin: 0 2%;
		border: 1px solid lightgrey;
		margin-bottom: 3%;
	}
	
	.custom_detail {
		width: 96%;
	}
	
	.detail_desc {
		padding: 2% 2% 0 2%;
		zoom: 0.94;
		text-align: justify;
	}

	.selected_detail_img {
		width: 80% !important;
	}
	
	.footer_container {
		zoom: 0.96;
	}
	
	.newsletter_footer p, 
	.widget.topfooter.widget_style_16, 
	.widget.banner_ad.widget_style_16,
	.each_child ul
	{
		display:none;
	}
	
	.newsletter_footer input[type="text"] {
		width: 60%;
	}
	
	.newsletter_footer input[type="submit"] {
		width: 29%;
	}
	
	.footermenu, .newsletter_footer {
		margin: 0 2% 3% 3%;
		width: 28%;
	}
	
	.brand_header { 
		margin: 0;
	}
	
	.widget.widget_style_24 {
		width: 17%;
	}
	
	.widget.order.widget_style_16 {
		margin: -5px 0 5px 0
	}
	
	.widget.user_account.widget_style_16 {
		width: 48%;
		margin: 4% 2% 0 8%;
		zoom: 1.15;
	}
	
	.nav_cat, .nav_prev, .nav_next {
		position: relative;
	}
	
}

/**************** < 550px ****************/
@media screen and (max-width: 550px) {

	.header_container {
		margin-bottom: 3%;
	}
	
	.widget.logo_content.widget_style_16,
	.widget.widget_style_24	{
		width: 20%;
	}
	
	.widget.user_account.widget_style_16 {
		width: 40%;
	}
	
	.widget.order.widget_style_16 {
		margin: 0px;
	}
	
	.widget.order.widget_style_16 a {
		font-weight: bold;
		color: #252525;
	}
	
	.button_logout input[type="submit"] {
		margin-left: 35px;
	}
	
	.cart_table {
		zoom: 0.9;
	}

	.cart_button a {
		zoon:0.9;
		color: #333;
		font-weight: bold;
	}
	
	.each_child {
		width: 48% !important;
		margin:0;
		min-height: 270px;
	}
	
	.each_child  img {
		width: 80% !important;
		height: auto !important;
	}
	
	.each_child ul,
	.widget.brandcircular.widget_style_16 { 
		display:none;
	}
	
	.responsive_button_div,
	.coupon_div	{
		margin-top: 3%;
	}
	
	.footermenu {
		width: 45% !important;
	}
	
	.newsletter_footer {
		width: 100%;
	}
	
	footer {
		padding: 0;
	}
	
	/**responsive menu**/
	navigation, ul.menu {
		background: none;
		height: auto;
	}
	
	navigation ul.menu > li {
		background: #000;
		padding: 2.5% 5%;
		float:left;
		width: 40% !Important;
		height: auto;
	}
	
	ul.menu > li > a {
		width: 100% !important;
	}
	
	ul.sub_menu {
		display: none !important;
	}
	
	navigation ul.menu > li:hover {
		background: #333;
		padding: 2.5% 5%;		
	}
}


/**************** < 480px ****************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {-webkit-text-size-adjust: none;}
		
	header {
		max-height: 140px !important;
	}
	
	.widget.user_account.widget_style_16, .widget.widget_style_24 {
		width: 50%;
		padding: 2% 0 0 0;
		margin: 0;
	}
	
	.item_in_cart {
		margin: 0;
	}
	
	.widget.logo_content.widget_style_16 {
		width: 100%;
		text-align: center; 
		padding-bottom: 2%;
	}
	.each_child {
		width: 46% !important;
		height: 220px !Important;
		min-height: 0;
	}
	
	.each_child img {
		width:70% !important;
		height: auto;
	}

	.cart_table th, .coupon_div,
	.responsive_button_div	{
		font-size: 80%;
	}
	
	.checkout_wrapper {
		font-size: 85%:
	}
	
	.left_container {
		height: 180px;
	}

	.cart_table {
		zoom: 0.8;
	}
}

/**************** < 380px ****************/
@media screen and (max-width: 380px) {


}