@font-face {
    font-family: "iransans";
    src: url("/font/iransans.ttf");
        font-display: swap;
           }

html { 
  direction: rtl;
}

body {
    margin: 0;
    padding: 0;
    font-family: iransans; 
  overflow-x:hidden;
}

* {
  
          -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent; 

}


:root {
--color1: #000000;
--color2: #202020;
--color3: #282828;
--color4: #404040;
--color5: #606060;
--color6: #707070;
--color7: #808080;
--color8: #909090;
--color9: #A0A0A0;
--color10: #B0B0B0;
--color11: #C0C0C0;
--color12: #D0D0D0;
--color13: #E0E0E0;
--color14: #F0F0F0;
--color15: #F9F9F9;
--color16: #FFFFFF;
}



:root {
  --opacity1: #00000025;
  --opacity2: #00000050;
  --opacity3: #00000075;
  --opacity4: #00000090;
  --opacity5: #00000095;
  --opacity6: #F9F9F925;
  --opacity7: #F9F9F950;
  --opacity8: #F9F9F975;
  --opacity9: #F9F9F990;
  --opacity10: #F9F9F995;
}


:root {
    --origin1: #ffffff;
    --origin2: #f0cce3;
    --origin3: #e9b2d5;
    --origin4: #e199c7;
    --origin5: #da7fb9;
    --origin6: #d366ab;
    --origin7: #cb4c9d;
    --origin8: #c4328f;
    --origin9: #bd1981;
    --origin10: #b60073;
    --origin11: #a30067;
    --origin12: #91005c;
    --origin13: #7f0050;
    --origin14: #6d0045;
    --origin15: #5b0039;
    --origin20: #0953e0;
    --origin30: #5d53da;
    --origin40: #09ade0;
}


:root {
  --origin10-25: #b6007325;
  --origin10-50: #b6007350;
  --origin10-75: #b6007375;
  --origin10-90: #b6007390;
  --origin10-95: #b6007395;
}




:root {
  --titr-line-height: 1.2;  
  --gap-1: .01%;
  --gap-2: .2%;
  --gap-5: .5%;
  --gap-1-5: 1.5%;
  --gap1: 1%;
  --gap2: 2%;
  --gap3: 3%;
  --gap4: 4%;
  --gap5: 5%;
  --gap6: 6%;
  --gap7: 7%;
  --gap8: 8%;
  --gap9: 9%;
  --gap10: 10%;
  --border-radius: 5px;
  --item-count1:1;
  --item-count2:2;
  --item-count3:3;
  --item-count4:4;
  --item-count5:5;
  --item-count6:6;
  --item-count7:7;
  --item-count8:8;
  --box-shadow: none;
  
   --very-huge:2.5rem;
   --huge:2rem;
   --very-big:1.7rem;
   --big:1.4rem;
   --normal:1rem;
   --medium:0.9rem;
   --small:0.8rem;
   --verysmall: 0.7rem;
   --tiny: 0.7rem;

}


@keyframes wd-fadeInDownBig {
    from {
        transform: translate3d(0, -100%, 0)
    }

    to {
        transform: none
    }
}

@keyframes wd-fadeOutUpBig {
    from {
        transform: none
    }

    to {
        transform: translate3d(0, -100%, 0)
    }
}

.search-place {
	width: 100%;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;

}

search {
    position: relative;
    width: 400px;
      margin-right: 20px;
}

search a {
    cursor: pointer;
    position: absolute;
    left: 10px;
    font-size: var(--small);
    color: var(--color8);
    top: 10px;
}

.logo-place img {
  max-height: 60px;
}

      #txtsearch {
outline: none;
    color: var(--color9);
    font-family: iransans;
    height: 45px;
    width: 100%;
    background-color: var(--color14);
    border-radius: 10px;
    border: 0px;
        transition: .5s ease-out;
      }

#txtsearch:focus {
    border: 1px solid var(--color11);
}

header {
box-shadow: 0px 4px 5px 0px rgb(148 148 148 / 24%);
}

header.fixed{
      width: 100%;
    top: 0;
      z-index: 106;
  position: sticky;
}

.fixed .menu-place{ 
justify-content: center;
}

.fixed .logo-place {

 
}

.fixed {
    transition: .5s ease-out;
}

header  {
display: flex;
    padding: 0 var(--gap10);
    background-color: var(--color16);
    flex-wrap: wrap;
}

.header-top
{
display: flex;

}

.main-margin {

}
main
{
padding: 4px var(--gap10);
  overflow-x:hidden:
}

.menu {
     display: none;
}

.menu-place {
    margin: 0px 0px 20px;
    flex: 1;
  display: flex;
  transition: .5s ease-out;
}


.header-down {
display:flex;
  flex-wrap:wrap;
  width: 100%;
}

.header-down a::before {
color: var(--color7);

}

.logo-place
{
  margin-top:15px;
}

.nav-tab {
width: 100%;
    display: none;
    justify-content: flex-start;
}
.nav-tab a {
      padding: 10px;
    background-color: var(--color14);
    width: 100px;
 
  cursor:pointer
}

.nav-tab .active {
    background-color: var(--color13);
}

.dropdown ul li:first-child span {
display: none;
}


.dropdown ul li ul li:first-child::after {
content: none;
}

.dropdown > ul > li:hover {
  
    border-bottom: 1px solid var(--origin10);
}

.category > ul > li:hover {
  
    border-bottom: none
}


.dropdown ul li li:hover {
    background: var(--origin4);

}



.dropdown ul li {
    padding-bottom: 0px;
}



.category ul li {
    width: 150px;
  padding-right: 5px;
}

.category  ul li li
{
    width: 250px;
}



.category ul li:first-child::after {
    content: '\e8bd';
    font-family: 'webfont';
    float: right;
 color: var(--origin10);
    padding-left: 10px;
}

.dropdown ul a:link, .dropdown ul a:visited, .dropdown ul li li a, .dropdown ul li a {
    font-size: var(--medium);
}

a:visited,a:link{
    text-decoration: none; 
}

.dropdown ul ul li {

border-bottom: 1px dotted var(--origin4);
    background-color: var(--origin2);
}

 .icon-filter-1:before
{
font-size: 1.2rem;
  margin-top: 8px;
}
.icon-filter-1{cursor:pointer;
display:none;

}

nav.category > ul > li
{
 
border-left: 1px solid var(--color13);
  line-height: .5;
  margin-top: 10px;
  padding-bottom: 10px

}
nav.category  ul  li li 
{
 

  line-height: 1.5;
 

}

header section.icons {
    display: flex;
   
}

header section.icons div {
margin: 0 5px;
}

header section.icons div a ,.icon-angle-double-down{
  color: var(--color8);
}

section.icons .icon-filter{display:none}


header section.icons div ul li a {
flex-direction: unset;
}

.ulprofile span  #lblusername {
font-size: var(--small);
}

.profile-place ul li {
  background-color: var(--color14);
}

.basket, .Favorite, .comparison {
  cursor: pointer;
  position: relative;
}

.basket span {
    width: 20px;
    height: 20px;
    display: inline;
    text-align: center;
    position: absolute;
    border-radius: 50%;
    background-color: var(--origin10);
    z-index: 101;
    top: -16px;
    left: -3px;
    color: white;
    padding: 3px;
    font-size: var(--small);
}

*,
*::after,
*::before {
    box-sizing: border-box;
}



figure:not(.product-group section figure) {
  margin: 0;
  padding: 0;
  line-height: 0;
}

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {

}

.wrapper {
display: flex;
flex-wrap: wrap;
  justify-content: center;
  border-radius: var(--border-radius);
}

.product-effect
{
 height:auto !important; 
}

.product-group-effect {  
 flex-wrap:unset;
}

.product-group-effect > section  {  
    text-align: center;
      border-radius: 10px;
}

.product-group section figure {
    margin: auto;
    width: 120px;
    height: 120px;
    background: var(--color13);
    border-radius: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--origin10-95);
    overflow: hidden;
  transition: .5s ease-out;
}

.product-group section img {
    max-width: 100%;
    object-fit: cover;
}

.product-group section figure:hover {
    transform: scale(0.9);
}

.product-group section h4 {
    color: var(--color5);
        margin: 10px 0px 0px;
  text-align: center;
  font-weight: normal;
}

.product-group h2 {
text-align: center;
}

.lSAction > a {
top: 90%;
  margin: -15px 10px;
}

.lSAction > .lSPrev {
  left: 1px;
}

.lSAction > .lSNext {
  right: 1px;
}

.up i {
  transition: .3s ease-out;
  margin: 8px 8px 0 0;
  
  position: absolute;
  color: #fff;
}

.up {
  cursor: pointer;
  position: fixed;
  bottom: 100px;
  left: 10px;
  z-index: 102;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  transition: .3s ease-out;
  display: none;
    border: 1px solid var(--origin10-90);
    background-color: var(--origin10-75);
}

.lSSlideOuter .lSPager.lSpg > li a {
 background-color: var(--origin14);
}

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: var(--origin8);
}

.banner-place1 ul {
margin: 0;
  padding: 0;
  list-style: none;
  height: 100%;
}

li.banner{  height: 400px;}

li.banner {
    list-style-type: none;

    position: relative;
    border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
background-color: var(--origin10);

}


 li.banner:nth-child(3n+1) {
background-color: var(--origin20);
   display:none;
}

 li.banner:nth-child(3n+2) {
background-color: var(--origin30);
   display:none; 
}


.banner-place1 ul li img{
   height: 300px !important;
    position: absolute;
    max-width: 600px;
    left: 2%;
    bottom: 5%;
    object-fit: contain;
}

.banner-place1 {
    margin-top: var(--gap-5);
    width: unset !important;
}

.banner-place1 .caption { 
position: absolute;
    top: 2%;
    right: 3%;
    padding: 2%;
    text-align: right;
    border-radius: 10px;
direction: rtl;
}

.banner-place1 .caption h1 {
color: var(--color16);
 
}

 .banner-place1 .caption h3 {
margin: 0;
  color: var(--color16);
}

.banner-place1 .caption h2 {
font-size: var(--huge);
color: var(--color16);
}

.banner-place1 .caption a{
    color: var(--color16);
    border-radius: 10px;
    border: 1px solid var(--color16);
    padding: 2px 20px;
    position: absolute;
    right: 20px;
    bottom: -50px;
    font-size: var(--big);
  transition: .5s ease-out;
}

.banner-place1 .caption a:hover{
padding: 2px 30px;
  color: var(--color14);
}

.dots-2 li {
width: 15px;
height: 15px;
margin: 0 5px;
border-radius: 50%;
background-color: var(--color6);
cursor: pointer;
  list-style: none;
}

.dots-2 li.active {
background-color: var(--color16);
}

.dots-2 {
display: flex;
justify-content: center;
padding: 0;
  position: absolute;
bottom: 0;
right: 10px;
left: 10px;
}

.all-product-group {
  display: flex;
flex-direction: column;
}

.all-product-group , .first-adver {
   
}

.amazing-prod-place {
border-radius: 20px;
    background: var(--origin6);
    padding: var(--gap1);
}

.amazing-prod-place .products mark {
direction:ltr
}

.amazing-prod-place .products section img {
height: 200px;
}

.amazing-prod-place .products mark {
    background: var(--color5);
    color: var(--color16);
}

.amazing-prod-place .wrapper {
    float: left;
    width: 85%;
}

.amazing-title {
float: right;
    width: 12%;
}

.amazing-title h3 {
color: var(--color16);
    font-size: var(--very-big);
}

.products  section,.articles section {
width: calc(100% / var(--item-count4) - var(--gap1));
    text-align: center;
    margin: var(--gap-5);
    padding: 10px;
    background-color: var(--color14);
    justify-content: center;
    position: relative;
    transition: .5s ease-out;
  border-radius: 20px;
}


.products  section:hover  {
  filter: brightness(92%);
}

.products  figure  {
overflow: hidden;
  transition: .5s ease-out;
  margin-bottom: 10px !important;
}

.product-effect  section {
  margin-left: 0 !important ;
  margin-top: 2px;
 margin-bottom: 10px;
  direction:rtl;
}


.products  section img,.articles section img {
   max-width: 100%;
    height: 300px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: .5s ease-out;
   border-radius: 10px;
}

/*
.products section figure:before {
position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    background-color: #000000bf;
    border-radius: var(--roofsie-bdr-radius);
    -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    z-index: 1;
}
*/

.products section:hover:before  {
-webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
    -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
    transform: perspective(400px) rotateX(0deg) scaleY(1);
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}

.products  section figure:hover {
  border-radius: 30px;
      box-shadow: 0px 0px 10px 3px rgba(112, 112, 112, 0.75);
}

.products  section img:hover {
        transform: scale(1.1);
}


.products  section .price {
color: var(--color3);
font-weight: bold;
  margin: 0 5px;
}

.products  section h4 {
font-weight: normal;
  font-size: var(--small);
  min-height: 50px;
}


.products section .product_footer {
display: flex;
align-items: center;
  padding: 0 var(--gap3);
  
  
}

.products section .product_footer sub {
color: var(--color5);
}

.products section .product_footer span:first-child {
color: var(--color5);
  cursor:pointer;
}

.products section .product_footer del {
color: var(--color8);
}


.products section .product_footer span:last-child {
color: var(--color5);
}

.products section .product_footer del , .products section .product_footer span:last-child {
flex: 1;
text-align: left;
  font-size: var(--verysmall);
}

.products  section h4 a , .products  section h4 a:visited , .products   section h4 a:link {
color: var(--color6);
}

.products   mark {
 border-radius: 50%;
  margin: 0px;
  float: left;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: -2px;
  background: var(--origin8);
  top: -1px;
 opacity: .7;
  visibility:hidden;
}

.addBasket:before {
        color:var(--origin10);
}

.all-titr-box {
text-align: center;
margin-bottom: 10px;
  padding-right: 2%;
  width: 100%;
}

.all-titr-box h2 {
    padding: 8px 0;
    margin-bottom: -4px;

    text-align: right;
}

.hr {
    height: 2px;
    border: none;
    background-color: var(--origin10);
    width: 20%;
    margin: 0;
}

.first-adver section {
width: calc(100% / var(--item-count3) - var(--gap2));
    margin:var(--gap1);
    transition: .5s ease-out;
  position: relative;
}

.first-adver section:hover , .second-adver section:hover {
transform: rotate(1deg);
}

.first-adver section .caption {
position: absolute;
    top: 5%;
    right: 2%;
    text-align: right;
    padding: var(--gap2);
    width: 250px;
}

.first-adver section .caption h2 {
  margin: 0;
}

.first-adver section .caption h3 {
    font-weight: normal;
  margin-top: 0;
}

.first-adver section .caption span {
  font-size: var(--medium);
}

.first-adver section img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    height: 250px;
}

.first-adver a , .firs-adver a:visited {
color: var(--color16);
}

.product-effect
{
  margin:auto;
  display: flex;
  justify-content: center;
  padding: 0 !important;
}

.container-services {
  align-items: center;
      margin-top: 40px;
 }

.container-services section {
  text-align: center;
  padding: 15px;
  transition: .5s ease-out;
  margin: var(--gap1);
  flex: 1;
}

.container-services section figure img {
width: 450px;
object-fit: cover;
  transition: .2s ease-out;
}

.container-services section:nth-child(2) {
display: flex;
  justify-content: center;
}

.container-services section h2 {
color: var(--origin14);
}

.container-services section p {
color: var(--color6);
  margin: 0;
}

footer{
font-size: var(--medium);
}

footer.wrapper {
  width: 100%;
  padding: unset;
background-color: var(--color15);
  background-position: bottom;
    background-repeat: no-repeat;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='2000' height='560' preserveAspectRatio='none' viewBox='0 0 2000 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1016%26quot%3b)' fill='none'%3e%3cpath d='M 0%2c101 C 133.4%2c125.8 400.2%2c239.4 667%2c225 C 933.8%2c210.6 1067.4%2c24.6 1334%2c29 C 1600.6%2c33.4 1866.8%2c203.4 2000%2c247L2000 560L0 560z' fill='rgba(0%2c 0%2c 0%2c 0.03)'%3e%3c/path%3e%3cpath d='M 0%2c308 C 133.4%2c354 400.2%2c523.4 667%2c538 C 933.8%2c552.6 1067.4%2c392.4 1334%2c381 C 1600.6%2c369.6 1866.8%2c461 2000%2c481L2000 560L0 560z' fill='rgba(0%2c 0%2c 0%2c 0.03)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1016'%3e%3crect width='2000' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
      
}

.top-footer {
width: 100%;
}

.top-footer .footer-links {
display: flex;
justify-content: flex-start;
margin:var(--gap2);
flex-wrap: wrap;
}

.top-footer .footer-links article {
width: calc(100%/var(--item-count4) - var(--gap1));
  text-align: justify;
padding: var(--gap1) var(--gap1);
}

.namad {
display: flex;
  justify-content: center;
  margin: var(--gap6) 0;
}

.social {
display: flex;
  justify-content: center;
}

.social a {
color: var(--origin11);
margin: var(--gap2) var(--gap1);
  width: 30px;
height: 30px;
text-align: center;
 transition: .5s ease-out;
}


.social a:hover {
transform: translate(0,-8px);
}

.top-footer .footer-links h2 {
color: var(--color1);
}

.top-footer .footer-links article li {
list-style: none;
  padding: 1.5%;
}

.top-footer .footer-links article li::before , .top-footer .footer-links article ul li::before {
content: '\e801';
  font-family: 'webfont';
  color: var(--color5);
padding-left: 5px;
}

.top-footer .footer-links article ul li a , .top-footer .footer-links article li a {
color: var(--color1);
 transition: .5s ease-out;
}

.footer-links article li a:hover {
  padding-right:6px;
}

.bot-footer {
padding: 10px;
  width: 100%;
      text-align: center;
    font-size: var(--verysmall);
}

.bottom-fixed {
background-color: white;
  display: flex;
  flex-wrap: wrap;
  font-size: var(--small);
  justify-content: center;
  padding: 1% 0;
  color: var(--color1);
  display:none;
  position:sticky;
  bottom:0;
}
.bottom-fixed i {
    cursor:pointer;
}

.bottom-fixed div {
  font-size: var(--verysmall);
}

.bottom-fixed section {
  text-align:center;
  padding: 0 2%;
 min-width: 50px;
}

.bottom-fixed .basket, .bottom-fixed .filter {
    background-color: var(--color14);
    border-radius: var(--border-radius);
    padding: 5px 4px;
    }

#formDelivery {
    background-color: var(--color15);
}

#output main ul, form.typedelivery ul {
    background-color: var(--color16);
  min-height: 230px;
}

.master-container {

}

.master-container-content {
min-height: 500px;
}

.pathUrl {
  margin: .3% 2px;
background: var(--color16);
  padding: var(--gap1);
  font-size: var(--small);
}

.prod-details-place .pathUrl {
border: 1px solid var(--color13);
}


.pathUrl span a , .pathUrl span a:visited , .pathUrl span a:link {
color: var(--color4);
}

.pathUrl span a::before {
content: '\f100';
color: var(--origin10);
padding-left: 5px;
font-family: 'webfont';
font-size: var(--normal);
padding-right: 5px;
}

.prod-details-place-container {
    display: flex;
 border: 1px solid var(--color13);
border-radius: var(--border-radius);
  flex-wrap: wrap;
}

.prod-details-place-container > div {
width: calc(100% / var(--item-count3));
  padding:var(--gap1);
}

.pic-container {
  position: relative;
}

.pic-container img {
max-width: 100%;
    max-height: 600px;
    width: 100%;
    object-fit: cover;
}

.pic-container mark {
  position: absolute;
  left: 3px;
  top: -10px;
  border-radius: 50%;
  background-color: var(--origin10);
  z-index: 50;
  padding: var(--gap1);
      color: white;
}

.lSSlideOuter .lSPager.lSGallery img {
  padding: 3px;
}

.details-container ul li .select-item {
margin-top: 20px;
}


.details-container h1 {
   margin-top: 0;
  font-size: var(--big);
}

.details-container li{
  padding:var(--gap2);
background-color: var(--color14);
margin: var(--gap1) 0;
  border-radius: var(--border-radius);
}


.details-container {
  border-right: 1px solid var(--color12);
      flex: 2;
}

.master-container .title1 .hr {
    margin-bottom: -27px;
}

.master-container h1  {
text-align: right;
    font-size: var(--big);
  margin-right: 10px;
}

.master-container h1::before {
content: '\f111';
  font-family: "webfont";
  color: var(--origin10);
font-size: var(--small);
padding-left: 10px;
}

.master-container .details-container h1 {
    color: var(--color5);
  width: unset;
  background-color: unset;
      text-align: right;
   margin: var(--gap3) var(--gap1);
}



.details-container ul , .payment-container ul {
margin: 0;
padding: 0;
list-style: none;
}

.details-container ul li span:nth-child(2) {
  color: var(--color4);
}



.details-container ul .garanti .icon-check-1 {
color: var(--color4);
  font-size: .8em;
}

.details-container ul .garanti span:nth-child(2) {
color: var(--color4);
}

.details-container .group-brand a , .details-container .group-brand a:link ,
.details-container .group-brand a:visited {
color: var(--color4);
  font-size: var(--medium);
}


.details-container .share {
float: left;
}


.details-container li .price {
  font-size: var(--big);
}

.details-container li sub {
color: var(--color5);
}

.details-container .share section:nth-child(1) {
text-align: left;
}

.details-container .share .social {
display: none;
}

.group-brand label {
  margin-left: var(--gap1);
}

.group-brand label:not(:first-child) {
    margin-right: var(--gap3);
    border-right: 1px solid var(--color10);
    padding-right: var(--gap3);
}

.tag a {
    font-size: var(--small);
    background-color: var(--origin8);
    margin: var(--gap-5);
    padding: var(--gap-5) var(--gap2);
    border-radius: 6px;
}

.tag a:hover {
    background-color: var(--origin6);
}

.select-item {
  margin-top:var(--gap2);
      border-top: 1px solid var(--color12);
    padding-top: 15px;
}

.select-item div > span {
   
    margin-left: var(--gap3);
    padding: 5px var(--gap2) 0px;
    border-radius: 6px;
    color: var(--color16);
}

.select-item label {
margin-left:20px
}

.select-item div {
    text-align: center;
}

.select-item input {
margin: 0;
}

.parametr-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding: var(--gap2);
    background-color: var(--color14);
    margin: var(--gap1) 0;
    border-radius: var(--border-radius);
}

.exist-bottom {
    border-radius: var(--border-radius);
    padding: 8px;
    width: 100%;
    text-align: center;
    color: var(--color1);
    background-color: var(--origin8);
    position: absolute;
    z-index: 50;
}

.payment-container > div {
    background-color: var(--color14);
    border-radius: var(--border-radius);
  padding: var(--gap4);
}

.payment-container {
flex:1;
}

.payment-container li:last-child {
    margin-bottom: var(--gap4);
      border-bottom: 1px solid var(--color11);
  padding-bottom: var(--gap4);
}

.payment-container li {
    margin: 10px 0px;
}

.payment-container ul li :before {
font-size: var(--normal);
  color: var(--origin11);
  margin-left: var(--gap2);
}

.payment-container div ul li span:last-child {
    font-size: var(--medium);
}

.payment-container ul li span{
font-size: var(--normal);
}

.basket-box {
display: flex;
  margin: 0 var(--gap-5);
}

.basket-box a , .basket-box a:visited , .basket-box a:link {
background: var(--origin10);
color: var(--color16);
border-radius: var(--border-radius);
  padding: 4px;
      font-size: var(--medium);
}

.prod-short-detail {
background-color: var(--color14);
border-radius: var(--border-radius);
      position: relative;
}

.prod-short-detail label{
width: 120px;
  display: inline-block;
  text-align: justify;
  padding: 0 10px;
}

.prod-short-detail section:nth-child(2) {
display: flex;
align-items: center;
  justify-content: flex-end;
  margin-top: var(--gap5);
}

.prod-short-detail section div span {
color: var(--color4);
}

.prod-short-detail section div sub {
color: var(--color4);
}


.prod-short-detail article {
border-radius: var(--border-radius);
  width: 110px;
  text-align: center;
  background-color: var(--color16);
color: var(--color1);
}

article.count {
font-size: .8em;
  padding:2%;
}


.basket-box .icon-basket::before {
  font-size: var(--normal);
}

.prod-short-detail article i {
padding: 0 8%;
}

.basket-box .icon-basket-1:before {
        color:var(--color16);
}

form[id^="form"] fieldset, fieldset {
width: 100%;
 border: unset;
  background-color: unset;
}


form[id^="form"] fieldset li {
padding: 2px;

  float: right;
  margin: var(--gap1) 0;
  border-radius: var(--border-radius);
}

input {
  background-color: var(--color16);
}

.tag-place {
  display: flex;
 margin: var(--gap3);
}

.tag-place div:nth-child(1) {
background-color: var(--origin6);
padding: var(--gap-5);
border-radius: var(--border-radius);
color: var(--color16);
margin-left: var(--gap-2);
  min-width: 30px;
}

.tag-place div:nth-child(2) {
background-color: var(--color14);
  padding: var(--gap-5);
  border-radius: var(--border-radius);
  padding: 8px;
  width: 350px;;

  font-size: .9em;

  text-align: left;
}

.tab-detail > section:first-child {
display:block;
}

.tab-detail {
    background-color: var(--color16);
    display: flex;
    width: 100%;
    flex-direction: column;
}

.tab-detail > section {
  min-height: 150px;
  padding: 2%;
 display:none;
}

.tab-title div {
  padding: 10px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  min-width: 10%;
  border-left: 1px solid var(--color11);
}

.tab-title div:last-child {
border-left: unset;
}

.tab-detail > section {
  background-color:var(--color14);
}

.tab .tab-title {
background-color: var(--color13);
border-radius: var(--border-radius);
  margin-top: var(--gap1);
}

.tab-title > div.active::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 16px 15px 0;
    display: block;
    width: 0;
    z-index: 1;
    border-color: var(--color13) transparent;
    bottom: -16px;
    left: 43%;
}

.content-body {
  line-height: 2;
  text-align: justify;
  border-radius: var(--border-radius);
}

form[id^="form"] {
  background-color: var(--color16);
      padding: 10px 0px;
}

form[id^="form"] input[type="button"], input[type="button"] {
display: block;
  margin: auto;
  border-radius: var(--border-radius);
margin-top: 1%;
}


form[id^="form"] input[type="button"], input[type="reset"],
form[id^="form"] button, button, input[type="button"] { 
  background-color: var(--origin10);  
}

form[id^="form"] fieldset {
  margin: 0;
}

form[id^="form"] div.poll-container input[type="text"] {
  background-color: var(--color16);
}

form[id^="form"] input[type="button"] {
background-color: var(--origin10);
}

#slcproduct {
    display:none;
}

.product1 {
margin-top: var(--gap3);
      display: flex;
    flex-direction: column;
  background-color: var(--color15);
  padding: 1%;
  border-radius: 10px;
}

.master-container-content .contact_us li {
  display: flex;
  margin: var(--gap1) 0;
}

.master-container-content ul.contact_us li span:nth-child(1) {
  background-color: var(--color12);
  padding: var(--gap1);
  color: var(--color1);
}


.master-container-content ul.contact_us li span:nth-child(2) {
   text-align: right;
  background-color: var(--color14);
  width: 50%;

    padding-right: var(--gap1);
}

.header-bottom2 {
  border-radius: var(--border-radius);
  padding: 8px;
  width: 100px;
  text-align: center;
  color: var(--color1);
  background-color: var(--origin3);
}

.login-place img {
height: 120px;
}

.register {
position: relative;
  border-radius: var(--border-radius);
  width: 110px;
text-align: center;
}

.register span {
position: absolute;
  background-color: var(--origin10);
width: 25px;
height: 25px;
border-radius: 50%;
top: -15px;
right: 45px;
color: var(--color16);
font-size: var(--small);
padding: 5px;
}

.login-place a , .register a {
color: var(--color5);
}

.profile-place li a[class*="icon-"]::before {
  font-size:var(--normal);
  color: var(--color4);
}

.ulprofile ul li a {
font-size: var(--medium);
}

.aside-page-container {
display: flex;

}

.aside-filter {
flex: 1;
}

.body-aside {
flex: 3;
}

.aside-filter , .body-aside {
   margin: 0 var(--gap-5);
 background-color: var(--color15);
  box-shadow: 0px 2px 25px 0px rgba(148, 148, 148, 0.24);
      position: sticky;
    top: 140px;
    height: 100%;
}

.aside-filter aside {
position: relative;
}

.body-aside .master-container {
padding: 0;
}

.body-aside .products section img {
       height: 220px;
}

aside ul li {
  list-style: none;
  cursor: pointer;
}

aside ul {
list-style: none;
margin: 0 2%;
padding: 0 1%;
}

.aside-filter aside ul {
  margin: 0;
  padding: 0;
}

.body-aside article {
background-color: unset;
}

.articles  section:hover {
  transform:translateX(-5px);
}

.aside-filter .icon-close {
  display: none;
}

.slidecontainer {
  position: relative;
}

.aside-filter aside ul li h4 {
  background: var(--origin7);
  color: var(--color1);
  padding: 5% 3%;
  margin: 0;
  margin: 5% 0;
}

.aside-filter aside ul li:first-child h4 {
margin-top: 0;
}

.range-slider {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 15px;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
    margin-top: -4px;
}

input[type='range']{
  width: 48%;
}

 input[type='range'] {
  margin: 0;
  }

input[type=range]::-webkit-slider-runnable-track {
 background-color: var(--color8);
}

input[type="range"]::-moz-range-track {  
  background-color: var(--color11);
   height: 6px;
}

input[type='range']::-webkit-slider-runnable-track {
       background-color: var(--color11);
    height: 6px;
    }

input[type='range']::-webkit-slider-runnable-track,
input[type='range']::-webkit-slider-thumb {
  border-radius:0
}

input[type='range']::-webkit-slider-runnable-track {
  border-radius:0
}

.product_rel {
flex-wrap: wrap;
}

.body-aside .pathUrl , .filter-box-container{
margin: 10px;
}

.body-aside .pathUrl span a {
font-size: var(--medium);
}

.body-aside .pathUrl span a , .body-aside .pathUrl span a:visited , .body-aside .pathUrl span a:link {
color: var(--color4);
}

.body-aside .master-container-title {
  border-bottom: 10px solid var(--origin10);
}

.filter-box {
display: flex;
align-items: center;
      font-size: var(--small);
}

.filter-box ul {
list-style: none;
display: flex;
  padding-right: 5px;
  align-items: center;
  margin-top: 0;
  padding: 0;
}

.filter-box div {
  display: flex;
  align-items: center;
  align-items: baseline;
}

.filter-box ul li {
  cursor: pointer;
margin: .5%;
}

.filter-place {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.icon-filter::before {
  color: var(--color5);
}

.select-editable select {
  position: absolute;
  top: 0px;
  right: 0px;
  border: none;
  margin: 0;
  background: white;
  height: 28px;
}

.select-editable input {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 80px;
  padding: 4px;
  border: none;
    background-color: var(--color16);
  outline: none;
}

.select-editable {
  border: 1px solid var(--color10);
  outline: unset;
  text-align: center;
  height: 30px;
  padding: 2%;
  position: relative;
  background-color: var(--color16);
  width: 100px;
}

.slidecontainer div.input cite {
  padding: 0 3px;
    padding-top: 0px;
  padding-top: 0px;
  font-size: var(--small);
  padding-top: 7px;
  border: 1px solid var(--color10);
  border-radius: 5px 0 0 5px;
  margin-right: -2px;
background-color: var(--color13);
color: var(--color1);
}

.aside-filter aside nav.tree {
  min-height: 255px;
  padding: 2% 5px;
  overflow-x: hidden;
}

.aside-filter aside ul li li {
  border-bottom: 1px dotted #ccc;
  margin: 0;
  padding: 2%;
}

.aside-filter aside ul li li:last-child {
 border-bottom: unset;
}

aside .aside-brands  img, aside .aside-brands span {
      display: inline;
      vertical-align: middle;
}

.aside-filter aside ul li li a {
  color: var(--color1);
}

.filter-button-container {
display: flex;
    justify-content: center;
 padding: 3% 0;
  background-color: var(--origin7);
  visibility:hidden;
}

.filter-button-container a {
cursor: pointer;
  padding: 2% 0;
}

div.paging {
display: flex;
  width: 100%;
  float: unset;
  padding-right: unset;
}



.slidecontainer div.input {
 display: flex;
  justify-content: center;
  margin: 10px;
  padding: 10px;
  background-color: var(--color14);
  border-radius: 5px;
  color: var(--color1);
}



.body-aside .pathUrl span a , .body-aside .pathUrl span a:visited , .body-aside .pathUrl span a:link {
  color: var(--color1);
}

.icon-filter {
  padding: 5px;
  border-radius: 5px;
  font-style: normal;
  color: var(--color4);
  margin: 0 5px;
     display: flex;
      align-items: baseline;
   
  background-color: var(--color14);
}

.icon-filter::before {
  color: var(--color1);
  font-size: var(--normal);
  margin: unset;
}

.input span {
  padding-right: 12px;
  padding-top: 4px;
  padding-left: 4px;
}

.select-editable {
  border: 1px solid var(--color10);
  outline: unset;
  text-align: center;
  height: 30px;
  padding: 2%;
  position: relative;
  background-color: white;
  width: 100px;
}

.tree ul li span {
  cursor: pointer;
  color:var(--color2);
}

.tree ul li.active span:before {  
  content: '\e87a'; 
  font-family: 'webfont';
  font-weight:normal;
    color: var(--color16);
background: var(--color1);
border-radius: var(--border-radius);
}

.tree li  span:before {
  content: '\e880';
  font-weight:normal;
  font-family: 'webfont';
  background: white;
  margin: 7px;
  padding: 2px;
  font-size: var(--small);
  border-radius: 1px;
}

.tree ul li ul {
  padding-right: 20px;
}

.tree ul li ul li:before {
  margin:1px 5px;
}

.top-footer .footer-links article ul , .top-footer .footer-links article ul li ul {
margin: 0;
padding: 0;
list-style: none;
}

.content-body cul li a , .content-body ul li a:link , .content-body ul li a:visited {
color: var(--color16);
}

.content-body img {
  border-radius: 20px;
  border: 2px solid #e3e0e0;
  padding: 5px;
  max-width: 75%;
  transition: .5s ease-out;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.filter-box li.active {
  background-color:var(--origin10);
  color: var(--color16);
}

.filter-place article {
  border: 1px solid #ccc;
  border-radius: 5px;
  width: auto;
  display: inline-block;
  padding: 5px 7px;
  font-size: var(--small);
  margin: 6px;
  background-color: var(--color16);
}


.filter-place i::before {
  color: var(--color10);
  font-size: var(--verysmall);
  padding: 2px 7px;
}

.filter-place i{
  font-style:normal;
}


.details-container .size-chosen small a , .details-container .size-chosen small a:visited, 
.details-container .size-chosen small a:link {
color: var(--color4);
margin-right: 10px;
  cursor: pointer;
}

.details-container .size-chosen code {
  width: 25px;
  height: 25px;
  margin: 0 1%;
  border-radius: var(--border-radius);
  text-align: center;
  font-size: var(--medium);
  padding: var(--gap2);
  background-color: var(--color16);
  color: var(--color1);
 
}

.basket-details mark {
  border-radius: 50%;
  background-color: var(--origin8);
}

.productfilterparameter
{
  
 display:none; 
}

#slidePicProduct li

{
list-style:none;

}

.search-page{padding:2%}
    /* Under 1900px	*/
@media (max-width: 1920px) {

   
}

    /* Under 1600px	*/
@media (max-width: 1600px) {
  
  .logo-place img {
    max-width: 140px;
}
  
}



    /* Under 1360px	*/
    @media (max-width: 1380px) {
      
            .search-place {
      padding: 0 var(--gap3);
      }
      
      .mid-header, .bot-header {
    padding: 0 var(--gap3);
}
          
  
      
      main
{
padding: 4px var(--gap2);
  overflow-x:hidden:
}
      
      
      .amazing-title h3 {

  font-size: var(--big);
}
      

      
    }



    /* Under 1024px	*/
    @media (max-width: 1024px) {
      
      
      
      
      
      :root {
      --huge:1.5em;
        --item-count5:4;
      }
      
      section.icons .icon-filter{
        display:inline;
      
      }
      
      .icon-filter-1{
display:block;

}
      
      
      
      article.count {

  padding: 1%;
}
      .amazing-prod-place .wrapper {
  float: none;
  width: 100%;
}
      .prod-details-place-container {
 display: inherit;
}
      
      
      .products section .product_footer {
  display: unset;
  align-items: center;
  padding: 0 var(--gap3);
}
      
          
      .master-container-content .prod-details-place .prod-details-place-container {
      flex-wrap: wrap;
      }
      
      
      .master-container-content .prod-details-place .prod-details-place-container .pic-container ,
       .master-container-content .prod-details-place .prod-details-place-container .details-container {
      width: 100%;
      }
      
      .header-bottom {
  border-radius: var(--border-radius);
  margin: 0px 3%;
  border: 1px solid var(--color13);
  text-align: center;
  background-color: var(--color16);
  color: var(--color1);
  min-width: 120px;
  font-size: var(--small);
  padding: var(--gap3);
}
      
      .header-top {

  width: auto;
}
    
      
      .dropdown ul li li:hover {
    background: unset

}
      
          .dropdown ul li li li:hover {
    background: unset

}  
      
      header {

  padding:0;
 

  justify-content: space-between;
      }
      
      .search-place {
  
  margin-top: 0px;

}
      
      .logo-place{margin-top:5px;}
      
      .header-down {
 
  width: auto;
        
        flex-wrap: unset;
}
      
      header  .icon-filter{
      
      background-color: unset;
      
      }
      
     header  .icon-filter::before {

  font-size: unset;
}
     
      
            .main-margin {
padding: 2px 2px;
}
      
       .menu-place {
   
    background-color: var(--color14);
  }
      
            .top-footer .footer-links article {
    width: calc(100% / var(--item-count1));
}
      
      .amazing-title {
  float: none;
  width: 100%;
        text-align:center;
}
          main
{
padding: 4px var(--gap-5);

}
      
      .search-place {

      }
      
      .first-adver section img {
        height: 150px;
    }
      
      .first-adver section .caption h2 {
    font-size: var(--normal);
}
      
      .first-adver section .caption span {
    display:none
}
      
      .products section .product_footer del {
	display:none
}
      
      li.banner {
    height: 300px;
}
      
      .banner-place1 ul li img {
    height: 200px !important;
    max-width: 400px;
}
      
      search {
    width: 220px;
}
      
      .mid-header, .bot-header {
    justify-content: space-between;
}
      
      header {
  
   padding: 15px !important;
      }
      
      .search-place {
       
        justify-content: center;
      }
      
      .fixed .logo-place {
    position: unset;
}
      
            .menu {
  display: inline;
        cursor: pointer;
        color: var(--color1);
              position: relative;
        z-index: 100;
          

}
      
    .prod-details-place-container > div {
 
  width: 100%;
}
      
      nav.Category ul ul{display:inline}
      
      .details-container {
    border-right: none;
}
      
      .details-container {
    flex: 1;
}
      
      .payment-container {
   
}
      
      .pic-container {
    padding: 0px 10% !important;
}
      
      
      .dropdown ul {

   
}
      
      nav.Category > ul {
    display: block; 
}
      
      .menu-place nav:nth-child(3) {
    display: none;
}
      
      .nav-tab {
    display: flex;
        box-shadow: 1px 1px 5px 0px rgba(221, 218, 218, 0.24);
     
}

      .container-services {
     margin-top: 0px;
}
      .dropdown ul li li:first-child span {
  display: block;
}
      

      .bottom-fixed
       {
         display:inline;
      }
      
      
      
      .pic-container mark {
  top: 5px;
      }
      
      
      .container-services section figure img {
    max-width: 300px;
}
            
      
      .bottom-fixed section ,  .bottom-fixed .basket {
 width: unset;

    margin: 6px;
    height: 55px;
      }
      

      .dropdown ul li:first-child::after {
    content: unset;
      }

      
      .first-adver section .caption {
    left: 5%;
      }
      
      
      .bot-header .dropdown ul li a, .bot-header .dropdown ul li a:visited, 
      .bot-header .dropdown ul li a:link {
    color: var(--color16);
}
      
      
      .dropdown ul li:first-child:not(.dropdown ul li:first-child ul li):not(.dropdown ul li ul li) {
   
    width: 100%; 
}
      
      
      .content-blog , .aside-container aside {
      flex: unset;
      }
      
      
      .search {
      margin-right: 15px;
      }
      
      
      .search div {
      padding: unset;
      }
      
      
      .blog article section h4 {
  padding: 0 10px;
      }
      
      .prod-short-detail section:nth-child(2) {
      margin-top: 20px;
      }
      

    .product_rel .icon-filter {
 display: flex;
flex-direction: column;
margin: 0 5px;
}
      
      
    .master-container-content  .aside-container {
      flex-wrap: wrap;
      }
      
     .master-container-content .blog-parent {
  flex: unset;
  margin-left: unset;
  width: 100%;
}
      
     .master-container-content .aside-container .sidebar {
      width: 100%;
margin-top: 2%;
       margin-bottom: 10%;
      }
      
      
      
      .bottom-fixed .menu {
      flex: unset;
      }
      
      



        .menu-place {
            position: absolute;
            width: 100%;           
        
            right: -1024px;          
          
            display: none ;
          z-index: 105;
          background-color: var(--color14);
        }
      
     .amazing-product .lSAction > .lSPrev , .amazing-product .lSAction > .lSNext {
      margin-top: .5px;
      }
      
      .brands img {
      height: unset;
      }
      
      
      
    .fixed  .menu-place {           
                  
        }

      .dropdown ul {
              width: 100%;
      }
      
      .search div {
      background-color: unset;
      }
      
      .search div a {
    
        cursor: pointer;
      }
    

      .dropdown ul li {
    
display: block;
border-bottom: 1px dotted var(--color11);
      }
      
      .dropdown ul ul li {
 
        width: 100%;
}
      
      .dropdown ul ul {
  position: unset;
        width: 100%;
                margin: 20px 0px 20px 0px;
      }
      

     .icon-filter {
  cursor: pointer;
}
      
      .aside-filter {
    width: 400px;
    position: absolute;
    z-index: 106;
    right: -500px;
    box-shadow: -3px 0px 13px 0px rgba(0,0,0,0.75);
    margin-top: unset border-radius: 5px;
    display: inline;
    top: 0px;
    overflow-y: auto;
    margin-top: 0;
        display: none;
      }
      
      div.aside-filter .icon-close {
        color: var(--color1);
        text-align: left;
        display: block;
}
      
      
      
      div.header-search-popup {
position: absolute;
    max-width: 100%;
    left: 3%;
    right: 3%;
    top: 10px;
    background-color: var(--color16);
    display: flex;
    align-items: center;
        z-index: 102;
        border: 1px solid var(--color12);
box-shadow: 0px 0px 11px -5px rgba(0,0,0,0.75);
        height: 50px;
}
      
      div.header-search-popup a {
      color: var(--origin10);
      }

      
      .header-search-popup a {
  padding: 15px;
      }
      
      .bottom-fixed {
     position: fixed;
    text-align: center;
    margin: 0;
    background-color: var(--color16);
    width: 100%;
    display: flex;
    z-index: 101;
    justify-content: center;
    right: 0;
    box-shadow: -1px -3px 16px -8px rgba(140,139,139,0.75);
    background-color: var(--color15);
       
      
      }
      
      
      .filter
      {
        display:none;
      
      }
      
       .bottom-fixed i:before
      {
        
        color: var(--color8);
       margin:0;
      }

      
      .login-register .menu , .login-register .up {
  display: block;
}
      
      .login-register .menu {
      width: unset;
        color: var(--color1);
        text-align: center;
      }
      
      
      .dropdown ul li li {

              
      }
      
      .bottom-fixed .menu {
      color: var(--color8);
      }
      
      
      .bottom-fixed div {
    color: var(--color5);
      }
   
      
}



    /* Under 820px	*/
    @media (max-width:820px) {
      
      
      :root {
       --item-count8: 4;
       --item-count6: 3;
        --item-count3: 2;
        --item-count4: 3;
        --item-count5: 3;
      }
      
      .container-services section {
    flex: unset;
        
  text-align: justify;
}
      
  
      .top-footer .footer-links article:nth-child(1) {
    width: 100%;
}
      
      li.banner {
    height: 250px;
}

      
      .banner-place1 ul li img {
    height: 150px !important;
    max-width: 300px;
}
      
      .amazing-title h3 {
    margin: 10px 0px;
}
      
.amazing-title {
    width: 100%;
    text-align: center;
}
      
      .amazing-prod-place .wrapper {
    width: 100%;
}
      
      .content-blog h1 {
  text-align: center;
}

      .pic-center2 {
      float: unset;
      }
      
      .tab-detail > section {
  padding: 5% 2%;
      }
      

 
      
      
      .first-adver section .caption h3 {
      margin: 0;
       font-size: var(--normal);
font-weight: normal;
      }

      
      .top-footer .contact-footer article section:nth-child(2) {
      word-spacing: -3px;
      }

      
      .master-container-content ul.contact_us li span:nth-child(2) {
      width: 100%;
      }
      
      .master-container-content ul {
      padding: 0;
      }
      
         .products section h4 {
  min-height: 50px;
           margin: 0px;
}

           
      .products section .product_footer ,
      .products section .product_footer span:first-child {
   
      }

    }



    /* Under 620px	*/
    @media (max-width: 620px) {
      
  
      
  .hr{    
      
  width: 100%;

}
      
        .search-place {
    margin-top: -20px;
      }
      
      .logo-place {
      width: 100%;
    text-align: center;
      }
      
li.banner {
    height: 300px;
    text-align: center;
}
      
      .banner-place1 .caption {
    position: unset;
    width: 100%;
    text-align: center;
        margin-bottom: 20px;
}
      
      .banner-place1 ul li img {
    position: unset;
}
      .first-adver section img {
        height: 200px;
    }
      
          search {
        width: 100%;
            margin-right: 0px;
    margin-top: 10px;
    }
      
      header {
   
   
    align-content: flex-start;
}
    
          .banner .caption h1 {
      font-size: 1.1rem;
        width: unset;
      }
      
      .banner .caption {
  bottom: 20%;
      }
      

      .banner-place ul {
      height: unset;
      }
      
      
      
      .banner .caption h3 {
  font-size: 1rem;
      }
      
      .banner-aside img {
  max-height: 250px;
      }
      
      .banner-aside h3 {
      bottom: 20%;
      }
      
      
      .banner-aside ul {
      height: unset;
      }
      
      
      .banner-container {
      flex-wrap: wrap;
flex-direction: column-reverse;
      }
      
      .banner-aside , .banner-place {
      flex: unset;
      }
      
      .banner-aside {
      margin: auto;
      }
      
            .banner img {
      height: 250px;
      }


      
      .pic-container {
        padding: unset!important;
    }
      
      .payment-container {
    flex: unset;
}
      
      .details-container
 {
        flex: unset;
    }
      
      .pic-container img {
    height: 100%;

}
      
      :root {
      --item-count2: 1;
      }
      
      search.header-search-popup {

  width: auto;
        transform: unset;
  
}
      

      .basket span {
  top: -12px;
  left: -4px;
      }
      
      
      .container-services section:nth-child(2) {

    justify-content: center;
}
      
      .top-footer .footer-links h2 {
  
}
      

      .lSAction > a {
  top: 90%;
}


      
      .filter-place/// {
  margin: 20px 0;
}
      
      .notexist {
  padding: 6px;
}

   
      .mid-header section.icons .login-header {
      font-size: var(--verysmall);
      }
      

      .products {
      padding: 0 var(--gap1);
      }
      
      .blog article {
      padding-right: var(--gap3);
        padding-left: var(--gap3);
      }
      
          .container-services, .brands {
        margin-right: var(--gap3);
        margin-left: var(--gap3);
    }
      
      
      .top-header section {
          font-size: var(--verysmall);
      }
      
      
      
      
      .filter-box .small {
  width: 100%;
      }
      
      
      section.parent_bottom .basket
      {
        display:none;
      }
      


      .all-product-group div h2 {
  
      }
      

     
      
      .content-blog h1 {
  line-height: 1.1;
  font-size: var(--big);
}
      

      .top-footer .contact-footer article {
      display: unset;
        text-align: center;
      }
      
      .top-footer .contact-footer article section:nth-child(1) {
      justify-content: center;
        margin: var(--gap5) 0;
      }
      
      
      
      .amazing-product .lSAction {
      height: 10px;
      }

      
      .master-container-content {
  
  padding: 3%;
}
      
       
      .aside-filter {
    width: 99%;
      }
      
    
            .filter-button-container {

  visibility:visible;
        
    bottom: 0px;
    width: 100%;
}
      
      .filter-box ul{
      
      display:none;
      
      }
      
      #slcproduct
      {
 
        
        display: inline;
    width: 130px;
    font-family: 'iransans';
  
    border-radius: 5px;
    height: 36px;
    background-color: var(--color14);
    border: none;

      }
      
        #slcproduct option
      {
      
        font-size:1em;
      
      }
   

     .content-body {
  padding: 4% 3%;
 
} 

      .container-services section a[class^="icon"] {
  font-size: var(--big);
 
}

       :root {
       --item-count5: 2;
       --item-count3: 1;
       --item-count4: 2;
      }
      

         .master-container-content .blog-parent article {
      flex-wrap: wrap;
           padding: var(--gap5);
      }
      
     .master-container-content .news-box-picture {
      margin: auto;
      }
      
     .master-container-content .news_box_title {
  text-align: justify;
  padding: 0 2%;
}
      
      .master-container-content .blog-parent article img {
      margin-top: 2%;
        width: 300px;
      }
      
      .mid-header .logo-place img {
  max-height: 75px;
      }
      
      .fixed .logo-place img {
  max-height: 60px;
  transition: .5s ease-in-out;

}

      
      .first-adver section , .second-adver section {
      margin-left: unset;
        margin-bottom: 2%;
      }
      
    
      
      .first-adver , .second-adver {
      justify-content: center;
      }

  
      
      .filter-box {
      flex-wrap: wrap;
       
    display: inline;
      }
      
      .filter-box .icon-filter {
      margin-bottom: 5%;
      }
      
      
      div.header-search-popup {
      box-shadow: 0px 0px 122px 27px rgba(0,0,0,1);
      }

      
      .details-container h1 {
  font-size: var(--normal);
}
      
    
      .product1 {
    margin-top: 50px;
}
      
      .product1 .title1 {
      margin: var(--gap5) 0;
      }
      
      .aside-filter, .body-aside {
      margin: 0;
      }
      
      .aside-page-container , .aside-page-container {
      padding: 0;
      }
      
      .first-adver section .caption h2 {
  font-size: var(--big);
      }


    }




     /* Under 520px*/
    @media (max-width: 520px) {
      
      :root {
        --very-big: 1.2rem;
        --huge: 0.8rem;
      }
      
      .products section img,.body-aside .products section img ,.amazing-prod-place .products section img{
    height: 150px;
}
      
      
   
}

     /* Under 430px*/
    @media (max-width: 430px) {
      
      :root {
      --item-count6: 2;
      --item-count8: 2;
      }
      
      .products section .product_footer
      {
        display:flex;
      }
  .menu {
   
    flex: 1;
  }
      
      .banner .caption h1 {
      width: unset;
        font-size: unset;
      }
      
      .header-top {
  display: unset;
}
      
      search {
 
  width: 100%;
 
}
      
        header {
    padding: 5px 
  }

      
          .container-services section figure img {
        width: 160px;

    }
      
          .search-place {
	width: 100%;
        transform:unset;
      }

      
      .first-adver section img {
  height: 120px;
}
      
      
      .master-container .hr {
      margin-top: var(--gap2);
        margin-bottom: 0;
      }
      
      .master-container h1 {
      margin: 5% auto
          margin-right: 10px;
      }
      
      .blog-parent-titr {
      margin: var(--gap9) 0;
      }
      
      
      .content-blog h1 {
    padding: 5px;
}
      
      
      
      .master-container-content .blog-parent article {
      flex-direction: column;
      }
      
      .master-container-content .news_box_title {
    text-align: center;
      }
      
 
      
      
      .tab-title > div.active::after {
      left: 10%;
      }
      
      .tab-detail > section {
    padding: 8% 4%;
}

      
      .pic-center2 img {
  max-width: 100%;
}
      
        .top-footer .contact-footer article {
        text-align: right;
      }
      
      .top-footer section article section a[class^="icon"] {
      margin-left: 0;
      }
      
      
      .filter-box .small {
  width: 100px;
}
      
      
    .amazing-product .lSAction {
  height: 25px;
}

      .filter-box {
  display: unset;
      }
      
      
      
      
      .top-footer .contact-footer {
        flex-wrap: wrap;
      }
      
      
      .top-footer .logo-place img {
      margin: auto;
display: block;
      }
      
      .top-footer .contact-footer article {
      justify-content: right;
        display: flex;
      }
      
      .top-footer .contact-footer article section:nth-child(1) {
      margin: var(--gap2);
      }
      
      .container-services section i {
  font-size:var(--normal);
      }
      
      .container-services section div {
  font-size: var(--small);
}

      
      .filter-box div {
      flex-wrap: wrap;
      }
      
      .filter-box ul {
      padding-right: unset;
      }
      
      .filter-box div ul li {
      width: 80px;
      }
      
      .filter-box .icon-filter {
      width: 80px;
      }

      
      .prod-short-detail {
           float: unset;
     }
      
      .prod-short-detail section:nth-child(1) {
  text-align: right;
}
      
      .prod-short-detail section:nth-child(2) {
      justify-content: flex-end;
      }
      
      .basket-box {
      width: unset;
      }
   

      .favorite-details li {

  font-size: var(--small);
      }
      
      .favorite-details li.price {
  width: 100px;
}
      
      
      .favorite-details li {
  font-size: var(--verysmall);
}

      .tag-place {
  font-size: var(--verysmall);
}
   
       
    }





 /* Under 360px*/
    @media (max-width: 360px) {
      
   

}