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

html { 
  direction: rtl;
}

body {
    margin: 0;
    padding: 0;
    font-family: iransans; 
      transition-duration: 0.5s;
}


: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: #f6e9f8;
  --origin2: #edd4f2;
  --origin3: #e4beec;
  --origin4: #dba9e5;
  --origin5: #d393df;
  --origin6: #ca7ed9;
  --origin7: #c168d2;
  --origin8: #b852cc;
  --origin9: #af3dc6;
  --origin10: #ac82b9;
  --origin11: #9624ac;
  --origin12: #852099;
  --origin13: #741c86;
  --origin14: #641873;
  --origin15: #42104c;
  --origin20: #7209b7;
  --origin30: #f72585;
  --origin10-25: #a728c025;
  --origin10-50: #a728c050;
  --origin10-75: #a728c075;
  --origin10-90: #a728c090;
  --origin10-95: #a728c095;
  --o:rgba(217%2c 195%2c 178%2c 0.49);
}


:root {
  --origin10-25: #c3a16125;
  --origin10-50: #c3a16150;
  --origin10-75: #c3a16175;
  --origin10-90: #c3a16190;
  --origin10-95: #c3a16195;
}



: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-big:3rem;
  --very-huge:2.5rem;
  --huge:2rem;
   --big:1.5rem;
   --normal:1rem;
  --medium:0.9rem;
  --small:0.8rem;
   --verysmall: 0.7rem;
  --tiny: 0.7rem
}


.hr {
height: 4px;
border: none;
background-color: var(--origin8);
width: 100%;
margin: 0;
  margin-bottom: -28px;
}

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


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

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

.delivery-container {
display:flex;
      flex-wrap: wrap;
      justify-content: center;
}

.delivery-container fildset {
    width: calc(100% / var(--item-count2));
  padding: var(--gap3);
}

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

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

.nav-tab {
width: 100%;
    display: none;
    justify-content: flex-start;
}
.nav-tab a {
      padding: 10px;
    background-color: var(--origin7);
    width: 100px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  cursor:pointer
}




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

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

.all-titr-box {
text-align: center;
  margin-bottom: 20px;
}


.mid-header .logo-place img {
  max-height: 90px;
  margin-top: 8px;
}


.mid-header , .bot-header  {
  display: flex;
  align-items: center;
  padding: 0 var(--gap3);
  background-color: var(--color16);
  justify-content: space-between;
}

 .bot-header
{
    padding:0
  
}

.top-header {
  align-items: unset;
}

.top-header , .bot-header {
border-bottom: 1px solid var(--color14);
  background-color: var(--color13);
}

.top-header {
  justify-content: space-between;
  align-items: center;
}

.top-header section {

padding: 0 8px;
  line-height: .5rem;
}

.top-header p , .top-header a , .top-header a:visited , .top-header a:link {
color: var(--color5);
}

.top-header a , .top-header a:visited , .top-header a:link///// {
  display: flex;
align-items: center;
}


.top-header section ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
}

.top-header section ul li {
padding: 0;
}


.top-header section:nth-child(1) ul li:nth-child(1) {
  padding-left: 15px;
}


.header-fixed/// {
  position: sticky;
  z-index: 105;
  top: 0;
}

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


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

.Category ul li:first-child:not(.dropdown ul li:first-child ul li):not(.dropdown ul li ul li) {
    background-color: var(--origin10);
    width: 210px;
}



.Category ul li:first-child::after {
    content: '\e854';
    font-family: 'webfont';
    float: left;
    color: var(--color15);
    padding-right: 8px;
}

.menu-place {
display:flex;
  flex-wrap: wrap;
}
.category
{
background-color: var(--origin4);
  border-radius: 2px;
}


.mid-header section.icons {
display: flex;
  align-items: center;
}

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

.mid-header section.icons div a {


  color: var(--color8);
}


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

.question , .bubbles {
    background: var(--color16);
}

search {
display: flex;
}

search a {
color: var(--color16);
  background-color: var(--origin10);
 padding: .5% var(--gap2);
  cursor: pointer;
}


  search {
        flex: 1;
justify-content: flex-end;
      }
      
     search.header-search-popup {
    position: absolute;
    max-width: 100%;
    left: 2%;
    right: 2%;
    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;
       width: 40%;
  transform: translateX(-60%);
}
      
      #txtsearch {
      border: unset;
        padding-right: 15px;
      }
      
     
      search a {
    color: var(--color8);
    background-color: unset;
        font-size: var(--small);
      }

.search div {
border-radius: var(--border-radius);
display: flex;
justify-content: space-between;
align-items: center;
  background-color: var(--color16);
  padding: 0 3%;
}

.search div a {
color: var(--origin10);
}


.search-page div {
margin: 2%;
}

.search-page article {
display: flex;
flex-wrap: wrap;
}


.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-bottom a::before {
color: var(--origin10);
}


.basket, .Favorite, .comparison {
  cursor: pointer;

  

  position: relative;
}
.parent_bottom{
  display:flex;
}

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

}


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

.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;
}



.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);
}

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

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

.profile-place {
  margin: unset;
  padding: unset;
  margin:unset;
}



header {
box-shadow: 0px 0px 5px 0px rgba(148,148,148,0.75);
}


.mid-header .login-register {
  display: flex;
justify-content: flex-end; 
}

.search {
border: 1px solid var(--color13);
border-radius: var(--border-radius);
}


#txtsearch {
border: none;
  outline: none;
  color: var(--color1);
  font-family: iransans;
  height: 40px;
  width: 100%;
  background-color: transparent;
  display: none;
}

.bot-header .dropdown ul li a , .bot-header .dropdown ul li a:visited , .bot-header .dropdown ul li a:link {
color: var(--color5);
}


.bottom-fixed
{
background-color: white;
  display: flex;
  flex-wrap: wrap;
  font-size: var(--small);
  justify-content: center;
  padding: 4% 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%;
  width: 90px;
}

.bottom-fixed .basket, .bottom-fixed .filter

 {
 
    border-radius: var(--border-radius);
    margin: 0px 5px;
}




.banner-aside {
flex: 1;
  margin-left: var(--gap-5);
}

.banner-aside ul li {
position: relative;
  line-height: 0;
}

.banner-aside ul li:first-child {
margin-bottom: 10px;
}


.banner-aside ul ,  .banner-place ul {
margin: 0;
  padding: 0;
  list-style: none;

}

.banner-place ul li img {
max-width: 400px;
position: absolute;
max-height: 350px;
}


.banner-place ul li img:nth-child(1) {
left: 26%;
    max-width: 350px;
    top: 25%;
    width: unset !important;
    height: unset !important;
    transform: rotate(9deg);
    transition: .5s 
ease-out;
}

.banner-place ul li img:nth-child(2) {
left: 5%;
max-height: 450px;
top: 1%;
transform: rotate(-9deg);
  transition: .5s ease-out;
}

.banner-place ul li img:nth-child(2):hover {
transform: translate(-20px,0px)rotate(-9deg);
}

.banner-place ul li img:nth-child(1):hover {
transform: translate(20px,0px)rotate(9deg);
}


.banner-place ul li {
position: relative;
  background-color: var(--origin10);
    min-height: 470px;
      display: none;
   
 }

.banner-place ul li,footer
{

 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 clip-path='url(%26quot%3b%23SvgjsClipPath1041%26quot%3b)' fill='none'%3e%3ccircle r='93.335' cx='54.11' cy='-92.34' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='93.335' cx='321.3' cy='422.43' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='93.335' cx='828.34' cy='749.26' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='93.335' cx='1168.86' cy='1091.07' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='93.335' cx='1546.46' cy='1405.41' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='91.435' cx='270.01' cy='533.39' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='122.105' cx='1367.6' cy='90.71' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='86.595' cx='140.48' cy='28.6' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='111.295' cx='170.76' cy='555.95' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='76.065' cx='457.31' cy='154.39' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='173.545' cx='35.07' cy='427.94' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='151.87' cx='1038.13' cy='363.06' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='63.295' cx='494.52' cy='274.04' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='182.03' cx='887.31' cy='277.46' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='108.645' cx='1946.63' cy='277.65' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='48.61' cx='1303.52' cy='431.54' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='171.61' cx='517.85' cy='6.36' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='106.475' cx='1322.1' cy='302.86' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='106.875' cx='1282.96' cy='548.33' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='120.875' cx='400.63' cy='501.34' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='142.825' cx='935.73' cy='162.29' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='113.78' cx='428.96' cy='73.37' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='65.29' cx='1721.47' cy='273.46' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='125.095' cx='1256.93' cy='169.12' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='129.18' cx='1202.88' cy='189.87' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='122.35' cx='1339.9' cy='123.64' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='153.715' cx='1669.64' cy='523.43' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='77.19' cx='1131.04' cy='37.94' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='101.095' cx='729' cy='11.75' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='117.945' cx='1413.79' cy='280.06' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='71.655' cx='857.91' cy='245.2' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='135.545' cx='770.03' cy='525.3' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='97.005' cx='193.86' cy='190.03' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='159.815' cx='1914.48' cy='117.81' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='177.07' cx='1489.6' cy='257.82' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='105.095' cx='66' cy='152.57' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='105.7' cx='1352.14' cy='252.15' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='130.36' cx='364.48' cy='308' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='156.125' cx='1605.29' cy='391.33' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3ccircle r='100.875' cx='1938.99' cy='341.99' stroke='white' stroke-opacity='0.08' stroke-width='2'%3e%3c/circle%3e%3c/g%3e%3cdefs%3e%3cclipPath id='SvgjsClipPath1041'%3e%3crect width='2000' height='560' x='0' y='0'%3e%3c/rect%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");

}

.banner-place ul li:nth-child(0) {

      display: block ;
}

.banner-place ul li , footer {
       background-size: cover;
}

.banner-place ul li .caption {
position: absolute;
top: 5%;
right: 12%;
text-align: right;
}



.banner-aside img {
object-fit: cover;
height: 200px;
}


.banner-aside .caption {
text-align: left;
  margin: 0;
  position: absolute;
  bottom: 25%;
right: var(--gap10);
left: var(--gap10);
  color: var(--color16);
  line-height: 1;
word-spacing: -.2rem;
}


.banner-aside::before// {
  position: absolute;
bottom: 12%;
right: 9%;
left: 10%;
content: "";
color: white;
width: 360px;
height: 50px;
border: 2px dashed white;
  border-radius: 60px 0px 0px 0px;
z-index: 10;
}

.dropdown ul ul li {
background-color: var(--origin4);
border-bottom: 1px dotted var(--origin7);
  width: 300px;
}


.banner-place {
    position: relative;
}



.banner-figure {
    float: left;
    text-align: left;
    width: 60%;
}

.banner-caption {
    float: right;
    width: 40%;
    padding: 5% 5% 0 0%;
}

    .banner-caption h3 {
        font-size: var(--big)
    }

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

    .banner-caption a {
        padding: 3% 5%;
    }


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




.banner-place1 .caption h2 {
font-size: var(--very-big);;
color: var(--origin2);
    transition: .5s ease-out;
}

.banner-place1 .caption h2:hover {
transform: scale(1.1) ;
}


.banner-place1 .caption h3 {
font-size: var(--huge);;
color: var(--origin15);
    transition: .5s ease-out;
  padding-left: 35%;
}

.banner-place1 .caption h3:hover {
transform: scale(1.1) ;
}


.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(--origin6);
}

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




.banner {
    width: 100%;
    display: none;
    float: right;
    height: 100%;
}

    .banner img {
        width: 100%;
        height: 430px;
        object-fit: cover;
      border-radius: var(--border-radius);
    }


.circle-place {
    text-align: center;
    position: absolute;
    z-index: 2;
bottom: 10px;
right: 10px;
left: 10px;
}

    .circle-place i {
        cursor: pointer;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        display: inline-block;
        margin: 0 5px;
      background-color: var(--color6);
    }

.circle-place i.active {
background-color: var(--origin10);
}



.banner .caption {
position: absolute;
bottom: 10%;
right: 5%;
}

.banner .caption h3 , .banner .caption h1 {
  border-radius: var(--border-radius);
text-align: center;
  padding: 10px;
  margin: 0;
}

.banner .caption h1 {
font-size: var(--huge);;
  color: var(--color16);
  width: 500px;
  background-color: var(--origin10-95);
}

.banner .caption h3 {
color: var(--color1);
  background-color: var(--opacity9);
}


.container-services {
  align-items: center;
  padding: 0 10%;
      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: 250px;
object-fit: cover;
height: 450px;
  transition: .2s ease-out;

}

.container-services section figure img:nth-child(2):hover {
padding-right: 10px;

}

.container-services section figure img:nth-child(1):hover {
padding-left: 10px;

}

.container-services section:nth-child(2) figure {
  margin: 0 var(--gap2);
}

.container-services section:nth-child(2) figure:nth-child(1) {
margin-top: -5%;
}

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



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

.container-services section h3 {
color: var(--color1);
}


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


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

.container-services section a:visited , .container-services section a:link , .container-services section a {
color: var(--origin20);
padding: 10px;
margin: 20px auto;
border: 2px solid var(--origin20);
border-radius: 10px;
width: 120px;
display: block;
  transition: .5s ease-out;
}

.container-services section a:hover {
color: var(--color16);
  background-color: var(--origin14);
}



.product-group , .brands {
margin: 0 var(--gap10);
  margin-top: var(--gap3);
}

.all-product-group , .first-adver {
padding: 0 var(--gap10);
    margin-top: var(--gap3);  
}


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

}

.product-group section figure {
text-align:center;
padding: 20px 5px;
  box-shadow: 0px 0px 3px 0px rgba(171,169,169,0.75);
  margin: 5px;
}



.product-group section img {
max-width: 100%;
  height: 170px;
width: 200px;
  object-fit: cover;
  background-color: var(--origin8);
  border-radius: 5px;
  transition: .5s ease-out;
}

.product-group section img:hover {
  
  transform: scale(1.1);
}

.product-group section h4 {
font-weight: normal;
padding: 3% 0;
  margin-top: .3em;
  margin-bottom: 1.5em;
  text-align: center;
  color: var(--color1);
}

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

.product-group a , .product-group a:visited , .product-group a:link {
color: var(--color16);
}


.first-adver , .second-adver {
}

.first-adver section {
width: calc(100%/var(--item-count2) - var(--gap2));
position: relative;
  margin: 0 var(--gap1);
  transition: .5s ease-out;
      background: radial-gradient(circle, var(--origin6) 0%, var(--origin4) 0%, var(--origin9) 100%);
  padding: var(--gap1);
}

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



.first-adver section .caption h3 {
  transition: .5s ease-out;
  font-weight: normal;
}


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


.first-adver section .caption {
position: absolute;
top: 15%;
left: 60px;
text-align: left;
padding: var(--gap2);
    transition: .5s ease-out;
  font-size: var(--big);
}


.first-adver section .caption h2 {
color: var(--origin12);
}

.first-adver section .caption h3 {
color: var(--origin30);
}

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

.first-adver section .caption span {
    transition: .5s ease-out;
}


.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: -19px;
 opacity: .7;
  visibility:hidden;
}



.all-product-group11 article section h4 a , .all-product-group article section h4 a:visited , .all-product-group article section h4 a:link {
color: var(--color5);
}



.all-product-group article {
margin-top: var(--gap-1);
  border-radius: var(--border-radius);
}


.all-titr-box h2 {
margin: auto;
width: 200px;
background-color: var(--origin10);
  padding: 8px 0;
}



.all-product-group div h2 a , .all-product-group div h2 a:visited , .all-product-group div h2 a:link {
color: var(--color16);
}

.titr  {
color: var(--color3);
}


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


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

}



.second-adver section:last-child {
margin-left: unset;
}


.second-adver section .caption h3 {
  margin: 0;
  background-color: var(--opacity5);
padding: var(--gap1);
border-radius: var(--border-radius);
   transition: .5s ease-out;
}

.second-adver section .caption h3 a , .second-adver section .caption h3 a:visited , .second-adver section .caption h3 a:link {
color: var(--color16);
}


.second-adver section .caption span a , .second-adver section .caption span a:visited , .second-adver section .caption span a:link {
color: var(--color1);
}

.second-adver section .caption .btn {
color: var(--color1);
}


.second-adver section .caption span {
background-color: var(--opacity8);
padding: var(--gap1);
border-radius: var(--border-radius);
  margin: var(--gap3) 0;
display: block;
   transition: .5s ease-out;
  color: var(--color1);
}

.second-adver section .caption .btn {
font-weight: bold;
background-color: var(--origin10);
padding: .5% var(--gap3);
border-radius: var(--border-radius);
}

.second-adver section img {
max-width: 100%;
height: 350px;
object-fit: cover;
border-radius: var(--border-radius);
}

.second-adver section:nth-child(2) img {
transform: rotate(180deg);
}

.second-adver section .caption {
position: absolute;
top: 8%;
left: 5%;
  text-align: center;
  width: 200px;
   transition: .5s ease-out;
}


.blog article section img {
object-fit: cover;
  width: 100%;
}

.blog article section h4 {
min-height: unset;
  line-height: 1.3;
}

.blog article section {
padding: 0;
}



.brands {
border-radius: var(--border-radius);
  display:flex;
  flex-wrap:wrap;
}

.brands section {
width: calc(100%/var(--item-count8) - var(--gap2));
  margin: var(--gap1);
  background-color: var(--color16);
  border-radius: var(--border-radius);
  padding: var(--gap1);
  border: 1px solid var(--color13);
}


.brands img {
height: 60px;
max-width: 100%;
border-radius: var(--border-radius);
  display: block;
margin: auto;
   transition: transform .5s; 
}

.brands img:hover {

  transform: scale(1.1)

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

footer.wrapper {
  width: 100%;
  padding: unset;
  margin-top: var(--gap3);
background-color: var(--origin10);
}


.top-footer {
width: 100%;
}


.top-footer .contact-footer  {
display: flex;
}

.top-footer .contact-footer article  {
  padding:var(--gap3);
}

.top-footer .contact-footer article {
width: calc(100%/var(--item-count3) - var(--gap2));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--gap1);
border: 1px solid var(--color8);
margin: var(--gap1) var(--gap2);
  border-radius: var(--border-radius);
   transition: .5s ease-out;
}


 .contact-footer article:hover {

 transform: skewX(7deg);
}


.top-footer .contact-footer article section:nth-child(1) {
display: flex;
}

.top-footer .contact-footer article section:nth-child(2) {
padding-right: var(--gap2);
}
 


.top-footer section article section a[class^="icon"] {
background-color: var(--origin7);
border-radius: var(--border-radius);
width: 40px;
height: 40px;
text-align: center;
margin-left: 15px;
color: var(--color16);
  padding-top: 2px;
}

.top-footer section article section div a , .top-footer section article section div a:visited , .top-footer section article section div a:link {
color: var(--color16);
}


.top-footer .footer-links {
display: flex;
justify-content: center;
  margin: 5px;
flex-wrap: wrap;
}

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

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

.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 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;
}


.top-footer .logo-place img {
height: 100px;
  background-color: var(--opacity9);
border-radius: var(--border-radius);
}


.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;
}



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

.bot-footer section {
margin: auto;
text-align: center;
}

.copyright {
color: var(--color1);
  font-size: .7rem;
}




.social {
display: flex;
  justify-content: center;
  position: fixed;
  bottom: 5px;
  background-color: var(--opacity1);
  padding-top: 5px;
  border-radius: 5px;
  padding-bottom: 10px;
  padding-right: 5px;
  padding-left: 5px;
  left: 2px;
  z-index: 103;
}

.share .social {
  background: var(--color11);
}

.social a {

margin: var(--gap1) 1px;
  width: 35px;
height: 35px;
text-align: center;
 transition: .5s ease-out;
}
.icon-telegram
{
  
  color:#0088cc;
}

.icon-instagram
{
  color:#c32aa3;
}

.icon-whatsapp
{
  color:#25d366;
}



.share .social {
  background: var(--color11);
}



.social i:before
{
font-size: 2.1em;
 

}


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


.master-container {
padding: 1% var(--gap10);
}

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


.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);
}


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

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

.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);
}

.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;
}



.pic-container {
  position: relative;
}

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

.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);
}

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


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


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


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

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


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

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

.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);
}



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

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


.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-details-place sub {
color: var(--color4);
}


.prod-short-detail article {
border-radius: var(--border-radius);
  width: 100px;

  text-align: center;
  background-color: var(--color16);
color: var(--color1);
}

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


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

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


 .master-container .container-services  {
margin-top: var(--gap3);
}



.master-container .container-services {
  line-height: 1.5;
}



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

.alltags {
display: flex;
  align-items: center;
  font-size:  var(--small);
  background-color: var(--color10);
}

.tab-detail > section:first-child {
display:block;
}
.short-link input
{
background-color: var(--color16);
  border: 1px solid var(--color13);
  min-width: 250px;
  text-align: left;
  height: 30px;
  border-radius: 5px;
}

.alltags a {
background-color: var(--origin7);
border-radius: 5px;
padding: 5px;
margin: 1%;
text-align: center;
}

.alltags div a , .alltags div a:visited , .alltags div a:link {
color: var(--color1);
}

.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);
}

.tag-place div:nth-child(2) {
background-color: var(--origin2);
  border-radius: var(--border-radius);
  padding: 10px;
 
}


.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(--origin2);
border-radius: var(--border-radius);
  margin-top: var(--gap1);
}

.product1 {
margin-top: var(--gap3);
      display: flex;
    flex-direction: column;
}

.title1 .all-titr-box {
  margin: 0;
}

.replay {
    margin-top: 13px;
}

.bubbles:after {
    border-color: var(--color16) transparent;
}

.product1 .all-titr-box {
  color: var(--color16);
}


ul.itemparameter {
  width: 100%;
  padding: 0;
  margin: 0;
  color: var(--color3);
  text-align: justify;
}

ul.itemparameter li {
  padding: .5%;
  margin: .2%;
    margin-right: 0.2%;
  text-align: right;
  background-color: var(--color9);
  list-style: none;
}


.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(--color12) transparent;
    bottom: -16px;
    left: 43%;
}


.aside-page-container {
display: flex;
  padding: 2% 8%;
}

.aside-filter {
flex: 1;
}

.body-aside {
flex: 3;
}

.aside-filter , .body-aside {
   margin: 0 var(--gap1);
  background-color: #F1F5F6;
}

.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;
}

.products  section,.articles section {
width: calc(100%/var(--item-count4) - var(--gap4));
  text-align: center;
  margin: var(--gap2);
  padding: var(--gap-5);
  background-color: var(--color16);
  justify-content: center;
  position: relative;
  transition: .5s ease-out;
 box-shadow: 0px 0px 3px 0px rgba(171,169,169,0.75);
}


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

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

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


.product_rel 
{
flex-wrap: wrap;
}

.product-effect  section {
 
  margin-left: 0 !important ;
  margin-top: 19px;
 margin-bottom: 10px;
  direction:rtl;
  transition:.5s ease-out
}


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

.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;

}


.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;
  
}

.addBasket:before {

}


.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;
}


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


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

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

.pic-center2 {
  margin: 2%;
  float: left;
}

.pic-center2 img {
  max-width: 550px;
  max-width: 450px;
  margin: auto;
  display: block;
}


.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;
}

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

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

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


.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);
}

.pathUrl {
  margin: 1.1% 2px;
background: var(--color16);
  padding: var(--gap1);
}

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


.pathUrl span a , .pathUrl span a:visited , .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 .small {
color: var(--color4);
}

.filter-box .icon-filter {
  font-style: normal;
}
.icon-filter {
  padding: 5px;
  border-radius: 4px;
  font-style: normal;
  color: var(--color4);
  margin: 0 5px;
     display: none;
      align-items: baseline;
      flex: 1;
}
.icon-filter::before {
  color: var(--color1);
  font-size: var(--normal);
}

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

.filter-box div {

  align-items: center;
  align-items: baseline;
  display:flex
}

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

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

.filter-box .icon-filter {

  font-style: normal;
}

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

.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);
}

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

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

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



.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
}


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

.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;
}

.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;
}


.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;
}


.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 ul li:nth-child(3) ul li span {

}

.aside-filter aside ul li li img {
  max-width: 100%;
  height: 60px;
  object-fit: cover;
  background-color: white;
  border: 1px solid #0000003d;
  border-radius: 5px;
  padding: 2px;
  width: 100px;
}

.aside-filter aside ul li li h5 {
 
  padding: 6% 2%;
  margin: 0;
  font-weight: normal;
}

.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;
}


.notexist {
color: var(--color16);
  background-color: var(--color12);
border: unset;
  margin-left: unset;
  
  margin: 0;
}


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);
}


.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);
  font-weight: bold;
}

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

.select-item div > span {
    background-color: var(--color8);
    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);
}


.menu {
     display: none;
}


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


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

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

.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);
}

.lSAction > a {
  
  top: 96%;
}

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

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


.login-register .menu , .login-register .up {
  display: none;
}

.login-register .icon-heart {
display: none;
}


.aside-container {
display: flex;
  margin-top: var(--gap2);
}

.blog-parent {
flex: 3;
  margin-left: 1%;
}


.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);
}




.blog-parent article {
display: flex;
border: 1px solid var(--color13);
  margin: var(--gap1) 0;
  padding: .5%;
}

.news_box_title {
  padding-right: 15px;
}

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

.news-box-picture {
line-height: 0;
}

.blog-parent article img {
width: 220px;
height: 150px;
object-fit: cover;
}

.aside-container .sidebar {
flex: 1;
}

.aside-container .sidebar , .blog-parent {
  border: 1px solid var(--color12);
padding: var(--gap1);
background-color: var(--color16);
}

.aside-container .sidebar {
padding: 0;
}

.aside-container .sidebar .all-titr-box {
padding: 4%;
background-color: var(--origin7);
  margin-top: 10px;
}

.aside-container .sidebar .all-titr-box:first-child {
margin-top: 0;
}

.aside-container .sidebar .all-titr-box h3:first-child {
padding-top: unset;
}

.aside-container .sidebar .all-titr-box h3 {
margin: 0;
  color: var(--color1);
  padding-top: 5%
}

.aside-container .sidebar section ul {
}

.aside-container .sidebar section ul li {
padding: var(--gap2) 0;
  border-bottom: 1px solid var(--color13);
}

.aside-container .sidebar section ul li:last-child {
  border-bottom: unset;
}


.aside-container .sidebar section ul li a , .aside-container .sidebar section ul li a:visited ,
.aside-container .sidebar section ul li a:link {
color: var(--color4);
}

.aside-container .sidebar section ul li a::before {
font-size: var(--small);
  padding-left: 20px;
  color: var(--origin7);
}


 .content-blog {
flex: 3;
background-color: var(--color16);
  margin: 0 1%;  
  padding: 1%;
   border: 1px solid var(--color12);
}



.aside-container aside {
flex: 1;
}

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;
 
}


.login-cont input:not([type="checked"]), .login-cont input:not([type="radio"]), .login-cont input[type="email"] {
  
}

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

form[id^="form"] .poll-container fieldset li {

}

form[id^="form"] fieldset, fieldset {

}


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

.login-cont {

}

 div.poll-container input[type="text"],form[id^="form"] textarea {

 }

  #slcproduct
{
    display:none;
}

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
 
  height: auto !important;
}

.buy-bottom a
{

  background-color: var(--origin10);

}

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

}

.product-effect section
{
  
  border:1px solid var(--color13);
}


.master-container-content .lightSlider.lsGrab > * {

}



.buy-bottom a:hover {
  background-color: var(--origin13);
}
div.paging
{
display: flex;
  width: 100%;
  float: unset;
  padding-right: unset;
}

.lSSlideOuter .lSPager.lSGallery img {

  padding: 3px;
}

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



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

.search-page article {
display: flex;
justify-content: center;
  flex-wrap: wrap;
}

.search-page article section {
text-align: center;
background-color: var(--color16);
  width: calc(100%/var(--item-count4) - var(--gap2));
  margin: var(--gap1);
}

.search-page article section img {
max-width: 100%;
}

.favorite-details {
flex-wrap:unset;
}


.favorite-details li {
display: flex;
  align-items: center;
  padding: 0 var(--gap1);
}

.favorite-details li img {
  max-width: 100%;
}


.favorite-details li.price {
width: 150px;
}

.productfilterparameter{display:none;}


 .invoice-box {

  margin-top: 12px;
}

.invoice-box legend{
font-weight: normal;
  font-size: var(--big);
  color: var(--color10);

 
  border: 1px solid var(--color15);
  padding: 15px;
  background-color: var(--color14);
  margin: 10px;
}

span.key {color: var(--color8);}



.slidecontainer,
.most-expensive,
.cheapest
{
  display:none;
}

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

   
}

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

  .banner-aside img {
  height: unset;
  }
  
}


    /* Under 1400px	*/
    @media (max-width: 1400px) {
      
      :root {
      --huge:1.5rem;
        --very-big:2.5rem;
        }
      
      .container-services {
     padding: 0px; 
}

      .banner-place ul li img:nth-child(1) {
    left: 28%;
}
      
      
      
      .amazing-product .wrapper , .product-group {
      margin-right: var(--gap2);
         margin-left: var(--gap2);
      }
      
     
      .container-services , .brands {
      margin-right: 0;
      margin-left: 0;
      }
      
      .all-product-group {
  padding: 0;
      }
      
      
      .first-adver {
  padding-right: 0;
  padding-left: 0;
}

      
      .banner-place ul li .caption {
  right: 2%;
      }
      
      .banner-place ul li img:nth-child(2) {
  left: 4%;
      }

 
      .master-container {
  padding: 0 var(--gap2);
}
      
      .aside-page-container {
  padding: var(--gap2);
      }
      
      .top-header, .mid-header, .bot-header {
      margin: 0;
      }
      
      
      .pic-center2 img {
      max-width: 450px;
      }
      
      
}



    /* Under 1360px	*/
    @media (max-width: 1360px) {
      
      .products section img, .articles section img {

    height: 220px;
}
      
      .master-container {
  padding: 2% 5%;
}
    }


    /* Under 1024px	*/
    @media (max-width: 1024px) {
      
      
       :root {
         --big:1rem;
        --very-huge:2rem;
         --item-count3: 1;
      }
      
      body{
      
      margin-bottom: 55px;
      }
      
      nav.Category ul ul{display:inline}
      
      .details-container {
    border-right: none;
}
      
        .menu-place section.menu {
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 107;
   
  }
      
      
        .filter-box .icon-filter {
    
        background-color: var(--origin7);
      }
      
      
      
      .details-container {
    flex: 1;
}
      
      .payment-container {
    margin-top: 5.7%;
}
      
      .pic-container {
    padding: 0px 10% !important;
}
      
      
      .dropdown ul {

    background-color: var(--origin4);
}
      
      nav.Category > ul {
    display: block; 
}
      
      .menu-place nav:nth-child(3) {
    display: none;
}
      
      .nav-tab {
    display: flex;
}
      
      .products section img, .articles section img {
            height: 150px !important;
}

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

      .bottom-fixed
       {
         display:inline;
      }
   
      :root {
       --item-count6: 3;
      }
      
      
      
      .pic-container mark {
  top: 5px;
      }
      
      .banner-place ul li img:nth-child(2) {
max-height: 280px;
        width: unset !important;
      }
      
      .banner-place ul li img:nth-child(1) {
 left: 25%;
        max-height: 160px;
        width: unset !important;
      }
      
      .container-services section figure img {
    width: 150px;
    height: 300px;
}
      
      .banner-place ul li .caption {

      }
    
      
      .banner-place ul li {

    min-height: 300px;
}
      
      
      .bottom-fixed section , .basket {
      width: unset;
      }
      
      .bottom-fixed section {
      line-height: 1.1;
      }
      
      .container-services section p {
  text-align: justify;
      }
      

      .dropdown ul li:first-child::after {
    content: unset;
      }
      
    .mid-header {
  padding: 0 var(--gap2)
      }
      
      
      .banner-aside img {
  height: 133.9px;
      }
      
      .banner-aside .caption {
        bottom: 15%;
        left: 5%;
      }
      
      
      .first-adver, .second-adver  {
    padding-right: var(--gap1);
    padding-left: var(--gap1);
      }
      
      .first-adver section .caption {
    left: 5%;
      }
      
      .all-titr-box, .first-adver, .second-adver {
    padding-top: var(--gap10);
}
      
      
      .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) {
    background-color: var(--origin4);
    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;
      }
      
      
      .logo-place
      {
        flex:1
      }
      
      .menu {
  display: inline;
        cursor: pointer;
        color: var(--origin10);
        flex:1
}

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

      .dropdown ul {
              width: 100%;
      }
    

      #txtsearch {
      display: none;
      }
      
      .search div {
      background-color: unset;
      }
      
      .search div a {
    
        cursor: pointer;
      }
    

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

     .icon-filter {
  cursor: pointer;
       display: inline;
}
      
      .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;
   
    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);
      }
      
      #txtsearch {
      background-color: var(--color16);
      }
      
      .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);
      }
      
      
      .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 {
border-bottom: 1px dotted var(--origin12);
                margin-bottom: 20px;
      }
      
      .bottom-fixed .menu {
      color: var(--color8);
      }
      
      
      .bottom-fixed div {
    color: var(--color5);
      }
   
      
      .banner-container {
  box-shadow: unset;
      }

}



    /* Under 820px	*/
    @media (max-width:820px) {
      
      
      :root {
       --item-count8: 4;
       --item-count6: 3;
        --item-count3: 1;
      }
      
      .container-services {
 display:unset;
}
      
      .banner-place ul li img:nth-child(2) {
  left :1%;
        max-height: 220px;
        top: 15%;
}
      
      .banner-place ul li img:nth-child(1) {

                left: 18%;
        max-height: 150px;

}

      
      .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) {
      
      .filter-box div {

 
  
}
      
      .banner-place1 .caption h3 {

  padding-left: 5%;
}
      
      .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;
      }
      

      .banner-place ul li .caption {
  text-align: center;
      }
      
      .banner-place ul li img:nth-child(1) {
left: 50%;
        top: 160px;
        max-height: 100px;
}
      
      .banner-place ul li img:nth-child(2) {
  max-height: 150px;
        top: 150px;
        left: 30%;
      }
      
      .container-services section:nth-child(2) {

    justify-content: center;
}
      
      .top-footer .footer-links h2 {
    font-size: var(--normal);
}
      

      .lSAction > a {
  top: 90%;
}

      
      .banner-place ul li img {
  min-height: unset;
}

      
      .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;
      }
      
      .banner .caption h1 {
      font-size: var(--normal);
        width: unset;
      }
      
      .banner .caption {
  bottom: 20%;
      }
      
      .banner-aside .caption {
  font-size: var(--small);
      }

.banner-aside {
  margin-left: unset;
      }
      
      .banner .caption h3 {
  font-size: 1rem;
      }
      
      .banner-aside img {
  max-height: unset;
        height: unset;
        width: 100%;
      }
      
      .banner-aside h3 {
      bottom: 20%;
      }
      
      
      .banner-aside ul {
      height: unset;
        display: flex;
      }
      
      .banner-aside ul li:first-child {
      margin-right: 10px;
      }
      
      
      .banner-container {
      flex-wrap: wrap;
flex-direction: column-reverse;
      }
      
      .banner-aside , .banner-place {
      flex: unset;
      }


      .all-product-group div h2 {
    font-size: var(--normal);
      }
      

     
      
      .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: 99%;
}
      
      .filter-box ul{
      
      display:none;
      
      }
      
      #slcproduct
      {
        display:inline;
        width: 130px;
               font-family: 'iransans';
  margin:0 1%;

  border-radius: 3px;
  height: 30px;

      }
   

     .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;
      }

      
      .banner img {
      height: 250px;
      }
      
      .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%;
      }
      
      .filter-box {
      flex-wrap: wrap;
       
    display: inline;
      }
      
      .filter-box .icon-filter {
      margin-bottom: 3%;
      }
      
      
      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;
      }
      
.banner-place ul li .caption {
  top: 20px;
        right: 0;
          width: 80%;
        margin: 0px 10%;
      }


   

      .banner-place ul li img:nth-child(2) {

  left: 20%;
}
      
   
}

     /* Under 430px*/
    @media (max-width: 430px) {
      
      :root {
      --item-count6: 2;
      --item-count8: 2;
      }
      
      .products section
      {
      margin-top: 20px;;
      }
      
      
      .banner-place ul li img:nth-child(2) {
        left: 10%;
    }
      

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

    }

      
      .banner-place1 .caption h2 {

      }

      .first-adver section img {
  height: 120px;
}
      
      
      .master-container .hr {
      margin-top: var(--gap5);
        margin-bottom: -40px;
      }
      
      .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;
      }
      
      
      
      .banner .caption {
      top: 120px;
right: 2%;
width: 300px;
      }
      
      .banner .caption h1 {
      width: unset;
        font-size: 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;
        margin-left: 40px;
        
      }

      
      .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) {
      
   

}