/* ==========================================================================
   General
   ========================================================================== */
@media only screen and (max-width: 1500px) {
	.paddingLeft { padding-left: 2vw;}
	.paddingRight { padding-right: 2vw;}
	.wrapper { max-width: 96vw;}
	.jarallax.overlay .sectionTitle { margin: 0 auto;}
	.zigzagContent .row { margin-bottom: 80px; gap: 60px;}
}
@media only screen and (max-width: 1000px) {
	.tableWrapper { overflow-x: scroll;}
	.generalPadding { padding: 20px 0;}
	.generalPadding.compressPadding { padding: 30px 0 80px;}

	.pageTitle .title { font-size: 70rem;}
	.pageTitle .intro { margin-top: 15px;}
	.pageTitle .grid { gap: 30px;}
	:root {
		--section-intro-size: 18rem;
		--section-margin: 40px;
		--article-title-size: 22rem;
		--section-title-size: 36rem;
		--grid-gap: 50px;
		--medium-grid-gap: 40px;
		--small-grid-gap: 30px;
		--half-padding: 15px;
		--main-padding: 30px;
		--medium-padding: 25px;
	}
	.zigzagContent .row { margin-bottom: 60px; gap: 30px; align-items: stretch;}
	.zigzagContent .lightgalleryEditor { height: 100%;}
}
@media only screen and (max-width: 800px) {
	:root {
		--section-title-size: 30rem;
	}
	h1 { margin-bottom: 15px; font-size: 50rem; }
	h2 { margin-bottom: 15px; font-size: 27px; }
	h4 { margin-bottom: 15px; font-size: 20rem;}
	h5 { margin-bottom: 15px; font-size: 18rem;}
	h6 { margin-bottom: 15px; font-size: 16rem;}

	.pageTitle .title { font-size: 50rem; letter-spacing: unset;}
	.pageTitle .intro { margin-top:0;}
	.pageTitle .grid { gap: 15px; grid-template-columns: 1fr;}
	.zigzagContent .row { grid-template-columns: 1fr;}
	.mainButton, .simpleButton { font-size: 14rem;}

}

@media only screen and (max-width: 480px) {
	.userCard, .userCard * { width: 100%; }
	.mainButton, .simpleButton,.borderButton { width: 100%; text-align: center; }
	#apply-discount-code { width: auto; }
	#sliderMainPage > article > div.textSlider.wrapper > a.borderButton { width: auto; }
	#sliderMainPage > article > div.textSlider.wrapper > a.mainButton { width: auto; }
	#my-content > main > div.halfBoxes.darkBg.membru.containerMembru > div.generalPadding.paddingLeft.leftBoxMembru > div.content > p > a { width: auto; }
}
@media only screen and (max-width: 420px) {
	.sectionTitle .title h2 { font-size: 27px; }
}


/*@media only screen and (max-width: 1600px){
	.wrapper {width: 96vw; max-width: none;}
	.paddingRight { padding-right: 2vw;}
	.paddingLeft { padding-left: 2vw;}
}*/
/*@media only screen and (max-width: 1000px){
	.tableWrapper { overflow-x: scroll;}
	.generalPadding {padding: 80px 0;overflow: hidden;}
	.generalPadding.compressPadding { padding: 30px 0 80px;}
	.pageTitle { margin-bottom: 80px;}
	h1 {font-size: 3rem;}
	h2 {font-size: 2.8rem;}
	h3 {font-size: 1.8rem;}
	h4 {font-size: 1.4rem;}
}*/
@media only screen and (max-width: 960px){
	.formStyle INPUT, .formStyle SELECT, .formStyle TEXTAREA, .total-price .redButton { margin-bottom: 0.625em;}
	/*.blackButton, .orangeButton, .greyButton, .redButton, .borderButton {padding: 0.625em 12px; font-size: 0.813rem;}*/
	.boxPadding { padding: 2.5em 0;}
	.boxPadding h1 { margin-bottom: 1.875em;}
}
/*@media only screen and (max-width: 800px){
	.generalPadding {padding: 60px 0; }
	.generalPadding.compressPadding { padding: 30px 0 60px;}
	.pageTitle { margin-bottom: 60px;}
	.pageTitle .intro { font-size: 18px;}
	h1 {font-size: 2.8rem;}
	h2 {font-size: 2.6rem;}
	h3 {font-size: 1.8rem;}
	h4 {font-size: 1.4rem;}
	!*.pageSectionTitle .title { font-size: 1.75rem; letter-spacing: 0;}*!
	.breadcrumbTop li { font-size: 0.75rem;}
}*/
@media only screen and (max-width: 640px){
	/*.pageSectionTitle .title { font-size: 1.625rem;}*/
	/*.blackButton, .orangeButton, .greyButton, .redButton {letter-spacing: 1px;}*/
	/*.carouselHomeHalf .owl-controls { display: none; }*/
}
@media only screen and (max-width: 480px){
	/*.pageSectionTitle .title { font-size: 1.5rem;}*/

	/*.home50 H1 {font-size: 1.125rem; line-height: 1.25em;}*/
	/*.home50 .box50 {width: 100%; margin-right: 0;}*/
	.listing .box25,.listing .box30 {width: 100%; margin-right: 0; margin-left: 0;}
	.listing .box30:nth-of-type(2n) {margin-left: 0;}
	.listing .box30 .blackButton {margin-top: 0; margin-bottom: 0.625em;}
	/*.blackButton, .orangeButton, .greyButton, .redButton {font-size: 0.813rem; letter-spacing: 1px;}*/
	.buttonIcon { padding: 3px 5px 3px 25px;}
}
/*typo*/
/*@media only screen and (min-width: 601px) and (max-width: 960px) {
	H1 {font-size: 1.875rem; line-height: 1.875em; margin: 1.625em 0 0.625em;}
	H2 {font-size: 1.5rem; line-height: 24px;}
	H3 {font-size: 1.375rem; line-height: 22px; margin: 0.625em 0;}
	H4 {font-size: 1.125rem;}
	H5 {font-size: 1.063px;}
	H6 {font-size: 1rem;}
}*/

/*fix parallax*/
@media (hover: none) {
	.sliderContainer article, .parallax {
		background-attachment: initial;
	}
}
/* ==========================================================================
   MAIN MENU
   ========================================================================== */
@media only screen and (max-width: 1200px){
	#mobile-menu { display: none !important;}
	#my-header:before { z-index: -1; }
	.selectHeader { margin-left: 0; }
	.boxUserTools > A { margin-left: 0; }
	.boxUserTools { gap: 15px; }
	#toggleSidebarMobile { display: inline-block !important;}
	/*#boxUserTools { display: none; }*/

	.mm-listitem a li { display: block; float: none;}
	.mm-listitem a { letter-spacing: 1px;font-weight: 600;}
	.mm-listitem a.active { color: #9c9a98;}
	.mm-listitem:after { border-color: transparent;}
	.mm-btn:after, .mm-btn:before { border-color: #9c9a98; }
	.mm-menu, .mm-panels, .mm-panels > .mm-panel, .mm-navbar_sticky { background: #FFFFFF;/* z-index: 999; */ }
	.dropdown .imgBox, .dropdown .title, .dropdown .allBorder  { display: none;}
	.boxSearchContainer { z-index: 1100; }

	.mobileHeader { display: block; }
	.mainHeader { display: none!important; }
	#mm-0 > ul > a:nth-child(5) { display: flex; font-weight: 600; flex-direction: row-reverse;justify-content: center;align-items: center;padding-right: 15px; }
	#mm-0 > ul > a:nth-child(6) { padding-left: 20px; padding-right: 10px; }
/*	#mobile-nav-container { display: block; }
	#mobile-menu .submenuMobile, #mobile-menu  .submenuMobile ul {min-width: auto; box-shadow: none; opacity: 1; visibility: visible; transform: none; position: relative; left: auto;top: auto;}
	#mobile-menu a.changeSubmenuMobile { padding: 30px 60px; margin: 0 -60px; font-weight: 600;}*/
}

@media only screen and (min-width: 1201px) {
	#toggleSidebarMobile { display: none !important;}
	#mm-my-menu { display: none !important;}
	#my-menu { z-index: 1000; }

	.stickySidebar { z-index: 10; }
}
/* ==========================================================================
   HEADER
   ========================================================================== */
@media only screen and (max-width: 1600px){
	#container-cart-products-small:before {right: 120px;}
}
@media only screen and (max-width: 1200px){
	.search-input { width: 96vw; top: 12vh; }
	.search-widget { width: 100%;box-shadow: none; }
	.boxSearchContainer:after { right: 2vw; }
	.scroll { width: 100%; }
	.boxMenu { display: none;}
	#container-cart-products-small:before {right: 145px;}
}
@media only screen and (max-width: 640px){
	#toggleSidebarMobile { padding-left: 5px; }
	.boxUserTools .countCart { left: 53%; }
	details summary { font-size: 13px; }
	.header.wrapper {margin: 0 10px;}
	/*#boxUserTools > A {margin-left: 25px;}*/
	#boxLogo IMG {width: 80px;}
	.boxSearchContainer INPUT { padding: 0.625em;}
	.search-input,.search-widget { width: 96vw;}
	.boxSearchContainer:after { right: 2vw;}

	#cart-table TR TD:first-child {display: none;}
	#cart-table TR TD:first-child { display: none;}
	#cart-table TD INPUT[type=number] { width: 60px; }
}
@media only screen and (max-width: 500px){
	#boxLogo IMG {width: 80px;}
}
@media only screen and (max-width: 480px){
	#cart-table TH { padding: 10px; }
	#cart-table TD { }
	#cart-table TD INPUT[type=number] { width: 40px; padding: 10px; }
	#cosPage .grayBg {  margin-top: 0; }
}
@media only screen and (max-width: 340px) {
	.boxUserTools { gap: 8px; }
}
/* ==========================================================================
   PRIMA PAGINA
   ========================================================================== */
@media only screen and (max-width: 1200px){
	#homePage .pageBanner { padding-top: 170px;}
	#homePage .empty { display: none;}
	#homeSections .grid {grid-template-columns: 1fr 1fr;grid-gap: 40px;}
	#homeSections .sectionBg .grid {padding: 80px 0;}
	#homeSections .section:first-of-type .introSide, #homeSections .introSide {padding: 80px;margin: 0;}
	#elemente { padding: 30px 0 80px;}
	#elemente .flex {justify-content: space-between;}
	#elemente img {width: 80px;}
	#elemente h2 { margin: 0;}
	#homePage .grid2fr { align-items: center;}
	#homePage > .grid2fr {margin-top: 0;padding: 60px 0;}
	#homePage .darkGrayBg .shape {height: 12vw;}
	#homePage > .grid2fr ~ .grid2fr {padding: 0; align-items: stretch;}
	#homePage > .grid2fr ~ .grid2fr .textBox { padding: 15vw 80px 80px;}
	#homePage .zoomOut { object-fit: cover; height: 100%; object-position: center right;}
	#homePage .grid2fr.paddingLeft {grid-template-columns: 1fr 1fr;}
	.mobileTopHeader { display: flex;flex-direction: row;justify-content: space-between;width: 100%; }
	#my-header .wrapper { flex-direction: column; }
	/*.search-input { background-color: transparent; border: none;width: 100%;padding: 0 43px 0 47px;margin: auto; }*/
	.mobileBottomHeader { width: 100%; padding-bottom: 15px; }
	.boxSearch { color: #FFFFFF;margin-left: unset;border: 1px solid var(--color-brand-1);display: flex;border-radius: 40px;padding: 7px 15px; }
	#my-header > div.mobileHeader.wrapper > div.mobileBottomHeader > a > i { display: none; }
	.search-input { gap: 53px; }
	.boxSearchContainer INPUT { border-radius: 30px; }
	.shapeBottom {height: 8vw;}
	.sigle img { width: 150px;}
	.sigle h1 {font-size: 3rem; margin-top: 0;}
	.textSlider .title { font-size: 48rem; }

	.carbonBg .gridCarbon { grid-template-columns: repeat(1,1fr); gap: 20px; }

	.sliderContainer .bx-wrapper .bx-controls-direction a, .sliderContainer .bx-wrapper .bx-pager.bx-default-pager a { visibility: visible; }
	.cardImportant .intro { display: none; }
	.bxslider div:not(:first-child) { display: none; }
}
@media only screen and (max-width: 1000px){
	#homeSections .grid { grid-template-columns: 1fr;}
	#homeSections .section:first-of-type .introSide, #homeSections .introSide {padding: 0;text-align: center;}
	#homeSections .intro { text-align: center;}
	#homeSections .sectionBg .grid { padding: 80px 0;}
	#homePage .grid2fr { grid-template-columns: 1fr; grid-gap: 40px; text-align: center;}
	#homePage .textBox { padding: 0;}
	#elemente img {width: 19%;}
	#elemente .flex {gap: 2%;}
	#homePage .grid2fr.paddingLeft { grid-template-columns: 1fr;}
	#homePage > .grid2fr ~ .grid2fr .textBox {padding: 15vw 2vw 80px;}
	.leftBoxMembru { padding-left: 2vw; }
}
@media only screen and (max-width: 980px){
	.sliderContainer .bx-wrapper .bx-pager { bottom: 10px; }
	.cardSocialMedia { padding: 0 15px 15px; }
	.containerMembru { display: flex; flex-direction: column; padding-bottom: 60px; }
	.containerPozeMembru { min-height: 120px; }
	.containerPozeMembru .imgBox img { object-fit: cover; }

	.leftBoxMembru { padding-bottom: 15px; }
	.carouselBlog .imgBoxMembru { height: 20vw; }
}
@media only screen and (max-width: 880px) {
	.owl-carousel .owl-nav .owl-next { right: -5%; top: 46%;transform: translate(-50%, -50%); }
	.owl-carousel .owl-nav .owl-prev { left: 6%; top: 46%;  transform: translate(-50%, -50%);}
}
@media only screen and (max-width: 790px){
	.importantSocialMedia  .cardSocialMedia{ width: unset; }
	/*.important { flex-wrap: wrap; }*/
	.important .cardImportant { /*width: 45%; display: flex; flex-wrap: wrap;*/ padding: 0; }
	/*.important > div:not(:first-of-type) { border-left: unset; }*/
	.cardSocialMedia { width: unset; }
	.cuvant { white-space: nowrap; }

}
@media only screen and (max-width: 690px) {
	.containerSocialMedia { display: none; }
}
@media only screen and (max-width: 640px) {
	.membru .containerPozeMembru { display: grid; grid-template-columns: repeat(2, 1fr);/*min-height: 320px;*/ }
	#my-content > main > div.halfBoxes.darkBg.membru.containerMembru > div.grid.containerPozeMembru > div:nth-child(3){ display: none; }
	#my-content > main > div.halfBoxes.darkBg.membru.containerMembru > div.grid.containerPozeMembru > div:nth-child(4) { display: none; }
}

@media only screen and (max-width: 530px){
	.carouselBlog .imgBoxMembru { height: 35vw; }
	.blogCarousel { padding-top: 0; }
}
@media only screen and (max-width: 480px) {
	#homePage .textBoxRight .flex { display: block; text-align: center;}
	#homePage > .grid2fr ~ .grid2fr .textBox { padding: 15vw 2vw 60px;}
	#homeSections .intro { padding: 50px 30px;}
	.important .cardImportant { width: 95%;  }
	.important .rank { margin-bottom: 15px; }
}
/* ==========================================================================
   PAGINA EVENIMENTE
   ========================================================================== */
@media only screen and (max-width: 880px){
	#noutatiPage > section > div > div.content > div > div.owl-controls > div > div.owl-next { right: 1%; }
}
@media only screen and (max-width: 799px){
	#noutatiPage > section > div > div.content > div > div.owl-stage-outer > div > div > div { height: 25vw; }
}
@media only screen and (max-width: 600px){
	#noutatiPage > section > div > div.content > div > div.owl-controls > div > div.owl-prev { top: 40%; }
	#noutatiPage > section > div > div.content > div > div.owl-controls > div > div.owl-next { top: 40%; }
}
@media only screen and (max-width: 459px){
	#noutatiPage > section > div > div.content > div > div.owl-stage-outer > div > div > div { height: 300px; }
	#noutatiPage > section > div > div.content > div > div.owl-controls > div > div.owl-next { right: -4%; }
}
/* ==========================================================================
   CONT CLIENT
   ========================================================================== */
/*login, singout, reset*/
/*@media only screen and (max-width: 1200px){
	.sideMenu UL { padding-top: 50px; }
}*/
@media only screen and (max-width: 1000px){
	/*#autentificarePage .userForm, #autentificarePage .userForm, #inregistrarePage .userForm, #resetarePage .userForm {margin-top: 1.25em;}*/
	.userForm .grayBg, .userForm .boxLine { padding: 2.5em 0.9375em;}
}
@media only screen and (max-width: 640px){
	#inregistrarePage .politica, #inregistrarePage .QapTcha { width: 100% !important;}
	#inregistrarePage .QapTcha .TxtStatus { width: 80%;}

	/*.userForm .formStyle .box50 { width: 100%; margin-right: 0;}*/
	/*.userForm .formStyle .simpleButton { margin: 0 0.625em 0.625em 0;}*/
	/*.userForm .formStyle .mainButton { margin-top: 1.25em;}*/
	/*.userForm .intro { font-size: 1.125rem;}*/
}
@media only screen and (max-width: 620px){
	#inregistrarePage #formInregistrareContainer { width: 96vw; }
}
/*account*/
@media only screen and (max-width: 1000px){
	.userPage .wrapper { grid-gap: 2vw;}
}

@media only screen and (max-width: 960px){
	/*div[id^="address-container"], div[id^="company-container"], .rowLabel { margin-bottom: 0.625em;}*/
	/*div[id^="address-container"] .mainButton, div[id^="company-container"] .mainButton { width: 100%; margin-top: 0.625em;}*/
	.address { padding: 0.625em;}
	.rowLabel { grid-template-columns: 1fr 80%;}
	.rowLabel .complexRow { grid-gap: 5px;}
	/*.form-edit-address-container { padding-left: 0.625em;}*/
}

@media only screen and (max-width: 640px){
	.userPage .wrapper { position: relative; display: block; padding-left: calc(2.5em + 2vw); min-height: 600px;}
	.userCard { padding: 1.875em 0.9375em;}
	.form-edit-address-container { padding: 15px 0; }
	.noResults { width: 100%; margin: unset; }

	.sideMenu, .sideMenu li  { overflow: hidden;}
	.sf-menu { display: flex;text-align: center;flex-wrap: wrap;justify-content: center;align-items: center; }
	.sideMenu a { /*padding: 1.25em 0.3125em;*/ display: flex;justify-content: center;align-items: center; text-align: center; /*font-size: 0.75rem;*/ line-height: 1.1;}
	.sideMenu i { font-size: 1.25rem;}

	.rowLabel { grid-template-columns: 1fr; grid-gap: 5px;}

	/*.listOrders { font-size: 0.875rem;}*/
	div[id^="address-container"], div[id^="facturare-address-container"], div[id^="company-container"] { padding: 15px; }
	/*.sideMenu UL { padding-top: 20px; }*/
}
@media only screen and (max-width: 480px){
	.address { display: block;}
	#address-list .form-edit-address-container, #company-list .form-edit-address-container, #facturare-address-list .form-edit-address-container { margin-top: 0; }
	#dateUserPage > div.userForm > section > article > div { margin-top: 0; }
	/*.rowLabel label { position: relative; top: auto; transform: none;}*/
	/*.rowLabel input, .rowLabel select, .rowLabel textarea, .rowLabel .complexRow { width: 100%; margin: 0;}*/
	/*.rowLabel .complexRow select { width: auto; padding: 0.625em 0;}*/
	/*.rowLabel .complexRow .input-59 { width: 30%;}*/
	/*.rowLabel .complexRow .box15 { width: 20%;}*/
	/*.rowLabel .complexRow .box85 { width: 75%; float: right;}*/
	/*.address .box85 { width: 100%;}*/
	/*.address .box85 p {margin-bottom: 0;}*/
	/*.address .box15 { width: 100%;}*/
	/*.address .box15 A { margin-top: 0;}*/
	/*.form-address-links a { width: 48%; margin-top: 0.625em !important; float: left; margin-left: 0 !important; text-align: center; letter-spacing: 0;}*/
	/*.form-address-links a:nth-of-type(odd) { margin-right: 4%;}*/
	/*.form-address-links a:nth-of-type(even) { margin-right: 0;}*/
	/*.listOrders { font-size: 0.813rem;}*/
}

/* ==========================================================================
   COS
   ========================================================================== */
@media only screen and (max-width: 1000px) {
	#form-cos-cumparaturi { margin-top: 1.25em; overflow-x: scroll;}
	.formPopup { width: 60%;}
	.mlAuto { flex: 0 1 50%;}
	.grid3fr { grid-template-columns: repeat(2,1fr);}
}
@media only screen and (max-width: 960px) {
	.rowLabel input, .rowLabel select, .rowLabel textarea { margin: 0;}
	.userCard .flexButtons {margin-top: 2em;}
}
@media only screen and (max-width: 780px) {
	.boxExplanation { padding: var(--medium-padding); }
}
@media only screen and (max-width: 660px) {
	#form-cos-cumparaturi { margin-bottom: 0.9375em;}
	.formPopup { width: 80%;}
	.flexLeft, .flexRight { justify-content: space-between;}
	.mlAuto { flex: 0 1 100%;}
	.grid2fr, .grid3fr { grid-template-columns: 1fr;}
	.gridForm input, .gridForm textarea, .gridForm select, .flexForm button,
	.flexForm input, .flexForm textarea, .flexForm select, .flexForm button { margin-bottom: 0; margin-top: 0;}
	.boxExplanation { padding: var(--half-padding); }
}

@media only screen and (max-width: 580px) {
	/*#form-cos-cumparaturi { overflow-x: scroll; }*/
	#form-cos-cumparaturi::-webkit-scrollbar { height: 8px;background: #e0e0e0; }
	#form-cos-cumparaturi::-webkit-scrollbar-thumb { background: #888;border-radius: 4px; }
	#form-cos-cumparaturi::-webkit-scrollbar-thumb:hover { background: #555; }
}
@media only screen and (max-width: 480px) {
	#cosPage .grayBg { padding: 1.25em 0.625em;}
	/*#form-cos-cumparaturi { overflow-x: scroll;}*/
	#cart-table TH, #cart-table TD { /*font-size: 0.813rem;*/}
	#cart-table TD IMG { max-width: 2.5em; max-height: 3.75em;}
	#box-back-refresh a, #form-login button, #form-login a { width: 100%; text-align: center;}
	.formPopup { width: 90%;}
	.labelInput { display: block; margin-bottom: 0.625em;}
	.labelInput:not(:first-of-type) { margin: 0;}
}
/* ==========================================================================
   WHISHLIST
   ========================================================================== */
@media only screen and (max-width: 640px) {
	#cart-table .mainButton { display: block; text-align: center; margin-bottom: 0.3125em;}
}
/* ==========================================================================
   CATALOG
   ========================================================================== */
@media only screen and (max-width: 1200px) {
	.produs .imgContainer { /*padding-top: calc(100% + 32px);*/}
	/*.produs .imgContainer img { top: 0; bottom: auto;}*/
	.produs .addCart, .produs .addWhishlist { /*transform: none;*/ padding: 8px 8px; font-size: 12px; }
	#my-content > main > section.carbonBg > div > div > div > div.carouselHomeHalf.carousel.owl-carousel.owl-theme.owl-loaded > div.owl-stage-outer article > div.imgContainer > a > span { display: none; }
	.produs .addCart {display: inline-block;overflow: hidden;/*max-width:calc(100% - 45px);width:calc(100% - 45px);*/white-space: nowrap;text-overflow: ellipsis;}
	.produsIntro .pageTitle { padding: 0;}
	.produsIntro .pageTitle .title { font-size: 1.875rem;}
	.mainContainer { padding-top: 155px; }

	#my-content > main > section.darkBg > div > div.carouselHome.carousel.owl-carousel.owl-theme.owl-loaded > div.owl-stage-outer div.imgContainer span { display: none; }
}

@media only screen and (max-width: 980px) {
	.mainContainer .gridCatalog { grid-template-columns: repeat(3,1fr); grid-gap: var(--grid-gap); }
	.produs .imgContainer { height: 25vh; }
	/*.produsIntro { height: 40%; }*/
}

@media only screen and (max-width: 800px) {
	.flexSort { display: block;}
	.flexSort .sortare {margin-top: 20px;display: flex;justify-content: space-between;}
	.flexSort p { font-size: 12px;}
	.flexSort select { max-width: 100%;}
	/*.gridCategorii, */.gridCatalog { grid-template-columns: repeat(3,1fr);}
	.gridCategorii .halfBoxes { grid-template-columns: 1fr; grid-template-rows:1fr;}
	.gridCategorii .left, .gridCategorii .right { min-height: 200px;}
	.gridCategorii .right { grid-column-start: 1;grid-row-start: 1;}
	.productDetails .containerSliderProdus { width: 50%;}
	.productDetails .introContainer { width: 45%;}
	.produsIntro .pageTitle .title { font-size: 1.625rem;}
	.productDetails .priceNew, .productDetails .price { font-size: 20px;}
	.tabsContent { padding: 2.5em 1.875em;}
	.gridDetaliu {grid-template-columns: 1fr;overflow: hidden;}
	/*.productDetails .pageTitle .title { font-size: 2.8rem;}*/
}
@media only screen and (max-width: 680px) {
	.mainContainer .gridCatalog { grid-template-columns: repeat(2,1fr); grid-gap: var(--medium-grid-gap); }
	/*.mainContainer .produs .addCart, .produs .addWhishlist { padding: 6px 6px; font-size: 12px; }*/
}
@media only screen and (max-width: 640px) {
	.productDetails .containerSliderProdus,
	.productDetails .introContainer { width: 100%;}
	.productDetails .introContainer { margin-top: 1.25em;}
	.tabsContent { padding: 1.875em 1.25em;}
	.produsIntro .title {/* font-size: 1.15rem; *//* font-weight: 600; */}
	.gridInfo { padding: 0; grid-template-columns: 30% 65%;}
	.productDetails .pageTitle .title { font-size: 48px;}
	.productDetails .pageTitle { margin-bottom: 2rem;}
	.mainContainer { padding-top: 130px; }
}
@media only screen and (max-width: 480px) {
	.productDetails .pageTitle .title { font-size: 35px;}
	.gridInfo {  grid-template-columns:1fr;}

	.produsIntro .title {/* font-size: 1rem; *//* font-weight: 400; */}
	/*.gridCategorii, */.gridCatalog { grid-template-columns: repeat(2,1fr);}
}
@media only screen and (max-width: 460px) {
	.mainContainer .gridCatalog { grid-template-columns: repeat(2,1fr); grid-gap: var(--small-grid-gap); }
}
/* ==========================================================================
   CATALOG PRODUS DETALIU
   ========================================================================== */
@media only screen and (max-width: 1200px) {
	.infoBox .flex { display: flex;flex-direction: column;gap: 15px; }
	.owl-carousel .owl-stage-outer { width: 96vw; }
	.reviewsContainer { padding-top: 0; }
}
@media only screen and (max-width: 980px) {
	.productDetails { grid-template-columns: repeat(1, 1fr); grid-auto-flow: dense;  }
	.sliderProdusMobile { display: block; }
	.sliderProdusDetaliu { display: none; }
	.col { order: 2; }
	.rightSidebar { order: 1; }
	.produstable table { display: block; overflow-x: scroll; white-space: nowrap; height: 100% !important; }
	.produstable table::-webkit-scrollbar { -webkit-appearance: none; }
	.produstable table::-webkit-scrollbar:vertical {width: 11px; }
	.produstable table::-webkit-scrollbar:horizontal {height: 11px;}
	.produstable table::-webkit-scrollbar-thumb { border-radius: 8px;border: 2px solid white;background-color: rgba(0, 0, 0, 1); }
}
@media only screen and (max-width: 560px) {
	#my-content .addCartD { display: block; }
}
	@media only screen and (max-width: 380px) {
	.infoBox .shareButtons a { padding: 5px 5px; margin: 0 15px 0 0; }
	#my-content > main > div > section:nth-child(1) > div.productDetails.wrapper > div.rightSidebar.infoBox.col > div > div.whiteBg.flex > p { display: none; }
}
/* ==========================================================================
   Support
   ========================================================================== */
@media only screen and (max-width: 600px) {
	/*.boxLink {width: 48%; margin-left: 1%; margin-right: 1%;}
	.square H1 {font-size: 1.375rem;}
	.square H4 {font-size: 1.063rem; padding-left: 3%; padding-right: 3%;}
	.square I {margin-top: 5%; font-size: 2.5rem;}*/
}
@media only screen and (max-width: 580px){
	div.owl-stage { /*margin: auto;*/ /*width: 100% !important; */}
	.carouselProdus { padding: 0; }
	/*.owl-item > div { height: 40vh; }*/
	.owl-dots .imgDot { display: none !important; }
/*	.dotnumber { background-image: unset; color: black;z-index: 999;position: absolute;height: 15px;width: 15px;border-radius: 50%;bottom: 8%;border: 1px solid black; }
	.dotnumber .active { background-image: unset; color: black;z-index: 999;position: absolute;height: 15px;width: 15px;border-radius: 50%;bottom: 8%;border: 1px solid var(--color-brand-1); }
	.carouselProdus .owl-dots { position: absolute; left: 50%;bottom: -10%;width: 90px; }*/
	.slidenumber { width: 100%!important; }
	.sliderProdus .owl-theme .owl-dots { margin: unset; width: 100%; }
	.sliderProdus .owl-dot { background-image: none; background-color: transparent!important;border-radius: 50%;border: 1px solid #0D0A0A;width: 12px;height: 12px;margin: 5px; }
	.sliderProdus .owl-dot .active { background-image: none; background-color: transparent!important;border-radius: 50%;border: 1px solid var(--color-brand-1);width: 12px;height: 12px;margin: 5px; }
	.carouselProdus .owl-dots { position: absolute;bottom: -5%; top: unset; width: 90px;display: flex;justify-content: center;align-items: center;text-align: center;left: 50%;transform: translate(-50%, -50%); }
}
/* ==========================================================================
   PRESA
   ========================================================================== */
@media only screen and (max-width: 800px){
	.gridLine { grid-template-columns: 1fr 1fr; text-align: left;}
	.gridLine .title:first-child { grid-column: 1/3;}
	.galerieCategorie { grid-template-columns: repeat(3,1fr);}
	.galerieCategorie .imgContainer { padding-bottom: 20vw;}
}
@media only screen and (max-width: 500px){
	.galerieCategorie { grid-template-columns: repeat(2,1fr); grid-gap: 2vw;}
	.galerieCategorie .imgContainer { padding-bottom: 28vw;}
	#presaPage .pageTitle h3.title { text-align: center;}
	#presaPage .borderButton.center { margin-bottom: 40px;}
}
@media only screen and (max-width: 350px){
	.gridLine { grid-template-columns: 1fr;}
	.gridLine .title:first-child { grid-column: 1/2;}
	.gridLine .borderButton {justify-self: auto;}
}
/* ==========================================================================
   MAGIA
   ========================================================================== */
@media only screen and (max-width: 1000px){
	#magiePage .pageBanner .grid {grid-template-columns: 1fr;padding-top: 170px; grid-gap: 60px;}
	#magiePage .grid > .centerAll { justify-content: flex-start; }
	#magiePage .mainColorBg { padding: 80px 60px;}
}
@media only screen and (max-width: 640px){
	#magiePage .grid {grid-template-columns: 1fr;}
	#magiePage .mainColorBg { padding: 80px 2vw;}
	#magiePage .intro { width: 100%; margin-bottom: 60px; line-height: 2em;font-size: 1rem;}
	#magiePage .flex { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 30px;}
	#magiePage .flex img { max-width: 100px;}
	#magiePage .beneficii .grid { grid-gap: 30px;grid-template-columns: repeat(2,1fr);}
	.iconSymbol { height: 100px; width: 100px;}
}
@media only screen and (max-width: 500px){
	#magiePage .beneficii .grid { grid-gap: 30px;grid-template-columns: 1fr;}
}

/* ==========================================================================
   NOUTATI
   ========================================================================== */
@media only screen and (max-width: 1300px) {
	.articleContent { grid-template-columns: 860px 1fr; }
}
@media only screen and (max-width: 1200px) {
	.articleContent { grid-template-columns: 760px 1fr; }
}
@media only screen and (max-width: 1100px) {
	.articleContent { grid-template-columns: 660px 1fr; }
}
@media only screen and (max-width: 1000px){
	.gridRecomandate { grid-gap: 20px;}
	.next .arrow {width: 45px;}
	.next .titlu {transform: none;}
	.next i {transform: translateX(23px);}
	.next .line {left: -3px;opacity: 1;}
	.prev .arrow {width: 45px;}
	.prev .titlu {transform: none;}
	.prev i {transform: translateX(-23px);}
	.prev .line {right: -3px;opacity: 1;}
	.articleButtons .text { gap: 10px;}
	.articleButtons .imgContainer { padding: 80px 40px;}
}
@media only screen and (max-width: 980px){
	.gridNoutati { display: grid; grid-template-columns: repeat(2, 1fr); }
	.gridNoutati .imgBoxMembru { height: 20vw; }
	.articleContent { display: flex; flex-direction: column-reverse; }
	.content .flex { flex-direction: column; }
	/*#noutatiPage .articleContent div picture img { display: flex; margin: 0 auto; }*/
	#noutatiPage > section > div > div.articleContent > div:nth-child(2) > picture > img { display: flex; margin: 0 auto; }
}
@media only screen and (max-width: 800px){
	.gridArticole { grid-template-columns: 1fr;}
	.gridNoutati { display: grid; grid-template-columns: repeat(2, 1fr); }
	.gridRecomandate .titlu { font-size: 1rem; line-height: 1.2;}
	.noutate .textContainer { padding: 20px;}
	.articleButtons { display: grid;}
	.prev i {transform: translateX(-32px);}
	.next i {transform: translateX(32px);}
	.articleButtons .imgContainer {padding: 40px;}
	.articleButtons .prev .text { display: grid; grid-template-columns: 60px 1fr; grid-gap: 10px;}
	.articleButtons .next .text { display: grid; grid-template-columns: 1fr 60px; grid-gap: 10px;}
	.tags { display: block;}
	.tags a { margin: 0 10px 10px 0;}

}
@media only screen and (max-width: 600px){
	.gridRecomandate { grid-template-columns: 1fr;}
	.gridMasonry .grid-item { width: 100%;}
	.shareButtons { display: block;}
	.shareButtons a { width: auto; margin: 0 15px 15px 0;}
	.gridCateg { gap: 5px;}
	.gridCateg a { font-size: 12px;}
	.noutate .data { margin-top: 10px;}
	.noutate .data img { display: none;}
	.articleButtons .imgContainer {padding: 40px 2vw;}
	.alignright {float: none;margin-left: 0;overflow: hidden;}
	.alignleft {float: none;margin-right: 0;overflow: hidden;}
}

@media only screen and (max-width: 530px){
	.gridNoutati { display: grid; grid-template-columns: repeat(1, 1fr); }
	.gridNoutati .imgBoxMembru { height: 35vw; }
	.articleContent img { width: 100%; object-fit: contain; height: auto; }
}
/* ==========================================================================
   PREMII
   ========================================================================== */
@media only screen and (max-width: 1000px) {
	.gridPremii > .titlu {grid-column: 1/3;}
	.gridPremii { grid-template-columns: repeat(2,1fr); grid-gap:60px 30px;}
	.gridPremii:not(:last-of-type) { margin-bottom: 80px;}
	.pageBanner {min-height: 100dvh;}
	/*.pageBanner.gradient:after {background: linear-gradient(to bottom, rgba(255, 255, 255, 0.01) 0, #ffffff 100%);}*/
}
@media only screen and (max-width: 600px) {
	.gridPremii > .titlu {grid-column: 1/2;margin: 0;}
	.gridPremii { grid-template-columns: 1fr; grid-gap:60px;}
	.gridPremii:not(:last-of-type) { margin-bottom: 60px;}
	.gridPremii > .titlu .line {height: 8px;}
}
/* ==========================================================================
   PRODUCATORI
   ========================================================================== */
@media only screen and (max-width: 980px) {
	#producatoriPage .gridProducatori { grid-template-columns: repeat(3,1fr); grid-gap: var(--grid-gap); }
}
@media only screen and (max-width: 680px) {
	#producatoriPage .gridProducatori { grid-template-columns: repeat(2,1fr); grid-gap: var(--medium-grid-gap); }
}
@media only screen and (max-width: 460px) {
	/*#producatoriPage .gridProducatori { grid-template-columns: repeat(1,1fr); grid-gap: var(--small-grid-gap); }*/
	#producatoriPage .gridProducatori { grid-gap: var(--small-grid-gap); }
	.producator .imgBox { height: 70px; }
}
/* ==========================================================================
   CONTACT
   ========================================================================== */
@media only screen and (max-width: 1000px) {
	.contactData  { overflow: hidden;}
	#contactPage .grid { grid-template-columns: repeat(3,1fr);}
	#contactPage .gridContact { grid-template-columns: repeat(2,1fr); }
}
@media only screen and (max-width: 880px) {
	#contactPage .gridContact { grid-gap: 40px; grid-template-columns: repeat(2,1fr); }
}
@media only screen and (max-width: 680px) {
	.undercoverBanner .banner { width: auto; height: 100vh;}
	#contactPage .grid { grid-template-columns: repeat(2,1fr);}
	#contactPage .gridContact { grid-gap: 30px; grid-template-columns: repeat(1,1fr); }
	#contactPage .mapWrapper { height: 400px; }
}
@media only screen and (max-width: 400px) {
	#contactPage .grid { grid-template-columns: 1fr;}
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
@media only screen and (max-width: 1700px)  {
	.upPage { bottom: 0.625em;}
}
@media only screen and (max-width: 1400px)  {
	.upPage { right: 0.625em;}
}
@media only screen and (max-width: 1200px)  {
	.sigleFooter { flex-wrap: wrap; }
}
@media only screen and (max-width: 1000px) {
	#pageFooter {padding: 30px 0 60px;}
	#pageFooter .grid { display: grid; grid-template-columns: repeat(2,1fr); grid-gap:0 30px;}
	#pageFooter .logo img { width: 100px;}
	#pageFooter .logo { gap: 0;}
}
@media only screen and (max-width: 600px) {
	#pageFooter .wrapper:not(.sigleFooter) { display: block;}
	#pageFooter .logo { margin-bottom: 20px;}
}
@media only screen and (max-width: 460px) {
	#pageFooter .grid { grid-template-columns: 1fr;}
	#pageFooter .gridFooter { display: flex; flex-direction: column; justify-content: center; align-items: center;text-align: center; }
	#pageFooter #sib-form { display: flex; flex-direction: column;justify-content: center;text-align: center;align-items:  center; }
	#pageFooter .sigleFooter { display: flex;justify-content: center;text-align: center;align-items: center; }
	#pageFooter .developer { display: flex; justify-content: center;text-align: center;align-items: center; }
	#pageFooter .logo { margin-bottom: 0; }
	#pageFooter .logo img { margin-bottom: 0; }
	#pageFooter .title { margin-bottom: 0; }
	#pageFooter li:not(:first-of-type ) .title { margin-top: 5px; }
	.sigleFooter { gap: 5px; }
	.sib-form *, .sib-form ::after, .sib-form ::before { text-align: left; }
	#pageFooter { padding: 10px 0 30px; }
}
@media only screen and (max-width: 400px) {
	#pageFooter .sigleFooter { gap: 20px;}
}





@media only screen and (min-width: 801px) {
	#categorii-mobile-menu, #producatori-mobile-menu, .filtruProducatori,.mobileOnly { display: none !important;}
}
@media only screen and (max-width: 800px) {
	#categorii-mobile-menu img { position: unset !important; border-radius: 7px; }
	#categorii-mobile-menu .categorii { grid-gap: 15px 15px; }
	#producatori-mobile-menu, #categorii-mobile { color: #FFFFFF; border: 1px solid #cccccc; border-radius: 40px; }
	.suplimente-la-oferta { width: 100%; display: flex;justify-content: center;padding-top: 5px; }
	#cauta-mobile { display: block; }
}
@media only screen and (max-width: 350px) {
	#categorii-mobile-menu li { overflow: hidden;}
}