/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

.srch_div .menu_mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
}
.in_btw {
    margin: 0 16px;
    font-size: 17px;
}
.prod_hdr .prod_left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}
.salon_logo{
    width: max-content;
    margin-bottom: 30px;
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.salon_logo img{
    width: auto;
    max-width: 100%;
    object-fit: contain;
    max-height: 180px;
    box-shadow: rgb(130 130 130 / 60%) 0px 4px 8px 0px;
}
.my-header {
    min-height: unset;
    background-color: transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.owl_header img {
    height: calc(100vh - 100px);
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    display: block;
}
/******************** Single Product ****************************/
.prod_hdr .prod_left {
    align-items: unset;
}
.flx_btns{
    display: flex;
    align-items: center;
}
.flx_btns .btn-hvr{
    flex: 1 1 0;
    margin-left: 10px;
    max-width: 150px;
}
.flx_btns .btn-hvr:last-child{
    margin-left: 0;
}
/******************** http://localhost:8000/message/183 ****************************/
.inbox_people {
    border-right: 1px solid #ddd;
    border-left: 0;
}
.sent_msg p {
    background: #037aff;
}
.recent_heading h4 {
    color: #fff;
    font-weight: bold;
}
.chat_ib p {
    max-width: 100%;
}
.chat_ib {
    padding: 0 0 0 15px;
}
.chat_list {
    padding: 0;
}
.chat_list a {
    display: block;
    padding: 18px 16px 10px;
}
.chat_list a:hover , .chat_list a:focus {
    background-color: #ebebeb;
}
.inbox_chat {
    overflow-y: auto;
}
.msg_send_btn{
    left: 0;
    right: auto;
    background: #3e75f5 none repeat scroll 100% 0;
}
.headind_srch {
    background-color: #417aff;
    text-align: left;
}
.incoming_msg_img img {
    height: 46px;
    object-fit: cover;
}
.recent_heading {
    float: none;
    width: 100%;
}
/*************************************************************************/
@media (max-width: 767px) {
    .owl_header img {
        height: auto;
    }
    /******************** http://localhost:8000/message/183 ****************************/
    .headind_srch {
        text-align: center;
        padding: 10px 5px;
    }
    .recent_heading h4 {
        font-size: 13px;
        font-weight: 100;
    }
    .chat_list a {
        padding: 10px 3px 6px 3px;
    }
    .chat_ib {
        padding: 0 0 0 5px;
        width: 60%;
    }
    .chat_ib p {
        display: none;
    }
    .chat_img {
        width: 40%;
    }
    .chat_ib h5 span {
        font-size: 11px;
    }
    .mesgs {
        padding: 20px 5px 0 5px;
    }
    .inbox_chat {
        height: calc(100vh - 160px);
    }
    .msg_history {
        height: calc(100vh - 190px);
    }
    .sent_msg {
        float: right;
        width: 90%;
    }
    .sent_msg p , .received_withd_msg p{
        font-size: 13px;
    }
    .received_withd_msg {
        width: 96%;
    }
    /******************** !! http://localhost:8000/message/183 ****************************/
}

/********* 30/4/2021 **********************/
.static_inn {
    padding-top: 20px;
}
.static_inn ul {
    counter-reset: my-awesome-counter;
    list-style: none;
}

.static_inn ul li {
    display: block;
    margin: 0 0 10px 0;
    padding-right: 36px;
    counter-increment: my-awesome-counter;
    position: relative;
}

.static_inn ul li::before {
    content: counter(my-awesome-counter);
  color: #fbd74d;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  --size: 28px;
  right: 0;
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: calc(50% - var(--size) * .5 );
  transform: rotate(-10deg);
  background: #000000;
  border-radius: 50%;
  text-align: center;
  box-shadow: 1px 1px 0 #999;
}
/**********************/
section.all-sections.contactsec.secall {
    margin-top: 30px;
}
.right_nav{
    display: flex;
    justify-content: flex-start;
}
.right_nav .display-xs{
    margin-left: 25px;
}
.lang_an img{
    width: 30px;
    height: 30px;
    margin-left: 10px;
}