.gallery-cell {   -webkit-tap-highlight-color: #0000;
    overflow: visible; position: relative;
    width: 190px;
    height: 205px; 
    cursor: pointer;
    margin-right: 5px; 
  border: 1px solid transparent;
   
    
}
.hotBut {
    font-family: 'verdana_pro';
    position: absolute;
    left: 131px;
    top: 36px;
    font-size: 8px;
}
#gallery-cell6  { margin-right: 0px; }

#rIm1  {background-image: url(https://vost.com.ua/images/_mir/oracle4.webp); }
#rIm2  { background-image: url(https://vost.com.ua/images/_mir/mirror4.webp);   }
#rIm3  {  background-image: url(https://vost.com.ua/images/_mir/rabbit6.webp);  }
#rIm4 {background-image: url(https://vost.com.ua/images/_mir/osho2.webp); }
#rIm5  {background-image: url(https://vost.com.ua/images/_mir/ch2.webp);}
#rIm6  {background-image: url(https://vost.com.ua/images/_mir/kons.webp);  }


  .carWrapp  { width: 100%; margin-left:auto; margin-right: auto; margin-top: 16px;     overflow-x: scroll;margin-bottom: 20px;  }
  .gallery {   background: white; display: inline-flex;   
   margin-left: 5px;
    margin-right: 5px;  }





.carWrapp::-webkit-scrollbar {
    display: none;
}


.galtext { color:#242b35;;
    bottom: 0px;
    position: absolute;
    height: 33px; font-weight: 700;
    width: 100%;
    font-size: 14px;
    font-family: 'verdana_pro';
    text-align: center;
}
.corners{    width: 189px;
    height: 158px;border-radius: 3.5px; 
    overflow: hidden;

box-shadow: rgb(60 64 67 / 27%) 0px 1px 1px 0px, rgb(60 64 67 / 15%) 0px 1px 2px 1px;
  /*  box-shadow: rgb(60 64 67 / 15%) 0px 1px 1px 0px, rgb(60 64 67 / 13%) 0px 1px 2px 1px;*/




     }
.rImgs {
    width: 189px;
    height: 205px;
    background-size: contain;
}

#rabBut {
    -webkit-tap-highlight-color: #0000;
    color: #fff;
    font-size: 12px;
     position: absolute; 
    margin-left: auto;
    font-family: 'verdana_pro';
    text-align: center;
    margin-right: auto;
    margin-top: 119px;
    border-radius: 25px;
    padding: 8px 0px 8px 0px;
    padding: 8px 0px 8px 0px;
    background-color: #07480340;
    /* border: 1px solid; */
    /* top: 107px; */
    text-shadow: rgb(0 0 0 / 15%) 4.405px -5.44px 1.64px;
    z-index: 2;
    display: block;
    width: 175px;
}

#cHolder {    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 586px;}

.carWrapp { margin-top: 16px; position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 586px;
}



.gallery-cell {
   
    width: 189px;
    height: 205px;  
    margin-right: 5px;
  
    background-size: contain;
    background-repeat: no-repeat;
}


.cells2 {
    
      overflow: hidden; 
  width: 289px;
   height:175px;
  margin-right: 4px; 
  border:1px solid #d1d1d1;
background-size:contain;
background-repeat:no-repeat;
}


.galtext {
    bottom: 0px; 
    position: absolute;
    height: 33px;
    width: 100%;
    font-size: 13.5px;
    font-family: 'verdana_pro';
    text-align: center;
}


#rabBut {
    -webkit-tap-highlight-color: #0000;
    color: #fff;
    font-size: 12px;
    font-family: 'verdana_pro';
    /* position: absolute; */
    margin-left: 8px;
    text-align: center;
    margin-right: auto;
    margin-top: 118px;
    border-radius: 25px;
    padding: 8px 0px 8px 0px;
    background-color: #07480340;
    /* border: 1px solid; */
    /* top: 107px; */
    text-shadow: rgb(0 0 0 / 15%) 4.405px -5.44px 1.64px;
    z-index: 2;
    display: block;
    width: 175px;
}
.flickity-prev-next-button.previous {left:-16px;}
.flickity-prev-next-button.next {right:-16px;}
.flickity-prev-next-button {
  display: none;
    position: absolute;
    background: #ffffffbf;
    z-index: 20;
    border: none;
    color: #333;
    border-radius: 50%;
    transform: translateY(-50%);
    background: #fff;
    top: 38.5%;
    width: 33px !important;
    height: 33px !important;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 4%), 0 4px 8px 0 rgb(0 0 0 / 20%);
}
.flickity-prev-next-button .flickity-button-icon {
    fill: #585865;
    position: absolute;
        left: 32%;
    top: 31%;
    width: 39%;
    height: 39%;
}
.flickity-button:hover {
    background: #fff;
    cursor: pointer;
}
#runesBut1 { left:9px; top:9px; }
#runesBut2 {right:9px; top:9px;}
#runesBut3 {left:9px; bottom: 56px;}
#runesBut4 {right:9px;bottom: 56px;  }
.runesButs{ 
text-align: center;
    position: absolute; border-radius: 30px;
    background: rgba(255, 147, 102,0.8);
    border: 1px solid rgb(255, 147, 102);
    -webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.5);
    color: rgb(0, 0, 0);
   font-size: 11px;
    padding: 8px;
    z-index: 25;
    padding-top: 2px;
    padding-bottom: 4px;
    text-decoration: none;
    width: 62px;
    box-sizing: border-box;
}
@media (min-width:412px) {  

.galtext { color:#242b35;;
    bottom: 0px;
    position: absolute;
    height: 33px; font-weight: 700;
    width: 100%;
    font-size: 14px;
    font-family: 'verdana_pro';
    text-align: center;
}


}
@media (min-width:568px) {


.carWrapp {  margin-bottom: 20px;
    width: 100%;
  margin-left: 3px;
    margin-right: auto;
    max-width: 568px;
}

  }
@media (min-width:600px) { 
#corn4 {box-shadow:none !important; }
  .carWrapp {
    width: 100%; margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    max-width: 590px;
}

.gallery {
   
    margin-left: 0px;
margin-right: 0px;
  }


}

@media (min-width:801px) {} 
@media (min-width:1040px){
    .hotBut {
    font-family: 'verdana_pro';
    position: absolute;
    left: 131px;
    top: 35px;
    font-size: 8px;
}
#cHolder {    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;

    max-width: 587px;}

.carWrapp { margin-top: 16px; position: relative;
    width: 100%;  overflow-x: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 587px;
}



.gallery-cell {

    width: 189px;
    height: 205px;   
    margin-right: 5px;
 
    background-size: contain;
    background-repeat: no-repeat;
}


.cells2 {
    
      overflow: hidden; 
  width: 289px;
   height:175px;
  margin-right: 4px; 
  border:1px solid #d1d1d1;
background-size:contain;
background-repeat:no-repeat;
}


.galtext {
    bottom: 0px; 
    position: absolute;
    height: 33px;
    width: 100%;
    font-size: 13.5px;
    font-family: 'verdana_pro';
    text-align: center;
}


#rabBut {
    -webkit-tap-highlight-color: #0000;
    color: #fff;
    font-size: 12px;
    font-family: 'verdana_pro';
    /* position: absolute; */
    margin-left: 8px;
    text-align: center;
    margin-right: auto;
    margin-top: 118px;
    border-radius: 25px;
    padding: 8px 0px 8px 0px;
    background-color: #07480340;
    /* border: 1px solid; */
    /* top: 107px; */
    text-shadow: rgb(0 0 0 / 15%) 4.405px -5.44px 1.64px;
    z-index: 2;
    display: block;
    width: 175px;
}
.flickity-prev-next-button.previous {left:-16px;}
.flickity-prev-next-button.next {right:-16px;}
.flickity-prev-next-button {
    position: absolute;
    background: #ffffffbf;
    z-index: 20;
    border: none;
    color: #333;
    border-radius: 50%;
    transform: translateY(-50%);
    background: #fff;
    top: 38.5%;
    width: 33px !important;
    height: 33px !important;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 4%), 0 4px 8px 0 rgb(0 0 0 / 20%);
}
.flickity-prev-next-button .flickity-button-icon {
    fill: #585865;
    position: absolute;
      left: 32%;
    top: 31%;
    width: 39%;
    height: 39%;
}
.flickity-button:hover {
    background: #fff;
    cursor: pointer;
}

}