body {
    font-family: Montserrat;
}

.navbar {
    border-bottom: 2px solid #EAEEF2;
}

.navbar-brand h5 {
    font-weight: 600;
}

.navbar-brand p {
    font-size: 16px;
}

.break {
    display: none;
}

.brea {
    display: inline-block;
}

.border-l {
    border-left: 2px solid #EAEEF2;
}

.border-b {
    border-bottom: 2px solid #EAEEF2;
}

.border-t {
    border-top: 2px solid #EAEEF2;
}

.customisations {
    background-color: #F0F0F0;
    height: 59px;
    display: flex;
    justify-content: center;

}

.text-update {
    font-size: 18px;
    font-weight: 500;
}

.marble.active {
    background-color: #F0F0F0;
}

.Metal.active {
    background-color: #F0F0F0;
}
.handle.active {
    background-color: #F0F0F0;
}
.legs.active {
    background-color: #F0F0F0;
}

/* .lifestyle{
    position: absolute; 
    bottom: 0;
} */

#viewer {
    height: 100%;
    width: 100%;
}

.mobile-layout {
    display: none;
}

.m-row {
    height: 93VH;
}

.view-in-room {
    position: absolute;
    top: 15px;
    right: 15px;
}

#qrcode img {

    display: initial !important;
}

.ar-btn {
    width: 127px;
    height: 42px;
    /* UI Properties */
    background: #363636 0% 0% no-repeat padding-box;
    border-radius: 28px;
    opacity: 1;
    font-size: 12px;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    text-transform: uppercase;
    outline: 0;
    border: 0px;
}

.img-responsive {
    width: 75% !important;
}

.close:focus {
    outline: none !important;
}

.lb-close {
    position: absolute !important;
    top: -25px;
    right: 35px;
}

.lb-image {
    border: none !important;
}

@media only screen and (max-width: 767px) {
    .lb-close {

        top: -40px;
        right: 15px;
    }

    main {
        height: auto !important;
    }

    .navbar-brand h5 {
        font-weight: 600;
    }

    .navbar-brand p {
        font-size: 12px;
    }

    .break {
        display: block;
    }

    .brea {
        display: none;
    }

  /*  #viewer {
        height: calc(100vh - 315px);
    }
*/
    .desktop-layout {
        display: none;
    }

    .mobile-layout {
        display: block;
    }

    model-viewer {
        height: 55vh !important;
    }
    .nav{
        background-color: white !important;
    }
    .nav-link{
    background-color: white !important;
    }
    .nav-link.active {

        background-color: #F0F0F0 !important;
    }

    .marble-mob {
        display: block;
    }

    .nav-item p {
        color: black !important;
        ;
    }

    .m-row {
        height: auto !important;
        ;
    }

    .ar-btn {
        display: none;
    }

    .lb-outerContainer {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color:transparent;
        height: 0 !important;
        width: 0 !important;
    }

    .lb-image {
        max-width: 100%;
        height: auto;
    }

    .lb-image {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }

    .marble{
        background-color: white !important;
    }
    .Metal{
        background-color: white !important;
    }
    .handle{
        background-color: white !important;
    }

    .marble.active {
        background-color: #F0F0F0 !important;
    }
    
    .Metal.active {
        background-color: #F0F0F0 !important;
    }
    .handle.active {
        background-color: #F0F0F0 !important;
    }
  

    #content3{
        background-color: white !important;
    }



}