/* Top Contact: change left and right width ratio */
@media (min-width: 480px) {
    #sp-top1.col-lg-6 {
        flex: 0 0 auto;
        width: 1%;
        float: right;
    }
    #sp-top2.col-lg-6 {
        flex: 0 0 auto;
        width: 99%;
        float: right;
    }
}

#sp-top-bar {
    font-size: 1rem;
}

@media (min-width: 320px){
    .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
}


/* Logo and menu header background */
#sp-header {
    background: #000;
    height: 80px;
}
#sp-header .logo-image {
    height: 120px;
    margin: -30px 0 0 0;
}
#sp-header .logo-image-phone {
    height: 80px !important;
}


/* Footer: remove top and bottom paddings */
#sp-footer .container-inner {
    padding-top: 6px;
    padding-bottom: 6px;
}

/* Menu */
.sp-megamenu-parent {
    margin: 26px 0 0 0;
}
.sp-megamenu-parent .sp-dropdown {
    margin: -20px 0 0 0;
}

/* Off-Canvus Menu */
.burger-icon>span {
    background-color: #7fcdff;
}
.offcanvas-menu .offcanvas-inner a {
    color: #ffffff;
}

/* Bottom Position: just above the footer line
#sp-bottom {
    background: #fff;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#sp-bottom .sp-module {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#sp-bottom .sp-module ul {
    margin-left:20px;
    font-size: 1rem;
}
#sp-bottom .sp-module ul>li {
    font-family: charm;
    margin-bottom: 10px;
}
#sp-bottom .sp-module ul>li>a {
    display: inline;
    color: #000;
}
*/
 
/* Header Box - Book Online */
.headerBox {
    color: #fff !important;
    text-transform: uppercase;
    text-decoration: none;
    text-align: right;
    background: #00A2E8;
    padding: 10px;
    border-radius: 20px;
    display: inline-block;
    border: 2px;
    transition: all 0.4s ease 0s;
}
.headerBox:hover {
    text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 5px 40px -10px rgba(163,1,19,0.8);
    -moz-box-shadow: 0px 5px 40px -10px rgba(163,1,19,0.8);
    transition: all 0.4s ease 0s;
}


/* Contact Us - Form width */
@media (min-width: 640px) {
    .sppb-row-container {
        max-width: 1100px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

/* Page Title Header Height */
.sp-page-title {
    background-position: center center !important;
    height: 200px !important;
}


.sppb-addon-image-content .sppb-image-holder {
background-size: contain;
}


/* Microneedling - remove margin between two columns
.row-microneedling-kitsprice .sppb-col-md-8 {
    padding-right: 0px !important;
}
.row-microneedling-kitsprice .sppb-col-md-4 {
    padding-left: 0px !important;
}

* Dermaplane - remove margin between two columns *
.row-dermaplane-kitsprice .sppb-col-md-8 {
    padding-right: 0px !important;
}
.row-dermaplane-kitsprice .sppb-col-md-4 {
    padding-left: 0px !important;
}
*/

/* Box with title on top line of the box (not taking effect; add directly into the custom html module works)
.title_box {
  border: #3c5a86 1px solid;
}
.title_box #title_box-title {
  position: relative;
  top: -0.8em;
  margin-left: 1em;
  display: inline;
  background-color: white;
}
.title_box #title_box-content {}
*/


.contactus-building-image {
    object-fit: fill;
}