label.top-log {
    width: 100%;
    height: 1px;
    background: #d7d7da;
    margin-top: 20px;
}

.img-deals{
    width: 2em;
    padding: 5px;
}
.text-menu{
    color: black;
}
.text-menu-content p{
    font-size: 14px;
}
.text-menu-content h5{
    font-size: 16px;
}
.menu-menu li h5:hover {
    color: #FF5722;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #FF5722;
    text-decoration-thickness: 2.5px;
}
.cost-menu{
    color: #faa215;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Avenir', sans-serif;
}
.text-first{
    font-weight: bold;
    color: black;
}
.nav-pills .nav-a.active,
.nav-pills .show > .nav-a {
    color: #FF5722;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #FF5722;
    text-decoration-thickness: 2.5px;
}
.nav-pills .nav-a.active,
.nav-pills .show > h5 {
    color: #FF5722;
}
.banner-bottom-w3layouts {
    margin-top: -10em;
}

.about-in .serv-cont-wthree {
    background: #fff;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 2.5em 2em;
}

.about-in .icon-wthrees {
    width: 60px;
    height: 60px;
    background: rgba(253, 92, 99, 0.16);
    margin: 0 auto;
}

.about-in .icon-wthrees span {
    font-size: 28px;
    color: #fd5c63;
    line-height: 60px;
}

.about-in h5.card-title {
    font-size: 22px;
    letter-spacing: 1px;
}



p.continue {
   /* margin-top: 25px;
    padding: 0;*/
    margin-bottom: 20px;
    color: #110403;
    opacity: .8;
    font-weight: bold;
}

p.continue span {
    position: relative;
}

p.continue span:before {
    position: absolute;
    content: '';
    height: 1px;
    background: #999;
    width: 160%;
    left: -175%;
    top: 10px;
    opacity: .5;
}

p.continue span:after {
    position: absolute;
    content: '';
    height: 1px;
    background: #999;
    width: 160%;
    right: -175%;
    top: 10px;
    opacity: .5;
}
.middle-slider2{
    display: none;
}

p.menu-main{
    color: black;
    font-size: 17px;
    font-weight: bold;
    font-family: 'Avenir', sans-serif;
    line-height: initial;
    letter-spacing: normal;
}

span.menu-main{
    color: black;
    font-size: 17px;
    font-weight: bold;
    font-family: 'Avenir', sans-serif;
    line-height: initial;
    letter-spacing: normal;
}

@media(max-width:1199px) {
    h5.mb-3{
        font-size: 1.1em;
    }
    p.continue span:before {
        width: 120%;
        left: -135%;
    }

    p.continue span:after {
        width: 120%;
        right: -135%;
    }
}
@media(max-width:992px) {
    .main-content{
        margin-top: 11em;
    }
    .banner-bottom-w3layouts{
        margin-top: -7em;
    }
    p.continue span:before {
        width: 100%;
        left: -110%;
    }

    p.continue span:after {
        width: 100%;
        right: -110%;
    }
}

@media(max-width:990px) {
    .header-w3ls{
        padding: 0px;
    }
    .main-content{
        margin-top: 11em;
    }
    .banner-bottom-w3layouts{
        margin-top: -7em;
    }
    h5.mb-3{
        font-size: 1em;
    }
}

@media(max-width:767px) {
    .banner-bottom-w3layouts{
        margin-top: -6em;
    }
    h5.mb-3{
        font-size: 0.7em;
    }
    p.continue span:before {
        width: 50%;
        left: -60%;
    }

    p.continue span:after {
        width: 50%;
        right: -60%;
    }
}
@media(max-width:630px) {
    .banner-bottom-w3layouts{
        margin-top: -5em;
    }
}
@media(max-width:600px) {
    .main-content{
        margin-top: 8em;
    }
    h5.mb-3{
        font-size: 1em;
    }
    .title-menu {
        display: none;
    }
    .img-deals{
        width: 3em;
        padding: 5px;
    }
}
@media(max-width:541px) {
    .banner-bottom-w3layouts{
        margin-top: -4em;
    }
    h5.mb-3{
        font-size: 0.9em;
    }
    p.continue span:before {
        width: 40%;
        left: -50%;
    }

    p.continue span:after {
        width: 40%;
        right: -50%;
    }
}
@media(max-width:500px) {
    .banner-bottom-w3layouts{
        margin-top: -9em;
    }
    h5.mb-3{
        font-size: 0.8em;
    }
    p.continue span:before {
        width: 25%;
        left: -40%;
    }
    p.continue span:after {
        width: 25%;
        right: -40%;
    }
    .name-menu.text-right{
        text-align: left !important;
    }
    .about-in .serv-cont-wthree{
        padding: 0;
    }
    .inner-sec-shop{
        padding: 0 !important;
    }
    .container-fluid.menu-cel{
       padding: 0;
    }
    .middle-slider1{
        display: none;
    }
    .middle-slider2{
        display: initial;
    }

}