/*
Copyright (c) 2020
------------------------------------------------------------------
[Master Stylesheet]

Project Name: Splash and Dash For Dogs - Pet Grooming 
Version:	1.0.0
Assigned to:
-------------------------------------------------------------------*/

/****************************************************
    Responsive Css
*****************************************************/
@media(min-width:991px){
    .home_slider .spl_btn_holder .spl_btn {
        line-height: 50px !important;
        padding: 0px 40px !important;
    }
}
@media(max-width:768px){
    .home_slider .spl_btn_holder .spl_btn {
        line-height: 40px !important;
        padding: 0px 50px !important;
    }
}
@media(max-width:575px){
    .home_slider .spl_btn_holder .spl_btn {
        line-height: 30px !important;
        padding: 0px 20px !important;
    }
}
@media(max-width:1200px){
    .main_menu_wrapper ul > li > a {
        padding: 0px 10px;
    }
    .text_foot p, p.spl_headtext {
        line-height: normal;
    }
    .spl_select_btn {
        padding: 0px 30px;
        margin-top: 0;
        line-height: 45px;
    }
        .spl_select_btn_small {
        padding: 0px 10px !important;
                line-height: 20px !important;
                font-size:9px !important;
    }
    .spl_dog_price {
        width: 60px;
        line-height: 58px;
        font-size: 20px;
        height: 58px;
    }
    .spl_dog_header {
        padding: 0px 0;
        width: calc(100% - 60px);
    }
    .spl_appoinment_page {
        padding: 55px 0;
    }
    .text_foot p {
        margin-bottom: 15px;
    }
    ul.spl_rating, p.spl_headtext, .text_foot  {
        width: 100%;
    }
    p.spl_headtext {
        margin-left: 0;
    }
    .spl_dog_header h2 span {
        margin-left: 0px;
        width: 100%;
        display: inline-block;
    }
    .tp-parallax-wrap {
        left: 90px !important;
    }
    pre {
        display: none;
    }
}

@media(max-width:991px){
    a.searchBtn {
        line-height: 58px;
    }
    .spl_top_header {
        text-align: center;
    }
    fieldset legend {
        top: -9px;
    }
    .spl_upsell_page .spl_listimg, .spl_listimg {
        width: 210px;
    }
    .spl_upsell_page .spl_dogcatagory, .spl_dogcatagory {
        width: calc(100% - 240px);
        margin-left: 30px;
        margin-top: 0;
    }
    .spl_dog_footer {
        margin-top: 15px;
    }
    .visited a.spl_btn_primary:after, 
    .spl_btn_default:after,
    .stepwizard-step.active.visited + .stepwizard-step.active a.spl_btn_primary:after, 
    .stepwizard-step.active:first-child a.spl_btn_primary:after {
        height: 46px;
    }
    a.spl_btn_primary, a.spl_btn_default {
        padding: 12px 25px;
    }
    .spl_sidebar {
        float: left;
        width: 100%;
        margin-top: 50px;
    }
    .spl_continue {
        text-align: left;
        margin-top: 20px;
    }
    div#slide-391-layer-1 {
        top: 70px;
    }
    div#slide-391-layer-4 {
        top: 120px;
        font-size: 32px !important;
    }
    div#slide-391-layer-4 h3.tour_text {
        font-size: 22px !important;
    }
    /* div#slide-391-layer-3 {
        top: 105px;
    } */
    div#slide-391-layer-3 .ever_tag_text {
        font-size: 22px !important;
        line-height: 35px !important;
    }
    div#slide-391-layer-5 {
        top: 150px !important;
    }
    div#slide-391-layer-5 a.spl_btn.spl_btn_trn {
        font-size: 14px !important;
        font-weight: normal !important;
        line-height: 40px !important;
    }
    .spl_banner_form {
        position: relative;
        top: 0;
        margin: 30px auto;
        float: left;
        width: 100%;
    }
    .slotholder + .tp-parallax-wrap + .tp-parallax-wrap .tp-mask-wrap {
        top: 105px !important;
    }
    .spl_selected_doglist fieldset {
        margin-bottom: 15px;
    }
   /*.spl_upsell_page .spl_dog_footer {
        display: none;
    }*/ 
    ul.spl_rating.spl_mobile_view.d-none {
        display: block !important;
    }
    .spl_upsell_head {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
}

@media(max-width:768px){
.spl_tophead_nav ul li a, span.call_icon {
    font-size: 0;
    margin-right: 0;
}
a.contact_text {
    line-height: 33px;
    display: inline-block;
}
span.call_icon::before {
    top: -3px;
}
.menu_btn {
    padding: 22px 0 0;
}
.stepwizard-step:nth-child(2) {
    left: -14px;
}
.stepwizard-step:nth-child(3) {
    left: -28px;
}
.stepwizard-step:nth-child(4) {
    left: -42px;
}
a.spl_btn_primary, a.spl_btn_default {
    padding: 12px 0px;
}
.spl_banner_form {
    position: relative;
    top: 0;
    margin: 30px auto;
    float: left;
    width: 100%;
}
a.spl_btn.spl_btn_trn {
    border-width: 1px !important;
}
.text_foot p, p.spl_headtext {
    margin-left: 0;
}
.spl_top_header img {
    margin-right: 0px;
}
}

@media (max-width: 575.98px){
.menu_btn {
    padding: 22px 0 0;
}
.spl_dogcatagory {
    width: calc(100%);
    margin-left: 0;
    margin-top: 30px;
}
.spl_listimg ,
.spl_listimg .mt_overlay_dv img {
    width: 100%;
}
a.spl_btn_primary.spl_btn_default, a.spl_btn_default {
    font-size: 12px;
}
.spl_upsell_page {
    padding: 50px 0;
}
.home_slider .spl_btn_holder .spl_btn {
    padding: 0px 15px !important;
}
.spl_dog_header h2 span, ul.spl_rating {
    width: auto;
}
p.spl_headtext {
    margin-left: 0px;
}
.text_foot {
    width: calc(100% - 122px);
    vertical-align: middle;
}
.text_foot p {
    margin-bottom: 0;
    margin-top: 15px;
}
.tp-parallax-wrap {
    left: 15px !important;
}
pre {
    display: inline-block;
}
.spl_upsell_page .spl_listimg, .spl_upsell_page .spl_dogcatagory {
    width: 100%;
}
.spl_upsell_page .spl_dogcatagory {
    margin-left: 0;
    margin-top: 20px;
}
}
@media(max-width:450px){
    .stepwizard-step:nth-child(2), .stepwizard-step:nth-child(3), .stepwizard-step:nth-child(4) {
        left: 0;
    }
    .spl_pagination li {
        margin-right: 0px;
    }
    .slotholder + .tp-parallax-wrap {
        top: -5px !important;
    }
    .slotholder + .tp-parallax-wrap + .tp-parallax-wrap .tp-mask-wrap {
        top: 60px !important;
    }
    div#slide-391-layer-4 {
        top: 75px;
    }
    div#slide-391-layer-5 {
        top: 98px !important;
    }
    .visited a.spl_btn_primary:after, 
    .stepwizard-step.active.visited + .stepwizard-step.active a.spl_btn_primary:after, 
    .stepwizard-step.active:first-child a.spl_btn_primary:after {
        background-color: #27aae1;
        background-image: none;
    }
    .spl_btn_default:after {
        background-color: #f3f5fa;
        background-image: none;
    }
    .stepwizard {
        border-radius: 5px;
        overflow: hidden;
        border: 1px solid #d9e1ea;
    }
    .spl_customer_info {
        padding: 50px 0;
    }
    .stepwizard-row, .stepwizard {
        display: block;
    }
    .stepwizard-step {
        display:block;
        width: 100%;
        float:none;
    }
    .stepwizard-step a{
        display:block;
        
        
    }
}
@media (max-width: 430px){
    .spl_top_header {
        padding: 0px 0;
    }
    .spl_top_header .col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    span.call_icon {
        display: none;
    }
    a.contact_text {
        display: none;
    }
    .spl_tophead_nav ul {
        text-align: center !important;
    }
    .spl_mainlist_holder {
        padding-right: 0;
    }
    .stepwizard-step:nth-child(2),
    .stepwizard-step:nth-child(3),
    .stepwizard-step:nth-child(4) {
        left: 0;
    }
    .spl_customerinfo_form {
        padding: 10px;
    }
    .spl_customerinfo_form form .spl_inner_form {
        padding: 45px 10px 45px;
    }
}

@media (max-width: 400px){
    .text_foot p, .text_foot {
        margin-bottom: 0;
        margin-top: 0;
        width: 100%;
    }
    .text_foot p{
        margin-bottom: 15px;
    }
    p.spl_headtext {
        margin-left: 0px;
        width: 100%;
    }
    .spl_dog_header h2 span, ul.spl_rating {
        width: 100%;
    }
    span pre {
        display: none;
    }
}