/*********Add top margin in visualizer(25-01-2021)*************/

#page {
    top: 0px;
 }
 
 /***new add class***/
 
 .mb-0 {
    margin-bottom: 0px;
 }
 
 
 /*23-9-20 chnages */
 
 .badge-notify {
    background: #f38820b5;
    position: absolute;
    top: -7px;
    right: 7px;
    color: white;
    text-align: center;
    padding: 2px 4px;
 }
 
 .shopping-cart, .more_options {
    float: right;
    background: white;
    width: 320px;
    position: absolute;
    border-radius: 3px;
    padding: 0;
    right: 0;
    top: 0;
    box-shadow: 0px 0px 10px -5px #7e7e7e;
 }
 
 .shopping-cart .shopping-cart-header {
    border-bottom: 1px solid #E8E8E8;
    padding: 6px 10px 3px 15px;
    box-shadow: none;
    display: inline-block;
    width: 100%;
 }
 .shopping-cart .shopping-cart-header h6{
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    display: inherit;
    margin-top: 10px;
 }
 
 .shopping-cart .shopping-cart-header .shopping-cart-total {
    float: right;
 }
 
 .shopping-cart .shopping-cart-header .shopping-cart-total button{
       font-size: 16px;
     color: #fff;
     background-color: #f38820;
     padding: 5px 7px;
     line-height: 16px;
     box-shadow: 0px 3px 7px -3px #444444;
 }
 
 
 .shopping-cart #cart_details .shopping-cart-items {
    max-height: 296px;
    overflow: auto;
    box-shadow: none;
    padding: 10px;
    margin: 0;
    border-radius: 0;
 }
 
 .shopping-cart .shopping-cart-items li {
    margin-bottom: 18px;
    font-size: 12px;
    width: 100%;
    box-shadow: 0px 1px 8px -4px #b0b0b0;
    padding: 10px;
    border-right: 0;
    background: #f8f8fb;
 }
 
 .shopping-cart .shopping-cart-items img {
    float: left;
    margin-right: 12px;
    max-width: 100px;
    max-height: 100px;
 }
 
 .shopping-cart .shopping-cart-items .item-name {
    display: block;
    font-size: 16px;
 }
 
 .shopping-cart .shopping-cart-items .item-price {
    /* color: #6394F8; */
    margin-right: 8px;
 }
 
 
 li.clearfix.product-detail .product-item-detail {
    padding-left: 110px;
 }
 
 li.clearfix.product-detail .product-item-detail span {
    line-height: 20px;
    word-break: break-word;
    width: calc(100% - 10px);
 }
 li.clearfix.product-detail .product-item-detail span.item-quantity {
    display: block;
    line-height: 14px;
 }
 
 .shopping-cart-items .product-detail {
    position: relative;
 }
 
 .product-detail .remove-item {
    position: absolute;
    top: 0px;
    right: 0px
 }
 
 
 .product-detail .remove-item a.delete-item-of-cart {
    padding: 10px 5px 0px 0;
 }
 
 .shopping-cart-items::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    background-color: #000;
 }
 
 .shopping-cart-items::-webkit-scrollbar {
    width: 6px;
    background-color: #000;
    display: none;
 }
 
 .shopping-cart-items::-webkit-scrollbar-thumb {
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #fff;
 }
 
 .shopping-cart #cart_details .load-cart-modal {
    background: #f38820;
    color: white;
    text-align: center;
    padding: 10px 25px;
    text-decoration: none;
    display: block;
    border-radius: 20px;
    font-size: 12px;
    width: fit-content;
    margin: 15px auto 10px;
    box-shadow: 0px 2px 10px -5px #000;
 }
 
 
 /* End */
 
 .gritter-item p {
    text-align: justify;
 }
 
 /**custom scrollbar**/
 
 .cus_scroll {
    max-height: 150px;
    overflow-y: auto;
    margin-top: 15px;
    /*padding-top: 5px;*/
 }
 
 .cus_scroll::-webkit-scrollbar {
    width: 4px;
 }
 
 .cus_scroll::-webkit-scrollbar-track {
    background: #808080;
 }
 
 .cus_scroll::-webkit-scrollbar-thumb {
    background: #888;
 }
 
 .cd-cart-trigger::before,
 .cd-cart-trigger::after .cus_scroll::-webkit-scrollbar-thumb:hover {
    background: #595959;
 }
 
 #tiles-list-1 {
    margin-bottom: 15rem;
    /*padding-bottom: 50% ;*/ /* added by nishit for design issue */
 }
 
 #tiles-list-2 {
    margin-bottom: 15rem;
    /*padding-bottom: 50% ;*/ /* added by nishit for design issue */
 }
 
 #tiles-list-3 {
    margin-bottom: 15rem;
 }
 
 
 /* The container Radio button for category filter*/
 
 #mainCat_1 {
    margin-top: 10px;
 }
 
 #mainCat_2 {
    margin-top: 10px;
 }
 
 #mainCat_3 {
    margin-top: 10px;
 }
 
 #mainCat_4 {
    margin-top: 10px;
 }
 
 .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
 }
 
 .container input {
    opacity: 0;
    cursor: pointer;
 }
 
 .checkmark {
    position: absolute;
    left: calc(50% - 26px);
    top: 5px;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
 }
 
 .container:hover input~.checkmark {
    background-color: #ccc;
 }
 
 .container input:checked~.checkmark {
    background-color: #2196F3;
 }
 
 .checkmark:after {
    content: "";
    position: absolute;
    display: none;
 }
 
 .container input:checked~.checkmark:after {
    display: block;
 }
 
 .container .checkmark:after {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
 }
 .search_text_box {
    display: none;
 }
 
 .search_text_box::placeholder {
    opacity: 0.5;
 }
 
 
 /***********Grout slider for size *************************/
 
 .slidecontainer {
    width: 100%;
 }
 
 .slider {
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    border-radius: 15px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
 }
 
 .slider:hover {
    opacity: 1;
 }
 
 .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
 }
 
 .slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
 }
 
 @font-face {
    font-family: 'UbuntuB';
    src: url('../fonts/UbuntuB.eot');
    src: url('../fonts/UbuntuB.eot') format('embedded-opentype'), url('../fonts/UbuntuB.woff2') format('woff2'), url('../fonts/UbuntuB.woff') format('woff'), url('../fonts/UbuntuB.ttf') format('truetype'), url('../fonts/UbuntuB.svg#UbuntuB') format('svg');
 }
 
 @font-face {
    font-family: 'UbuntuL';
    src: url('../fonts/UbuntuL.eot');
    src: url('../fonts/UbuntuL.eot') format('embedded-opentype'), url('../fonts/UbuntuL.woff2') format('woff2'), url('../fonts/UbuntuL.woff') format('woff'), url('../fonts/UbuntuL.ttf') format('truetype'), url('../fonts/UbuntuL.svg#UbuntuL') format('svg');
 }
 
 @font-face {
    font-family: 'UbuntuM';
    src: url('../fonts/UbuntuM.eot');
    src: url('../fonts/UbuntuM.eot') format('embedded-opentype'), url('../fonts/UbuntuM.woff2') format('woff2'), url('../fonts/UbuntuM.woff') format('woff'), url('../fonts/UbuntuM.ttf') format('truetype'), url('../fonts/UbuntuM.svg#UbuntuM') format('svg');
 }
 
 @font-face {
    font-family: 'UbuntuR';
    src: url('../fonts/UbuntuR.eot');
    src: url('../fonts/UbuntuR.eot') format('embedded-opentype'), url('../fonts/UbuntuR.woff2') format('woff2'), url('../fonts/UbuntuR.woff') format('woff'), url('../fonts/UbuntuR.ttf') format('truetype'), url('../fonts/UbuntuR.svg#UbuntuR') format('svg');
 }
 
 .no-list {
    list-style: none;
    padding: 0;
 }
 
 .row {
    margin-right: 0px;
    margin-left: 0px;
 }
 
 .error {
    /* color: red; */
    font-weight: normal;
 }
 
 .fa-menuicon {
    font-size: 22px;
    padding: 6px 0;
 }
 
 html,
 body {
    height: 100%;
 }
 
 #tile_process {
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    right: 0;
    margin: auto;
    bottom: 0;
 }
 
 #tile_process .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 40px;
    padding: 18px;
    background: content-box;
    border-radius: 10px;
 }
 
 .main_loader {
    background-color: rgba(54, 64, 78, 0.4);
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: none;
    right: 0;
    margin: auto;
    bottom: 0;
 }
 
 .main_loader img {
    border: 1px solid #36404e;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 30px;
    background: white;
    border-radius: 10px;
    width: 120px;
 }
 
 body {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #f8f8f8;
    font-family: 'Nunito';
 }
 
 .landing_page_bg {
    background: url(../images/cover_bg.jpg) repeat;
    background-size: cover;
 }
 
 .header_wrap {
    background: transparent;
    min-height: 86px;
 }
 
 .menu_toggle {
    margin: 20px 0 0 15px;
    float: left;
 }
 
 .logo {
    height: 65px;
    background-color: #fff;
 }
 
 .navbar-brand {
    padding: 0px !important;
 }
 
 .header_nav {
    float: right;
    margin: 30px 20px 0 0;
 }
 
 .header_nav a {
    font-size: 18px;
    /* color: #383838; */
    margin: 0 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px 10px;
    background-color: #fff;
 }
 
 .page_title {
    /* color: #fff; */
    text-align: center;
 }
 
 .page_title h1 {
    font-family: 'UbuntuM';
    font-size: 44px;
 }
 
 .page_title span {
    font-family: 'UbuntuR';
    font-size: 26px;
 }
 
 .remove_padding {
    padding: 0;
 }
 
 .tabs_costom_wrap {
    margin: 20px 0;
 }
 
 .tabs_costom_content {
    background: #fff;
 }
 
 .room_thumb_wrap {
    float: left;
 }
 
 .room_thumb_wrap img {
    margin: 9px;
    float: left;
 }
 .room_thumb_wrap h4 {
    background: hsl(0, 0%, 0%) none repeat scroll 0 0;
    /* color: hsl(0, 0%, 100%); */
    font-size: 14px;
    opacity: 0.7;
    padding: 5px;
    width: 94%;
    margin-left: 9px;
 }
 
 .roombox {
    left: 15px;
    position: absolute;
    width: 100%;
 }
 
 .custom_nav_tabs li a {
    background: #f0f0f0;
    /* color: #000; */
    font-size: 18px;
    border-radius: 0;
 }
 
 .custom_nav_tabs li a img {
    margin-right: 10px;
 }
 
 .custom_pagination_wrap {
    float: right;
    margin: 30px 25px 0 0;
 }
 
 .item {
    width: 10%;
    margin: 20px 1%;
    position: relative;
 }
 
 .item.w2 {
    width: 14%;
    float: left;
    padding-bottom: 105px;
 }
 
 .item img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
 }
 .custom_sidebar_tabs_wrap li {
    width: 25%;
    text-align: center;
    float: left;
    background-color: #f9f9f9;
    border-radius: 0;
 }
 
 .custom_sidebar_tabs_wrap li a {
    /* color: #000; */
    text-align: center;
    float: left;
    width: 100%;
    border-radius: 0;
 }
 
 .custom_sidebar_tab_content {
    padding: 0px;
    /*min-height: 500px;
   overflow: scroll;*/
    overflow: auto;
 }
 
 .custom_default_btn {
    background-color: transparent;
    border-radius: 6px;
    border: 2px solid gray;
    text-transform: uppercase;
    /* color: gray; */
    font-size: 18px;
    font-family: 'UbuntuM';
    padding-top: 3px;
    padding-bottom: 3px;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
 }
 
 .custom_default_btn:hover,
 .custom_default_btn:focus {
    background-color: gray;
    /* color: #fff; */
    border: 2px solid gray;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
 }
 
 .top_btns button {
    float: left;
    margin-bottom: 8px;
 }
 
 .filter_thumbs {
    float: left;
 }
 
 .select2-search--dropdown{
    display: none;
 }
 .tiles-list {
    padding: 0;
    list-style: none;
    margin-top: 10px;
 }
 
 .tile-wrap {
    display: inline-block;
    width: 49%;
    margin: 6px 0;
    padding: 0 3px;
    position: relative;
 }
 
 .popover-header {
    display: none;
 }
 
 .popover {
    border-radius: 0px;
    border: none;
    background: rgb(255, 255, 255);
    padding: 10px 10px 0px 10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 2px 1px -1px;
    min-width: 206.6px;
 }
 
 .popover-content {
    padding: 0px;
 }
 
 .popover-body {
    border: none;
    padding: 20px 49.4px 24px 24px;
    color: #5f6976;
    font-size: 15px;
    font-style: italic;
    z-index: 2;
    line-height: 1.53;
    letter-spacing: 0.1px;
 }
 
 .popover-body .popover-close {
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 1;
 }
 
 .popover-body .popover-close .material-icons {
    font-size: 16px;
    font-weight: bold;
    color: #04a0b2;
 }
 
 .grout_color_box {
    float: left;
 }
 
 .grout_color_box span {
    float: left;
    /*margin: 6px 4px;*/
    margin: 0px;
 }
 
 .grout_color_box .clr_div {
    display: inline-block;
    margin: 0px;
    border-radius: 50%;
    width: 34px;
    height: 34px;
 }
 
 .color_box_1 {
    background-color: #000;
 }
 
 .color_box_2 {
    background-color: #d8d8d8;
 }
 
 .color_box_3 {
    background-color: #a78f75;
 }
 
 .color_box_4 {
    background-color: #932a0d;
 }
 
 .color_box_5 {
    background-color: #27810f;
 }
 
 .right_side_btns {
    position: absolute;
    right: 0;
    top: 50%;
    background-color: #fff;
    width: 50px;
    margin-top: -130px;
    border-radius: 6px 0 0 6px;
    border: 1px solid #ccc;
 }
 
 .right_side_btns a {
    width: 55px;
    height: 52px;
    float: left;
    padding: 9px 12px;
    border-bottom: 1px solid gray;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
 }
 
 .right_side_btns a:last-child {
    border: 0;
 }
 
 .right_side_btns a:hover {
    padding: 9px 6px;
    background-color: #ededed;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
 }
 
 .custom_modal_header {
    background-color: gray;
    /* color: #fff; */
    border-radius: 0;
 }
 
 .custom_modal_title {
    font-family: 'UbuntuM';
    font-size: 16px;
    text-transform: uppercase;
 }
 
 .custom_modal_btn {
    /* color: #fff; */
    opacity: 1;
    font-size: 25px;
 }
 
 .filter_form label {
    text-align: left !important;
    font-family: 'UbuntuR' !important;
    font-size: 16px !important;
    font-weight: normal;
 }
 
 .gray_bg {
    background-color: #f9f9f9;
    padding: 20px 0;
 }
 
 .custom_primery_btn {
    background-color: gray;
    border-radius: 6px;
    border: 2px solid gray;
    text-transform: uppercase;
    /* color: #fff; */
    font-size: 18px;
    font-family: 'UbuntuM';
    padding-top: 3px;
    padding-bottom: 3px;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
 }
 
 .custom_primery_btn:hover,
 .custom_primery_btn:focus {
    background-color: #fff;
    /* color: gray; */
    border: 2px solid gray;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
 }
 
 .custome_modal_footer button {
    font-size: 14px;
 }
 
 .product_wrapper {
    margin: 15px 15px 0px 15px;
 }
 
 .product_wrapper .col-xs-9 p {
    margin: 0;
 }
 
 .product_header {
    /*text-align: center;*/
    /* color: #2071A0; */
    font-size: 16px;
 }
 
 .selected_product_name {
    /* color:#fff; */
    font-weight: bold;
    padding-bottom: 5px;
    text-transform: uppercase;
 }
 
 .no_content {
    font-size: 16px;
    /* color:#666; */
    font-weight: bold;
 }
 
 .right_toggle_btn {
    position: absolute;
    right: 0;
    /*background-color: #fff;*/
    /*border-right: 1px solid gray;*/
    /*border-top: 1px solid #ccc;*/
    /*padding: 0px 2px 14px 5%;*/
    padding-left: 5%;
    width: 10%;
    margin-top: 84px;
    overflow: hidden;
 }
 
 #show_btn {
    display: none;
 }
 
 .prod-info-tabs {
    border-bottom: 2px solid gray;
    font-size: 13px;
 }
 
 .prod-info-tabs li a {
    border: none;
    /* color: gray; */
 }
 
 .prod-info-tabs .active a {
    background-color: gray !important;
    /* color: #fff !important; */
    padding-bottom: 9px !important;
 }
 
 #page {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
 }
 
 .tabs-content-wrapper {
    overflow: hidden;
 }
 
 .stack-item {
    position: relative;
    display: inline-block;
    margin: 5px 10px;
 }
 
 .stack-item i {
    position: absolute;
    top: -2px;
    right: -2px;
 }
 
 .gritter-close {
    left: auto !important;
    right: 3px !important;
 }
 
 .share-link {
    width: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
    margin: 0.2em 0.5em;
    font-size: 40px;
    /* color: white; */
    border-radius: 5px;
 }
 
 .share-link,
 .share-link:hover,
 .share-link:focus {
    text-decoration: none;
    /* color: white; */
 }
 
 .share-link.fa-facebook {
    background: #3a5795;
 }
 
 .share-link.fa-twitter {
    background: #55acee;
 }
 
 .share-link.fa-google-plus {
    background: #d73d32;
 }
 
 
 /* icon bar css code */
 
 .cd-stretchy-nav {
    position: fixed;
    z-index: 2;
    top: 40px;
    right: 5%;
 }
 
 .cd-stretchy-nav .stretchy-nav-bg {
    /* this is the stretching navigation background */
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: #9acd91;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    transition: height 0.2s, box-shadow 0.2s;
 }
 
 .cd-stretchy-nav.nav-is-visible .stretchy-nav-bg {
    height: 100%;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
 }
 
 .cd-stretchy-nav ul {
    position: relative;
    z-index: 2;
    visibility: hidden;
    transition: visibility 0.3s;
 }
 
 .cd-stretchy-nav ul a {
    position: relative;
 }
 
 .cd-stretchy-nav ul a::after {
    /* navigation item icons */
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    transform: translateY(-50%) scale(0);
    opacity: .6;
    background: url(../img/cd-sprite-1.svg) no-repeat 0 0;
 }
 
 .cd-stretchy-nav ul span {
    /* navigation item labels */
    display: block;
    opacity: 0;
    transform: translateX(-25px);
 }
 
 .cd-stretchy-nav.nav-is-visible ul {
    visibility: visible;
 }
 
 .cd-stretchy-nav.nav-is-visible ul a::after {
    /* navigation item icons */
    transform: translateY(-50%) scale(1);
    animation: scaleIn 0.15s backwards;
 }
 
 .cd-stretchy-nav.nav-is-visible ul span {
    opacity: 1;
    transform: translateX(0);
    animation: slideIn 0.15s backwards;
 }
 
 .cd-stretchy-nav.nav-is-visible ul li:first-of-type a::after,
 .cd-stretchy-nav.nav-is-visible ul li:first-of-type span {
    animation-delay: 0.05s;
 }
 
 
 /* animation delay for other children here ...*/
 
 @keyframes scaleIn {
    from {
       transform: translateY(-50%) scale(0);
    }
    to {
       transform: translateY(-50%) scale(1);
    }
 }
 
 @keyframes slideIn {
    from {
       opacity: 0;
       transform: translateX(-25px);
    }
    to {
       opacity: 1;
       transform: translateX(0);
    }
 }
 
 .cd-stretchy-nav.edit-content ul span {
    position: absolute;
    top: 0;
    right: 35px;
    height: 30px;
    line-height: 30px;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.55);
    transition: opacity 0.2s, visibility 0.2s;
 }
 
 .cd-stretchy-nav.edit-content ul span::after {
    /* triangle below the tooltip */
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    height: 0;
    width: 0;
    border: 4px solid transparent;
    border-left-color: rgba(0, 0, 0, 0.55);
 }
 
 .no-touch .cd-stretchy-nav.edit-content.nav-is-visible ul a:hover span {
    opacity: 1;
    visibility: visible;
 }
 
 .navbar-header2 {
    width: 80% !important;
 }
 
 
 /* Hardik Style Sheet CHanges Start Here */
 
 #google_translate_element {
    position: fixed;
    bottom: 10px;
    left: 16px!important;
    z-index: 10;
 }
 
 .goog-te-gadget {
    font-family: Roboto, 'Open Sans', sans-serif!important;
    text-transform: uppercase;
 }
 
 .goog-te-gadget-simple {
    background-color: rgba(255, 255, 255, 0.20)!important;
    border: 1px solid rgba(255, 255, 255, 0.50) !important;
    border-radius: 4px!important;
    font-size: 1rem!important;
    line-height: 2rem!important;
    display: inline-block;
    cursor: pointer;
    zoom: 1;
 }
 
 .goog-te-menu2 {
    max-width: 100%;
 }
 
 .goog-te-menu-value {
    /* color: #000 !important; */
 }
 
 .goog-te-menu-value span:nth-child(3) {
    border: none!important;
    font-family: 'Material Icons';
 }
 
 .goog-te-gadget-icon {
    background-image: url('google-logo.png')!important;
    background-position: 0px 0px;
    height: 32px!important;
    width: 32px!important;
    margin-right: 8px!important;
 }
 
 .goog-te-banner-frame.skiptranslate {
    display: none!important;
 }
 
 .gallery_hover {
    display: inline-block;
    width: 100%;
    position: relative;
 }
 
 .img_hover {
    display: none;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    background: #ffffff40;
    bottom: 0;
    height: 100%;
    padding-top: 9%;
 }
 
 .img_hover a {
    display: inline-block;
    /* color: #fff; */
    text-transform: capitalize;
    background: #337ab7;
    padding: 5px 14px;
    margin-right: 5px;
    font-size: 14px;
    letter-spacing: .5px;
 }
 
 .gallery_hover:hover+.img_hover {
    display: inline-block;
 }
 
 .img_hover:hover {
    display: inline-block;
 }
 
 .img_hover a:hover {
    text-decoration: none;
 }
 
 .minicolors-swatch-color {
    width: 34px;
    height: 34px;
    border-radius: 2px;
    background: url('https://img.icons8.com/office/50/000000/rgb-circle-1.png');
    background-position: center;
    background-repeat: no-repeat;
    /*top:-2px !important;*/
 }
 
 .minicolors .minicolors-grid {
    left: -11px !important;
 }
 
 
 /*.cd-cart header button{
 border-radius: 30px;
 padding: 3px 10px;
 }*/
 
 #google_translate_element {
    margin-top: 20px;
 }
 
 
 /* The feedback-button */
 
 .feedback-button {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
 }
 
 
 /* Hide the browser's default radio button */
 
 .feedback-button input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
 }
 
 
 /* Create a custom radio button */
 
 .checkmark-select {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border-radius: 50%;
 }
 
 
 /* On mouse-over, add a grey background color */
 
 .feedback-button:hover input~.checkmark-select {
    background-color: #ccc;
 }
 
 
 /* When the radio button is checked, add a blue background */
 
 .feedback-button input:checked~.checkmark-select {
    background-color: #2196F3;
 }
 
 
 /* Create the indicator (the dot/circle - hidden when not checked) */
 
 .checkmark-select:after {
    content: "";
    position: absolute;
    display: none;
 }
 
 
 /* Show the indicator (dot/circle) when checked */
 
 .feedback-button input:checked~.checkmark-select:after {
    display: block;
 }
 
 
 /* Style the indicator (dot/circle) */
 
 .feedback-button .checkmark-select:after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
 }
 
 .feedback-footer {
    text-align: center !important;
 }
 
 .feedback-footer a:hover {
    text-decoration: none !important;
 }
 
 .bhoechie-tab {
    /* padding-right:10px !important;
   padding-left: 10px !important; */
    float: left;
    position: relative;
    height: calc(100vh - 90px);
    padding-top: 0px;
    border-left: 1px solid #eee;
    width: 320px;
 }
 
 .goog-te-banner-frame.skiptranslate {
    display: none !important;
 }
 
 body {
    top: 0px !important;
 }
 
 .goog-te-menu-frame {
    max-width: 100% !important;
 }
 
 .goog-te-menu2 {
    max-width: 100% !important;
    overflow-x: scroll !important;
    box-sizing: border-box !important;
    height: auto !important;
 }
 
 .logobox {
    width: 60%;
    margin: 10px 0px;
 }
 .btnbox {
    margin: 0px 0px;
    width: 40%;
    float: right;
    padding: 0px 0px 0px 10px;
 }
 .lbmargin {
    margin-bottom: 5px;
 }
 .logobox img {
    width: 100%;
    height: auto;
 }
 .brush_icon {
    display: none;
 }
 .container2 {
    width: 100%;
 }
 nav.navbar.bootsnav ul.nav>li>a {
    border: none !important;
 }
 .layout_thumbs .stack-item {
    margin: 5px;
    width: 58px;
 }
 #home {
    max-height: 250px;
 }
 #page {
    position: fixed;
    /*height: auto;*/
    height:0;
    z-index: 99;
 }
 #inverted-contain {
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 100;
 }
 .panzoom-parent {
    width: 100%;
 }
 .panzoom {
    width: 100%;
    height: 100%;
 }
 .custom_modal_dialog {
    width: 80%;
    margin: 30px auto;
 }
 body.modal-open {
    overflow: visible;
 }
 .js div#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #fff url('../images/Mobile-Rotate.gif') no-repeat center center;
    background-size: 150px 150px;
    text-align: center;
    padding-top: 42%;
    /* color: #000; */
 }
 .js div#preloader2 {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #fff url('../images/loading.gif') no-repeat center center;
    background-size: 150px 150px;
    text-align: center;
    /* color: #fff; */
 }
 .room_image>a {
    padding: 5px;
    border-bottom: 0px;
    color: #fff;
    margin: 5px 0px;
    text-decoration: none;
 }
 .room_image img {
    padding: 3px;
    border-radius: 0px;
    box-shadow: 0px 10px 20px -12px #767676;
 }
 .room_image h4 {
    /* color: #fff; */
 }
 .bhoechie-tab-content {
    /* color: #000; */
    position: relative;
    height: inherit;
    height: 100%;
 }
 
 
 .room_image:hover h4 {
    opacity: 1;
 }
 .filter_thumbs2 {
    height: 100%;
    overflow: hidden;
 }
 
 .layout-type-label:hover,
 input:checked+.layout-type-label,
 .tile-type-label:hover,
 input:checked+.tile-type-label,
 .grout-type-label:hover,
 input:checked+.grout-type-label {
    border-color: #cdcdcd !important;
    border-radius: 5px;
 }
 .carousel-inner>.item>a>img,
 .carousel-inner>.item>img,
 .img-responsive,
 .thumbnail a>img,
 .thumbnail>img {
    border-radius: 0px !important;
    padding: 0px;
 }
 .menutext {
    line-height: 3px !important;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 12px;
 }
 .mb10 {
    margin-bottom: 10px !important;
 }
 .w90 {
    width: 90% !important;
    /*margin-bottom: 10px !important;*/
 }
 [id^=grout_output] {
    color: #505050;
    font-size: 14px;
    font-weight: 600;
 }
 #input_example1,
 #input_example2,
 #input_example3,
 #input_example4 {
    width: 100%;
 }
 .fa-whatsapp::before {
    content: "\f232";
 }
 .navbar-brand {
    padding: 0px;
 }
 .navbar-nav>li>a {
    padding-top: 5px;
 }
 .navbar-alignit .navbar-header {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 50px;
 }
 .navbar-inverse .navbar-nav>li>a {
    text-align: center;
    /* color: #fff !important; */
    
    line-height: 35px;
 }
 .navbar-inverse {
    background-color: grey !important;
    border-color: transparent !important
 }
 .navbar-alignit .navbar-brand {
    top: 50%;
    display: block;
    position: relative;
    height: auto;
    transform: translate(0, -50%);
    margin-right: 15px;
    margin-left: 15px;
 }
 .navbar-nav>li>.dropdown-menu {
    z-index: 9999;
 }
 .px-40 {
    padding: 0 40px;
 }
 .navbar-inverse .navbar-toggle {
    border: none !important;
 }
 #vis_cvs {
    min-height: 100%;
    object-fit: fill;
 }
 
 /* #cont_for_vis_cvs{height:100% !important;} */
 .brush_icon {
    position: absolute;
    width: 50px;
    height: 50px;
    margin-left: -55px;
    margin-top: -55px;
    cursor: pointer;
    opacity: 0.5;
    z-index: 111;
 }
 .brush_icon img {
    width: 100%;
    height: 100%;
 }
 .brush_icon:hover {
    opacity: 1;
 }
 .brush_icon:active {
    opacity: 0.55;
 }
 .move_icon {
    position: absolute;
    width: 55px;
    height: 55px;
    margin-left: 40px;
    margin-top: 0;
    cursor: move;
    opacity: 0.33;
 }
 .move_icon img {
    width: 100%;
    height: 100%;
 }
 .move_icon:hover {
    opacity: 1;
 }
 .move_icon:active {
    opacity: 0.55;
    cursor: move;
 }
 .show_btn {
    width: 100%;
    position: relative;
    top: 0;
    margin: auto;
    background: white;
    display: none;
 }
 .show_btn a {
    padding: 7px 10px 5px;
    background: #f38820;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    margin: 10px 0 10px 15px;
    /*width: 38%;*/
    font-size: 11px;
    border-radius: 5px;
    font-weight: 500;
 }
 .show_btn a:hover {
    color: #fff;
    box-shadow: 0px 5px 10px -3px #707070;
 }
 .footer_btn .checkout.btn {
    left: -2px;
    position: relative;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
 }
 .footer_btn:hover>.checkout.btn {
    display: none;
 }
 .footer_btn:hover>.show_btn {
    display: inline-block;
 }
 .cd-cart footer {
    box-shadow: none !important;
 }
 .cart-open .cd-cart footer {
    box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.15) !important;
 }
 .px-0 {
    padding: 0px !important;
 }
 .rnd-checkbox {
    padding: 3px 3px 15px 65px;
    font-weight: 100;
    font-size: 12px;
    margin-bottom: 3px;
 }
 .checkmark-size {
    left: -12px !important;
 }
 
 /* Important part */
 .custom-dialog {
    overflow-y: initial !important
 }
 .cart-log-body {
    min-height: 180px;
    max-height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
 }
 .cart-log-item {
    padding: 5px;
 }
 /*.item-detail {
    border: 1px solid #ddd;
    padding: 3px;
 }*/
 .item-detail {
    padding: 5px;
    box-shadow: 0px 2px 10px -3px #a9a9a9;
    border-radius: 5px;
    position: relative;
 }
 .cart-log-item ul.room_thumb_conten {
    text-align: end;
    display: flex;
    justify-content: space-between;
 }
 .cart-log-item ul.room_thumb_conten form li{
    margin-top: 8px;
    padding-right: 10px;
 }
 .cart-log-item ul.room_thumb_conten form li button{
    padding: 0;
 }
 .cart-log-item ul li {
    display: inline-block;
 }
 .cart-log-item ul li a {
    font-size: 20px;
 }
 .video_frame iframe {
    height: 30vh;
    width: 50vh;
 }
 .room-thumb-img {
    position: relative;
 }
 .room-thumb-img ul.flex-direction-nav{
    display: none;
 }
 .created-date {
    display: contents;
    /*position: absolute;
    top: 14px;
    right: 18px;*/
 }
 .created-date span {
    padding: 12px 0 0 10px;
    font-weight: 600;
    font-size: 13px;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    /* color: wheat; */
    /*font-size: 14px;
    padding: 4px;
    border-radius: 16px;*/
 }
 
 /* Extra small devices (phones, 600px and down) */
 
 /* Hardik Style Sheet CHanges End Here */
 
 /* end icon css code */
 
 /* ================================================== */
 
 /* #Media Queries */
 
 /* ================================================== */
 @media only screen and (max-width: 1500px) {
    .div.bhoechie-tab-menu .glyphicon {
       font-size: 26px !important;
    }
    
    .brush_icon {
       width: 40px;
       height: 40px;
    }
    
    .plusicon img {
       max-width: 50px;
    }
    /*.cd-cart-trigger::before, .cd-cart-trigger::after{
     left:28% !important;
     top:25% !important;
     }*/
    
    .cd-cart-trigger {
       /*height: 50px !important;
       width: 50px !important;*/
       /*z-index: 1111 !important;*/
    }
    .cd-cart .wrapper{
     /*height:50px !important;
     width:50px !important;*/
     /*z-index: 99999 !important;*/
     }
    /*.cart-open .cd-cart .wrapper{
     height: 85% !important;
     width: 85% !important;
     }*/
    
    /*.footer_btn .checkout.btn {
       height: 50px !important;
       line-height: 50px !important;
    }*/
    
    /*.cd-cart .checkout {
       margin-right: 50px !important;
    }*/
    /*.show_btn a{
     margin: 5px 0 5px 20px !important;
     font-size: 12px !important;
     }*/
    
    .h4,
    h4 {
       font-size: 14px;
    }
    
    .footer_btn .checkout.btn {
       font-size: 16px ;
    }
    /*.cd-cart-trigger .count{
     font-size: 1.2rem !important;
     height: 22px !important;
     width: 22px !important;
     }*/
    
    /*.cd-cart-trigger,
    .cd-cart {
       bottom: 20px !important;
    }*/
    
    /*.cd-cart {
       z-index: 111 !important;
    }*/
    
    .cd-cart .body ul {
       padding-bottom: 40px;
    }
    
    .close_menu {
       font-size: 22px;
       padding: 16px 11px;
    }
 }
 @media only screen and (max-width: 1200px) {
    .item {
       width: 12%;
       margin: 5px 2%;
       position: relative;
    }
    
    .item.w2 {
       width: 21%;
       height: 100px
    }
    
    .grout_color_box {
       margin-bottom: 100px;
    }
 }
 @media only screen and (min-width: 1280px) {
    .room_image h4 {
       font-size: 12px;
    }
 }
 @media only screen and (max-width: 1280px) {
    .rnd-checkbox {
       padding: 3px 3px 15px 35px;
    }
    
    .js div#preloader2 {
       background-size: 100px 100px;
    }
    
    .layout_thumbs .stack-item {
       margin: 0px;
       width: 58px;
       margin-bottom: 10px;
    }
    
    /*.tile-wrap {
       width: 45%;
    }*/
    
    .grout-type-label div {
       height: 30px !important;
       width: 30px !important;
    }
    
    /*.grout_color_box span {
       margin: 3px 3px !important;
    }*/
    
    .stack-item {
       display: inline-block;
       margin: 2px 2px;
       width: 35%;
    }
    
    .product_wrapper [class^=col] {
       padding-left: 0px !important;
       padding-right: 0px !important;
    }
    
    .img-responsive {
       border-radius: 0px !important;
       background-color: transparent !important;
       padding: 0px !important;
    }
    /* .cbp-spmenu-vertical a{
       padding:7px 0px !important;   
     } */
    
    .room_image h4 {
       font-size: 10px;
    }
    
    .brush_icon {
       width: 35px !important;
       height: 35px !important;
    }
 }
 
 /* Smaller than standard 960 (devices and browsers) */
 @media only screen and (max-width: 1024px) {
    .item {
       width: 15%;
       margin: 5px 2%;
       position: relative;
    }
    
    .item.w2 {
       width: 29%;
       height: 110px;
    }
    
    .page_title h1 {
       font-size: 40px;
    }
    
    .page_title span {
       font-size: 22px;
    }
    
    .navbar {
       /* height: 60px !important; */
       min-height: auto !important;
    }
 }
 
 /* @media only screen and (min-width: 990px) {
 
        .navbar{
           height: 60px !important;
           min-height: auto !important;
         }
         .navbar-brand{
           height: 60px !important;
         }
         .container2{
           width: 98% !important;
         }
   }
     */
 
 /* Tablet Portrait size to standard 960 (devices and browsers) */
 
 /*@media only screen and (min-width: 768px) and (max-width: 959px) {
     .custom_nav_tabs li a {
       font-size: 14px;
     }
     .navbar{
       height: 35px !important;
       min-height: auto !important;
     }
   }*/
 @media only screen and (max-width: 991px) {
    .pt_img ul li{
       height: 120px;
    }
    .rnd-checkbox {
       padding: 3px 3px 15px 50px;
    }
    
    #google_translate_element {
       display: none;
    }
    
    .mobileview-hide {
       display: none !important;
    }
    
    .shopping-cart .shopping-cart-items {
       max-height: 130px;
    }
    /*.cbp-spmenu-left.cbp-spmenu-open{
       top: 0px;
       z-index: 9999;
     }*/
    
    .navbar-inverse {
       background-color: transparent !important;
    }
    
    .navbar-inverse .navbar-nav>li>a {
       /* color: #000 !important; */
       margin-bottom: 10px;
    }
    /* .cbp-spmenu-left.cbp-spmenu-open{
       top: 45px;
     } */
    
    .shopping-cart {
       width: 285px;
    }
    
    .load-cart-modal {
       padding: 6px;
       font-size: 12px;
    }
    
    .shopping-cart .shopping-cart-items .item-name {
       font-size: 12px;
    }
    
    .item-quantity {
       font-size: 12px;
    }
    
    .badge {
       padding: 3px 5px;
       font-size: 8px;
    }
    
    .badge-notify {
       top: 3px;
       right: 0px;
    }
    
    .navbar-inverse .navbar-nav>li>a {
       line-height: 28px;
    }
    
    .tile-list-thumbnail-image-holder img {
       max-width: 60px !important;
       max-height: 60px !important;
    }
    
    .tile-list-text {
       padding: 0 3px !important;
    }
    
    .search_text_box {
       font-size: 12px;
    }
    
    .cus_scroll {
       max-height: 80px;
    }
    
    .custom-cat-size-radio {
       font-size: 12px;
    }
    
    .goog-te-gadget-simple {
       padding: 0px !important;
    }
    
    #google_translate_element {
       top: -9px !important;
       right: 3px!important;
       left: calc(100% - 60px) !important;
       margin-top: 21px !important;
    }
    
    .goog-te-gadget-icon {
       background-position: 0px 0px !important;
       background-size: 20px;
       background-repeat: no-repeat;
       width: 20px !important;
       height: 20px !important;
    }
    
    .goog-te-menu-value {
       margin: 0px !important;
    }
    
    .goog-te-menu-value span:first-child {
       display: none;
    }
    
    .goog-te-gadget-icon {
       margin: 1px !important;
    }
    
    .close_menu {
       /*left: 23%;*/
       /*padding: 18px 15px;*/
       left: 24%;
       padding: 14px 8px;
    }
    /*.zoom_btn i{*/
    /*  font-size: 18px;*/
    /*  padding: 8px;*/
    /*}*/
    
    .js div#preloader2 {
       background-size: 100px 100px;
    }
    /*.cbp-spmenu-vertical{
       width: 320px;
     }*/
    /*.cbp-spmenu-left{
       left: -45%;
     }*/
    
    /*.tile-wrap {
       width: 50%;
       margin: 3px 0px;
       padding: 0px;
    }*/
    
    .grout-type-label div {
       height: 30px !important;
       width: 30px !important;
    }
    
    /*.grout_color_box {
       margin-bottom: 20px;
    }*/
    
    .layout-type-label>img {
       max-width: 100%;
    }
    
    .stack-item {
       display: inline-block;
       margin: 3px;
       width: 42%;
    }
    
    .degreeradio {
       margin-bottom: 10px;
    }
    
    .product_wrapper [class^=col] {
       padding-left: 0px !important;
       padding-right: 0px !important;
    }
    
    .img-responsive {
       border-radius: 0px !important;
       background-color: transparent !important;
       padding: 0px !important;
    }
    
    div.bhoechie-tab-menu .glyphicon {
       font-size: 22px !important;
    }
    
    div.bhoechie-tab-menu div.list-group {
       /*line-height: 30px;*/
       /*margin-top: 5px;*/
    }
    /* .cat_wall_btn_box select {
         padding: 3px;
         font-size: 12px;
     } */
    
    .room_image h4 {
       font-size: 12px;
    }
    
    .slidecontainer {
       padding: 0px;
    }
    
    .brush_icon {
       height: 30px !important;
       width: 30px !important;
    }
    
    .fa-menuicon {
       font-size: 14px;
       padding: 0px 0;
    }
    /*nav.navbar.bootsnav ul.nav > li > a {*/
    /*  padding: 0px 6px !important;*/
    /*  text-align: center;*/
    /*  font-size: 7px;*/
    /*}*/
    /*.navbar-nav > li > a {*/
    /*  line-height: 15px;*/
    /*}*/
    /*.fa-menuicon {*/
    /*  font-size: 15px !important;*/
    /*  padding: 0px 0 !important;*/
    /*}*/
    /*.navbar{*/
    /*  line-height: 50px;*/
    /*  max-height: 50px !important;*/
    /*  min-height: 35px !important;*/
    /*}*/
    
    /*.logo {
       margin-top: 0px;
       width: auto;
       height: 50px !important;
    }*/
    /*.navbar-header2 {*/
    /*  width: 80% !important;*/
    /*  padding-right: 0px !important;*/
    /*}*/
    /*.navbar-header{*/
    /*  margin: auto;*/
    /*  padding: auto;*/
    /*}*/
    /*.cbp-spmenu-left.cbp-spmenu-open{*/
    /*  top: 35px;*/
    /*}*/
    /*.navbar-nav > li {*/
    /*  float:none !important;*/
    /*  display: inline-block !important;*/
    /*  margin: auto !important;*/
    /*}*/
    
    div.bhoechie-tab-menu .list-group-item {
       font-size: 8px !important;
    }
    /* Bootstrap Navbar changes start here */
    
    .navbar-nav>li>a {
       padding-top: 0px;
    }
    /*.navbar-header {*/
    /*float: none;*/
    /*}*/
    /*.navbar-toggle {*/
    /*display: block;*/
    /*}*/
    /*.navbar-collapse {*/
    /*border-top: 1px solid transparent;*/
    /*box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);*/
    /*}*/
    /*.navbar-collapse.collapse {*/
    /*display: none!important;*/
    /*border: none;*/
    /*}*/
    /*.navbar-nav {*/
    /*margin: auto;*/
    /*background-color:grey;*/
    /*width: 100%;*/
    /*text-align: center;*/
    /*position: relative;*/
    /*top: 10px;*/
    /*}*/
    
    .nav>li>a {
       padding: 3px 8px;
    }
    /* .navbar-nav>li {
   float: none;
   } */
    /*.navbar-nav>li>a {*/
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
    /*}*/
    
    .navbar-text {
       float: none;
       margin: 15px 0;
    }
    /* since 3.1.0 */
    
    .navbar-collapse.collapse.in {
       display: block!important;
       border: none;
    }
    
    .collapsing {
       overflow: hidden!important;
    }
    /* Bootstrap Navbar changes End here */
    
    .plusicon img {
       max-width: 50px;
    }
    
    /*.cd-cart-trigger::before,
    .cd-cart-trigger::after {
       left: 25% !important;
       top: 25% !important;
    }*/
    
    /*.cd-cart-trigger {
       height: 50px !important;
       width: 50px !important;
       z-index: 1111 !important;
    }*/
    
    .cd-cart .wrapper {
       /*height: 50px !important;
       width: 50px !important;
       z-index: 99999 !important;*/
    }
    
    /*.cart-open .cd-cart .wrapper {
       height: 85% !important;
       width: 85% !important;
    }*/
    
    /*.footer_btn .checkout.btn {
       height: 50px !important;
       line-height: 50px !important;
    }*/
    
    /*.cd-cart .checkout {
       margin-right: 50px !important;
    }*/
    
    /*.show_btn a {
       margin: 5px 0 5px 20px !important;
       font-size: 12px !important;
    }*/
    
    .h4,
    h4 {
       font-size: 14px;
    }
    
    .footer_btn .checkout.btn {
       font-size: 14px;
    }
    
    /*.cd-cart-trigger .count {
       font-size: 1.2rem !important;
       height: 22px !important;
       width: 22px !important;
    }*/
    
    /*.cd-cart-trigger,
    .cd-cart {
       right: 10% !important;
       bottom: 15px !important;
    }*/
    
    /*.cd-cart {
       z-index: 111 !important;
    }*/
    
    
    
    .ui-sortable-handle {
       touch-action: auto !important;
    }
 }
 @media only screen and (min-width: 768px) {
    .custom-dialog {
       width: 70%;
    }
 }
 @media only screen and (max-width: 767px) {
    .rnd-checkbox {
       padding: 3px 3px 15px 0px;
    }
    
    /*#mainCat_1 {
       margin-top: 4px;
    }
    
    #mainCat_2 {
       margin-top: 4px;
    }
    
    #mainCat_3 {
       margin-top: 4px;
    }
    
    #mainCat_4 {
       margin-top: 4px;
    }*/
    
    .load-cart-modal {
       padding: 0px;
    }
    
    .shopping-cart .shopping-cart-header {
       padding-bottom: 0px;
       font-size: 12px;
    }
    
    .shopping-cart .shopping-cart-header .shopping-cart-total {
       padding-top: 5px;
    }
    
    .shopping-cart .shopping-cart-items {
       padding-top: 10px;
    }
    
    .example6 {
       padding: 0px;
    }
    
    .navbar-nav>li {
       float: left;
    }
    
    .navbar-right {
       float: right !important;
       margin: 0px;
    }
    
    .navbar-inverse .navbar-nav>li>a {
       line-height: 20px;
       color: #000 !important;
    }
    
    .tile-list-thumbnail-image-holder {
       display: inline-block !important;
    }
    
    .close_menu {
       left: 24%;
       padding: 10px 6px;
       font-size: 18px;
    }
    
    .search_text_box {
       display: none;
    }
    
    .custom-cat-size-radio {
       /*padding: 3px 3px 2px 3px;*/
       padding: 1px 3px 0px 3px;
    }
    
    .cat-size-list {
       padding-left: 4px;
    }
    
    .checkmark {
       top: 8px;
       /*height: 15px;*/
       /*width: 15px;*/
       height: 12px;
       width: 12px;
    }
    
    .container .checkmark:after {
       top: 4px;
       left: 4px;
       width: 4px;
       height: 4px;
    }
    
    .custom-cat-size-radio {
       font-size: 10px;
    }
    
    #google_translate_element {
       right: 6px!important;
       left: calc(100% - 50px) !important;
       margin-top: 18px !important;
    }
    /*.zoom_btn{*/
    /*  line-height: 50px;*/
    /*}*/
    
    .rnd-checkbox {
       font-size: 10px;
    }
    /*.cbp-spmenu-vertical{
       width: 25%;
     }
     .cbp-spmenu-left{
       left:-25%;
     }*/
    
    /*.tile-wrap {
       width: 50%;
       margin: 3px 0px;
       padding: 0px;
    }*/
    
    .grout-type-label div {
       height: 30px !important;
       width: 30px !important;
    }
    
    /*.grout_color_box {
       margin-bottom: 20px;
    }*/
    
    .layout-type-label>img {
       max-width: 100%;
    }
    
    .stack-item {
       display: inline-block;
       margin: 3px;
       width: 42%;
    }
    
    .degreeradio {
       margin-bottom: 5px;
    }
    
    .product_wrapper [class^=col] {
       padding-left: 0px !important;
       padding-right: 0px !important;
    }
    
    .img-responsive {
       border-radius: 0px !important;
       background-color: transparent !important;
       padding: 0px !important;
    }
    
    div.bhoechie-tab-menu .glyphicon {
       font-size: 18px !important;
    }
    /*.cbp-spmenu-vertical a{
       padding: 1px !important;
     }*/
    
    /*div.bhoechie-tab-menu div.list-group {
       line-height: 30px;
    }*/
    /* .cat_wall_btn_box select {
         padding: 3px;
         font-size: 10px;
     } */
    
    .room_image h4 {
       font-size: 8px;
    }
    
    p {
       margin: 0px !important;
       font-size: 10px;
    }
    
    .load-more-btn {
       margin-right: 5px !important;
    }
    
    /*.grout_color_box span {
       float: none !important;
       margin-bottom: 15px !important;
    }*/
    
    .tile-list-text {
       display: none;
    }
    
    .goog-te-gadget-simple {
       padding: 0px !important;
    }
    
    .load-more-btn-2 {
       position: fixed;
       bottom: 0px;
       margin: 4px 5px !important
    }
    /* Bootstrap Navbar changes start here */
    
    .navbar-nav>li>a {
       line-height: 15px;
    }
    
    nav.navbar.bootsnav ul.nav>li>a {
       padding: 3px 5px !important;
       text-align: center;
       border: none !important;
    }
    /*.nav > li > a{*/
    /*  padding: 3px 3px !important;*/
    /*}*/
    
    .navbar-header2 {
       width: 90% !important;
       padding-right: 0px !important;
    }   
    .fa-menuicon {
       font-size: 15px !important;
       padding: 0px 0 !important;
    }
    
    .navbar {
       line-height: 35px;
       max-height: 50px !important;
       min-height: 35px !important;
    }
    
    .navbar-header {
       margin: auto;
       padding: auto;
       float: left;
    }
    /*.navbar-nav{*/
    /*  position:absolute !important;*/
    /*  top: 60px !important;*/
    /*  left: 0;*/
    /*}*/
    
    .menutext {
       font-size: 10px !important;
    }
    /*.cbp-spmenu-left.cbp-spmenu-open{*/
    /*  top: 35px;*/
    /*}*/
    
    .navbar-collapse.in {
       overflow: inherit;
    }
    
    .navbar-toggle {
       margin-top: 4px !important;
       margin-bottom: 4px !important;
    }
    
    .navbar-brand {
       height: 40px;
    }
    /* Bootstrap Navbar changes end here */
    /* add to cart image */
    
    /*.plusicon {
       bottom: 4% !important;
    }*/
    
    /*.plusicon img {
       max-width: 40px !important;
    }*/
    
    /*.cd-cart-trigger::before,
    .cd-cart-trigger::after {
       left: 30% !important;
       top: 30% !important;
    }*/
    
    /*.cart-open .cd-cart-trigger::after,
    .cart-open .cd-cart-trigger::before {
       background-size: 110px;
    }*/
    
    /*.cart-open .cd-cart-trigger::before,
    .cart-open .cd-cart-trigger::after {
       left: 26px !important;
       top: 30% !important;
    }*/
    
    /*.cd-cart-trigger,
    .cd-cart {
       bottom: 15px !important;
       right: 11% !important;
    }*/
    
    /*.cd-cart-trigger {
       height: 40px !important;
       width: 40px !important;
    }*/
    
    /*.cd-cart .wrapper {
       height: 40px !important;
       width: 40px !important;
    }*/
    
    /*.cart-open .cd-cart .wrapper {
       width: 70% !important;
    }*/
    
    /*.footer_btn .checkout.btn {
       height: 40px !important;
       line-height: 40px !important;
    }
    
    .cd-cart .checkout {
       margin-right: 40px !important;
    }
    
    .show_btn a {
       margin: 2px 0 2px 15px !important;
       font-size: 10px !important;
       width: 35% !important;
    }
    
    .cd-cart-trigger::before {
       background-size: 285% !important;
    }*/
    
    .h4,
    h4 {
       font-size: 12px;
    }
    
    /*.footer_btn .checkout.btn {
       font-size: 14px !important;
    }
    
    .cd-cart-trigger .count {
       font-size: 1.0rem !important;
       height: 18px !important;
       width: 18px !important;
    }*/
 }
 
 /* All Mobile Sizes (devices and browser) */
 @media only screen and (max-width: 768px) {
    .zoom_btn {
       margin: 5px;
    }
    
    .item {
       width: 20%;
       margin: 5px 1.7%;
       position: relative;
    }
    
    .item.w2 {
       width: 29%;
       height: 90px;
    }
    
    .header_nav {
       width: 100%;
       text-align: center;
       margin: 10px 0 0 0;
       background-color: #f9f9f9;
       border-top: 1px solid #ccc;
       padding: 2px 0;
    }
    
    .header_nav_xs {
       width: 90%;
       margin-top: 84px;
       display: none;
    }
    /*.right_toggle_btn{
       margin-top: 20px;
     }*/
    
    .page_title h1 {
       font-size: 38px;
    }
    
    .page_title span {
       font-size: 20px;
    }
    /*.custom_nav_tabs li a {
       font-size: 16px;
     }*/
    
    .right_side_btns {
       position: absolute;
       right: auto;
       top: 258px !important;
       width: 100%;
       border-radius: 0;
    }
    
    .right_side_btns a {
       width: 20%;
       text-align: center;
       border-right: 1px solid gray;
       border-bottom: 0;
    }
    
    .mobile_br_hide {
       display: none;
    }
    
    /*.grout_color_box {
       margin-bottom: 135px;
    }*/
    
    #myModal1,
    #myModal2,
    #myModal3 {
       max-width: 327px;
       margin-top: 83px;
    }
 }
 
 /* @media (max-width: 667px) {
     #google_translate_element {
         position: fixed;
         bottom: 10px;
         left: 16px !important;
        
     }
     .goog-te-gadget {
             width:100%!important;
     }
     .skiptranslate {
         width:100%!important;           
     }
     .goog-te-gadget-simple {
         width: calc(100% - 32px)!important;
         text-align: center;
     }   
 } */
 @media only screen and (max-width: 634px) {
    .item {
       width: 36%;
       margin: 5px 5%;
       position: relative;
    }
    
    .item.w2 {
       width: 36%;
       height: 90px;
    }
    
    .page_title h1 {
       font-size: 36px;
    }
    
    .page_title span {
       font-size: 18px;
    }
    
    .right_toggle_btn {
       padding-left: 4%;
    }
    
    .prod-info-tabs li a {
       padding-left: 6px !important;
       padding-right: 6px !important;
       margin-right: 0px;
    }
    
    .custom_modal_dialog {
       width: 98% !important;
    }
    
    .custom_tab_content img {
       width: 77%;
    }
 }
 @media only screen and (max-width: 540px) {
    .item {
       width: 50%;
       margin: 5px 20%;
       position: relative;
    }
    
    .item.w2 {
       width: 50%;
    }
    
    .page_title h1 {
       font-size: 30px;
    }
    
    .right_toggle_btn {
       padding-left: 3%;
    }
    
    .custom_tab_content img {
       float: none;
       clear: both;
       max-width: 80%;
       margin: auto;
    }
    
    .custom_tab_content .item {
       margin: 5px 25%;
    }
 }
 
 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
 @media only screen and (max-width: 479px) {
    .right_toggle_btn {
       padding-left: 2%;
    }
 }
 @media only screen and (max-width: 445px) {
    .right_side_btns {
       top: 249px !important;
    }
    /*.right_toggle_btn{
       margin-top: 0;
     }*/
    
    .header_nav_xs {
       margin-top: -14px;
    }
    
    .header_nav_xs a {
       margin: 0;
    }
    
    .right_toggle_btn {
       margin-top: -13px;
       padding-left: 1%;
    }
 }
 
 /* Small Mobile devices */
 @media only screen and (max-width: 385px) {
    .right_toggle_btn {
       padding-left: 0px;
    }
    
    .prod-info-tabs li {
       width: 100%;
    }
    
    .custom_tab_content img {
       max-width: 100%;
       width: 100%;
    }
 }
 @media only screen and (max-width: 350px) {
    /*.cbp-spmenu-vertical {
       width: 280px !important;
     }*/
 }
 @media only screen and (min-width: 768px) {
    .panzoom {
       -o-transform: none !important;
       -moz-transform: none !important;
       -ms-transform: none !important;
       -webkit-transform: none !important;
       transform: none !important;
       width: 100%;
       float: left;
       height: auto;
       cursor: default !important;
    }
 }
 
 /* @media only screen and (min-height: 250px) and (max-height: 480px) {
 
    div.bhoechie-tab-menu div.list-group {
           line-height: 30px;
       }
       .list-group h4{
          margin: 0px 0px;
       }
       div.bhoechie-tab-menu .list-group-item p {
          line-height: 1px !important;
          text-align: center;
       }
       .cbp-spmenu-vertical a {
          padding: 5px 0 !important;
       }
     .logo{
       height: 50px !important;
     }
     .brush_icon{
       height: 30px !important;
       width: 30px !important;
     }
   } */
 
 /*New Css Start From 12-10-21*/
 .tab-content>.active {
    /*box-shadow: 0px 0px 20px -10px #999;*/
 }
 .navbar-static-top {
    /*z-index: 9999;*/
    /*border-bottom: 1px solid #eee;*/
    /*height: 75px;*/
 }
 .navbar-static-top .navbar-collapse .navbar-nav {
    flex-direction: row;
 }
 .main_menu_top_toggle {}
 .navbar-expand-lg .navbar-nav .nav-link {
    color: rgb(9, 11, 23);
    font-weight: 500;
    padding: 10px 15px;
    font-size: 16px;
    border-radius: 10px;
 }
 .navbar-expand-lg .navbar-nav .nav-link i {
    /* color: rgb(83, 64, 255); */
    
    margin-right: 4px;
 }
 .navbar-expand-lg .navbar-nav .nav-link:hover,
 .navbar-expand-lg .navbar-nav .nav-link.active {
    background-color: #0014280d;
    border-radius: 10px;
 }
 .main_logo_sidebar {
    width: 100%;
    /*background-color: #fff;*/
    border-bottom: 1px solid #eee;
    padding: 10px;
    text-align: center;
 }
 .mobil_main_logo{
    display: none;
 }
 .main_logo_sidebar .navbar-brand {
    /*min-width: 120px;
    max-width: 120px;*/
    /*padding: 0 10px;*/
    text-align: center;
 }
 .main_logo_sidebar .navbar-brand .logo {
    height: auto;
    max-height: 60px;
    padding: 0 0 0 10px;
 }
 label.tile-type-label img {
    /* box-shadow: 0px 10px 20px -12px #767676; */
    
    box-shadow: 0px 10px 21px -12px #ababab;
 }
 label.layout-type-label img {
    box-shadow: 0px 10px 10px -7px #363636;
 }
 
 /*Menu 1 Start Here*/
 
 /*.main_menu_top_toggle .navbar-nav{
     flex-direction: row;
     justify-content: end;
     width: auto;
 }
 .main_menu_top_toggle .navbar-nav li{
     background-color: #fff;
     padding: 15px 0 15px 25px;
 }
 .main_menu_top_toggle .navbar{
     width: fit-content;
     margin-left: auto;
     background-color: #fff;
 }*/
 
/*menu 1 End Now*/
.hamburger-menu-button {
   width: 35px;
   height: 35px;
   padding: 6px;
   display: block;
   position: relative;
   margin-top: 20px;
   margin-right: 20px;
   z-index: 100;
   /*background: #2980b9;*/

   background-color: #f2f3f5;
   border: 5px solid white;
   box-sizing: content-box;
   border-radius: 50%;
   text-indent: 100%;
   color: transparent;
   white-space: nowrap;
   cursor: pointer;
   overflow: hidden;
   outline: 0;
   margin-left: auto;
}

.hamburger-menu-button-open {
   top: 50%;
   margin-top: -1px;
   left: 50%;
   margin-left: -12px;
}

.hamburger-menu-button-open,
.hamburger-menu-button-open::before,
.hamburger-menu-button-open::after {
   position: absolute;
   width: 24px;
   height: 2px;
   background: #252525;
   border-radius: 4px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.hamburger-menu-button-open::before,
.hamburger-menu-button-open::after {
   left: 0;
   content: "";
}

.hamburger-menu-button-open::before {
   top: 6px;
}

.hamburger-menu-button-open::after {
   bottom: 6px;
}

.hamburger-menu-button-close {
   background: transparent;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}

.hamburger-menu-button-close::before {
   -webkit-transform: translateY(-6px) rotate(45deg);
   transform: translateY(-6px) rotate(45deg);
}

.hamburger-menu-button-close::after {
   -webkit-transform: translateY(6px) rotate(-45deg);
   transform: translateY(6px) rotate(-45deg);
}

.ham-menu {
   position: absolute;
   top: 10px;
   right: 40px;
   margin: auto;
   max-width: 100vw;
   overflow: hidden;
   height: 100%;
}

.ham-menu.on {
   overflow: visible;
}

.ham-menu ul {
   -webkit-transform: translateX(110%);
   transform: translateX(110%);
   background-color: rgb(255 255 255 / 100%);
   margin: 10px;
   -webkit-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.ham-menu.on ul {
   -webkit-transform: translateX(0px);
   transform: translateX(0px);
   box-shadow: -5px 3px 10px -6px #c1c1c1;
}

.ham-menu ul {
   font-size: 0;
   padding-top: 15px;
   padding-bottom: 15px;
   padding-right: 30px;
   padding-left: 25px;
   /*height: 100%;*/
   border-top-left-radius: 35px;
   border-bottom-left-radius: 35px;
}

.ham-menu ul li {
   display: inline-block;
   border-right: 1px solid #c1c1c1;
   position: relative;
}

.ham-menu ul li:last-child {
   border-right: none;
}

.ham-menu ul li:first-child .ham-menu ul li a {
   padding-left: 30px;
}

/* .ham-menu ul li:last-child {
	border-right: none;
} */
.ham-menu ul li a {
   padding: 5px 10px 5px 10px;
   display: block;
   background-color: transparent;
   color: #2c2c2c;
   /*color: #f38820;*/
   /*text-transform: uppercase;*/
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   font-size: 13px;
   line-height: 13px;
   text-decoration: none;
   font-weight: 600;
   position: relative;
   /*text-transform: uppercase;*/
}

.ham-menu ul li a i {
   font-size: 16px;
   padding-right: 5px;
   color: #000;
   font-weight: 600;
}

.ham-menu ul li.active a,
.ham-menu ul li a:hover {
   /*color: #f38820 ;*/
   color: #000;
   font-weight: 700;
}

.ham-menu ul li a:hover i {
   color: #000;
   font-weight: 500;
}

@media only screen and (max-width: 1280px) {}

 
 /*Zoom Slider Stert Here*/
 
 /* .range {
       background: linear-gradient(to left, #e2e2ea 100%, #423089 0%);
       height: 35px;
       max-width: 100%;
       width: 100%;
       position: relative;
       border: none;
       border-radius: 20px;
       margin: 20px 0;
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
     }
     .range [type=range] {
         -webkit-appearance: none;
         -moz-appearance: none;
         appearance: none;
         background: transparent;
         width: 100%;
         position: absolute;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         margin: auto;
         height: 35px;
     }
     .range [type=range]:focus {
         outline: none;
     }
     .range [type=range]::-webkit-slider-runnable-track {
         background: transparent;
     }
     .range [type=range]::-moz-range-track {
         background: transparent;
     }
     .range [type=range]::-webkit-slider-thumb {
         -webkit-appearance: none;
         appearance: none;
         width: 35px;
         height: 35px;
         border-radius: 50%;
         background: #fff;
         cursor: pointer;
         border: none;
         -moz-box-shadow: 0px 0px 5px -3px #585858;
         -webkit-box-shadow: 0px 0px 5px -3px #585858;
         box-shadow: 0px 0px 5px -3px #585858;
     }
     .range [type=range]::-moz-range-thumb {
       -moz-appearance: none;
            appearance: none;
       width: 35px;
       height: 35px;
       border-radius: 50%;
       background: #fff;
       cursor: pointer;
       border: none;
       -moz-box-shadow: 0px 0px 5px -3px #5f5f5f;
         -webkit-box-shadow: 0px 0px 5px -3px #5f5f5f;
         box-shadow: 0px 0px 5px -3px #5f5f5f;
     }
     .range [type=range]::-webkit-slider-thumb:hover{
       box-shadow: inset 0px 0px 0px 3px #eee;
       background-color: #fff;
     }
     .range [type=range]::-moz-range-thumb:hover {
       box-shadow: inset 0px 0px 0px 3px #eee;
       background-color: #fff;
     }
     .range [type=range]::-ms-thumb {
       appearance: none;
       width: 35px;
       height: 35px;
       border-radius: 50%;
       background: #999;
       cursor: pointer;
       border: none;
     }
     .range [type=range]::-ms-fill-lower {
       background: #423089;
     }
     .range [type=range]::-ms-fill-upper {
       background: #e2e2ea;
     }
     .range [type=range]::-ms-track {
       color: transparent;
       border: 0 solid transparent;
       background: transparent;
     }
     .range [type=range]::-ms-tooltip {
       display: none;
     }
     .range {
         max-width: 100%;
         -moz-box-shadow: inset 0px 0px 3px -2px #808080;
         -webkit-box-shadow: inset 0px 0px 3px -2px #808080;
         box-shadow: inset 0px 0px 3px -2px #808080;
     }
     @media (max-width: 1000px) {
       .range {
         max-width: 100%;
       }
     } */
 
 /*Zoom Slider Over*/
 /* .pt_img ul {
    margin-top: 15px;
 } */
 .pt_img ul li {
    width: 46%;
    margin: 2%;
    float: left;
    box-shadow: inset 0px 0px 10px 3px #f2f3f5;
    margin-bottom: 15px;
    padding: 10px 10px 0;
 }
 .pt_img ul li .pat_img {
    padding: 0 !important;
 }
 .pt_img ul li a.pat_img h6 {
    font-size: 13px;
     margin-top: 15px;
 }
 .select_pattern {
    box-shadow: 5px 5px 10px -5px #595959;
 }
 
 /*Add to Cart Start*/
 .cd-cart header h6 {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
 }
 .cd_cart_btn_wrap{
    display: contents;
 }
 .cd_cart_dropdown_btn_wrap{
    display: none;
 }
 .cd-cart header .btn {
    font-size: 10px;
    margin-top: 3px;
    margin-left: 8px;
    color: #fff;
    background-color: #f38820;
    font-weight: 500;
    box-shadow: 0px 0px 5px -2px #cccccc;
    padding: 6px 8px;
 }
 .cd-cart header .btn#emptycart {
    padding: 5px 5px 2px 8px;
 }
 .cd-cart header .btn#emptycart i {
    font-size: 16px;
 }
 .cd-cart header .btn:hover {
    box-shadow: 0px 3px 10px -5px #626262;
    background-color: #fff;
    color: #f38820;
 }
 
 button.remove_pattern {
     background-color: #f2f3f5;
     padding: 5px 20px;
     border-radius: 20px;
     letter-spacing: 0.5px;
     box-shadow: 0px 2px 3px -2px #000;
 }
 button.remove_pattern:hover {
    box-shadow: 0px 2px 10px -5px #2e2e2e;
 }
 /* bhoechie-tab-content Scroll Bar handle Design Start */
 .bhoechie-tab-content::-webkit-scrollbar,
 .select2-results__options::-webkit-scrollbar {
     width: 4px;
 }
 /* Track */
 .bhoechie-tab-content::-webkit-scrollbar-track,
 .select2-results__options::-webkit-scrollbar-track {
     box-shadow: inset 0 0 5px #003B7C; 
     border-radius: 10px;
     background: white;
     border-left: 4px solid rgba(255,255,255,0);
     border-right: 4px solid rgba(255,255,255,0);
     background-clip: content-box;
 }
 /* Handle */
 .bhoechie-tab-content::-webkit-scrollbar-thumb,
 .select2-results__options::-webkit-scrollbar-thumb {
     background: #dedede; 
     border-radius: 8px;
 }
 
 /* bhoechie-tab-content Scroll Bar handle Design End */
 
 .bhoechie-tab-content::-webkit-scrollbar {
     width: 4px;
 }
 /* Track */
 .bhoechie-tab-content::-webkit-scrollbar-track {
     box-shadow: inset 0 0 5px #003B7C; 
     border-radius: 10px;
     background: white;
     border-left: 8px solid rgba(255,255,255,0);
     border-right: 8px solid rgba(255,255,255,0);
     background-clip: content-box;
 }
 /* Handle */
 .bhoechie-tab-content::-webkit-scrollbar-thumb {
     background: #dedede; 
     border-radius: 8px;
 }
 
 /*View Room Scroll bar design*/
 .view_room_data::-webkit-scrollbar,
 .filter_thumbs::-webkit-scrollbar {
     width: 4px;
 }
 /* Track */
 .view_room_data::-webkit-scrollbar-track,
 .filter_thumbs::-webkit-scrollbar-track {
     box-shadow: inset 0 0 5px #003B7C; 
     border-radius: 10px;
     background: white;
     border-left: 8px solid rgba(255,255,255,0);
     border-right: 8px solid rgba(255,255,255,0);
     background-clip: content-box;
 }
 /* Handle */
 .view_room_data::-webkit-scrollbar-thumb,
 .filter_thumbs::-webkit-scrollbar-thumb {
     background: #dedede; 
     border-radius: 8px;
 }
 
 
 
 .reflect_btn{
    position:fixed;
    right:0%;
    top:calc(50% - 35px);
    background:#fff;
    padding:5px 5px 5px 10px;
    border-bottom-left-radius:10px;
    border-top-left-radius:10px;
    text-align:center
 }
 
 .load_more_pdflog{
    display: block;
    width: auto;
    margin: auto;
    padding: 8px 25px;
    border-radius: 25px;
    margin-top: 40px;
    box-shadow: 0px 3px 14px -7px #000;
    font-size: 14px;
    margin-bottom: 15px;
 }
 .btn-check:focus+.btn, .btn:focus{
    box-shadow: none;
 }
 #pdf-log{
    max-height: 60vh;
    overflow-x: auto;
 }
 
.more_options-wrap .more_options ul li a{
   width: fit-content;
}

.shopping-cart-wrap, .more_options-wrap {
   display: none;
}

.ham-menu ul li.hvr:hover .shopping-cart-wrap,
.ham-menu ul li.hvr:hover .more_options-wrap {
   display: block;
   position: absolute;
   right: 0;
}
 
 .load_more_room_1 .btn_loadmore{
    background-color: rgb(255 255 255 / 90%) !important;
    color: #f38820;
    font-size: 12px;
    box-shadow: 0px 2px 5px -2px #dcdcdc;
    bottom: 0px;
 }
 
 @media only screen and (max-width: 1520px) {
    .cd-cart{
       max-width: 325px;
    }
    .cd-cart header h6{
       font-size: 14px;
    }
    .cd-cart header .btn{
       margin-left: 10px;
       padding: 6px;
    }
    .wall-and-design-tabs .nav-tabs .nav-link{
       font-size: 12px;
       padding: 6px 5px 4px;
    }
 }
 /*New Css End From 12-10-21*/
 .back-arrow {
   position: fixed;
   top: 15px;
   left: 20px;
   font-size: 20px;
   padding: 5px 15px 2px 15px;
   background-color: #f2f3f5;
   border-radius: 30px;
   cursor: pointer;
   z-index: 1;
}
.back-arrow a {
   color: #252525;
   text-decoration: none;
}
.sd-zindex-99{
   z-index:99;
}
.sd-more-menu{
   width: 140px !important;

}
.sd-note-best{
   display:none;
}
 
 /*tooltip for pointer*/
 
 .tooltip .tooltiptext {
    width: 90px;
    background-color: white;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
 
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
 
    bottom: 100%;
    left: 50%;
    margin-left: -45px;
    border:1px solid #979393;
    border-radius: 25px;
    visibility: visible;
 }
 
 .tooltip .tooltiptext::after {
   content: " ";
   position: absolute;
   top: 100%;
   left: 50%;
   margin-left: -5px;
   border-width: 5px;
   border-style: solid;
   border-color: black transparent transparent transparent;
 }
 
 /* add for 3d */
 
 
/* for powered By logo start */
.powered_by_con{
    width:fit-content;
    position: fixed;
    bottom: 0;
    left: 0;
    /*background-color: rgba(55,56,58,.7);*/
    max-width: 50%;
    padding: 10px 10px;
    border-radius: 0 5px 0 0;
    z-index: 999;
}
.powered_by_text1 {
    color: white;
    font-size: 14px;
}
.powered_by_text2 {
    color: black;
    font-size: 14px;
    font-weight: 600;
}
 .powered_by_con a{color:#b3b3b3; text-decoration:none; font-weight:500}
 /* for powered by icon end */

 .ham-menu.on > ul{padding: 10px 30px 10px 5px}
 .ham-menu.on > .menu{height:57px;padding: 10px 20px 10px 0px;box-shadow:0px 0px 5px 1px #c1c1c1}
 .ham-menu.on ul li {padding: 0px 10px}
 .ham-menu.on ul li a{font-weight: 600;padding: 10px 4px;border-radius: 50px;}
 .ham-menu.on ul li a:hover { 
   color: var(--cust_theme_color);
}
.ham-menu.on ul li a:hover i{color:var(--cust_theme_color)}
 
 
@media only screen and (max-width: 991px) {
   .ham-menu.on > .menu{height:auto;}
   .powered_by_con img{width: 70%;}
   #cont_for_vis_cvs{
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      position: relative;
      height:auto !important;
   }
}
@media only screen and (max-width: 760px) {
   .sd-side-zindex{
       z-index: 0;
   }
   .ham-menu.on{
       overflow: inherit;
   }
   .sd-note-best{
      display:none;
   }
}
@media only screen and (max-width: 540px) {
   .sd-note-best{
       position: absolute;
       left: 50%;
       transform: translate(-50%, 0);
       box-shadow: 0px 0px 9px 1px #c1c1c1;
       bottom: 6%;
       width: 100%;
       padding: 4% 3%;
       border-radius: 0;
       text-align: justify;
       background: #000000cc;
       display: flex;
   }
   .sd-note-btn{
       position: absolute;
       right: 2%;
       top: 5%;
       border-radius: 17px;  
   }
}
@media only screen and (max-width: 440px) {
    .cbp-spmenu-left {
   left: -500px;
   }
}
@media only screen and (max-width: 991px) {
   .ham-menu.on > .menu{
       display: block;
       padding:10px 0 !important;
    }
   /*.ham-menu ul{*/
   /*    display:none;*/
   /*}*/
   .sd-logo-tiles{
        left: 50% !important;
       transform: translateX(-50%); 
       position:fixed;
       z-index: 1;
   }
   .sd-sidemenu-save{
       margin-top: 13px !important;
   }    
}

 
 
 
 /* for 3d room loader start */
 .Roomloader_bck{
    color: #e37421;
    background-color: #ffffff80;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
 } 
 .loader{
    width: 100px;
    height: 100px; 
    margin: 0 auto;
    position: absolute; 
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 } 
 .loader div{
    background: #ff7641;
    width: 6px;
    height: 20px;
    border-radius: 5px;
    transform-origin: 10px 35px;
    transform: rotate(0deg);
    position: absolute;
    left: 45px;
    top: 15px;
    animation: loader 0.8s infinite;
 }
 .loader div:nth-child(2){
    transform: rotate(45deg);
    animation-delay: 0.1s;
 }
 .loader div:nth-child(3){
    transform: rotate(90deg);
    animation-delay: 0.2s;
 }
 .loader div:nth-child(4){
    transform: rotate(135deg);
    animation-delay: 0.3s;
 }
 .loader div:nth-child(5){
    transform: rotate(180deg);
    animation-delay: 0.4s;
 }
 .loader div:nth-child(6){
    transform: rotate(225deg);
    animation-delay: 0.5s;
 }
 .loader div:nth-child(7){
    transform: rotate(270deg);
    animation-delay: 0.6s;
 }
 .loader div:nth-child(8){
    transform: rotate(315deg);
    animation-delay: 0.7s;
 }
 @keyframes loader{
    0%{
        background: transparent;
        transform-origin: 10px 35px;
        left: 45px;
    }
    30%{ background: #ff7641; }
    100%{
        background: transparent;
        transform-origin: -10px 35px;
        left: 55px;
    }
 }
 /* for 3d room loader end */
 
 /* for 3d room progress bar loader start*/
 .loader_bck{
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000000;
    width: 100%;
    height: 100vh;
 }
 
 .progress-outer{
    border-radius: 50px;
    padding: 25px;
    /* margin: 10px 0;
    box-shadow: 0 0  10px rgba(209, 219, 231,0.7);
    background-color: #ffffff90; */
    z-index: 1;
 }
 .progressbar_wrap{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 }
 .roomprogress{
    height: 27px;
    overflow: visible;
    border-radius: 50px;
    background: #eaedf3;
    box-shadow: inset 0 10px  10px rgba(244, 245, 250,0.9);
    width: 250px;
 }
 .roomprogress .progress-bar123{
    border-radius: 50px;
 }
 .roomprogress .progress-value{
    position: absolute;
    top: 2px;
    left: 50%;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 2px;
    transform: translate(-50%);
 }
 .roomprogressbar.active{
    animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
 }
 @-webkit-keyframes animate-positive{
    0% { width: 0%; }
 }
 @keyframes animate-positive {
    0% { width: 0%; }
 }
 
 .roomprogressbar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #e37421;
    transition: width .6s ease;
    border-radius: 50px;
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 22px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
 }
 /* for 3d room progress bar loader end*/