/* ===== Start Desktops and laptops
--------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1367px) and (min-height: 600px) and (max-height: 750px) {
	.container {
		max-width: 1024px;
	}

	.woocommerce form.login.default-login {
	    padding: 0px 0px 0px 0px;
	}

	.benefits-section .benefits-list {
		padding: 30px 0px;
	}

	.product-image .product_title {
	    font-size: 24px;
	    line-height: 30px;
	}

	.title-center {
	    margin-top: 20px;
	}
}
/* ===== End Desktops
--------------------------------------------------------------------------------------------------*/

/* ===== Start Tablets landscape
--------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1260px) {
	.container {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.left-category {
    	height: 550px;
	}

	.right-category {
	    height: 265px;
	}

	.navbar li a {
		padding: 0px 20px;
	}

	.h-action {
		margin-left: 20px;
	}

	.promo-products-list {
		margin: 0px 20px;
	}

	.promo-products-list .slick-prev {
		left: -20px;
	}

	.promo-products-list .slick-next {
		right: -20px;
	}

	.categories-section .products li a h2,
	.promo-products .single-promo a h3,
	.featured-product li a h2 {
		height: 54px;
	}

	.benefits-section .benefits-list {
	    padding: 20px 0px;
	}

	.promo-products .single-promo, .featured-product li {
	    padding: 0px 10px !important;
	}

	.promo-products .single-promo figure .promo-badge {
	    width: 40px;
	    height: 40px;
	    line-height: 40px;
	}

	.woocommerce ul.products li.product a img {
		margin: 0px !important;
	}

    .woocommerce .wrapper ul.products.columns-3 li.product, .woocommerce-page .wrapper ul.products.columns-3 li.product {
        width: calc(100% / 4 - 15px);
	    margin-right: 20px;
	    margin-bottom: 30px;
	}

	.woocommerce .wrapper ul.products {
		margin: 0px 20px;
	}

 	.featured-product .slick-prev {
	 	left: -20px;
	}

	.featured-product .slick-next {
	  	right: -20px;
	}
}
/* ===== End Tablets landscape
--------------------------------------------------------------------------------------------------*/

/* ===== Start Tablets portrait
--------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 0px) and (max-width: 991px) {

	.navbar {
		padding: 30px 0px;
		display: none;
	    float: none;
	    position: absolute;
	    left: 0;
	    right: 0;
	    top: 90px;
	    background: #fff;
	}

	.navbar li {
		display: block;
	}

	.navbar li a {
		font-size: 16px;
		padding: 5px 0px;
		text-align: center;
		border-radius: 0px;
	}

	.menu-toggle {
		display: block;
	}

	.overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	    background: rgba(244, 244, 244, .8);
	    opacity: 0;
	    z-index: 9998;
	    visibility: hidden;
	    -webkit-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
	}

	.wrapper.menu-opened .overlay {
		opacity: 1;
		visibility: visible;
	}

	.cat-left,
	.cat-right {
		width: 100%;
	}

	.top-category.category-default h2 {
	    top: 40px;
	    left: 40px;
	    -webkit-transform: translateY(0%);
	    transform: translateY(0%);
	}

	.category-default h2 {
		top: 40px;
		left: 40px;
	}

	.left-category,
	.right-category {
		height: 440px;
	}

	.left-category,
	.top-right,
	.top-category {
		margin-bottom: 10px;
	}

	#footer {
	    position: relative;
	}

	.wrapper {
		padding-bottom: 0px;
	}
}
/* ===== End Tablets portrait
--------------------------------------------------------------------------------------------------*/

/* ===== Start Tablets portrait
--------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.container {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.benefits-section .benefits-list li p br {
		display: none;
	}

	.promo-products-list {
		margin: 0px 20px;
	}

	.promo-products-list .slick-prev {
		left: -20px;
	}

	.promo-products-list .slick-next {
		right: -20px;
	}

	.benefits-section .benefits-list {
	    padding: 20px 0px 0px;
        flex-wrap: wrap;
	}

	.benefits-section .benefits-list li {
		margin-bottom: 20px;
	    width: calc(100% / 2);
	    padding: 0px 30px;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	}

	.categories-section .products li a h2,
	.promo-products .single-promo a h3,
	.featured-product li a h2 {
		height: 54px;
	}

	.promo-products .single-promo, .featured-product li {
	    padding: 0px 10px !important;
	}

    #footer {
	    padding: 30px 0px 20px;
	}

	.footer-bottom {
		position: relative;
		padding-bottom: 50px;
	}

	.footer-bottom .copyright-container {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}

	.default-summary {
	    width: 100%;
	    margin-left: 0px;
	}

    .woocommerce .wrapper ul.products.columns-3 li.product,
    .woocommerce-page .wrapper ul.products.columns-3 li.product {
	    width: calc(100% / 3 - 10px);
	    margin-right: 15px;
	    margin-bottom: 20px;
	}

	.woocommerce .wrapper ul.products.columns-3 li.product:nth-child(2n),
	.woocommerce-page .wrapper ul.products.columns-3 li.product:nth-child(2n) {
		margin-right: 15px;
		float: left !important;
	}

	.woocommerce .wrapper ul.products.columns-3 li.product:nth-child(3n),
	.woocommerce-page .wrapper ul.products.columns-3 li.product:nth-child(3n) {
		margin-right: 0px;
	}

	.woocommerce ul.products li.product a img {
		margin-bottom: 0px !important;
	}

	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
		clear: none !important;
	}

	.product-image {
	    float: left;
	    width: 100%;
	    margin-right: 0;
	}

	.title-center .product_title {
		margin-top: 30px;
	}

	.product-inner-page {
		max-width: 80%;
		margin: 0 auto;
	}

	.woocommerce .wrapper ul.products {
	    margin: 0px 20px;
	}
}
/* ===== End Tablets portrait
--------------------------------------------------------------------------------------------------*/

/* ===== Start mobile
--------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 0px) and (max-width: 767px) {
	.container {
		padding: 0px 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.logo-img {
		width: 160px;
		margin-right: 0px;
		margin-top: 2px;
	}

	.h-action {
		margin-left: 10px;
	}

	.header-bottom {
	    padding: 15px 0px;
	}

	.top-category,
	.left-category, .right-category {
		height: 300px;
	}

    .promo-products-list {
	    margin: 0px 20px;
	}

	.category-default h2,
	.top-category.category-default h2 {
		left: 0;
		top: 20px;
		right: 0;
		text-align: center;
	}

	.benefits-section .benefits-list {
		display: block;
		padding: 20px 0px;
	}

	.benefits-section .benefits-list li {
		width: 100%;
	    padding: 20px 0px;
	}

	.promo-products {
	    margin: 30px 0px;
	}

	.promo-products h2 {
		line-height: 30px;
	}

	.promo-products .single-promo {
	    padding: 0px 5px !important;
	}

	.categories-section .products li a h2,
	.promo-products .single-promo a h3,
	.featured-product li a h2 {
		height: 54px;
	}

	.promo-products .single-promo figure {
	    padding: 0px 0px 0px;
	}

	.promo-products-list .slick-prev, .featured-product .slick-prev {
		left: -20px;
	}

	.promo-products-list .slick-next, .featured-product .slick-next {
		right: -20px;
	}

	.copyright p {
		font-size: 10px;
		line-height: 16px;
	}

	.social-footer-list li a {
		font-size: 16px;
	}

	#footer {
	    padding: 40px 0px 10px;
	}

	.social-footer-list li {
	    margin: 0px 5px;
	}

	.woocommerce .wrapper ul.products.columns-3 li.product,
	.woocommerce-page .wrapper ul.products.columns-3 li.product {
	    width: calc(50% - 5px);
	    margin-right: 10px;
	    margin-bottom: 20px;
	}

	.woocommerce .wrapper ul.products.columns-3 li.product:nth-child(2n),
	.woocommerce-page .wrapper ul.products.columns-3 li.product:nth-child(2n) {
		margin-right: 0px;
	}

	.categories-section .products li figure img {
		margin-bottom: 0px !important;
	}

	.product-image {
	    float: left;
	    width: 100%;
	    margin-right: 0;
	}

	.product-inner-page {
		max-width: 100%;
		margin: 0 auto;
	}

	.default-summary {
		width: 100%;
		margin-left: 0px;
	}

	.title-center {
	    margin-top: 20px;
	}

	.title-center .product_title {
	    height: auto;
	    overflow: auto;
	    font-size: 18px;
	    line-height: 24px;
	}

	.product-inner-section {
	    margin-bottom: 30px;
	}

	.featured-product .related > h2 {
		text-align: center;
	}

	.product-description {
	    width: 100%;
	}

	.woocommerce ul.products[class*=columns-] li.product,
	.woocommerce-page ul.products[class*=columns-] li.product {
		width: auto;
		clear: none !important;
	}

	.categories-section .products li figure,
	.promo-products .single-promo figure {
		margin-bottom: 10px;
	}

	.woocommerce ul.products li.product a img {
		margin-bottom: 0px;
	}

	.featured-product {
	    margin: 40px 0px 0px;
	}

	.product-description h2 {
		font-size: 18px;
	}

	.default-page-title h1 {
		font-size: 24px;
	}

	.default-page-title {
	    margin: 0px 0px 20px;
	}

	.search-inner {
	    padding: 50px 10px;
	}

	.result-block a {
		padding: 10px;
	}

	.result-title {
	    height: 48px;
	    font-size: 12px;
	    line-height: 16px;
	}

	.result-block figure {
	    width: 60px;
	    margin-right: 10px;
	}

	.result-content {
	    display: flex;
	    align-items: center;
	    width: calc(100% - 70px);
	}

	.search-price {
		padding-left: 10px;
	}

	.contact-mobile, .contact-email,
	.contact-row h2, .contact-form h2 {
		padding: 15px 0px;
	}

	.company-info h2:after,
	.contact-form h2:after {
		top: 15px;
	}

	.social-contact-list {
	    padding: 30px 0px;
	}

	.normal-price, .promo-price {
		font-size: 16px;
	}

	.contact-fields .left-field,
	.contact-fields .right-field {
	    float: left;
	    width: 100%;
	    margin-right: 0px;
	}

	.seo-section p {
		font-size: 12px;
	}

	.navbar {
		top: 60px;
	}

	.product-specification ul li {
		margin-bottom: 10px;
	}

	.product-specification ul li .spec-label {
		display: block;
		width: 100%;
		font-weight: 600;
	}

	.woocommerce .wrapper ul.products.slick-slider {
		margin: 0px 20px;
	}

	.close-offer-popup {
		top: 5px;
		right: 5px;
	}

	.offer-popup-inner {
	    padding: 40px 20px;
	}

	.product-share {
		margin-top: 10px;
		width: 100%;
	}

	.product-share li:first-child {
		margin-left: 0px;
	}

	.offer-popup-inner {
		top: 0px;
		-webkit-transform: translate(-50%, 0%);
	    transform: translate(-50%, 0%);
	}

	.about-section .inner-container blockquote p {
		font-size: 24px;
    	line-height: 34px;
	}

	.default-section {
	    margin: 30px 0px;
	}

	.woocommerce nav.woocommerce-pagination ul.page-numbers li {
		margin: 0px 5px;
	}

	.woocommerce nav.woocommerce-pagination ul.page-numbers li a,
	.woocommerce nav.woocommerce-pagination ul.page-numbers li span {
		font-size: 12px;
	}
}
@media only screen and (min-width: 0px) and (max-width: 360px) {
	.woocommerce .wrapper ul.products.columns-3 li.product,
	.woocommerce-page .wrapper ul.products.columns-3 li.product {
	    width: 100%;
	    margin-right: 0px;
	    margin-bottom: 20px;
	}
}
/* ===== End mobile
--------------------------------------------------------------------------------------------------*/