@media screen and (max-width: 375px) {
    .timer .days-wrapper, .timer .hours-wrapper, .timer .minutes-wrapper, .timer .seconds-wrapper {
        width: 70px !important;
        font-size: 16px !important;
    }
    .downaload_show {
        padding: 30px 30px 30px;
    }
    .service-colum .service-icon {
        padding: 10px 2px 5px 2px !important;
    }
    .scrollable-content {
        width: 77%;
        height: 284px;
        overflow-y: hidden;
    }
}
@media screen and (max-width: 320px) {
    .timer .days-wrapper, .timer .hours-wrapper, .timer .minutes-wrapper, .timer .seconds-wrapper {
        width: 60px !important;
        height: 124px !important;;
        font-size: 14px !important;;
    }
    .timer .days, .timer .hours, .timer .minutes, .timer .seconds {
        font-size: 40px;
        line-height: 56px !important;;
    }
    .btn-gradients{
        display: block;
        margin-top: 5px;
    }
    .launchintext {
        font-size: 25px;
    }
    .rplr-16{
        padding: 0px 16px;
    }
    .downaload_show {
        padding: 30px 30px 30px;
    }
    .service-colum .service-icon {
        padding: 10px 2px 5px 2px !important;
    }
    .scrollable-content {
        width: 77% !important;
        height: 284px;
        overflow-y: hidden;
    }
    .this-week-text{
        margin-right: 60px;
    }
    .textemial {
        font-size: 16px;
        width: 53%;
    }
    .btn-refernow {
        padding: 4px 18px;
    }
}

@media (max-width: 575px) {
    .container-fluid{
        padding-left: 10px;
        padding-right: 10px;
    }
    .block-header h3{
        font-size: 18px;
    }
    .btn-group-sm>.btn, .btn-sm{
        padding: 5px;
    }
    .field-icon{
        left: 0px !important;
    }
    .rp-0{padding: 0px;}
    .rp-5{padding: 5px}
    .rp-10{padding:0px 12px !important}
    .rpt-10{padding-top: 10px}
    .rplr-20{padding-left: 17px !important;padding-right:17px !important}
    .rpl-15{padding-left: 15px;}
    .rpr-0{padding-right: 0px}
    .rpr-15{padding-right: 15px;}
    .mw-100{width: 100%;}
    .rm-0{margin: 0px}
    .rmt-15{margin-top: 15px}
    .rmt-30{margin-top: 30px;}
    .rmr-0{margin: 0;}
    .rmr-10{margin: 10px 0 0 0;}
    .rmt_-10{margin-top: -10px}
    .cbp_tmtimeline > li .cbp_tmlabel {
        margin: 0 0 15px 0;
    }
    .orders_box {
        padding: 15px 0px 150px 12px;
    }
    .orderdateandtime {
        font-size: 12px;
    }
    .btn-theme-radius_small{
        padding: 4px 6px;
        font-size: 11px;
    }
    .order_title {
        font-size: 14px;
    }
    .navbar-toggle{
        margin-top: 14px;
    }
    .downaload_show {
        padding: 30px 30px 30px;
    }
}
@media(max-width:40em) {
    .header_texts {
        font-size: 28px;
        padding-top: 110px;
    }

    .header_subtext {
        font-size: 14px;
        letter-spacing: -0.4px;
    }

    #barber {
        padding-top: 0px;
        min-height: 500px;
    }

    .drpdowns {
        width: 98%;
    }

    .bow_wrapper {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 10px;
    }

    .bow_form_wrapper .first_icon {
        top: 20px !important;
        left: 20px !important;
    }

    .bow_form_wrapper .second_icon {
        right: 22px !important;
        top: 20px !important;
    }

    #social_footer ul {
        padding-top: 10px !important;
    }

    .pt-mobile0 {
        padding-top: 0px !important;
    }

    .mt-mobile20 {
        margin-top: 20px;
    }

    .align_center_mobile {
        text-align: center
    }

    .pt-60 {
        padding-top: 60px;
    }

    .loginblade:after {
        background-image: none;
        background-color: #fcfcfc;
    }

    .login_height_register {
        height: 845px;
    }

    .login_height {
        height: 690px;
    }

    .mtn-25 {
        margin-top: -25px;
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        /*        margin-left: -30px;*/
    }

    .horizontal-menu-page .navbar-default .navbar-nav > li > a {
        line-height: 15px;
    }

    .product-box .item-content .price {
        position: inherit;
        top: 0%;
        margin-top: 15px;
    }

    .product-box {
        padding: 20px 0px;
    }

    .product-box .item-content .btn-rights {
        float: none;
        position: inherit;
    }

    .product-box .item-mask-wrapper {
        width: auto;
        margin-right: 0px;
    }

    .signup {
        width: auto !important;
        padding: 0px 10px !important
    }

    .loginsection_right {
        padding: 30px 15px 0 15px;
    }

    #preguntas h3 {
        font-size: 13px;
    }

    .RegisterNoww {
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }

    .faq {
        padding-top: 0px;
    }

    #preguntas {
        padding: 20px 0px 50px;
    }

    .main_header_text {
        font-size: 24px
    }

    .notification-header {
        width: 100%;
        margin: 0;
    }

    .cbp_tmtimeline > li .cbp_tmicon {
        display: none;
    }

    .cbp_tmtimeline > li .cbp_tmtime {
        padding: 0px;
    }

    .cbp_tmtimeline > li .cbp_tmtime span:last-child {
        font-size: 14px;
    }

    .vertical_timeline {
        width: 100%;
        margin: 0 auto;
        padding: 0 0 3.125em;
    }

    .bootstrap-select {
        width: 100% !important;
    }

    .rproduct-box {
        display: inline-block !important;
        padding: 20px 10px;
    }

    .searchh3 {
        margin: 0px;
    }

    .fleft {
        float: left !important;;
    }

    .product-box .item-second-content .price {
        padding-left: 0px !important;
    }

    #gender_change {
        margin-bottom: 35px;
    }

    .addservicetable .add_col1 {
        font-size: 16px !important;
    }

    .addservicetable .add_col2 {
        width: auto !important;
    }

    .addservicetable .add_col3 {
        width: auto !important;
    }

    .rp-0 {
        padding: 0px !important;
    }

    .rp-5 {
        padding: 5px
    }

    .rp-10 {
        padding: 0px 12px !important
    }

    .rpt-10 {
        padding-top: 10px
    }

    .rplr-20 {
        padding-left: 17px !important;
        padding-right: 17px !important
    }

    .rpl-15 {
        padding-left: 15px !important;
    }

    .rpr-0 {
        padding-right: 0px
    }

    .rpr-15 {
        padding-right: 15px;
    }

    .mw-100 {
        width: 100%;
    }

    .rm-0 {
        margin: 0px
    }
    .rmt-0{
        margin-top: 0px
    }

    .rmt-15 {
        margin-top: 15px
    }

    .rmt-30 {
        margin-top: 30px;
    }

    .rmr-0 {
        margin: 0;
    }

    .rmr-10 {
        margin: 10px 0 0 0;
    }

    .rmt_-10 {
        margin-top: -10px
    }

    .cbp_tmtimeline > li .cbp_tmlabel {
        margin: 0 0 15px 0;
    }

    .width-400 {
        width: 150px !important;
    }

    .btn-group-sm > .btn, .btn-sm {
        padding: 3px 10px;
    }

    .launchintext {
        color: #fff;
        font-size: 32px;
        font-weight: 600;
    }

    .timer_box {
        width: 91.7% !important;
        background-color: #fff;
        margin: 0 auto;
    }

    .timer .days-wrapper, .timer .hours-wrapper, .timer .minutes-wrapper, .timer .seconds-wrapper {
        display: inline-block;
        width: 79px;
        height: 154px;
        margin: 0 0px;
        padding: 20px 0 0 0;
        font-size: 18px;
    }

    .timer .days, .timer .hours, .timer .minutes, .timer .seconds {
        font-size: 40px;
        font-weight: 100;
        line-height: 90px;
        color: #ff5c62;
    }

    #launch {
        height: 180vh;
    }

    .btn-gradients {
        display: block;
        margin-top: 5px;
    }

    .rplr-16 {
        padding: 0px 16px;
    }

    .downaload_show {
        padding: 30px 30px 30px;
    }

    .service-colum {
        display: inline-block;
    }

    #bestoffers {
        height: 100% !important;
    }

    #recommendedsalons {
        height: 100% !important;
    }

    #introductionapp {
        height: 100% !important;
    }

    .site-nav-toggle span {
        background-image: linear-gradient(72deg, #FFF, #FFF);
    }

    .rdnone {
        display: none;
    }

    .width40p {
        width: 90%;
    }

    .res-refers {
        display: block;
        text-align: center;
        width: 100%;
    }

    .rpadd-20 {
        padding: 20px 0 20px 10px;
    }

    .tab {
        width: 100%;
    }

    .tab .nav-tabs li {
        width: 50%;
        margin-bottom: 0px;
    }

    .tab .nav-tabs li:last-child {
        margin-bottom: 0;
    }

    .tab .nav-tabs li a {
        padding: 13px 12px;
    }

    .tab .tab-content {
        padding: 20px 5px;
    }

    .dropdown-menu .dropdown-item {
        color: #000;
        display: flex;
        padding: 7px 0px;
    }

    .left-35 {
        left: 0;
    }

    .sticky-wrapper.is-sticky .site-nav {
        background-image: linear-gradient(45deg, #FFA454, #F66161) !important;
    }

    .badge.up {
        position: relative;
        top: -30px;
        margin: 0 1.8em;
        border-radius: 15px;
    }

    .site-nav a > i.fa {
        display: block !important;
    }

    .mw-100p {
        width: 100%;
    }

    .loadergif {
        background-size: 34%;
    }

    .dropdown-menu {
        position: relative;
    }

    .dropdown-menu-header {
        position: relative;
        padding: 15px 10px 15px;
    }

    .scrollable-content {
        width: 86%;
        height: 284px;
        overflow-y: hidden;
    }

    .rmb-10 {
        margin-bottom: 10px !important;
    }

    .select2-container {
        width: 100%;
    }

    .service-colum .service-icon {
        padding: 10px 5px 5px 5px;
    }

    .service-holder {
        margin-top: -3vh;
    }

    .search-btns {
        width: 100%;
    }

    .dropdown-menu .dropdown-item .fa {
        padding: 0 12px 0 10px;
    }

    .this-week-text {
        float: right;
        margin-top: -17px;
        margin-right: 10px;
    }

    .height320 {
        height: 320px;
    }

    .height400{
        height: 400px
    }
    .height450{
        height: 450px;
    }
    .height260 {
        height: 260px;
        padding-left: 15px !important;
        padding-top: 10px;
    }
    .leftprice {
        font-size: 13px !important;
    }
    .btn-themecolor-service {
        padding: 11px 0px !important;
        font-size: 14px !important;
    }
    .upload-infos {
        text-align: left;
    }
    .rplrs10{
        padding: 10px 30px !important;
    }
    .mw-100p{
        width: 100%;
    }
    .img-fluid-details {
        max-width: 100%;
        width: 100%;
    }
    .textemial{
        width: 100%;
    }
    table.viewordertable{
        width: 100%;
    }
    .tbodyscrolltr {
        width: 85%;
    }
    .white-spaceno{
        white-space: nowrap;
    }
    .rpr-110{
        padding-right: 110px !important;
    }
}
@media screen and (max-width: 767px) {
    .site-nav-toggle {
        margin-right: 10px;
    }
    .site-nav-toggle span{
        background-image: linear-gradient(40deg ,#fff, #fff);
    }
}

@media only screen and (min-width : 768px) and (max-width : 990px) {
    .orders_box{
        height: 150px;
    }
    .bow_form_wrapper .first_icon {
        top: 20px !important;
    }
    .tw-100{
        width: 100%;
    }
    .rmb-10{
        margin-bottom: 10px !important;
    }
    .rpl-15{
        padding-left: 15px;
    }
    .search-btns{
        width: 100%;
    }
}


@media (min-width: 768px){
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        /*        margin-left: -38px;*/
    }
    .site-nav-toggle span{
        background-image: linear-gradient(40deg ,#fff, #fff);
    }
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px;
    }
    .cbp_tmtimeline > li .cbp_tmtime span:last-child {
        font-size: 14px;
        white-space: nowrap;
    }
    .notification-header {
        width: 100%;
        margin: 0;
    }
    .vertical_timeline {
        width: 100%;
        max-width: 80em;
        margin: 0 auto;
        padding: 0;
    }

}
@media screen and (min-width: 992px) {
    .site-nav {
        display: block !important;
    }
    .notification-header {
        width: 65%;
        margin: 0 0px 0 365px;
    }
}
@media (max-width: 991px){
    .bow_form_wrapper {
        margin-top: 20px;
    }
    .sticky-wrapper.is-sticky .site-nav {
        max-height: 400px;
        overflow: hidden;
        overflow-y: auto;
    }
    .site-nav {/* mobile menu */
        position: relative;
        width: 100%;
        transition: 400ms ease;
        transition-property: transform;
        z-index: 100;
        border-top: 1px solid #d7d7d7;
        margin-top:5px;
        padding: 20px 0 0;
        display: none;
    }
    .site-nav li {
        width: 100%;
        position: relative;
    }
    .site-nav a {
        width: auto;
        display: inline-block;
        padding: 6px 30px 6px 0;
        line-height: 18px;
        z-index: 1;
        position: relative;
    }
    .site-nav a > i.fa {
        display: none;
    }
    .site-nav .indicator-desktop {
        display: none !important;
    }
    .site-nav .indicator-mobile {
        display: block;
        float: right;
        font-size: 14px;
        line-height: 26px;
        width: 100%;
        height: 26px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        padding-right: 5px;
        cursor: pointer;
        z-index: 0;
        text-align: right;
        color:#000000;
    }
    .site-nav-toggle {
        display: block;
    }
}

@media screen and (max-width: 1024px) {
    .timer_box {
        width: 70%;
    }
}
@media screen and (max-width: 1199px) {
    .site-nav a {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 768px)  {
    .sticky-wrapper.is-sticky .site-nav {
        max-height: 400px;
        overflow: hidden;
        overflow-y: scroll !important;
        height: 300px !important;
    }
    .site-nav a {
        z-index: 0;
    }
    .loginblade:after{display: none !important;}
    .loginblade:before{ display: none !important;}
    .resp-img{
        height: 100% !important;
        width: 100% !important;
    }
    .resp-wdth{
        width: 100%;
        float: right;
        position: relative;
        top: 0%;
        right: 0;
        left: 0%;
    }
    .panel-cust {
        width: 100%;
        background-color: transparent !important;
    }
    .EnterOtpCode {
        width: 100%;
    }
    .dropdown-contentss {
        background: linear-gradient(73deg, #FF386B, #FF386B) !important;
    }
    .dropdown-contentss a {
        display: inline-block !important;
    }
    .signuplogin{
        padding-left: 0px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .sticky-wrapper.is-sticky .site-nav {
        max-height: 400px;
        /*overflow: hidden;*/
        /*overflow-y: scroll;*/
        /*height: 250px;*/
    }
    .site-nav a {
        z-index: 0;
    }
    .loginblade:after{display: none !important;}
    .loginblade:before{ display: none !important;}
    .resp-img{
        height: 100% !important;
        width: 100% !important;
    }
    .resp-wdth{
        width: 100%;
        float: right;
        position: relative;
        top: 0%;
        right: 0;
        left: 0%;
    }
    .panel-cust {
        width: 100%;
        background-color: transparent !important;
    }
    .EnterOtpCode {
        width: 100%;
    }
    .dropdown-contentss {
        background: linear-gradient(73deg, #FF386B, #FF386B) !important;
    }
    .dropdown-contentss a {
        display: inline-block !important;
    }
    .signuplogin{
        padding-left: 0px !important;
    }
}




.animate{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.delay-a{
    -webkit-animation-delay: 0.50s;
    -moz-animation-delay: 0.50s;
    -o-animation-delay: 0.50s;
    animation-delay: 0.50s;
}
.delay-b{
    -webkit-animation-delay: 0.80s;
    -moz-animation-delay: 0.80s;
    -o-animation-delay: 0.80s;
    animation-delay: 0.80s;
}