/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

.uk-dotnav {
  left: 60%;
  background: #f8f7f5;
}

.slider-image {
   width: 57%;
   object-fit: cover;
   min-height: 500px;
}

.slogan-slider {
   background: #f8f7f5;
}

.slider-text-box {
    padding-bottom: 120px;
}

.slider-text {
    text-transform: inherit;
    text-align: justify;
    padding-right: 4.5%;
}

.tm-top-d-box {
      max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1400px) {
  .top-slide-text {
      top: 10% !important;
      left: 80px !important;
  }
}

/*@media (min-width: 879px) { */
.top-slide-text {
    text-shadow: 0 1px 1px rgb(0 0 0 / 40%);
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 20px 30px rgb(0 0 0 / 60%);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: box-shadow .3s ease;
    padding: 20px 20px;
  	background-image: url(/images/salon/slide-top-blur.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
/*}*/

@media (max-width: 879px) {
  .tt-nav-wrap {
    padding-left: 25px;
    box-sizing: border-box;
	position: inherit !important;
    
    
  }
  .top-slide-text {
    left: 0 !important;
    width: 100% !important;
    height: 100%;
    top: 0 !important;
    box-shadow: none;
    padding: 60px;
  }
  
  .slider-image {
   width: 100%;
    min-height: auto;
}
  .slider-text-box {
    margin-top: 277px;
    background: #f8f7f5;
}
  .uk-dotnav {
  left: 0;
  bottom: -60px !important;
}
}



@media (max-width: 415px) {
  .tm-menu-box img {
     max-width: 200px !important;

  }
}

@media (max-width: 356px) {
  .tm-menu-box img {
     max-width: 164px !important;

  }
}