#error .error-block {
	text-align: center;
}

#error .error-title {
	font-size: 150px;
}

#error .lead {
	font-size: 60px;
}

#error .form-control {
	margin: 0;
}

.loading {
	display: none;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 11050;
	background-color: rgba(51, 51, 51, 0.2) !important;
	height: 100%;
}

#global.loading {
	position: fixed;
}

.loading .spinner {
	position: absolute;
	margin: auto;
	display: inline-block;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 50px;
	height: 35px;
	background-image: url("/data/images/loading.gif") !important;
	background-repeat: no-repeat;
}

#locations {
	display: none;
}

.contact .form-group.has-error input,
.contact .form-group.has-error textarea,
.contact .form-subscribe .email-container.has-error input {
	border: 1px solid #a94442;
}

.contact .form-group.has-error label.control-label {
    color: #A94442;
}

.contact .form-group.has-error input:-ms-input-placeholder {
    color: #A94442;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #000000;
}

.form-control:focus::-ms-input-placeholder { /* Microsoft Edge */
    color: inherit;
}

.contact .ignore .form-control {
}

.contact .required .control-label:after {
    content: " *";
}

.contact #results {
	display: none;
	border: 1px solid #cccccc;
	text-align: center;
}

.contact #results .text {
	margin: 10px;
}

.contact #results.show {
	display: block;
	padding: 10px;
}

.contact #results {
	margin-bottom: 30px;
}

.contact #results.error {
	border-color: #a94442 !important;
	color: #a94442;
}

.contact #results.success {
	border-color: #DD7902 !important;
	color: #DD7902;
}

.contact #form {
	position: relative;
}

#form{
	overflow: hidden;
}

.re-captcha > div {
	width: auto;
	display: inline-block;
	padding: 0;
	height: auto;
	background-color: transparent;
}

.re-captcha.has-error > div {
	border: 1px solid #a94442 !important;
	border-radius: 3px;
}

.g-recaptcha > div {
	width: 302px !important;
	height: 76px !important;
}

.g_map {
	height: 400px;
	position: relative;
	width: 100%;
}

.map {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.grecaptcha-badge{
    visibility: hidden;
    opacity: 1;
}



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

}

@media screen and (max-width: 991px) {
	.g-recaptcha{
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}

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

}

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

}




/*CUSTOM STYLINGS*/
:root{
	--text-color: #020817;
	--text-secondary: #4b5563;
	--text-lighter: #9ca3af;
	--primary-color: #dc2626;
	--primary-dark: #b91c1c;
	--primary-gray: #f3f4f6;
	--secondary-gray: #e2e8f0;
	--blue-gray: #f1f5f9;
	--blue-gray-border: #e2e8f0;
	--primary-light: #fca5a5;
	--primary-very-light: #fef2f2;
}

*{
	font-family: 'Poppins', sans-serif;
}

a{
    color: var(--primary-color);
}

a:hover{
    color: var(--primary-color);
}

header{
	height: 120px;
	position: relative;
	z-index: 2;
}

header .header-logo img{
	max-height: 80px;
}

header .header-wrapper{
	justify-content: space-between;
	padding-top: 20px;
	padding-bottom: 20px;
	position: fixed;
	background-color: #fff
}

header .header-menu-wrapper.desktop-header ul:not(.header-submenu){
	list-style: none;
	gap: 25px;
	margin: 0;
	padding: 0;
	position: relative;
}

header .header-menu-wrapper.desktop-header ul li:not(.header-submenu li){
	position: relative;
}

header .header-menu-wrapper.desktop-header ul li a{
	color: var(--text-color);
	text-decoration: none;
	transition: all 250ms ease;
}

header .header-menu-wrapper.desktop-header ul li a i{
	transition: all 250ms ease;
	font-size: 13px;
}

header .header-menu-wrapper.desktop-header ul li a:hover{
	color: var(--primary-color);
}

header .header-menu-wrapper.desktop-header ul li a:hover i{
	rotate: 180deg;
}

header .header-lang-switcher ul{
	list-style: none;
	padding: 0;
	margin: 0;
	border: 1px solid var(--secondary-gray);
	border-radius: 10px;
}

header .header-lang-switcher ul li a{
	color: var(--text-color);
	text-decoration: none;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--primary-gray);
	transition: all 250ms ease;
}

header .header-lang-switcher ul li.active-language a{
	background-color: var(--primary-color) !important;
	color: #fff !important;
}

header .header-lang-switcher ul li:first-child a {
	border-radius: 9px 0 0 9px;
}

header .header-lang-switcher ul li:last-child a {
	border-radius: 0 9px 9px 0;
}

header .header-submenu{
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 0;
	width: 0;
	visibility: hidden;
	opacity: 0;
	transition: all 250ms ease;
	position: absolute;
	list-style: none;
	padding: 25px 75px;
	border: 1px solid var(--blue-gray-border);
	border-radius: 10px;
	gap: 15px;
	margin-top: 10px;
	transform: translateX(-50%);
	left: 50%;
	background-color: #fff;
}

header .header-submenu li{
	width: max-content;
}

header .header-menu-wrapper.desktop-header ul li:hover .header-submenu{
	visibility: visible;
	opacity: 1;
	width: unset;
	height: unset;
}

header .header-menu-wrapper.desktop-header ul li:has(.header-submenu:hover) a:not(.header-submenu a){
	color: var(--primary-color);
}

header .header-menu-wrapper.desktop-header ul li:has(.header-submenu:hover) a i{
	rotate: 180deg;
}

.hero-banner-wrapper{
	padding-top: 150px;
	padding-bottom: 150px;
}

.hero-banner-wrapper h2{
	font-weight: 700;
	font-size: 55px;
}

.hero-banner-description{
	font-size: 23px;
	padding: 23px 0;
}

.red-btn{
	color: #fff;
	text-decoration: none;
	background-color: var(--primary-color);
	padding: 13px 29px;
	border-radius: 10px;
	transition: all 250ms ease;
}

.red-btn:hover{
	background-color: var(--primary-dark);
	color: #fff;
}

.white-btn{
	color: #000;
	text-decoration: none;
	background-color: #fff;
	padding: 13px 29px;
	border-radius: 10px;
	transition: all 250ms ease;
	border: 1px solid var(--blue-gray-border);
}

.white-btn:hover{
	color: #000;
	background-color: var(--blue-gray);
}

.two-features-wrapper{
	padding-top: 50px;
	padding-bottom: 50px;
}

.two-features-wrapper .feature-button-wrapper a{
	color: var(--primary-color);
	border: 2px solid var(--primary-color);
	text-decoration: none;
	padding: 9px 23px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 600;
	transition: all 250ms ease;
}

.two-features-wrapper .feature-button-wrapper a:hover{
	background-color: var(--primary-very-light);
	color: var(--primary-color);
}

.two-features-wrapper .feature-button-wrapper{
	/*margin-top: 25px;*/
	margin-top: auto;
}

.two-features-wrapper .feature-img-wrapper{
	border: 1px solid var(--blue-gray-border);
	border-radius: 10px;
	padding: 10px 70px;
	margin: 25px 0;
}

.two-features-wrapper .feature-img-wrapper img{
	border-radius: 10px;
	max-height: 350px;
}

.two-features-wrapper .feature-title{
	font-size: 20px;
	font-weight: 700;
}

footer{
	background-color: var(--primary-dark);
	color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
}

footer .footer-contact-info a{
	color: #fff;
	text-decoration: none;
	transition: all 250ms ease;
	width: fit-content;
}

footer .footer-contact-info a:hover{
	color: var(--primary-light);
}

footer .footer-socials{
	padding-top: 25px;
}

footer .footer-socials i{
	font-size: 20px;
}

footer .footer-socials > a:not(:first-of-type){
	margin-left: 15px;
}

footer .footer-contact-info i:not(.footer-socials i){
	font-size: 20px;
	padding-right: 5px;
}

footer .footer-socials i.fa-instagram{
	font-size: 23px;
	position: relative;
	top: 1px;
}

footer .footer-lower-wrapper{
	background-color: #fff;
	padding: 50px;
	color: var(--text-color);
	border-radius: 10px;
	margin-top: 35px;
	text-align: center;
}

.checked-ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.checked-ul li::before{
	content: "\f00c";
	font-family: 'Font Awesome 5 Pro';
	background-color: var(--primary-color);
	color: #fff;
	border-radius: 50%;
	padding: 5px 6px;
	font-size: 12px;
	margin-right: 8px;
	position: relative;
}

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

.feature-icons-wrapper{
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: var(--primary-gray);
}

.feature-icons-wrapper h3{
	font-weight: 700;
	color: var(--text-color);
	padding-bottom: 35px;
}

.feature-icons-wrapper .feature-icons{
	gap: 50px;
    align-items: start;
}

.feature-icons-wrapper .feature-icons .icon img{
	max-width: 64px;
}

.feature-icons-wrapper .feature-icons .icon p{
	margin-bottom: 0;
	margin-top: 15px;
	font-weight: 600;
    text-align: center;
}

.designer_newsletter{
	background-color: var(--primary-gray);
}

.designer_newsletter .newsletter-wrapper{
	padding-top: 50px;
	padding-bottom: 50px;
}

.designer_newsletter .email-input-wrapper{
	gap: 15px;
}

.designer_newsletter .newsletter-top-texts-wrapper{
	text-align: center;
}

.designer_newsletter .email-input-wrapper #email{
	border: 1px solid var(--blue-gray-border);
	border-radius: 10px;
}

.designer_newsletter .email-input-wrapper #email:focus{
	box-shadow: none;
}

.designer_newsletter .newsletter-btn{
	background-color: var(--primary-color);
	color: #fff;
	border: none;
	border-radius: 10px;
	padding: 9px 18px;
	font-size: 14px;
	font-weight: 500;
	transition: all 250ms ease;
	white-space: nowrap;
}

.designer_newsletter .newsletter-btn:hover{
	background-color: var(--primary-dark);
}

.designer_newsletter #form .custom-checkbox{
	position: relative;
	padding-top: 25px;
}

.designer_newsletter #form .custom-checkbox input{
	position: absolute;
	top: 28px;
}

.designer_newsletter #form .custom-checkbox label{
	padding-left: 28px;
	color: var(--text-secondary);
}

.designer_newsletter #form .custom-checkbox label a{
	color: var(--text-color);
}

.designer_newsletter #form .custom-checkbox label a:hover{
	color: var(--text-color);
}

.hidden{
	display: none;
}

#blog_grid .blog-grid-wrapper{
	padding-bottom: 50px;
}

#blog_grid .blog-grid-title{
	padding-top: 50px;
	padding-bottom: 50px;
}

#blog_grid .blog-grid-title h1{
	font-weight: 700;
	color: var(--text-color);
}

#blog_grid .blog-news-button a{
	background-color: var(--text-color);
	color: #fff;
	text-decoration: none;
	padding: 11px 20px;
	border-radius: 10px;
	font-size: 14px;
}

#blog_grid .blog-news-time-date{
	gap: 20px;
	padding: 15px 0;
	color: var(--text-secondary);
}

#blog_grid .blog-grid-news{
	border: 1px solid var(--blue-gray-border);
	border-radius: 10px;
}

#blog_grid .blog-grid-news .blog-news-text-wrapper{
	padding: 25px 50px 10px;
}

#blog_grid .blog-grid-news .blog-news-text-wrapper h2{
	color: var(--text-color);
	font-weight: 700;
}

#blog_grid .blog-grid-news .blog-news-button{
	padding-bottom: 35px;
}

#blog_grid .blog-grid-news .blog-news-photo img{
	width: 100%;
	border-radius: 9px 9px 0 0;
}

#product_grid .product-grid-products-wrapper{
	padding-bottom: 50px;
}

#product_grid .product{
	border: 1px solid var(--blue-gray-border);
	border-radius: 10px 10px 0 0;
	display: flex;
	flex-direction: column;
	/*flex-grow: 1;*/
	width: calc(25% - 19px);
}

#product_grid .product img{
	border-radius: 10px 10px 0 0;
}

#product_grid .product-info-btn{
	margin-top: 15px;
}

#product_grid .product-info-btn:hover a{
	background-color: var(--primary-dark);
}

#product_grid .product-info-btn a{
	background-color: var(--primary-color);
	color: #fff;
	text-decoration: none;
	padding: 9px 0;
	transition: all 250ms ease;
}

#product_grid .product-info{
	padding: 15px;
}

#product_grid .product-info h4{
	text-transform: uppercase;
	font-size: 19px;
	font-weight: 600;
	margin-bottom: 30px;
}

#product_grid .product-tag{
	width: fit-content;
	background-color: var(--blue-gray);
	font-size: 13px;
	font-weight: 600;
	padding: 3px 12px;
	border-radius: 20px;
	text-align: center;
	text-transform: uppercase;
}

#product_grid .grid-product-price{
	margin-bottom: 0;
	padding-right: 15px;
	text-align: right;
	color: var(--primary-color);
	font-weight: 700;
	font-size: 18px;
}

#product_grid .grid-product-code{
	margin-bottom: 0;
	padding-right: 15px;
	font-size: 12px;
	text-align: right;
	color: var(--text-lighter);
}

#product_grid .grid-product-size{
	margin-bottom: 0;
	padding-left: 15px;
	color: var(--text-secondary);
	font-size: 14px;
}

#product_grid .grid-product-description{
	color: var(--text-secondary);
	font-size: 14px;
	text-align: center;
}

#product_grid .product-grid-top-title{
	padding: 40px 0 0;
}

#product_grid .product-grid-top-title h2{
	font-weight: 700;
    margin-bottom: 0;
}

#product_grid .product-grid-subcat-title{
	margin-bottom: 25px;
}

#product_grid .product-grid-subcat-title h3{
	font-size: 24px;
	font-weight: 600;
}

#product_grid .product-grid-subsection{
	padding-top: 50px;
}

#product_grid .product-subsection-inner{
	gap: 25px;
	flex-wrap: wrap;
}

#product_grid .product-pricing{
	margin-top: auto;
	display: flex;
	flex-direction: column;
	row-gap: 13px;
}

.contact-page-wrapper{
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: var(--primary-gray);
}

.contact-page-wrapper h1{
	text-align: center;
	margin-bottom: 55px;
	font-weight: 700;
}

.contact-page-wrapper .contact-info-wrapper{
	padding: 40px;
	background-color: #fff;
	border-radius: 10px;
	width: 48%;
}

.contact-page-wrapper .contact-info-wrapper h3{
	margin-bottom: 40px;
	font-weight: 600;
}

.contact-page-wrapper .contact-info-wrapper i{
	color: var(--primary-color);
}

.contact-page-wrapper .contact-info-wrapper p strong{
	font-weight: 600;
}

.contact-page-wrapper .contact-info-wrapper p:has(i){
	display: flex;
	align-items: center;
	gap: 10px;
}

.contact-page-wrapper .contact-info-wrapper .contact-info-phone, .contact-page-wrapper .contact-info-wrapper .contact-info-email, .contact-page-wrapper .contact-info-wrapper .contact-info-address, .contact-page-wrapper .contact-info-wrapper .contact-info-open-times{
	margin-top: 20px;
	margin-bottom: 20px;
}

.contact-page-wrapper .contact-info-phone a, .contact-page-wrapper .contact-info-email a{
	color: var(--text-secondary);
	text-decoration: none;
	margin-left: 25px;
	transition: all 250ms ease;
}

.contact-page-wrapper .contact-info-phone a:hover, .contact-page-wrapper .contact-info-email a:hover{
	color: var(--primary-color);
}

.contact-page-wrapper .contact-info-address .contact-addresses{
	margin-left: 22px;
	margin-top: 8px;
}

.contact-page-wrapper .contact-info-address .contact-addresses p{
	color: var(--text-secondary);
}


.contact-page-wrapper .contact-info-open-times table{
	margin-top: 7px;
	color: var(--text-secondary);
}

.contact-page-wrapper .contact-info-open-times table tr > td:first-child{
	padding-left: 27px;
}

.contact-page-wrapper #form .form-group label{
	width: 100%;
	text-align: center;
	font-weight: 500;
	font-size: 15px;
}

.contact-page-wrapper #form .form-group input, .contact-page-wrapper #form .form-group textarea{
	border-radius: 10px;
	font-size: 14px;
	padding: 8px 12px;
}

.contact-page-wrapper #form .form-group input:focus, .contact-page-wrapper #form .form-group textarea:focus{
	border-color: var(--text-lighter);
	box-shadow: none;
}

.contact-page-wrapper .contact-form-wrapper{
	padding: 40px;
	background-color: #fff;
	border-radius: 10px;
	width: 48%;
}

.contact-page-wrapper .contact-btn-and-agreement{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.contact-page-wrapper .contact-btn-and-agreement button{
	background-color: var(--primary-color);
	color: #fff;
	border: none;
	border-radius: 10px;
	padding: 8px 17px;
	font-size: 15px;
	transition: all 250ms ease;
	height: fit-content;
	width: fit-content;
}

.contact-page-wrapper .contact-btn-and-agreement p{
	font-size: 13px;
	max-width: 65%;
	color: var(--text-lighter);
	margin-bottom: 0;
}

.contact-page-wrapper .contact-btn-and-agreement p span{
	color: var(--primary-color);
}

.contact-page-wrapper .contact-btn-and-agreement p a{
	color: var(--text-color);
}

.contact-page-wrapper .contact-btn-and-agreement button:hover{
	background-color: var(--primary-dark);
}

.contact-page-wrapper .contact-form-wrapper .content{
	padding: 0;
}

.contact-page-wrapper .contact-form-wrapper h3{
	margin-bottom: 35px;
	font-weight: 600;
}

.contact-page-wrapper .contact-gmap-wrapper{
	background-color: #fff;
	border-radius: 10px;
	margin-top: 50px;
}

.contact-page-wrapper .contact-gmap-wrapper h3{
	padding: 30px 25px;
	margin: 0;
	font-weight: 600;
	font-size: 26px;
}

.contact-page-wrapper .contact-gmap-wrapper .google-map{
	border-radius: 0 0 10px 10px;
}

.category-grid-wrapper .category-grid-category{
	border-radius: 10px;
	padding: 30px;
	position: relative;
	flex-grow: 1;
	max-width: 25%;
	display: flex;
	flex-direction: column;
}

.category-grid-wrapper .category-grid-category .category-button{
	margin-top: auto;
}

.category-grid-wrapper .category-button a{
	background-color: #fff;
	color: var(--text-color);
	text-decoration: none;
	padding: 10px;
	width: 100%;
	text-align: center;
	border-radius: 10px;
	border: 1px solid var(--blue-gray-border);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	transition: all 250ms ease;
}

.category-grid-wrapper .category-button a:hover{
	background-color: var(--blue-gray);
}

.category-grid-wrapper .category-button a:hover i{
	transform: translateX(15px);
}

.category-grid-wrapper .category-button a i{
	font-size: 14px;
	transition: all 250ms ease;
}

.category-grid-wrapper .category-icon{
	min-height: 230px;
}

.category-grid-wrapper .category-icon i{
	font-size: 70px;
}

.category-grid-wrapper .category-grid-categories-wrapper{
	gap: 65px;
	padding-bottom: 50px;
}

.category-grid-wrapper .category-text-wrapper{
	text-align: center;
}

.category-grid-wrapper .category-grid-title h1{
	margin-top: 25px;
	margin-bottom: 50px;
}

.product-page-wrapper .product-text-wrapper{
    max-width: 49%;
}

.product-page-wrapper .product-text-wrapper .product-text{
	border-bottom: 1px solid var(--blue-gray-border);
	padding-bottom: 7px;
}

.product-page-wrapper .product-text-wrapper .product-prices .product-price-table{
	margin-top: 16px;
	border: 1px solid var(--blue-gray-border);
	border-radius: 10px;
	padding: 10px 0;
}

.product-page-wrapper .product-text-wrapper .product-prices .product-sizes-text{
	margin-top: 25px;
	margin-bottom: 10px;
	font-weight: 600;
}

.product-page-wrapper .product-text-wrapper .grid-product-price{
	margin-bottom: 0;
	padding-right: 15px;
	text-align: right;
	color: var(--primary-color);
	font-weight: 700;
	font-size: 18px;
}

.product-page-wrapper .product-text-wrapper .grid-product-code{
	margin-bottom: 0;
	padding-right: 15px;
	font-size: 12px;
	text-align: right;
	color: var(--text-lighter);
}

.product-page-wrapper .product-text-wrapper .grid-product-size{
	margin-bottom: 0;
	padding-left: 15px;
	color: var(--text-color);
	font-size: 18px;
}

.product-page-wrapper .top-product-page-info .product-image-wrapper{
	/*width: fit-content;*/
	border: 1px solid var(--primary-gray);
	border-radius: 10px;
    /*max-width: 576px;*/
    height: fit-content;
    max-width: 49%;
}

.product-page-wrapper .top-product-page-info .product-image-wrapper img{
	border-radius: 10px;
    max-width: 576px;
}

.product-page-wrapper .top-product-page-info{
	margin-top: 50px;
	margin-bottom: 50px;
    gap: 20px;
}

.product-page-wrapper .bottom-product-page-info{
	margin-bottom: 50px;
}

.product-page-wrapper .bottom-product-page-info .product-info-header-wrapper{
	background-color: var(--primary-gray);
	border-radius: 10px;
	padding: 6px;
}

.product-page-wrapper .bottom-product-page-info .product-info-header-wrapper div{
	border-radius: 10px;
	padding: 7px 0;
	transition: all 250ms ease;
	flex-grow: 1;
}

.product-page-wrapper .bottom-product-page-info .product-info-header-wrapper div.selected-product-info{
	background-color: #fff;
}

.product-page-wrapper .bottom-product-page-info .product-info-header-wrapper div:hover{
	cursor: pointer;
}

.product-page-wrapper .bottom-product-page-info .product-info-content-wrapper{
	padding: 25px;
	margin-top: 25px;
	border: 1px solid var(--blue-gray-border);
	border-radius: 10px;
	position: relative;
}

.product-page-wrapper .bottom-product-page-info .product-info-content-wrapper div:not(.selected-product-info-content){
    /*position: absolute;
    height: 0;
    width: 0;
	top: 0;
	visibility: hidden;
	opacity: 0;
	transition: all 250ms ease;*/
    display: none;
}

.product-page-wrapper .bottom-product-page-info .product-info-content-wrapper div.selected-product-info-content{
	position: relative;
	/*height: unset;
	width: unset;*/
	visibility: visible;
	opacity: 1;
}

.product-page-wrapper .bottom-product-page-info .product-info-content-wrapper div.selected-product-info-content p:last-child{
	margin-bottom: 0;
}

.product-page-wrapper .product-ingredients-wrapper .ingredients-more-btn-wrapper, .product-page-wrapper .product-ingredients-wrapper .ingredients-more-btn-wrapper .ingredients-more-button{
	position: relative !important;
	visibility: visible !important;
	opacity: 1 !important;
}

.product-page-wrapper .product-ingredients-wrapper .ingredients-more-btn-wrapper{
	width: fit-content;
	margin: 0 auto;
	margin-top: 25px;
}

.product-page-wrapper .product-ingredients-wrapper .ingredients-more-btn-wrapper .ingredients-more-button{
	width: fit-content;
	border: 1px solid var(--blue-gray-border);
	font-size: 15px;
	font-weight: 600;
	padding: 8px 15px;
	border-radius: 10px;
	background-color: #fff;
	transition: all 250ms ease;
}

.product-page-wrapper .product-ingredients-wrapper .ingredients-more-btn-wrapper .ingredients-more-button:hover{
	background-color: var(--blue-gray);
	cursor: pointer;
}

#product #ingredientsPopup .modal-content{
	border-radius: 10px;
	border: 1px solid var(--blue-gray-border);
}

#product #ingredientsPopup .modal-header button{
	background-color: transparent;
	border: 0;
	font-size: 34px;
	font-weight: 200;
	color: var(--text-secondary);
}

.text-button-wrapper .text-button-a-wrapper{
	width: fit-content;
	margin: 35px auto 0;
}

.text-button-wrapper h3:not(.text-button-content h3){
	width: fit-content;
	margin: 0 auto 25px;
	font-weight: 700;
	font-size: 35px;
}

.text-button-wrapper .text-button-a-wrapper a{
	background-color: var(--primary-color);
	color: #fff;
	text-decoration: none;
	padding: 10px 29px;
	font-size: 14px;
	border-radius: 10px;
	transition: all 250ms ease;
}

.text-button-wrapper .text-button-a-wrapper a:hover{
	background-color: var(--primary-dark);
}

.product-page-wrapper .product-page-recommendations-wrapper{
	margin-bottom: 50px;
}

.product-page-wrapper .product-page-recommendations-wrapper h3{
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 25px;
}

.product-page-wrapper .product-page-recommendations-wrapper .product-page-recommendations{
	/*justify-content: space-between;*/
	gap: 35px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.product-page-wrapper .product-page-recommendations-wrapper .recommended-product{
	border: 1px solid var(--blue-gray-border);
	border-radius: 10px;
	width: 31%;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	position: relative;
}

.product-page-wrapper .product-page-recommendations-wrapper .recommended-product-image-wrapper{
	display: flex;
	justify-content: center;
}

.product-page-wrapper .product-page-recommendations-wrapper .recommended-product-image-wrapper img{
	border-radius: 10px 10px 0 0;
}

.product-page-wrapper .product-page-recommendations-wrapper .recommended-product-content-wrapper{
	padding: 0 15px;
}

.product-page-wrapper .product-page-recommendations-wrapper .recommended-product-content-wrapper h5{
	font-weight: 600;
}

.product-page-wrapper .product-page-recommendations-wrapper .recommended-product-button-wrapper{
	width: 92%;
	margin: 0 auto;
}

.product-page-wrapper .product-page-recommendations-wrapper .recommended-product-button-wrapper a{
	background-color: var(--primary-color);
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 8px;
	border-radius: 10px;
	margin: 15px 0;
	transition: all 250ms ease;
}

.product-page-wrapper .product-page-recommendations-wrapper .recommended-product-button-wrapper a:hover{
	background-color: var(--primary-dark);
}

.product-page-wrapper .product-page-recommendations-wrapper .recommended-product-price-table .recommended-product-size{
	margin-bottom: 0;
	padding-left: 15px;
	color: var(--text-color);
	font-size: 13px;
}

.product-page-wrapper .product-page-recommendations-wrapper .recommended-product-price-table .recommended-product-price{
	margin-bottom: 0;
	padding-right: 15px;
	text-align: right;
	color: var(--primary-color);
	font-weight: 700;
	font-size: 17px;
}

.product-page-wrapper .product-page-recommendations-wrapper .recommended-product-price-table .recommended-product-code{
	margin-bottom: 0;
	padding-right: 15px;
	font-size: 12px;
	text-align: right;
	color: var(--text-lighter);
}

.product-page-wrapper .product-page-recommendations-wrapper .recommended-product-prices-wrapper{
	margin-top: auto;
}

.blog-page-wrapper{
	padding-top: 50px;
	padding-bottom: 50px;
}

.blog-page-wrapper .blog-page-inner-wrapper{
	border: 1px solid var(--blue-gray-border);
	border-radius: 10px;
    padding: 0;
}

.blog-page-wrapper .blog-header-img img{
	border-radius: 10px 10px 0 0;
}

.blog-page-wrapper .blog-date-time{
	color: var(--text-secondary);
	padding: 15px 0;
}

.blog-page-wrapper .blog-date-time .blog-time{
	padding-left: 15px;
}

.blog-page-wrapper .blog-date-time .blog-date i, .blog-page-wrapper .blog-date-time .blog-time i{
	margin-right: 4px;
}

.blog-page-wrapper .blog-header-text{
	padding: 15px 30px;
}

.blog-page-wrapper .blog-header-text h2{
	font-weight: 700;
	color: var(--text-color);
}

.blog-page-wrapper .blog-sources-wrapper .blog-sources-line{
	height: 1px;
	width: 94%;
	color: var(--blue-gray-border);
	opacity: 1;
	margin-top: 0;
	margin-bottom: 25px;
}

.blog-page-wrapper .blog-content-wrapper{
	padding-left: 30px;
	padding-right: 30px;
}

.blog-page-wrapper .blog-content-wrapper .col-md-9{
    width: 100%;
}

.designer_colored_text .colored-text-outter-wrapper{
	padding: 0;
	padding-top: 25px;
	padding-bottom: 25px;
}

.designer_colored_text .colored-text-inner-wrapper{
	padding: 25px 0;
	border-radius: 10px;
	position: relative;
	width: calc(100% - 5px);
	margin-left: 5px;
}

.designer_colored_text .colored-text-inner-wrapper .colored-text-content{
	max-width: 93%;
	margin: 0 auto;
}

.partners-page-wrapper{
	padding-bottom: 50px;
}

.partners-page-wrapper h1{
	font-weight: 700;
	color: var(--text-color);
	margin-bottom: 50px;
	margin-top: 25px;
}

.partners-page-wrapper .selected-partners-text{
	width: 100%;
	font-size: 24px;
	margin-top: 25px;
	margin-bottom: 15px;
}

.partners-page-wrapper .selected-partners-text p{
	margin: 0;
}

.partners-page-wrapper .partner-region:not(.selected-partner-region){
	display: none;
}

.partners-page-wrapper .partner-region.selected-partner-region{
	display: flex;
	gap: 25px;
}

.partners-page-wrapper #regions{
	/*background-color: #fff;*/
	background-color: transparent;
	border: 1px solid var(--blue-gray-border);
	font-size: 20px;
	padding: 8px 21px;
	padding-right: 40px;
	border-radius: 10px;
	appearance: none;
}

.partners-page-wrapper .partners-select-wrapper{
	position: relative;
}

.partners-page-wrapper .partners-select-wrapper::after{
	content: '\f078';
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	right: 18px;
	top: 12px;
	z-index: -1;
}

.partners-page-wrapper .partners-wrapper{
	width: 100%;
}

.partners-page-wrapper .partners-wrapper .partner-header{
	display: flex;
	background-color: var(--primary-gray);
	border-bottom: 1px solid var(--blue-gray-border);
	padding: 20px 0;
	border-radius: 10px 10px 0 0;
}

.partners-page-wrapper .partners-wrapper .partner-header h5, .partners-page-wrapper .partners-wrapper .partner-header p{
	margin: 0;
}

.partners-page-wrapper .partners-wrapper .partner{
	border: 1px solid var(--blue-gray-border);
	border-radius: 10px;
}

.partners-page-wrapper .partners-wrapper .partner-header h5{
	font-weight: 700;
	color: var(--text-color);
}

.partners-page-wrapper .partners-wrapper .partner-header p{
	font-size: 15px;
	color: var(--text-secondary);
	margin-top: 7px;
}

.partners-page-wrapper .partner .partner-content-info{
	display: flex;
	gap: 20px;
	padding-top: 25px;
	padding-bottom: 25px;
	color: var(--text-color);
}

.partners-page-wrapper .partner .partner-content-info .partner-address, .partners-page-wrapper .partner .partner-content-info .partner-phone, .partners-page-wrapper .partner .partner-content-info .partner-email,
.partners-page-wrapper .partner .partner-content-info .partner-site{
	display: flex;
	gap: 18px;
	align-items: center;
    padding-left: 15px;
    padding-right: 15px;
}

.partners-page-wrapper .partner .partner-content-info .partner-address p, .partners-page-wrapper .partner .partner-content-info .partner-phone p, .partners-page-wrapper .partner .partner-content-info .partner-email p,
.partners-page-wrapper .partner .partner-content-info .partner-site p{
	margin: 0 auto;
	width: fit-content;
}

.partners-page-wrapper .partner .partner-content-info .partner-address i, .partners-page-wrapper .partner .partner-content-info .partner-phone i, .partners-page-wrapper .partner .partner-content-info .partner-email i,
.partners-page-wrapper .partner .partner-content-info .partner-site i{
	font-size: 25px;
	color: var(--text-lighter);
}

#contact #contact-form, .designer_newsletter #contact-form{
	position: relative;
}

#contact #contact-form #results, .designer_newsletter #contact-form #results{
	border-radius: 10px;
}

#contact #contact-form #results .text p, .designer_newsletter #contact-form #results .text p{
	margin-bottom: 0;
}

#contact #contact-form #results.success, .designer_newsletter #contact-form #results.success{
	border-color: var(--text-color) !important;
	color: var(--text-color);
}

.designer_newsletter .newsletter-top-texts-wrapper h3{
	font-weight: 700;
}

.product-page-wrapper .bottom-product-page-info .product-info-header-wrapper div{
	display: flex;
	justify-content: center;
	align-items: center;
}

.product-page-wrapper .product-text h2{
	font-weight: 700;
	color: var(--text-color);
}

.product-page-wrapper .product-text h5{
	color: var(--text-secondary);
}

.product-page-wrapper .product-text .product-top-description{
	color: var(--text-secondary);
}

#product .modal-title{
	margin-bottom: 8px;
}

#grid .grid-wrapper{
	padding-top: 50px;
	padding-bottom: 50px;
}

.designer_gallery div.col-md-3{
	display: flex;
	justify-content: center;
	align-items: center;
}

.designer_gallery img{
	border-radius: 10px;
	max-height: 300px;
}

.designer_photo img{
	max-height: 600px;
	border-radius: 10px;
}

.blog-grid-news-wrapper{
	gap: 35px;
}

.red-dots-ul li::marker {
    color: var(--primary-color);
}

.blue-dots-ul li::marker {
    color: #2563eb;
}

.colored-two-texts-wrapper{
    padding: 35px;
    /*background-color: var(--primary-gray);*/
    border-radius: 10px;
}

.colored-two-texts-upper-description{
    margin-bottom: 30px;
}

.colored-box-left, .colored-box-right{
    padding: 25px;
    width: 49%;
    border-radius: 10px;
    position: relative;
}

.colored-box-left .left-extra-text, .colored-box-right .right-extra-text{
    padding: 15px;
    border-radius: 10px;
    max-width: 80%;
    margin: 0 auto;
}

.designer_colored_two_texts h3{
    color: var(--primary-color);
    margin-bottom: 30px;
    font-weight: 600;
    padding: 0;
}

.colored-two-texts-lower-description{
    margin-top: 30px;
}

.small-blocks-container .left-block, .small-blocks-container .middle-block, .small-blocks-container .right-block{
    width: 32%;
    border-radius: 10px;
    padding: 25px;
    position: relative;
}

.small-text-blocks-wrapper h3{
    padding-bottom: 25px;
    font-weight: 600;
    color: var(--primary-color);
}

.product-tags{
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
}

.two-photos-wrapper .tphoto-wrapper {
    max-width: 49%;
}

.two-photos-wrapper .tphoto-wrapper img{
    border-radius: 10px;
}

.designer_column_one .col-sm-12.col-md-9{
    margin: 0 auto;
}

li.current-menu-item > a{
    color: var(--primary-color) !important;
}

li.current-menu-item li.current-submenu-item a{
    color: var(--primary-color) !important;
}

#devices_grid .devices-grid-wrapper{
    padding-bottom: 50px;
}

#devices_grid .devices-grid-top-title{
    padding: 40px 0;
}

#devices_grid .devices-grid-top-title h2{
    font-weight: 700;
    margin-bottom: 0;
}

#devices_grid .devices-grid-products-wrapper{
    display: flex;
    justify-content: space-between;
}

#devices_grid .device-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--blue-gray-border);
    max-width: 49%;
    padding: 25px;
    border-radius: 10px;
}

#devices_grid .device-wrapper h3{
    text-align: center;
}

#devices_grid .device-wrapper .device-more-info-btn{
    color: #fff;
    background-color: var(--primary-color);
    border-radius: 10px;
    text-decoration: none;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    margin-top: auto;
}

.partners-wrapper .partner .partner-logo-heading, .partners-wrapper .partner .partner-logo-gallery{
    padding: 25px;
}

.partners-wrapper .partner .partner-logo-gallery{
    margin-bottom: auto;
}

.partners-wrapper .partner .partner-logo-heading img, .partners-wrapper .partner .partner-logo-gallery a img{
    border-radius: 10px;
    border: 2px solid var(--blue-gray-border);
}

.partners-wrapper .partner .partner-logo-heading img{
    width: 100%;
    max-width: 250px;
}

.partners-wrapper .partner .partner-logo-gallery a img{
    height: 60px;
}

.partners-wrapper .partner .partner-logo-gallery a{
    color: transparent;
}

.partners-wrapper .partner .partner-logo-gallery:has(img){
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.standard-centered-ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


/*MOBILE RESPONSIVENESS*/

.header-menu-wrapper.mobile-header{
	display: none;
}

@media screen and (max-width: 991px) {
	header {
		height: 90px;
	}

	header .header-menu-wrapper.desktop-header {
		display: none;
	}

	.header-menu-wrapper.mobile-header.open-mobile-menu {
		display: unset;
		position: fixed;
		background-color: #fff;
		width: 100%;
		z-index: 1;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		top: 90px;
		bottom: 0;
		padding: 15px 0 25px;
	}

	header .mobile-menu-toggler {
		margin-right: 15px;
	}

	header .mobile-menu-toggler i {
		color: var(--text-color);
		font-size: 30px;
		width: 27px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	header .header-logo img {
		max-height: 50px;
	}

	.header-menu-wrapper.mobile-header.open-mobile-menu ul {
		padding: 0;
		margin: 0;
		text-align: center;
		list-style: none;
		gap: 25px;
		position: relative;
	}

	.header-menu-wrapper.mobile-header.open-mobile-menu a{
		text-decoration: none;
	}

	.header-menu-wrapper.mobile-header.open-mobile-menu a:not(.header-submenu a){
		color: var(--text-color);
		font-weight: 600;
	}

	.header-menu-wrapper.mobile-header.open-mobile-menu .header-submenu{
		padding-top: 10px;
	}

	.header-menu-wrapper.mobile-header.open-mobile-menu .header-submenu::before {
		content: '';
		width: 1px;
		/*height: 100%;*/
		height: 95%;
		background-color: var(--blue-gray-border);
		position: absolute;
		display: block;
		left: -25px;
	}

	.header-menu-wrapper.mobile-header.open-mobile-menu .header-submenu a{
		color: var(--text-secondary);
	}

	.designer_hero_banner .hero-banner-wrapper{
		padding-top: 50px;
		padding-bottom: 60px;
	}

	.designer_hero_banner .hero-banner-wrapper .hero-banner-buttons{
		display: flex;
		flex-direction: column;
	}

	.designer_hero_banner .hero-banner-wrapper .hero-banner-buttons a{
		width: fit-content;
		font-size: 14px;
	}

	.designer_hero_banner .hero-banner-wrapper .hero-banner-buttons .white-btn{
		margin-left: 0 !important;
		margin-top: 25px;
	}

	.designer_hero_banner .hero-banner-wrapper h2{
		font-size: 40px;
		line-height: 38px;
	}

	.designer_hero_banner .hero-banner-wrapper .hero-banner-description{
		font-size: 18px;
		line-height: 21px;
	}

	.designer_two_features .two-features-wrapper{
		flex-direction: column;
		justify-content: unset !important;
		gap: 50px;
	}

	.designer_two_features .two-features-wrapper .feature-img-wrapper{
		padding: 0 20px;
	}

	.designer_two_features .two-features-wrapper .feature-button-wrapper{
		margin-top: 25px;
	}

	.designer_two_features .two-features-wrapper .feature-img-wrapper img{
		max-height: 280px;
	}

	.designer_two_features .two-features-wrapper .feature-description-wrapper{
		font-size: 14px;
	}

	.designer_feature_icons .feature-icons-wrapper .feature-icons{
		gap: 0;
		row-gap: 50px;
		flex-wrap: wrap;
	}

	.designer_feature_icons .feature-icons-wrapper .feature-icons .icon{
		width: 48%;
	}

	.designer_feature_icons .feature-icons-wrapper .feature-icons .icon p{
		font-size: 14px;
	}

	.designer_feature_icons .feature-icons-wrapper h3{
		text-align: center;
		font-size: 24px;
	}

	.designer_text_button .text-button-wrapper h3:not(.text-button-content h3){
		font-size: 27px;
		text-align: center;
	}

	.designer_text_button .text-button-content{
		font-size: 14px;
	}

	.checked-ul li::before{
		padding: 5px 5px;
		font-size: 9px;
	}

	.designer_newsletter #form .custom-checkbox{
		font-size: 13px;
	}

	footer .footer-upper-wrapper{
		flex-direction: column;
		row-gap: 28px;
	}

	footer .footer-lower-wrapper{
		font-size: 14px;
		display: flex;
		flex-direction: column;
		row-gap: 10px;
	}

	footer .footer-company-info h4, footer .footer-contact-info h4, footer .footer-contact-info .footer-socials h4, footer .footer-open-times h4:not(i){
		font-weight: 600;
	}

	.category-grid-wrapper .category-grid-categories-wrapper{
		gap: 0;
		flex-direction: row;
		row-gap: 25px;
		justify-content: space-between !important;
	}

	.category-grid-wrapper .category-grid-category{
		max-width: 100%;
	}

	.category-grid-wrapper .category-icon {
		min-height: 100px;
	}

	.category-grid-wrapper .category-icon i{
		font-size: 40px;
	}

	.category-grid-wrapper .category-grid-title h1{
		margin-bottom: 30px;
	}

	.category-grid-wrapper .category-grid-category .category-text-wrapper h4{
		font-size: 20px;
	}

	.category-grid-wrapper .category-grid-category .category-text-wrapper .category-description{
		font-size: 14px;
	}

	#contact .contacts-wrapper{
		flex-direction: column;
		row-gap: 25px;
	}

	.contact-page-wrapper .contact-info-wrapper, .contact-page-wrapper .contact-form-wrapper{
		width: 100%;
	}

	.contact-page-wrapper .contact-btn-and-agreement p{
		padding-left: 25px;
	}

	.partners-page-wrapper h1{
		font-size: 30px;
		margin-bottom: 30px;
	}

	.partners-page-wrapper #regions{
		font-size: 16px;
	}

	.partners-page-wrapper .partners-select-wrapper::after{
		top: 9px;
	}

	.partners-page-wrapper .selected-partners-text{
		font-size: 19px;
	}

	.partners-page-wrapper .partner .partner-content-info{
		font-size: 15px;
	}

	.partners-page-wrapper .partner .partner-content-info .partner-address i, .partners-page-wrapper .partner .partner-content-info .partner-phone i, .partners-page-wrapper .partner .partner-content-info .partner-email i, .partners-page-wrapper .partner .partner-content-info .partner-site i{
		font-size: 20px;
	}

	.partners-page-wrapper .partners-wrapper .partner-header h5{
		font-size: 17px;
        text-align: center;
	}

	.partners-page-wrapper .partners-wrapper .partner-header p{
		font-size: 13px;
        text-align: center;
	}

	#blog_grid .blog-grid-news .blog-news-text-wrapper{
		padding: 10px 20px;
	}

	#blog_grid .blog-news-description{
		font-size: 14px;
	}

	#blog_grid .blog-news-time-date{
		font-size: 15px;
	}

	#blog_grid .blog-grid-title h1{
		font-size: 30px;
	}

	#blog_grid .blog-grid-news .blog-news-text-wrapper h2{
		font-size: 25px;
	}

	header .header-lang-switcher{
		margin: 0 25px 0 auto;
	}
}

@media screen and (min-width: 992px){
	/*header .header-wrapper {
		justify-content: space-between;
	}*/

	header .mobile-menu-toggler{
		display: none;
	}
}

@media screen and (max-width: 767px){
	.category-grid-wrapper .category-grid-category{
		width: 100%;
	}

	#product_grid .product{
		width: 48%;
	}

	#product_grid .product-subsection-inner{
		gap: 0;
		row-gap: 25px;
		justify-content: space-between;
	}

	.product-page-wrapper .top-product-page-info{
		flex-direction: column;
	}

	.product-page-wrapper .top-product-page-info .product-image-wrapper{
		border: none;
		border-radius: 0;
		display: flex;
		justify-content: center;
		width: 100%;
	}

	.product-page-wrapper .product-text h2{
		font-size: 25px;
	}

	.product-page-wrapper .product-text h5{
		font-size: 18px;
	}

	.product-page-wrapper .product-text .product-top-description{
		font-size: 15px;
	}

	.product-page-wrapper .product-text-wrapper .grid-product-size{
		font-size: 15px;
	}

	.product-page-wrapper .product-text-wrapper .grid-product-price{
		font-size: 16px;
	}

	.product-page-wrapper .product-text-wrapper .grid-product-code{
		font-size: 11px;
	}

	.product-page-wrapper .bottom-product-page-info .product-info-content-wrapper{
		font-size: 15px;
	}

	#product .modal-header{
		font-size: 13px;
	}

	#product .modal-header h5{
		font-size: 18px;
		line-height: 20px;
	}

	#product .modal-body{
		font-size: 14px;
	}

	.product-page-wrapper .product-page-recommendations-wrapper .recommended-product{
		width: unset;
	}

	.product-page-wrapper .product-page-recommendations .recommended-product-description{
		font-size: 14px;
	}

	.blog-page-wrapper .blog-sources{
		font-size: 13px;
	}

	.blog-page-wrapper .blog-sources .blog-sources-lang{
		font-size: 16px;
	}

	.designer_colored_text .colored-text-inner-wrapper .colored-text-content{
		font-size: 14px;
	}

	.blog-page-wrapper .blog-date-time{
		font-size: 14px;
	}

	.blog-page-wrapper .blog-header-text h2{
		font-size: 28px;
	}

    .designer_colored_two_texts .colored-two-texts-wrapper{
        padding: 35px 15px;
    }

    .designer_colored_two_texts .colored-boxes-wrapper{
        flex-wrap: wrap;
        gap: 20px;
    }

    .designer_colored_two_texts .colored-boxes-wrapper .colored-box-left, .designer_colored_two_texts .colored-boxes-wrapper .colored-box-right{
        width: 100%;
    }

    .designer_small_text_blocks .small-blocks-container{
        flex-wrap: wrap;
        gap: 20px;
    }

    .small-blocks-container .left-block, .small-blocks-container .middle-block, .small-blocks-container .right-block{
        width: 100%;
    }

    .product-page-wrapper .bottom-product-page-info .product-info-header-wrapper{
        flex-wrap: wrap;
    }

    .product-page-wrapper .bottom-product-page-info .product-info-header-wrapper div{
        width: 100%;
    }

    .product-page-wrapper .top-product-page-info .product-text-wrapper, .product-page-wrapper .top-product-page-info .product-image-wrapper{
        max-width: 100%;
    }

    .product-page-wrapper .top-product-page-info .product-image-wrapper .product-gallery-wrapper{
        max-width: 100%;
    }

    .two-photos-wrapper{
        flex-wrap: wrap;
        gap: 20px;
    }

    .two-photos-wrapper .tphoto-wrapper{
        max-width: 100%;
    }

    #devices_grid .devices-grid-products-wrapper{
        flex-wrap: wrap;
        gap: 20px;
    }

    #devices_grid .device-wrapper{
        max-width: 100%;
    }

    #devices_grid .device-wrapper h3{
        font-size: 22px;
    }

    .partners-page-wrapper .partner .partner-content{
        flex-direction: column;
    }

    .partners-wrapper .partner .partner-logo-heading{
        display: none !important;
    }

    .partners-wrapper .partner .partner-logo-gallery{
        display: none !important;
    }

    .partners-wrapper .partner .partner-logo-gallery:has(img){
        display: flex !important;
        padding-top: 10px;
        justify-content: center;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px){
	.category-grid-wrapper .category-grid-category{
		width: 48%;
	}

	.category-grid-wrapper .category-grid-categories-wrapper{
		gap: 25px;
	}

	#product_grid .product{
		width: 31%;
	}
}

@media screen and (max-width: 540px){
	#product_grid .product{
		width: 100%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1030px){
	.product-page-wrapper .product-page-recommendations-wrapper .recommended-product{
		width: 46%;
	}
}

@media screen and (max-width: 1030px){
	.product-page-wrapper .product-page-recommendations-wrapper .recommended-product{
		flex-grow: unset;
	}

	.product-page-wrapper .product-page-recommendations-wrapper .product-page-recommendations{
		gap: 0;
		row-gap: 35px;
		justify-content: space-evenly;
	}
}