@media only screen and (max-width: 767px), projection and (max-width: 767px) {
	
	header i {
		margin-right: 0;
	}	

	header .user .nav-link {
		padding: 5px;
	}	

	header .navbar-collapse {
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		z-index: 9999;
		background: #000;
	}

	header .nav-item .dropdown-toggle::after {
		margin-left: 0;
	}

	header .cart .icon {
		font-size: 36px;
	}

	header .cart h3 {
		font-size: 22px;
	}

	.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link {
		padding: 10px 15px;
		font-size: 14px;
	}

	.tabs > ul > li {
		float: none;
	}

	.tabs > ul li a {
		font-size: 14px;
		padding: 7px;
	}

	.cc-window {
		font-size: 13px !important;
	}

	.content .main-content .category-top,
	.content .main-content .category-top .section-title {
		margin-bottom: 10px !important;
	}

	.content .about-us .text {
		font-size: 1rem;
	}

	.fancybox-navigation {
		display: none;
	}

	.main-search input,
  	.disable-zoom {
		font-size: 14px !important; /* disable zoom-in in Safari */
  	}

  	.btn-block-xs {
		display: block;
	    width: 100%;
	 }
}

@media only screen and (min-width: 360px), projection and (min-width: 360px) {

	header .login .dropdown-menu-right {
		left: 20px !important
	}
}

@media only screen and (min-width: 480px), projection and (min-width: 480px) {

	header.sticky .logo {
		max-width: 200px;
	}

	header .cart .dropdown-menu {
		width: 420px;
	}

	#pagination {
		margin-top: 10px;
		font-size: 14px;
	}
}

@media only screen and (min-width: 768px), projection and (min-width: 768px) {

	body {
		font-size: 16px;
	}

	body.p-t {
		padding-top: 80px;
	}

	header .header-item {
		padding: 20px 35px 0px 35px;
	}

	header .navigation {
		padding-top: 0;
	}

	header.sticky {
		height: 80px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	header.sticky .logo {
		max-width: 100%;
	}

	header .search .dropdown-menu {
		transform: none !important;
	}

	header.sticky .header-item {
		padding: 10px 10px;
	}

	header.sticky .header-item.navigation {
		padding-left: 0;
		padding-right: 0;
	}

	header .login .dropdown-menu:not(.logged) {
		width: 300px;
	}	

	header .cart {
		margin-right: 0;
		margin-top: 0px;
	}

	header .cart strong {
		font-size: 20px;
		font-weight: 900;
	}

	header .cart .icon {
		font-size: 40px;
	}

	header .cart .button a {
		font-size: 15px;
	}

	header .cart .contents {
		font-size: 18px;
	}

	header .cart .dropdown-menu {
		width: 480px;
	}

	.hero {
		padding: 195px 0;
	}

	.content .section {
		margin-top: 100px;
	}

	.content .section-title {
		font-size: 34px;
	}

	.content .category-top {
		height: 480px;
	}

	.content .category-top.no-bg {
		padding: 50px 0;
		height: auto;
	}

	.content .category-top .section-title {
		font-size: 60px;
	}

	.breadcrumbs {
		font-size: 18px;
	}

	.product-list .product {
		/*height: 420px;*/		
	}

	.product-list .product .image {
		/*height: 300px;*/
		/*height: 185px;*/
	}

	.labels .label {
		font-size: 14px;
		margin-bottom: 3px;
		padding: 5px 15px;
	}

	.product-detail .share {
		font-size: 16px;
	}

	.product-detail h1 {
		font-size: 40px;
	}

	/* CART */
	#cart .progressbar span {
		display: inline-block;
	}

	#cart .products td {
		font-size: 17px;
	}

	#cart .products h4 {
		font-size: 16px;
	}

	#cart .products .stock,
	#cart .products .single,
	#cart .products .image {	
		display: table-cell;
	}

	#cart .products .count a {
		color: #aeaeae;
		display: inline-block;
	}

	#cart .options .first {
		width: 50%;
		float: left;
		margin-bottom: 0;
	}

	#cart .options .last {
		width: 50%;
		float: left;
	}

	#cart .options li {
		padding: 12px 10px;
		font-size: 17px;
	}

	#cart .buttons .first {
		width: 50%;
		float: left;
		margin-bottom: 0;
	}

	#cart .buttons .last {
		width: 50%;
		float: right;
		text-align: right;
	}

	#cart .buttons .last button {
		width: 300px;
	}

	#cart .buttons .first a {
		float: none;
	}

	#cart .buttons .first a:last-child {
		margin-top: 15px !important;
	}

	#cart .btn.btn-green {
		font-size: 25px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#cart form .first {
		padding-right: 15px;
		margin-bottom: 20px;
	}

	#cart form .last {
		text-align: right;
		padding-left: 15px;
	}

	#cart form .last label {
		float: left;
		text-align: left;
	}

	#cart .checkboxes {
		margin-bottom: 0;
	}

	#cart .discount-code {
		margin-left: 0;
		float: left;
		width: 72%;
	}

	#cart .bestsellers .product {
		width: 25%;
	}

	#cart .thanks .title {
		font-size: 40px;
	}

	#cart .options .toggle {
		font-size: 17px;
	}

	.custom-form .form-label {
		font-size: 15px;
	}

	.section-title {
		font-size: 26px;
	}

	.page-title {
		font-size: 40px;		
	}

	.content .question .subtitle b {
		display: inline;
	}

	.content .top-category .btn {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 991px), projection and (max-width: 991px) {	
	
	header .cart span {
		font-size: inherit;
	}
	
}

@media only screen and (min-width: 992px), projection and (min-width: 992px) {	

	.product-list .product .image {
		/*height: 185px;*/
		height: 250px;
	}



}

@media only screen and (min-width: 1330px), projection and (min-width: 1330px) {

	.container {
		max-width: 1410px;
	}

	header .label-text {
		display: inline;
	}

	header.sticky .navbar {
		margin-left: 80px;
	}
}

@media only screen and (min-width: 1410px), projection and (min-width: 1410px) {
	
	.content .top-category .description h3 {
		font-size: 70px;
	}

	.content .top-category .description h4 {
		font-size: 22px;
	}

	.content .top-category .btn {
		padding: .4rem 2rem;
		font-size: 18px;	
	}
}

@media only screen and (min-width: 1750px), projection and (min-width: 1750px) {
	

	header.sticky .header-item:not(.logo) {
		padding: 10px 50px;
	}
}
