.gallery-container{  padding:30px 0px 0px 5%;} 
#slider04 .swiper {  width:100%;   }
#slider04 .swiper-wrapper {  height:auto!important;   padding-bottom:80px;    }
#slider04 .swiper-slide {  width:auto;height:auto;!important  }
#slider04 .swiper-slide img {height:auto!important; max-width: 100%; min-width:170px; }
#slider04 .swiper-slide span {display:block; color:#fff;}
#slider04 .swiper-slide span.txt1 {font-size:25px; padding-top:10px; font-weight:500}
#slider04 .swiper-slide span.txt2 {font-size:15px;}

#slider04 .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden;  list-style: none;  padding: 0 60px 0 0 ;  z-index: 1;}
#slider04 .swiper-vertical > .swiper-wrapper {  flex-direction: column;}
#slider04 .swiper-wrapper { position: relative; width: 100%; height: auto; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
#slider04 .swiper-android .swiper-slide,
#slider04 .swiper-wrapper {  transform: translate3d(0px, 0, 0);}
#slider04 .swiper-pointer-events {  touch-action: pan-y;}
#slider04 .swiper-pointer-events.swiper-vertical {  touch-action: pan-x;}
#slider04 .swiper-slide {  flex-shrink: 0;  width: auto;  height: auto;  position: relative; 
 transition-property: transform; /*cursor:pointer*/}
#slider04 .swiper-slide-invisible-blank {  visibility: hidden;}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {  height: auto;}
.swiper-autoheight .swiper-wrapper {  align-items: flex-start;  transition-property: transform, height;}
/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {  perspective: 1200px;}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {  transform-style: preserve-3d;}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  pointer-events: none;  z-index: 10;}
.swiper-3d .swiper-slide-shadow {  background: rgba(0, 0, 0, 0.15);}
.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}
.swiper-3d .swiper-slide-shadow-right {  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}
.swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}
.swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {  overflow: auto;  scrollbar-width: none;   -ms-overflow-style: none;}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {  display: none;}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {  scroll-snap-align: start start;}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {  scroll-snap-type: x mandatory;}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {  scroll-snap-type: y mandatory;}
.swiper-centered > .swiper-wrapper::before {  content: '';  flex-shrink: 0;  order: 9999;}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {  margin-inline-start: var(--swiper-centered-offset-before);}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {  height: 100%;  min-height: 1px;  width: var(--swiper-centered-offset-after);}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {  margin-block-start: var(--swiper-centered-offset-before);}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {  width: 100%;  min-width: 1px;  height: var(--swiper-centered-offset-after);}
.swiper-centered > .swiper-wrapper > .swiper-slide {  scroll-snap-align: center center;}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {  content: '';  position: absolute;  left: 0;  top: 0;  pointer-events: none;}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {  height: 1px;  width: var(--swiper-virtual-size);}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {  width: 1px;  height: var(--swiper-virtual-size);}
:root {  --swiper-navigation-size: 44px;}
.swiper-button-prev-new,
.swiper-button-next-new {  width: 60px;  height: 60px;  position: absolute;  top: 50%;  transform: translateY(-50%);  z-index: 9999;  color: black;}
.swiper-button-prev-new {}
.swiper-button-next-new {}

.swiper-button-prev-new.swiper-button-disabled,
.swiper-button-next-new.swiper-button-disabled {  opacity: 0.35;  cursor: auto;  pointer-events: none;}
.swiper-button-prev-new:after,
.swiper-button-next-new:after {  font-family: swiper-icons;  font-size: var(--swiper-navigation-size);
  text-transform: none !important;  letter-spacing: 0;  text-transform: none;  font-variant: initial;  line-height: 1;}

.swiper-button-prev-new:focus, .swiper-button-next-new:focus {outline-width: 0!important;outline: 0px solid #fff!important;}

.swiper-button-prev-new,
.swiper-rtl .swiper-button-next-new {
  left: 10px;
  right: auto;
}
.swiper-button-prev-new:after,
.swiper-rtl .swiper-button-next-new:after {
  content: 'prev';
}
.swiper-button-next-new,
.swiper-rtl .swiper-button-prev-new {
  right: 10px;
  left: auto;
}
.swiper-button-next-new:after,
.swiper-rtl .swiper-button-prev-new:after {
  content: 'next';
}

.swiper-button-next-new:hover,
.swiper-button-prev-new:hover {
 color:white
}

.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(255, 255, 255, 0.2);
}
.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 0%; /*transform:translate(-50%,-0%);*/
  bottom: 3px;
/*  z-index: 50;*/
  height: spx;
  width: 95%;
}
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100% auto;
  max-height: 100% auto;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}

/*drag cursor*/
.media {  position: relative;  cursor: grab;  touch-action: none;  margin-bottom: 2rem;}
.media img {  display: block;  width: 100%;  height: 320px;  -o-object-fit: cover;    object-fit: cover;}
.circle {  position: absolute; width: 70px; height: 70px; top: 0; left: 0; right: 0; bottom: 0; 
/*background-color: rgba(0,0,0,0.6);*/ border:2px solid  rgba(0,0,0,0.7); background-image:url(../img/drag_b.png); background-repeat:no-repeat; background-position:center;
  border-radius: 50%;  -webkit-backface-visibility: hidden; backface-visibility: hidden;  pointer-events: none;
 /*mix-blend-mode: multiply;*/
}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#slider04 .swiper-slide span.txt1 {font-size:20px; padding-top:10px; }
#slider04 .swiper-slide span.txt2 {font-size:13px; display:none;}
#slider04 .swiper-slide img {min-width:100px } 
}
@media (max-width: 768px) {
#slider04 .swiper-wrapper {  height:auto!important;   padding-bottom:50px;    }	
#slider04 .swiper {  list-style: none;  padding: 0 20px 0 0 ;
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}