@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #7c7c7f;
}

a
{ 
    transition: 0.5s;
}

a:hover {
    transition: 0.5s;
    text-decoration: none;
}


.mt-0 {
    margin-top: 0px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}
.mt-42 {
    margin-top: 42px !important;
}

.mr-0 {
    margin-right: 0px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.mb-150 {
    margin-bottom: 150px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.pd-0 {
    padding: 0px !important;
}

.pd-5 {
    padding: 5px !important;
}

.pd-10 {
    padding: 10px !important;
}

.pd-15 {
    padding: 15px !important;
}

.pd-20 {
    padding: 20px !important;
}

.pd-30 {
    padding: 30px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.plr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}



    .card {
        border: 0;
        background-color: #fff;
    }

.card-header {
    height: auto;
    background-color: rgba(0, 0, 0, 0.1);
    Color: #000;
    font-weight: 600;
    padding: .5rem 1.25rem;
}

.search-box .card .card-header {
    color:#4a4a4a;
}

.card-body {
    padding: 1rem;
    /*min-height: 200px;*/
}

.setting .card-body {
    padding: 1rem;
    min-height: 50px;
}

.font-16
{
    font-size: 14px !important;
}


input[type="image"], input[type="image"]:focus {
    outline: none;
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 34px;
    right: -17px;
    top: -6px;
}

.cus-row
{
    margin:0 -15px !important;
}

/*.noUi-handle {
    
    border-radius: 50%;
    background-color: #c00020;
    border: 8px solid #fff;
    box-shadow: 0px 1px 1px 1px;
    cursor:default;
    outline:none;
    
}*/
/*.noUi-connect {
    background-image: linear-gradient(to right, #fff 26%, #ddd 80%);
}*/


.noUi-handle:before, .noUi-handle:after {
    content: none;
}

.left_value { 
    position: absolute;
    top: 108px;
    left: 18px;
}

.right_value {
    position: absolute;
    top: 108px;
    right: 18px;
}

.text_box_smallest
{
    width:30%;
}

.text_box_smaller {
    width: 50%;
}

.text_box_small {
    width: 70%;
}

.text_box_big {
    width: 90%;
}

/* noslider*/
.noUi-tooltip {
    display: none;
}

.noUi-active .noUi-tooltip {
    display: block;
}

.setting_btn_container .btn-block {
    width: 94%;
    margin:0 auto;
}

.breadcrumb {
    background: none;
    padding: 0.35rem 1rem;
    margin: 0 0 45px 0;
}

.breadcrumb-item a {
    color: rgba(0, 0, 0, 0.85);
    font-weight: 600;
}

.breadcrumb-item.active {
    color: rgba(0, 0, 0, 0.85);
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: rgba(0, 0, 0, 0.85);
    content: "|" !important;
}


/*.btn{font-size:1.2rem;
     font-weight:600;
     height:48px;
     border-radius:0;
}*/

/*.navbar-dark .navbar-nav .dropdown-menu .nav-link {
    color: #4a4a4a;
}*/



/*bootstrap custom start*/

/*.btn-light {
    color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    border-color: #f8f9fa;
}

.btn-danger {
    color: #fff;
    background-color: #c00020;
    border-color: #f8f9fa;
}

.btn-secondary {
    color: #fff;
    background-color: #4a4a4a;
    border-color: #6c757d;
}*/
    /*mega menu start*/
   /* .navbar .dropdown-menu div[class*="col"]
{
    margin-bottom: 1rem;
}*/

.navbar .dropdown-menu {
    border: none;
    background-color: #fff !important;
}

.navbar .row
{
    width: 100%;
}

.navbar .dropdown-menu .row {
    width: 100%;
    margin: 0;
}

.navbar .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar .dropdown-toggle::after {
    display: none;
}

.navbar .dropdown-menu .nav-item {
    padding: 0 0 !important;
}

.navbar .dropdown-menu .nav-item .nav-link {
    padding: 0.5rem 0 !important;
}

.navbar .dropdown-menu .nav-item .nav-link:hover {
    color: #c00020;
}

    .navbar .dropdown-menu .nav-item .nav-link:hover .menu-d-shape-img {
        background: #c00020;
        color: #fff;
        transition: 0.5s;
    }

.menu-heading {
    color: #c00020;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    display:block;
}

.menu-d-shape-img {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 5px;
    border-radius: 50%;
    height: 33px;
    width: 33px;
    transition: 0.5s;
}

.menu-shape-color {
    fill: #7c7c7f;
    transition: 0.5s;
}

.navbar .dropdown-menu .nav-item .nav-link:hover .menu-shape-color {
    fill: #fff;
    transition: 0.5s;
}

.menu-single-link {
    color: #c00020;
    font-weight: 700;
    margin: 20px 0 15px 0;
    display: block;
}

.menu-single-link i {
    margin: 0 0 0 10px;
}

.menu-single-link:hover i {
    animation-name: wobble-horizontal;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    transition: 0.5s;
}

.navbar .dropdown-menu .noUi-target {
    margin-top: 10px;
}

@keyframes wobble-horizontal {
    16.65% {
        transform: translateX(8px);
    }

    33.3% {
        transform: translateX(-6px);
    }

    49.95% {
        transform: translateX(4px);
    }

    66.6% {
        transform: translateX(-2px);
    }

    83.25% {
        transform: translateX(1px);
    }

    100% {
        transform: translateX(0);
    }
}

    .menu-single-link:hover {
        color: #4a4a4a;
    }

.menu-simple-list {
    padding: 0 0 0 0;
    list-style: none;
}

.menu-simple-list li {
    margin-bottom: 10px;
}

    .menu-simple-list li a {
        color: #7c7c7f;
    }

        .menu-simple-list li a:hover {
            color: #c00020;
        }


/*input box*/
.form-control {
    color: #7c7c7f;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow: inset 0 1px 5px #cccccc;
}

.form-control:hover {
    box-shadow: inset 0 1px 5px #ababab;
}

.form-control:focus {
    outline: none;
    border: 1px #4a4a4a solid;
    box-shadow: inset 0 1px 5px #ababab;
}

.inp-sm {
    width: 100px !important;
}

.shop-by-size-menu-slider
{
    position: relative;
}

.shop-by-price-menu-slider {
    position: relative; 
}

.navbar .container 
{
    display: block;
    padding:0;
}

.menu-right-bg {
    background-image: url(images/Ring_mega_menu.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    min-height: 466px;
}

.menu-ring-bg {
    background-image: url(images/Ring_mega_menu.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    min-height: 466px;
}
.menu-edu-bg {
    background-image: url(images/Education_mega_menu.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    min-height: 466px;
}



.menu-bg-white
{
    background:#fff;
}

.menu-cart-icon {
    /*background: #f1b51c;
    color: #c00020;
    padding: 5px 7px 5px 5px;
    border-radius: 3px;*/
    position:relative;
}

    .menu-cart-icon span {
        color: #c00020;
        position: absolute;
       /* background: #fff;
        border-radius: 50%;
        width: 22px;
        height: 22px;*/
        line-height: 22px;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        top: -10px;
        left:23px;
        font-family: 'Open Sans', sans-serif;
    }

    /*dropdown-menu-arrow*/
    .dm-arrow .nav-link {
        position: relative;
    }

.dropdown-menu-arrow
{
    color:#000;
    display: none;
}

.dm-arrow.show .dropdown-menu-arrow {
    color: #c00020;
    display: block;
    position: absolute;
    z-index: 10000;
    font-size: 28px;
    bottom: -27px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 20px;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    padding: 7px 1rem;
}

.navbar-dark .navbar-nav .dropdown-menu .nav-link {
    color: #7c7c7f;
}

.mobile-cart
{
    display: none;
}

.box-shadow-3 {
    box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.banner-btn {
    padding: 8px 37px;
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.19);
    background-color: #ffffff;
    color: #c00020;
    font-weight: 400;
}

.carousel-caption {
    position: absolute;
    left: 8%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    width: 35%;
    top: 0;
    bottom: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .carousel-caption h3 {
        color: #000;
        margin: 0 0 20px 0;
    }

    .carousel-caption p {
        color: #7c7c7f;
        margin: 0 0 30px 0;
    }

.carousel-indicators li {
    background-color: rgba(0, 0, 0, 0.5);
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
}

    .carousel-indicators li.active {
        background-color: #c00020;
    }

.carousel.carousel-fade .carousel-item {
    display: block;
    opacity: 0;
    transition: opacity ease-out .7s;
}

    .carousel.carousel-fade .carousel-item.active {
        opacity: 1 !important;
    }


/*home-search-for-diamond*/
.home-search-for-diamond {
    background-color: rgba(76, 58, 58, 0.1);
    width: 100%;
    height: auto;
    padding: 40px 0;
}

.sfd-text {
    color: #000;
    font-weight: bold;
}

.sfd-text span {
    margin: 30px 15px 0 0;
    display: inline-block;
}

.sfd-text i {
    color: #c00020;
}

.home-search-for-diamond:hover i {
    animation-name: wobble-horizontal;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    transition: 0.5s;
}

table.dataTable
{
    width: 100% !important;
}

.sfd-home-list {
    list-style: none;
    padding: 0;
}

.sfd-home-list li {
    float: left;
    width: 12%;
    text-align: center;
    transition: 0.5s;
}

.sfd-home-list li:hover {
    margin-top: -8px;
    transition: 0.5s;
}

.sfd-home-list li img {
    width: 60px;
}

.sfd-home-list li span {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.75px;
    text-align: center;
    color: rgba(0, 0, 0, 0.85);
    display: block;
    padding: 8px 0 0 0;
}

.sfd-home-list li:hover span {
    color: #c00020;
}

.make-your-own-ring
{
    padding: 40px 0;
}

/*make-your-own-ring*/
.make-your-own-ring
{
    
}

.make-your-own-ring p {
    width: 70%;
    margin:0 0 32px 0;
}

.sm-ring-img
{
    margin:0 0 15px 0;
}

.theme-heading {
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0.5px;
    text-transform:uppercase;
    margin-bottom: 15px;
}

.text-black
{
    color:#000;
}

.text-red {
    color: #c00020;
}

.make-your-own-ring a {
    margin: 0 0 15px 0;
    font-weight: normal;
    width: 250px;
    border-radius: 0;
}

.btn-dark {
    text-transform: uppercase;
    color: #FFF;
    border-radius: 0;
    background-color: #4a4a4a;
    border-color: #4a4a4a;
    font-size: 14px;
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.19);
}

.btn-danger {
    text-transform: uppercase;
    color: #FFF;
    border-radius: 0;
    background-color: #c00020;
    border-color: #c00020;
    font-size: 14px;
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.19);
    padding-left: 25px;
    padding-right: 25px;
} 

.my-ring-right-img
{
    height: 380px;
}

.jewellery-collection-area
{
    padding: 40px 0;    
}

.sub-head {
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85);
    margin-bottom: 25px;
}

.jewellery-coll-boxes
{
    margin-bottom: 15px;
}

.jewellery-coll-boxes img {
    margin-bottom: 25px;
}

.jewellery-coll-boxes .media {
    margin-bottom: 15px;
}

    .jewellery-coll-boxes h5 {
        color: #4a4a4a;
    }

.jewellery-coll-boxes p {
    margin-bottom: 15px;
    line-height: 2;
    letter-spacing: 0.75px;
}

.jewellery-coll-boxes .btn {
    padding-left:30px;
    padding-right:30px;
}

/*style-guide-section*/

.style-guide-section {
    width: 100%;
    height: auto;
    padding: 50px 0;
    background: #f1f1f1;
}

.style-guide-section h2 {
    margin:70px 0 20px 0;
}

.style-guide-section p {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: 0.75px;
    color: #7c7c7f;
    margin-bottom: 15px;
}

.all-favourites-section
{
    width: 100%;
    height: auto;
    padding: 50px 0;
}

.all-favourites-section h2 {
    margin-top: 90px;
    margin-bottom: 22px;
}

.all-favourites-section p {
    margin-bottom: 22px;
}

.all-favourites-section img {
    height: 310px;
}

.afs-bg {
    background-image: url('images/all-favourites-bg.jpg');
    min-height: 350px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

/*footer*/
footer {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: auto;
    padding: 30px 0;
    color: #fff;
    margin: 0 0 0 0;
}

.footer-logo img
{
    width: 190px;
}

.footer-desk-divider {
    border-right: 1px solid #727272;
}
 
.footer-menu {
    padding: 0 0 0 10px;
    list-style: none;
}

.footer-menu li {
 margin:0 0 10px 0;
}

.footer-menu li a {
    color:#fff;
}

.footer-menu li a:hover {
    text-decoration:underline;
}

.footer-bottom-txt
{
    margin-top: 10px;
}

/*login-area*/
.login-area {
    background: #fff;
    /*background-image: url('images/login-bg-1.jpg');*/
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 13px;
    color: #414141;
}

.login-area .login-logo {
    height: 80px !important;
    margin: 0 auto !important;
    display: block;
}

.login-header {
    text-transform: uppercase;
    font-weight: bold;
    color: #c00020;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-size: 1.64rem;
    border-bottom: 1px #999 dotted;
    padding: 0 0 10px 0;
}

.login-area .btn-danger {
    display: block;
    width: 100%;
}

.login-area .card {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
    border: 1px #adb5bd solid;
}

.login-area a {
    color: #c00020;
}

.login-area a:hover {
    color: #414141;
}

.login-area label {
    font-size: 16px;
}

.login-area .field-validation-error {
    color: #c00020 !important;
    font-weight: bold;
    margin-left: 0;
    display: block;
    text-align: left;
    margin: 8px 0 6px 0 !important;
    font-size: 16px;
}

.login-area .row {
    margin: 0 !important;
}

.search-box-slider .left_value {
    position: initial;
    width: 100%;
}

.search-box-slider .right_value {
    position: initial;
    width: 100%;
}

.search-box-slider .left-inp {

}

.search-box-slider .right-inp {
    
}

.search-box-slider .right-inp span {
    display: block;
    text-align: right;
}

.search-box-slider .row {
    margin-top: 40px;
}

.btn.focus, .btn:focus
{
    box-shadow: none;
    outline:0;
}

.table-hint {
    margin: 5px 0 15px 0;
    text-align: center;
}

.shadow-divider {
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 9px;
}

.round-checkbox {
    position: relative;
}

    .round-checkbox label {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 50%;
        cursor: pointer;
        height: 20px;
        left: 0;
        position: absolute;
        top: 0;
        width: 20px;
    }

        .round-checkbox label:after {
            border: 2px solid #ffffff;
            border-top: none;
            border-right: none;
            content: "";
            height: 5px;
            left: 5px;
            opacity: 0;
            position: absolute;
            top: 6px;
            transform: rotate(-45deg);
            width: 9px;
        }

.round-checkbox input[type="checkbox"] {
visibility: hidden;
}

    .round-checkbox input[type="checkbox"]:checked + label {
        background-color: #c00020;
        border-color: #c00020;
    }

.round-checkbox input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

.table .thead-dark th {
    color: #fff;
    background-color: #4a4a4a;
    border-color: #4a4a4a;
    font-weight: normal;
    text-transform: capitalize;
    vertical-align: middle;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 6px 5px;
    font-size: 14px;
    text-align: center;
}

.table-view-icon {
    font-size: 20px;
    cursor: pointer;
    position: relative;
    top: 2px;
    color: #4a4a4a;
}

.table-view-icon:hover {
    color: #c00020;
}

table.dataTable thead .sorting {
    background-size: 15px;
    background-position: right 5px bottom 12px;
}

table.dataTable thead .sorting_asc {
    background-size: 15px;
    background-position: right 5px bottom 12px;
}

table.dataTable thead .sorting_desc {
    background-size: 15px;
    background-position: right 5px bottom 12px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #4a4a4a;
    background: #4a4a4a !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 30px;
    padding: 0.1em 0.1em;
    margin-left: 2px;
    text-align: center;
}

.modal-header {
    background: #E5E5E5;
    padding: 10px 1rem;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 18px;
    font-weight: 700;
    color: #4a4a4a;
}

.modal-header .close {
    margin: -1rem -1rem -1rem auto;
    background: #bdbcbc;
    opacity: 1;
    width: 35px;
    height: 35px;
    padding: 0;
    border-radius: 50%;
    top: 12px;
    position: relative;
    right: 8px;
    text-shadow: none;
    font-size: 30px;
    color: #4a4a4a;
}


/*.princess {
    background: url(''images/princess.svg'') no-repeat;
    background-position: center;
}*/

.dropdown-img {
    padding: .05rem 1rem .50rem 1rem;
}

    .dropdown-img::before {
        width: 25px;
        height: 25px;
        background-size: 70% 70% !important;
        display: inline-block;
        position: relative;
        top: 6px;
        content: "";
        border-radius: 50%;
        margin: 0 10px 0 0;
        background-position: center !important;
    }

    .dropdown-img.dd-round::before {
        background: url('images/round.svg') #e5e5e5 no-repeat;
    }

    .dropdown-img.dd-pear::before {
        background: url('images/pear.svg') #e5e5e5 no-repeat;
    }

    .dropdown-img.dd-heart::before {
        background: url('images/heart.svg') #e5e5e5 no-repeat;
    }

    .dropdown-img.dd-oval::before {
        background: url('images/oval.svg') #e5e5e5 no-repeat;
    }

    .dropdown-img.dd-marquise::before {
        background: url('images/marquise.svg') #e5e5e5 no-repeat;
    }

    .dropdown-img.dd-emerald::before {
        background: url('images/emerald.svg') #e5e5e5 no-repeat;
    }

    .dropdown-img.dd-princess::before {
        background: url('images/princess.svg') #e5e5e5 no-repeat;
    }

    .dropdown-img.dd-dualtone::before {
        background: url('images/dual-tone.svg') #e5e5e5 no-repeat;
        background-size: 100% 100% !important;
    }

    .dropdown-img.dd-rosegold::before {
        background: url('images/rose-gold.svg') #e5e5e5 no-repeat;
        background-size: 100% 100% !important;
    }

    .dropdown-img.dd-yellowgold::before {
        background: url('images/yellow-gold.svg') #e5e5e5 no-repeat;
        background-size: 100% 100% !important;
    }

    .dropdown-img.dd-white-gold::before {
        background: url('images/white-gold.svg') #e5e5e5 no-repeat;
        background-size: 100% 100% !important;
    }

    .dropdown-img.dd-classic::before {
        background: url('images/classic.svg') #e5e5e5 no-repeat;
        background-size: 100% 100% !important;
    }

    .dropdown-img.dd-threestone::before {
        background: url('images/3-stone.svg') #e5e5e5 no-repeat;
        background-size: 100% 100% !important;
    }

    .dropdown-img.dd-halo::before {
        background: url('images/halo.svg') #e5e5e5 no-repeat;
        background-size: 100% 100% !important;
    }

    .dropdown-img.dd-ornate::before {
        background: url('images/ornate.svg') #e5e5e5 no-repeat;
        background-size: 100% 100% !important;
    }

    .dropdown-img.dd-men::before {
        background: url('images/men.svg') #e5e5e5 no-repeat;
        background-size: 100% 100% !important;
    }

.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f0f0f0;
}

.dropdown-item.active, .dropdown-item:active {
    color: #4a4a4a;
    text-decoration: none;
    background-color: #f0f0f0;
}

.btn-secondary {
    border-radius: 0;
}

.bootstrap-select > .dropdown-toggle {
    position: relative;
    width: 100%;
    z-index: 1;
    text-align: right;
    white-space: nowrap;
    border: 1px #676667 solid;
    border-radius: 0;
    background: #777777;
    color: #fff;
    padding: 0.94rem .75rem;
}

.light-dropdown .bootstrap-select > .dropdown-toggle {
    background: #E5E5E5;
    border: 1px #e5e5e5 solid;
    color: #4a4a4a;

}

.dropdown-toggle::after {
    position: relative;
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(135deg);
    margin-right: 0;
    border-left: initial;
}

.light-dropdown .dropdown-toggle::after {
    border-right: 2px solid #4a4a4a;
    border-top: 2px solid #4a4a4a;
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
    color: #fff;
    background-color: #4a4a4a;
    border-color: #4a4a4a;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: 0;
    outline: 0;
    outline-offset: 0;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
    color: #fff !important;
}

.bootstrap-select .dropdown-menu {
    border-radius: 0;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100% !important;
}

.bootstrap-select .bs-ok-default:after {
    border-width: 0 0.18em 0.18em 0 !important;
}

/*page-heading*/
.page-heading {
    margin: 20px 0 13px 0;
    font-weight: 600;
    font-size: 24px;
}

.page-heading a {
    color: #000;
    text-transform: uppercase;
}

.product_container img
{
    height: 290px;
    object-fit: contain;
}

/*new-product-detail-section*/
.new-product-detail-section {
    width: 100%;
    height: auto;
    padding: 30px 0 50px 0;
}

.product-main-image {
    margin: 0 0 10px 0;
    background: #f9f8f8;
    width: 100%;
    min-height: 445px;
    border: 1px #ddd solid;
    padding: 15px;
    position: relative;
}

.product-main-image img {
    width: 100%;
    height: auto;
}

.product-zoom-icon {
    position: absolute;
    bottom: 25px;
    left: 25px;
    color: #4a4a4a;
    background: #fafafa;
    padding: 7px;
    border: 1px #ddd solid;
    cursor: pointer;
    transition: 0.5s;
}

.product-zoom-icon:hover {
    color: #fff;
    background: #4a4a4a;
    border: 1px #4a4a4a solid;
    transition: 0.5s;
}

.product-detail-btn
{
    width: 100%;
    height: auto;
    margin:100px 0 0 0;
}

.product-detail-btn .btn-primary {
    width: 170px;
    margin:0 0 10px 0;
}

.table td, .table th {
    padding: .45rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.setting_btn_container
{

}

.setting_btn_container .btn-primary
{

}

    .setting_btn_container .active .select:before {
        color: #c00020;
    }

    .setting_btn_container .active .select:after {
        content: "";
        background: url('images/setting-diamond-white.svg') no-repeat;
    }

    .setting_btn_container .active .complete:before {
        color: #c00020;
    }

    .setting_btn_container .active .complete:after {
        content: "";
        background: url('images/setting-ring-white.svg') no-repeat;
    }

    .setting_btn_container .active .choose:before {
        color: #c00020;
    }

    .setting_btn_container .active .choose:after {
        content: "";
        background: url('images/setting-white.svg') no-repeat;
    }



    

.product-detail-head {
    margin: 14px 0;
    color: #fff;
    font-size: 16px;
}

/*.cart-jewellery-list*/
.cart-jewellery-list {
    padding: 25px 0 25px 0;
    border-radius: 5px;
    margin: 0 0 15px 0;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    border: solid 1px #979797;
}


.cart-list-checkbox {
    position: relative;
    margin:70px 0 0 0;
}

.cart-list-checkbox label {
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 50%;
    cursor: pointer;
    height: 35px;
    left: 0;
    position: absolute;
    top: 0;
    width: 35px;
}

.cart-list-checkbox label:after {
    border: 2px solid #ffffff;
    border-top: none;
    border-right: none;
    content: "";
    height: 8px;
    left: 8px;
    opacity: 0;
    position: absolute;
    top: 11px;
    transform: rotate(-45deg);
    width: 17px;
}

    .cart-list-checkbox input[type="checkbox"] {
        visibility: hidden;
    }

.cart-list-checkbox input[type="checkbox"]:checked + label {
    background-color: #c00020;
    border-color: #c00020;
}

.cart-list-checkbox input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

.order-detail-form .row
{
    background:#f5f5f5;
    padding-top: 30px;
}

.pair-cart {
    margin-bottom: 25px;
    padding-bottom: 0px;
}

.pair-cart:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.modal-area
{

}

.modal-area .page-heading {
    margin: 0 0 12px 0;
}

.compare-table-head {
    border-bottom: solid 3px #c00020;
    color: #c00020;
    font-weight: bold;
    text-transform: uppercase;
}

.compare-table {
   font-size: 14px;
}

.compare-table tr td {
    font-weight: bold;
}

.compare-table tr td:first-child {
    font-weight: normal;
}

.compare-table .btn {
    width: 160px;
    display: block;
    margin: 0 0 12px 0;
}

.compare-table .btn:last-child {
    margin: 0 0 0px 0;
}

.confirm-customer-info
{
    width: 100%;
    height: auto;
    padding:15px 0;
    background:#f0f0f0;
}

.cus-heading {
    font-size: 20px;
    margin: 0 0 11px 0;
    display: block;
    color: #c00020;
}

.font-14
{
    font-size: 14px !important;
}

.btn {
    font-size: 14px;
}

.plr-18
{
    padding-left: 18px !important;
    padding-right: 18px !important;
}

.guidance-center
{
    padding: 50px 0;
}

.guidance-center h1 {
    text-align: center;
    margin: 0px 0 25px 0;
    color: #c00020;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
}

.guidance-center img {
    margin-bottom: 20px;  
}

.guidance-center a {
    margin-bottom: 35px;    
}

/*education-dropdown*/

.accordion-dropdown {
    width: 100%;
    margin: 0px auto 20px;
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    list-style: none;
    padding: 0;
}

.accordion-dropdown .link {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 15px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #595959;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background: #787778;
}

.accordion-dropdown li:last-child .link {
    border-bottom: 0;
}

.accordion-dropdown .link a
{
    color:#fff;
}

    .accordion-dropdown li i {
        position: absolute;
        top: 16px;
        left: 12px;
        font-size: 18px;
        color: #fff;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

.accordion-dropdown li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 16px;
}

.accordion-dropdown li.open .link {
    background: #4A4A4A;
    color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.accordion-dropdown li.open i {
    color: #fff;
}

.accordion-dropdown li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.submenu {
    display: none;
    background: #fff;
    font-size: 14px;
    list-style: none;
    padding: 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.submenu li {
    /*border-bottom: 1px solid #4b4a5e;*/
}

.submenu a {
    display: block;
    text-decoration: none;
    color: #4a4a4a;
    color: #4a4a4a;
    padding: 9px 12px;
    padding-left: 22px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.submenu a:hover {
    background: #fff;
    color: #c00020;
    text-decoration: underline;
}

.education-box
{
    margin-bottom: 20px;
}

.education-box img {
    margin-bottom: 20px;
}

.education-box h3 {
    margin: 0 0 15px 0;
    color: #4a4a4a;
    font-size: 20px;
    font-weight: 600;
}

.submenu li img {
margin: 0 12px 0 0;
}


.settle-on-the-perfect {
    padding: 50px 0;
    background: #f1f1f1;
}

.settle-on-the-perfect h2 {
    text-align: left;
    margin: 60px 0 25px 0;
    color: #000;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
}


.settle-on-the-perfect img {
    margin-bottom: 20px;
}

.settle-on-the-perfect p {
    line-height: 2;
}

.settle-on-the-perfect a {
    margin-bottom: 35px;
}

.picking-an-engagement-ring {
    padding: 50px 0;
    background: #f1f1f1;
}

.picking-an-engagement-ring h2 {
    text-align: left;
    margin: 0px 0 25px 0;
    color: #000;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
}


.picking-an-engagement-ring img {
    margin-bottom: 20px;
}

.picking-an-engagement-ring p {
    line-height: 2;
}

.picking-an-engagement-ring a {
    margin-bottom: 35px;
}


.choose-a-shape-section {
    padding: 50px 0;
    background: #fff;
}

.choose-a-shape-section h2 {
    text-align: left;
    margin: 0px 0 25px 0;
    color: #000;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;

}

.choose-a-shape-section img {
    margin-bottom: 30px;
}

.choose-a-shape-section h4 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.75px;
}

.choose-a-shape-section p {
    margin-bottom: 50px;
    line-height: 2;
    letter-spacing: 0.75px;
}

.shape-box-education {
    text-align: center;
    margin-bottom: 25px;
    display: block;
    color: #7c7c7f;
}

.shape-box-education:hover {
    color: #7c7c7f;
}

.picking-an-engagement-ring .item svg'
{
    background:#fff;
}

.picking-an-engagement-ring .item a {
    color: #4a4a4a;
}

.picking-an-engagement-ring .item h4 {
    font-weight: 600 !important;
    font-size: 25px !important;
}

.picking-an-engagement-ring .item p {
    color: #4a4a4a;
    margin: 20px 0 0 0;
}

.picking-an-engagement-ring .item {
    margin: 12px 12px 12px 12px;
    border: 0 !important;
    padding: 5px !important;
    box-shadow: none !important;
}

.picking-an-engagement-ring .item .ring-shape-color {
    color: #000; 
}

.picking-an-engagement-ring .item svg' {
    background-color: #fff;
    padding: 5px;
    border-radius: 50%;
    height: 64px;
    width: 64px;
    transition: 0.5s;
}

.picking-an-engagement-ring .item svg' .pick-ring-fill 
{
    fill: #000;
}


/*webloader*/
/*loading-css*/
.webloader {
    position: fixed;
    z-index: 10000;
    height: auto;
    width: auto;
    overflow: inherit;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}



    .webloader:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
  background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));*/
        background: rgba(0,0,0,0.7);
    }

.webloader-img {
    position: absolute;
    width: 350px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 45%;
}

    .webloader-img .ball {
        position: absolute;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin: 5px;
        z-index: 1;
        left: 0;
        top: 0px;
        right: 0;
        margin: 0 auto;
    }

    .webloader-img .color1 {
        background-color: #fff;
        animation: animateYellow 1.8s infinite;
    }

    .webloader-img .color2 {
        background-color: #ff002e;
        transform: translate(40px, 0);
        animation: animateBlue 1.8s infinite;
    }

    .webloader-img .color3 {
        background-color: #f1b51c;
        transform: translate(-40px, 0);
        animation: animateGreen 1.8s infinite;
    }

@keyframes animateYellow {
    50% {
        transform: translate(0px, 0px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

@keyframes animateGreen {
    50% {
        transform: translate(40px, 0px);
    }

    100% {
        transform: translate(-40px, 0px);
    }
}

@keyframes animateBlue {
    50% {
        transform: translate(-40px, 0px);
    }

    100% {
        transform: translate(40px, 0px);
    }
}




.webloader p {
    position: relative;
    color: rgba(0, 0, 0, .3);
    font-size: 20px;
}

.webloader img {
    width: 100px;
}

.webloader p {
    color: #fff;
    text-align: center;
    margin: 49px 0 0 0 !important;
}

.webloader span {
    letter-spacing: 2px;
    margin: 0 0 0 4px;
    font-weight: bold;
}

    .webloader span:before {
        content: attr(data-text);
        position: absolute;
        overflow: hidden;
        max-width: 7em;
        white-space: nowrap;
        color: #fff;
        -webkit-animation: loading 2s linear infinite;
        animation: loading 2s linear infinite;
    }

@-webkit-keyframes loading {
    0% {
        max-width: 0;
    }
}

@keyframes loading {
    0% {
        max-width: 0;
    }
}

/*sweet-alert*/
.swal-button {
    background-color: #c00020;
}

.swal-footer {
    text-align: center !important;
    margin-bottom: 20px !important;
}

.swal-text {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #000 !important;
}

.swal-text:first-child {
    margin-top: 30px;
}

.addto-cart-dd .bootstrap-select > .dropdown-toggle {
    border: 1px #c00020 solid;
    border-radius: 0;
    background: #c00020;
    padding-top: 6px;
    padding-bottom: 6px;
    margin: 0.5rem 0;
}

.addto-cart-dd .bootstrap-select > .dropdown-toggle:focus {
  outline: none;
   border: 1px #c00020 solid;
    border-radius: 0;
    background: #c00020;
}

.addto-cart-dd .dropdown-toggle::after {
    display: none;
}

.addto-cart-dd .bootstrap-select .dropdown-toggle .filter-option-inner {
    padding-right: inherit;
    text-align: center;
    margin: 0;
    padding: 0;
}


.custom-select-area .bootstrap-select > .dropdown-toggle {
    border: 1px #4a4a4a solid;
    border-radius: 0;
    background: #4a4a4a;
    padding-top: 6px;
    padding-bottom: 6px;
    margin: 0.5rem 0;
    min-width: 170px;
}

.custom-select-area .bootstrap-select > .dropdown-toggle:focus {
    outline: none;
    border: 1px #777777 solid;
    border-radius: 0;
    background: #777777;
}

.custom-select-area .dropdown-toggle::after {
    display: none;
}

.custom-select-area .bootstrap-select .dropdown-toggle .filter-option-inner {
    padding-right: inherit;
    text-align: center;
    margin: 0;
    padding: 0;
}




.step-earing {
    display: inline-block;
}

.step-earing:before {
    content: "3";
    background: url("images/setting_before.svg") no-repeat;
    width: 60px;
    height: 60px;
    display: inline-block;
    position: absolute;
    top: -7px;
    left: 12px;
    color: #4a4a4a;
    font-family: Open Sans;
    font-weight: 600;
    font-size: 25px;
    line-height: 56px;
}

.step-earing:after {
    content: "";
    background: url("images/halo-earring.svg") no-repeat;
    width: 35px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 34px;
    background-size: 100% 100%;
}

.step-pendants {
    display: inline-block;
}

.step-pendants:before {
    content: "3";
    background: url("images/setting_before.svg") no-repeat;
    width: 60px;
    height: 60px;
    display: inline-block;
    position: absolute;
    top: -7px;
    left: 12px;
    color: #4a4a4a;
    font-family: Open Sans;
    font-weight: 600;
    font-size: 25px;
    line-height: 56px;
}

.step-pendants:after {
content: "";
background: url("images/pendants-ornate.svg") no-repeat;
width: 40px;
height: 25px;
display: inline-block;
position: absolute;
top: 6px;
right: 28px;
background-size: 100% 100%;
}

.choose:before {
    background: #fff !important;
    width: 70px !important;
    height: 70px !important;
    border-radius: 50% !important;
    font-size: 30px !important;
    border: 4px #545b62 solid;
}

.select:before {
    background: #fff !important;
    width: 70px !important;
    height: 70px !important;
    border-radius: 50% !important;
    font-size: 30px !important;
    border: 4px #545b62 solid;
}

.complete:before {
    background: #fff !important;
    width: 70px !important;
    height: 70px !important;
    border-radius: 50% !important;
    font-size: 30px !important;
    border: 4px #545b62 solid;
}

.step-pendants:before {
    background: #fff !important;
    width: 70px !important;
    height: 70px !important;
    border-radius: 50% !important;
    font-size: 30px !important;
    border: 4px #545b62 solid;
}

.step-earing:before {
    background: #fff !important;
    width: 70px !important;
    height: 70px !important;
    border-radius: 50% !important;
    font-size: 30px !important;
    border: 4px #545b62 solid;
}

.step-1::before {
    content: "1" !important;
}

.step-2::before{
content: "2" !important;
}

.step-3::before {
    content: "3" !important;
}

.setting_btn_container .active .step-earing:before {
    color: #c00020;
}

.setting_btn_container .active .step-earing:after {
    content: "";
    background: url('images/halo-earring-white.svg') no-repeat;
}

.btn:hover .step-earing::after {
    content: "";
    background: url("images/halo-earring-white.svg") no-repeat;
}

.btn:hover .step-earing::before {
    content: "2";
    color: #c00020;
}

.setting_btn_container .active .step-pendants:before {
    color: #c00020;
}

.setting_btn_container .active .step-pendants:after {
    content: "";
    background: url('images/pendants-ornate-white.svg') no-repeat;
}

.btn:hover .step-pendants::after {
    content: "";
    background: url("images/pendants-ornate-white.svg") no-repeat;
    background-size: 100% 100%;
}

.btn:hover .step-pendants::before {
    content: "2";
    color: #c00020;
}

.up-btn-area {
    margin-top: 10px !important;
    border-top: 1px #ddd solid;
    padding-top: 10px;
}

.up-btn {
    display: inline-block;
    background: rgba(0, 0, 0, 0.1);
    color: #414141;
    padding: 3px 5px;
    font-size: 11px;
    margin-bottom: 3px;
    line-height: normal;
}


.up-btn.active {
    background: #c00020;
    color: #fff;
}


.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-widget-content, .ui-widget.ui-widget-content {
    background: #ddd;
}

.round_bg
{
    cursor: pointer;
}

.big-txt-btn {
    padding: .375rem .40rem !important;
}

.des-right
{
    text-align: right;
}

.alert-danger {
    color: #fff;
    background-color: #c00020;
    border-color: #c00020;
    border-radius: 0;
}

.alert-dismissible .close {
    opacity: 1;
}

.character 
{
    width: 41px;
    height: 41px;
    line-height: 41px;
}

.navbar .media .media-body {
    padding: 4px 0 0 0;
    font-size: 17px;
    color: #7c7c7f;
    line-height: normal;
}

.navbar .media {
    margin: 0 0 10px 0;
}

.navbar .round_bg {
    width: 33px;
    height: 33px;
}

#tblDeepak_paginate .paginate_button.current, #tblJs_paginate .paginate_button.current {
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate {
    color: #333;
    margin-bottom: 20px;
}

#diamondSearch tbody tr td:nth-child(12) {
    text-align: left;
}

#diamondSearch tbody tr td:nth-child(12) a {
    margin: 0 4px;
}

#cartdata tbody tr td:nth-child(12) {
    text-align: left;
}

#cartdata tbody tr td:nth-child(12) a {
    margin: 0 4px;
}


/*responsive-css-start*/
/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
    .navbar {
            padding-top: 0px;
            padding-bottom: 0px;
        }

            .navbar .nav-item {
                padding: .5rem 2rem;
                margin: 0 .25rem;
            }

                .navbar .nav-item:first-child {
                    padding: .5rem 2rem .5rem 0rem;
                    margin: 0 .25rem;
                }

                .navbar .nav-item:last-child {
                    padding: .5rem 0rem .5rem 2rem;
                    margin: 0 .25rem;
                }

            .navbar .dropdown {
                position: static;
            }

            .navbar .dropdown-menu {
                width: 100%;
                left: 15px;
                right: 0;
                top: 57px;
                display: block;
                visibility: hidden;
                opacity: 0;
                transition: visibility 0s, opacity 0.3s linear;
                margin: 0 auto;
                border-radius: 0;
            }

            /*.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
    display: block;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.3s linear;
}*/

            .navbar .dropdown.show .dropdown-menu, .navbar .dropdown .dropdown-menu.show {
                display: block;
                visibility: visible;
                opacity: 1;
                transition: visibility 0s, opacity 0.3s linear;
            }

            .navbar .dropdown-menu {
                border: 1px solid rgba(0,0,0,.15);
                background-color: #fff;
            }

        .modal-lg, .modal-xl {
            max-width: 980px;
        }
    }
    /*mega menu end*/
    @media only screen and (max-width: 991px) {
        .dm-arrow:hover .dropdown-menu-arrow {
            display: none;
        }

        .navbar-dark .navbar-toggler {
            color: #fff;
            border-color: #fff;
            opacity: 1;
        }

        .mobile-cart {
            display: inline-block;
            margin: 7px 12px 0 0;
            float: right;
        }

        .menu-cart-icon span {
            /*top: -2px;*/
        }

        .mobile-hide {
            display: none;
        }

        header img {
            width: 134px;
            height: auto;
            margin: 0 auto;
            display: block;
        }

        .nav-link {
            display: block;
            padding: .5rem 1rem;
            height: 44px;
        }

        .navbar .row {
            width: 100%;
            margin: 0;
        }

        .navbar {
            background: #c00020;
            padding-left: 0;
            padding-right: 0;
        }

        .footer-desk-divider {
            border-right: 0;
        }

        .footer-menu {
            padding: 0 0 0 0px;
            list-style: none;
        }

        .footer-logo img {
            width: 190px;
            margin: 0 0 25px 0;
        }

        .settle-on-the-perfect h2 {
            margin: 10px 0 25px 0;
            font-size: 20px;
        }
    }


    @media only screen and (max-width: 768px) {
        .carousel-caption h3 {
            color: #000;
            margin: 0 0 15px 0;
            font-size: 20px;
        }

        .carousel-caption p {
            color: #7c7c7f;
            margin: 0 0 20px 0;
            font-size: 15px;
        }

        .home-search-for-diamond {
            text-align: center;
        }

        .sfd-text span {
            margin: 0px 15px 25px 0;
            display: inline-block;
        }

        .sfd-home-list {
            list-style: none;
            padding: 0;
            margin: 0;
            text-align: center;
        }

            .sfd-home-list li {
                float: inherit;
                text-align: center;
                transition: 0.5s;
                display: inline;
            }

                .sfd-home-list li a {
                    display: inline-block;
                    padding: 10px;
                }

        .btn {
            margin: 0 0 6px 0;
            font-size: 14px;
        }

        .setting_btn_container .btn-block {
            width: 100%;
            margin: 0 auto 20px auto;
        }

        .choose:before {
            left: 0;
        }

        .select::before {
            left: 0;
        }

        .complete::before {
            left: 0;
        }

        .bootstrap-select > .dropdown-toggle {
            margin-bottom: 12px !important;
        }

        .filter_bar {
            background: #fff;
        }

        .product_container {
            padding: 20px
        }

            .product_container img {
                height: 170px;
                object-fit: contain;
                width: 100%;
            }
    }



    @media only screen and (max-width: 767px) {
        .carousel-item img {
            height: 200px;
            object-fit: cover;
        }

        .carousel-caption {
            width: 95%;
            left: 5%;
        }

            .carousel-caption p {
                color: #7c7c7f;
                margin: 0 0 10px 0;
                font-size: 15px;
            }

            .carousel-caption h3 {
                color: #000;
                margin: 0 0 10px 0;
                font-size: 20px;
            }

        .jewellery-coll-boxes {
            margin-bottom: 35px;
        }

        .style-guide-section h2 {
            margin: 30px 0 20px 0;
        }

        .all-favourites-section h2 {
            margin-top: 0;
        }

        .all-favourites-section img {
            height: 310px;
            margin-top: 35px;
        }

        .footer-logo img {
            width: 190px;
            margin: 0 0 25px 0;
        }

        .footer-menu {
            padding: 0 0 0 0;
            list-style: none;
            margin: 0 0 30px 0;
        }

        .footer-bottom-txt {
            margin-top: 0;
        }

        .menu-right-bg {
            background-image: none;
            background-repeat: no-repeat;
            background-position: left;
            background-size: cover;
            min-height: inherit;
            padding-bottom: 20px !important;
        }

        .jewellery-collection-area {
            padding: 0px 0 40px 0;
        }

        .choose:before {
            left: 8px;
            top: -12px;
        }

        .select::before {
            left: 8px;
            top: -12px;
        }

        .complete::before {
            left: 8px;
            top: -12px;
        }

        .product_container {
            padding: 20px
        }

            .product_container img {
                height: auto;
                object-fit: contain;
                width: 100%;
            }

        .cart-list-checkbox {
            position: relative;
            margin: 0px auto 20px auto;
            display: block;
            width: 36px;
        }

        .cart-jewellery-list img {
            border: 1px #ddd solid;
            margin: 0 0 20px 0;
        }

        .des-right {
            text-align: left;
        }
    }