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

	header a{
		font-size: 14px;
	}

	#header #bottom #menu-product, #header #bottom #menu-secondary {
		gap: 15px;
	}

	.single-product article #product-content .donations {
		margin-top: 20px;
		float: right;
		position: static;
	}

	#main-categories .categories-wrapper {
		width: 100%;
	}

	#main-categories .info {
		width: 100%;
		height: auto;
		padding: 10px;
		margin-top: 0;
		position: static;
	}

}

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

	#header #top .features div:nth-child(4) {
		display: none;
	}

	.single-product article .main-info #video-player {
		margin-top: 20px;
		transform: none;
		position: relative;
		float: left;
	}

	.single-product article .bottom-block {
		width: 100%;
		margin-left: 0;
		clear: both;
	}

	#footer #widgets .block {
		width: calc((100% / 3) - (40px / 3));
		margin-left: 20px;
	}

	#footer .wrapper {
		padding-bottom: 80px;
	}

}

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

	#header #top .features div:nth-child(2),
	#header #bottom .social {
		display: none;
	}

	#header #bottom #menu-secondary {
		padding-right: 0;
		border-right: none;
	}

	#main-categories .categories-wrapper a {
		height: auto;
		min-height: 80px;
		padding: 0 0 0 20px;
		display: flex;
		align-items: center;
	}

	#main-categories .categories-wrapper a span {
		width: 60%;
		float: left;
	}

	#main-categories .info br {
		display: none;
	}

	#main-categories .info i {
		width: auto;
		margin-bottom: 0;
		float: none;
	}

	#main-categories .info span > span {
		width: auto;
		margin-left: 0;
		float: none;
		position: relative;
		top: -1px;
	}

	#main #blog article .text .excerpt {
		display: none;
	}

	.single-product article #product-content {
		position: static;
	}

	.blog #main #sidebar {
		width: 240px;
	}

	.blog #main #sidebar #main-categories .info {
		height: auto;
		padding: 20px 0;
	}

	.blog #main #sidebar #main-categories .info i {
		font-size: 22pt;
	}

	.blog #main #blog article{
		display: flex;
	}

	.blog #main #blog article .thumbnail,
	.blog #main #blog article .thumbnail img {
		width: 120px;
		height: auto;
	}

	.single-post #main #blog article h1 {
		margin-top: 0;
	}

	.blog #main #content {
		width: calc(100% - 270px);
	}

	.blog #main #blog article .text {
		width: calc(100% - 80px);
		margin-left: 20px;
	}

	#main #blog article .text.margin {
		margin-left: 230px;
	}

	.blog #main #blog article .text h4 {
		font-size: 16pt;
	}

	.blog #main #blog article .text .excerpt {
		display: block;
	}

	.blog #main #blog article a.more {
		display: none;
	}

}


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

	#header #top .features div:nth-child(3) {
		display: none;
	}

	#main #intro #reviews article a {
		font-size: 14px;
	}

	#reviews article.trustpilot .icon {
		width: 21.237px;
	}

	.home #main .content #products {
		grid-template-columns: repeat(5, 1fr);
	}

	#trustpilot .wrapper img {
		width: 30%;
	}

	#trustpilot .wrapper .comentario {
		width: 70%;
	}
	#main #intro{
		flex-direction: column;
	}
	#main #intro #reviews-wrapper{
		order: 2;
		width: 100%;
	}
	#main #intro #claim{
		order: 1;
		width: 100%;
	}

}

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

	.wrapper {
		width: 100%;
		padding: 0 20px;
		float: left;
	}

	.wrapper.small {
		width: 100%;
		margin-top: 30px;
	}

	#banner nav {
		padding: 0 20px;
		justify-content: center;
	}

	#main #intro > article {
		width: 100%;
		padding-right: 0;
	}

	#main #intro #reviews-wrapper {
		padding-left: 0;
	}

	#main #intro #reviews {
		width: 100%;
		padding-left: 0;
	}

	#header #menu-product li .sub-menu {
	    max-height: 0;
	    overflow: hidden;
	    transition: max-height 0.5s ease;
		padding: 0;
		border-radius: 0;
		opacity: 1 !important;
		transform: none !important;
		pointer-events: none;
		position: relative;
		display: flex;
		flex-direction: column;
		border: none;
		margin: 0;
		top: 0;
	}

	#header #menu-product li.active .sub-menu {
		max-height: 500px;
		border-bottom: 1px dotted white;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.home #main .content #products {
		grid-template-columns: repeat(3, 1fr);
	}

	.shop .clear {
		display: none;
	}

	.global-message #banner strong {
		top: 0;
	}

	#banner .wrapper,
	#main-categories .wrapper,
	#features-bar .wrapper {
		padding: 0;
	}

	.home #main .page-title {
		margin-top: 30px;
	}

	#header #top .wrapper .right #mobile {
		width: 24px;
		height: 19px;
		display: block;
		position: relative;
	}

	#header #top .wrapper .right #mobile span {
		width: 100%;
		height: 3px;
		background-color: #1c1c1c;
		transition: all 370ms ease;
		position: absolute;
		left: 0;
	}

	#header #top .wrapper .right #mobile span:nth-child(1) {
		top: 0;
	}

	#header #top .wrapper .right #mobile span:nth-child(2) {
		top: 8px;
	}

	#header #top .wrapper .right #mobile span:nth-child(3) {
		top: 16px;
	}

	#header #top .wrapper .right #mobile.open span:nth-child(1) {
		top: 8px;
		transform: rotate(45deg);
	}

	#header #top .wrapper .right #mobile.open span:nth-child(2) {
		top: 8px;
		transform: rotate(-45deg);
	}

	#header #top .wrapper .right #mobile.open span:nth-child(3) {
		top: 8px;
		transform: rotate(-135deg);
	}

	#header #bottom {
	    max-height: 0;
	    overflow: hidden;
	    transition: max-height 0.5s ease;
	}

	#header.open #bottom {
	    max-height: 1000px;
	}

	#header #bottom .wrapper {
		flex-direction: column;
		align-items: start;
	}

	#header #bottom .wrapper #menu-product{
		flex-direction: column;
		gap: 0;
		padding: 20px 0;
		width: 100%;
	}

	#header #bottom .wrapper .right {
		width: 100%;
		padding: 20px 0;
		border-top: 1px dashed white;
		flex-direction: column;
		align-items: start;
		gap: 0;
	}

	#header #bottom .wrapper #menu-secondary {
		flex-direction: column;
		gap: 0;
		width: 100%;
	}

	#header #bottom .social{
		display: flex;
	}

	#banner .wrapper{
		padding: 25px 20px;
	}

	#main-categories {
		width: 30%;
		padding: 0 5px;
	}

	.shop #main-categories {
		margin-top: 50px;
	}

	#main-categories .categories-wrapper {
		width: 100%;
	}

	#main-categories .categories-wrapper a {
		min-height: 80px;
		padding: 10px 10px 10px 20px;
		margin-bottom: 5px;
		display: flex;
		align-items: center;
	}

	#main-categories .categories-wrapper a span {
		width: calc(100% - 70px);
		float: left;
	}

	#main-categories .info {
		width: 100%;
		height: auto;
		padding: 20px 0;
		margin: 0;
		float: left;
		position: static;
	}

	#main-categories .info br {
		display: none;
	}

	#main-categories .info i {
		width: auto;
		margin-right: 10px;
		font-size: 22pt;
		margin-bottom: 0;
		float: none;
		position: relative;
		top: 2px;
	}

	.shop #main .content,
	#main .wrapper.small .content {
		width: 100%;
		float: left;
	}

	.shop #main .content {
		margin-top: 20px;
	}

	.home #main #products .owl-dots,
	.single-product #main #products .owl-dots {
		width: 100%;
		margin-top: 30px;
		text-align: center;
		position: static;
	}

	.home #main #products .owl-dots .owl-dot,
	.single-product #main #products .owl-dots .owl-dot {
		width: 16px;
		height: 16px;
		padding: 1px;
		margin: 0 5px;
		border: 1px solid #3b62f3;
		transition: all 280ms ease;
		display: inline-block;
	}

	.home #main #products .owl-dots .owl-dot.active,
	.single-product #main #products .owl-dots .owl-dot.active,
	.home #main #products .owl-dots .owl-dot.active:hover,
	.single-product #main #products .owl-dots .owl-dot.active:hover {
		background-color: #3b62f3;
		transform: rotate(45deg);
	}

	.home #main #products .owl-dots .owl-dot:hover,
	.single-product #main #products .owl-dots .owl-dot:hover {
		background-color: rgba(125, 200, 208, 0.3);
	}

	#main #blog article {
		width: 100%;
		display: flex;
	}

	#main #blog article:first-child {
		margin-right: 0;
		margin-bottom: 20px;
	}

	#main #blog article .text {
		width: calc(100% - 230px);
		margin-left: 20px;
	}

	#main #comments .item,
	#main #comments > div:nth-child(2) {
		width: 100%;
		margin: 0;
	}

	.shop p.subtitle {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.shop .filter-bar {
		width: 100%;
		float: left;
		position: relative;
	}

	.shop .woocommerce-ordering {
		width: 100%;
		padding: 10px 0;
		position: absolute;
		bottom: 0;
	}

	.shop .woocommerce-ordering select {
		width: 100%;
	}

	.shop .subcategories {
		width: 100%;
		padding-bottom: 40px;
	}

	.shop .subcategories li {
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #eee;
		text-align: center;
	}

	.shop .subcategories li::after {
		display: none;
	}

	#main #products,
	.single #main #products {
		grid-template-columns: repeat(3, 1fr);
	}

	#main #products article .text h3 {
		font-size: 11pt;
	}

	.single-product #main article .breadcrumbs {
		margin-top: 20px;
	}

	.single-product article #product-gallery {
		width: 40%;
	}

	.single-product article #product-content {
		width: 60%;
		padding-left: 20px;
		position: static;
	}

	.single-product article #product-content .entry-title {
		font-size: 30px;
	}

	.single-product article #product-content .add-to-cart .add-button {
		padding: 0 15px;
		font-size: 16px;
	}

	.single-product article #product-content .share {
		width: 100%;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.single-product article #product-content .donations {
		width: 100%;
		float: left;
		position: static;
	}

	.single-product article .secondary-info .page-title {
		margin-top: 30px;
	}

	.single-product article .secondary-info .block {
		width: 100%;
	}

	.single-product article .secondary-info .block img {
		width: 100%;
	}

	.about #main .page-title {
		margin-top: 30px;
	}

	.about #main .block {
		width: 100%;
	}

	.about #main .block .donations {
		width: 100%;
		float: left;
	}

	.about #main .block .donations img {
		width: 100%;
		max-width: 100%;
	}

	.about .wpcf7 {
		margin-bottom: 0;
	}

	.about .wpcf7 textarea,
	.about .wpcf7 input {
		width: 100%;
		margin-bottom: 7px;
	}

	.about .wpcf7 small,
	.about .wpcf7 .accept-policy {
		width: 50%;
		margin: 7px 0 0 0;
	}

	.about .wpcf7 small {
		text-align: right;
	}

	.about .wpcf7 input[type=submit] {
		width: 100%;
		margin-top: 17px;
	}

	.blog #main #content {
		width: 100%;
		margin-top: 30px;
	}

	.blog #main #blog article .thumbnail,
	.blog #main #blog article .thumbnail img {
		width: fit-content;
		height: fit-content;
	}

	.blog #main #blog article a.more {
		margin: 20px 0 0 0;
		float: right;
		position: static;
	}

	.blog #main #blog article .text {
		width: calc(100% - 70px);
		margin-left: 20px;
	}

	#main #blog article .text.margin {
		margin-left: 170px !important;
	}

	.single-post #main #blog article .thumbnail.sticky img {
		opacity: 1;
	}

	.single-post #main #blog article .thumbnail .hidden-title {
		display: none;
	}

	.blog #main #blog article .text h4 {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: 0;
	}

	.pagination {
		margin-bottom: 30px;
	}

	.blog #main #sidebar {
		width: 100%;
	}

	.blog #main #sidebar #main-categories .categories-wrapper a {
		width: 100%;
	}

	.blog #main #sidebar #main-categories .categories-wrapper a.materials,
	#main-categories .categories-wrapper a.materials {
		width: calc(100% / 3  - 10px / 3);
		margin-right: 0
	}

	.blog #main #sidebar #main-categories .categories-wrapper a:nth-child(2),
	.blog #main #sidebar #main-categories .categories-wrapper a:nth-child(6) {
		margin-right: 5px;
		margin-left: 5px;
	}

	.blog #main #sidebar #main-categories .categories-wrapper a:nth-child(3),
	.blog #main #sidebar #main-categories .categories-wrapper a:nth-child(7) {
		margin-right: 5px;
	}

	.blog #main #sidebar #main-categories .info {
		width: 100%;
		height: auto;
	}

	#main #blog article .text h4 {
		font-size: 16pt;
	}

	.single-ayuda.blog #main #content {
		width: 100%;
	}

	.blog #main #blog article {
		width: 100%;
	}

	.single-ayuda.blog #main #sidebar {
		width: 100%;
	}

	/* WooCommerce */
	.woocommerce-cart #main .woocommerce-cart-form,
	.woocommerce-cart #main .cart-collaterals {
		width: 100%;
		padding: 0;
	}

	.woocommerce-cart #main table.cart td.actions .coupon .input-text {
		width: 50%;
		margin: 0;
	}

	.woocommerce-cart #main table.cart td.actions input[name=apply_coupon] {
		width: 50%;
	}

	.woocommerce-cart #main table.cart td.actions input[name=update_cart] {
		width: 100%;
	}

	.woocommerce-checkout #main .col2-set {
		width: 100%;
	}

	.woocommerce-checkout #main #order_review,
	.woocommerce-checkout #main #order_review_heading {
		width: 100%;
		padding-left: 0;
		margin-bottom: 0;
		float: left;
	}

	.form-row-last input[name=apply_coupon] {
		height: 50px;
	}

	.woocommerce-checkout #main .col2-set {
		padding-right: 0;
	}

	.cart-widget {
		width: 100%;
		margin-left: 0;
	}

	/* Footer */
	#features-bar {
		height: auto;
		margin-top: 30px;
	}

	#features-bar::before,
	#features-bar::after {
		display: none;
	}

	#features-bar .title-box {
		transform: skew(0deg);
		position: static;
		width: 100%;
		overflow: hidden;
	}

	#features-bar h5 {
		width: 100%;
		padding: 20px;
		margin-top: 0;
		text-align: center;
		background-color: #3b62f3;
		transform: skew(0deg);
		float: left;
	}

	#features-bar .features {
		width: 100%;
		height: auto;
		padding: 20px;
		margin: 0;
	}

	#features-bar .features span {
		width: 100%;
		text-align: center;
	}

	#footer #widgets .block {
		width: 100%;
		margin: 0;
	}

	#footer #widgets .block .widget img {
		max-width: 100%;
	}

	#footer #widgets .block .widget {
		border-radius: 5px;
		margin-bottom: 10px;
	}

	#footer #widgets .block .widget.open {
		margin-bottom: 20px;
	}

	#footer #widgets .block .widget .widget-title {
		padding: 10px 15px;
		font-size: 13pt;
		border-radius: 5px;
		text-align: left;
	}

	#footer #widgets .block .widget .widget-title i {
		transition: all 280ms ease;
		float: right;
	}

	#footer #widgets .block .widget.open .widget-title {
		border-radius: 5px 5px 0 0;
	}

	#footer #widgets .block .widget.open .widget-title i {
		margin-top: 2px;
		transform: rotate(180deg);
	}

	#footer .wrapper {
		padding-bottom: 0;
	}

	#footer #copy,
	#footer #copy .data,
	#footer #copy .info {
		width: 100%;
		position: static;
		text-align: center;
	}

	#footer #copy p {
		font-size: 14px;
	}

	#footer #copy .data {
	}

	.message-widget {
		margin-top: 0;
	}

}

@media only screen and (min-width:736px) and (max-width:767px) {

	#main-categories .categories-wrapper a {
		height: auto;
		padding: 10px 10px 10px 20px;
	}

	#main-categories .categories-wrapper a span {
		width: 60%;
	}

}

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

	#header #top .wrapper .features{
		display: none;
	}

	#main #intro article nav a {
		font-size: 15px;
	}

	.home #main .content nav {
		justify-content: flex-start;
	}

	#main-categories {
		width: 50%;
	}

	.shop #main-categories,
	.wrapper.small #main-categories {
		display: none;
	}

	.shop #main .content,
	#main .wrapper.small .content {
		width: 100%;
		padding-left: 0;
	}

	.single-product #main ._form_1 form {
		position: static;
	}

	.single-product #main ._form_1 form input[type="text"] {
		width: 100% !important;
	}

	.single-product article .secondary-info .description {
		width: 100% !important;
		padding-right: 0 !important;
	}

	.single-product article .secondary-info .reviews {
		width: 100%;
		padding-left: 0;
	}
	.woocommerce-order-received .woocommerce ul.order_details{
		width: 100%
	}
	.woocommerce-order-received .woocommerce-order .woocommerce-customer-details > .addresses{
		display: flex;
		flex-wrap: wrap;
	}

}

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

	#header .main > a {
		display: none;
	}

	#header #bottom .phone {
		display: none;
	}

	#header .main a.cart {
		color: black;
		position: absolute;
		top: -28px;
		right: 50px;
	}

	#whatsapp {
		right: 10px;
		bottom: 10px;
	}

	.single-product #whatsapp {
		bottom: 100px;
	}

}

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

	#header #top .wrapper .right .phone{
		display: none;
	}

	#header.open .phoneMovil {
		display: flex;
	}

	.page-thumbnail a.button {
		font-size: 12pt;
		padding: 15px 0;
	}

	.home #main .content {
		width: 100%;
		padding-left: 0;
	}

	.home #main-categories {
		width: 100%;
	}

	#trustpilot .wrapper img {
		width: 40%;
	}

	#trustpilot .wrapper .comentario {
		width: 60%;
	}

	.share{
		margin-top: 0;
		flex-direction: row;
		width: 100%;
	}

	.single-post #main #blog article h1{
		font-size: 21px;
	}

}

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

	.mobile{
		display: block;
	}

	.desktop{
		display: none;
	}

	#banner {
		height: 500px;
	}

	#banner .wrapper{
		justify-content: space-between;
		align-items: start;
	}

	.home #main .content #products {
		grid-template-columns: repeat(2, 1fr);
	}

	#features-bar .features.owl-carousel .owl-stage-outer{
		height: auto;
	}

	.single-product #main #popup {
		position: relative;
		bottom: auto;
		right: auto;
		z-index: 1;
		display: none;
		border-radius: 0;
		height: auto;
		float: left;
		width: 100%;
		margin-top: 15px;
	}

	#main-categories .categories-wrapper a,
	#main-categories .categories-wrapper a:nth-child(4),
	#main-categories .categories-wrapper a:nth-child(6) {
		height: auto;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 1px;
	}

	.single-product #main #products,
	#main #products {
		grid-template-columns: repeat(2, 1fr);
	}

	#main #products article .text h3 {
		font-size: 11pt;
	}

	.home #main #blog article:first-child {
		margin-right: 0;
		border-bottom: 1px solid #eee;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.home #main #blog article .thumbnail {
		display: none;
	}

	.blog #main #blog article {
		display: block;
	}

	.blog #main #blog article .thumbnail,
	.blog #main #blog article .thumbnail img {
		width: 100%;
		height: auto;
	}

	.blog #main #blog article .thumbnail {
		margin-bottom: 10px;
	}

	.blog.single-post #main #blog article .thumbnail {
		margin-bottom: 0;
	}

	#main #blog article .text,
	.blog #main #blog article .text {
		width: 100%;
		margin-left: 0;
	}

	.blog #main #blog article .text h4 {
		font-size: 14pt;
	}

	#main #blog article:last-child .text h4 {
		margin-bottom: 20px;
	}

	.single-product article .main-info #video-player {
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
		position: relative;
	}

	.single-product article .main-info #video-player img {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.single-product #main article .breadcrumbs {
		margin-top: 20px;
		font-size: 14px;
	}

	.single-product #main article .breadcrumbs i,
	.single-product #main article .breadcrumbs a {
		font-size: 14px;
		padding: 0 2px 5px 2px;
	}

	.single-product article #product-gallery {
		width: 100%;
	}

	.single-product article .main-info .share {
		width: 100%;
		position: static;
		display: flex;
		flex-direction: row;
	}

	.single-product article .main-info .share a {
		width: calc((100% / 3) - (2px / 3));
	}

	.single-product article #product-content {
		width: 100%;
		padding-left: 0;
		position: static;
	}

	.single-product article #product-content .entry-title {
		margin-top: 30px;
	}

	.single-product article #product-content .share {
		width: 100%;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.single-product article #product-content .donations {
		position: static;
	}

	.single-product article .secondary-info .page-title {
		margin-top: 30px;
	}

	.single-product article #product-content .add-to-cart {
		padding: 10px;
		margin-bottom: 0;
		border-top: 1px solid #ddd;
		background: white;
		box-shadow: 0 -5px 7px rgba(0, 0, 0, 0.1);
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 9;
	}

	.single-product article #product-content .add-to-cart .add-button {
		width: calc(100% - 117px);
		margin-left: 10px;
		float: right;
	}

	.single-post #main #blog article .thumbnail,
	.single-post #main #blog article .thumbnail.sticky,
	.single-post #main #blog article .thumbnail.bottom {
		width: 100%;
		height: auto;
		background-color: #fff;
		position: fixed;
		top: auto !important;
		bottom: 0;
		left: 0;
		z-index: 99;
	}

	.single-post.blog #main #blog article .thumbnail img {
		display: none;
	}

	.single-post.blog #main #blog article .text,
	.single-post.blog #main #blog article .text.margin {
		width: 100%;
		margin-left: 0 !important;
	}

	.single-post #main #blog article .related-product .product-thumbnail {
		width: 100%;
		height: auto;
	}

	.single-post #main #blog article .related-product .product-text .price {
		font-size: 150%;
		text-align: right;
		float: right;
	}

	.single-post #main #blog article .related-product .product-text {
		width: 100%;
		margin-top: 20px;
		margin-left: 0;
	}

	#main .woocommerce-message a.wc-forward {
		display: none;
	}

	#trustpilot .wrapper img {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
		max-width: 150px;
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#trustpilot .wrapper .comentario {
		width: 100%;
	}

	.single-post #main #blog article h1{
		font-size: 21px;
	}

}