@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,700,900);@import url(https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);@import url(https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700,700i);@import url(https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700);@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.0/animate.css);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css);@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css);@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300);.Toastify__toast-container {
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 9999px);
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--dark {
  background: #121212;
  color: #fff;
}
.Toastify__toast--default {
  background: #fff;
  color: #aaa;
}
.Toastify__toast--info {
  background: #3498db;
}
.Toastify__toast--success {
  background: #07bc0c;
}
.Toastify__toast--warning {
  background: #f1c40f;
}
.Toastify__toast--error {
  background: #e74c3c;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
  }
}
.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.Toastify__close-button--default {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}
.Toastify__progress-bar--default {
  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
}
.Toastify__progress-bar--dark {
  background: #bb86fc;
}
@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}.alice-carousel {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: auto;
  direction: ltr; }

.alice-carousel__wrapper {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: auto; }

.alice-carousel__stage {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  white-space: nowrap; }
  .alice-carousel__stage-item {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
    white-space: normal;
    line-height: 0; }
    .alice-carousel__stage-item * {
      line-height: initial; }
    .alice-carousel__stage-item.__cloned {
      visibility: hidden;
      opacity: 0; }

.alice-carousel__prev-btn,
.alice-carousel__next-btn {
  display: inline-block;
  box-sizing: border-box;
  width: 50%;
  padding: 15px 10px; }
  .alice-carousel__prev-btn [data-area]::after,
  .alice-carousel__next-btn [data-area]::after {
    position: relative;
    content: attr(data-area);
    text-transform: capitalize; }

.alice-carousel__prev-btn {
  text-align: right; }

.alice-carousel__prev-btn-item,
.alice-carousel__next-btn-item {
  display: inline-block;
  cursor: pointer;
  color: #465798; }
  .alice-carousel__prev-btn-item:hover,
  .alice-carousel__next-btn-item:hover {
    color: darkred; }
  .alice-carousel__prev-btn-item.__inactive,
  .alice-carousel__next-btn-item.__inactive {
    opacity: 0.4; }

.alice-carousel__play-btn {
  position: absolute;
  top: 30px;
  left: 20px;
  display: inline-block; }
  .alice-carousel__play-btn:hover {
    cursor: pointer; }
  .alice-carousel__play-btn-wrapper {
    position: relative;
    width: 32px;
    height: 32px;
    padding: 10px;
    border-radius: 50%;
    background-color: #fff; }

.alice-carousel__play-btn-item {
  position: absolute;
  width: 32px;
  height: 32px;
  cursor: pointer;
  border: 0;
  outline: none;
  background: transparent; }
  .alice-carousel__play-btn-item::before, .alice-carousel__play-btn-item::after {
    position: absolute;
    pointer-events: none;
    display: block;
    width: 0;
    height: 0;
    content: '';
    transition: all 0.3s linear;
    border-width: 8px 0 8px 15px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #465798; }
  .alice-carousel__play-btn-item::before {
    left: 5px;
    height: 14px; }
  .alice-carousel__play-btn-item::after {
    top: 7px;
    left: 18px; }
  .alice-carousel__play-btn-item.__pause::before, .alice-carousel__play-btn-item.__pause::after {
    height: 30px;
    border-width: 0 0 0 10px; }
  .alice-carousel__play-btn-item.__pause::after {
    top: 0;
    left: 18px; }

.alice-carousel__dots {
  margin: 30px 3px 5px;
  padding: 0;
  list-style: none;
  text-align: center; }
  .alice-carousel__dots-item {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 15px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #e0e4fb; }
    .alice-carousel__dots-item:hover, .alice-carousel__dots-item.__active {
      background-color: #6e7ebc; }

.alice-carousel__slide-info {
  position: absolute;
  top: 20px;
  right: 20px;
  display: inline-block;
  padding: 5px 10px;
  color: #465798;
  border-radius: 5px;
  background-color: rgba(224, 228, 251, 0.6); }
  .alice-carousel__slide-info-item {
    vertical-align: middle;
    line-height: 0; }

.alice-carousel .animated {
  animation-fill-mode: both; }

.alice-carousel .animated-out {
  z-index: 1; }

.alice-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    visibility: hidden; } }
.react-responsive-modal-overlay {
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: flex-start;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1000;
  padding: 1.2rem;
}

.react-responsive-modal-modal {
  max-width: 800px;
  position: relative;
  padding: 1.2rem;
  background: #ffffff;
  background-clip: padding-box;
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.25);
  margin: 0 auto;
}

.react-responsive-modal-modalCenter {
  margin: auto;
}

.react-responsive-modal-closeButton {
  position: absolute;
  top: 14px;
  right: 14px;
  border: none;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  display: flex;
}

@keyframes react-responsive-modal-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes react-responsive-modal-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.ReactTable{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid rgba(0,0,0,0.1);}.ReactTable *{box-sizing:border-box}.ReactTable .rt-table{-webkit-box-flex:1;-ms-flex:auto 1;flex:auto 1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;border-collapse:collapse;overflow:auto}.ReactTable .rt-thead{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.ReactTable .rt-thead.-headerGroups{background:rgba(0,0,0,0.03);border-bottom:1px solid rgba(0,0,0,0.05)}.ReactTable .rt-thead.-filters{border-bottom:1px solid rgba(0,0,0,0.05);}.ReactTable .rt-thead.-filters input,.ReactTable .rt-thead.-filters select{border:1px solid rgba(0,0,0,0.1);background:#fff;padding:5px 7px;font-size:inherit;border-radius:3px;font-weight:normal;outline-width:0}.ReactTable .rt-thead.-filters .rt-th{border-right:1px solid rgba(0,0,0,0.02)}.ReactTable .rt-thead.-header{box-shadow:0 2px 15px 0 rgba(0,0,0,0.15)}.ReactTable .rt-thead .rt-tr{text-align:center}.ReactTable .rt-thead .rt-th,.ReactTable .rt-thead .rt-td{padding:5px 5px;line-height:normal;position:relative;border-right:1px solid rgba(0,0,0,0.05);transition:box-shadow .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:inset 0 0 0 0 transparent;}.ReactTable .rt-thead .rt-th.-sort-asc,.ReactTable .rt-thead .rt-td.-sort-asc{box-shadow:inset 0 3px 0 0 rgba(0,0,0,0.6)}.ReactTable .rt-thead .rt-th.-sort-desc,.ReactTable .rt-thead .rt-td.-sort-desc{box-shadow:inset 0 -3px 0 0 rgba(0,0,0,0.6)}.ReactTable .rt-thead .rt-th.-cursor-pointer,.ReactTable .rt-thead .rt-td.-cursor-pointer{cursor:pointer}.ReactTable .rt-thead .rt-th:last-child,.ReactTable .rt-thead .rt-td:last-child{border-right:0}.ReactTable .rt-thead .rt-th:focus{outline-width:0}.ReactTable .rt-thead .rt-resizable-header{overflow:visible;}.ReactTable .rt-thead .rt-resizable-header:last-child{overflow:hidden}.ReactTable .rt-thead .rt-resizable-header-content{overflow:hidden;text-overflow:ellipsis}.ReactTable .rt-thead .rt-header-pivot{border-right-color:#f7f7f7}.ReactTable .rt-thead .rt-header-pivot:after,.ReactTable .rt-thead .rt-header-pivot:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ReactTable .rt-thead .rt-header-pivot:after{border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:8px;margin-top:-8px}.ReactTable .rt-thead .rt-header-pivot:before{border-color:rgba(102,102,102,0);border-left-color:#f7f7f7;border-width:10px;margin-top:-10px}.ReactTable .rt-tbody{-webkit-box-flex:99999;-ms-flex:99999 1 auto;flex:99999 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto;}.ReactTable .rt-tbody .rt-tr-group{border-bottom:solid 1px rgba(0,0,0,0.05);}.ReactTable .rt-tbody .rt-tr-group:last-child{border-bottom:0}.ReactTable .rt-tbody .rt-td{border-right:1px solid rgba(0,0,0,0.02);}.ReactTable .rt-tbody .rt-td:last-child{border-right:0}.ReactTable .rt-tbody .rt-expandable{cursor:pointer;text-overflow:clip}.ReactTable .rt-tr-group{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ReactTable .rt-tr{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.ReactTable .rt-th,.ReactTable .rt-td{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;white-space:nowrap;text-overflow:ellipsis;padding:7px 5px;overflow:hidden;transition:.3s ease;transition-property:width,min-width,padding,opacity;}.ReactTable .rt-th.-hidden,.ReactTable .rt-td.-hidden{width:0 !important;min-width:0 !important;padding:0 !important;border:0 !important;opacity:0 !important}.ReactTable .rt-expander{display:inline-block;position:relative;margin:0;color:transparent;margin:0 10px;}.ReactTable .rt-expander:after{content:'';position:absolute;width:0;height:0;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg);border-left:5.04px solid transparent;border-right:5.04px solid transparent;border-top:7px solid rgba(0,0,0,0.8);transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.ReactTable .rt-expander.-open:after{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}.ReactTable .rt-resizer{display:inline-block;position:absolute;width:36px;top:0;bottom:0;right:-18px;cursor:col-resize;z-index:10}.ReactTable .rt-tfoot{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;box-shadow:0 0 15px 0 rgba(0,0,0,0.15);}.ReactTable .rt-tfoot .rt-td{border-right:1px solid rgba(0,0,0,0.05);}.ReactTable .rt-tfoot .rt-td:last-child{border-right:0}.ReactTable.-striped .rt-tr.-odd{background:rgba(0,0,0,0.03)}.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover{background:rgba(0,0,0,0.05)}.ReactTable .-pagination{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:3px;box-shadow:0 0 15px 0 rgba(0,0,0,0.1);border-top:2px solid rgba(0,0,0,0.1);}.ReactTable .-pagination input,.ReactTable .-pagination select{border:1px solid rgba(0,0,0,0.1);background:#fff;padding:5px 7px;font-size:inherit;border-radius:3px;font-weight:normal;outline-width:0}.ReactTable .-pagination .-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:100%;border:0;border-radius:3px;padding:6px;font-size:1em;color:rgba(0,0,0,0.6);background:rgba(0,0,0,0.1);transition:all .1s ease;cursor:pointer;outline-width:0;}.ReactTable .-pagination .-btn[disabled]{opacity:.5;cursor:default}.ReactTable .-pagination .-btn:not([disabled]):hover{background:rgba(0,0,0,0.3);color:#fff}.ReactTable .-pagination .-previous,.ReactTable .-pagination .-next{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.ReactTable .-pagination .-center{-webkit-box-flex:1.5;-ms-flex:1.5;flex:1.5;text-align:center;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.ReactTable .-pagination .-pageInfo{display:inline-block;margin:3px 10px;white-space:nowrap}.ReactTable .-pagination .-pageJump{display:inline-block;}.ReactTable .-pagination .-pageJump input{width:70px;text-align:center}.ReactTable .-pagination .-pageSizeOptions{margin:3px 10px}.ReactTable .rt-noData{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(255,255,255,0.8);transition:all .3s ease;z-index:1;pointer-events:none;padding:20px;color:rgba(0,0,0,0.5)}.ReactTable .-loading{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255,0.8);transition:all .3s ease;z-index:-1;opacity:0;pointer-events:none;}.ReactTable .-loading > div{position:absolute;display:block;text-align:center;width:100%;top:50%;left:0;font-size:15px;color:rgba(0,0,0,0.6);-webkit-transform:translateY(-52%);transform:translateY(-52%);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.ReactTable .-loading.-active{opacity:1;z-index:2;pointer-events:all;}.ReactTable .-loading.-active > div{-webkit-transform:translateY(50%);transform:translateY(50%)}.ReactTable .rt-resizing .rt-th,.ReactTable .rt-resizing .rt-td{transition:none !important;cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}    /*------------------------------------------------------------------
        File Name: style.css
        Template Name: auricle
-------------------------------------------------------------------*/
    /*------------------------------------------------------------------
        1. import fonts
-------------------------------------------------------------------*/
    /*------------------------------------------------------------------
        2. import files
    -------------------------------------------------------------------*/
    /* @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/js/fontawesome.min.js); */
    /*------------------------------------------------------------------
        3. basic
-------------------------------------------------------------------*/
    
    * {
        margin: 0;
        padding: 0;
        outline: none !important;
        box-sizing: border-box;
        transition: ease all 0.5s;
        -webkit-transition: ease all 0.5s;
        -moz-transition: ease all 0.5s;
        -ms-transition: ease all 0.5s;
        -o-transition: ease all 0.5s;
    }
    
    input,
    button,
    select,
    textarea {
        outline: none !important;
    }
    
    html,
    body {
        color: black;
        font-size: 15px;
        font-family: "Poppins", sans-serif;
        line-height: normal;
        font-weight: 400;
        overflow-x: hidden !important;
    }
    
    body {
        overflow: hidden !important;
    }
    
    a {
        color: #1f1f1f;
        text-decoration: none !important;
        outline: none !important;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        letter-spacing: 0;
        font-weight: normal;
        position: relative;
        padding: 0;
        font-weight: normal;
        line-height: normal;
        color: #1f1f1f;
        margin: 0;
    }
    
    h6 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    
    h1 {
        font-size: 24px;
    }
    
    .small_heading.main-heading h2 {
        font-size: 21px;
    }
    
    .small_heading.main-heading::after {
        top: 18px;
    }
    
    .small_heading.main-heading {
        margin-bottom: 20px;
        width: 100%;
    }
    
    h3 {
        font-size: 18px;
    }
    
    h4 {
        font-size: 16px;
    }
    
    h5 {
        font-size: 14px;
    }
    
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        color: #212121;
        text-decoration: none !important;
        opacity: 1;
    }
    
    ol,
    ul {
        margin: 0;
        color: #000;
    }
    
    a {
        color: #000;
        text-decoration: none;
        outline: none;
    }
    
    a,
    .btn {
        text-decoration: none !important;
        outline: none !important;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    .btn-custom {
        margin-top: 20px;
        background-color: transparent;
        border: 2px solid #ddd;
        padding: 12px 40px;
        font-size: 16px;
    }
    
    .button_section {
        float: left;
        width: 100%;
    }
    
    .right_bt {
        float: right;
    }
    
    a.btn,
    button.btn {
        min-width: 170px;
        height: 50px;
        border-radius: 100px;
        padding: 0;
        text-align: center;
        line-height: 52px;
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        margin-top: 10px;
        color: #fff;
        border: solid transform 1px;
    }
    
    a.btn:hover,
    button.btn:hover,
    a.btn:focus,
    button.btn:focus {
        background: #252525;
        color: #fff;
    }
    
    button {
        transition: ease all 0.5s;
        cursor: pointer;
    }
    
    .bt_main {
        color: #fff;
        font-size: 14px;
        min-width: 148px;
        float: left;
        text-align: center;
        height: 48px;
        line-height: 50px;
        font-weight: 500;
        border: none;
        padding: 0 35px;
        transition: ease all 0.5s;
    }
    
    .bt_main:hover,
    .bt_main:focus {
        color: #fff;
    }
    
    .reverse_bt.bt_main {
        color: #fff;
    }
    
    .white_bt.bt_main {
        background: #fff;
    }
    
    .white_bt.bt_main:hover,
    .white_bt.bt_main:focus {
        color: #fff;
    }
    
    .field button {
        background: #f96495;
        color: #fff;
        font-size: 14px;
        width: auto;
        text-align: center;
        height: 48px;
        border-radius: 25px;
        line-height: 50px;
        font-weight: 500;
        border: none;
        margin-top: 15px;
        transition: ease all 0.5s;
        cursor: pointer;
        min-width: 148px;
        padding-left: 75px;
        padding-right: 75px;
    }
    
    .field button:hover,
    .field button:focus {
        background: #ffffff;
        color: #1e72bc;
    }
    
    .border_circle_bt {
        border-radius: 50px;
    }
    
    .padding-bottom_0 {
        padding-bottom: 0 !important;
    }
    
    .padding-top_0 {
        padding-top: 0 !important;
    }
    
    .padding-bottom_1 {
        padding-bottom: 10px !important;
    }
    
    .padding-bottom_2 {
        padding-bottom: 20px !important;
    }
    
    .padding-bottom_3 {
        padding-bottom: 30px !important;
    }
    
    .padding-bottom_4 {
        padding-bottom: 40px !important;
    }
    
    .padding-bottom_5 {
        padding-bottom: 50px !important;
    }
    
    .color_black p,
    .color_black p.large,
    .color_black ul,
    .color_black ul li {
        color: #000;
    }
    
    .black_color {
        color: #000 !important;
    }
    
    .extra_light_font {
        font-weight: 300 !important;
    }
    
    .light_font {
        font-weight: 300 !important;
    }
    
    .normal_font {
        font-weight: 400 !important;
    }
    
    .semi_bold_font {
        font-weight: 600 !important;
    }
    
    .bold_font {
        font-weight: 700 !important;
    }
    
    .extra_bold_font {
        font-weight: 900 !important;
    }
    
    .lead {
        font-size: 18px;
        line-height: 30px;
        color: #767676;
        margin: 0;
        padding: 0;
    }
    
    blockquote {
        margin: 20px 0 20px;
        padding: 30px;
    }
    
    .margin_0 {
        margin: 0 !important;
    }
    
    .padding_0 {
        padding: 0 !important;
    }
    
    h2 {
        font-size: 40px;
        font-weight: 500;
        letter-spacing: -2px;
        position: relative;
        margin-bottom: 25px;
        line-height: 50px;
        position: relative;
    }
    
    h3 {
        font-size: 24px;
        color: #000;
        line-height: normal;
        font-weight: 700;
        text-transform: uppercase;
    }
    
    h4 {
        font-size: 18px;
        color: #000;
        line-height: 21px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 30px 0 20px 0;
    }
    
    h5 {
        font-size: 15px;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0;
        line-height: normal;
        color: #000;
    }
    
    p {
        font-size: 14px;
        line-height: 21px;
        font-weight: 300;
    }
    
    p.large {
        color: #707070;
        font-size: 16px;
        font-weight: 400;
    }
    
    p.large_2 {
        font-weight: 500;
        font-size: 14px;
        color: #000;
    }
    
    .img-responsive {
        max-width: 100%;
    }
    
    button,
    input,
    select,
    textarea,
    option {
        font-family: "Poppins", sans-serif;
    }
    
    a#submit {
        z-index: 1;
    }
    
    a:hover,
    a:focus {
        color: #000;
        text-decoration: none;
    }
    
    .span1,
    .span2,
    .span3,
    .span4,
    .span5,
    .span6,
    .span7,
    .span8,
    .span9,
    .span10 {
        padding: 0 15px;
        float: left;
        min-height: 25px;
    }
    
    .border_radius_0 {
        border-radius: 0 !important;
    }
    
    .span1 {
        width: 10%;
    }
    
    .span2 {
        width: 20%;
    }
    
    .span3 {
        width: 30%;
    }
    
    .span4 {
        width: 40%;
    }
    
    .span5 {
        width: 50%;
    }
    
    .span6 {
        width: 60%;
    }
    
    .span7 {
        width: 70%;
    }
    
    .span8 {
        width: 80%;
    }
    
    .span9 {
        width: 90%;
    }
    
    .span10 {
        width: 100%;
    }
    
    .container {
        width: 1200px;
        max-width: 1200px;
    }
    
    .layout_padding {
        padding-top: 80px;
        padding-bottom: 100px;
    }
    
    .layout_padding_2 {
        padding-top: 100px;
        padding-bottom: 80px;
    }
    
    .full {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0;
    }
    
    .vertical-center {
        display: flex;
        align-items: center;
        height: 100%;
        width: 100%;
    }
    
    .right_side {
        float: right;
    }
    
    .text_align_right {
        text-align: right;
    }
    
    .left_side {
        float: left;
    }
    
    .text_align_left {
        text-align: left;
    }
    
    .text_align_center {
        text-align: center;
    }
    
    .center {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    
    .border_dotted_circle {
        border: dotted #e1e1e1 3px;
        width: 170px;
        height: 170px;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 1;
    }
    
    .border_dotted_circle:hover,
    .border_dotted_circle:focus {
        border: dotted #e1e1e1 3px;
        animation-name: rotate;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        -webkit-animation-name: rotate;
        -webkit-animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-name: rotate;
        -moz-animation-duration: 2s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
        -ms-animation-name: rotate;
        -ms-animation-duration: 5s;
        -ms-animation-iteration-count: infinite;
        -ms-animation-timing-function: linear;
        -o-animation-name: rotate;
        -o-animation-duration: 2s;
        -o-animation-iteration-count: infinite;
        -o-animation-timing-function: linear;
    }
    
    @-webkit-keyframes rotate {
        from {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @-moz-keyframes rotate {
        from {
            -moz-transform: rotate(0deg);
        }
        to {
            -moz-transform: rotate(360deg);
        }
    }
    
    .white_fonts p,
    .white_fonts h1,
    .white_fonts h2,
    .white_fonts h3,
    .white_fonts h4,
    .white_fonts h5,
    .white_fonts h6,
    .white_fonts ul,
    .white_fonts ul li,
    .white_fonts ul li a,
    .white_fonts ul i,
    .white_fonts .post_info i,
    .white_fonts div,
    .white_fonts a.read_more,
    .white_fonts h2 span {
        color: #fff !important;
    }
    
    .light_gray_fonts p,
    .light_gray_fonts h1,
    .light_gray_fonts h2,
    .light_gray_fonts h3,
    .light_gray_fonts h4,
    .light_gray_fonts h5,
    .light_gray_fonts h6,
    .light_gray_fonts ul,
    .light_gray_fonts ul li,
    .light_gray_fonts ul li a,
    .light_gray_fonts ul i,
    .light_gray_fonts .post_info i,
    .light_gray_fonts div,
    .light_gray_fonts a.read_more {
        color: #898989 !important;
    }
    
    .parallax_bg {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        background-attachment: fixed;
    }
    
    .dark_gray {
        background-color: #252525;
        min-height: 400px;
    }
    
    .list_style_1 {
        font-size: 14px;
        font-weight: 500;
        margin: 20px 0 15px;
    }
    
    .list_style_1 i {
        float: left;
        margin: 3px 16px 0 0;
    }
    
    .light_silver {
        background: #f4f6fe;
    }
    
    .light_silver_2 {
        background: #f8f8f8;
    }
    
    hr.dottad_border {
        border-top: dotted 3px;
        margin: 80px 0;
    }
    
    .padding_right_left_15 {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .padding_right_left_25 {
        padding-left: 25px;
        padding-right: 25px;
    }
    
    .padding_top_80 {
        padding-top: 80px;
    }
    
    .padding_bottom_80 {
        padding-bottom: 80px;
    }
    
    .padding_bottom_0 {
        padding-bottom: 0;
    }
    
    .padding_inner {
        padding-top: 75px;
        padding-bottom: 75px;
    }
    
    .theme_color_bg h2::after {
        background: #fff;
    }
    
    .layout_pur_minus {
        margin-bottom: -190px;
        position: relative;
        z-index: 1;
    }
    
    .haf_full_section {
        position: relative;
    }
    
    .haf_full_section.right_full::after {
        content: "";
        display: block;
        width: 50%;
        background-color: #333;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .haf_full_section.left_full::before {
        content: "";
        display: block;
        width: 50%;
        background-color: #333;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .gray1 {
        background: #464646;
    }
    
    .gray2 {
        background-color: #555555;
    }
    
    .overlap_top_img_main {
        margin: -70px 0 0 0;
    }
    
    .center_padding {
        padding: 150px 0 120px;
    }
    
    .border_0 {
        border-width: 0 !important;
    }
    
    .oswald_fonts h1,
    .oswald_fonts h2,
    .oswald_fonts h3,
    .oswald_fonts h4,
    .oswald_fonts h5,
    .oswald_fonts h6 {
        font-family: "Oswald", sans-serif;
    }
    
    .small_radius {
        border-radius: 5px;
    }
    
    section .small_head h2 {
        font-size: 30px;
    }
    
    .margin_top_0 {
        margin-top: 0 !important;
    }
    
    .montserrat_fonts li,
    .montserrat_fonts a,
    .montserrat_fonts ul {
        font-family: "Montserrat", sans-serif;
        font-weight: 400;
    }
    
    .margin_top_30 {
        margin-top: 30px;
    }
    
    .margin_bottom_30 {
        margin-bottom: 30px;
    }
    
    .padding_top_0 {
        padding-top: 0 !important;
    }
    /*------------------------------------------------------------------
        4. loader
-------------------------------------------------------------------*/
    /* Preloader */
    
    #preloader {
        position: fixed;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: 999;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    
    #status {
        background: url(/images/loading.gif);
        width: 220px;
        height: 220px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
    /*------------------------------------------------------------------
        5. header
-------------------------------------------------------------------*/
    
    .header_information {
        float: left;
        width: 100%;
        border-bottom: solid #eee 1px;
        padding-bottom: 10px;
    }
    
    .header_fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }
    
    .header_top {
        background: #f6f6f6;
        min-height: 45px;
        padding-bottom: 10px;
    }
    
    .heading_main h2 span {
        color: #0aceb1;
    }
    
    .header_bg_transparent {
        background: rgba(37, 37, 37, 0.2);
    }
    
    .left_head {
        float: left;
    }
    
    .left_head ul {
        margin: 12px 0 11px;
    }
    
    div.left_head ul li {
        display: inline;
        margin-right: 30px;
        font-size: 14px;
        color: #3f504d;
    }
    
    div.left_head ul li i {
        font-size: 16px;
        margin-right: 5px;
        color: #1e72bc;
    }
    
    .right_head {
        float: right;
    }
    
    .right_head .social_icon_part {
        float: left;
    }
    
    .right_head .button_section {
        float: right;
        width: auto;
    }
    /**-- logo --**/
    
    .header {
        padding: 2px 0;
        position: fixed;
        z-index: 999 !important;
        width: 101%;
        background: #fff;
        box-shadow: 0 15px 30px -25px #000;
        height: 95px;
        margin-left: -40px;
        margin-top: -30px;
    }
    
    .header_about_us {
        padding: 2px 0;
        position: fixed;
        z-index: 11 !important;
        width: 100%;
        background: #fff;
    }
    
    .logo {
        margin: 13px 0 13px;
        float: left;
    }
    /**-- menu --**/
    
    .menu {
        width: 100%;
        margin: -1px 0 0;
    }
    
    .main_menu {
        margin: 20px 0 0;
    }
    
    .menu-container {
        margin: 0 auto;
        background: #e9e9e9;
    }
    
    .menu a.logo {
        display: inline-block;
        padding: 1.5em 3em;
        width: 19%;
        float: left;
    }
    
    .menu img {
        max-width: 100%;
    }
    
    .menu-mobile {
        display: none;
        padding: 20px;
    }
    
    .menu-mobile::after {
        content: "\f0c9";
        font-family: "fontawesome";
        position: relative;
        left: -2px;
        top: 2px;
    }
    
    .menu-dropdown-icon::before {
        content: "\f078";
        font-family: "fontawesome";
        display: none;
        cursor: pointer;
        float: right;
        padding: 16px 15px 16px;
        background: transparent;
        color: #333;
        border-left: solid #ddd 2px;
        font-size: 11px;
    }
    
    .menu>ul {
        margin: 0;
        width: 100%;
        list-style: none;
    }
    
    .menu>ul:before,
    .menu>ul:after {
        content: "";
        display: table;
    }
    
    .menu>ul:after {
        clear: both;
    }
    
    .menu>ul>li {
        float: left;
        padding: 0;
        margin: 0;
    }
    
    .menu>ul>li a {
        padding: 15px 15px;
        display: block;
        color: #333;
        font-size: 20px;
    }
    
    .menu>ul>li:hover>a,
    .menu>ul>li:focus>a,
    .menu>ul>li.active>a {
        color: #f96495;
    }
    
    .menu>ul>li>ul {
        display: none;
        width: 100%;
        background-color: #fff;
        position: absolute;
        z-index: 99;
        left: 0;
        margin: 0;
        list-style: none;
        box-sizing: border-box;
        box-shadow: 0 15px 40px -20px #000;
        padding: 0;
        /*background-image: url('../images/landing_page/bg2.png');*/
        background-size: cover;
        background-position: right bottom;
        min-height: 420px;
        border-top: solid #1e72bc 5px;
    }
    
    .menu>ul>li>ul:before,
    .menu>ul>li>ul:after {
        content: "";
        display: table;
    }
    
    .menu>ul>li>ul:after {
        clear: both;
    }
    
    .menu>ul>li>ul>li {
        margin: 0;
        list-style: none;
        width: 25%;
        background: none;
        float: left;
        padding: 15px 20px 0 20px;
        min-height: auto;
    }
    
    .menu>ul>li>ul>li:nth-child(4) {
        border-right: none;
    }
    
    .menu>ul>li>ul>li a {
        color: #222;
        padding: 0;
        width: 100%;
        display: block;
    }
    
    .menu>ul>li>ul>li a:hover {
        color: #1e72bc;
    }
    
    .menu>ul>li>ul>li>ul {
        display: block;
        padding: 0;
        margin: 0;
        list-style: none;
        box-sizing: border-box;
    }
    
    .menu>ul>li>ul>li>ul:before,
    .menu>ul>li>ul>li>ul:after {
        content: "";
        display: table;
    }
    
    .menu>ul>li>ul>li>ul:after {
        clear: both;
    }
    
    .menu>ul>li>ul>li>ul>li {
        float: left;
        width: 100%;
        padding: 10px;
    }
    
    .menu>ul>li>ul>li>ul>li a {
        border: 0;
        font-size: 13px;
        font-weight: 400;
    }
    
    .menu>ul>li>ul.normal-sub {
        width: 300px;
        left: auto;
        padding: 15px 10px;
        min-height: auto;
        background-image: none;
    }
    
    .menu>ul>li>ul.normal-sub>li {
        width: 100%;
        padding: 10px 15px;
        min-height: auto;
    }
    
    .menu>ul>li>ul.normal-sub>li a {
        border: 0;
        font-size: 13px;
        font-weight: 400;
    }
    
    .right_bt {
        float: right;
        margin-top: 23px;
    }
    /** social icon **/
    
    .social_icons {
        float: right;
        margin: 9px 0 0px;
    }
    
    section .social_icons {
        width: 100%;
    }
    
    .social_icons li {
        display: inline;
        font-size: 15px;
        margin-left: 15px;
    }
    
    .social_icons li {
        display: inline;
        font-size: 14px;
        margin-left: 15px;
    }
    
    .social_icons li a {
        color: #222;
        font-size: 18px;
    }
    
    .social_icons li a:hover,
    .social_icons li a:focus {
        color: #0aceb1;
    }
    
    .logo img {
        width: 235px;
        margin: 0;
    }
    /*------------------------------------------------------------------
        6. main banner
-------------------------------------------------------------------*/
    
    .slide_cont {
        float: left;
        width: 100%;
        margin-top: 85px;
    }
    
    .slide_cont h2 {
        color: #fff;
        font-size: 55px;
        font-weight: 600;
        line-height: 60px;
        margin: 0;
        letter-spacing: -1px;
        margin-bottom: 30px;
    }
    
    #banner_parallax p,
    #banner_slide p {
        color: #fff;
        font-weight: 300;
        margin-top: 10px;
        position: relative;
        left: 0;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 24px;
    }
    
    .slide_banner1 {
        /*background-image: url('../images/slide1.png');*/
        max-height: 560px;
        position: relative;
        background-repeat: no-repeat;
        background-size: auto;
        background-position: bottom center;
    }
    
    .slide_pc_img {
        position: relative;
        z-index: 1;
        margin-bottom: -130px;
    }
    
    .slide_pc_img img {
        margin-top: 110px;
        float: left;
        margin-right: 0;
        position: relative;
        right: 150px;
        margin-bottom: 0;
    }
    
    #banner_slide .cont_banner_center {
        position: absolute;
        top: 0;
        width: 50%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    #banner_slide {
        position: relative;
    }
    
    #banner_slide img {
        width: 100%;
    }
    
    .home_page1 .slide_cont {
        margin-top: 135px;
    }
    
    .home_page1 #banner_slide {
        margin-bottom: -145px;
    }
    
    .slide_cont .bt_main {
        margin-top: 10px;
    }
    /**-- slide style 2 **/
    /*------------------------------------------------------------------
        7. section
-------------------------------------------------------------------*/
    /**-- main heading --**/
    
    .heading_main {
        width: 100%;
        margin: 0 0 65px;
        letter-spacing: 0;
    }
    
    .full_heading {
        width: 100%;
        margin: 0;
    }
    
    .heading_style_1 h2::after {
        width: 110px;
        background: #ddd;
        content: "";
        display: block;
        margin: 15px 0 30px;
    }
    
    .white_heading_border h2::after {
        background: #fff !important;
    }
    
    .center_head_border h2:after,
    .center_head_border:after {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .color_heading h4 {
        color: #1e72bc;
    }
    
    .double_line_heading h2 {
        line-height: 45px;
    }
    
    h3.heading_2 {
        font-size: 42px;
        text-transform: none;
        font-weight: 500;
        color: #32414d;
        letter-spacing: -0.5px;
        line-height: 42px;
        margin-bottom: 20px;
    }
    
    .feature_information p {
        font-size: 16px;
        line-height: 21px;
    }
    /**-- contant section --**/
    
    .theme_bg {
        /*background-image: url('../images/bg_layout.png');*/
        background-size: cover;
        min-height: 650px;
        background-position: center;
    }
    
    .layout_screen {
        left: -150px;
        position: relative;
    }
    
    .cross_layout {
        position: relative;
    }
    
    .feature_box {
        min-height: 315px;
        padding: 45px 0 30px;
        margin-bottom: 30px;
        box-shadow: 0 20px 35px -20px rgba(0, 0, 0, 0.2);
    }
    
    .app-features li {
        padding-left: 100px;
        position: relative;
        margin: 25px 0 0;
        float: left;
        border-bottom: dotted 1px #ddd;
        padding-bottom: 25px;
    }
    
    .app-features li>i {
        position: absolute;
        left: 0;
        width: 90px;
        height: 90px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100px;
        background: #fff;
        font-size: 35px;
        font-weight: 500;
        transition: ease all 0.5s;
        top: 0;
        border: solid #0aceb1 2px;
        color: #0aceb1;
    }
    
    .app-features ul li:last-child {
        border-bottom: none;
    }
    
    .app-features li:hover>i,
    .app-features li:focus>i {
        background: #1e72bc;
        border-color: #1e72bc;
        color: #fff;
    }
    
    .app-features h4 {
        text-transform: none;
        font-weight: 500;
        color: #666;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .gradiant_bg {
        /*background: url('../images/bg_gradinat.png');*/
        min-height: 420px;
        background-position: center center;
        background-size: cover;
    }
    
    .cross_layout {
        position: relative;
        overflow: hidden;
    }
    
    section.cross_layout {
        padding-top: 140px;
        padding-bottom: 70px;
    }
    
    section.cross_layout1 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    section.cross_layout2 {
        padding-top: 250px;
        padding-bottom: 70px;
    }
    
    .cross_layout::before {
        content: "";
        width: 100%;
        height: 120px;
        /*background: url('../images/top_layer.png');*/
        display: block;
        position: absolute;
        top: 0;
        background-size: 100% 100%;
    }
    
    .cross_layout::after {
        content: "";
        width: 100%;
        height: 120px;
        /*background: url('../images/bottom_layer.png');*/
        display: block;
        position: absolute;
        bottom: 0;
        background-size: 100% 100%;
    }
    
    .cont_theme_blog h3 {
        text-transform: uppercase;
        background: linear-gradient(to right, #1e72bc 0%, #30cfd0 100%);
        background: -webkit-linear-gradient(to right, #1e72bc 0%, #30cfd0 100%);
        background: -moz-linear-gradient(to right, #1e72bc 0%, #30cfd0 100%);
        background: -ms-linear-gradient(to right, #1e72bc 0%, #30cfd0 100%);
        background: -o-linear-gradient(to right, #1e72bc 0%, #30cfd0 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: none;
        font-size: 55px;
        line-height: 60px;
        font-weight: 400;
        margin-top: 50px;
        margin-bottom: 20px;
    }
    
    .cont_theme_blog p {
        font-size: 17px;
        line-height: normal;
        margin-top: 25px;
    }
    /*------------------------------------------------------------------
        8. price table
-------------------------------------------------------------------*/
    
    .table_price {
        float: left;
        width: 100%;
        background: #fff;
        padding: 0 0 40px 0;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
        border: solid #fff 15px;
    }
    
    .table_price_head {
        background: #30cfd0;
        min-height: 80px;
    }
    
    .active_price .table_price_head {
        background: #1e72bc;
    }
    
    .table_price_head h5 {
        font-weight: 600;
        font-size: 21px;
        line-height: 80px;
        color: #fff;
    }
    
    .table_price_per {
        min-height: 122px;
        padding: 47px 0 0;
    }
    
    .table_price_per p {
        font-size: 45px;
        color: #1e72bc;
        font-weight: 600;
    }
    
    .table_price_per p small {
        font-size: 16px;
    }
    
    .table_price_cont_bottm {
        padding: 0 45px;
    }
    
    .table_price_cont_bottm ul {
        border-top: solid #ebebeb 2px;
        float: left;
        width: 100%;
        padding: 25px 0;
    }
    
    .table_price_cont_bottm ul li {
        float: left;
        width: 100%;
        font-size: 16px;
        color: #333;
        line-height: normal;
        margin: 6px 0;
    }
    
    .table_price_bottm {
        float: left;
        width: 100%;
        justify-content: center;
        display: flex;
    }
    /*------------------------------------------------------------------
        9. team section
-------------------------------------------------------------------*/
    
    .team_imform p {
        margin: 0;
        text-align: center;
        color: #000;
        font-weight: 400;
    }
    
    .team_imform p.team_mem_name {
        color: #1e72bc;
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 5px;
    }
    
    .team_imform {
        margin: 30px 0;
    }
    /*------------------------------------------------------------------
        10. blog section
-------------------------------------------------------------------*/
    
    .blog_section {
        background: #fff;
        box-shadow: 0 20px 35px -25px rgba(0, 0, 0, 0.4);
        margin-top: 10px;
    }
    
    .white_bg .blog_section {
        padding: 15px 0;
    }
    
    .blog_feature_cantant {
        padding: 30px 25px 20px;
    }
    
    .blog_feature_cantant .blog_head {
        font-size: 18px;
        color: #000;
        font-weight: 400;
    }
    
    .post_info {
        color: #000;
        font-size: 14px;
        margin-bottom: 10px;
        width: 100%;
    }
    
    .post_info ul li {
        display: inline;
        margin-right: 10px;
        color: #555;
        font-size: 14px;
    }
    
    .blog_feature_cantant p {
        color: #555555;
    }
    
    .post_info ul li i {
        color: #1e72bc;
    }
    /*------------------------------------------------------------------
        11. contact section
-------------------------------------------------------------------*/
    
    .contact_section {
        background-image: url(/images/cu.png);
        height: auto;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
    }
    
    .contact_section1 {
        background-image: url(/images/mobcontact.jpg);
        height: auto;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
    }
    
    .contact_form {
        min-height: 600px;
        padding: 80px 70px;
        background-size: cover;
    }
    
    .contact_form.contact_inform {
        min-height: auto;
        float: left;
        width: 100%;
    }
    
    .contact_form_inner {
        max-width: 430px;
    }
    
    .contact_form p {
        color: #fff;
    }
    
    .contact_form.contact_inform p.inform_label {
        color: #898989;
        text-transform: uppercase;
        font-weight: normal;
        margin: 0;
    }
    
    .contact_form.contact_inform p.inform_cont {
        font-size: 18px;
        color: #000;
    }
    
    .contact_form_layout .contact_form {
        padding: 0;
        margin-top: 10px;
    }
    
    .contact_form_layout .field input {
        border: solid #e1e1e1 1px;
        height: 45px;
    }
    
    .contact_form_layout .field textarea {
        border: solid #e1e1e1 1px;
        height: 160px;
        padding: 15px 30px;
    }
    
    .contact_form_layout .contact_form {
        min-height: auto;
    }
    
    .golde_yellow_theme .dark_footer .footer_bottom div.center ul li {
        margin: 0 10px;
    }
    /**-- map --**/
    
    #map {
        height: 100%;
        min-height: 790px;
    }
    /**-- form --**/
    
    .field input {
        width: 100%;
        margin-top: 10px;
        border: none;
        min-height: 45px;
        padding: 0 25px;
        line-height: 45px;
        font-size: 14px;
    }
    
    .field textarea {
        width: 100%;
        margin-top: 10px;
        border: none;
        font-size: 14px;
        min-height: 100px;
        padding: 30px 25px;
    }
    /*------------------------------------------------------------------
        12. footer
-------------------------------------------------------------------*/
    
    .footer_style_2 {
        left: 0;
        bottom: 0;
        width: 100%;
        height: 80px;
    }
    
    footer {
        background-color: #8ab77d;
    }
    
    .footer_logo {
        text-align: center;
        margin-bottom: 50px;
    }
    
    .footer_top {
        padding-bottom: 50px;
    }
    
    .footer_blog {
        display: flex;
    }
    
    .footer_icon {
        margin-right: 15px;
    }
    
    .footer_cont h4 {
        font-size: 18px;
        color: #000;
        font-weight: 400;
        text-transform: none;
        margin: 0 0 7px 0;
    }
    
    .footer_blog_2 h3 {
        font-weight: 500;
        font-size: 24px;
        text-transform: none;
        margin: 0 0 25px 0;
        line-height: 30px;
    }
    
    .footer_cont p {
        color: #555555;
        line-height: 20px;
        font-size: 14px;
    }
    
    .footer_bottom {
        min-height: 50px;
        text-align: center;
        line-height: 50px;
        background: #79676a;
    }
    
    .footer_bottom p {
        margin: 0;
        line-height: 50px;
        color: #fff;
        text-align: center !important;
        padding: 0;
    }
    
    .footer_bottom p strong {
        color: #fff;
        font-weight: 500;
    }
    
    .footer-links {
        list-style: none;
        padding: 0;
    }
    
    .footer-links li {
        margin-bottom: 20px;
        display: block;
        width: 100%;
        border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
        padding-bottom: 20px;
    }
    
    .footer-links li:last-child {
        border-bottom: none;
    }
    
    .footer-links a {
        color: #999;
    }
    
    .footer-links a:hover,
    .footer a:hover {
        color: #1e72bc !important;
    }
    
    .footer-links a i {
        font-size: 20px;
        position: relative;
        top: 1px;
        margin-right: 15px;
    }
    
    .blog_post_footer {
        display: flex;
        margin-bottom: 15px;
    }
    
    .blog_post_footer .blog_post_img {
        margin-right: 20px;
    }
    
    .blog_post_cont {
        padding: 8px 0;
    }
    
    .date {
        font-size: 12px;
        color: #999;
        margin: 0;
        font-weight: 500;
    }
    
    .post_head {
        color: #333;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        margin-top: 5px;
        margin-bottom: 0;
    }
    /**== dark footer ==**/
    
    .dark_footer {
        background: #1f222a;
    }
    
    .dark_footer h3 {
        color: #fff !important;
    }
    
    .dark_footer .post_head {
        color: #fff !important;
    }
    
    .dark_footer .footer_bottom strong {
        color: #fff !important;
    }
    
    .dark_footer .footer_bottom {
        border-color: rgba(255, 255, 255, 0.1);
    }
    /*------------------------------------------------------------------
	13. brand logo 
-------------------------------------------------------------------*/
    
    .brand_logo_section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    .brand_logo_section li {
        width: 16.66%;
        float: left;
        text-align: center;
        align-items: center;
        display: flex;
        min-height: 100px;
        justify-content: center;
    }
    
    .brand_logo_section img {
        width: auto;
    }
    /*------------------------------------------------------------------
	14. portfolio 
-------------------------------------------------------------------*/
    
    .portfolia_blog_style1 {
        position: relative;
    }
    
    .portfolia_img img {
        width: 100%;
    }
    
    .portfolia_blog_style1 .portfolia_cont {
        position: absolute;
        top: 0;
        width: 100%;
        text-align: center;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.7);
        transform: scale(0);
        transition: ease all 0.3s;
        opacity: 0;
        overflow: hidden;
    }
    
    .portfolia_blog_style1:hover .portfolia_cont,
    .portfolia_blog_style1:focus .portfolia_cont {
        transform: scale(1);
        opacity: 1;
    }
    
    .portfolia_cont p {
        color: #fff;
        font-size: 16px;
        padding: 0 45px;
        line-height: normal;
    }
    /** pagination **/
    
    .pagination_section {
        display: flex;
        justify-content: center;
        margin-top: 5px;
    }
    
    ul.pagination .page-item a {
        height: 40px;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 500;
        line-height: 40px;
        padding: 0;
        min-width: 40px;
        text-align: center;
        color: #898989;
    }
    
    ul.pagination li.page-item:first-child .page-link,
    ul.pagination li.page-item:last-child .page-link {
        border-radius: 0;
        padding: 0 20px;
        background: #f8f8f8;
    }
    
    ul.pagination li.page-item.active .page-link {
        background: #ffb125;
        color: #fff;
        border-color: #ffb125;
    }
    /** imformation blog **/
    
    .imf_icon img {
        width: 125px;
        height: 125px;
    }
    
    .imf_icon {
        width: 120px;
        height: 120px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%;
        margin: -120px auto 20px;
        padding: 25px;
        background: #fff;
    }
    
    .information_blogs {
        background: #eaeaea;
        padding: 40px 40px;
        text-align: center;
        margin-top: 65px;
        height: 250px;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .information_blogs h3 {
        font-size: 24px;
        font-weight: 300;
        text-transform: none;
        margin-bottom: 15px;
    }
    
    .information_blogs_white_left {
        background: #ffffff;
        padding: 40px 40px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
        margin-left: 38px;
        margin-right: 30px;
        height: 290px;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .information_blogs_white_left h3 {
        font-size: 24px;
        font-weight: 300;
        text-transform: none;
        margin-bottom: 15px;
    }
    
    .information_blogs_white_right {
        background: #ffffff;
        padding: 40px 40px;
        text-align: center;
        margin-top: 100px;
        margin-bottom: 100px;
        margin-left: 25px;
        margin-right: 150px;
        height: 225px;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .information_blogs_white_right h3 {
        font-size: 24px;
        font-weight: 300;
        text-transform: none;
        margin-bottom: 15px;
    }
    
    .inner_page_banner+.layout_padding {
        padding-top: 0 !important;
    }
    /**-- step section --**/
    
    .step_inner {
        width: 100%;
        position: relative;
    }
    
    .step_inner p {
        font-size: 21px;
        margin: 20px 0 0 0;
        font-weight: 400;
        position: relative;
        color: #fff;
        letter-spacing: -0.5px;
        text-align: center;
    }
    
    .step_inner i {
        font-size: 65px;
        margin-bottom: 0;
        color: #fff;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        line-height: normal;
        text-align: center;
    }
    
    .step_blog {
        margin-bottom: 35px;
    }
    
    .scren {
        float: left;
        width: 25%;
    }
    
    .bg-grey {
        background-color: #eaeaea;
    }
    
    .flip-card {
        background: #eaeaea;
        width: 100%;
        height: 300px;
        perspective: 1000px;
    }
    
    .flip-card-inner {
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
        transition: transform 0.6s;
        transform-style: preserve-3d;
    }
    
    .flip-card:hover .flip-card-inner {
        transform: rotateY(180deg);
        background: #ffffff !important;
    }
    
    .flip-card-front,
    .flip-card-back {
        background: #eaeaea;
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 0;
        -webkit-transform: translate3d(0, 0, 0);
        visibility: visible;
        padding: 10px;
    }
    
    .flip-card-front {
        color: black;
    }
    
    .flip-card-back {
        color: #000000;
        transform: rotateY(180deg);
    }
    
    .pad {
        padding: 20px 20px 20px 20px;
    }
    
    .logo-alignment {
        float: left;
    }
    
    .carousel-control.left {
        background-image: none !important;
    }
    
    .carousel-control.right {
        background-image: none !important;
    }
    /* On screens that are 992px or less, set the background color to blue */
    
    @media screen and (max-width: 992px) {
        .pad {
            padding: 20px 20px 20px 20px;
        }
    }
    /* On screens that are 600px or less, set the background color to olive */
    
    @media screen and (max-width: 600px) {
        .pad {
            padding: 20px 50px 20px 50px !important;
        }
        .information_blogs_white_left {
            background: #ffffff;
            padding: 40px 40px;
            text-align: center;
            margin-top: 100px;
            margin-bottom: 20px;
            margin-left: 20px;
            margin-right: 20px;
            height: 345px !important;
        }
        .information_blogs_white_right {
            background: #ffffff;
            padding: 40px 40px;
            text-align: center;
            margin-top: 100px;
            margin-bottom: 20px;
            margin-left: 20px;
            margin-right: 20px;
            height: 310px !important;
        }
        .logo-alignment {
            text-align: center !important;
            margin-left: 30%;
        }
    }
    
    .field1 input {
        width: 100%;
        margin-top: 10px;
        min-height: 45px;
        padding: 0 25px;
        line-height: 45px;
        font-size: 14px;
        margin-bottom: 15px;
    }
    
    .newspaper {
        column-count: 3;
        column-gap: 40px;
    }
    
    .five-column {
        column-count: 5;
        column-gap: 20px;
    }
    
    .alice-carousel ul li img {
        height: 400px;
        width: 100%;
        object-fit: cover;
    }
    
    .searchTerm {
        width: 100%;
        border: 3px solid #eaeaea;
        border-right: none;
        padding: 5px;
        height: 40px;
        margin-top: 5px;
        outline: none;
        background-color: #eaeaea;
    }
    
    .searchTerm:focus {
        color: #f96495;
    }
    
    .searchButton {
        width: 40px;
        height: 40px;
        border: 1px solid #f96495;
        background: #f96495;
        text-align: center;
        color: #fff;
        border-radius: 0 5px 5px 0;
        cursor: pointer;
        font-size: 14px;
        margin-top: 5px;
    }
    
    .searchButton1 {
        width: 100%;
        height: 40px;
        border: 1px solid #f96495;
        background: #f96495;
        text-align: center;
        color: #fff;
        border-radius: 5px 0 0 5px;
        cursor: pointer;
        font-size: 14px;
        margin-top: 5px;
    }
    
    .blink {
        color: red;
        font-size: 11px;
    }
    
    .listing_product {
        background-image: url(/images/dw.jpg);
        height: 360px;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
        margin-top: 112px;
    }
    
    .listing_product1 {
        height: 360px;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
        margin-top: 112px;
    }
    
    .third-column {
        column-count: 3;
        column-gap: 30px;
    }
    
    .newspaper {
        column-count: 7;
        column-gap: 10px;
        margin-top: -13px;
        margin-bottom: 17px;
    }
    
    .parent1 {
        display: block;
        position: relative;
        z-index: 1;
    }
    
    .parent1 a {
        color: #ffffff;
        text-decoration: none;
    }
    
    .parent1:hover>ul {
        display: block;
        position: absolute;
    }
    
    .child1 {
        display: none;
    }
    
    .child1 li {
        background-color: #ffffff;
        line-height: 30px;
        width: 135px;
    }
    
    .child1 li a {
        color: #000000;
    }
    
    ul {
        list-style: none;
        margin: 0;
        padding: 0px;
        min-width: 10em;
    }
    
    ul ul ul {
        left: 100%;
        top: 0;
        margin-left: 1px;
    }
    
    {
        /*li:hover {background-color: #95B4CA;}*/
    }
    
    .parent li:hover {
        background-color: #ccc;
    }
    
    .expand1 {
        font-size: 12px;
        float: right;
        margin-right: 5px;
    }
    
    .dropdown3 {
        position: relative;
        display: inline-block;
    }
    
    .dropdown-content3 {
        display: none;
        position: absolute;
        background-color: white;
        width: 175px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        padding: 12px 16px;
        z-index: 3;
        margin-left: 20px;
    }
    
    .dropdown3:hover .dropdown-content3 {
        display: block;
    }
    
    .dropdown2 {
        position: relative;
        display: inline-block;
    }
    
    .dropdown-content2 {
        display: none;
        position: absolute;
        background-color: white;
        width: 400px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        padding: 12px 16px;
        z-index: 3;
        margin-left: -230px;
    }
    
    .dropdown2:hover .dropdown-content2 {
        display: block;
    }
    
    @media (min-width: 768px) {
        .seven-cols .col-md-1,
        .seven-cols .col-sm-1,
        .seven-cols .col-lg-1 {
            width: 100%;
            *width: 100%;
        }
    }
    
    @media (min-width: 992px) {
        .seven-cols .col-md-1,
        .seven-cols .col-sm-1,
        .seven-cols .col-lg-1 {
            width: 14.285714285714285714285714285714%;
            *width: 14.285714285714285714285714285714%;
        }
    }
    /**
   *  The following is not really needed in this case
   *  Only to demonstrate the usage of @media for large screens
   */
    
    @media (min-width: 1200px) {
        .seven-cols .col-md-1,
        .seven-cols .col-sm-1,
        .seven-cols .col-lg-1 {
            width: 14.285714285714285714285714285714%;
            *width: 14.285714285714285714285714285714%;
        }
    }
    
    .fa-stack[data-count]:after {
        position: absolute;
        right: 0%;
        top: 0%;
        content: attr(data-count);
        font-size: 40%;
        padding: 0.6em;
        border-radius: 999px;
        line-height: 0.75em;
        color: white;
        color: #111111;
        text-align: center;
        min-width: 2em;
        font-weight: bold;
        background: white;
        border-style: solid;
    }
    
    .fa-circle {
        color: #111111;
    }
    
    .red-cart {
        color: #111111;
        background: white;
    }
    
    .example {
        position: relative;
        padding: 0;
        width: 350px;
        display: block;
        cursor: pointer;
        overflow: hidden;
    }
    
    .content {
        opacity: 0;
        font-size: 20px;
        position: absolute;
        top: 0px;
        left: 0;
        color: #1c87c9;
        background-color: rgba(200, 200, 200, 0.5);
        width: 350px;
        height: 350px;
        -webkit-transition: all 400ms ease-out;
        -moz-transition: all 400ms ease-out;
        -o-transition: all 400ms ease-out;
        -ms-transition: all 400ms ease-out;
        transition: all 400ms ease-out;
        text-align: center;
    }
    
    .example .content:hover {
        opacity: 1;
    }
    
    .example .content .text {
        height: 0;
        opacity: 1;
        transition-delay: 0s;
        transition-duration: 0.4s;
    }
    
    .example .content:hover .text {
        opacity: 1;
        transform: translateY(250px);
        -webkit-transform: translateY(250px);
    }
    /* relevant styles */
    
    .img__wrap {
        position: relative;
        height: 300px;
        width: 300px;
    }
    
    .img__description_layer {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(23, 35, 51, 0.6);
        color: #f96495;
        visibility: hidden;
        opacity: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        /* transition effect. not necessary */
        transition: opacity 0.2s, visibility 0.2s;
    }
    
    .img__wrap:hover .img__description_layer {
        visibility: visible;
        opacity: 1;
    }
    
    .img__description {
        transition: 0.2s;
        transform: translateY(1em);
    }
    
    .img__wrap:hover .img__description {
        transform: translateY(0);
    }
    
    .img__wrap1 {
        position: relative;
        height: 550px;
        width: 380px;
    }
    
    .img__description_layer1 {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(23, 35, 51, 0.6);
        color: #f96495;
        visibility: hidden;
        opacity: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        /* transition effect. not necessary */
        transition: opacity 0.2s, visibility 0.2s;
    }
    
    .img__wrap1:hover .img__description_layer1 {
        visibility: visible;
        opacity: 1;
    }
    
    .img__description1 {
        transition: 0.2s;
        transform: translateY(1em);
    }
    
    .img__wrap1:hover .img__description1 {
        transform: translateY(0);
    }
    
    .f14 {
        font-size: 14px;
    }
    
    .loading {
        width: 100%;
        text-align: center;
        vertical-align: center;
        z-index: 9999;
        opacity: 10;
    }
    
    .overlay {
        background: #e9e9e9;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0.5;
    }
    
    #overlay {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        padding-top: 10px;
    }
    
    #cover-spin {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.7);
        z-index: 9999;
    }
    
    @-webkit-keyframes spin {
        from {
            -webkit-transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg);
        }
    }
    
    @keyframes spin {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }
    
    #cover-spin::after {
        content: "";
        display: block;
        position: absolute;
        left: 48%;
        top: 40%;
        width: 40px;
        height: 40px;
    }
    
    .column {
        float: left;
        width: 20%;
    }
    
    .column1 {
        float: left;
        width: 33.33%;
    }
    
    .pl-40 {
        padding-left: 40px;
        padding-right: 40px;
    }
    
    .example1 {
        position: relative;
        padding: 0;
        width: 550px;
        display: block;
        cursor: pointer;
        overflow: hidden;
        border-radius: 40px;
        border: 2px solid black;
    }
    
    form.example1 input[type="text"] {
        padding: 10px;
        font-size: 17px;
        border: 1px solid grey;
        float: left;
        width: 90%;
        background: #f1f1f1;
    }
    
    form.example1 button {
        float: left;
        width: 10%;
        padding: 10px;
        background: #8ab77d;
        color: white;
        font-size: 17px;
        border: 1px solid grey;
        border-left: none;
        cursor: pointer;
    }
    
    form.example1 button:hover {
        background: #8ab77d;
    }
    
    form.example1::after {
        content: "";
        clear: both;
        display: table;
    }
    
    .third-c {
        column-count: 3;
        column-gap: 10px;
    }
    
    .margin_25px {
        margin-left: -34px;
    }
    
    .redData {
        border: 1px solid red;
    }
    
    .transparent {
        background-color: transparent !important;
        box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.075);
    }
    
    .left-border-none {
        border-left: none !important;
        box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.075);
    }
    
    .marginTopData {
        margin-top: -28px;
    }
    
    .locButton {
        margin-top: 20px;
        background-color: rgb(138, 183, 125);
        width: 145px;
        height: 36px;
        padding: 8px;
        border-radius: 23px;
    }
    
    .vendor {
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
        width: 100%;
        height: 700px;
        justify-content: center;
        align-items: center;
        padding: 15px;
        justify-content: center;
        align-items: center;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
    }
    
    .login-center {
        position: absolute;
        right: 0;
        margin: 20px;
        max-width: 300px;
        padding: 16px;
        background-color: white;
    }
    /*//////////////////////////////////////////////////////////////////
[ login ]*/
    
    .limiter {
        width: 100%;
        margin: 0 auto;
    }
    
    .container-login100 {
        width: 100%;
        min-height: 100vh;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 15px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: relative;
        z-index: 1;
    }
    
    .container-login100::before {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 0.9);
    }
    
    .wrap-login100 {
        width: 500px;
        border-radius: 10px;
        overflow: hidden;
        padding: 55px 55px 37px 55px;
        background: #8ab77d;
    }
    /*------------------------------------------------------------------
  [ Form ]*/
    
    .login100-form {
        width: 100%;
    }
    
    .login100-form-logo {
        font-size: 60px;
        color: #333333;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 120px;
        height: 120px;
        margin: 0 auto;
    }
    
    .login100-form-title {
        font-family: Poppins-Medium;
        font-size: 30px;
        color: #fff;
        line-height: 1.2;
        text-align: center;
        text-transform: uppercase;
        display: block;
    }
    /*------------------------------------------------------------------
  [ Input ]*/
    
    .wrap-input100 {
        width: 100%;
        position: relative;
        border-bottom: 2px solid rgba(255, 255, 255, 0.24);
        margin-bottom: 30px;
    }
    
    .input100 {
        font-family: Poppins-Regular;
        font-size: 16px;
        color: #fff;
        line-height: 1.2;
        display: block;
        width: 100%;
        height: 45px;
        background: transparent;
        padding: 0 5px 0 38px;
    }
    /*---------------------------------------------*/
    
    .focus-input100 {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
    }
    
    .focus-input100::before {
        content: "";
        display: block;
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        height: 2px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        background: #fff;
    }
    
    .focus-input100::after {
        font-family: Material-Design-Iconic-Font;
        font-size: 22px;
        color: #fff;
        content: attr(data-placeholder);
        display: block;
        width: 100%;
        position: absolute;
        top: 6px;
        left: 0px;
        padding-left: 5px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
    }
    
    .input100:focus {
        padding-left: 5px;
    }
    
    .input100:focus+.focus-input100::after {
        top: -22px;
        font-size: 18px;
    }
    
    .input100:focus+.focus-input100::before {
        width: 100%;
    }
    
    .has-val.input100+.focus-input100::after {
        top: -22px;
        font-size: 18px;
    }
    
    .has-val.input100+.focus-input100::before {
        width: 100%;
    }
    
    .has-val.input100 {
        padding-left: 5px;
    }
    /*==================================================================
  [ Restyle Checkbox ]*/
    
    .contact100-form-checkbox {
        padding-left: 5px;
        padding-top: 5px;
        padding-bottom: 35px;
    }
    
    .input-checkbox100 {
        display: none;
    }
    
    .label-checkbox100 {
        font-family: Poppins-Regular;
        font-size: 13px;
        color: #fff;
        line-height: 1.2;
        display: block;
        position: relative;
        padding-left: 26px;
        cursor: pointer;
    }
    
    .label-checkbox100::before {
        content: "\f26b";
        font-family: Material-Design-Iconic-Font;
        font-size: 13px;
        color: transparent;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 2px;
        background: #fff;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .input-checkbox100:checked+.label-checkbox100::before {
        color: #555555;
    }
    /*------------------------------------------------------------------
  [ Button ]*/
    
    .container-login100-form-btn {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .login100-form-btn {
        font-family: Poppins-Medium;
        font-size: 16px;
        color: #555555;
        line-height: 1.2;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 20px;
        min-width: 120px;
        height: 50px;
        border-radius: 25px;
        background: #9152f8;
        background: -webkit-linear-gradient(bottom, #7579ff, #b224ef);
        background: -o-linear-gradient(bottom, #7579ff, #b224ef);
        background: -moz-linear-gradient(bottom, #7579ff, #b224ef);
        background: linear-gradient(bottom, #7579ff, #b224ef);
        position: relative;
        z-index: 1;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
    }
    
    .login100-form-btn::before {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        border-radius: 25px;
        background-color: #fff;
        top: 0;
        left: 0;
        opacity: 1;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
    }
    
    .login100-form-btn:hover {
        color: #fff;
    }
    
    .login100-form-btn:hover:before {
        opacity: 0;
    }
    /*------------------------------------------------------------------
  [ Responsive ]*/
    
    @media (max-width: 576px) {
        .wrap-login100 {
            padding: 55px 15px 37px 15px;
        }
    }
    
    .screen-image {
        background: url(/images/Picture2.png);
        width: 100%;
        height: 200px;
    }
    
    .vendor-circle {
        height: 171px;
        color: white;
        width: 125px;
        height: 125px;
        border: 1px solid;
        background-color: #8ab77d;
        border-radius: 60px;
    }
    
    .vendor-circle1 {
        padding-top: 37px;
        color: white;
        width: 125px;
        height: 125px;
        border: 1px solid;
        background-color: #8ab77d;
        border-radius: 60px;
    }
    
    .pad10 {
        padding: 15px;
        font-size: 12px;
    }
    
    th {
        text-align: center;
    }
    
    @media print {
        .printThisFull {
            width: 100%;
            height: auto;
            page-break-after: always;
        }
    }
    
    .mydiv {
        position: relative;
        height: 300px;
        width: 100%;
        overflow: hidden;
    }
    
    .imgData {
        width: 600px;
        height: 1000px;
    }
    
    @media all {
        .page-break {
            display: none;
        }
    }
    
    @media print {
        .page-break {
            display: block;
            page-break-before: always;
        }
        .page-right {
            font-size: 15px;
            text-align: right !important;
        }
    }
    
    @media print {
        @page {
            size: auto;
            margin: 0mm;
        }
    }
    
    @media print {
        header,
        footer {
            display: none;
        }
    }
    
    @media print {
        .rotate {
            transform: rotate(90deg) translateY(-100%);
            transform-origin: top left;
        }
    }
    
    @media print {
        tr.divFooter {
            position: fixed;
            bottom: 0;
        }
    }
    
    .pad5 {
        padding: 5px;
        font-size: 12px;
    }
    
    .highcharts-figure,
    .highcharts-data-table table {
        min-width: 320px;
        max-width: 800px;
        margin: 1em auto;
    }
    
    .highcharts-data-table table {
        font-family: Verdana, sans-serif;
        border-collapse: collapse;
        border: 1px solid #ebebeb;
        margin: 10px auto;
        text-align: center;
        width: 100%;
        max-width: 500px;
    }
    
    .highcharts-data-table caption {
        padding: 1em 0;
        font-size: 1.2em;
        color: #555;
    }
    
    .highcharts-data-table th {
        font-weight: 600;
        padding: 0.5em;
    }
    
    .highcharts-data-table td,
    .highcharts-data-table th,
    .highcharts-data-table caption {
        padding: 0.5em;
    }
    
    .highcharts-data-table thead tr,
    .highcharts-data-table tr:nth-child(even) {
        background: #f8f8f8;
    }
    
    .highcharts-data-table tr:hover {
        background: #f1f7ff;
    }
    
    .form-control-data {
        display: block;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    }
    /* For Vendor Part   */
    
    .buttonprimary {
        background-color: black;
        color: white;
        cursor: pointer;
        border: 2px solid grey;
        padding: 5px 10px;
        box-shadow: grey 5px 5px 5px;
        font-weight: bold;
        border-radius: 6px;
    }
    
    .page-actions-buttons {
        float: right;
        justify-content: flex-end;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.4rem;
        letter-spacing: 0.025em;
    }
    
    .pad-5 {
        padding: 5px 5px;
    }
    /*----AddVendorContainer-----*/
    
    .secnd_cont {
        background: #eeee;
        padding: 1.5rem;
        border-top: 2px solid #e3e3e3;
        border-bottom: 2px solid #e3e3e3;
    }
    
    .admin__field {
        margin: 0 30px 29px;
    }
    
    .field input {
        width: 70%;
        border: 1px solid black;
        min-height: 40px;
    }
    
    .input-text {
        min-height: 40px;
        width: 70%;
        padding-top: 4px;
    }
    
    .vendr {
        background: #eeee;
        height: 100px;
        padding: 22px;
        margin-left: -12px;
        width: 90%;
        border: 2px solid #e3e3e3;
    }
    
    .vendr p {
        font-size: 20px;
    }
    
    .txt_ara5 {
        height: 250px;
        margin-bottom: -215px;
    }
    
    .strtt1 {
        margin-top: 33%;
    }
    
    .slct_cntrl {
        height: 40px;
        width: 10%;
    }
    
    .admin__page-nav-item .ui-state-active .admin__page-nav-link {
        background: #fff;
        border-color: #e3e3e3;
        border-right: 1px solid #fff;
        color: #303030;
        margin-right: -1px;
    }
    
    .admin__page-nav-item .ui-state-active {
        border-color: #eb5202;
    }
    
    .slct_cntr2 {
        height: 20px;
    }
    
    .vendor-location {
        margin-top: 1%;
        float: left;
        margin-right: 1%;
        margin-bottom: 2%;
        width: auto;
        cursor: pointer;
        padding: 2% 3% 1% 4%;
        background: lightcyan;
        border: 1px solid gainsboro;
    }
    /* For User-settings: */
    
    .vendor-user-setting-table-head {
        text-size-adjust: 100%;
        color: #41362f;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 1.36;
        font-size: 1.4rem;
        box-sizing: inherit;
        overflow-x: scroll;
    }
    
    .admin__table-secondary .vendor-location-user-table-class {
        text-size-adjust: 100%;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 1.36;
        font-size: 1.4rem;
        box-sizing: inherit;
        border-collapse: collapse;
        border-spacing: 0;
        background-color: transparent;
        color: #303030;
        width: 100%;
    }
    
    .admin__table-secondary thead th {
        background-color: transparent;
        font-weight: 600;
    }
    
    .admin__table-secondary th {
        color: #676056;
        font-weight: 400;
    }
    
    .admin__table-secondary th,
    .admin__table-secondary td {
        padding: 1rem 1rem;
        text-align: left;
    }
    
    .admin__table-secondary tbody tr:nth-child(odd) th,
    .admin__table-secondary tbody tr:nth-child(odd) td {
        background-color: #f1f1f1;
    }
    
    .admin__table-secondary th,
    .admin__table-secondary td {
        padding: 1rem 1rem;
        text-align: left;
    }
    
    .admin__scope-old input[type="text"],
    .admin__scope-old input[type="password"],
    .admin__scope-old input[type="datetime"],
    .admin__scope-old input[type="datetime-local"],
    .admin__scope-old input[type="date"],
    .admin__scope-old input[type="month"],
    .admin__scope-old input[type="time"],
    .admin__scope-old input[type="week"],
    .admin__scope-old input[type="number"],
    .admin__scope-old input[type="range"],
    .admin__scope-old input[type="email"],
    .admin__scope-old input[type="url"],
    .admin__scope-old input[type="search"],
    .admin__scope-old input.search,
    .admin__scope-old input[type="tel"],
    .admin__scope-old input[type="color"],
    .admin__scope-old textarea,
    .admin__scope-old select {
        box-sizing: border-box;
        border: 1px solid #adadad;
        border-radius: 1px;
        padding: 0.6rem 1rem 0.6rem;
        color: #303030;
        background-color: #fff;
        font-weight: 500;
        font-size: 14px;
        height: 33px;
    }
    
    input {
        line-height: normal;
    }
    
    .admin__scope-old select:not([multiple]) {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        display: inline-block;
        line-height: normal;
        min-width: 80px;
        background-repeat: no-repeat;
        /* background-image: url(../images/arrows-bg.svg),
    linear-gradient(#e3e3e3, #e3e3e3), linear-gradient(#adadad, #adadad); */
        background-position: calc(100% - 12px) -34px, 100%, calc(100% - 33px) 0;
        background-size: auto, 33px 100%, 1px 100%;
        padding-right: 44px;
    }
    
    .admin__scope-old input[type="text"],
    .admin__scope-old input[type="password"],
    .admin__scope-old input[type="datetime"],
    .admin__scope-old input[type="datetime-local"],
    .admin__scope-old input[type="date"],
    .admin__scope-old input[type="month"],
    .admin__scope-old input[type="time"],
    .admin__scope-old input[type="week"],
    .admin__scope-old input[type="number"],
    .admin__scope-old input[type="range"],
    .admin__scope-old input[type="email"],
    .admin__scope-old input[type="url"],
    .admin__scope-old input[type="search"],
    .admin__scope-old input.search,
    .admin__scope-old input[type="tel"],
    .admin__scope-old input[type="color"],
    .admin__scope-old textarea,
    .admin__scope-old select {
        box-sizing: border-box;
        border: 1px solid #adadad;
        border-radius: 1px;
        padding: 0.6rem 1rem 0.6rem;
        color: #303030;
        background-color: #fff;
        font-weight: 500;
        font-size: 14px;
        height: 33px;
    }
    
    .addNewUser_xy {
        text-align: center;
        font-weight: 700;
    }
    
    .cont {
        height: 200px;
        position: relative;
    }
    
    .cent {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    
    .buttonprime {
        background-color: #eb5202;
        border-color: #eb5202;
        width: 150px;
        color: #fff;
        text-shadow: 1px 1px 0 rgb(0 0 0 / 25%);
    }
    
    input[type="radio"] {
        display: none;
    }
    
    input[type="radio"]+label,
    select {
        display: inline-block;
        width: auto;
        text-align: center;
        float: none;
        border-radius: 0;
    }
    
    input[type="radio"]+label:first-of-type {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }
    
    input[type="radio"]+label:last-of-type {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }
    
    input[type="radio"]+label i {
        padding-right: 0.4em;
    }
    
    input[type="radio"]:checked+label,
    input:checked+label:before,
    select:focus,
    select:active {
        color: #fff;
    }
    
    input[type="checkbox"] {
        display: block;
    }
    
    input[type="checkbox"]+label {
        position: relative;
        display: block;
        padding-left: 1.6em;
    }
    
    input[type="checkbox"]+label:before {
        position: absolute;
        top: 0.2em;
        left: 0;
        display: block;
        width: 1em;
        height: 1em;
        padding: 0;
        content: "";
    }
    
    .vendor-user-setting-table-head {
        text-size-adjust: 100%;
        color: #41362f;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 1.36;
        font-size: 1.4rem;
        box-sizing: inherit;
        overflow: auto !important;
    }
    
    input[type="checkbox"]+label:after {
        position: absolute;
        top: 0.45em;
        left: 0.2em;
        font-size: 0.8em;
        color: #fff;
        opacity: 0;
        font-family: FontAwesome;
        content: "\f00c";
    }
    
    input:checked+label:after {
        opacity: 0;
    }
    
    select {
        height: 3.4em;
        line-height: 2;
    }
    
    select:first-of-type {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }
    
    select:last-of-type {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }
    
    select:focus,
    select:active {
        outline: 0;
    }
    
    select option {
        color: black;
    }
    
    .input-group {
        margin-bottom: 1em;
        zoom: 1;
    }
    
    .input-group:before,
    .input-group:after {
        content: "";
        display: table;
    }
    
    .input-group:after {
        clear: both;
    }
    
    .input-group-icon {
        position: relative;
    }
    
    .input-group-icon input {
        padding-left: 4.4em;
    }
    
    .input-group-icon .input-icon {
        position: absolute;
        top: 0;
        left: 0;
        width: 3.4em;
        height: 3.4em;
        line-height: 3.4em;
        text-align: center;
        pointer-events: none;
        padding-top: 10px;
    }
    
    .input-group-icon .input-icon:after {
        position: absolute;
        top: 0.6em;
        bottom: 0.6em;
        left: 3.4em;
        display: block;
        border-right: 1px solid #e5e5e5;
        content: "";
        /* -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; */
    }
    /* .input-group-icon .input-icon i {
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
} */
    
    input,
    input[type="radio"]+label,
    input[type="checkbox"]+label:before,
    select option,
    select {
        width: auto;
        padding: 1em;
        line-height: 1.4;
        /* background-color: #f9f9f9; */
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        /* -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; */
    }
    
    .dropdown_adjst {
        padding-left: 55px;
        width: auto;
    }
    
    .buttonprimaryadj {
        height: 45px;
        padding: 5px 5px;
    }
    
    select {
        height: 3.6em;
        line-height: 2;
    }
    
    .react-responsive-modal-modal {
        height: 494px;
    }

        .stockfilter{
            background: ghostwhite; 
            font-size: 20px;
                width: fit-content;
            height: auto;
            padding: 10px;
            border: 1px solid lightgray;
            margin: 10px;
        }
        .stockfilterresult {
            background: ghostwhite;
            font-size: 20px;
            width: auto;
            overflow-y: auto;
                overflow-x: auto;
                height: 93%;
           
            padding: 10px;
            border: 1px solid lightgray;
            
        }


textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  font-size: 16px;
  resize: none;
}



.switcher-box {
    list-style: none;
    padding: 0;
    margin: 40px 0;
    text-align: center;
  }
  .switcher-box a {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    padding: 3px;
    cursor: pointer;
    background: #FFF;
    
    -webkit-border-radius: 50%;
            border-radius: 50%;
  
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  }
  .switcher-box a span {
    display: block;
    width: 100%;
    height: 100%;
  
    -webkit-box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.15) inset, 0 5px 20px rgba(255, 255, 255, 0.4) inset;
            box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.15) inset, 0 5px 20px rgba(255, 255, 255, 0.4) inset;
  
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        box-sizing: border-box;
    
    -webkit-border-radius: 50%;
            border-radius: 50%;
  }
  .switcher-box a.active {
    background: #000;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2) inset;
  }
  .switcher-box a.active span {
    border-color: #BBB;
  }
  
  .switcher-box a.skin-turquoise span {
    background: #1ABC9C;
  }
  .switcher-box a.skin-emerald span {
    background: #2ECC71;
  }
  .switcher-box a.skin-peter-river span {
    background: #3498DB;
  }
  .switcher-box a.skin-amethyst span {
    background: #9B59B6;
  }
  .switcher-box a.skin-wet-asphalt span {
    background: #34495E;
  }
  .switcher-box a.skin-sun-flower span {
    background: #F1C40F;
  }
  .switcher-box a.skin-carrot span {
    background: #E67E22;
  }
  .switcher-box a.skin-alizarin span {
    background: #E74C3C;
  }
  .switcher-box a.skin-graphite span {
    background: #454545;
  }
  .switcher-box a.skin-concrete span {
    background: #95A5A6;
  }
  .switcher-box a.skin-green-sea span {
    background: #16A085;
  }
  .switcher-box a.skin-nephritis span {
    background: #27AE60;
  }
  .switcher-box a.skin-belize-hole span {
    background: #2980B9;
  }
  .switcher-box a.skin-wisteria span {
    background: #8E44AD;
  }
  .switcher-box a.skin-midnight-blue span {
    background: #2C3E50;
  }
  .switcher-box a.skin-orange span {
    background: #F39C12;
  }
  .switcher-box a.skin-pumpkin span {
    background: #D35400;
  }
  .switcher-box a.skin-pomegranate span {
    background: #C0392B;
  }
  .switcher-box a.skin-silver span {
    background: #BDC3C7;
  }
  .switcher-box a.skin-asbestos span {
    background: #7F8C8D;
  }
  .switcher-box a.skin-dodgerblue span {
    background: dodgerblue;
  }
  .switcher-box a.skin-gray-black span {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1YmRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODM0M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  }
  .switcher-box a.skin-black-glass span {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlYmNiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzZlNzc3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBhMGUwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTA4MDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  }
  
  
  /* Tabbed Styles */
  .tabbed {
    /* width: 80%; */
    min-width: 400px;
    margin: 0 auto;
    margin-bottom: 68px;
    border-bottom: 4px solid #000;
    overflow: hidden;
    transition: border 250ms ease;
  }
  .tabbed ul {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    float: left;
    padding-left: 48px;
    list-style-type: none;
  }
  .tabbed ul * {
    margin: 0px;
    padding: 0px;
  }
  .tabbed ul li {
    display: block;
    float: right;
    padding: 10px 24px 8px;
    background-color: #FFF;
    margin-right: 46px;
    z-index: 2;
    position: relative;
    cursor: pointer;
    color: #777;
  
    text-transform: uppercase;
    font: 600 13px/20px roboto, "Open Sans", Helvetica, sans-serif;
  
    transition: all 250ms ease;
  }
  .tabbed ul li:before,
  .tabbed ul li:after {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    width: 44px;  
    background-color: #FFF;
    transition: all 250ms ease;
  }
  .tabbed ul li:before {
    right: -24px;
    transform: skew(30deg, 0deg);
    box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;
  }
  .tabbed ul li:after {
    left: -24px;
    transform: skew(-30deg, 0deg);
    box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;
  }
  .tabbed ul li:hover,
  .tabbed ul li:hover:before,
  .tabbed ul li:hover:after {
    background-color: #F4F7F9;
    color: #444;
  }
  .tabbed ul li.active {
    z-index: 3;
  }
  .tabbed ul li.active,
  .tabbed ul li.active:before,
  .tabbed ul li.active:after {
    background-color: #000;
    color: #fff;
  }
  
  /* Round Tabs */
  .tabbed.round ul li {
    border-radius: 8px 8px 0 0;
  }
  .tabbed.round ul li:before {
    border-radius: 0 8px 0 0;
  }
  .tabbed.round ul li:after {
    border-radius: 8px 0 0 0;
  }
  
  /* Skins */
  .tabbed[class*="skin-"] ul li {
    color: #FFF;
    text-shadow: rgba(0,0,0,.1) 0 1px;
  }
  
  .tabbed.skin-turquoise {
    border-bottom-color: #1ABC9C;
  }
  .tabbed.skin-turquoise ul li,
  .tabbed.skin-turquoise ul li:before,
  .tabbed.skin-turquoise ul li:after {
    background-color: #34D6B6;
  }
  .tabbed.skin-turquoise ul li:hover,
  .tabbed.skin-turquoise ul li:hover:before,
  .tabbed.skin-turquoise ul li:hover:after {
    background-color: #40E2C2;
  }
  .tabbed.skin-turquoise ul li.active,
  .tabbed.skin-turquoise ul li.active:before,
  .tabbed.skin-turquoise ul li.active:after {
    background-color: #1ABC9C;
  }
  
  .tabbed.skin-emerald {
    border-bottom-color: #2ECC71;
  }
  .tabbed.skin-emerald ul li,
  .tabbed.skin-emerald ul li:before,
  .tabbed.skin-emerald ul li:after {
    background-color: #48E68B;
  }
  .tabbed.skin-emerald ul li:hover,
  .tabbed.skin-emerald ul li:hover:before,
  .tabbed.skin-emerald ul li:hover:after {
    background-color: #54F297;
  }
  .tabbed.skin-emerald ul li.active,
  .tabbed.skin-emerald ul li.active:before,
  .tabbed.skin-emerald ul li.active:after {
    background-color: #2ECC71;
  }
  
  .tabbed.skin-peter-river {
    border-bottom-color: #3498DB;
  }
  .tabbed.skin-peter-river ul li,
  .tabbed.skin-peter-river ul li:before,
  .tabbed.skin-peter-river ul li:after {
    background-color: #4EB2F5;
  }
  .tabbed.skin-peter-river ul li:hover,
  .tabbed.skin-peter-river ul li:hover:before,
  .tabbed.skin-peter-river ul li:hover:after {
    background-color: #5ABEFF;
  }
  .tabbed.skin-peter-river ul li.active,
  .tabbed.skin-peter-river ul li.active:before,
  .tabbed.skin-peter-river ul li.active:after {
    background-color: #3498DB;
  }
  
  .tabbed.skin-amethyst {
    border-bottom-color: #9B59B6;
  }
  .tabbed.skin-amethyst ul li,
  .tabbed.skin-amethyst ul li:before,
  .tabbed.skin-amethyst ul li:after {
    background-color: #B573D0;
  }
  .tabbed.skin-amethyst ul li:hover,
  .tabbed.skin-amethyst ul li:hover:before,
  .tabbed.skin-amethyst ul li:hover:after {
    background-color: #C17FDC;
  }
  .tabbed.skin-amethyst ul li.active,
  .tabbed.skin-amethyst ul li.active:before,
  .tabbed.skin-amethyst ul li.active:after {
    background-color: #9B59B6;
  }
  
  .tabbed.skin-wet-asphalt {
    border-bottom-color: #34495E;
  }
  .tabbed.skin-wet-asphalt ul li,
  .tabbed.skin-wet-asphalt ul li:before,
  .tabbed.skin-wet-asphalt ul li:after {
    background-color: #4E6378;
  }
  .tabbed.skin-wet-asphalt ul li:hover,
  .tabbed.skin-wet-asphalt ul li:hover:before,
  .tabbed.skin-wet-asphalt ul li:hover:after {
    background-color: #5A6F84;
  }
  .tabbed.skin-wet-asphalt ul li.active,
  .tabbed.skin-wet-asphalt ul li.active:before,
  .tabbed.skin-wet-asphalt ul li.active:after {
    background-color: #34495E;
  }
  
  .tabbed.skin-sun-flower {
    border-bottom-color: #F1C40F;
  }
  .tabbed.skin-sun-flower ul li,
  .tabbed.skin-sun-flower ul li:before,
  .tabbed.skin-sun-flower ul li:after {
    background-color: #FFDE29;
    color: #0A0;
  }
  .tabbed.skin-sun-flower ul li:hover,
  .tabbed.skin-sun-flower ul li:hover:before,
  .tabbed.skin-sun-flower ul li:hover:after {
    background-color: #FFEA35;
  }
  .tabbed.skin-sun-flower ul li.active,
  .tabbed.skin-sun-flower ul li.active:before,
  .tabbed.skin-sun-flower ul li.active:after {
    background-color: #F1C40F;
    color: #FFF;
  }
  
  .tabbed.skin-carrot {
    border-bottom-color: #E67E22;
  }
  .tabbed.skin-carrot ul li,
  .tabbed.skin-carrot ul li:before,
  .tabbed.skin-carrot ul li:after {
    background-color: #FF983C;
  }
  .tabbed.skin-carrot ul li:hover,
  .tabbed.skin-carrot ul li:hover:before,
  .tabbed.skin-carrot ul li:hover:after {
    background-color: #FFA448;
  }
  .tabbed.skin-carrot ul li.active,
  .tabbed.skin-carrot ul li.active:before,
  .tabbed.skin-carrot ul li.active:after {
    background-color: #E67E22;
  }
  
  .tabbed.skin-alizarin {
    border-bottom-color: #E74C3C;
  }
  .tabbed.skin-alizarin ul li,
  .tabbed.skin-alizarin ul li:before,
  .tabbed.skin-alizarin ul li:after {
    background-color: #FF6656;
  }
  .tabbed.skin-alizarin ul li:hover,
  .tabbed.skin-alizarin ul li:hover:before,
  .tabbed.skin-alizarin ul li:hover:after {
    background-color: #FF7262;
  }
  .tabbed.skin-alizarin ul li.active,
  .tabbed.skin-alizarin ul li.active:before,
  .tabbed.skin-alizarin ul li.active:after {
    background-color: #E74C3C;
  }
  
  .tabbed.skin-graphite {
    border-bottom-color: #454545;
  }
  .tabbed.skin-graphite ul li,
  .tabbed.skin-graphite ul li:before,
  .tabbed.skin-graphite ul li:after {
    background-color: #5F5F5F;
  }
  .tabbed.skin-graphite ul li:hover,
  .tabbed.skin-graphite ul li:hover:before,
  .tabbed.skin-graphite ul li:hover:after {
    background-color: #6B6B6B;
  }
  .tabbed.skin-graphite ul li.active,
  .tabbed.skin-graphite ul li.active:before,
  .tabbed.skin-graphite ul li.active:after {
    background-color: #454545;
  }
  
  .tabbed.skin-concrete {
    border-bottom-color: #95A5A6;
  }
  .tabbed.skin-concrete ul li,
  .tabbed.skin-concrete ul li:before,
  .tabbed.skin-concrete ul li:after {
    background-color: #AFBFC0;
  }
  .tabbed.skin-concrete ul li:hover,
  .tabbed.skin-concrete ul li:hover:before,
  .tabbed.skin-concrete ul li:hover:after {
    background-color: #BBCBCC;
  }
  .tabbed.skin-concrete ul li.active,
  .tabbed.skin-concrete ul li.active:before,
  .tabbed.skin-concrete ul li.active:after {
    background-color: #95A5A6;
  }
  
  .tabbed.skin-green-sea {
    border-bottom-color: #16A085;
  }
  .tabbed.skin-green-sea ul li,
  .tabbed.skin-green-sea ul li:before,
  .tabbed.skin-green-sea ul li:after {
    background-color: #30BA9F;
  }
  .tabbed.skin-green-sea ul li:hover,
  .tabbed.skin-green-sea ul li:hover:before,
  .tabbed.skin-green-sea ul li:hover:after {
    background-color: #3CC6AB;
  }
  .tabbed.skin-green-sea ul li.active,
  .tabbed.skin-green-sea ul li.active:before,
  .tabbed.skin-green-sea ul li.active:after {
    background-color: #16A085;
  }
  
  .tabbed.skin-nephritis {
    border-bottom-color: #27AE60;
  }
  .tabbed.skin-nephritis ul li,
  .tabbed.skin-nephritis ul li:before,
  .tabbed.skin-nephritis ul li:after {
    background-color: #41C87A;
  }
  .tabbed.skin-nephritis ul li:hover,
  .tabbed.skin-nephritis ul li:hover:before,
  .tabbed.skin-nephritis ul li:hover:after {
    background-color: #4DD486;
  }
  .tabbed.skin-nephritis ul li.active,
  .tabbed.skin-nephritis ul li.active:before,
  .tabbed.skin-nephritis ul li.active:after {
    background-color: #27AE60;
  }
  
  .tabbed.skin-belize-hole {
    border-bottom-color: #2980B9;
  }
  .tabbed.skin-belize-hole ul li,
  .tabbed.skin-belize-hole ul li:before,
  .tabbed.skin-belize-hole ul li:after {
    background-color: #439AD3;
  }
  .tabbed.skin-belize-hole ul li:hover,
  .tabbed.skin-belize-hole ul li:hover:before,
  .tabbed.skin-belize-hole ul li:hover:after {
    background-color: #4FA6DF;
  }
  .tabbed.skin-belize-hole ul li.active,
  .tabbed.skin-belize-hole ul li.active:before,
  .tabbed.skin-belize-hole ul li.active:after {
    background-color: #2980B9;
  }
  
  .tabbed.skin-wisteria {
    border-bottom-color: #8E44AD;
  }
  .tabbed.skin-wisteria ul li,
  .tabbed.skin-wisteria ul li:before,
  .tabbed.skin-wisteria ul li:after {
    background-color: #A85EC7;
  }
  .tabbed.skin-wisteria ul li:hover,
  .tabbed.skin-wisteria ul li:hover:before,
  .tabbed.skin-wisteria ul li:hover:after {
    background-color: #B46AD3;
  }
  .tabbed.skin-wisteria ul li.active,
  .tabbed.skin-wisteria ul li.active:before,
  .tabbed.skin-wisteria ul li.active:after {
    background-color: #8E44AD;
  }
  
  .tabbed.skin-midnight-blue {
    border-bottom-color: #2C3E50;
  }
  .tabbed.skin-midnight-blue ul li,
  .tabbed.skin-midnight-blue ul li:before,
  .tabbed.skin-midnight-blue ul li:after {
    background-color: #46586A;
  }
  .tabbed.skin-midnight-blue ul li:hover,
  .tabbed.skin-midnight-blue ul li:hover:before,
  .tabbed.skin-midnight-blue ul li:hover:after {
    background-color: #526476;
  }
  .tabbed.skin-midnight-blue ul li.active,
  .tabbed.skin-midnight-blue ul li.active:before,
  .tabbed.skin-midnight-blue ul li.active:after {
    background-color: #2C3E50;
  }
  
  .tabbed.skin-orange {
    border-bottom-color: #F39C12;
  }
  .tabbed.skin-orange ul li,
  .tabbed.skin-orange ul li:before,
  .tabbed.skin-orange ul li:after {
    background-color: #FFB62C;
  }
  .tabbed.skin-orange ul li:hover,
  .tabbed.skin-orange ul li:hover:before,
  .tabbed.skin-orange ul li:hover:after {
    background-color: #FFC238;
  }
  .tabbed.skin-orange ul li.active,
  .tabbed.skin-orange ul li.active:before,
  .tabbed.skin-orange ul li.active:after {
    background-color: #F39C12;
  }
  
  .tabbed.skin-pumpkin {
    border-bottom-color: #D35400;
  }
  .tabbed.skin-pumpkin ul li,
  .tabbed.skin-pumpkin ul li:before,
  .tabbed.skin-pumpkin ul li:after {
    background-color: #ED6E1A;
  }
  .tabbed.skin-pumpkin ul li:hover,
  .tabbed.skin-pumpkin ul li:hover:before,
  .tabbed.skin-pumpkin ul li:hover:after {
    background-color: #F97A26;
  }
  .tabbed.skin-pumpkin ul li.active,
  .tabbed.skin-pumpkin ul li.active:before,
  .tabbed.skin-pumpkin ul li.active:after {
    background-color: #D35400;
  }
  
  .tabbed.skin-pomegranate {
    border-bottom-color: #C0392B;
  }
  .tabbed.skin-pomegranate ul li,
  .tabbed.skin-pomegranate ul li:before,
  .tabbed.skin-pomegranate ul li:after {
    background-color: #DA5345;
  }
  .tabbed.skin-pomegranate ul li:hover,
  .tabbed.skin-pomegranate ul li:hover:before,
  .tabbed.skin-pomegranate ul li:hover:after {
    background-color: #E65F51;
  }
  .tabbed.skin-pomegranate ul li.active,
  .tabbed.skin-pomegranate ul li.active:before,
  .tabbed.skin-pomegranate ul li.active:after {
    background-color: #C0392B;
  }
  
  .tabbed.skin-silver {
    border-bottom-color: #BDC3C7;
  }
  .tabbed.skin-silver ul li,
  .tabbed.skin-silver ul li:before,
  .tabbed.skin-silver ul li:after {
    background-color: #D7DDE1;
    color: #666;
  }
  .tabbed.skin-silver ul li:hover,
  .tabbed.skin-silver ul li:hover:before,
  .tabbed.skin-silver ul li:hover:after {
    background-color: #E3E9ED;
  }
  .tabbed.skin-silver ul li.active,
  .tabbed.skin-silver ul li.active:before,
  .tabbed.skin-silver ul li.active:after {
    background-color: #BDC3C7;
    color: #FFF;
  }
  
  .tabbed.skin-asbestos {
    border-bottom-color: #7F8C8D;
  }
  .tabbed.skin-asbestos ul li,
  .tabbed.skin-asbestos ul li:before,
  .tabbed.skin-asbestos ul li:after {
    background-color: #99A6A7;
  }
  .tabbed.skin-asbestos ul li:hover,
  .tabbed.skin-asbestos ul li:hover:before,
  .tabbed.skin-asbestos ul li:hover:after {
    background-color: #A5B2B3;
  }
  .tabbed.skin-asbestos ul li.active,
  .tabbed.skin-asbestos ul li.active:before,
  .tabbed.skin-asbestos ul li.active:after {
    background-color: #7F8C8D;
  }
  
  .tabbed.skin-dodgerblue {
    border-bottom-color: dodgerblue;
  }
  .tabbed.skin-dodgerblue ul li,
  .tabbed.skin-dodgerblue ul li:before,
  .tabbed.skin-dodgerblue ul li:after {
    background-color: deepskyblue;
  }
  .tabbed.skin-dodgerblue ul li:hover,
  .tabbed.skin-dodgerblue ul li:hover:before,
  .tabbed.skin-dodgerblue ul li:hover:after {
    background-color: #33ccff;
  }
  .tabbed.skin-dodgerblue ul li.active,
  .tabbed.skin-dodgerblue ul li.active:before,
  .tabbed.skin-dodgerblue ul li.active:after {
    background-color: dodgerblue;
  }
  
  .tabbed.skin-gray-black {
    border-bottom-color: #28343b;
  }
  .tabbed.skin-gray-black,
  .tabbed.skin-gray-black ul li,
  .tabbed.skin-gray-black ul li:before,
  .tabbed.skin-gray-black ul li:after {
    transition: none;
  }
  .tabbed.skin-gray-black ul li,
  .tabbed.skin-gray-black ul li:before,
  .tabbed.skin-gray-black ul li:after {
    background-color: #68737B;
  }
  .tabbed.skin-gray-black ul li:hover,
  .tabbed.skin-gray-black ul li:hover:before,
  .tabbed.skin-gray-black ul li:hover:after {
    background-color: #707A83;
  }
  .tabbed.skin-gray-black ul li.active,
  .tabbed.skin-gray-black ul li.active:before,
  .tabbed.skin-gray-black ul li.active:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1YmRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODM0M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  }
  
  .tabbed.skin-black-glass {
    border-bottom-color: #0a0809;
  }
  .tabbed.skin-black-glass,
  .tabbed.skin-black-glass ul li,
  .tabbed.skin-black-glass ul li:before,
  .tabbed.skin-black-glass ul li:after {
    transition: none;
  }
  .tabbed.skin-black-glass ul li,
  .tabbed.skin-black-glass ul li:before,
  .tabbed.skin-black-glass ul li:after {
    background-color: #333;
  }
  .tabbed.skin-black-glass ul li:hover,
  .tabbed.skin-black-glass ul li:hover:before,
  .tabbed.skin-black-glass ul li:hover:after {
    background-color: #444;
  }
  .tabbed.skin-black-glass ul li.active,
  .tabbed.skin-black-glass ul li.active:before,
  .tabbed.skin-black-glass ul li.active:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlYmNiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzZlNzc3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBhMGUwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTA4MDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  }
  
  a.iprodev {
    line-height: normal;
    font-family: Varela Round, sans-serif;
    font-weight: 600;
    text-decoration: none;
    font-size: 13px;
    color: #A7AAAE;
    position: fixed;
    left: 20px;
    bottom: 20px;
    border: 1px solid #A7AAAE;
    padding: 12px 20px 10px;
    border-radius: 50px;
    transition: all .1s ease-in-out;
    text-transform: uppercase;
  }
  a.iprodev:hover {
    background: #A7AAAE;
    color: white;
  }


  /* .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
  } */
  
  .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -43px;
    font-size: 10px !important;
  }
  
 .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }

/*------------------------------------------------------------------
        File Name: responsive.css
        Template Name: auricle
-------------------------------------------------------------------*/

@media (min-width: 1200px) and (max-width: 1390px) {

    /** ecommere style 2 **/
    
    .header_style_ecomm2 .header_top .float-left, .header_style_ecomm2 .header_top .float-right {
        width: 100%;
    }
    .header_style_ecomm2 .header_top .float-left ul, .header_style_ecomm2 .header_top .float-right ul {
        display: flex;
        justify-content: center;
        margin: 4px 0;
    }
    .header_style_ecomm2 .header_top li {
        font-size: 13px;
    }
    
    .header_style_ecomm2 .main_menu div.menu ul li a {
        font-size: 12px;
        padding: 15px 8px;
    }
    
    .right_cart_section ul li {
        margin-right: 20px;
    }
    
    .right_cart_section ul li i {
        margin-right: 5px;
        margin-top: 0px;
        float: left;
        color: #000;
        font-size: 21px;
    }
    
    .search_style_2 .top_search_bar button.submit_search {
        width: 110px;
    }
    
    }
    
    @media (min-width: 992px) and (max-width: 1199px) {
        .body {
            overflow-x: hidden;
        }
        .container {
            width: 100%;
            max-width: 990px;
        }
        .slide_cont h2 {
            font-size: 45px;
            line-height: 60px;
        }
        .cont_theme_blog h3 {
           font-size: 42px;
           line-height: 60px;
           font-weight: 600;
        }
        .home_page1 .slide_cont {
            margin-top: 145px;
        }
        .layout_screen {
            left: 0;
            width: 140%;
        }
        .padding_inner {
            padding-top: 0;
            padding-bottom: 0;
        }
        .layout_pur_minus {
            margin-bottom: 0;
        }
        .layout_padding {
            margin: 0 !important;
        }
        .bt_main {
           height: 48px;
           padding: 0 25px; 
        }
        .team_member_img img {
            width: 100%;
        }
        .footer_icon img {
            width: 50px;
        }
        /** side bar **/
        .toggle_side_bar {
            display: block;
        }
        .sidenav {
            height: 100%;
            width: 0;
        }
        .sidebar_page {
            margin-left: 0;
        }
        .sidenav .closebtn {
            display: block;
        }
        /** home pages **/
        .header .social_icons {
            border-top: none;
            padding-top: 0;
        }
        .target_section {
            padding: 50px;
            margin-top: 20px;
            margin-bottom: 45px;
        }
        .slide_banner4 h2 strong {
            font-size: 62px;
            top: 10px;
        }
        .service_blog1 {
            padding: 50px 10px;
            margin: 15px 0;
        }
        .contact_form {
            padding: 55px 15px;
        }
        .blog_section.style_2 .blog_head {
            font-size: 20px;
            line-height: 28px;
        }
        .header.header_style4.header_left_side .main_menu {
            float: right !important;
        }
        .header_bottom .main_menu {
            padding: 1px;
        }
        .header_style5 div.menu > ul > li > a {
            padding: 10px 18px;
        }
        .header_information .right_head {
            display: none;
        }
        .logo img {
            width: 190px;
            margin: 0;
        }
        .service_info_sec {
            margin-top: 40px;
            position: relative;
            margin-bottom: -30px;
        }
        section .small_head h2 {
            font-size: 25px;
        }
        .bt_main {
            font-size: 13px;
        }
        .service_blog2 {
            padding: 35px 0;
            margin: 15px 0;
        }
        .slide_banner10 .slider_information ul li {
            width: 100%;
        }
        .play_pause_control ul {
            padding-left: 30px;
        }
        .play_pause_bt ul {
            display: flex;
        }
        .audio_and_video_version .span2 {
            width: 33.33%;
        }
        .slide_banner12 {
            background-size: cover;
        }
        section.slide_banner12 .slide_cont {
            margin-top: 120px;
        }
        .slide_banner12 .slide_cont h3 {
            font-size: 65px;
        }
        .team_blog_style_cheif .team_member_img img {
            width: auto;
        }
        .team_blog_style_cheif .owl-nav .owl-prev {
            left: 0;
        }
        .team_blog_style_cheif .owl-nav .owl-next {
            right: 0;
        }
        .slide_banner15#banner_parallax h2 {
            font-size: 42px;
            line-height: 40px;
        }
        .home_page15 section.layout_padding_2.horizontal_cross_layout {
            margin-bottom: 0;
        }
        .slide_banner16 .slide_cont h2 {
            font-size: 40px;
        }
        .slide_cont {
            margin-top: 200px;
        }
        .slide_banner16 {
            min-height: 720px;
            max-height: inherit;
        }
        .header.header_style17 .header_top.top_imform {
            display: none;
        }
        .home_page17 .heading_style_3 h2 {
            font-size: 30px;
        }
        .dentist_imfor_ser .cont_list p {
            display: none;
        }
        .dentis_team_blog .team_member_img img {
            width: auto;
        }
        .inform_dentist_botm p {
            text-align: center;
        }
        .slide_bottom_icon li {
            margin: 0 5px 10px;
        }
        .doctor_ser h3 {
            font-size: 15px;
        }
        .sidebar_menu {
            float: right;
            padding: 14px 0 0;
        }
        .header_style_ecomm2 .header_top .float-left,.header_style_ecomm2 .header_top .float-right {
            width: 100%;
        }
        .header_style_ecomm2 .header_top .float-left ul, .header_style_ecomm2 .header_top .float-right ul {
            display: flex;
            justify-content: center;
            margin: 3px 0;
        }
        .header_style_ecomm2 .header_top li {
            font-size: 12px;
        }
        .search_style_2 {
            float: left;
            width: 100%;
            margin: 20px 0;
        }
        .right_cart_section {
            display: none;
        }
        .header_style_ecomm2 .main_menu div.menu ul li a {
            font-weight: 600;
            text-transform: uppercase;
            font-size: 11px;
            padding: 15px 2px;
        }
        .header_style_ecomm2 .sidebar_menu a {
            background: #2ea6ff;
            width: 36px;
            float: right;
            height: 36px;
            border-radius: 0;
            text-align: center;
            padding: 5px 4px;
            margin: 12px 0 0;
        }
        .blue_layer_image2 h2,
        .blue_layer_image h2 {
            font-size: 30px;
            line-height: 55px;
            letter-spacing: -1px;
            margin-top: 25px;
        }
        .newslatterform form {
            width: 100%;
        }
        .header_style_ecomr3 .menu {
            width: auto;
            margin: 8px 0;
            float: left;
        }
        .header.header_style_ecomr3 .menu > ul > li > a {
            padding: 7px 24px;
        }
        .header.header_style_ecomr3 .header_top.top_imform {
            display: none;
        }
        .light_red .header.header_style_ecomr3 .menu > ul > li > a {
            color: #222;
        }
        .home_page24 .with_search_bar .menu {
            width: auto;
            margin: 9px 9px 0;
            float: left;
        }
        .skyblue .portfolio img {
            width: auto;
        }
        .effect_2 {
            margin-bottom: 30px;
        }
        .brand_logo_section li {
            width: 33.33%;
        }
        .header_funky_style a.menu-mobile {
            margin: 10px;
        }
        .infor_head li {
            margin: 8px 10px;
        }
        .slide_banner25 .slide_cont h2 {
            font-size: 45px;
        }
        .bottom_service_temp_inner {
            margin-top: 50px;
        }
        .slide_banner25 .inner_slide {
            float: right;
            margin: 60px 0 0;
        }
        .bottom_service_temp_inner h4 {
            font-size: 16px;
        }
        .header.header_funky_style .menu > ul > li > a {
            font-size: 14px;
            padding: 7px 20px;
        }
        .header_style26 .menu {
            width: auto;
            margin: 8px 0 0;
            float: left;
        }
        .inform_ser_blogs_3 ul li {
            width: 50%;
        }
        .header_style_ecomm .menu > ul > li > a {
            font-size: 11px;
            padding: 17px 9px;
            font-weight: 600;
        }
        .top_search_bar .field input {
            font-size: 12px;
        }
        
        /** home page 13 **/
        
        .header.header_style13 .menu > ul > li > a {
           font-size: 13px;
           padding-left: 12px;
           padding-right: 12px;
        }
        
        .logo.desk_logo {
           margin: 10px 15px;
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .container {
            max-width: 750px;
            width: 100%;
        }
        .slide_cont h2 {
            font-size: 35px;
            line-height: 40px;
        }
        .home_page1 .slide_cont {
            margin-top: 158px;
        }
        .layout_padding {
            padding: 80px 0 75px;
        }
        .layout_screen {
            left: -90px;
            position: relative;
            width: 180%;
        }
        .padding_inner {
            padding-top: 0;
            padding-bottom: 0;
        }
        .layout_pur_minus {
            margin-bottom: 0;
        }
        .layout_padding {
            padding: 80px 0 75px;
            margin: 0 !important;
        }
        .table_price_per p {
            font-size: 40px;
            font-weight: 300;
        }
        .team_member_img img {
            width: 100%;
        }
        /**** home page 2 add custom with arrange ****/
        .margin_bottom_30 {
            margin-bottom: 30px;
        }
        .team_blog {
            margin-bottom: 30px;
        }
        .target_section .feature_icon {
            margin-top: 25px;
        }
        .header .social_icons {
            width: 100%;
            justify-content: center;
            display: flex;
            border-top: solid rgba(255, 255, 255, .1) 1px;
            padding-top: 15px;
        }
        /** side bar **/
        .toggle_side_bar {
            display: block;
        }
        .sidenav {
            height: 100%;
            width: 0;
        }
        .sidebar_page {
            margin-left: 0;
        }
        .sidenav .closebtn {
            display: block;
        }
        /** home pages **/
        .header .social_icons {
            border-top: none;
            padding-top: 0;
        }
        .target_section {
            padding: 50px;
            margin-top: 20px;
            margin-bottom: 45px;
        }
        .slide_banner4 h2 strong {
            font-size: 62px;
            top: 10px;
        }
        .service_blog1 {
            padding: 50px 10px;
            margin: 15px 0;
        }
        .contact_form {
            padding: 55px 15px;
        }
        .blog_section.style_2 .blog_head {
            font-size: 20px;
            line-height: 28px;
        }
        .header.header_style4.header_left_side .main_menu {
            float: right !important;
        }
        .header_bottom .main_menu {
            padding: 1px;
        }
        .header_style5 div.menu > ul > li > a {
            padding: 10px 18px;
        }
        .header_information .right_head {
            display: none;
        }
        .service_info_sec {
            margin-top: 40px;
            position: relative;
            margin-bottom: -30px;
        }
        section .small_head h2 {
            font-size: 25px;
        }
        .bt_main {
            font-size: 13px;
        }
        .service_blog2 {
            padding: 35px 0;
            margin: 15px 0;
        }
        .slide_banner10 .slider_information ul li {
            width: 100%;
        }
        .play_pause_control ul {
            padding-left: 30px;
        }
        .play_pause_bt ul {
            display: flex;
        }
        .audio_and_video_version .span2 {
            width: 33.33%;
        }
        .slide_banner12 {
            background-size: cover;
        }
        section.slide_banner12 .slide_cont {
            margin-top: 120px;
        }
        .slide_banner12 .slide_cont h3 {
            font-size: 65px;
        }
        .team_blog_style_cheif .team_member_img img {
            width: auto;
        }
        .team_blog_style_cheif .owl-nav .owl-prev {
            left: 0;
        }
        .team_blog_style_cheif .owl-nav .owl-next {
            right: 0;
        }
        .slide_banner15#banner_parallax h2 {
            font-size: 42px;
            line-height: 40px;
        }
        .home_page15 section.layout_padding_2.horizontal_cross_layout {
            margin-bottom: 0;
        }
        .slide_banner16 .slide_cont h2 {
            font-size: 40px;
        }
        .slide_cont {
            margin-top: 100px;
        }
        .slide_banner16 {
            min-height: 720px;
            max-height: inherit;
        }
        .header.header_style17 .header_top.top_imform {
            display: none;
        }
        .home_page17 .heading_style_3 h2 {
            font-size: 30px;
        }
        .dentist_imfor_ser .cont_list p {
            display: none;
        }
        .dentis_team_blog .team_member_img img {
            width: auto;
        }
        .inform_dentist_botm p {
            text-align: center;
        }
        .slide_bottom_icon li {
            margin: 0 5px 10px;
        }
        .doctor_ser h3 {
            font-size: 15px;
        }
        .sidebar_menu {
            float: right;
            padding: 14px 0 0;
        }
        .header.header_style_ecomm2 .header_top {
            display: none;
        }
        .search_style_2 {
            float: left;
            width: 100%;
            margin: 20px 0;
        }
        .right_cart_section {
            position: absolute;
            top: -152px; 
        }  
        .header_bottom_thirth {
            display: none;
        }
        .header_style_ecomm2 .sidebar_menu a {
            background: #0163d2;
            width: 36px;
            float: right;
            height: 36px;
            border-radius: 0;
            text-align: center;
            padding: 5px 4px;
            margin: 12px 0 0;
        }
        .blue_layer_image2 h2,
        .blue_layer_image h2 {
            font-size: 30px;
            line-height: 55px;
            letter-spacing: -1px;
            margin-top: 25px;
        }
        .newslatterform form {
            width: 100%;
        }
        .header_style_ecomr3 .menu {
            width: auto;
            margin: 8px 0;
            float: left;
        }
        .header.header_style_ecomr3 .menu > ul > li > a {
            padding: 7px 24px;
        }
        .header.header_style_ecomr3 .header_top.top_imform {
            display: none;
        }
        .light_red .header.header_style_ecomr3 .menu > ul > li > a {
            color: #222;
        }
        .home_page24 .with_search_bar .menu {
            width: auto;
            margin: 9px 9px 0;
            float: left;
        }
        .skyblue .portfolio img {
            width: auto;
        }
        .effect_2 {
            margin-bottom: 30px;
        }
        .brand_logo_section li {
            width: 33.33%;
        }
        .header_funky_style a.menu-mobile {
            margin: 10px;
        }
        .infor_head li {
            margin: 8px 10px;
        }
        .slide_banner25 .slide_cont h2 {
            font-size: 45px;
        }
        .bottom_service_temp_inner {
            margin-top: 50px;
        }
        .slide_banner25 .inner_slide {
            float: right;
            margin: 60px 0 0;
        }
        .bottom_service_temp_inner h4 {
            font-size: 16px;
        }
        .header.header_funky_style .menu > ul > li > a {
            font-size: 14px;
            padding: 7px 20px;
        }
        .header_style26 .menu {
            width: auto;
            margin: 8px 0 0;
            float: left;
        }
        .inform_ser_blogs_3 ul li {
            width: 50%;
        }
        /* responsive menu */
        .header_style26 .menu > ul > li > a {
            padding: 7px 25px;
        }
        .cake_club .menu-mobile::after {
            top: 4px;
        }
        .cake_club .menu > ul > li a {
            font-size: 13px;
            margin: 0;
        }
        .menu-dropdown-icon::before {
            padding: 13px 15px 13px;
        }
        .header.header_style14 .header_top {
            display: none;
        }
        .header_style14 .logo {
            top: 0;
        }
        .header_style14 .logo img {
            height: 85px;
        }
        .header.header_style14 .main_menu {
            width: 100%;
            padding-left: 200px;
            margin: 25px 0 0;
        }
        .header.header_style14 .main_menu > .menu > ul > li > a {
            color: #222;
        }
        .home_page14 .main_menu .clearfix {
            top: 65px;
        }
        .home_page14 .menu-dropdown-icon::before {
            padding: 16px 15px 16px;
        }
        .slide_banner19 {
            min-height: 380px;
            padding-top: 15px;
            padding-bottom: 15px;
        }
        
        /** home page 13 **/
        
        #banner_parallax.slide_banner13 .slide_cont h2 {
            font-size: 50px;
            line-height: 58px;
            margin-top: 25px;
            margin-bottom: 25px;
        }
        .information_icon {
            margin: 15px 0 0 0;
        }
        .slide_banner13 {
            min-height: auto;
            max-height: inherit;
            padding-bottom: 50px;
        }
        .slide_cont {
            margin-top: 115px;
        }
        .berber_side_img::after {
            display: none;
        }
        .hair_menu_list_cont ul {
            float: left;
            width: 100%;
        }
        .tab_bar_section ul.nav.nav-tabs li a {
            font-size: 15px;
            font-weight: 500;
            padding: 0 10px;
            line-height: 45px;
        }
        .discount_section_inner {
            top: 0;
            left: 0;
        }
        .discount_section h4 {
            line-height: 28px;
            margin: 15px 0;
        }
        .discount_section h3 {
            color: #d19d64;
            font-size: 30px;
            margin: 10px 0;
            line-height: 38px;
        }
        .join_us_section {
            text-align: center;
        }
        .join_us_section h2 {
            margin-bottom: 15px;
        }
        .cont_theme_blog h3 {
           font-size: 35px;
           line-height: 45px;
           font-weight: 700;
       }
        
    }
    
    @media (min-width:576px) and (max-width:767px) {
        /** basic css **/
        .margin_top_30_respon {
            margin-top: 30px;
        }
        .p_data{
            padding-left: 40px;
        padding-right: 40px;
        }
        .container {
            max-width: 540px;
            width: 100%;
        }
        .inform_dentist_botm p {
            text-align: center;
        }
        p.large {
            font-size: 14px;
        }
        h2 {
           font-size: 40px;
        }
        .cont_theme_blog h3 {
           font-size: 35px;
           line-height: 45px;
           font-weight: 700;
        }
        .home_page1 #banner_slide {
            margin-bottom: 0;
        }
        .slide_cont {
            text-align: center;
        }
        .slide_bt {
            display: flex;
            justify-content: center;
        }
        .home_page1 .slide_cont {
            margin-top: 75px;
        }
        .slide_banner1 {
            min-height: auto;
        }
        .slide_cont h2 {
            font-size: 30px;
            line-height: 34px;
        }
        .slide_pc_img img {
            width: 100%;
            margin-left: 0;
            margin-top: 35px;
            right: inherit;
        }
        .slide_pc_img {
        position: relative;
        z-index: 1;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        width: 100%;
    }
        .blog_feature_img img {
            width: 100%;
        }
        .contact_form_inner {
            max-width: 430px;
            margin: 0 auto;
        }
        .right_bt {
            float: right;
            width: 100%;
            justify-content: center;
            display: flex;
            margin-top: 15px;
        }
        .right_bt a.bt_main {
            width: 100%;
        }
        .home_page1 .padding_right_left_15 {
            margin-bottom: 30px;
        }
        .layout_screen {
            left: 0;
            position: relative;
            width: 100%;
        }
        .padding_inner {
            padding-top: 25px;
            padding-bottom: 25px;
        }
        .theme_bg {
            min-height: auto;
        }
        .layout_pur_minus {
            margin-bottom: 0;
        }
        .team_member_img img {
            width: 100%;
        }
        .table_price {
            margin-bottom: 30px;
        }
        .home_page1 .layout_padding_2 {
            margin: 0 !important;
        }
        .layout_padding {
            margin: 0 !important;
        }
        .blog_section {
            margin-top: 30px;
        }
        .blog_feature_cantant {
            padding: 30px 20px 20px;
        }
        .contact_form {
            min-height: auto;
            padding: 80px 30px;
        }
        .footer_blog {
            display: flex;
            margin-bottom: 25px;
        }
        /**** home page 2 add custom with arrange ****/
        .margin_bottom_30 {
            margin-bottom: 30px;
        }
        .target_section {
            width: 100%;
            background: #fff;
            padding: 50px 25px 50px;
            box-shadow: 0 0 45px -15px #000;
            margin-top: 20px;
            margin-bottom: 30px;
        }
        .team_blog {
            margin-bottom: 30px;
        }
        .target_section .feature_icon {
            margin-top: 25px;
        }
        .header .social_icons {
            width: 100%;
            justify-content: center;
            display: flex;
            border-top: solid rgba(255, 255, 255, .1) 1px;
            padding-top: 15px;
        }
        .footer_style_2 img.img-responsive {
            width: 100%;
        }
        .home_page2 .slide_cont {
            margin-top: 20px;
        }
        .home_page2 #banner_parallax .slide_cont p {
            line-height: 30px;
            font-size: 22px;
            margin-top: 30px;
        }
        .slide_banner2 {
            min-height: 480px;
        }
        .heading_style_2 p {
            font-size: 18px;
            margin-top: 0;
            margin-bottom: 45px;
        }
        .heading_style_2 h2 {
            line-height: 30px;
            margin-top: 15px;
        }
        .home_page2 .light_silver_2 div.layout_bt {
            margin-bottom: 25px;
            float: left;
            width: 100%;
        }
        /** home page 3 **/
        .haf_full_section.right_full::after {
            height: 350px;
            position: relative;
            width: 100%;
        }
        .haf_full_section.left_full::after {
            height: 350px;
            position: relative;
            width: 100%;
        }
        .center_padding {
            padding: 75px 0 60px;
        }
        .home_page3 .slide_cont h2 {
            font-size: 40px;
            line-height: 40px;
        }
        .home_page3 section#banner_parallax.slide_banner3 .slide_cont p {
            font-size: 20px;
        }
        .slide_banner3 h2::after {
            margin-left: auto;
            margin-right: auto;
        }
        .slide_banner3 {
            min-height: 720px;
        }
        .information_blog h3 {
            font-size: 21px;
        }
        .information_blog {
            margin: 15px 0;
        }
        /** side bar **/
        .toggle_side_bar {
            display: block;
        }
        .sidenav {
            height: 100%;
            width: 0;
        }
        .sidebar_page {
            margin-left: 0;
        }
        .sidenav .closebtn {
            display: block;
        }
        /** home page 4 **/
        .overlap_top_img_main {
            margin: -70px 0 0 0;
            width: 100%;
        }
        .brand_logo_section li {
            width: 33.33%;
            padding: 0 15px;
        }
        .slide_banner4 h2 strong {
            font-size: 50px;
        }
        .slide_banner4 h2::after {
            margin-left: auto;
            margin-right: auto;
        }
        .home_page4 .slide_cont p {
            font-size: 12px;
            line-height: 21px;
        }
        .golden_yellow_theme a.transparent_bt {
            padding: 0 10px;
            min-width: 148px;
            line-height: 45px;
            font-size: 13px;
        }
        .bt_main {
            font-size: 13px;
            min-width: 120px;
            height: 45px;
            line-height: 45px;
            padding: 0 10px;
        }
        #contant_slider .carousel-indicators {
            display: flex;
            bottom: -80px;
        }
        .heading_style_4 p {
            font-size: 16px;
        }
        .heading_style_4 h2 {
            font-size: 28px;
            color: #343434;
            line-height: 40px;
        }
        .tab_head ul {
            display: block;
        }
        .blog_section.style_2 .blog_head {
            font-size: 18px;
        }
        .contact_form {
            padding: 80px 30px 80px;
        }
        /** home page 5 **/
        .screen_website_bannr {
            margin-top: 30px;
            margin-bottom: 30px;
        }
        .slide_banner5 {
            margin-bottom: 0;
        }
        .heading_style_5 .small_text {
            margin: 0 0 10px 0;
        }
        .layout_pur_minus img {
            width: 100%;
            margin-top: 50px;
        }
        .overlap_top_img_main {
            margin: 0;
            width: 100%;
        }
        .feature_cs img {
            width: 100%;
        }
        /** home page 6 **/
        .header.header_style4.header_left_side .main_menu {
            float: right !important;
        }
        .home_page6 .slide_cont {
            margin-top: 280px;
        }
        .heading_style_6 h2 {
            margin-bottom: 20px;
            font-size: 25px;
        }
        .padding_right_left_25 {
            margin-top: 50px;
        }
        .blog_news1 {
            padding: 35px;
        }
        .gray_layer_bg .full img {
            width: 100%;
        }
        .field input {
            padding: 0 20px;
        }
        .contact_form_layout .field textarea {
            padding: 5px 20px;
        }
        /** home page 7 **/
        .header_style5 div.menu > ul > li > a {
            padding: 10px 18px;
        }
        .header_top p {
            margin: 0;
            color: #555;
            font-size: 13px;
            margin: 5px 0 5px;
        }
        .right_section_bottom_header {
            display: flex;
            justify-content: center;
            border-top: solid #ddd 1px;
            margin-top: 10px;
        }
        #searchbar {
            width: 90%;
            right: 5%;
            top: 50px;
        }
        .slide_banner7 .slide_cont h2 {
            line-height: normal;
            font-size: 24px;
        }
        .slide_inform {
            text-align: left;
        }
        .slider_information {
            display: flex;
            justify-content: center;
        }
        .heading_style_7 h2 {
            font-size: 28px;
            line-height: 30px;
        }
        .full.bottm_bt_style {
            position: relative;
            bottom: 0;
            right: 0;
            margin-top: 15px;
            margin-bottom: 10px;
        }
        .inform_ser_blogs_3 ul li {
            width: 100%;
        }
        .position_abs {
            position: relative;
        }
        .hight_100_per {
            margin-bottom: 35px;
        }
        .left_head ul {
            margin: 12px 0 11px;
            float: left;
            width: 100%;
        }
        /** home page 8 **/
        .with_out_menu_header div.left_head ul li {
            display: inline;
            margin-right: 0;
            font-size: 14px;
            color: #fff;
            float: left;
            width: 100%;
            text-align: center;
        }
        .home_page8 .right_head {
            display: none;
        }
        .layout_bt {
            float: left;
            width: 100%;
            display: flex;
            justify-content: center;
        }
        .service_info_sec {
            margin-top: 30px;
            position: relative;
            margin-bottom: -20px;
        }
        .heading_style_8 h2 {
            font-size: 30px;
            margin-bottom: 25px;
        }
        .tab_bar .tags li {
            float: left;
            margin: 3px;
        }
        #testimoial_slider {
            margin-bottom: 80px;
        }
        .why_peoeple_choose .col-md-2 {
            margin-bottom: 25px;
        }
        /** home page 9 **/
        #banner_parallax.slide_banner9 h2 {
            font-size: 50px;
        }
        .cont_boder_style_slide::after {
            margin-left: auto;
            margin-right: auto;
        }
        .hiren_img {
            margin-top: 30px;
        }
        .feature_cs img {
            width: 100%;
        }
        /** home page 10 **/
        #banner_parallax.slide_banner10 h2 {
            font-size: 50px;
        }
        .cont_boder_style_slide::after {
            margin-left: auto;
            margin-right: auto;
        }
        .hiren_img {
            margin-top: 30px;
        }
        .feature_cs img {
            width: 100%;
        }
        .slide_banner10 .slider_information ul li {
            display: flex;
            margin: 15px 0;
            float: left;
            width: 100%;
            justify-content: center;
        }
        /** home page 11 **/
        .play_section {
            position: relative;
        }
        .weekend_section_inner .play_pause_control {
            padding-left: 35px;
        }
        .weeked_section .play_pause {
            left: 0;
        }
        .click_section_form_change_vedio .float-left {
            width: 100%;
        }
        .click_section_form_change_vedio .profile_uploaded {
            text-align: center;
            margin: 0;
        }
        .click_section_form_change_vedio .profile_cont_uploaded {
            margin-left: 0;
            margin-top: 15px;
            text-align: center;
        }
        .click_section_form_change_vedio .float-right {
            margin-top: 0;
            width: 100%;
            text-align: center;
        }
        .profile_cont {
            display: block;
        }
        /** home page 12 **/
        .span2 {
            width: 100%;
        }
        .cake_club .menu > ul > li > a {
            font-size: 13px;
            margin: 0;
        }
        .cake_club .menu > ul > li a > {
            font-size: 14px;
        }
        .cake_club .menu > ul > li > a {
            font-size: 14px;
            padding: 13px;
        }
        .cake_club .menu-mobile::after {
            top: 4px;
        }
        .slide_banner12 {
            background-size: cover;
        }
        .slide_banner12 .slide_cont h3 {
            font-size: 50px;
            line-height: 70px;
        }
        .Courgette_font h2 {
            font-size: 35px;
        }
        div.layout_padding_2 {
            padding-top: 50px;
        }
        /** home page 13 **/
        #banner_parallax.slide_banner13 .slide_cont h2 {
            font-size: 50px;
            line-height: 58px;
            margin-top: 25px;
            margin-bottom: 25px;
        }
        .information_icon {
            margin: 15px 0 0 0;
        }
        .slide_banner13 {
            min-height: auto;
            max-height: inherit;
            padding-bottom: 50px;
        }
        .slide_cont {
            margin-top: 115px;
        }
        .berber_side_img::after {
            display: none;
        }
        .hair_menu_list_cont ul {
            float: left;
            width: 100%;
        }
        .tab_bar_section ul.nav.nav-tabs li a {
            font-size: 15px;
            font-weight: 500;
            padding: 0 10px;
            line-height: 45px;
        }
        .discount_section_inner {
            top: 0;
            left: 0;
        }
        .discount_section h4 {
            line-height: 28px;
            margin: 15px 0;
        }
        .discount_section h3 {
            color: #d19d64;
            font-size: 30px;
            margin: 10px 0;
            line-height: 38px;
        }
        .join_us_section {
            text-align: center;
        }
        .join_us_section h2 {
            margin-bottom: 15px;
        }
        /** home page 14 **/
        .header.header_style14 .header_top {
            display: none;
        }
        .header_style14 .logo {
            top: 0;
        }
        .header_style14 .logo img {
            width: 110px;
        }
        .header_style14 .logo {
            position: absolute;
            top: 0;
            padding: 10px 0;
        }
        .header_style14 .logo {
            top: -47px;
        }
        .header_style14 .header_bottom {
            min-height: 60px;
            padding-top: 55px;
        }
        .header.header_style14 .header_bottom .right_section_bottom_header {
            margin: 10px 0 18px;
            padding-top: 15px;
            width: 100%;
        }
        .header.header_style14 .main_menu > .menu > ul > li > a {
            color: #000;
        }
        .slide_banner14 {
            min-height: 450px;
        }
        .waiter_img {
            margin-top: 45px;
        }
        .style_pro_head {
            margin-top: 0;
            margin-bottom: 75px;
        }
        .top_center_pro .head_cafe_img {
            margin-left: 0;
            width: 100%;
            text-align: center;
        }
        .top_center_pro {
            display: block;
        }
        .head_cafe_img {
            text-align: center;
        }
        .top_left_pro .head_cafe_pro {
            position: relative;
            top: 0;
        }
        .top_center_pro .head_cafe_pro {
            position: relative;
            top: 0;
            left: 0;
        }
        .head_cafe_img img {
            width: 50%;
        }
        .bottom_center_pro .text_align_left {
            text-align: center;
            padding-left: 0;
            margin: 0;
        }
        .bottom_right_pro .head_cafe_img {
            text-align: center;
        }
        .bottom_center_pro .text_align_left {
            text-align: center;
            padding-left: 0;
            margin: 0;
        }
        .bottom_right_pro {
            top: 0;
        }
        .bottom_right_pro .head_cafe_img {
            text-align: center;
        }
        .head_cafe_pro.text_align_right {
            text-align: center;
        }
        .head_cafe_pro.text_align_left {
            text-align: center;
        }
        .top_center_pro .head_cafe_pro {
            text-align: center;
        }
        .top_left_pro .head_cafe_pro {
            text-align: center;
        }
        .style_pro_head {
            margin-top: 50px;
            margin-bottom: 100px;
        }
        .team_blog_style_cheif .team_blog {
            width: 80%;
            margin: 0 10%;
        }
        .time_ser {
            margin-bottom: 35px;
        }
        /** home page 15 **/
        .slide_banner15#banner_parallax h2 {
            font-size: 35px;
            line-height: 38px;
            font-weight: 400;
            color: #ffb125;
        }
        .home_page15 .slide_cont {
            margin-top: 220px;
        }
        .home_page15 section.layout_padding_2.horizontal_cross_layout {
            margin-bottom: 0;
        }
        .home_page15 .streat_section_rev img {
            height: 80px;
        }
        .white_border {
            margin-left: 0;
            padding-left: 80px;
        }
        .enter_roll_bt {
            display: flex;
            justify-content: center;
            margin-top: 35px;
        }
        .streat_section_rev_bottom img {
            position: absolute;
            bottom: 0;
            height: 85px;
        }
        .black_border {
            margin-left: 0;
            padding-left: 80px;
        }
        .team_blog_gym {
            display: block;
            margin: 15px 0;
            text-align: center;
        }
        .team_blog_gym .team_img {
            margin: 0;
            text-align: center;
            width: 100%;
            display: flex;
            justify-content: center;
        }
        .gym_cle {
            margin-bottom: 45px;
        }
        /** home page 16 **/
        .slide_banner16 .slide_cont h2 {
            font-size: 35px;
        }
        #banner_parallax.slide_banner16 .slide_cont p {
            font-size: 18px;
        }
        .heading_style_13 h2 {
            font-size: 48px;
            font-weight: 600;
            color: #343434;
            margin: 0 0 25px 0;
            line-height: 48px;
        }
        .yoga_icon {
            margin-bottom: 20px;
            text-align: center;
        }
        .yoga_icon + div {
            text-align: center;
        }
        .bg_layout_yoga .heading_style_13 h2 {
            font-size: 32px;
            line-height: 32px;
        }
        /** home page 17 **/
        .header_style17 .header_top.top_imform {
            display: none;
        }
        .slide_banner17 {
            min-height: 720px;
            max-height: inherit;
        }
        .dentist_slide img {
            width: 100%;
            margin-bottom: 50px;
        }
        .home_page17 .heading_style_3 p.small_text {
            font-size: 20px;
            line-height: 24px;
        }
        .home_page17 .heading_style_3 h2 {
            font-size: 30px;
            margin: 25px 0;
            line-height: 35px;
        }
        .dentist_imfor_ser .col-md-7 {
            margin-bottom: 50px;
        }
        .dentis_team_blog .team_member_img img {
            width: auto;
        }
        .header.header_style18 .top_imform {
            display: none;
        }
        /** home page 18 **/
        .menu_border_hover .main_menu .menu > ul > li > a {
            padding-bottom: 10px;
        }
        .fiver_boy img {
            max-width: 100%;
        }
        .slide_bottom_icon li {
            margin: 5px 5px;
        }
        .doc_ser {
            margin-bottom: 25px;
        }
        .doctor_team .team_member_img.team_member_img img {
            width: auto;
        }
        /** home page 19 **/
        .sidebar_menu {
            float: right;
            top: 15px;
            position: relative;
        }
        #banner_parallax.slide_banner19 {
            padding-top: 1px;
        }
        .home_page19 .slide_cont {
            margin-top: 35px;
        }
        .product_ecommr {
            margin-top: 45px;
        }
        .heading_style_19 h2 {
            font-size: 32px;
            line-height: 42px;
        }
        .one_line_layout {
            margin: 15px 0;
        }
        .coffee_machine {
            position: relative;
            top: 0;
        }
        .product_style_1 .product_img {
            border-right: none;
        }
        .coffee_machine img {
            margin-top: 25px;
        }
        .newslatterform form {
            position: relative;
            width: 100%;
        }
        .menu_product li {
            float: left;
            margin: 0;
            width: 50%;
        }
        /** home page 20 **/
        .header.header_style_ecomm2 .header_top {
            display: none;
        }
        .top_search_bar .field {
            display: block;
        }
        .search_style_2 .top_search_bar input {
            max-width: 100%;
            border-radius: 0;
            border: solid #e1e1e1 1px;
            margin-bottom: -1px;
        }
        .search_style_2 .top_search_bar .bootstrap-select button,
        .search_style_2 .top_search_bar .bootstrap-select button:hover,
        .search_style_2 .top_search_bar .bootstrap-select button:focus,
        .search_style_2 .top_search_bar .bootstrap-select button:active {
            width: 100%;
            margin: 0;
        }
        div.top_search_bar .btn-group.bootstrap-select {
            width: 100% !important;
        }
        .search_style_2 .top_search_bar button.submit_search {
            background: #0163d2;
            width: 100%;
            font-weight: 500;
            font-size: 14px;
            border-radius: 0;
        }
        .search_catry_bt {
            position: relative;
            top: 0;
            right: 1px;
        }
        .header_style_ecomm2 .sidebar_menu a {
            background: #0163d2;
            width: 36px;
            float: right;
            height: 36px;
            border-radius: 0;
            text-align: center;
            padding: 5px 4px;
            margin: 12px 0 0;
        }
        .right_cart_section {
            position: absolute;
            top: -248px;
        } 
        .header_bottom_thirth {
            display: none;
        }
        .home_page20 .bt_main {
            padding: 0 25px;
        }
        .top_sec {
            line-height: 24px;
            font-size: 15px;
            padding: 20px 20px;
        }
        .blue_layer_image2 h2,
        .blue_layer_image h2 {
            font-size: 28px;
            line-height: 42px;
            letter-spacing: -1px;
        }
        /** home page 21 **/
        .header_style_ecomr3 .header_top {
            display: none;
        }
        .header_style_ecomr3 .menu {
            width: auto;
            margin: 9px 0 0;
            float: left;
        }
        .right_icon_ecoomr {
            float: right;
            margin: 10px 0;
        }
        .header.header_style_ecomr3 .menu > ul > li > a {
            padding: 10px 24px;
            font-weight: 500;
        }
        .home_page21 .slide_banner18 .slide_cont h2 {
            font-size: 72px;
            line-height: 72px;
            text-align: center;
        }
        .home_page21 .slide_banner18 .slide_cont h2 span {
            float: left;
        }
        .slide_banner18#banner_parallax p {
            font-size: 15px;
        }
        .categary_part {
            width: 100%;
            min-height: 280px;
        }
        .slide_banner18 .slide_bt {
            padding-bottom: 35px;
        }
        /** home page 22 **/
        .light_red .header.header_style_ecomr3 .menu > ul > li > a {
            color: #222;
        }
        .slide_banner22 .slide_cont {
            margin-top: 55px;
        }
        .slide_banner22 .slide_cont h2 {
            font-size: 40px;
            line-height: 45px;
        }
        .date_counter_2 #clockdiv div.count {
            width: 50%;
            margin: 7px 0 0 0;
            text-align: center;
        }
        .date_counter_2 #clockdiv div > span {
            width: 90%;
            margin: 0 5%;
        }
        .full.counter_price h2 {
            line-height: normal;
        }
        .home_page22 div.full.layout_bt {
            margin-bottom: 35px;
        }
        /** home paga 23 **/
        .catergary_tab_bar ul li.nav-item {
            width: 50%;
        }
        .client_slider_main2 .testi_head {
            margin-top: 25px;
            text-align: center;
        }
        .client_slider_main2 div#testimonial2 {
            width: 90%;
            margin: 20px 5% 80px;
        }
        .service_information .pink1,
        .service_information .pink2,
        .service_information .pink3 {
            margin-bottom: 35px;
        }
        /** home page 24 **/
        .skyblue .menu-mobile {
            border-color: #fff;
            color: #fff;
            margin: 10px 5px;
        }
        .master_ji {
            margin-bottom: 30px;
        }
        .bottom_fixed {
            position: relative;
            bottom: 0;
        }
        .brand_logo_section li {
            width: 50%;
            padding: 0 15px;
        }
        /** home page 25 **/
        .header_funky_style .header_top {
            display: none;
        }
        .header_funky_style a.menu-mobile {
            margin: 10px;
        }
        .header.header_funky_style .menu > ul > li > a {
            font-size: 15px;
            font-weight: 400;
            color: #898989;
            padding: 10px 15px 9px;
        }
        .slide_banner25 .slide_cont h2 {
            text-transform: uppercase;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            font-size: 28px;
            line-height: 35px;
            z-index: 0;
            margin-bottom: 25px;
        }
        .slide_banner25 .slide_cont {
            margin-top: 50px;
        }
        .bottom_service_temp_inner {
            margin-top: 0;
        }
        .bottom_service_temp {
            display: none;
        }
        .slide_banner25 .inner_slide {
            margin: 25px 0 0 0;
        }
        .team_blog_img {
            float: left;
            width: 100%;
            height: 170px;
            margin-top: 0px;
            margin-left: 0;
            border-radius: 0;
            text-align: center;
            align-items: center;
            display: flex;
            justify-content: center;
            margin-right: 0;
            margin-bottom: 25px;
        }
        .team_blog {
            border-radius: 5px;
            min-height: 170px;
            float: left;
            width: 100%;
        }
        .team_blog_cont {
            padding: 25px 0 15px 0;
            float: left;
            width: 100%;
        }
        /** home page 26 **/
        .header_style26 .right_side_bt {
            display: none;
        }
        .header_style26 .menu {
            width: auto;
            margin: 9px 0 0;
            float: left;
        }
        .header_style26 .menu > ul > li > a {
            padding: 10px 25px;
        }
        .slide_banner26 .slide_cont {
            margin-top: 220px;
        }
        .slide_banner26 .slide_cont h2 {
            font-size: 40px;
            line-height: 45px;
        }
        .owl-carousel-mousewheel .owl-prev {
            width: 35px;
        }
        .owl-carousel-mousewheel .owl-next {
            width: 35px;
        }
        .owl-carousel-mousewheel {
            padding: 0 35px;
        }
        .owl-carousel-mousewheel {
            background: #fff;
        }
        .step_process li {
            width: 100%;
        }
        /** inner pages **/
        .team_member_img img {
            width: 100%;
        }
        #inner_slide .slider_information ul li {
            margin: 10px 0;
            width: 100%;
        }
        .slider_information {
            margin-bottom: 25px;
        }
        .lawyer_img {
            margin-bottom: 35px;
        }
        .about_page_3.brown_color_theme .heading_style_7 h2 {
            font-size: 21px;
        }
        .left_section_head {
            margin-bottom: 35px;
        }
        .testimonial_ser2 .owl-nav.disabled {
            top: -50px;
        }
        .client_slider_main .testimonial_ser2 .owl-nav .owl-next,
        .client_slider_main .testimonial_ser2 .owl-nav .owl-next:hover,
        .client_slider_main .testimonial_ser2 .owl-nav .owl-next:focus {
            width: 50%;
            height: 45px;
            text-align: center;
            line-height: 45px;
            right: 0;
            border-radius: 0;
        }
        .client_slider_main .testimonial_ser2 .owl-nav .owl-prev,
        .client_slider_main .testimonial_ser2 .owl-nav .owl-prev:hover,
        .client_slider_main .testimonial_ser2 .owl-nav .owl-prev:focus {
            width: 50%;
            height: 45px;
            border-radius: 0;
            text-align: center;
            line-height: 45px;
            left: 0;
        }
        .testimonial_ser2 .testimo {
            margin-bottom: 25px;
        }
        .service_blog3 .padding_right_left_15 {
            background: #f8f8f8;
            padding: 15px 15px;
        }
        .inner_banner7 {
            padding-top: 180px;
        }
        .slide_banner1 {
           min-height: auto;
           position: relative;
           background-repeat: no-repeat;
           background-size: cover;
           background-position: bottom center;
        } 
        .slide_cont {
            margin: 50px 0 100px;
        }
        .blog_banner h2,
        .portfolio_banner h2 {
            margin: 85px 0 0;
            font-weight: 300;
        }
        .breadcrum_side ul {
            margin: 5px 0 30px;
            width: 100%;
        }
        .blog_detail h3 {
            text-align: left;
        }
        #default_theme.blog_detail section p {
            text-align: left;
        }
        .width_50 {
            width: 100%;
        }
        .layout_padding_grey_half {
            padding: 35px;
        }
        .portfolio .tab_bar_section ul.nav.nav-tabs li {
            margin-bottom: 15px;
            margin-left: 10px;
            margin-right: 10px;
            width: auto;
        }
        .portfolio .portfolio_layout2 .tab_bar_section ul.nav.nav-tabs li {
            margin: 0 10px 20px;
        }
        .portblog_img img {
            width: 100%;
        }
        .share_section ul li {
            margin: 0 0 10px 0;
            width: 100%;
        }
        .share_section {
            float: left;
            width: 100%;
            margin-top: 0;
            margin-bottom: 35px;
        }
        .portfolio_detail .one_line_layout .feature_icon img {
            width: 100px;
        }
        /** shop page **/
        
        .shopping-cart-cart {
            max-width: 100%;
            width: 100%;
            margin-top: 25px;
        }
        
        .product-table table.table {
            min-width: 720px;
        }
        
        .product_detail_page .tab_bar_section .nav.nav-tabs {
            display: flex;
            justify-content: center;
        }
        
        .product_detail_page .tab_bar_section .nav-tabs .nav-item {
            width: 100%;
        }
        
    }
    
    @media (max-width:575px) {
        /** cross layout **/
        .inform_dentist_botm p {
            text-align: center;
        }
        .margin_top_30_respon {
            margin-top: 30px;
        }
        .cross_layout:before {
            height: 20px;
        }
        .cross_layout:after {
            height: 20px;
        }
        .p_data{
            padding-left: 40px;
        padding-right: 40px;
        }
        p.large {
            font-size: 14px;
        }
        h2 {
            font-size: 32px;
            line-height: 35px;
            letter-spacing: -1px;
        }
        .container {
            max-width: 100%;
        }
        .home_page1 #banner_slide {
            margin-bottom: 0;
        }
        .right_bt {
            float: right;
            width: 100%;
            justify-content: center;
            display: flex;
            margin-top: 15px;
        }
        .right_bt a.bt_main {
            width: 100%;
        }
        .home_page1 .slide_cont {
            margin-top: 75px;
        }
        .slide_banner1 {
           position: relative;
           background-repeat: no-repeat;
           background-size: auto 100%;
           height: auto;
           min-height: auto;
           background-position: bottom left;
        }
        .slide_cont h2 {
            font-size: 28px;
            line-height: 34px;
        }
        .slide_pc_img img {
            width: 100%;
            margin-left: 0;
            margin-top: 35px;
            right: 0;
        }
        .slide_pc_img {
            position: relative;
            z-index: 1;
            margin-bottom: 0;
        }
        .slide_bt .bt_main {
            border: solid #1e72bc 1px;
            line-height: 43px;
        }
        .home_page1 .padding_right_left_15 {
            margin-bottom: 30px;
        }
        .layout_screen {
            left: 0;
            position: relative;
            width: 100%;
        }
        .padding_inner {
            padding-top: 25px;
            padding-bottom: 25px;
        }
        .theme_bg {
            min-height: auto;
        }
        .layout_pur_minus {
            margin-bottom: 0;
        }
        .team_member_img img {
            width: 100%;
        }
        .table_price {
            margin-bottom: 15px;
        }
        .blog_feature_img img {
            width: 100%;
        }
        .contact_form_inner {
            max-width: 100%;
        }
        .slide_cont {
            text-align: center;
        }
        .slide_bt {
            display: flex;
            justify-content: center;
        }
        .home_page1 .layout_padding_2 {
            margin: 0 !important;
        }
        .layout_padding {
            margin: 0 !important;
        }
        .blog_section {
            margin-top: 30px;
        }
        .blog_feature_cantant {
            padding: 30px 20px 20px;
        }
        .contact_form {
            min-height: auto;
            padding: 80px 30px;
        }
        .footer_blog {
            display: flex;
            margin-bottom: 25px;
        }
        .information_blog h3 {
            font-size: 21px;
        }
        .information_blog {
            margin: 15px 0;
        }
        /** portfolio popup **/
        
        .description_popup {
            padding: 30px;
        }
        #portfolio_pop .modal-content {
            width: 90%;
            margin: 0 auto;
        }
        
        .description_popup h3 {
            font-size: 18px;
        }
        
        /**** home page 2 add custom with arrange ****/
        .margin_bottom_30 {
            margin-bottom: 30px;
        }
        .target_section {
            width: 100%;
            background: #fff;
            padding: 50px 25px 50px;
            box-shadow: 0 0 45px -15px #000;
            margin-top: 20px;
            margin-bottom: 30px;
        }
        .team_blog {
            margin-bottom: 30px;
        }
        .target_section .feature_icon {
            margin-top: 25px;
        }
        .header .social_icons {
            width: 100%;
            justify-content: center;
            display: flex;
            border-top: solid rgba(255, 255, 255, .1) 1px;
            padding-top: 15px;
        }
        .home_page2 .slide_cont {
            margin-top: 20px;
        }
        .home_page2 #banner_parallax .slide_cont p {
            line-height: 30px;
            font-size: 22px;
            margin-top: 30px;
        }
        .slide_banner2 {
            min-height: 480px;
        }
        .heading_style_2 p {
            font-size: 18px;
            margin-top: 0;
            margin-bottom: 45px;
        }
        .heading_style_2 h2 {
            line-height: 30px;
            margin-top: 15px;
        }
        .home_page2 .light_silver_2 div.layout_bt {
            margin-bottom: 25px;
            float: left;
            width: 100%;
        }
        /** home page 3 **/
        .haf_full_section.right_full::after {
            height: 350px;
            position: relative;
            width: 100%;
        }
        .haf_full_section.left_full::after {
            height: 350px;
            position: relative;
            width: 100%;
        }
        .center_padding {
            padding: 75px 0 60px;
        }
        .home_page3 .slide_cont h2 {
            font-size: 40px;
            line-height: 40px;
        }
        .home_page3 section#banner_parallax.slide_banner3 .slide_cont p {
            font-size: 20px;
        }
        .slide_banner3 h2::after {
            margin-left: auto;
            margin-right: auto;
        }
        .slide_banner3 {
            min-height: 720px;
        }
        .information_blog h3 {
            font-size: 21px;
        }
        .information_blog {
            margin: 15px 0;
        }
        /** side bar **/
        .toggle_side_bar {
            display: block;
        }
        .sidenav {
            height: 100%;
            width: 0;
        }
        .sidebar_page {
            margin-left: 0;
        }
        .sidenav .closebtn {
            display: block;
        }
        /** home page 4 **/
        .overlap_top_img_main {
            margin: -70px 0 0 0;
            width: 100%;
        }
        .brand_logo_section li {
            width: 33.33%;
            padding: 0 15px;
        }
        .slide_banner4 h2 strong {
            font-size: 50px;
        }
        .slide_banner4 h2::after {
            margin-left: auto;
            margin-right: auto;
        }
        .home_page4 .slide_cont p {
            font-size: 12px;
            line-height: 21px;
        }
        .golden_yellow_theme a.transparent_bt {
            padding: 0 10px;
            min-width: 148px;
            line-height: 45px;
            font-size: 13px;
        }
        .bt_main {
            font-size: 13px;
            min-width: 120px;
            height: 45px;
            line-height: 45px;
            padding: 0 10px;
        }
        #contant_slider .carousel-indicators {
            display: flex;
            bottom: -80px;
        }
        .heading_style_4 p {
            font-size: 16px;
        }
        .heading_style_4 h2 {
            font-size: 28px;
            color: #343434;
            line-height: 40px;
        }
        .tab_head ul {
            display: block;
        }
        .blog_section.style_2 .blog_head {
            font-size: 18px;
        }
        .contact_form {
            padding: 80px 30px 80px;
        }
        /** home page 5 **/
        .screen_website_bannr {
            margin-top: 30px;
            margin-bottom: 30px;
        }
        .slide_banner5 {
            margin-bottom: 0;
        }
        .heading_style_5 .small_text {
            margin: 0 0 10px 0;
        }
        .layout_pur_minus img {
            width: 100%;
            margin-top: 50px;
        }
        .overlap_top_img_main {
            margin: 0;
            width: 100%;
        }
        .feature_cs img {
            width: 100%;
        }
        /** home page 6 **/
        .header.header_style4.header_left_side .main_menu {
            float: right !important;
        }
        .home_page6 .slide_cont {
            margin-top: 280px;
        }
        .heading_style_6 h2 {
            margin-bottom: 20px;
            font-size: 25px;
        }
        .padding_right_left_25 {
            margin-top: 50px;
        }
        .blog_news1 {
            padding: 35px;
        }
        .gray_layer_bg .full img {
            width: 100%;
        }
        .field input {
            padding: 0 20px;
        }
        .contact_form_layout .field textarea {
            padding: 5px 20px;
        }
        /** home page 7 **/
        .header_style5 div.menu > ul > li > a {
            padding: 10px 18px;
        }
        .header_top p {
            margin: 0;
            color: #555;
            font-size: 13px;
            margin: 5px 0 5px;
        }
        .right_section_bottom_header {
            display: flex;
            justify-content: center;
            border-top: solid #ddd 1px;
            margin-top: 10px;
        }
        #searchbar {
            width: 90%;
            right: 5%;
            top: 50px;
        }
        .slide_banner7 .slide_cont h2 {
            line-height: normal;
            font-size: 24px;
        }
        .slide_inform {
            text-align: left;
        }
        .slider_information {
            display: flex;
            justify-content: center;
        }
        .heading_style_7 h2 {
            font-size: 28px;
            line-height: 30px;
        }
        .full.bottm_bt_style {
            position: relative;
            bottom: 0;
            right: 0;
            margin-top: 15px;
            margin-bottom: 10px;
        }
        .inform_ser_blogs_3 ul li {
            width: 100%;
        }
        .position_abs {
            position: relative;
        }
        .hight_100_per {
            margin-bottom: 35px;
        }
        .left_head ul {
            margin: 12px 0 11px;
            float: left;
            width: 100%;
        }
        /** home page 8 **/
        .with_out_menu_header div.left_head ul li {
            display: inline;
            margin-right: 0;
            font-size: 14px;
            color: #fff;
            float: left;
            width: 100%;
            text-align: center;
        }
        .home_page8 .right_head {
            display: none;
        }
        .layout_bt {
            float: left;
            width: 100%;
            display: flex;
            justify-content: center;
        }
        .service_info_sec {
            margin-top: 30px;
            position: relative;
            margin-bottom: -20px;
        }
        .heading_style_8 h2 {
            font-size: 30px;
            margin-bottom: 25px;
        }
        .tab_bar .tags li {
            float: left;
            margin: 3px;
        }
        #testimoial_slider {
            margin-bottom: 80px;
        }
        .why_peoeple_choose .col-md-2 {
            margin-bottom: 25px;
        }
        /** home page 9 **/
        #banner_parallax.slide_banner9 h2 {
            font-size: 50px;
        }
        .cont_boder_style_slide::after {
            margin-left: auto;
            margin-right: auto;
        }
        .hiren_img {
            margin-top: 30px;
        }
        .feature_cs img {
            width: 100%;
        }
        /** home page 10 **/
        #banner_parallax.slide_banner10 h2 {
            font-size: 50px;
        }
        .cont_boder_style_slide::after {
            margin-left: auto;
            margin-right: auto;
        }
        .hiren_img {
            margin-top: 30px;
        }
        .feature_cs img {
            width: 100%;
        }
        .slide_banner10 .slider_information ul li {
            display: flex;
            margin: 15px 0;
            float: left;
            width: 100%;
            justify-content: center;
        }
        /** home page 11 **/
        .play_section {
            position: relative;
        }
        .weekend_section_inner .play_pause_control {
            padding-left: 35px;
        }
        .weeked_section .play_pause {
            left: 0;
        }
        .click_section_form_change_vedio .float-left {
            width: 100%;
        }
        .click_section_form_change_vedio .profile_uploaded {
            text-align: center;
            margin: 0;
        }
        .click_section_form_change_vedio .profile_cont_uploaded {
            margin-left: 0;
            margin-top: 15px;
            text-align: center;
        }
        .click_section_form_change_vedio .float-right {
            margin-top: 0;
            width: 100%;
            text-align: center;
        }
        .profile_cont {
            display: block;
        }
        /** home page 12 **/
        .span2 {
            width: 100%;
        }
        .cake_club .menu > ul > li > a {
            font-size: 13px;
            margin: 0;
        }
        .cake_club .menu > ul > li a > {
            font-size: 14px;
        }
        .cake_club .menu > ul > li > a {
            font-size: 14px;
            padding: 13px;
        }
        .cake_club .menu-mobile::after {
            top: 4px;
        }
        .slide_banner12 {
            background-size: cover;
        }
        .slide_banner12 .slide_cont h3 {
            font-size: 50px;
            line-height: 70px;
        }
        .Courgette_font h2 {
            font-size: 35px;
        }
        div.layout_padding_2 {
            padding-top: 50px;
        }
        /** home page 13 **/
        #banner_parallax.slide_banner13 .slide_cont h2 {
            font-size: 50px;
            line-height: 58px;
            margin-top: 25px;
            margin-bottom: 25px;
        }
        .information_icon {
            margin: 15px 0 0 0;
        }
        .slide_banner13 {
            min-height: auto;
            max-height: inherit;
            padding-bottom: 50px;
        }
        .slide_cont {
            margin: 50px 0 100px;
        }
        .slide_cont {
            margin-top: 115px;
        }
        .berber_side_img::after {
            display: none;
        }
        .hair_menu_list_cont ul {
            float: left;
            width: 100%;
        }
        .tab_bar_section ul.nav.nav-tabs li a {
            font-size: 15px;
            font-weight: 500;
            padding: 0 10px;
            line-height: 45px;
        }
        .discount_section_inner {
            top: 0;
            left: 0;
        }
        .discount_section h4 {
            line-height: 28px;
            margin: 15px 0;
        }
        .discount_section h3 {
            color: #d19d64;
            font-size: 30px;
            margin: 10px 0;
            line-height: 38px;
        }
        .join_us_section {
            text-align: center;
        }
        .join_us_section h2 {
            margin-bottom: 15px;
        }
        /** home page 14 **/
        .header.header_style14 .header_top {
            display: none;
        }
        .header_style14 .logo {
            top: 0;
        }
        .header_style14 .logo img {
            width: 110px;
        }
        .header_style14 .logo {
            position: absolute;
            top: 0;
            padding: 10px 0;
        }
        .header_style14 .logo {
            top: -47px;
        }
        .header_style14 .header_bottom {
            min-height: 60px;
            padding-top: 55px;
        }
        .header.header_style14 .header_bottom .right_section_bottom_header {
            margin: 10px 0 18px;
            padding-top: 15px;
            width: 100%;
        }
        .header.header_style14 .main_menu > .menu > ul > li > a {
            color: #000;
        }
        .slide_banner14 {
            min-height: 450px;
        }
        .waiter_img {
            margin-top: 45px;
        }
        .style_pro_head {
            margin-top: 0;
            margin-bottom: 75px;
        }
        .top_center_pro .head_cafe_img {
            margin-left: 0;
            width: 100%;
            text-align: center;
        }
        .top_center_pro {
            display: block;
        }
        .head_cafe_img {
            text-align: center;
        }
        .top_left_pro .head_cafe_pro {
            position: relative;
            top: 0;
        }
        .top_center_pro .head_cafe_pro {
            position: relative;
            top: 0;
            left: 0;
        }
        .head_cafe_img img {
            width: 50%;
        }
        .bottom_center_pro .text_align_left {
            text-align: center;
            padding-left: 0;
            margin: 0;
        }
        .bottom_right_pro .head_cafe_img {
            text-align: center;
        }
        .bottom_center_pro .text_align_left {
            text-align: center;
            padding-left: 0;
            margin: 0;
        }
        .bottom_right_pro {
            top: 0;
        }
        .bottom_right_pro .head_cafe_img {
            text-align: center;
        }
        .head_cafe_pro.text_align_right {
            text-align: center;
        }
        .head_cafe_pro.text_align_left {
            text-align: center;
        }
        .top_center_pro .head_cafe_pro {
            text-align: center;
        }
        .top_left_pro .head_cafe_pro {
            text-align: center;
        }
        .style_pro_head {
            margin-top: 50px;
            margin-bottom: 100px;
        }
        .team_blog_style_cheif .team_blog {
            width: 80%;
            margin: 0 10%;
        }
        .time_ser {
            margin-bottom: 35px;
        }
        /** home page 15 **/
        .slide_banner15#banner_parallax h2 {
            font-size: 35px;
            line-height: 38px;
            font-weight: 400;
            color: #ffb125;
        }
        .home_page15 .slide_cont {
            margin-top: 220px;
        }
        .home_page15 section.layout_padding_2.horizontal_cross_layout {
            margin-bottom: 0;
        }
        .home_page15 .streat_section_rev img {
            height: 80px;
        }
        .white_border {
            margin-left: 0;
            padding-left: 80px;
        }
        .enter_roll_bt {
            display: flex;
            justify-content: center;
            margin-top: 35px;
        }
        .streat_section_rev_bottom img {
            position: absolute;
            bottom: 0;
            height: 85px;
        }
        .black_border {
            margin-left: 0;
            padding-left: 80px;
        }
        .team_blog_gym {
            display: block;
            margin: 15px 0;
            text-align: center;
        }
        .team_blog_gym .team_img {
            margin: 0;
            text-align: center;
            width: 100%;
            display: flex;
            justify-content: center;
        }
        .gym_cle {
            margin-bottom: 45px;
        }
        /** home page 16 **/
        .slide_banner16 .slide_cont h2 {
            font-size: 35px;
        }
        #banner_parallax.slide_banner16 .slide_cont p {
            font-size: 18px;
        }
        .heading_style_13 h2 {
            font-size: 48px;
            font-weight: 600;
            color: #343434;
            margin: 0 0 25px 0;
            line-height: 48px;
        }
        .yoga_icon {
            margin-bottom: 20px;
            text-align: center;
        }
        .yoga_icon + div {
            text-align: center;
        }
        .bg_layout_yoga .heading_style_13 h2 {
            font-size: 32px;
            line-height: 32px;
        }
        /** home page 17 **/
        .header_style17 .header_top.top_imform {
            display: none;
        }
        .slide_banner17 {
            min-height: 720px;
            max-height: inherit;
        }
        .dentist_slide img {
            width: 100%;
            margin-bottom: 50px;
        }
        .home_page17 .heading_style_3 p.small_text {
            font-size: 20px;
            line-height: 24px;
        }
        .home_page17 .heading_style_3 h2 {
            font-size: 30px;
            margin: 25px 0;
            line-height: 35px;
        }
        .dentist_imfor_ser .col-md-7 {
            margin-bottom: 50px;
        }
        .dentis_team_blog .team_member_img img {
            width: auto;
        }
        .header.header_style18 .top_imform {
            display: none;
        }
        /** home page 18 **/
        .menu_border_hover .main_menu .menu > ul > li > a {
            padding-bottom: 10px;
        }
        .fiver_boy img {
            max-width: 100%;
        }
        .slide_bottom_icon li {
            margin: 5px 5px;
        }
        .doc_ser {
            margin-bottom: 25px;
        }
        .doctor_team .team_member_img.team_member_img img {
            width: auto;
        }
        /** home page 19 **/
        .sidebar_menu {
            float: right;
            top: 15px;
            position: relative;
        }
        #banner_parallax.slide_banner19 {
            padding-top: 1px;
        }
        .home_page19 .slide_cont {
            margin-top: 35px;
        }
        .product_ecommr {
            margin-top: 45px;
        }
        .heading_style_19 h2 {
            font-size: 32px;
            line-height: 42px;
        }
        .one_line_layout {
            margin: 15px 0;
        }
        .coffee_machine {
            position: relative;
            top: 0;
        }
        .product_style_1 .product_img {
            border-right: none;
        }
        .coffee_machine img {
            margin-top: 25px;
        }
        .newslatterform form {
            position: relative;
            width: 100%;
        }
        .menu_product li {
            float: left;
            margin: 0;
            width: 50%;
        }
        /** home page 20 **/
        .header.header_style_ecomm2 .header_top {
            display: none;
        }
        .top_search_bar .field {
            display: block;
        }
        .search_style_2 .top_search_bar input {
            max-width: 100%;
            border-radius: 0;
            border: solid #e1e1e1 1px;
            margin-bottom: -1px;
        }
        .search_style_2 .top_search_bar .bootstrap-select button,
        .search_style_2 .top_search_bar .bootstrap-select button:hover,
        .search_style_2 .top_search_bar .bootstrap-select button:focus,
        .search_style_2 .top_search_bar .bootstrap-select button:active {
            width: 100%;
            margin: 0;
        }
        div.top_search_bar .btn-group.bootstrap-select {
            width: 100% !important;
        }
        .search_style_2 .top_search_bar button.submit_search {
            background: #0163d2;
            width: 100%;
            font-weight: 500;
            font-size: 14px;
            border-radius: 0;
        }
        .search_catry_bt {
            position: relative;
            top: 0;
            right: 1px;
        }
        .header_style_ecomm2 .sidebar_menu a {
            background: #0163d2;
            width: 36px;
            float: right;
            height: 36px;
            border-radius: 0;
            text-align: center;
            padding: 5px 5px;
            margin: 12px 0 0;
        }
        .right_cart_section ul li {
            margin-right: 20px;
        }
        .right_cart_section ul {
            margin: 0 0 10px; 
        }
        .header_bottom_thirth {
            display: none;
        }
        .home_page20 .bt_main {
            padding: 0 25px;
        }
        .top_sec {
            line-height: 24px;
            font-size: 15px;
            padding: 20px 20px;
        }
        .blue_layer_image2 h2,
        .blue_layer_image h2 {
            font-size: 28px;
            line-height: 42px;
            letter-spacing: -1px;
        }
        /** home page 21 **/
        .header_style_ecomr3 .header_top {
            display: none;
        }
        .header_style_ecomr3 .menu {
            width: auto;
            margin: 9px 0 0;
            float: left;
        }
        .right_icon_ecoomr {
            float: right;
            margin: 10px 0;
        }
        .header.header_style_ecomr3 .menu > ul > li > a {
            padding: 10px 24px;
            font-weight: 500;
        }
        .home_page21 .slide_banner18 .slide_cont h2 {
            font-size: 72px;
            line-height: 72px;
            text-align: center;
        }
        .home_page21 .slide_banner18 .slide_cont h2 span {
            float: left;
        }
        .slide_banner18#banner_parallax p {
            font-size: 15px;
        }
        .categary_part {
            width: 100%;
            min-height: 280px;
        }
        .slide_banner18 .slide_bt {
            padding-bottom: 35px;
        }
        /** home page 22 **/
        .light_red .header.header_style_ecomr3 .menu > ul > li > a {
            color: #222;
        }
        .slide_banner22 .slide_cont {
            margin-top: 55px;
        }
        .slide_banner22 .slide_cont h2 {
            font-size: 40px;
            line-height: 45px;
        }
        .date_counter_2 #clockdiv div.count {
            width: 50%;
            margin: 7px 0 0 0;
            text-align: center;
        }
        .date_counter_2 #clockdiv div > span {
            width: 90%;
            margin: 0 5%;
        }
        .full.counter_price h2 {
            line-height: normal;
        }
        .home_page22 div.full.layout_bt {
            margin-bottom: 35px;
        }
        /** home paga 23 **/
        .catergary_tab_bar ul li.nav-item {
            width: 50%;
        }
        .client_slider_main2 .testi_head {
            margin-top: 25px;
            text-align: center;
        }
        .client_slider_main2 div#testimonial2 {
            width: 90%;
            margin: 20px 5% 80px;
        }
        .service_information .pink1,
        .service_information .pink2,
        .service_information .pink3 {
            margin-bottom: 35px;
        }
        /** home page 24 **/
        .skyblue .menu-mobile {
            border-color: #fff;
            color: #fff;
            margin: 10px 5px;
        }
        .master_ji {
            margin-bottom: 30px;
        }
        .bottom_fixed {
            position: relative;
            bottom: 0;
        }
        .brand_logo_section li {
            width: 50%;
            padding: 0 15px;
        }
        /** home page 25 **/
        .header_funky_style .header_top {
            display: none;
        }
        .header_funky_style a.menu-mobile {
            margin: 10px;
        }
        .header.header_funky_style .menu > ul > li > a {
            font-size: 15px;
            font-weight: 400;
            color: #898989;
            padding: 10px 15px 9px;
        }
        .slide_banner25 .slide_cont h2 {
            text-transform: uppercase;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            font-size: 28px;
            line-height: 35px;
            z-index: 0;
            margin-bottom: 25px;
        }
        .slide_banner25 .slide_cont {
            margin-top: 50px;
        }
        .bottom_service_temp_inner {
            margin-top: 0;
        }
        .bottom_service_temp {
            display: none;
        }
        .slide_banner25 .inner_slide {
            margin: 25px 0 0 0;
        }
        .team_blog_img {
            float: left;
            width: 100%;
            height: 170px;
            margin-top: 0px;
            margin-left: 0;
            border-radius: 0;
            text-align: center;
            align-items: center;
            display: flex;
            justify-content: center;
            margin-right: 0;
            margin-bottom: 25px;
        }
        .team_blog {
            border-radius: 5px;
            min-height: 170px;
            float: left;
            width: 100%;
        }
        .team_blog_cont {
            padding: 25px 0 15px 0;
            float: left;
            width: 100%;
        }
        /** home page 26 **/
        .header_style26 .right_side_bt {
            display: none;
        }
        .header_style26 .menu {
            width: auto;
            margin: 9px 0 0;
            float: left;
        }
        .header_style26 .menu > ul > li > a {
            padding: 10px 25px;
        }
        .slide_banner26 .slide_cont {
            margin-top: 220px;
        }
        .slide_banner26 .slide_cont h2 {
            font-size: 40px;
            line-height: 45px;
        }
        .owl-carousel-mousewheel .owl-prev {
            width: 35px;
        }
        .owl-carousel-mousewheel .owl-next {
            width: 35px;
        }
        .owl-carousel-mousewheel {
            padding: 0 35px;
        }
        .owl-carousel-mousewheel {
            background: #fff;
        }
        .step_process li {
            width: 100%;
        }
        /** inner pages **/
        .team_member_img img {
            width: 100%;
        }
        #inner_slide .slider_information ul li {
            margin: 10px 0;
            width: 100%;
        }
        .slider_information {
            margin-bottom: 25px;
        }
        .lawyer_img {
            margin-bottom: 35px;
        }
        .about_page_3.brown_color_theme .heading_style_7 h2 {
            font-size: 21px;
        }
        .left_section_head {
            margin-bottom: 35px;
        }
        .testimonial_ser2 .owl-nav.disabled {
            top: -50px;
        }
        .client_slider_main .testimonial_ser2 .owl-nav .owl-next,
        .client_slider_main .testimonial_ser2 .owl-nav .owl-next:hover,
        .client_slider_main .testimonial_ser2 .owl-nav .owl-next:focus {
            width: 50%;
            height: 45px;
            text-align: center;
            line-height: 45px;
            right: 0;
            border-radius: 0;
        }
        .client_slider_main .testimonial_ser2 .owl-nav .owl-prev,
        .client_slider_main .testimonial_ser2 .owl-nav .owl-prev:hover,
        .client_slider_main .testimonial_ser2 .owl-nav .owl-prev:focus {
            width: 50%;
            height: 45px;
            border-radius: 0;
            text-align: center;
            line-height: 45px;
            left: 0;
        }
        .testimonial_ser2 .testimo {
            margin-bottom: 25px;
        }
        .service_blog3 .padding_right_left_15 {
            background: #f8f8f8;
            padding: 15px 15px;
        }
        .inner_banner7 {
            padding-top: 180px;
        }
        .blog_banner h2,
        .portfolio_banner h2 {
            margin: 85px 0 0;
            font-weight: 300;
        }
        .breadcrum_side ul {
            margin: 5px 0 30px;
            width: 100%;
        }
        .blog_detail h3 {
            text-align: left;
        }
        #default_theme.blog_detail section p {
            text-align: left;
        }
        .width_50 {
            width: 100%;
        }
        .layout_padding_grey_half {
            padding: 35px;
        }
        .portfolio .tab_bar_section ul.nav.nav-tabs li {
            margin-bottom: 15px;
            margin-left: 10px;
            margin-right: 10px;
            width: auto;
        }
        .portfolio .portfolio_layout2 .tab_bar_section ul.nav.nav-tabs li {
            margin: 0 10px 20px;
        }
        .portblog_img img {
            width: 100%;
        }
        .share_section ul li {
            margin: 0 0 10px 0;
            width: 100%;
        }
        .share_section {
            float: left;
            width: 100%;
            margin-top: 0;
            margin-bottom: 35px;
        }
        .portfolio_detail .one_line_layout .feature_icon img {
            width: 100px;
        }
        
        /** shop page **/
        
        .shopping-cart-cart {
            max-width: 100%;
            width: 100%;
            margin-top: 25px;
        }
        .product-table table.table {
            min-width: 720px;
        }
        .product_detail_page .tab_bar_section .nav.nav-tabs {
            display: flex;
            justify-content: center;
        }
        .product_detail_page .tab_bar_section .nav-tabs .nav-item {
            width: 100%;
        }
        .inner_banner1 h2 {
            font-size: 30px;
        }
        .cont_theme_blog h3 {
            font-size: 30px;
            line-height: 38px;
            font-weight: 600;
        }
        .cont_theme_blog p {
           font-size: 16px;
           line-height: normal;
        }
        .information_blogs {
            margin-bottom: 45px;
        }
        
    }
    
    
    /*---------------------------------------------
        Responsive Menu 
    ---------------------------------------------*/
    
    @media only screen and (max-width: 991px) {
        .test{
            margin-left: 114px;
        }
        .only_desk_menu {
            display: none;
        }
        .only_mobile_tab_menu {
            display: block;
        }
        .menu {
            margin: -56px 0 0;
            float: right;
        }
        .menu-container {
            width: 100%;
        }
        .menu-container .menu {
            display: inline-block;
        }
        .menu > ul > li > ul.normal-sub > li {
            width: 50%;
            padding: 0;
        }
        .menu > ul > li > ul > li {
            padding: 8px 0;
        }
        .menu > ul > li > ul.normal-sub > li a {
            border: 0;
            padding: 8px 0;
        }
        .menu > ul > li > ul > li a {
            color: #777;
            padding: 0;
            width: 100%;
            display: block;
            font-size: 13px;
        }
        .menu-mobile {
        display: block;
        padding: 0;
        width: 35px;
        cursor: pointer !important;
        height: 35px;
        border: solid #1e72bc 2px;
        border-radius: 5px;
        z-index: 9;
        }
        .menu-mobile {
            text-align: center;
            color: #1e72bc;
            font-size: 18px;
            margin-top: -20px;
        }
        .menu-mobile:hover,
        .menu-mobile:focus {
            border-color: #000;
            color: #000;
        }
        .menu-dropdown-icon:before {
            display: block;
        }
        .menu > ul > li > ul > li {
            margin: 0;
            padding-top: 0;
            padding-bottom: 0;
            list-style: none;
            width: 50%;
            background: none;
            float: left;
            min-height: auto;
        }
        .menu > ul > li {
            width: 100%;
            float: none;
            display: block;
            border-bottom: solid #ddd 2px;
        }
        .menu > ul > li a {
            padding: 10px 15px 10px;
            width: 100%;
            display: block;
        }
        .menu > ul > li > ul {
            position: relative;
            padding: 10px 15px;
            overflow-y: auto;
            border: none;
            border-top: solid #ddd 2px;
            width: 100%;
            min-height: auto;
            background-image: none;
            box-shadow: none;
            margin: 0;
        }
        .menu > ul > li > ul > li:nth-child(2n+1) {
            background: #fff;
        }
        .menu > ul > li > ul.normal-sub {
            width: 100%;
            padding: 10px 15px;
        }
        .menu > ul > li > ul > li:first-child {
            margin: 0;
        }
        .menu > ul > li > ul > li > ul {
            position: relative;
        }
        .menu > ul > li > ul > li > ul > li {
            float: none;
        }
        .main_menu .clearfix {
            position: absolute;
            width: 100%;
            left: 0;
            top: 5px;
            z-index: 9;
            background: #fff;
            transition: ease all 0.5s;
            opacity: 0;
            visibility: hidden;
            border-top: solid #ddd 2px;
        }
        .main_menu .clearfix.show-on-mobile {
            opacity: 1;
            visibility: visible;
        }
        .responsive_logo {
            display: block;
        }
        .desk_logo {
            display: none;
        }
    }
    
    /** Generated by FG **/
@font-face {
  font-family: 'Gotham_Medium_Regular';
  src: url(/fonts/Gotham_Medium_Regular.eot);
  src: local('☺'),
  url(/fonts/Gotham_Medium_Regular.woff) format('woff'),
  url(/fonts/Gotham_Medium_Regular.ttf) format('truetype'),
  url(/svg/Gotham_Medium_Regular.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}

/** Generated by FG **/
@font-face {
  font-family: 'Gotham_Book';
  src: url(/fonts/Gotham_Book.eot);
  src: local('☺'),
  url(/fonts/Gotham_Book.woff) format('woff'),
  url(/fonts/Gotham_Book.ttf) format('truetype'),
  url(/svg/Gotham_Book.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}

/** Generated by FG **/
@font-face {
  font-family: 'New_BaskervilleStd_Italic';
  src: url(/fonts/New_BaskervilleStd_Italic.eot);
  src: local('☺'),
  url(/fonts/New_BaskervilleStd_Italic.woff) format('woff'),
  url(/fonts/New_BaskervilleStd_Italic.ttf) format('truetype'),
  url(/svg/New_BaskervilleStd_Italic.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}


/** Generated by FG **/
@font-face {
  font-family: 'Gotham_Book_Regular';
  src: url(/fonts/Gotham_Book_Regular.eot);
  src: local('☺'),
  url(/fonts/Gotham_Book_Regular.woff) format('woff'),
  url(/fonts/Gotham_Book_Regular.ttf) format('truetype'),
  url(/svg/Gotham_Book_Regular.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}
/** Generated by FG **/
@font-face {
	font-family: 'Gotham-Bold';
	src: url(/fonts/Gotham-Bold.eot);
  src: local('☺'),
  url(/fonts/Gotham-Bold.woff) format('woff'),
  url(/fonts/Gotham-Bold.ttf) format('truetype'),
  url(/svg/Gotham-Bold.svg) format('svg');
	font-weight: normal;
	font-style: normal;
}


@media (min-width:768px){
  /* .container{width:750px} */
}
@media (min-width:992px){
  /* .container{width:970px} */
}
@media (min-width:1200px){
  /* .container{width:1250px} */
}

  /* Smartphones (portrait and landscape) ----------- */
  @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
   
  }

@media only screen and (min-device-width : 781px) and (max-device-width : 991px) {

}

/* custom - header mobile start */
  @media (max-width: 767px) {

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

  hr{
    border-top: 1px solid #141414;
  }

  /* Footer CSS starts */

  .footer-section-custom hr{
    border-top: 2px solid #143d59;
  }

    /* Footer CSS ends */

    body{
      background-color: #fff;
    }

    /* header layout css */
    .cust-margin-login{
      margin: 20px 0;
    }

    .cust-margin-login button{
      margin: 0 10px;
    }
    /* header layout css */

     /* Home page CSS starts */

  /* .artist-banner img{
    width: 100%;
  } */

  .color-link-head a{
    color: white;
  }

  .artist-header{
    padding: 25px;
    padding-bottom: 0;
  }

  .artist-header span{
    color: white;
    font-size: 30px;
  }

  .artist-header .white-color-head{
    color: #141414;
    font-size: 30px;
  }

  .artist-header button{
    float: right;
    color: white;
    /* border-color: white; */
    background-color: transparent;
    border: 2px solid #fff;
    padding: 10px;
  }

  .artist-header .white-color-head-button button{
    color: #141414;
    border: 2px solid #141414;
  }

  .artist-banner{
    background-image: url(/images/artist_banner.png);
    background-size: cover;/* 100% 100%;  */
    height: 80vh;
    background-repeat: no-repeat;
    margin-top: -136px;
  }

  .artist-banner .banner-text{
    text-align:center;
			position:absolute;
			transform: translate(-50%, -50%);
			top:50%;
      left:50%;
      color: white;
      font-size: 25px;
  }

  .artist-banner .banner-text span, .artist-header .span-orange{
    color: #f06530;
  }

  .custom-class-button, .custom-class-button:hover{
    color: white;
    background-color: #f06530;
  }

  .searchbar-artist{
    background-image: url(/images/Banner-2.png);
    background-size: 50% 100%;
    max-height: 60vh;
    height: 60vh;
    background-repeat: no-repeat;
  }

  .search-input-artist{
    display: block;
    margin: auto;
  }
  .search-input-artist input{ 
      margin-right: 10px;
      line-height: 4;
      width: 50%;
  }

  .search-input-artist button{ 
    line-height: 4;
    width: 20%;
}

.search-artist-span{
  color: #fff;
}

.search-artist-span-size{
  font-size: 50px;
  letter-spacing: 5px;
}

.search-artist-span-size u{
  text-decoration-color: #f06530;
}

.center-search-div{
    position:relative;
    transform: translate(-50%, -50%);
    top:50%;
    left:50%;
}

.hr-color{
  border-color: #141414;
}

.hr-td-content{
  width:1px;
  padding: 0 10px;
  white-space: nowrap;
  font-size: 30px;
  font-weight: 700;
}

.category-img-custom{
    background-size: 100% 100%;
    height: 410px;
    background-repeat: no-repeat;
}

.buy-banner{
  background-image: url(/images/Banner-3.png);
}

.rent-banner{
  background-image: url(/images/Banner-4.png);
}

.exchange-banner{
  background-image: url(/images/Banner-5.png);
}

.surprise-banner{
  background-image: url(/images/Banner-6.png);
}

.train-banner{
  background-image: url(/images/Banner-7.png);
}

.cat-custom-div{
  background-color: rgba(0,0,0,.30);
  margin: 30px;
  height: 350px;
  text-align: right;
  justify-content: right;
  display: flex;
}

.bottom-alignment-custom{
  align-self: flex-end; 
  width: 100%;
  padding-right: 10px;
  padding-bottom: 10px;
}

.cat-custom-div div{ 
  color: #fff;
  font-weight: 700;
  font-size: 35px;
}

.join-hands{
  background-color: #dddddd;
}

.join-hands span{
  color: #f06530;
}

.join-hands .partner-with-us{
  font-size: 50px;
  letter-spacing: 5px;
  margin-bottom: 10px;
}

.hr-td-content span{
  color: #f06530;
}

.see-more-img img{
  border: 1px solid black;
    padding: 5px;
}

.stay-touch{
  background-size: 100% 100%;
    /* height: 727px; @todo */
    background-repeat: no-repeat;
    background-image: url(/images/Banner-15.png);
}

.stay-touch-right{
  background-color: #143d59;
  color: #fff;
  padding: 30px;
}

.stay-touch-div{
  text-align:center;
			position:absolute;
			transform: translate(-50%, -50%);
			top:50%;
      left:50%;
      background-color: white;
      font-size: 30px;
      width: 50%;
      padding: 50px 0;
      letter-spacing: 2px;
}

.stay-touch-div span{
  color: #f06530;
}

.stay-touch-right span{
  color: #f06530;
}

.stay-touch-right button{
  float: right;
}

.stay-touch-right input{
  width: 100%;
  line-height: 3;
}

.stay-touch-right textarea{
  width: 100%;
  resize: none;
}

.stay-touch-right div:first-child{
  font-size: 16px;
}

.see-more-hr hr{
  width: 5%;
  border-top: 3px solid #f06530;
}

.see-more-hr{
  font-size: 24px;
}

    /* Home page CSS ends */

    /* Artist Registraton css starts */

  .artist-reg-page input{
    float: right;
  }

    /* Artist Registraton css ends */

    /* Breadcrumb starts */
      .breadCrumb{
        background-color: white;
      }

      .breadCrumb li{
          padding-left: 10px;
          padding-right: 10px;
       }
    /* Breadcrumb ends */


    /* listing page css starts */

    .listing-sort-by{
      float: right;
      color: #f06530;
    }

    .carouselImgDiv{
      width: 100%;
    }

    .product-grid-view{
      border: 1px solid #141414;
      /* margin: 2px; */
      padding: 5px;
      height: 420px;
      margin-bottom: 10px;
    }

    .artifact-section img{
      width: 100%;
    }

    .our-story-section{
      background-size: 100% 100%;
    height: 519px;
    background-repeat: no-repeat;
    background-image: url(/images/9.png);
    }

    .our-story-div{
      text-align:center;
			position:absolute;
			transform: translate(-50%, -50%);
			top:50%;
      left:50%;
      background-color: white;
      font-size: 16px;
      width: 70%;
      padding: 30px 50px;
      letter-spacing: 2px;
    }

    .the-funkar-way-right{
      background-color: #143d59;
      color: #fff;
      font-size: 16px;
    }

    .the-funkar-way-right ol li{
      padding: 5px 10px;
    }

    .the-funkar-way-right1 .faq-funkar-desc{
      color: #f06530;
    }
    .the-funkar-way-right1 {
      padding: 10px;
    }
    .the-funkar-way-right1 hr{
      border-top: 2px solid #f06530;
    }
    /* listing page css ends */

    /* Details page css starts */

    .detail-you-might-like img{
      width: 100%;
      border: 1px solid black;
      padding: 5px;
    }

    .detail-page-add span{
        float: right;
        /* display:block;s */
    }

    .price-tag{
      font-size: 30px;
    }
    /* Details page css stops */

    .float-right{
      float: right;
    }

    /* checkout page css starts */

.order-summary{
  color: #fff;
  padding: 20px;
  background-color: #143d59;
}

.bordered-summary{
  border: 1px solid black;
}
.bordered-summary-top{
  border-top: 1px solid black;
  padding: 20px;
}

.checkout-steps{
  background-color: #dddddd;
  padding: 10px;
}

.step-2-section textarea{
  width: 100%;
}
.payment-type{
  margin: 10px 0;
}
.address-block{
  padding: 10px 0;
}
.address-block .firstname{
  /* width: 45%; */
  float:left;
}

.address-block .lastname{
  /* width: 45%; */
  float: right;
}
.address-block .company input, .address-block .address input{
  width: 100%;
  /* float:left; */
}
.address-block .city, .address-block .state, .address-block .zipcode{
  width: 30%;
  float: left;
}
.address-block .state{
  margin-left: 20px;
}
.address-block .zipcode{
  float: right;
}
.address-block .city input, .address-block .state select, .address-block .zipcode input{
  width: 100%;
  /* float: left; */
}
.process-btn{
  text-align: center;
}
.creditnumber input{
  width: 100%;
  margin-bottom: 5px;
}
.creditcard-expiry, .creditcard-expiry-year{
  width: 30%;
  float: left;
}


    /* checkout page css ends */


/* ---------- VENDOR CSS ------------ */

.amp-artist-logo {
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
}

.amp-artist-link {
  color: #FFFFFF;
  font-weight: 300 !important;
}

.artist-active-link,
.amp-artist-link:hover {
  color: #F06530;
  font-weight: bold !important;
  font-size: normal !important;
}

.container-spacing {
  margin-top: 15px;
}

.container-spacing-lg {
  margin-top: 30px;
}

.artist-checkbox,
.artist-checkbox:hover {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.artist-pu-container {
  width: 50%;
  margin: 20px auto
}

.loading-div {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, .30);
  z-index: 999;
  width: 100%;
  height: 100%;
}

.artist-loader {
  position: absolute;
  top: 45%;
  left: 47%
}

.location-carousel-item {
  height: 150px;
  border: 2px solid #6f8992;
  padding: 10px;
  padding-left: 25px;
  margin: 10px;
}

.location-item-name {
  color: #6f8992;
  font-weight: bold;
}

.amp-responsive {
  max-width: 100%;
  overflow-x: scroll;
}

.artist-align-center {
  text-align: center;
}

.no-margin-custom{
  margin-left: -15px;
  margin-right: -15px;
}

.search-bar-artist{
  margin-left: -15px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .searchbar-artist{
    max-height: 40vh;
    height: 40vh;
  }
  .artist-banner{
    height: 40vh;
    }
}

@media (min-width: 992px) and (max-width: 1199px) { 
  .searchbar-artist{
    max-height: 50vh;
    height: 50vh;
  }
  .artist-banner{
    height: 60vh;
    }
}

@media (min-width: 1200px) { 
  .artist-banner{
    height: 80vh;
    }
}/**************************************************************Tab*************************************************/

.tabset>input[type="radio"] {
    position: absolute;
    left: -200vw;
}

.tabset .tab-panel {
    display: none;
}

.tabset>input:first-child:checked~.tab-panels>.tab-panel:first-child,
.tabset>input:nth-child(3):checked~.tab-panels>.tab-panel:nth-child(2),
.tabset>input:nth-child(5):checked~.tab-panels>.tab-panel:nth-child(3),
.tabset>input:nth-child(7):checked~.tab-panels>.tab-panel:nth-child(4),
.tabset>input:nth-child(9):checked~.tab-panels>.tab-panel:nth-child(5),
.tabset>input:nth-child(11):checked~.tab-panels>.tab-panel:nth-child(6) {
    display: block;
}


/*
   Styling
  */

body {
    font: 16px/1.5em "Overpass", "Open Sans", Helvetica, sans-serif;
    color: #333;
    font-weight: 300;
}

.tabset>label {
    position: relative;
    display: inline-block;
    padding: 15px 15px 25px;
    border: 1px solid transparent;
    border-bottom: 0;
    cursor: pointer;
    font-weight: 600;
}

.tabset>label::after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 10px;
    width: 22px;
    height: 4px;
    background: #8d8d8d;
}

.tabset>label:hover,
.tabset>input:focus+label {
    color: #06c;
}

.tabset>label:hover::after,
.tabset>input:focus+label::after,
.tabset>input:checked+label::after {
    background: #06c;
}

.tabset>input:checked+label {
    border-color: #ccc;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
}

.tab-panel {
    padding: 30px 0;
    border-top: 1px solid #ccc;
}

.tub {
    font-weight: bold;
}


/*
   Demo purposes only
  */

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

body {
    padding: 30px;
}

.tabset {
    max-width: 65em;
}


/******************************************************************************************************************/

#L_button {
    width: 15%;
    height: 40px;
    background-color: #DA62CF;
    border: 2px solid #DA62CF;
    border-radius: 8px;
    font-weight: bold;
    box-shadow: 10px 10px 5px 0px grey;
    -webkit-box-shadow: 5px 7px 5px 0px grey;
}

#L_anchor {
    box-shadow: 10px 10px 5px 0px grey;
    -webkit-box-shadow: 5px 7px 5px 0px grey;
}

#L_remove {
    padding: 6px 23px;
    margin-top: 20px;
    border: 2px solid #DA62CF;
    background-color: #DA62CF;
    border-radius: 10px;
    box-shadow: 10px 10px 5px 0px grey;
    -webkit-box-shadow: 5px 7px 5px 0px grey;
}


/**********************************switch Toggle ***********************************************************/

.toggle {
    position: relative;
    display: inline-block;
    width: 83px;
    height: 32px;
    background-color: white;
    border-radius: 30px;
    border: 2px solid gray;
}


/* After slide changes */

.toggle:after {
    content: '';
    position: absolute;
    width: 28px;
    height: 25px;
    border-radius: 50%;
    background-color: gray;
    top: 1px;
    left: 1px;
    transition: all 0.5s;
}


/* Toggle text */

p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}


/* Checkbox checked effect */

.checkbox:checked+.toggle::after {
    left: 49px;
}


/* Checkbox checked toggle label bg color */

.checkbox:checked+.toggle {
    background-color: #52A0C6;
}


/* Checkbox vanished */

.checkbox {
    display: none;
}


/*************************************************2nd checkbox**********************************************************/

.toggle_L {
    position: relative;
    display: inline-block;
    width: 83px;
    height: 32px;
    background-color: white;
    border-radius: 30px;
    border: 2px solid gray;
}


/* After slide changes */

.toggle_L:after {
    content: '';
    position: absolute;
    width: 28px;
    height: 25px;
    border-radius: 50%;
    background-color: gray;
    top: 1px;
    left: 1px;
    transition: all 0.5s;
}


/* Toggle text */

p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}


/* Checkbox checked effect */

.checkbox_L:checked+.toggle_L::after {
    left: 49px;
}


/* Checkbox checked toggle label bg color */

.checkbox_L:checked+.toggle_L {
    background-color: #52A0C6;
}


/* Checkbox vanished */

.checkbox_L {
    display: none;
}


/*********************************************3rd switch toggle ***********************************************/

.toggle_LL {
    position: relative;
    display: inline-block;
    width: 83px;
    height: 32px;
    background-color: white;
    border-radius: 30px;
    border: 2px solid gray;
}


/* After slide changes */

.toggle_LL:after {
    content: '';
    position: absolute;
    width: 28px;
    height: 25px;
    border-radius: 50%;
    background-color: gray;
    top: 1px;
    left: 1px;
    transition: all 0.5s;
}


/* Toggle text */

p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}


/* Checkbox checked effect */

.checkbox_LL:checked+.toggle_LL::after {
    left: 49px;
}


/* Checkbox checked toggle label bg color */

.checkbox_LL:checked+.toggle_LL {
    background-color: #52A0C6;
}


/* Checkbox vanished */

.checkbox_LL {
    display: none;
}


/***************************************************************************************/

.nav-tabs .nav-item {
    width: 167px;
}

#L_input_Design {
    border: 2px solid #D6DBDF;
    height: 32px;
    border-radius: 5px;
    width: 61%;
}

.menu-init .fa-angle-down:before {
    content: none;
}

.menu-init.js-open .ah-lg-mode {
    left: 0;
    transition: all .4s ease-in-out;
}

.menu-init.js-open:after {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 19999;
}

.ah-lg-mode {
    position: fixed;
    left: -315px;
    width: 315px;
    height: 100%;
    top: 0;
    background-color: #ffffff;
    z-index: 20000;
    overflow-y: auto;
}

.ah-close {
    color: #333333;
    padding: 20px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: block;
}

.ah-list>li {
    position: relative;
    display: block;
    /* border-top: 1px solid #f8f8f8; */
}

.ah-list>li>a {
    display: block;
    padding: 8px 18px;
}

.ah-list>li:last-child {
    /* border-bottom: 1px solid #f8f8f8; */
}

.ah-list--design1>li>a,
.ah-list--design2>li>a {
    font-weight: normal;
    font-size: 14px;
}

.ah-list--link-color-white>li>a {
    color: #333333;
}

.js-menu-toggle {
    width: 21px;
    display: block;
    height: 21px;
    border-radius: 12%;
    background-color: #ffffff;
    box-shadow: 1px 1px 0 0 rgb(0 0 0 / 13%);
    /*position: absolute;*/
    right: 12%;
    /* right: 2px;
    top: 6px; */
    transition: all .3s;
    cursor: pointer;
}

.js-menu-toggle:after {
    font-family: 'Font Awesome 5 Free';
    /* content: "\f078"; */
    /*position: absolute;*/
    top: 50%;
    width: 100%;
    font-weight: 900;
    color: #333333;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    font-size: 8px;
}

.js-menu-toggle.js-toggle-mark:after {
    /* content: "\f077"; */
}

.has-dropdown>ul {
    width: 100% !important;
    box-shadow: none;
    transition: none;
    position: static;
    padding: 0 0 10px;
    opacity: 1;
    visibility: visible;
    display: none;
}

.has-dropdown>ul>li {
    padding: 0;
}

.has-dropdown>ul>li>a {
    display: block;
}

.ah-list>li>ul>li>a {
    padding: 8px 36px;
}

.ah-list>li>ul>li>ul>li>a {
    padding: 0px 10px;
}

.ah-list>li>ul>li>ul>li>ul>li>a {
    padding: 8px 72px;
}

.js-menu-toggle2 {
    width: 21px;
    display: block;
    height: 21px;
    border-radius: 15%;
    background-color: #ffffff;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.13);
    /*position: absolute;*/
    right: 12%;
    /* right: 2px;
    margin-top: -22px; */
    left: '49px';
    transition: all .3s;
    cursor: pointer;
}

.js-menu-toggle2:after {
    font-family: 'Font Awesome 5 Free';
    /* content: "\F067"; */
    /*position: absolute;*/
    top: 50%;
    width: 100%;
    font-weight: 900;
    color: #333333;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    font-size: 8px;
}

.js-menu-toggle2.js-toggle-mark2:after {
    /* content: "\F068"; */
}

.border_Shadow {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.scrollmenu::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}


/* Track */

.scrollmenu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 3px;
}


/* Handle */

.scrollmenu::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 3px;
}


/* Handle on hover */

.scrollmenu::-webkit-scrollbar-thumb:hover {
    background: grey;
}

.js-menu-toggle3 {
    width: 21px;
    display: block;
    height: 21px;
    border-radius: 13%;
    background-color: #ffffff;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.13);
    /*position: absolute;*/
    right: 12%;
    /* right: 2px;
    margin-top: -24px; */
    left: 115px;
    transition: all .3s;
    cursor: pointer;
}

.js-menu-toggle3:after {
    font-family: 'Font Awesome 5 Free';
    /* content: "\F067"; */
    /*position: absolute;*/
    top: 50%;
    width: 100%;
    font-weight: 900;
    color: #333333;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    font-size: 8px;
}

.js-menu-toggle3.js-toggle-mark3:after {
    /* content: "\F068"; */
}.fa-2x {
    font-size: 2em;
}

.fa {
    position: relative;
    display: table-cell;
    width: 60px;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
}

.main-menu:hover,
nav.main-menu.expanded {
    width: 250px;
    overflow: visible;
}

.main-menu {
    background: #212121;
    border-right: 1px solid #e5e5e5;
    position: absolute;
    top: 10%;
    bottom: 0;
    height: 60%;
    left: 0;
    width: 60px;
    overflow: hidden;
    -webkit-transition: width .05s linear;
    transition: width .05s linear;
    -webkit-transform: translateZ(0) scale(1, 1);
    z-index: 1;
}

.main-menu>ul {
    margin: 7px 0;
}

.main-menu li {
    position: relative;
    display: block;
    width: 250px;
}

.main-menu li>a {
    position: relative;
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    color: #999;
    font-family: arial;
    font-size: 14px;
    text-decoration: none;
    -webkit-transform: translateZ(0) scale(1, 1);
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
}

.main-menu .nav-icon {
    position: relative;
    display: table-cell;
    width: 60px;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
}

.main-menu .nav-text {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 190px;
    font-family: 'Titillium Web', sans-serif;
}

.main-menu>ul.logout {
    position: absolute;
    left: 0;
    bottom: 0;
}

.no-touch .scrollable.hover {
    overflow-y: hidden;
}

.no-touch .scrollable.hover:hover {
    overflow-y: auto;
    overflow: visible;
}

a:hover,
a:focus {
    text-decoration: none;
}

nav {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

nav ul,
nav li {
    outline: 0;
    margin: 0;
    padding: 0;
}

.main-menu li:hover>a,
nav.main-menu li.active>a,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,
.dashboard-page nav.dashboard-menu ul li.active a {
    color: #fff;
    background-color: #5fa2db;
}

.area {
    float: right;
    /* background: #e2e2e2; */
    width: 100%;
    height: 100%;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr24bNCNEoFTpS2BTjF6FB5E.woff) format('woff');
}

.scrollmenu {
    background-color: #333;
    overflow: auto;
    white-space: nowrap;
}

.scrollmenu a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}

.scrollmenu a:hover {
    background-color: #777;
}

.dropbtn {
    background-color: #04AA6D;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    background-color: #A6F1F1;
    width: 90%;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}


/********************************************************Tab**********************************/

#tranformbutton:hover {
    background-color: grey;
    color: black;
}


/*********************************************************************************************//*----AddVendorContainer-----*/

/* .secnd_cont{
    background: #B2BABB;
    padding: 1.5rem;
    border-top: 2px solid #e3e3e3;
    border-bottom: 2px solid #e3e3e3;
}     */
.admin__field{
  margin: 0 30px 29px;
}
.field input{
  width: 70%;
  border: 1px solid black;
  min-height: 40px;
}
.input-text{
  min-height: 40px;
  width: 70%;
  padding: 5px;
}
.vendr{
  background: #eeee;
  height: 100px;
  padding: 22px;
  margin-left: -12px;
  width: 90%;
  border: 2px solid #e3e3e3;
}
.vendr p{
  font-size: 20px;
}
.txt_ara5{
  height: 250px;
  margin-bottom: -215px;
}
.strtt1{
  margin-top: 33%;
}
.slct_cntrl{
  height: 40px;
  width: 10%;
}
.admin__page-nav-item .ui-state-active .admin__page-nav-link {
  background: #fff;
  border-color: #e3e3e3;
  border-right: 1px solid #fff;
  color: #303030;
  margin-right: -1px;
}
.admin__page-nav-item .ui-state-active {
  border-color: #eb5202;
}
.mnu-jstg .js-menu-toggle{
  padding: 0px 7px;
  height: 22px;
  width: 22px;
  position: relative;
  margin-left: 20px;
}
.mnu-jstg .js-menu-toggle2{
  padding: 0px 7px;
  height: 22px;
  width: 22px;
  position: relative;
}
.mnu-jstg .js-menu-toggle3{
  padding: 0px 7px;
  height: 22px;
  width: 22px;
  position: relative;
}


/*------VendorProductList-------*/

.s_primary {
/* background-color: #8E44AD;
border-color: #8E44AD;
color: #fff;
box-shadow: 0 0 5px 1px black;
text-shadow: 1px 1px 0 rgb(0 0 0 / 25%); */
margin-top: 20px;
height: 50px;
width: 55%;
border-radius: 1px;
/* background-color: #1ABC9C; */
color: #fff;
border: 1px solid #16A085;
margin-left: 70px;
box-shadow: 1px 8px 10px #2E4053;
background-color: #138D75;
}
.s_primary:hover{
/* box-shadow: 1px 8px 10px #2E4053;
background-color: #138D75; */
background: #138D75;
border: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
color: #fff;
text-decoration: none;
text-shadow: -1px -1px 0 #136a65;
-webkit-transition: all 250ms linear;
transition: all 250ms linear;
}

.s_primary10 {
  /* background-color: #8E44AD;
  border-color: #8E44AD;
  color: #fff;
  box-shadow: 0 0 5px 1px black;
  text-shadow: 1px 1px 0 rgb(0 0 0 / 25%); */
  
  height: auto;
  /* width: 55%; */
  border-radius: 1px;
  /* background-color: #1ABC9C; */
  color: #fff;
  border: 1px solid #16A085;
  /* margin-left: 70px; */
  box-shadow: 1px 8px 10px #2E4053;
  background-color: #138D75;
  }
    .s_primary20 {
      height: auto;
      width: 55%;
      border-radius: 1px;
      color: #fff;
      border: 1px solid #16A085;
      box-shadow: 1px 8px 10px #2E4053;
      background-color: #138D75;
    }
    .s_primary20:hover{
      background: #138D75;
        border: 1px solid rgba(0, 0, 0, 0.05);
        box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
        color: #fff;
        text-decoration: none;
        text-shadow: -1px -1px 0 #136a65;
        -webkit-transition: all 250ms linear;
        transition: all 250ms linear;
    }
  .s_primary10:hover{
  /* box-shadow: 1px 8px 10px #2E4053;
  background-color: #138D75; */
  background: #138D75;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
  color: #fff;
  text-decoration: none;
  text-shadow: -1px -1px 0 #136a65;
  -webkit-transition: all 250ms linear;
  transition: all 250ms linear;
  }

.s_primary2{
height: 40px;
border-radius: 5px;
background-color: #138D75;
color: #fff;
border: 1px solid #16A085;
box-shadow: 0 0 10px 1px black;
}
.s_hedd{
margin-left: 10px;
font-family: auto;
font-size: 40px;
margin-top: 25px;
}
.s_select5{
/* margin-left: 10px;
  margin-right: 10px; */
height: 20px;
font-size: 10px;
border: 2px solid #138D6F;
box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38);
}
.s_buttonprimary{
  padding: 10px;
  margin-left: 35px;
}
.s_id{
  font-weight: 600;
  font-size: 17px;
}
.s_frm{
  font-weight: 500;
}
.admin__control-select{
  width: 70%;
  text-align: left;
  cursor: pointer;
  appearance: none;
  height: 45px;
  border: 1px solid black;
  /* background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E")
  ,linear-gradient(#e3e3e3, #e3e3e3),linear-gradient(#adadad, #adadad); */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E")
  ;
  box-shadow: 5px 5px 10px #566573;
  background-position: calc(100% - 17px) 13px,100%,calc(100% - 3.2rem) 0;
  background-size: auto,3.2rem 100%,1px 100%;
  background-repeat: no-repeat;
  max-width: 100%;
  min-width: 8.5rem;
  padding-bottom: 0.6rem;
  padding-left: 10px;
  padding-top: 0.6rem;
  transition: border-color .1s linear;
}
.s_fld{
  height: 43px;
  width: 100%;  
}
.data-grid-search-control {
  padding-right: 6rem;
  width: 100%;
}
.data-grid-search-control-wrap .admin__control-text {
  min-width: 4rem;
  -webkit-appearance: none;
  background-color: #fff;
  border: 2px solid #138D6F;
  border-radius: 30px;
  box-shadow: none;
  color: #303030;
  font-size: 1.4rem;
  font-weight: 400;
  height: auto;
  line-height: 1.36;
  padding: 0.6rem 1rem 0.6rem;
  transition: border-color .1s linear;
  vertical-align: baseline;
  box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38);
}
.data-grid-search-control-wrap .action-submit {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
  padding: 0.6rem 2rem 0.2rem;
  position: absolute;
  right: -10px;
  top: -3px;
  font-size: 22px;
}
.data-grid-search-control-wrap {
  float: left;
  max-width: 45.5rem;
  position: relative;
  width: 87%;
}
#gridContainer {
  height: 440px;
}
.s_dpdr{
  background: black;
}
.s_uldrp{
  max-width: 205px;
  /* margin-top: -40px; */
  background: white;
}
.s_alstdta{
  cursor: pointer;
}
.s_dpdr{
  border-radius: 0px;
  background: #eb5202;
  color: white;
  font-size: 20px;
}
.s_dpdr:hover{
background: #eb5202;
}
/* .s_upld:hover{
border: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
color: #fff;
text-decoration: none;
text-shadow: -1px -1px 0 #136a65;
-webkit-transition: all 250ms linear;
transition: all 250ms linear;
background-color: #138D75;
} */

@media (min-width: 1025px) {
  .has-dropdown:hover > ul {
      opacity: 1;
      visibility: visible; }
    .ah-list > .has-dropdown:hover > ul {
      top: 30%; 
      margin-left: 150px;
      display: block;
    }
    .has-dropdown .has-dropdown:hover > ul {
      top: 0; }
    .ah-list > .has-dropdown:hover > a {
      color: #ff4500; }
    .has-dropdown > a .fa-angle-right {
      font-size: 10px;
      line-height: 18px;
      float: right; }
    .has-dropdown:hover > a .i-state-right:before {
      content: "\F105"; }
}    

.has-dropdown > ul .has-dropdown {
  position: relative; }

.has-dropdown > ul {
  position: absolute;
  text-align: left;
  cursor: pointer;
  /* padding: 20px 0 20px; */
  z-index: 999;
  /* white-space: nowrap; */
  transition: all 0.3s ease;
  top: 120%;
  opacity: 0;
  visibility: hidden; }
  .has-dropdown > ul > li > a {
    display: block;
    padding: 8px 20px;
    color: #333333;
    font-size: 12px;
    font-weight: 600; }

.has-dropdown--ul-left-100 > ul {
  left: 100%; }

.has-dropdown--ul-right-100 > ul {
  right: 100%; }


.s_drgble{
  width: 80%;  
  white-space: pre;
}

/*--------Table-------*/
/* .table {
width: 100%;
margin-bottom: 1rem;
background-color: transparent;
}

.table th,
.table td {
padding: 1rem;
vertical-align: top;
border-top: 1px solid #e9ecef;
}

.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #e9ecef;
}

.table tbody + tbody {
border-top: 2px solid #e9ecef;
}

.table .table {
background-color: #f8f9fe;
}

.table-dark,
.table-dark > th,
.table-dark > td {
background-color: #c1c2c3;
}

.table .thead-dark th {
color: #f8f9fe;
border-color: #1f3a68;
background-color: #172b4d;
}*/

.table .thead-light th {
color: darkblue;
/* border-style: groove; */
border-color: black;
background-color: #e9ecef;
border-bottom: 1px solid #e9ecef;
position: sticky;
top: -2px;
z-index: 1;
}

.delete-btn{
    float: right;
    position: relative;
    margin-top: -25%;
    left: -8px;
    z-index: 100;
}

/*.table-dark {
color: #f8f9fe;
background-color: #172b4d;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
border-color: #1f3a68;
}

.table-responsive {
display: block;
overflow-x: auto;
width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
} */

.table-responsive {
overflow-x: auto; 
border: 1px solid black;
background-color: #fff;
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
/*overflow-y: scroll;
height: 200px; */
}     
.table-p {
width: 100%;
border: 1px solid #eee;
border-collapse: collapse; 
background-color: white;
}
.table-p tr {
  position: relative;
  border-top: 1px solid #eee; }
.table-p td {
  padding: 20px; }
.data-grid-th._sortable {
cursor: pointer;
transition: background-color .1s linear;
z-index: 1;
}
.data-grid-th {
background-clip: padding-box;
color: black;
background-color: ;
padding: 5px 5px;
position: relative;
vertical-align: middle;
font-size: 13px;
/* border-bottom: 1px solid black; */
}
th {
background-color: #c1c2c3;
/* border: 0.1rem solid #8a837f; */
/* background-color: #A569BD;
border: 0.1rem solid black; */
border-left-color: transparent;
color: #fff;
font-weight: 600;
padding: 0;
text-align: left;
}
.table-p td {
padding: 10px;
cursor: pointer;
border-bottom: 1px solid black;
}
table,
  th,
  td {
      border: 1px solid black;
      border-collapse: collapse;
  }    
.s_primary1{
padding-bottom: 6px;
width: 120%;
margin-left: -27px;
margin-top: 20px;
height: 50px;
border-radius: 5px;
background-color: #138D75;
color: #fff;
border: 1px solid #16A085;
box-shadow: 1px 8px 10px #2E4053;
}    
/* .s_primary1:hover{
box-shadow: 1px 8px 10px #2E4053;
} */

/*-------------------------------*/


/*-----VendorProductContainer-----*/

/*----toggleswitch-----*/

.switch {
position: relative;
display: inline-block;
width: 50px;
height: 22px;
}

.switch input { 
opacity: 0;
width: 0;
height: 0;
}

.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 8px;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

.slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 0px;
bottom: 1px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

input:checked + .slider {
background-color: #2196F3;
}

input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
border-radius: 34px;
}

.slider.round:before {
border-radius: 50%;
}

.toggle-switch {
position: relative;
display: inline-block;
width: 50px;
height: 25px;
}
.toggle-switch input[type="checkbox"] {
display: none;
}
.toggle-switch .switch {
position: absolute;
cursor: pointer;
background-color: #ccc;
border-radius: 25px;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: background-color 0.2s ease;
}
.toggle-switch .switch::before {
position: absolute;
content: "";
left: 1px;
top: 0px;
width: 21px;
height: 21px;
background-color: white;
border-radius: 50%;
transition: transform 0.3s ease;
}
.toggle-switch input[type="checkbox"]:checked + .switch::before {
transform: translateX(25px);
background-color: #6699cc;
}
.toggle-switch input[type="checkbox"]:checked + .switch {
background-color: #336699;
}

/*----------------*/

.slt_mult{
width: 130px;
padding: 5px;
}
.int_txt5{
border: 1px solid #566573;
box-shadow: 5px 5px 10px #566573;
}
.int_txt58{
width: 30%;
border: 1px solid #566573;
box-shadow: 5px 5px 10px #566573;
}
.cntrl_slt{
width: 70%;
}
.star5{
color: #0da57d;
}
.c_lbl{
font-size: 18px;
margin-top: 5px;
}
.admin__control-textarea {
line-height: 1.18;
padding-top: 0.8rem;
resize: vertical;
}
.ara_txt5{
width: 70%;
}
.s_slt_mult{
width: 300px;
padding: 5px;
}
.Collapsible__trigger{
font-weight: bold;
}
.s_admn .ara_txt5{
width: 70%;
height: 150px;
padding: 10px 10px;
border: 1px solid #566573;
box-shadow: 5px 5px 10px #566573;
}
.s_imgzm{
height: 200px;
width: 200px;
/* border: 1px solid black; */
margin-left: 20px;
margin-bottom: 30px;
background-color: #ffffff;
box-shadow: -5px -5px 10px #34495e;
}
.s_zoom5{
height: 250px;
width: 250px;
background-color: #ffffff;
box-shadow: 5px 5px 20px #34495e;
}
.s_hd_cont label{
font-weight: 500;
font-size: 17px;
}
.img--zoom1{
display: flex;
}
.s_headnm{
font-weight: 700;
color: #196F3D;
font-size: 35px;
font-family: Times New Roman;
text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 
  0px -4px 10px rgba(255,255,255,0.3);
/* text-shadow: 0 1px 0px #378ab4, 
1px 0 0px #5dabcd, 
1px 2px 1px #378ab4, 
2px 1px 1px #5dabcd, 
2px 3px 2px #378ab4, 
3px 2px 2px #5dabcd, 
3px 4px 2px #378ab4, 
4px 3px 3px #5dabcd, 
4px 5px 3px #378ab4, 
5px 4px 2px #5dabcd, 
5px 6px 2px #378ab4, 
6px 5px 2px #5dabcd, 
6px 7px 1px #378ab4, 
7px 6px 1px #5dabcd, 
7px 8px 0px #378ab4, 
8px 7px 0px #5dabcd; */

/* text-shadow: 0 1px 0 #378ab4,
0 2px 0 #5dabcd,
0 3px 0 #378ab4,
0 4px 0 #5dabcd,
0 5px 0 #378ab4,
0 6px 1px #5dabcd,
0 0 5px #378ab4,
0 1px 3px #5dabcd,
0 3px 5px #378ab4,
0 5px 10px #5dabcd,
0 10px 10px #378ab4,
0 20px 20px #5dabcd; */
}

.s_headnm5{
font-weight: 600;
font-size: 17px;
}
#L_button{
padding: 5px;
background: #0da57d;
font-size: 20px;
color: white;
}
.s_srch{
font-size: 20px;
margin-top: 10px;
}
.s_inptfrm{
display: block;
width: 200%;
margin-left: -65px;
}
#s_act{
right: -200px;
top: 2px;
}
.input-error{
border: 1px solid red !important;
}
.s_chooseimg{
/* background-image: url('../img/Capture20.jpg'); */
border: 1px solid black;
height: 200px;
width: 190px;
padding-top: 82px;
padding-left: 45px;
color: #f5f5f5;
}
.s_primary23{
height: 50px;
width: 200px;
border-radius: 25px;
margin-left: -50px;
background-color: #138D75;
color: #fff;
border: 1px solid #16A085;
box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38);
}

/*---- tab ----*/

a:hover,
a:focus{
  text-decoration: none;
  outline: none;
}
.tab{
  font-family: 'Source Sans Pro', sans-serif;
  padding: 15px;
  /* box-shadow: 5px 5px 10px #566573;
  background-color: #fff; */
}
.tab .nav{
flex-wrap: nowrap;
}
.tab .nav-tabs{
  margin: 0;
  border: none;
}
.tab .nav-tabs li{ width: 33.33%; }
.tab .nav-tabs li a{
  color: #555;
  background: linear-gradient(#fcfcfc, #f5f5f5);
  /* font-size: 17px; */
  /* background: #EAECEE; */
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  padding: 8px 25px 10px;
  margin: 0 2px 3px 0;
  border: none;
  border-radius: 0;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease 0s;
}
.tab .nav-tabs li.active a,
.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a:hover{
  color: #0da57d;
  background: linear-gradient(#fcfcfc, #f5f5f5, #fcfcfc);
  border: none;
}
.tab .nav-tabs li a:before{
  content: "";
  background: linear-gradient(#1dd1a1 50%, #0da57d 50%);
  /* background: linear-gradient(#AF7AC5 50%, #7D3C98 50%); */
  height: 100%;
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all 0.3s ease-out 0s;
}
.tab .nav-tabs li.active a:before,
.tab .nav-tabs li a:hover:before{
  opacity: 1;
  transform: translateY(-21.5px) scale(0.3);
}
.tab .tab-content{
  color: #555555;
  background: linear-gradient(#fcfcfc,#f5f5f5,#fcfcfc);
  /* background: #EAECEE; */
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 25px;
  padding: 20px;
  position: relative;
  box-shadow: 5px 5px 10px #566573;
}
.s_primrry{
margin-right: 78px;
height: 170%;
width: 150%;
border-radius: 1px;
background-color: #138D75;
color: #fff;
border: 2px solid #16A085;
font-weight: 600;
}
.s_primrry:hover{
box-shadow: 1px 8px 10px #2E4053;
background-color: #0B5345;
}
.s_primrry10{
margin-left: -150%;
height: 180%;
width: 150%;
border-radius: 1px;
background-color: #138D75;
color: #fff;
border: 2px solid #16A085;
font-weight: 600;
}
.s_primrry10:hover{
box-shadow: 1px 8px 10px #2E4053;
background-color: #0B5345;
}
.s_mnubttn .dropdown-toggle::after{
font-size: 20px;
margin-left: 0.5em;
vertical-align: 0.1em;
}
.s_mtop{
margin-top: -118px;
}
.s_defitchked{
border: 1px solid black;
margin-left: 30px;
}

@media only screen and (max-width: 479px){
  .tab .nav-tabs li{
      width: 100%;
      text-align: center;
  }
  .tab .nav-tabs li a{ margin: 0 0 15px; }
}

.card{
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.3s ease 0s;
}
#css_tab{
margin-top: -2%;
}

#s_wrapp .warpper{
display:flex;
flex-direction: column;
align-items: center;
}
#s_wrapp .tab{
cursor: pointer;
padding:10px 20px;
margin:0px 2px;
background:#000;
display:inline-block;
color:#fff;
border-radius:3px 3px 0px 0px;
box-shadow: 0 0.5rem 0.8rem #00000080;
}
#s_wrapp .panels{
background:#fffffff6;
box-shadow: 0 2rem 2rem #00000080;
min-height:200px;
width:100%;
max-width:500px;
border-radius:3px;
overflow:hidden;
padding:20px;  
}
#s_wrapp .panel{
display:none;
animation: fadein .8s;
}
@keyframes fadein {
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}
#s_wrapp .panel-title{
font-size:1.5em;
font-weight:bold
}
#s_wrapp .radio{
display:none;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel{
display:block
}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab{
background:#fffffff6;
color:#000;
border-top: 3px solid #000;
}