#pr-col2,#pr-wtlft h1,#pr-wtlft h2,#pr-wtlft h3,#pr-wtlft h5{font-family:Arial,Helvetica,sans-serif;font-weight:700}#pr-wtlft h1,#pr-wtlft h3,.logoImg{text-align:left}.navbar-toggle{border-color:#5e4a61;background-color:#957999!important}.book2,.logoC,.logoMobile{display:none}.gaDiv,.logoCA,.mobileDiv{display:block}#col1 ul,.col9 ul{list-style-image:url(../images/ulbutton.gif)}#bottom-nav,#pr-wtlft h1,#pr-wtlft h3,.hd2-active,.title{text-transform:uppercase}body{background:url(../images/bg-gradient-top.jpg) top left repeat-x #f5f3f5;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:#2c2c2c;font-size:12px;line-height:18px}.center{background:url(../images/mainbodybg-foot.gif) -30px 0 repeat-y #f5f3f5}#promo{max-width:618px;width:100%}.logoMobile{width:50%}.imgN{width:54%}.imgNClass{max-width:180px;width:100%;height:auto;margin-top:10px}.imgNClass1,.imgNClass10,.imgNClass11,.imgNClass12,.imgNClass13,.imgNClass14,.imgNClass15,.imgNClass16,.imgNClass17,.imgNClass18,.imgNClass19,.imgNClass2,.imgNClass20,.imgNClass21,.imgNClass22,.imgNClass23,.imgNClass24,.imgNClass25,.imgNClass26,.imgNClass27,.imgNClass28,.imgNClass29,.imgNClass3,.imgNClass4,.imgNClass5,.imgNClass6,.imgNClass7,.imgNClass8,.imgNClass9{width:100%;margin:5px;height:auto}.imgNClass1,.imgNClass5{max-width:200px}.imgNClass2{max-width:462px}.imgNClass3{max-width:304px}.imgNClass4{max-width:600px}.imgNClass6{max-width:232px}.imgNClass7{max-width:226px}.imgNClass19,.imgNClass8{max-width:180px}.imgNClass9{max-width:323px}.imgNClass10{max-width:132px}.imgNClass11{max-width:281px}.imgNClass12{max-width:288px}.imgNClass13{max-width:114px}.imgNClass14{max-width:583px}.canvas-wraper,.gaDiv{margin:0 auto;width:100%}.imgNClass15{max-width:355px}.imgNClass16,.imgNClass17{max-width:254px}.imgNClass18{max-width:142px}.imgNClass20{max-width:215px}.imgNClass21{max-width:239px}.imgNClass22{max-width:247px}.imgNClass23{max-width:217px}.imgNClass24{max-width:480px}.imgNClass25{max-width:514px}.imgNClass26{max-width:314px}.imgNClass27{max-width:235px}.imgNClass28{max-width:500px}.imgNClass29{max-width:434px}.promotionCard{width:100%;background-image:url(../images/promotionBg.jpg)}.gaDiv{max-width:550px}#input1,#input2,#newsletter,#search,#search1{display:inline;float:right}#pr-wtlft h2,#pr-wtlft h5{margin:10px 0;color:#e41d4c;text-align:left}.moleImg{max-width:260px;width:100%;height:auto}.mapL{max-width:425px;height:350px;width:100%}.youV,.youtV{width:100%;height:315px}.youtV{max-width:420px}.youV{max-width:560px}#promo-bot,#promo-top{max-width:618px;height:14px;width:100%}#promo-top{background:url(../images/promo-top.gif) top left no-repeat}#promo-center{max-width:618px;width:100%;background:url(../images/promo-center.gif) top left repeat-y}#promo-dt{max-width:518px;width:100%;margin:0 50px}#pr-col1{margin-top:10px;max-width:135px;width:100%;height:81px;float:left}#pr-col2{max-width:360px;width:100%;float:right;font-size:69px;color:#6f476e;margin:10px 0 0 15px;line-height:81px}#pr-wtlft{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#000;padding-bottom:15px}#promo-bot{background:url(../images/promo-bot.gif) top left no-repeat}#pr-wtlft h1{margin:20px 0 10px;color:#6f476e;font-size:22px;clear:both}#pr-wtlft h2{font-size:15px}#pr-wtlft h5{font-size:24px}#pr-wtlft h3{margin:0 0 10px;color:#6f476e;font-size:18px}img.right{padding:10px 0 8px 8px}.captions{font-size:11px;color:#999}.canvas-wraper{max-width:950px}.topContact{margin-top:27px}.pppImg{max-width:255px;width:100%}.cerImg{max-width:316px;width:100%}.procImg{max-width:237px;width:100%}#col1 ul,.col9 ul{padding:0;margin:10px 0 10px 30px}#col1 ul li{color:#6f476e;padding:2px 0}.topContact p{text-align:right;font-size:13px;color:#6f466d;margin-bottom:0}.topContact span{font-size:12px}.topBar{width:100%;height:51px;background:url(../images/navBg.png) top left repeat-x;box-shadow:0 -1px 2px #c1c0c0}#bottom-nav,#dscl,.midSearch{text-align:center}.logoImg img{max-width:194px;width:100%;margin-top:-63px}.hd2-active{background:url(../images/rgraybg-selected.gif) top left repeat-y;font-family:Verdana,Geneva,sans-serif;font-size:11px;padding:6px 10px;margin:1px 0}#footcol2sub,.promotion{font-family:Arial,Helvetica,sans-serif}.midSearch,.rightSearch{margin-top:15px}.hd2-active a,.hd2-active a:visited{color:#fff;text-decoration:none}.pad-right-n{padding-right:15px!important}.rightSearch,.textR{text-align:right}.inB,.midSearchBox{width:138px;height:21px}.rightM{margin-right:15px}.searchText{font-size:10px;color:#6f4d72;font-weight:600}#search{width:300px}#input2{margin-right:30px}#search1{width:109px;height:21px;margin-right:8px}#newsletter{width:400px}#newsletter2{float:right;margin-right:40px}#input1{margin-right:10px}.col3,.col3F,.col9,.col9F,.topIm{display:inline-block}#newsletter1{float:right;height:7px;padding:2px 8px 0 0}.Bli{background-color:#ead9ec!important;border-bottom:2px solid #fff!important}.navB,.navbar-inverse{background-color:#957999}.Bli a{color:#523451!important;text-decoration:none;font-size:12px!important;font-weight:700!important}.book a,.book h3{font-family:"Trebuchet MS",Georgia,"Times New Roman",Times,serif;font-size:15px}.Bli2{border-bottom:10px solid #fff!important}.banner img{width:100%;margin-top:0}.shad{box-shadow:1px 6px 16px #929292;z-index:1000}.navB{height:31px;margin:0 auto;width:948px}.book,.col3,.col3F,.col9,.col9F,.foT,.topIm{width:100%}.navbar-inverse{border-color:transparent}.backW,.book{background-color:#fff}.navbar-inverse .navbar-nav>li>a{color:#fff}#footcol2sub a,.book a,.book h3,.col9 ul li,.highlight,.pinky,.promotion,a,a:visited{color:#6f476e}.navbar{position:relative;min-height:30px;margin-bottom:0;border:1px solid transparent}.nav>li>a{padding:4px 40px!important;font-weight:600}#footcol2sub a,.highlight,.promotion,.title{font-weight:700}.nav>li>a:hover{text-decoration:underline}.book h3{padding:16px 0 20px 14px;margin:0}.padL{padding-left:14px!important}.topIm{background:url(../images/headbody.jpg) top center no-repeat}.col9{max-width:768px;margin:35px 0 0;padding-left:55px;padding-right:15px;float:left}.col9 ul li{padding:2px 0;margin-bottom:2px}a,a:visited{text-decoration:none}.promotion{font-size:16px}.col3{max-width:178px;margin:0;vertical-align:top;background:#e5dbe4;float:right}.title{padding-bottom:4px;font-size:15px;font-family:"News Gothic MT",Verdana,Geneva,sans-serif;color:#896288}#push2{background:url(../images/before-after01.jpg) bottom right no-repeat}#push3{background:url(../images/before-after02.jpg) bottom right no-repeat}.RMenu li,.foT{background-color:#efe9ef}.derImg{max-width:284px}.mtopIm{margin-top:16px}.RMenu ul{padding:0;margin:0}.RMenu li{list-style:none;border-bottom:1px solid #fff;padding-left:10px;padding-top:7px;padding-bottom:7px}.foT{margin-top:-5px}.col9F{background-color:#fff;max-width:772px}.col3F{max-width:170px}hr{margin-top:5px;margin-bottom:5px;border:0;border-top:2px solid #ebe2de}#footcol2sub{background:url(../images/page-flip.jpg) bottom right no-repeat;height:120px;padding-left:70px;margin:0;font-size:14px;color:#2c2c2c}#bottom-nav,#dscl{font-size:11px}#bottom-nav{color:#3b3b3b;font-family:"Arial Narrow",Arial,Helvetica,sans-serif}#bottom-nav a,#bottom-nav a:hover,#bottom-nav a:visited{color:#3b3b3b;text-decoration:none}#dscl{font-family:Tahoma,Verdana,Geneva,sans-serif;color:#3b3b3b}.sidePho{float:right;list-style:none;padding-left:25px!important}@media only screen and (max-width:991px){body{width:96%;margin:0 auto}.logoImg img{margin-top:-65px}.nav>li>a{padding:4px 22px}.padL{padding-left:33px!important}.midSearch{padding-bottom:15px}.col9{display:inline-block;max-width:75%;margin:35px 0 0;width:100%;padding-left:16px;padding-right:0;float:left}}@media only screen and (max-width:345px){.cont{width:40%}.cont img{width:100%}.nBtn{padding:3px 12px!important}.topContact span{font-size:11px!important}}@media only screen and (max-width:767px){body,p{line-height:24px;font-size:16px}.title,p.title.line{line-height:32px}body,em,p{font-size:16px}.imgNClass,.moleImg{height:auto}#bottom-nav,#dscl,#pr-col1,#pr-col2,.book h3,.book2,.col3,.topContact p{text-align:center}p{margin:0 0 10px}.title{font-size:15px;margin-bottom:15px}.col9 ul li{padding:0;margin-bottom:10px}#bottom-nav a,#bottom-nav a:hover,#bottom-nav a:visited{font-size:14px;font-weight:600}#bottom-nav,#dscl{font-size:14px;padding:0 10px}.main_social{right:80px!important}iframe{width:100%!important}td,th{padding:5px}.col9,.imgN,.sidePho img,.topIm img{width:100%}p.MsoNormal{line-height:100%;font-size:18pt;font-family:Calibri,"sans-serif"}.sour p,.title a{font-size:14px}.mb-0{margin-bottom:0!important}.f_60{font-size:38px!important}.sour p{color:gray}.location_h{line-height:29px;margin-top:0;font-size:21px}button#Dbtn{font-size:15px!important;padding:10px 8px!important}.navbar-inverse .navbar-toggle{background-color:#957999!important;border-color:#645067}.navbar-header{background-color:#fff}#pr-col2,#pr-wtlft{font-family:Arial,Helvetica,sans-serif}.book2,.gaDiv{display:block}.logoMobile img{max-width:86px}.cerImg,.col3,.derImg{max-width:100%}#pr-col1,#pr-col2,.col3,.col9,.sidePho{float:none}.logoMobile{width:50%;display:inline-block}#pr-col1,#pr-col2,.gaDiv,.imgNClass,.pppImg{max-width:100%;width:100%}.book,.logoCA,.mobileDiv,.topBar{display:none}.col9,.cont,.contBtn,.logoC{display:inline-block}.cont,.contBtn{margin:10px}.contBtn{float:right}.cont{float:left}.nBtn{padding:9px 12px;margin-top:3px;border-radius:0}.mtopIm{margin-top:0}.imgNClass{margin-top:10px;margin-bottom:20px}.imgNClass1,.imgNClass10,.imgNClass11,.imgNClass12,.imgNClass13,.imgNClass14,.imgNClass15,.imgNClass16,.imgNClass17,.imgNClass18,.imgNClass19,.imgNClass2,.imgNClass20,.imgNClass21,.imgNClass22,.imgNClass23,.imgNClass24,.imgNClass25,.imgNClass26,.imgNClass27,.imgNClass28,.imgNClass29,.imgNClass3,.imgNClass30,.imgNClass4,.imgNClass5,.imgNClass6,.imgNClass7,.imgNClass8,.imgNClass9{max-width:100%;width:100%;height:auto;margin:10px 0 0}#promo-dt{margin:0}#pr-col1{margin-top:10px;height:81px}#pr-col2{font-weight:700;font-size:48px;color:#6f476e;margin:10px 0 0;line-height:81px}#pr-wtlft{font-size:11px;color:#000;padding-bottom:15px;width:90%;margin:0 auto}.moleImg,.procImg{margin-top:10px;width:100%;max-width:100%}.mapL{max-width:100%;height:350px;width:100%}.youV,.youtV{max-width:100%;width:100%;height:315px}.topContact p{font-size:17px}.topContact span{font-size:14px;line-height:25px}.logoC{margin-top:11px;margin-bottom:11px}.topContact{margin-top:5px;margin-bottom:5px}.topBar{width:100%;height:auto;background:0 0;padding-bottom:10px}.midSearchBox{width:94%;height:34px}.midSearch,.rightSearch{text-align:center;margin-top:15px;width:100%}.rightM{margin-right:0}.sigUP{width:22%;margin-top:10px}.searchText{font-size:12px}.maL{margin-left:6px}.padL{padding-left:12px!important}#footcol2sub,.col9{padding-left:15px}#navbar .nav>li>a{padding:12px!important;font-size:12px!important}.secA{margin-top:5px!important}.col9{max-width:100%;margin:35px 0 0;padding-right:15px}.sidePho{list-style:none;padding-left:0!important}.row{margin-right:0;margin-left:0}.col9 ul{margin:10px 0 10px 10px}}@media screen and (max-width:767px){#navbar .nav>li>a{padding:12px!important;font-size:12px!important}#col1 strong{font-size:14px}}.navbar-inverse .navbar-toggle{background-color:#957999;border-color:#58455a}

/* ==========================================================================
   Mobile Responsiveness & Desktop Layout Integrity Fixes
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Desktop Layout Rules (min-width: 768px)
   -------------------------------------------------------------------------- */
@media (min-width: 768px) {
    /* Hide the mobile sidebar hamburger button completely on desktop */
    #sidebar-toggle-btn,
    .sidebar-toggle,
    .navbar-toggle {
        display: none !important;
    }

    /* Ensure desktop sidebar column displays normally */
    .col3 {
        display: block !important;
        max-width: 178px !important;
        float: right !important;
        background: #e5dbe4 !important;
        margin: 0 !important;
        vertical-align: top !important;
    }

    .RMenu,
    #rm,
    #sidebar-main {
        display: block !important;
    }

    /* Keep main navbar in desktop mode */
    #navbar.navbar-collapse {
        display: block !important;
        height: auto !important;
        visibility: visible !important;
    }

    .topBar {
        display: block !important;
    }

    .logoMobile,
    .topContact-logo {
        display: none !important;
    }
}

/* --------------------------------------------------------------------------
   2. Mobile Layout Rules (max-width: 767px)
   -------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {

    /* --- General Viewport & Horizontal Overflow Prevention --- */
    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        -webkit-text-size-adjust: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    .canvas-wraper {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    .shad {
        box-shadow: none !important;
    }

    /* --- Top Announcement Header --- */
    .top-header {
        padding: 8px 10px !important;
        text-align: center !important;
        background: #000 !important;
    }

    .top-header p {
        font-size: 12px !important;
        line-height: 1.4 !important;
        margin: 0 !important;
        color: #fff !important;
    }

    .top-header span {
        color: red !important;
        font-weight: 600 !important;
    }

    /* --- Top Contact / Office Addresses --- */
    .topContact-row {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 6px 10px !important;
        box-sizing: border-box !important;
        background: #fff !important;
        border-bottom: 1px solid #eee !important;
        gap: 10px !important;
    }

    .topContact-logo {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        max-width: 110px !important;
    }

    .topContact-logo img {
        max-width: 100px !important;
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    .topContact {
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: flex-start !important;
        flex: 1 1 auto !important;
        width: auto !important;
        background: transparent !important;
        gap: 3px !important;
    }

    .topContact p {
        font-size: 11px !important;
        line-height: 1.3 !important;
        text-align: left !important;
        margin: 0 !important;
        color: #6f466d !important;
    }

    .topContact span {
        font-size: 10px !important;
        line-height: 1.25 !important;
        display: block !important;
        color: #2c2c2c !important;
    }

    .call-desk,
    .call-mob {
        display: none !important;
    }

    /* --- Top Bar & Logo Area on Mobile --- */
    .topBar {
        display: none !important;
    }

    .navbar {
        margin-bottom: 0 !important;
        border: none !important;
    }

    .navbar-header {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        padding: 6px 10px !important;
        background: #fff !important;
        width: 100% !important;
        margin: 0 !important;
        float: none !important;
        box-sizing: border-box !important;
    }

    .logoMobile {
        display: flex !important;
        align-items: center !important;
        width: auto !important;
        max-width: 130px !important;
        margin: 0 !important;
        flex: 0 0 auto !important;
    }

    .logoMobile img {
        max-width: 110px !important;
        width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 !important;
    }

    .navbar-header .loc {
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 4px !important;
        flex: 0 0 auto !important;
    }

    .navbar-header .loc .ml1 {
        float: none !important;
        font-size: 1.1em !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        color: red !important;
        font-weight: 900 !important;
    }

    .navbar-header .loc .ml1 i {
        margin-right: 4px !important;
    }

    /* --- Mobile Hamburger Button (Targets Right Sidebar Menu) --- */
    #sidebar-toggle-btn,
    .sidebar-toggle,
    .navbar-toggle {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 5px 6px !important;
        width: 32px !important;
        height: 28px !important;
        min-width: 32px !important;
        min-height: 28px !important;
        background-color: #957999 !important;
        border: 1px solid #5e4a61 !important;
        border-radius: 4px !important;
        cursor: pointer !important;
        float: none !important;
        box-sizing: border-box !important;
    }

    .navbar-toggle .icon-bar {
        display: block !important;
        width: 16px !important;
        height: 2px !important;
        background-color: #fff !important;
        border-radius: 1px !important;
        margin: 1.5px 0 !important;
    }

    /* --- Main Navigation on Mobile (Visible Horizontally) --- */
    #navbar.navbar-collapse,
    #navbar.navbar-collapse.collapse,
    #navbar.navbar-collapse.collapsing {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        background-color: #957999 !important;
        border: none !important;
        box-shadow: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    #navbar .nav.navbar-nav {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 4px !important;
        width: max-content !important;
        min-width: 100% !important;
        list-style: none !important;
        float: none !important;
    }

    #navbar .nav.navbar-nav > li {
        display: inline-block !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    #navbar .nav.navbar-nav > li > a {
        display: block !important;
        padding: 6px 7px !important;
        font-size: 9.5px !important;
        font-weight: 700 !important;
        letter-spacing: -0.2px !important;
        color: #fff !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        border: none !important;
        text-align: center !important;
        line-height: 1.25 !important;
        text-transform: uppercase !important;
    }

    #navbar .nav.navbar-nav > li > a:hover,
    #navbar .nav.navbar-nav > li > a:focus {
        background-color: rgba(255, 255, 255, 0.2) !important;
        text-decoration: underline !important;
    }

    #navbar::-webkit-scrollbar {
        height: 3px;
    }

    #navbar::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.35);
        border-radius: 2px;
    }

    /* Top booking button & banner elements inside mobile sidebar */
    .col3,
    #sidebar-main {
        display: none !important;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 10px 0 !important;
        padding: 10px !important;
        background: #e5dbe4 !important;
        border-radius: 4px !important;
        box-sizing: border-box !important;
        clear: both !important;
    }

    /* Shown only when toggled open */
    body.sidebar-menu-open .col3,
    body.sidebar-menu-open #sidebar-main,
    .col3.open-sidebar,
    #sidebar-main.open-sidebar {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* Book Online container (.cont) aligned cleanly with hamburger menu items */
    .col3 .cont,
    #sidebar-main .cont,
    .col3 p:has(a[href*="salonvision"]),
    .col3 p:has(img[src*="appointment"]) {
        order: -2 !important;
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        float: none !important;
        margin: 0 0 10px 0 !important;
        padding: 0 0 0 4px !important;
        box-sizing: border-box !important;
    }

    .col3 .cont a,
    #sidebar-main .cont a {
        display: inline-block !important;
        text-align: left !important;
        margin: 0 !important;
    }

    .col3 .cont img,
    .col3 img.mtopIm,
    #sidebar-main img.mtopIm {
        display: inline-block !important;
        margin: 0 !important;
        max-width: 105px !important;
        width: auto !important;
        height: auto !important;
        border-radius: 3px !important;
    }

    .col3 .contBtn,
    #sidebar-main .contBtn {
        display: none !important;
    }

    .col3 .widget,
    .col3 .widget_sidebar_options,
    .col3 .side-banner,
    .col3 div:has(img[src*="book"]),
    .col3 div:has(a[href*="salonvision"]) {
        order: -1 !important;
        display: block !important;
        width: 100% !important;
        margin-bottom: 10px !important;
        text-align: left !important;
        padding-left: 4px !important;
        box-sizing: border-box !important;
    }

    .col3 table,
    .col3 tbody,
    .col3 tr {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        width: 100% !important;
        margin: 0 !important;
        border: none !important;
    }

    .col3 td {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        padding: 3px 0 !important;
        border: none !important;
    }

    .col3 img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 0 6px 0 !important;
        text-align: left !important;
    }

    .col3 a[href*="salonvision"],
    .col3 a[href*="booking"],
    .col3 a[href*="appointment"] {
        display: inline-block !important;
        margin: 0 0 6px 0 !important;
        text-align: left !important;
        width: auto !important;
    }

    .col3 a[href*="salonvision"] img,
    .col3 a[href*="booking"] img {
        margin: 0 !important;
        max-width: 135px !important;
        width: auto !important;
        display: inline-block !important;
    }

    .col3 .RMenu,
    .col3 #rm,
    #sidebar-main .RMenu,
    #sidebar-main #rm {
        display: block !important;
        width: 100% !important;
    }

    .RMenu ul,
    #rm ul,
    .col3 ul,
    #sidebar-main ul {
        display: block !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    .RMenu li,
    #rm li,
    .col3 li,
    #sidebar-main li {
        display: block !important;
        background-color: #efe9ef !important;
        border-bottom: 1px solid #fff !important;
        padding: 11px 14px !important;
        margin: 0 !important;
        text-align: left !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .RMenu li a,
    #rm li a,
    .col3 li a,
    #sidebar-main li a {
        display: block !important;
        color: #523451 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        line-height: 1.4 !important;
        text-transform: uppercase !important;
    }

    .RMenu li.Bli,
    #rm li.Bli,
    .col3 li.Bli,
    #sidebar-main li.Bli {
        background-color: #ead9ec !important;
        border-bottom: 2px solid #fff !important;
    }

    .RMenu li.Bli a,
    #rm li.Bli a,
    .col3 li.Bli a,
    #sidebar-main li.Bli a {
        color: #523451 !important;
        font-weight: 700 !important;
        font-size: 13px !important;
    }

    .RMenu li.Bli2,
    #rm li.Bli2,
    .col3 li.Bli2,
    #sidebar-main li.Bli2 {
        border-bottom: 8px solid #fff !important;
    }

    .navToSelect {
        display: none !important;
    }

    /* --- Banner & Slider Responsiveness --- */
    .banner,
    .banner img,
    #header-banner-carousel,
    #header-banner-carousel .carousel-inner,
    #header-banner-carousel .carousel-item img,
    #header-banner-carousel .item img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    .carousel-control {
        width: 35px !important;
    }

    /* --- Main Content Column & Elements --- */
    .col9 {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        padding: 12px 14px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .col9 ul {
        padding-left: 20px !important;
        margin: 10px 0 !important;
    }

    .col9 ul li {
        padding: 3px 0 !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
        margin-bottom: 6px !important;
    }

    p,
    em,
    span,
    td,
    th {
        font-size: 14px !important;
        line-height: 22px !important;
    }

    .title,
    .col9 .title,
    .col9 p.title,
    h1,
    h2,
    h3,
    h4,
    h5 {
        word-wrap: break-word !important;
    }

    .col9 img.derImg,
    .derImg {
        float: none !important;
        display: block !important;
        margin: 10px auto 15px auto !important;
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
    }

    .title,
    .col9 .title,
    .col9 p.title,
    p.title {
        font-size: 18px !important;
        line-height: 26px !important;
        margin-top: 10px !important;
        margin-bottom: 8px !important;
        font-weight: 700 !important;
        clear: both !important;
        width: 100% !important;
        display: block !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        word-wrap: normal !important;
        text-align: left !important;
    }

    img,
    .cerImg,
    .procImg,
    .moleImg,
    .pppImg,
    .topIm img,
    .sidePho img,
    .imgNClass,
    .imgNClass1,
    .imgNClass2,
    .imgNClass3,
    .imgNClass4,
    .imgNClass5,
    .imgNClass6,
    .imgNClass7,
    .imgNClass8,
    .imgNClass9,
    .imgNClass10,
    .imgNClass11,
    .imgNClass12,
    .imgNClass13,
    .imgNClass14,
    .imgNClass15,
    .imgNClass16,
    .imgNClass17,
    .imgNClass18,
    .imgNClass19,
    .imgNClass20,
    .imgNClass21,
    .imgNClass22,
    .imgNClass23,
    .imgNClass24,
    .imgNClass25,
    .imgNClass26,
    .imgNClass27,
    .imgNClass28,
    .imgNClass29,
    .imgNClass30 {
        max-width: 100% !important;
        height: auto !important;
    }

    .sidePho {
        float: none !important;
        width: 100% !important;
        padding-left: 0 !important;
        text-align: center !important;
        margin: 10px 0 !important;
    }

    iframe,
    .mapL,
    .youV,
    .youtV {
        max-width: 100% !important;
        width: 100% !important;
        height: 240px !important;
    }

    /* --- Appointment & Social Icons Bar on Mobile --- */
    .book {
        display: block !important;
        width: 100% !important;
        background: #fff !important;
        padding: 8px 10px !important;
        border-bottom: 1px solid #eee !important;
        box-sizing: border-box !important;
    }

    .book h3 {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px 8px !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 11px !important;
        line-height: 1.4 !important;
        text-align: center !important;
    }

    .book h3 b {
        display: inline-block !important;
        font-size: 11px !important;
    }

    .book h3 img {
        width: 22px !important;
        height: auto !important;
        vertical-align: middle !important;
        display: inline-block !important;
        margin: 0 1px !important;
    }

    .book h3 .ml1 {
        font-size: 1.1em !important;
        display: inline-flex !important;
        align-items: center !important;
        margin: 0 !important;
        float: none !important;
    }

    /* --- Footer Layout --- */
    .foT {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .col9F {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        padding: 12px 10px !important;
        box-sizing: border-box !important;
    }

    .col3F {
        display: none !important;
    }

    #footcol2sub {
        height: auto !important;
        min-height: auto !important;
        padding: 12px 10px !important;
        background: none !important;
        text-align: center !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    #footcol2sub p {
        font-size: 13px !important;
        line-height: 1.5 !important;
        text-align: center !important;
    }

    .book2 {
        text-align: center !important;
        margin: 10px 0 !important;
        display: block !important;
    }

    .book2 img {
        width: 30px !important;
        vertical-align: middle !important;
        margin: 0 4px !important;
    }

    #bottom-nav {
        text-align: center !important;
        padding: 6px 10px !important;
        font-size: 12px !important;
        line-height: 1.6 !important;
    }

    #dscl {
        text-align: center !important;
        padding: 6px 10px !important;
        font-size: 11px !important;
        line-height: 1.5 !important;
    }

    #dscl p {
        font-size: 11px !important;
    }

    button#Dbtn,
    button#mbtn,
    #Dbtn,
    #mbtn {
        display: none !important;
    }

    /* --- Modals & Forms --- */
    .modalDialog > div,
    .popup,
    .popups {
        width: 92% !important;
        max-width: 480px !important;
        margin: 10px auto !important;
        box-sizing: border-box !important;
    }

    .popup-n.prom-p {
        width: 90% !important;
        max-width: 350px !important;
        left: 50% !important;
        top: 100px !important;
        transform: translate(-50%, 0) !important;
        position: fixed !important;
        z-index: 99999 !important;
    }

    .darma-form {
        flex-direction: column !important;
    }

    .sh1,
    .sh2 {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 6px !important;
    }

    .sh1 img,
    .sh2 img {
        max-width: 80% !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    input[type="text"],
    input[type="email"],
    input[type="tel"],
    select,
    textarea {
        width: 100% !important;
        font-size: 14px !important;
        box-sizing: border-box !important;
    }

    input[type="submit"] {
        width: 100% !important;
        font-size: 14px !important;
    }
}

/* --------------------------------------------------------------------------
   3. Small Mobile Screens Adjustments (max-width: 480px)
   -------------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {
    .logoMobile img {
        max-width: 95px !important;
    }

    .navbar-header .loc .ml1 {
        font-size: 0.95em !important;
    }

    #sidebar-toggle-btn,
    .sidebar-toggle,
    .navbar-toggle {
        padding: 4px 5px !important;
        width: 30px !important;
        height: 26px !important;
        min-width: 30px !important;
        min-height: 26px !important;
    }

    .navbar-toggle .icon-bar {
        width: 15px !important;
        height: 2px !important;
        margin: 1px 0 !important;
    }

    #navbar .nav.navbar-nav > li > a {
        padding: 5px 6px !important;
        font-size: 9px !important;
    }
}

/* --------------------------------------------------------------------------
   4. Extra Small Screens Adjustments (max-width: 360px)
   -------------------------------------------------------------------------- */
@media only screen and (max-width: 360px) {
    .logoMobile img {
        max-width: 85px !important;
    }

    .navbar-header .loc .ml1 {
        font-size: 0.85em !important;
    }

    .topContact p {
        font-size: 10px !important;
    }

    .topContact span {
        font-size: 9.5px !important;
    }
}