@media (max-width: 991px) {
.flex-grow {
    width: 100%;
    margin: 5px;
}
button.btn.btn-default.dropdown-toggle {
    width: 95%;
    margin: 5px;
}
.dropdown-menu.multi-level {
    width: 100% !important;
    /* min-width: max-content; */
}
label.check-li {
    font-size: 14px;
}
}
.custom-container-100{width:100%}ul#diamond-shapes li{list-style:none;display:inline-block;position:relative;transition:all 0.2s ease-in-out}section.mobile_diamond .shapes-container{/* border:1px solid #ccc; */margin:10px 15px 0px}ul#diamond-shapes li i{font-size:50px;color:#666;line-height:55px}#diamond-shapes input[type="checkbox"]{display:block;height:49px;left:0;opacity:0;position:absolute;right:0;width:100%;z-index:999;margin:auto;cursor:pointer}.labelShape{border:1px solid #b8b8b8;border-radius:10%;cursor:pointer;display:inline-block;font-size:2.3em;height:55px;margin:0px;max-width:100%;text-align:center;width:55px}.section-title{color:#666;font-size:13px;line-height:24px;padding:4px 5px 2px 0px;font-weight:700;margin:0px}.list-style-none li{list-style:none;display:inline-block;transition:all 0.2s ease-in-out}.shapes-border ul li input{width:100%;border-radius:4px;border:1px solid #d9d9d9;padding:2px 5px;float:left;color:#000;font-weight:300}ul.color-group-list p, ul.make-group-list p{margin:0px;font-size:13px;font-weight:700}.p-bg-color{background-color:#555;color:#fff;padding:8px 15px;border-radius:7%}.shapes input[type="checkbox"]{display:block;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:999;margin:auto;cursor:pointer}.shapes label{margin-bottom:0px}.shapes-container ul.list-style-none li{border:thin solid #ccc;border-radius:3px;position:relative}.border-box{color:#000;cursor:pointer;font-size:14px;padding:10px 15px;margin:0px;font-weight:700}ul.color-group-list.list-style-none li{border:0}.btn-toggle-red{background-color:#034d7f;color:#fff;padding:5px 15px !important;text-transform:uppercase}ul.list-style-none{padding-left:0px}ul.list-style-none.search-reset-button.text-center{border-top:1px solid #ccc;padding-top:5px;padding-bottom:5px;position:fixed;bottom:0;width:100%;z-index:9999;background-color:#fff;margin-bottom:0px}ul.carat-list.list-style-none li input{width:65px;border-radius:4px;border:1px solid #d9d9d9;text-align:center;font-weight:bold}.txtPriceCarat{width:60%;border-radius:4px;border:1px solid #d9d9d9;padding:2px 5px;text-align:center;font-weight:600}#width-input{width:100%;border-radius:4px}li.lot-cert{width:69%}li.lot-cert label{width:100%}li.lot-cert input{width:100%}.footer-sticky{position:fixed;left:0;bottom:0;width:100%;background-color:red;color:white;text-align:center;z-index:999999}section.mobile_diamond .shapes-container{padding-bottom:25px}ul#diamond-shapes,ul.color-list,ul.clarity-list,ul.cut-list,ul.polish-list,ul.symm-list,ul.flour-list,ul.lab-list{width:100%;overflow:auto;white-space:nowrap}ul#diamond-shapes{padding:0px 8px}ul#diamond-shapes{height:64px}.active-shape>label{border:1px solid #034d7f !important}.active-shape i{color:#034d7f !important}.active-label{background-color:#034d7f !important}.active-label{color:#fff !important}.memo_M,.memo_M1{background-color:#FFF308 !important}.memo_A2,.memo_M2{background-color:#FBF9DF !important}.memo_A.true,.memo_A1.true{background-color:#73c2fb !important}@media(max-width: 767px){ul#diamond-shapes{height:67px !important}li.lot-cert{width:75%}.txtPriceCarat{width:60%;border-radius:4px;border:1px solid #d9d9d9;padding:2px 2px;font-weight:600;text-align:center}}@media(max-width: 450px){.txtPriceCarat{width:30px;border-radius:4px;border:1px solid #d9d9d9;text-align:center;padding:0px;font-size:12px;font-weight:600}}#CompareStone .col-md-12{padding-right:0;padding-left:0}.back-to-top:hover i{background-color:#034d7f}.back-to-top i{margin-right:20px;font-size:20px;display:block;width:30px;height:30px;line-height:30px;color:#fff;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;text-align:center;background-color:#034d7f;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.back-to-top{display:none;position:fixed;bottom:20px;right:0;z-index:20}tbody tr td a.ThumbnailImg img{width:227px}.search-detail-mobile .btn-bg-red{background-color:#034d7f;color:#fff}.search-detail-mobile .btn-bg-grey{background-color:#555;color:#fff}.search-detail-mobile ul.search-nav li{display:inline-block;list-style:none}.search-detail-mobile ul.search-nav{margin:6px auto;width:296px;display:block;padding:0px}.search-detail-mobile .main-head-search h3{margin:0px 15px !important;padding:4px 15px;background-color:#656262;font-size:13px;color:#fff;font-weight:600;line-height:21px;text-align:center}.search-detail-mobile td.main-text-bold{color:black;line-height:20px;text-align:left;margin-top:-1px;font-weight:bold;padding:0px 0px 0px 5px !important;font-size:13px}.search-detail-mobile td.normal-text-data{line-height:20px;margin-top:-1px;padding:0px 0px 0px 5px !important;font-size:13px;font-weight:300;color:#666}.search-detail-mobile .inclusion table{margin-bottom:0px !important}.search-detail-mobile .row.inclusion-table .main-text-bold{width:50%}@media(max-width: 767px){.search-detail-mobile table.no-mb{margin-bottom:0px !important}.margin-768{margin-bottom:15px !important}.search-detail-mobile td.main-text-bold{width: 35%;}.search-detail-mobile .inclusion-table table{width:100% !important}}@media(max-width: 576px){.search-detail-mobile ul.search-nav{width:100%}.search-detail-mobile ul.search-nav{margin:6px auto;width:260px;display:block;padding:0px}.search-detail-mobile li a{padding:6px 12px !important}}.search-list-mobile .btn-toggle-grey:hover,.btn-toggle-red:hover{color:#fff !important;opacity: .8}.search-list-mobile .btn-toggle-red{background-color:#034d7f;color:#fff;padding:5px 15px !important;text-transform:uppercase}.search-list-mobile .btn-toggle-grey{background-color:#555;color:#fff !important;padding:5px 15px !important;text-transform:uppercase}.search-list-mobile .small-box-bgm{position:relative;border:1px solid #a9a9a9;border-radius: .15em;width:14px;height:15px;float:left;background-color:#fff;margin-top:8px;font-size:14px}.search-list-mobile .bgm-checkbox input[type="checkbox"]+.small-box-bgm>.bgm-diamond{transform:scale(3) rotateZ(-20deg);opacity:0;transition:all .3s ease-in}.search-list-mobile .bgm-checkbox input[type="checkbox"]:checked+.small-box-bgm>.bgm-diamond{transform:scale(1) rotateZ(0deg);opacity:1}.search-list-mobile .bgm-checkbox .small-box-bgm .bgm-diamond{position:absolute;font-size: .8em;line-height:0;top:51%;left:0}.search-list-mobile .bgm-checkbox input[type="checkbox"]{display:block;height:100%;opacity:1;position:absolute;right: 6px;top:0;width:22px;z-index:999;margin:auto;cursor:pointer}.search-list-mobile .nowrap img{padding:10px 5px;margin:auto;display:block;width:70px;height:auto}.search-list-mobile td.nowrap a{color:#034d7f}.search-list-mobile .table>tbody>tr>td,.table>tbody>tr>th{padding:1px!important;font-size:11px !important;font-weight:bold !important;vertical-align:middle}.search-list-mobile .mobile-tab ul.dropdown-menu{padding-top:3px;padding-bottom:0px;min-width:85px;background:none;border:none}.search-list-mobile .mobile-tab{margin:auto;display:block}.search-list-mobile .mobile-tab div.btn{width:60px;padding-right:10px}.search-list-mobile .btn-bg-red{background-color:#034d7f;color:#fff}.search-list-mobile .mobile-tab a.btn.btn-bg-red{padding-top:5px;padding-bottom:5px;8}.mobile-tab ul.search-nav{margin:6px auto;display:block;width:410px;padding-left:0px}.mobile-tab ul.search-nav li{list-style:none;display:inline-block}.search-nav ul.dropdown-menu{background-color:transparent !important;min-width:80px;padding:0px;border:0px}.search-nav ul.dropdown-menu li{display:block}.search-nav ul.dropdown-menu li a{background-color:#034d7f;width:100%;margin:2px 0px;font-size:11px;border-radius:3px;color:#fff;font-weight:600;padding:9px 16px;text-transform:uppercase;text-align:center}.search-list-mobile .compare-diamond{margin-left:-10px;color:#000}.search-list-mobile .NoMoreRecord td{color:red;text-align:center}@media (max-width: 767px){.search-list-mobile .table>tbody>tr>td,.table>tbody>tr>th{padding:1px 5px !important}}@media (max-width: 576px){.search-list-mobile td.nowrap a{font-size:11px}.search-list-mobile .table>tbody>tr>td,.table>tbody>tr>th{padding:1px 1px !important}.mobile-tab ul.search-nav{margin:6px auto;display:block;width:320px !important;padding-left:0px}.search-list-mobile .btn{font-size:12px;padding:6px !important}.search-list-mobile .table>tbody>tr>td,.table>tbody>tr>th{font-size:12px !important}}@media (max-width: 355px){.search-list-mobile .table>tbody>tr>td,.table>tbody>tr>th{font-size:10px !important}}h4.modal-title{font-weight:700}#compare-stock #CompareStone>tbody>tr>td{border:1px solid #bbb9b9 !important;text-align:center;padding:2px 1px 1px 5px;font-weight:bold}#compare-stock #CompareStone>tbody>tr>td{border:1px solid #bbb9b9 !important;text-align:center;font-weight:bold;font-size:13px;padding:4px 1px 4px 5px}div#showcalc{padding:0px 15px}#compare-stock .clsimages img{cursor:default;width:100px}.btn-toggle-grey:hover,.btn-toggle-red:hover{color:#fff !important;opacity: .8}#compare-stock .modal-body table{width:100%}#compare-stock .modal-body table thead tr{background-color:rgb(235, 237, 239);left:0px;position:relative}#compare-stock tr td.heads{color:white;background-color:#034d7f}#compare-stock .modal-body button{margin:15px auto 0px !important;display:block}.fancybox-close{right:-10px;top:-10px}.image-div img{width:100%}.image-div{display:none}#real-image-div{display:block}.fixed-list-header{top:60px;position:fixed;width:100%;background-color:#fff;z-index:1000}
.td-1{width:10%;position:relative}.td-2{width:20%}.td-3{width:40%}.td-4{position:relative;width:40%}.td-4 .fa-chevron-right{font-size:16px;width:25px;height:25px;position:absolute;top:45%;right:20px;padding:5px 6px 5px 8px;background:#dddddde8;border-radius:5px;color:#fff}



.flex.items-center.justify-center {
    flex-wrap: wrap;
    padding-bottom: 10px;
    /* border-bottom: 1px solid #ddd; */
    margin-bottom: 10px;
}
.flex.items-center.justify-center {
    display: flex;
    width: 100%;
    flex-direction: row;
}
.btn-default {
    color: #555;
    background-color: #fff;
    border-color: #ccc;
    margin-right: 5px;
    padding: 5px 10px !important;
}
.btn {
    margin-right: 5px;
}
.dropdown-menu.multi-level {
    width: 20vw;
    height: max-content;
    max-height: 45vh;
    overflow-x: auto;
    border: 1px solid #ddd;
    box-shadow: 0 4px 16px rgb(0 0 0 / 18%);
}
.dropdown-menu.multi-level {
    padding: 10px 0;
}
.dropdown-menu.multi-level {
    padding-bottom: 0 !important;
}
ul.checkbox li, div.checkbox {
    /* border-bottom: 1px solid #f1f1f1; */
    padding: 0px 10px;
}
label.check-li {
    width: 100%;
}
.checkbox label {
    line-height: 30px;
    font-weight: normal;
    font-size: 16px;
    position: relative;
    padding-left: 30px;
}
.checkbox input[type="checkbox"] {
    /* display: block; */
    left: 7px;
    margin: 0;
    opacity: 1;
    position: absolute;
    top: 7px;
    width: 16px;
    height: 16px;
    z-index: 999;
    cursor: pointer;
}
.filter_search {
    font-size: 14px;
    padding: 5px 10px;
    margin: 0 5px;
    border: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    outline: 0;
    width: 95%;
    text-align: center;
}
.dropdown_apply {
    position: sticky;
    bottom: 0;
    background: #fff;
    margin: 0;
    z-index: 999;
    text-align: center;
    border-top: 1px solid #edecec;
}
.dropdown_apply > button {
    border: 1px solid #cacaca;
    background: #ffffff;
    padding: 3px 15px;
    margin: 7px;
    border-radius: 5px;
    box-shadow: -1px 1px 5px 2px #cacaca;
}
span.key {
    /* display: block; */
    font-size: 12px;
    font-weight: 400;
    margin-right: 5px;
}
.detail_img {
    text-align: center;
}
.detail_img img {
    height: auto;
    width: auto;
    max-height: 240px;
    border-radius: 4px;
    cursor: pointer;
    margin: 15px 0;
    border: 1px solid #ddd;
}