/* ========== RESPONSIVE ========== */

/* large screen */

/* ---------- desktop ---------- */

@media only screen and (min-width: 1824px) {
	/* Styles */
}
/* ---------- wide screen ---------- */

@media only screen and (max-width: 1250px) {
	.subCategory ul li a {
		max-height: 200px !important;
	}
	.subCategory li p {
		bottom: -80% !important;
	}
	.subCategory li p:hover {
		bottom: -50% !important;
	}
}
@media only screen and (max-width: 1180px) {
	.category li p span.head {
		/* font: 500 14px'Open Sans', Arial; */
	}
	.bottomPage ul {
		margin: 20px 0px 0px 20%;
	}
	.bottomPage ul:last-child {
		float: left;
		margin-left: 22%;
	}
}
/* ---------- normal screen ---------- */

@media only screen and (max-width: 1024px) {
	.category ul li {
		width: 23%;
	}
	.subCategory ul li a {
		width: 23% !important;
		max-height: 240px !important;
	}
	.subCategory li p {
		bottom: -83% !important;
	}
	.subCategory li p:hover {
		bottom: -50% !important;
	}
	.category li p span.head {
		font: bold 18px'Open Sans', Arial;
	}
}
/* ---------- tablet landscape ---------- */

@media only screen and (max-width: 961px) {
	.ribbon h2 {
		margin-left: 5%;
	}
	.ribbon ul {
		width: 60%;
	}
	.ribbon input[type=button] {
		margin-right: 5%;
	}
	.subCategory ul li a {
		max-height: 220px !important;
	}
}
@media only screen and (max-width: 900px) {
	.category li p span.head {
		font: 500 14px'Open Sans', Arial;
	}
	.subCategory ul li a {
		max-height: 210px !important;
	}
}
/* for top menu  */

@media only screen and (max-width: 850px) {
	.topMenuList a.help span,
	.topMenuList a.signup span {
		display: none;
	}
	.subCategory ul li a {
		max-height: 195px !important;
	}
}
/* ---------- tablet portrait ---------- */

@media only screen and (max-width: 768px) {
	.category ul li {
		width: 31.3%;
	}
	.category li p span.head {
		font: bold 18px'Open Sans', Arial;
	}
	.ribbon ul {
		width: 55%;
	}
	.subCategory ul li a {
		width: 31.3% !important;
		max-height: 235px !important;
	}
	.subCategory li p {
		bottom: -83% !important;
	}
	.subCategory li p:hover {
		bottom: -50% !important;
	}
	.bottomPage ul {
		margin: 20px 0px 0px 13%;
	}
	.bottomPage ul:last-child {
		float: left;
		margin-left: 15%;
	}
	.topMenuContact ul:last-child {
		display: none;
	}
	.topMenuList a.login span {
		display: none;
	}
}
/* for top menu */

@media only screen and (max-width: 670px) {
	.topMenuList a.cart span {
		display: none;
	}
	.category li p span.head {
		font: 500 14px'Open Sans', Arial;
	}
	.subCategory ul li a {
		max-height: 210px !important;
	}
}
/* ---------- smartphone landscape ---------- */

@media only screen and (max-width: 481px) {
	.topMenuList a.library span {
		display: none;
	}
}