#shop-banner{
    width: 100%;
    height: auto;
}

body{
    margin: 0;
}

.shop-logo img{
    width: inherit;
    border-radius: 10px;
}
.f-15{
    font-size: 15px!important
}
.f-40{
    font-size: 40px
}
.f-12{
    font-size:12px
}
.f-14{
    font-size:14px
}
.shop-detail-1 h4{
    font-size:18px
}
.shop-detail-1 small{
 font-size: 12px;
}
.shop-detail-1 {
    line-height:110%
}
.shop-detail-1 p{
    font-size: 12px;
}

.shop-detail span.mr-3:nth-of-type(2) { 
    display: none !important;
};


.star-shop-container{
    position:relative;
    max-width: 250px;
    display: none !important;
}

.shop-star{
    position:absolute;
    right:0;
    bottom:15px;
    color:#ECAB11
}

#shop-user-picture img{
    width:inherit;
    border-radius: 100px;
   
}
.shop-contact-btn {
   
    text-align: center;
 }
.user-name{
    text-align: center;
    line-height:100%
}
.small-btn{
    font-size: 10px!important;
    padding: 2px!important;
    margin: 0px 0px 5px 0px!important;
    
}
.produt-img-container img{
    border-radius: 5px;
}
#bottom{
    display: none!important
}
.text-1-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2; 
    -webkit-box-orient: vertical;
 }
 .text-4-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* number of lines to show */
            line-clamp: 4; 
    -webkit-box-orient: vertical;
 }
.user-img-sm img{
    width:70px;
    border-radius: 100px
}
.owl-carousel .prev-slide{
    left: -10px;
  }
.owl-carousel .next-slide{
    right: -10px;
}
.sm-shop-page-footer{
    position: absolute;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: none;
  box-shadow: none;
  outline: 0 none;
}

.shop-nav-tabs ul{
    border-bottom: none!important;
}
.shop-nav-tabs{
    width: 100%
}
.shop-nav-tabs .nav-tabs{
    display: flex !important;
    flex-direction:row !important;
    justify-content:space-between !important;
    width: 100% !important;
}
.shop-nav-tabs .nav-tabs .nav-link{
    border: none!important;
    background-color:transparent;
    color:#9696A0
}
.shop-nav-tabs .nav-tabs .nav-link.active{
    border: none!important;
    background-color:#EBF2FF;
    color: #2979ff !important;
    border-radius: 5px;
}
#lg-search-bar {
    width: 130px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 15px;
    font-size: 16px;
    background-color: white;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    padding:5px
  }
.produt-img-container{
    width:100%;
    height:200px
}
.produt-img-container img{
    width:100%;
    height: 190px;
    object-fit: fill;
}


#lg-search-bar:focus{
    width: 600px !important;
}
@media screen and (max-width: 900px) and (min-width: 600px) {
  .shop-contact-btn{
    font-size: 10px!important;
    padding: 2px!important;
    margin: 0px!important;
  }
  .detail-shop-text{
      font-size:10px
  }
  .shop-nav-tabs .nav-tabs .nav-link{
    border: none!important;
    background-color:transparent;
    color:#9696A0;
    font-size:12px
}
  .shop-nav-tabs .nav-tabs .nav-link.active{
    border: none!important;
    background-color:#EBF2FF;
    color: #2979ff !important;
    border-radius: 5px;
    font-size:12px
}
  }
  @media screen and (min-width: 768px) {
  
}
  @media screen and (min-width: 1440px) {
    .shop-detail-1 {
        line-height:150%
    }
  }

  @media screen and (max-width: 425px) and (min-width: 320px) {
    .produt-img-container{
        width:100%;
        height:130px
    }
    .produt-img-container img{
        width:100%;
        height: 130px;
        object-fit: cover;
    }
    .shop-star{
        position:absolute;
        right:0;
        bottom:0px;
        color:#ECAB11
    }
    .shop-detail-1 {
        line-height:140%
    }
  }