/*
.mobile_nav/*
 Theme Name:     Pure Vanity Spa Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme for Pure Vanity Spa by Worldwide Salon Marketing
 Author:         Worldwide Salon Marketing
 Author URI:     https://www.worldwidesalonmarketing.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
@import url("elegant-font.css");

.ds-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

@media screen and (max-width: 1280px)  {
    .et_pb_row {
        width: 100%;
        max-width: 90% !important;
    }
}

@media screen and (min-width: 981px)  and (max-width: 1280px)  {

    .top_header_mobile.et_pb_section_1_tb_header {
        display: block !important;
    }

    .top_header {
        display: none !important;
    }

    .top_header_mobile+.et_pb_section .et_pb_column .et_pb_module {
        margin-bottom: 0px !important;
    }
    
}

.et_pb_menu_0_tb_header.et_pb_menu ul li li a {
    font-size: 15px !important;
    line-height: 1.1;
    font-weight: 600;
    color: #888 !important;
}

.nav li li {
    padding: 0 10px;
    display: block !important;
}

.et-menu li li a {
    width: 100%;
}

.nav li ul {
    width: 440px;
}

body .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a {
    color: #888!important;
}

.shiftnav:after{
    box-shadow: none !important;
}

.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item > .shiftnav-target {
    color: #fff;
    background: #00a1b1;
}

.shiftnav-panel-close {
    color: #fff !important;
}

.et-l--header .top_header_mobile .shiftnav-toggle-button {
    background-color: transparent !important;
}

@media screen and (min-width: 481px)  and (max-width: 980px)  {

    rs-row {
        max-width: 70% !important;
    }

}

@media screen and (max-width: 980px)  {

    rs-row {
        padding: 0px 30px !important;
    }

}

@media screen and (max-width: 480px){
    
    #slider-1-slide-1-layer-7 img {
        height: auto !important;
        position: absolute !important;
        width: 200% !important;
        left: -269px;
    }
}