@import "https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
@import url("../fonts2/Montserrat.css");
@import url("../fonts6/roboto.css");

@font-face {
    font-family: "Popinse";
    src: url(../fonts1/poppins-v20-latin-regular.ttf);
}

table.Trending_Table_Root {
    font-family: "Open Sans", sans-serif !important;
    /* font-family: 'Montserrat' !important;  */
}
.heading {
    color: #fff !important;
}
.tt_333 {
    /* border:1px solid #fff; */
    /* border-radius: 10px; */
    /* border-collapse: separate;
    border-spacing: 0px;
    margin-bottom: 8px; */
}
.TDBG {
    background-image: url(../img/appimages/Box4.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.TDBG1 {
    background-image: url(../img/appimages/Box5.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
table.table1001 td:nth-child(1) table.goldd {
    background-image: url(../img/appimages/Box4.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.table1001 {
    /* background-image: url(../img/appimages/Box4.png); */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* border-radius: 80px; */
}

table.table1001 td:nth-child(2) table.goldd {
    background-image: url(../img/appimages/Box4.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
table.table1001 td:nth-child(2) {
    position: relative;
    vertical-align: middle;
}

/* LEFT BORDER */
/* table.table1001 td:nth-child(2)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10%;
    height: 80%;
    border-left: 2px solid #000;
} */

/* RIGHT BORDER */
/* table.table1001 td:nth-child(2)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 10%;
    height: 80%;
    border-right: 2px solid #000;
} */
.res_mob_font_width tbody tr td:nth-child(2) {
    position: relative;
    vertical-align: middle;
}

/* LEFT BORDER */
/* .res_mob_font_width tbody tr td:nth-child(2)::before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    height: 108%;
    border-left: 2px solid #000;
} */

/* RIGHT BORDER */
/* .res_mob_font_width tbody tr td:nth-child(2)::after {
    content: "";
    position: absolute;
    right: 0;
    top: -3px;
    height: 108%;
    border-right: 2px solid #000;
} */

table.table1001 td:nth-child(3) table.goldd {
    background-image: url(../img/appimages/Box4.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
table.table1001 td:nth-child(4) table.goldd {
    /* background-image: url(../img/appimages/Box4.png); */
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
table.res_mob_font_width:last-child {
    /* background-image: url(../img/appimages/Strock.png);
    background-size: 100% 0%;
    background-repeat: no-repeat;
    background-position: center bottom;
    border-collapse: separate; */
}

.naviRow {
    /* box-shadow: 0px 1px 0px 0px #c9a155, 1px -1px 0px 0px #c9a155, 0px -1px 0px 0px #c9a155, -1px 0px 0px 0px #c9a155; */
    /* background-image: url(../img/appimages/Box_01.png);
     background-size: 100% 100%;
     background-repeat: no-repeat; */
    /* border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1; */
    background: #eae2d7;
    /* background-image: linear-gradient(to bottom, #c29125, #b68012, #ddb850, #f8de7a, #fdec98, #fdec98, #fdeb95, #efd06b, #d3a93f); */
    /* border-top: 2px solid; */
    /* border-bottom: 2px solid; */
    /* background-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
    /* background: #FFF; */
    /* background-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
}

/* Swiper */

.swiper-pagination1.swiper-pagination-clickable .swiper-pagination-bullet {
    /* background-color: #; */
    /* background-color: #eea125; */
    /* border-radius: 10px; */
    /* margin: 0 3px; */
    box-sizing: border-box;
    color: #fff !important;
    cursor: pointer;
    /* font-size: 1.6rem; */
    font-size: 1rem;
    font-weight: normal;
    opacity: 1;
    height: 32.5px;
    width: 33.33%;
    margin: 1% 0%;
    /* font-weight: bold; */
    /* background: #000 !important; */
    /* width: 50%; */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: font-weight 0.22s ease;
    font-weight: 500;
    /* border: 0.5px solid #e8c660 !important; */
    /* background-image: linear-gradient(to bottom, #c29125, #b68012, #ddb850, #f8de7a, #fdec98, #fdec98, #fdeb95, #efd06b, #d3a93f); */
}
.swiper-pagination1.swiper-pagination-clickable .swiper-pagination-bullet-active {
    /* font-weight: bold; */
    /* font-weight: bold; */
    /* background: #000 !important; */
    font-weight: 600;
    color: #fff !important;
    /* background-image: linear-gradient(to bottom, #ffffff, #ffffff) !important; */
    /* color: #fff !important; */

    /* border-bottom: 2px solid #fff; */
    /* background-image: url(../img/appimages/Box4.png); */
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

@media screen and (max-width: 500px) {
    .swiper-pagination1.swiper-pagination-clickable .swiper-pagination-bullet {
        font-size: 0.7rem !important;
        /* border-bottom: 1px solid #4b4a4a; */
    }
}

/* Add here all your CSS customizations */

.header-container.container .pb-4,
.header-container.container .py-4 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
}

#header .header-top {
    display: block !important;
    background: #11181f !important;
    border-bottom: 1px solid #26313a;
}

#header .header-top .header-top-container {
    min-height: 42px;
}

#header .header-top .header-top-social-icons li,
#header .header-top .header-top-social-icons li span,
#header .header-top .header-top-social-icons li img {
    color: #f3f0ea !important;
}

.flg {
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-right: 6px;
}

.headImg {
    padding: 8px 0 !important;
}

.headImg .container .row {
    min-height: 78px;
}

#iconimage > span {
    display: flex !important;
    align-items: center !important;
    justify-content: center;
}

#iconimage > span > span {
    display: inline-block !important;
}

#iconimage .brand-lockup {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

#iconimage .brand-lockup-main {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    flex-wrap: wrap;
}

#iconimage .brand-title {
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
    color: #d6a03c;
    text-align: center;
}

#iconimage .brand-stroke {
    width: min(220px, 70%);
    max-width: 220px;
    height: auto;
    margin-top: 8px;
}

.LogoImgWidth1 {
    /* width: auto !important; */
    /* max-width: 150px; */
    max-height: 78px;
    padding: 0 !important;
    object-fit: contain;
}

.social_icons {
    min-height: 78px;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    background: #151d24 !important;
    border: 1px solid #2b3640 !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li,
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:not(.btn),
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu .dropdown-item {
    background: transparent !important;
    color: #f2f2f2 !important;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover,
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:focus,
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a:not(.btn),
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:focus > a:not(.btn),
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu .dropdown-item:hover,
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu .dropdown-item:focus {
    background: #202a33 !important;
    color: #d8a84e !important;
}

span.align-items-center.font-weight-semibold img {
    max-width: 160px;
    width: 100%;
}

.modal-content {
    background: transparent;
    border: 0;
}

.close {
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    position: relative;
    top: 0px;
}
.close:focus,
.close:hover {
    color: #232325;
    text-decoration: none;
    opacity: 1;
}
button:focus {
    outline: 1px dotted;
    outline: none;
}

/* Start Marquee 2 */
.news {
    background: #ecaf4c;
    padding: 1px;
    /* margin-top: 6px; */
    margin-bottom: 10px;
    border: 1px solid #ecaf4c;
}
.onlinetrading {
    margin-top: 8px;
}
.news_head h4 {
    text-align: center;
    font-weight: bold;
    font-size: 19px;
    color: #fff;
}
.news_content {
    background-image: url(../img/newsbg.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.comm_bg {
    /* background: #dfdfdf; */
}
.enquiry h3 {
    color: #fff;
    font-weight: bold;
    margin-left: 7%;
}
.contact h3 {
    color: #fff;
    font-weight: 600;
}
.info p {
    text-align: center;
    color: #999;
    text-transform: none;
    font-weight: 600;
    font-size: 15px;
    margin-top: 2px;
}
.collapse.in {
    display: block;
    visibility: visible;
}
.info i {
    color: #f6aa93;
}
form h1 {
    font-size: 18px;
    background: #f6aa93 none repeat scroll 0% 0%;
    color: rgb(255, 255, 255);
    padding: 22px 25px;
    border-radius: 5px 5px 0px 0px;
    margin: auto;
    text-shadow: none;
    text-align: left;
}

/* End Marquee 2 */

.color-white {
    color: #fff !important;
}
.color-black {
    color: #fff !important;
}

.font-weight-semiboldd {
    font-weight: 500;
}

.whitee-border-font {
    transform-origin: 50% 50% 0px;
    -webkit-text-stroke: 1px #fff;
}

span#date_time,
span#date_time_us,
span#date_time_eng {
    /* font-weight: 600 !important; */ /* display: inline-block; */
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    margin: 5px; /* margin: 15px 0 0 0; */
    vertical-align: -2px;
}

.heading_underline {
    font-weight: 300;
    display: inline-block;
    padding-bottom: 10px;
    position: relative;
}
.heading_underline:before {
    content: "";
    position: absolute;
    width: 40%;
    height: 1px;
    bottom: 0;
    left: 30%;
    border-bottom: 2px solid;
}

@media (max-width: 767px) {
    span.top55span {
        font-size: 18px;
    }
}

@media (max-width: 500px) {
    .boxImg {
        max-width: 25px;
    }
    .boxImg1 {
        max-height: 25px;
    }
    .price-info {
        margin-right: 27.5px !important;
        color: #fff;
    }
    #DateAndtime {
        font-size: 0.9rem;
    }
    .Delete_Ac {
        /* position: fixed;
        right: 30px;
        top: 160px;
        z-index: 999; */
        padding: 5px;
        /* border: 1px solid #fff;
        background: #FFF; 
        border-radius: 10px; */
    }
    .Delete_Ac a {
        font-size: 14px;
    }

    td.bg_white {
        background: linear-gradient(to right, #000, #000);
        box-shadow: 0px 1px 2px 0px #353131;
    }
    /* .min_h{
        padding-top: 10%;
        height: 50px;

    } */

    .Trending_Table_Child1 {
        /* margin-top: -13.5%; */
    }

    .bgblue {
        padding-top: 3px;
        /* background:#0d1539; */
    }
    /* table.table1001 td:nth-child(2) table {
        border-radius: 5px;
    } */
    .table1001 {
        width: 100%;
        line-height: 30px;
        /* background-image: url(../img/appimages/Box.png);
    background-size: 100% 100%;
    background-repeat: no-repeat; */
        padding: 10px 0;
    }
    .table1001 td {
        /* width: 25%; */
        font-weight: 600;
    }
    table.table1001 tr td {
        padding: 0px 1px !important;
    }

    .table1002 {
        width: 100%;
        line-height: 30px;
        margin-top: 10px;
        /* background-color: #ddb850; */
        border-spacing: 0px 5px;
        /* padding: 8px 10px; */
        border-collapse: separate;
    }
    .table1002 td {
        width: 50%;
        font-weight: 600;
    }
    table.table1002 tr td {
        padding: 3px 4px !important;
    }
    .newFont {
        font-size: 12px;
    }

    table.goldd tr:nth-child(1) td {
        /* border-bottom: 1px solid #e0b034; */
        /* font-weight: 600;
        background: #bc9c3f;
        color: #fff !important;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px; */
        /* background-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
        /* border-radius: 5px; */
        line-height: 1.6;
        font-size: 13px;
        font-weight: 600;
        /* padding: 4px 0 0; */
        /* background-image: url(../img/appimages/Strock.png);
        background-size: 80% 3%;
        background-position: center bottom;
        background-repeat: no-repeat; */
        color: #fff !important;
        padding-top: 5px !important;
        /* line-height: 1.3; */
        /* font-family: 'Montserrat' !important;  */
    }
    table.goldd tr:nth-child(2) td {
        line-height: 1.2;
        font-size: 11px;
        /* padding: 4px 0 0; */
        /* padding-top: 5px !important; */
    }
    table.goldd tr:nth-child(3) td {
        line-height: 1.2;
        /* padding: 0!Important; */
        /* padding: 4px 0 0; */
        padding-bottom: 5px !important;
    }
    table.table1001 td:nth-child(1) table.goldd {
        /* border-bottom-right-radius: 10px !Important; */
    }

    table.table1001 td:nth-child(3) table.goldd {
        /* border-bottom-left-radius: 0px !Important; */
    }

    table.goldd tr td {
        text-align: center !important;
        line-height: 1;
    }
    table.goldd1 tr:nth-child(1) td {
        line-height: 1.3;
        font-size: 15px !important;
        color: #fff;
        /* background-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
    }

    table.goldd1 tr:nth-child(2) td {
        line-height: 1.6;
        /* margin-top: 10px!important; */
    }
    table.goldd1 tr:nth-child(3) td {
        line-height: 1;
    }
    table.goldd1 tr:nth-child(4) td {
        line-height: 2.6;
    }

    table.goldd {
        /* box-shadow: 0px 1px 0px 0px #c9a155,1px -1px 0px 0px #c9a155, 0px -1px 0px 0px #c9a155, -1px 0px 0px 0px #c9a155; */
        /* border-top-left-radius: 5px;
    border-top-right-radius: 5px; */
        /* background-image: url(../img/appimages/Box_02.png);
    background-size: 100% 100%;
    background-repeat: no-repeat; */
        /* border-radius: 5px; */
        overflow: hidden;
        /* background: #fff; */
        /* background-image: linear-gradient(to bottom, #FAE875, #AD8430); */
        /* border-collapse: separate; */
        /* border-spacing: 0px 4px!important; */
        /* background-image: url(../img/appimages/Box_02.png);
    background-size: 100% 100%;
    background-repeat: no-repeat; */
    }

    table.goldd1 {
        /* border-top-left-radius: 5px;
    border-top-right-radius: 5px; */
        /* background-image: url(../img/appimages/Box_02.png);
    background-size: 100% 100%;
    background-repeat: no-repeat; */
        line-height: 2;
        /* border-radius: 5px; */
        overflow: hidden;
        /* background: #fff; */
    }

    table.goldd2 {
        background: url(../img/swastik/Silver.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        line-height: 1.6;
    }

    table.goldd3 {
        background: url(../img/swastik/Inr.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        line-height: 1.6;
    }
    table {
        /* margin-bottom: 0px;
    border-collapse: separate; */
        /* border-spacing: 0 7px; */
    }
    .headertable1 {
        /*background:#e4a40a;
	color:#2a1a0d;*/
        /*background-image: linear-gradient(to right, #646ffc, #726bfc, #8664fc, #8e62fd, #9372f0);*/
        /*background: #696969;*/
        color: #fff;
        background: #fff;
        line-height: 0.5;
    }
    .headertable1 th {
        text-align: center;
    }
    .ratevalue1 {
        text-align: left;
    }
    table#liveratetable_2 .table1,
    table#liveratetable_3 .table1 {
        background: #fff;
    }

    table#liveratetable_2 .table1 td.ratevalue1,
    table#liveratetable_3 .table1 td.ratevalue1 {
        color: #fff !important;
        font-weight: 700;
        padding: 10px 5px !important;
    }
    .ratevalue4,
    .ratevalue3 {
        font-weight: 700;
    }

    .buylive {
        background: url(../img/swastik/Buy.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        line-height: 1.6;
    }
    table.Trending_Table_Root tr td {
        /* padding: 0px 3px; */
        /* font-size: 14px; */
    }
    /* table#gold{ */
    /* background:#ffd438; */
    /* } */
    /* table#silver{ */
    /* background:#ffd438 */
    /* ; */
    /* } */
    /* table#inr{ */
    /* background:#ffd438; */
    /* } */
    .col-md-8.col-xs-12.div_spott {
        padding-right: 5px;
        padding-left: 5px;
    }

    .top6span {
        font-size: 22px;
        font-weight: 500 !important;
        padding: 1px 5px 1px !important;
        /* padding: 3px; */
        /* font-size: 22px; */
    }
    .top4span {
        font-size: 15px;
        font-weight: 700 !important;
        /* padding: 3px; */
        /* font-size: 22px; */
    }
    .top2span {
        font-size: 11px;
        font-weight: 600 !important;
    }
    .sell {
        font-size: 12.5px !important;
        font-size: 600;
        color: #fff !important;
        white-space: nowrap;
        word-spacing: 0px;
        flex-shrink: 0;
        white-space: nowrap;
        word-spacing: -2px !important;
    }
    .imgWidth {
        width: 50%;
    }

    .LogoImgWidth {
        width: 60%;
        /* max-height: 90px; */
        margin-left: 0%;
        padding: 20px 10px;
    }
    .LogoImgWidth1 {
        /* width: 18%; */
        /* max-height: 90px; */
        /* margin-left: 20%; */
        padding: 4px 0px;
        width: 65%;
        align-items: inherit;
        text-align: -webkit-center;
    }

    .desktop-show {
        display: initial;
    }
    .mobile-hide {
        display: none;
    }

    .after1_black:after {
        content: "";
        position: absolute;
        left: 2%;
        top: 10px;
        height: 40px;
        width: 33%;
        border-right: 1px solid #000;
    }

    .after2_black:after {
        content: "";
        position: absolute;
        left: 0%;
        top: 10px;
        height: 40px;
        width: 66%;
        border-right: 1px solid #000;
    }

    table.Trending_Table_Root tr {
        /* padding: 5px 3px !important; */
        /* font-size: 20px; */
        /* font-weight: 600; */
    }

    .buy_sell_label {
        /* color: #fff; */
        font-weight: 600;
        font-size: 15px !important;
        padding: 14px 5px 14px 0px !important;
        color: #fff;
        /* font-family: "Montserrat", sans-serif !important; */
        /* border-right:  1px solid #d4d4d4!important; */
    }
    .buy_sell_label2 {
        /* color: #fff; */
        font-weight: 500;
        font-size: 11px !important;
        padding: 0px 5px 0px 0px !important;
        color: #fff;
        /* font-family: "Montserrat", sans-serif !important; */
        /* border-right:  1px solid #d4d4d4!important; */
    }
    /* .res_mob_font_width tr::after {
        content: "";
        position: absolute;
        top: -1px;
        left: 55%;
        width: 50%;
        height: 100%;
        background: url("../img/appimages/Box3.png") no-repeat top center;
        background-size: 82% 100%;
        pointer-events: none;
        z-index: 0;
    } */
    .sell {
        padding: 0px 0px 0px 0px !important;
    }

    table.res_mob_font_width,
    .res_mob_font_width1,
    .rate_top {
        /* background-image: url(../img/appimages/Box4.png); */
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        /* background: #FFF; */
        /* border-bottom: 3px solid transparent;
    border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1; */
        /* padding: 5px 0; */
        /* border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1!important; */
        /* border-top: 1px solid!important; */
        /* background-image: url(../img/appimages/Strock.png);
    background-size: 100% 1%;
    background-repeat: no-repeat; */
        background-position: center bottom;
        border-collapse: separate;
        line-height: 1.2;
        border: 1px solid #eae2d7;
        margin-top: 6px;
        /* background-color: #ffffff; */
        border-radius: 10px;
    }
    .HL_img {
        width: 15px;
        margin-right: 5px;
    }
    table.res_mob_font_width2 {
        /* background-image: url(../img/appimages/Strock.png);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100% 3%; */
        /* border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1!important; */
        /* border-top: 1.5px solid; */
        /* border-bottom: 1.5px solid;
        border-right: 1.5px solid;
        border-left: 1.5px solid; */
        /* border-bottom: 3px solid transparent;
        border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1; */
        /* padding: 7px 0; */
        background-image: url(../img/appimages/Strock.png);
        background-size: 100% 1%;
        background-repeat: no-repeat;
        background-position: center bottom;
        border-collapse: separate;
        /* line-height: 1.3; */
    }
    .imgbnk {
        width: 100%;
    }
    /* .{
        padding-top: 65px;
    } */
    .span2 {
        /* padding: 0px 5px 2px; */
        font-size: 18px;
        font-weight: 600;
    }
    .span3 {
        /* padding: 3px 0px; */
        font-size: 11px;
        font-weight: 600;
    }
    table.res_mob_font_width span#mainspan {
        /* font-size: 13px !important; */
    }
    table.res_mob_font_width td {
        /* border: 1px solid #bc8b0b; */
        /* border-bottom: 1px solid #d4d4d4 !important;s */
        /* background-image: linear-gradient(#000,#000) ; */
    }
    table.tt_33 {
        /* margin-top: 10px; */
        /* background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.72)), url(../img/logo/logo7.jpeg) top no-repeat;
     background-size: 90%; */
    }

    .col-md-8.col-xs-12.offset-md-2.div_spott {
        padding-left: 5px;
        padding-right: 5px;
    }

    .heading {
        background: url(../img/appimages/Box_08.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        /* background-image: linear-gradient(to bottom,#B88214, #C29125, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
        font-weight: 700;
        font-size: 15px !important;
        margin-bottom: 5px;
        /* margin-top: 8px; */
        /* padding: 5px 0; */
        line-height: 1.6;
        /* background: #ffffff; */
        border-radius: 10px;
    }
    .mjdma {
        background-image: linear-gradient(to bottom, #c29125, #b68012, #ddb850, #f8de7a, #fdec98, #fdec98, #fdeb95, #efd06b, #d3a93f);
        font-weight: 700;
        font-size: 14px !important;
        padding: 5px 0 5px 10px !important;
    }

    .bog_Gc1 {
        font-size: 12px !important;
        font-weight: 400 !important;
    }
    span.top5sell {
        font-size: 14px !important;
        font-weight: 600 !important;
        /* padding: 1px 5px 1px!important; */
    }
    span.top25span {
        font-size: 16px;
        font-weight: 500;
        padding: 1px 8px 1px !important;
    }
    span.top5span {
        font-size: 18px;
        font-weight: 700;
        /* padding: 1px 10px 1px!important; */
        border-radius: 4px;
    }
    span.top55span {
        font-size: 18px;
        font-weight: 700;
        padding: 1px 10px 1px !important;
    }
    .topMar {
        margin-bottom: 4%;
        font-size: 15px;
    }
    .goldd1Buysell {
        font-size: 13px;
        color: #fff;
    }

    span.bloc_GS {
        font-size: 9px;
        line-height: 1.6;
    }

    .liverates_sec {
        /*background: #101010;*/
        background: url(../img/bg/5.png) center;
    }

    .main_logoo {
        width: 90%; /*border-radius:15px;*/
    }

    html.svg.history.video.supports.boxshadow.csstransforms3d.csstransitions.webkit.chrome.linux.js.mobile.touch.sticky-header-enabled.sticky-header-active img.main_logoo {
        max-height: 60px;
        display: none;
    }

    .hide-Mobile {
        display: none;
    }

    .page-header {
        background-color: #f1f3f7;
        margin: 0 0 50px 0;
        min-height: 50px; /* padding: 55px 0; */ /* padding: 170px 0 55px 0; */ /* padding: 275px 0 55px 0; */
        padding: 55px 0 55px 0;
        position: relative;
        text-align: center;
    }

    .logo_img {
        /*width:71%;*/
        height: auto !important;
    }

    .pad-5px-tb {
        /*padding: 2px 0 0 !Important;*/
    }
    table.goldd1 {
        /* border-top-left-radius: 5px;
        border-top-right-radius: 5px; */
        background-image: url(../img/appimages/Box4.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        /* border-radius: 5px; */
        overflow: hidden;
        /* background-color: #fff; */
        /* line-height: 1.6; */
    }
}

@media (min-width: 501px) {
    .boxImg {
        max-width: 40px;
    }
    .boxImg1 {
        max-height: 33px;
    }
    .price-info {
        margin-right: 27.5px !important;
        color: #fff;
    }
    #DateAndtime {
        font-size: 1.2rem;
    }
    table.goldd tr:nth-child(1) td {
        padding-top: 5px !important;
    }
    table.goldd tr:nth-child(2) td {
        line-height: 1.2;
        /* padding-top: 5px !important; */
        font-size: 15px;
    }
    table.goldd tr:nth-child(3) td {
        line-height: 1.2;
        padding-bottom: 5px !important;
    }
    .Delete_Ac {
        /* position: fixed;
        right: 85px;
        top: 78px;
        z-index: 999; */
        padding: 0px 20px;
        /* border: 1px solid #fff;
        background: #FFF; */
        /* border-radius: 5px;  */
    }
    table.goldd tr:nth-child(1) td {
        /* border-bottom: 1px solid #e0b034; */
        /* font-weight: 600;
    background: #bc9c3f;
    color: #fff !important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px; */
        /* background-image: linear-gradient(to bottom, #F6DB77, #E2BE56, #D0A53B ); */
        /* background-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
        /* border-radius: 5px; */
        line-height: 1.3;
        font-size: 16px !important;
        /* background-image: url(../img/appimages/Strock.png);
        background-size: 70% 3%;
        background-position: center bottom;
        background-repeat: no-repeat; */
        color: #fff !important;
        /* font-family: 'Montserrat' !important;  */
    }
    table.table1001 td:nth-child(1) table.goldd {
        /* border-bottom-right-radius: 10px !Important; */
    }

    table.table1001 td:nth-child(3) table.goldd {
        /* border-bottom-left-radius: 0px !Important; */
    }

    .social_icons img {
        width: 100px;
        /* padding: 1px; */
        border-radius: 5px;
        /* height: 40px; */
        /* background-color: #ECAF4C; */
        transition: 0.5s;
        background-image: linear-gradient(to bottom, #c29125, #b68012, #ddb850, #f8de7a, #fdec98, #fdec98, #fdeb95, #efd06b, #d3a93f);
    }
    .social_icons img:hover {
        background-position: right center;
        background-image: linear-gradient(to right, #e6c35d 0%, #ddb850 51%, #e6c35d 100%);
    }

    table.goldd tr td {
        text-align: center !important;
        /* padding: 10px !important; */
    }
    table.goldd1 tr td {
        text-align: center !important;
        padding: 10px !important;
    }

    .imgbnk {
        width: 100%;
    }
    /* .{
    padding-top: 100px;
} */

    .bgblue {
        padding-top: 8px;
        /* background:#fff; */
    }
    /* table.table1001 td:nth-child(2) table {
        border-radius: 5px;
    } */
    .table1001 {
        width: 100%;
        line-height: 1.4;
        background-repeat: no-repeat;
    }
    .table1001 td {
        /* width: 24%; */
        font-weight: 700 !important;
    }
    table.table1001 tr td {
        /* padding: 0px 8px !important; */
    }
    .table1002 {
        width: 100%;
        line-height: 1.4;
        margin-top: 10px;
        /* background-color: #ddb850; */
        border-spacing: 0px 5px;
        /* padding: 8px 10px; */
        border-collapse: separate;
    }
    .table1002 td {
        width: 50%;
        font-weight: 600 !important;
    }
    table.table1002 tr td {
        padding: 3px 3px !important;
    }
    table.goldd tr:nth-child(1) td {
        /* border-bottom: 1px solid #e0b034; */
        /* font-weight: 600;
        background: #bc9c3f;
        color: #fff !important;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px; */
    }
    table.goldd tr td {
        /* border-radius:10px;
        padding:10px !important; */
    }
    table.goldd {
        /* box-shadow: 0px 2px 0px 0px #c9a155, 1px -1px 0px 0px #c9a155, 0px -1px 0px 0px #c9a155, -1px 0px 0px 0px #c9a155; */
        /* border-radius: 7px; */
        /* background-image: linear-gradient(to bottom,#FBEE7D, #A07527); */
        /* border-collapse: separate; */
        /* border-spacing: 5px 0px; */
        /* background-image: url(../img/appimages/Box_02.png);
    background-size: 100% 100%;
    background-repeat: no-repeat; */
        /* border-radius: 5px; */
        overflow: hidden;
        /* background: #fff; */
    }

    table.goldd1 {
        /* border-top-left-radius: 5px;
        border-top-right-radius: 5px; */
        background-image: url(../img/appimages/Box4.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        /* border-radius: 5px; */
        overflow: hidden;
        /* background-color: #fff; */
        /* line-height: 1.6; */
    }
    table.goldd1 tr:nth-child(1) td {
        line-height: 1.3;
        font-size: 18px !important;
        color: #fff;
        /* background-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
    }
    table.goldd1 tr:nth-child(2) td {
        line-height: 1.3;
        /* margin-top: 10px!important; */
    }
    table.goldd1 tr:nth-child(3) td {
        line-height: 1.3;
    }
    table.goldd1 tr:nth-child(4) td {
        line-height: 2.6;
    }
    table.goldd2 {
        background: url(../img/swastik/Silver.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        line-height: 1.6;
    }

    table.goldd3 {
        background: url(../img/swastik/Inr.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        line-height: 1.6;
    }
    table {
        /* margin-bottom: 0px; */
        /* border-collapse: separate; */
        /* border-spacing: 0 7px; */
    }

    .headertable1 {
        /*background:#e4a40a;
        color:#2a1a0d;*/
        /*background-image: linear-gradient(to right, #646ffc, #726bfc, #8664fc, #8e62fd, #9372f0);*/
        /*background: #696969;*/
        color: #fff;
        background: #fff;

        line-height: 2;
    }
    .headertable1 th {
        text-align: center;
    }
    .ratevalue1 {
        text-align: left;
        font-size: 18px;
        font-weight: 700;
    }

    table#liveratetable_2 .table1,
    table#liveratetable_3 .table1 {
        background: #fff;
    }

    table#liveratetable_2 .table1 td.ratevalue1,
    table#liveratetable_3 .table1 td.ratevalue1 {
        color: #fff !important;
        font-weight: 700;
        font-size: 18px;
        /* padding: 10px 5px !important; */
    }
    .ratevalue4,
    .ratevalue3 {
        font-weight: 700;
        font-size: 22px;
        /* padding: 10px 5px !important; */
    }
    .toptable_ratesFont {
        font-weight: 700;
        font-size: 32px !important;
    }
    .buylive {
        background: url(../img/swastik/Buy.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        line-height: 1.6;
    }
    .newFont {
        font-size: 15px;
    }

    table.res_mob_font_width,
    .rate_top {
        /* background-image: url(../img/appimages/Box4.png); */
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        /* border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1!important; */
        /* border-top: 1.5px solid; */
        /* border-bottom: 1.5px solid;
    border-right: 1.5px solid;
    border-left: 1.5px solid; */
        /* border-bottom: 3px solid transparent;
    border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1; */
        /* padding: 7px 0; */
        /* background-image: url(../img/appimages/Strock.png);
    background-size: 100% 1%;
    background-repeat: no-repeat;
    background-position: center bottom; */
        border-collapse: separate;
        line-height: 1.2;
        border: 1px solid #eae2d7;
        margin-top: 6px;
        /* background-color: #f4f4f4; */
        /* border-radius: 10px; */
    }

    table.res_mob_font_width1 {
        /* background-image: url(../img/appimages/Strock.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 3%; */
        /* border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1!important; */
        /* border-top: 1.5px solid; */
        /* border-bottom: 1.5px solid;
    border-right: 1.5px solid;
    border-left: 1.5px solid; */
        /* border-bottom: 3px solid transparent;
    border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1; */
        /* padding: 7px 0; */
        background-image: url(../img/appimages/Strock.png);
        background-size: 100% 1%;
        background-repeat: no-repeat;
        background-position: center bottom;
        border-collapse: separate;
        line-height: 1.3;
    }
    .HL_img {
        width: 20px;
        margin-right: 5px;
        vertical-align: top !important;
    }
    table.res_mob_font_width2 {
        /* background-image: url(../img/appimages/Strock.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 3%; */
        /* border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1!important; */
        /* border-top: 1.5px solid; */
        /* border-bottom: 1.5px solid;
    border-right: 1.5px solid;
    border-left: 1.5px solid; */
        /* border-bottom: 3px solid transparent;
    border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1; */
        /* padding: 7px 0; */
        /* border: 0.5px solid #e8c660 !important;
    background-color: #232325; */
        /* border-right: 1.5px solid;
    border-left: 1.5px solid; */
        border-collapse: separate;
        margin-bottom: 6px;
        /* border-radius: 10px; */
        line-height: 1.6;
        border-bottom: 1px solid #fff;
    }
    .table1001 {
    }
    .desktop-show {
        display: none;
    }
    .mobile-hide {
        display: initial;
    }

    .after1_black:after {
        content: "";
        position: absolute;
        top: 16px;
        height: 50px;
        width: 33%;
        /* border-right: 2px solid #e3c070; */
    }

    .after2_black:after {
        content: "";
        position: absolute;
        left: 0%;
        top: 16px;
        height: 50px;
        width: 66%;
        /* border-right: 2px solid #e3c070; */
    }

    table.Trending_Table_Root tr td {
        /* padding: 2px 3px; */
        /* font-size: 18px; */
        /* font-weight: 700; */
    }

    .span2 {
        /* padding: 0px 5px 2px; */
        font-size: 25px;
        font-weight: 600;
    }
    .span3 {
        /* padding: 3px 0px; */
        font-size: 13px;
        font-weight: 600;
    }
    .vis {
        /* display: none; */
        display: block;
    }

    .heading {
        /* background-image: url(../img/appimages/Box_07.png);
        background-size: 100% 100%;
        background-repeat: no-repeat; */
        /* background-image: linear-gradient(to bottom,#B88214, #C29125, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
        font-weight: 700;
        font-size: 18px !important;
        /* border-radius: 5px; */
        margin-bottom: 5px;
        /* margin-top: 10px; */
        line-height: 1.6;
        /* background: #ffffff; */
        /* padding: 8px 0!important; */
        border-radius: 10px;
    }
    .mjdma {
        background-image: linear-gradient(to bottom, #c29125, #b68012, #ddb850, #f8de7a, #fdec98, #fdec98, #fdeb95, #efd06b, #d3a93f);
        font-weight: 700;
        font-size: 15px !important;
        padding: 5px 0 5px 10px !important;
    }
    .bog_Gc1 {
        font-size: 13px !important;
        font-weight: 400 !important;
    }
    span.top5sell {
        font-size: 16px !important;
        font-weight: 600 !important;
        /* padding: 1px 5px 1px!important; */
    }
    .goldd1Buysell {
        font-size: 18px;
        color: #fff;
    }

    span.top25span {
        font-size: 22px;
        font-weight: 500;
        padding: 1px 10px 1px !important;
    }
    span.top5span {
        font-size: 26px;
        font-weight: 700;
        /* padding: 1px 15px 1px!important; */
        border-radius: 4px;
    }
    span.top55span {
        font-size: 20px;
        font-weight: 700;
        padding: 1px 12px 1px !important;
    }
    .topMar {
        margin-bottom: 2%;
        font-size: 18px;
        /* padding: 10px; */
    }
    .top6span {
        font-size: 26px;
        font-weight: 600 !important;
        padding: 1px 15px 1px !important;
        /* padding: 3px; */
        /* font-size: 22px; */
    }
    .top4span {
        font-size: 16px;
        font-weight: 600 !important;
        /* padding: 3px; */
        /* font-size: 22px; */
    }
    .top2span {
        font-size: 12px;
        font-weight: 600 !important;
    }

    .sell {
        font-size: 14px !important;
        font-size: 600 !important;
        color: #fff !important;
    }
    .imgWidth {
        width: 25%;
    }
    .LogoImgWidth {
        display: none;
        width: 56%;
        /* max-height: 90px; */
        margin-left: 22%;
        padding: 10px 10px;
    }
    .LogoImgWidth1 {
        /* width: 18%; */
        /* max-height: 90px; */
        /* margin-left: 20%; */
        padding: 4px 0px;
        width: 65%;
        align-items: inherit;
        text-align: -webkit-center;
    }
    span.bloc_GS {
        font-size: 12px;
        font-weight: 600;
    }

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

    .buy_sell_label {
        /* color: #fff; */
        padding: 15px 0px 15px 10px !important;
        font-size: 20px !important;
        font-weight: 600;
        color: #fff !important;
        /* font-family: "Montserrat", sans-serif !important; */

        /* border-right:  1px solid #d4d4d4; */
    }
    .buy_sell_label2 {
        /* color: #fff; */
        font-weight: 500;
        font-size: 13px !important;
        padding: 0px 5px 0px 10px !important;
        color: #fff !important;
        /* font-family: "Montserrat", sans-serif !important; */
        /* border-right:  1px solid #d4d4d4!important; */
    }

    table.res_mob_font_width,
    .res_mob_font_width1,
    .rate_top {
        /* background-image: url(../img/appimages/Box4.png); */
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        /* border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1!important; */
        /* border-top: 2px solid #000; */
        /* border-bottom: 1.5px solid;
        border-right: 1.5px solid;
        border-left: 1.5px solid; */
        /* background-image: url(../img/appimages/Strock.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 3%; */
        /* border-bottom: 3px solid transparent;
        border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1; */
        padding: 0px 0;
        /* background-image: url(../img/appimages/Strock.png);
        background-size: 100% 1%;
        background-repeat: no-repeat;
        background-position: center bottom; */
        border-collapse: separate;
        border: 1px solid #eae2d7;
        margin-top: 6px;
        /* background-color: #f4f4f4; */
        border-radius: 10px;
    }

    table.res_mob_font_width span#mainspan {
        font-size: 28px !important;
        font-weight: 700 !important;
    }
    table.res_mob_font_width td {
        /* border: 1px solid #bc8b0b; */
        /* border-bottom: 1px solid #d4d4d4 !important; */
        /* background-image: linear-gradient(#000,#000) ; */
    }
    table.tt_33 {
        /* margin-top: 8px; */
        /* background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.72)), url(../img/logo/logo7.jpeg) top no-repeat;
     background-size: 55%; */
    }

    table.res_mob_font_width.span {
        font-size: 24px !important;
    }

    .main_logoo {
        /*max-height:95px;*/
        max-height: 150px; /*border-radius:15px;*/
    }

    html.svg.history.video.supports.boxshadow.csstransforms3d.csstransitions.webkit.chrome.win.js.sticky-header-enabled.sticky-header-active .pad-5px-tb {
        display: none;
    }

    .liverates_sec {
        /*background: #101010;*/
        background: url(../img/bg/5.png) center;
    }
}

@media (min-width: 1601px) {
    table.res_mob_font_width {
        margin-bottom: 15px !important;
        line-height: 2;
    }
    table.goldd tr:nth-child(1) td {
        font-size: 20px !important;
    }
    table.table1001 tr td {
        padding: 0px 0px 0 !important;
    }
    table.table1002 tr td {
        padding: 7px 6px 0 !important;
    }
    span.top5span {
        font-size: 38px !important;
    }
    span.bloc_GS {
        font-size: 14px !important;
        font-weight: 600;
    }
    .buy_sell_label {
        /* color: #fff; */
        padding: 20px 0px 20px 25px !important;
        font-size: 26px !important;
        font-weight: 600;
        /* border-right: 1px solid #d4d4d4; */
    }
    span.top55span {
        font-size: 38px;
        font-weight: 600;
    }
    .sell {
        font-size: 16px !important;
    }
}

@media (min-width: 901px) and(max-width: 1600px) {
    .heading {
        /* background-image: url(../img/appimages/Box_07.png);
        background-size: 100% 100%;
        background-repeat: no-repeat; */
        /* background-image: linear-gradient(to bottom,#B88214, #C29125, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
        font-weight: 700;
        font-size: 16px !important;
        /* background: #ffffff; */
    }
    .bog_Gc1 {
        font-size: 14px !important;
        font-weight: 500 !important;
    }
    span.bloc_GS {
        font-size: 14px !important;
        font-weight: 600;
    }
    span.top25span {
        font-size: 26px;
        font-weight: 500;
        padding: 1px 10px 1px !important;
    }
    span.top5span {
        font-size: 28px;
        font-weight: 700;
        /* padding: 2px 15px 2px!important; */
        border-radius: 4px;
    }
    span.top55span {
        font-size: 30px;
        font-weight: 700;
        padding: 1px 15px 1px !important;
    }
    .top6span {
        font-size: 30px;
        font-weight: 600 !important;
        padding: 1px 15px 1px !important;
        /* padding: 3px; */
        /* font-size: 22px; */
    }

    .buy_sell_label {
        /* color: #fff; */
        padding: 18px 0px 18px 25px !important;
        font-size: 20px !important;
        font-weight: 500;
        color: #fff !important;
        /* font-family: "Montserrat", sans-serif !important; */

        /* border-right:  1px solid #d4d4d4; */
    }
    .sell {
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #fff !important;
    }
    td.bg_white {
        background: linear-gradient(to right, #000, #000);
        box-shadow: 0px 1px 2px 0px #353131;
    }
    /* .min_h{
        background: repeating-linear-gradient(#74ABDD, #74ABDD 49.9%, #498DCB 50.1%, #498DCB 100%);
        padding-top: 10%;
    } */
    .Trending_Table_Child1 {
        /* margin-top: -10%; */
    }
    #stablelogo {
        padding: 25px 0;
    }

    #iconimage img {
        /* min-width: 300px !important; */
        /* min-height: 100px !important; */
        /* margin-left: 25px; */
    }
    .mar_gin {
        margin-top: 5%;
    }
}

@media (max-width: 900px) {
    #stablelogo {
        padding: 10px 0;
    }

    #header > .header-body {
        top: -194px !important;
    }

    .big_ps_as {
        width: 50% !important;
        display: initial !important;
    }

    .mob-none {
        /* display: none !important; */
    }
    .social_icons {
        text-align: center !important;

        /* border-top: 1px solid; */
        padding-top: 10px;
    }
    .social_icons img {
        width: 80px;
    }
    td.bg_white {
        background: linear-gradient(to right, #000, #000);
        box-shadow: 0px 1px 2px 0px #353131;
    }
    .min_h {
        height: 50px;
        /* margin: 0px; */
    }

    .mar_gin {
        margin-top: 10%;
    }
    .Trending_Table_Child1 {
        /* margin-top: -16%; */
    }

    #iconimage img {
        /* min-width: 300px !important; */
        /* min-height: 50px !important; */
        /* margin-left: 20px !important; */
    }

    html.sticky-header-active .scroll-logo {
        display: initial !important;
    }
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#footer .section * {
    color: #fff !important;
}
.timeee {
    background: #eae2d7 !important;
    color: #fff !important;
}
.paddingg {
    color: #fff !important;
}
.heading {
    position: relative;
    font-weight: 700;
    font-size: 18px !important;
    margin-bottom: 5px;
    /* margin-top: 10px; */
    line-height: 1.6;
    background-image: url(../img/appimages/Box_08.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 10px;
    /* background: #ffffff; */
}

/* gradient border at bottom */
/* .heading::after {
    content: "";
    position: absolute;
    left: 223px;
    transform: translateX(-50%);
    bottom: -16px;
    width: 33%;
    height: 8px;
    background: linear-gradient(to right, #b88214, #c29125, #ddb850, #f8de7a, #fdec98, #fdeb95, #efd06b, #d3a93f);
} */
.Trending_Table_Root {
    overflow: hidden;
}
#iconimage .row {
    justify-content: center;
}
.res_mob_font_width {
    table-layout: fixed;
    border-collapse: collapse;
}
.res_mob_font_width td {
    vertical-align: middle;
}
#footer .section {
    padding: 4rem !important;
    padding-left: 5rem !important;
}
/* Hide only the Terms & Conditions link in the footer */
#footer a[href*="TermsAndCondition.html"] {
    display: none !important;
}
/* Hide KYC */
#mainNav li:has(a[href="KYC.html"]) {
    display: none !important;
}

/* Hide Calculator */
#mainNav li:has(a[href="Calculator.html"]) {
    display: none !important;
}

/* Hide KYC */
#mainNav li:has(a[href="../KYC.html"]) {
    display: none !important;
}

/* Hide Calculator */
#mainNav li:has(a[href="../Calculator.html"]) {
    display: none !important;
}
.LogoImgWidth1 + span {
    font-size: 42px;
    font-weight: 800;
    text-transform: uppercase;
    background: linear-gradient(90deg, #f3d28a 0%, #d6a03c 35%, #f29c2b 60%, #c62828 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: none;
}

@media (max-width: 991px) {
    #iconimage .brand-title {
        font-size: 24px;
    }

    #iconimage .brand-stroke {
        width: min(170px, 60%);
    }
}
#footer .section {
    padding: 4rem;
    padding-left: 5rem !important;
}
.sell {
    padding: 10px 0px 0px 10px !important;
}
.res_mob_font_width tr {
    position: relative;
}

/* .res_mob_font_width tr::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 55%;
    width: 50%;
    height: 100%;
    background: url("../img/appimages/Box3.png") no-repeat top center;
    background-size: 64% 85%;
    pointer-events: none;
    z-index: 0;
    background-position: 50% 60%;
} */
.res_mob_font_width td {
    position: relative;
    z-index: 1;
}
table.table1001 table.goldd {
    /* min-height: 110px; */
    margin-top: 6px;
}
.sell {
    word-spacing: 8px;
}

@media (max-width: 500px) {
    .sell {
        padding: 0px 0px 0px 0px !important;
    }
    /* .res_mob_font_width tr::after {
        content: "";
        position: absolute;
        top: -1px;
        left: 55%;
        width: 50%;
        height: 100%;
        background: url("../img/appimages/Box3.png") no-repeat top center;
        background-size: 80% 85%;
        pointer-events: none;
        z-index: 0;
        background-position: 50% 60%;
    } */
    table.table1001 table.goldd {
        min-height: 67px;
        margin-top: 6px;
    }
    .table1001 .table.goldd tr > td:first-child {
        padding-left: 10px !important;
    }
}

#gvData_coins .res_mob_font_width tr::after {
    background: transparent !important;
}
.span.bloc_GS,
.bloc_GS {
    color: #fff;
}

.buy_sell_label2 {
    display: none !important;
}

#iconimage {
    position: relative; /* IMPORTANT */
    /* min-height: 113px; */
    display: flex;
    align-items: end;
}

#mainNav li {
    display: list-item !important;
}

/* #iconimage::before {
    content: "K.G.F";
    position: absolute;
    top: 15%;
    left: 43%;
    color: #fff;
    font-size: 45px;
    font-weight: 700;
} */
@media (max-width: 767px) {
    #iconimage {
        position: relative;
        min-height: 86px;
        display: flex;
        align-items: end;
    }
    .swiper-pagination1.swiper-pagination-clickable {
        margin-top: 16px !important;
    }

    /* #iconimage::before {
        content: "K.G.F";
        position: absolute;
        top: 28%;
        left: 37%;
        color: #fff;
        font-size: 38px;
        font-weight: 700;
    } */
}
.boxImg {
    max-width: 40px;
}
.boxImg1 {
    max-height: 33px;
}
.swiper-pagination-bullet img {
    width: 40px;
    height: 40px;
}
.swiper-pagination-bullet {
    display: flex;
    flex-direction: column; /* stack items vertically */
    align-items: center; /* center horizontally */
    justify-content: center; /* center vertically */
    text-align: center;
}
.swiper-pagination-bullet img {
    margin-bottom: 5px; /* space between image & text */
}
.swiper-pagination1.swiper-pagination-clickable {
    margin-top: 10px;
}
.city-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    font-family: Arial, sans-serif;
    justify-content: center;
}

.city-wrapper label {
    font-size: 22px;
    font-weight: 500;
}

/* Select box */
.custom-select {
    position: relative;
    width: 260px;
}

/* Gold background + border */
.city-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* NEW CLASS (no conflict) */
.gold-select {
    position: relative;
    width: 260px;
}

.gold-select select {
    width: 100%;
    height: 40px;
    padding: 0 45px 0 20px;
    font-size: 20px;
    font-weight: 600;

    border-radius: 12px;
    border: 2px solid #c9b37c;

    background: linear-gradient(to right, #f5f2e8, #e6c873);
    color: #fff;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    outline: none;
}

/* Arrow */
.gold-select::after {
    content: "⌄";
    position: absolute;
    right: 15px;
    top: 35%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 20px;
}

/* Arrow */
.custom-select::after {
    content: "⌄";
    font-size: 22px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #fff;
}
.heading span {
    font-size: 15px;
    font-weight: 600;
    background: linear-gradient(90deg, #d4b26a, #b79143, #b79143);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Box2 live-rate theme */
body,
.body,
.main,
.section,
.header-body,
#footer {
    background-color: #0c1217;
}

.headImg,
.naviRow,
.footer-copyright,
#footer .section {
    background-color: #11181f !important;
}

#iconimage span span,
.headingTop,
.LiveRates_Heading,
.heading,
.heading span,
.font-weight-bold.text-4,
.font-weight-bold {
    color: #d8a84e !important;
    -webkit-text-fill-color: initial !important;
    background: none !important;
}

.div_spott,
.div_spot,
.bgN1,
.swiper-slideTrending,
.swiper-slidePortfolio,
.Trending_Table_Root,
.Trending_Table_Child1 {
    background: transparent !important;
}

.city-wrapper {
    margin: 6px auto 12px;
    justify-content: center;
}

.city-wrapper label {
    color: #d8a84e;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.gold-select {
    width: 180px;
}

.gold-select select {
    height: 42px;
    border-radius: 14px;
    border: 1px solid #3a4551;
    background: #151d24;
    color: #f3f0ea;
    font-size: 16px;
    font-weight: 600;
    box-shadow: inset 0 0 0 1px rgba(255, 214, 143, 0.06);
}

.gold-select::after {
    content: "⌄";
    color: #d8a84e;
    top: 48%;
}

.swiper-pagination1.swiper-pagination-clickable {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: stretch;
    margin: 2px 0 10px !important;
    flex-wrap: nowrap;
    width: min(98%, 100%);
    margin-left: auto !important;
    margin-right: auto !important;
}

.swiper-pagination1.swiper-pagination-clickable .swiper-pagination-bullet {
    flex: 1 1 0;
    width: auto !important;
    min-width: 0;
    min-height: 52px;
    margin: 0 !important;
    padding: 7px 6px 6px;
    border-radius: 12px;
    border: 1px solid #2d3740;
    background: #171f26 !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    color: #f2f2f2 !important;
    box-shadow: inset 0 0 0 1px rgba(255, 213, 123, 0.05);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.15;
}

.swiper-pagination1.swiper-pagination-clickable .swiper-pagination-bullet > span {
    display: block;
    width: 100%;
    max-width: 100%;
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0;
}

.swiper-pagination1.swiper-pagination-clickable .swiper-pagination-bullet-active {
    border-color: #d8a84e;
    box-shadow:
        0 0 0 1px rgba(216, 168, 78, 0.25),
        inset 0 0 0 1px rgba(216, 168, 78, 0.08);
}

.swiper-pagination-bullet img {
    width: 28px;
    height: 28px;
    margin-bottom: 4px;
    object-fit: contain;
}

table.table1001 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px 0;
    margin: 0 0 10px;
}

table.table1001 td {
    padding: 0 !important;
}

table.goldd1,
table.goldd2,
table.goldd3 {
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border-radius: 16px;
    background-color: #171f26;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

table.goldd1 {
    background-image: url(../img/appimages/Box1.png) !important;
}

table.goldd2 {
    background-image: url(../img/appimages/Box2.png) !important;
}

table.goldd3 {
    background-image: url(../img/appimages/Box3.png) !important;
}

table.goldd1 tr:first-child td,
table.goldd2 tr:first-child td,
table.goldd3 tr:first-child td {
    color: #d8a84e !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding-top: 14px !important;
}

table.goldd1 tr:nth-child(2) td,
table.goldd2 tr:nth-child(2) td,
table.goldd3 tr:nth-child(2) td,
.toptable_ratesFont,
.ratevalue4,
.ratevalue3 {
    color: #d8a84e !important;
    font-size: 20px !important;
    font-weight: 800 !important;
}

table.goldd1 tr td,
table.goldd2 tr td,
table.goldd3 tr td {
    color: #f1f1f1 !important;
    text-align: center !important;
}

table.res_mob_font_width,
table.res_mob_font_width_coins {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #26313a !important;
    border-radius: 16px;
    border-collapse: separate !important;
    border-spacing: 0;
    overflow: hidden;
    background: linear-gradient(180deg, #151d24 0%, #11181f 100%) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 214, 143, 0.04);
}

table.res_mob_font_width td,
table.res_mob_font_width_coins td {
    background: transparent !important;
    border: 0 !important;
    color: #f0f1f3 !important;
    padding: 11px 10px !important;
}

table.res_mob_font_width td:first-child,
table.res_mob_font_width_coins td:first-child {
    width: 40%;
    text-align: left !important;
    font-size: 14px !important;
    line-height: 1.35;
}

table.res_mob_font_width td:nth-child(2),
table.res_mob_font_width td:nth-child(3),
table.res_mob_font_width_coins td:nth-child(2),
table.res_mob_font_width_coins td:nth-child(3) {
    width: 30%;
    text-align: center !important;
    color: #d8a84e !important;
    font-size: 18px !important;
    font-weight: 800 !important;
}

table.res_mob_font_width span,
table.res_mob_font_width_coins span {
    color: inherit !important;
}

table.res_mob_font_width tr td small,
table.res_mob_font_width tr td .newFont,
table.res_mob_font_width_coins tr td small,
table.res_mob_font_width_coins tr td .newFont,
span.bloc_GS {
    color: #9099a3 !important;
    font-size: 11px !important;
}

.headertable1,
.headertable1 th {
    background: transparent !important;
    color: #d8a84e !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.marquee {
    background: #11181f !important;
    color: #d8a84e !important;
    border-top: 1px solid #26313a;
    border-bottom: 1px solid #26313a;
}

.marquee p,
.marquee span {
    color: #d8a84e !important;
}

#footer p,
#footer a,
#footer span,
.footer-copyright p {
    color: #d5d9de !important;
}

/* Contact/footer information blocks: keep existing data, improve structure */
.icon-box.icon-box-style-1 .icon-box-info,
.icon-box.icon-box-style-1 .icon-box-info.mt-1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.icon-box.icon-box-style-1 .icon-box-info-title {
    width: 100%;
    margin: 0;
}

.icon-box.icon-box-style-1 .icon-box-info-title h3 {
    margin: 0;
    font-size: 1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px;
    line-height: 1.25;
}

.icon-box.icon-box-style-1 .icon-box-info p,
.icon-box.icon-box-style-1 .icon-box-info a {
    margin: 0;
    font-size: 15px;
    line-height: 1.9;
    text-align: left;
    word-break: break-word;
}

.icon-box.icon-box-style-1 .icon-box-info a {
    display: inline-block;
}

.icon-box.icon-box-style-1 .icon-box-icon {
    align-self: flex-start;
    padding-top: 2px;
}

@media (max-width: 767px) {
    #header .header-top {
        display: none !important;
    }

    .headImg .container .row {
        min-height: auto;
        row-gap: 8px;
    }

    .LogoImgWidth1 {
        max-width: 112px;
        max-height: 62px;
    }

    .swiper-pagination1.swiper-pagination-clickable {
        gap: 8px;
        flex-wrap: nowrap;
        width: min(92%, 360px);
    }

    .swiper-pagination1.swiper-pagination-clickable .swiper-pagination-bullet {
        flex: 1 1 0;
        min-height: 62px;
        padding: 6px 5px;
        font-size: 12px !important;
    }

    .swiper-pagination1.swiper-pagination-clickable .swiper-pagination-bullet > span {
        font-size: 10px;
    }

    .icon-box.icon-box-style-1 .icon-box-info p,
    .icon-box.icon-box-style-1 .icon-box-info a {
        font-size: 14px;
        line-height: 1.8;
    }

    table.table1001 {
        border-spacing: 8px 0;
    }

    table.goldd1 tr:nth-child(2) td,
    table.goldd2 tr:nth-child(2) td,
    table.goldd3 tr:nth-child(2) td {
        font-size: 17px !important;
    }

    table.res_mob_font_width td:first-child,
    table.res_mob_font_width_coins td:first-child {
        font-size: 13px !important;
    }
}

@media (max-width: 1024px) {
    .div-spott,
    .div_spott,
    .div_spot,
    #my-tab,
    .swiper-container.s1 {
        width: 100% !important;
        max-width: 100%;
    }

    .swiper-pagination1.swiper-pagination-clickable {
        width: min(96%, 720px);
        gap: 8px;
    }

    .swiper-pagination1.swiper-pagination-clickable .swiper-pagination-bullet {
        min-height: 66px;
        padding: 6px 6px;
    }

    .swiper-pagination1.swiper-pagination-clickable .swiper-pagination-bullet > span {
        font-size: 0.68rem;
    }

    .swiper-pagination-bullet img {
        width: 24px;
        height: 24px;
        margin-bottom: 3px;
    }

    .city-wrapper {
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 10px;
    }

    .gold-select {
        width: min(100%, 240px);
    }

    table.table1001 {
        border-spacing: 8px 0;
    }

    table.goldd1 tr:first-child td,
    table.goldd2 tr:first-child td,
    table.goldd3 tr:first-child td {
        font-size: 14px !important;
        padding-top: 12px !important;
    }

    table.goldd1 tr:nth-child(2) td,
    table.goldd2 tr:nth-child(2) td,
    table.goldd3 tr:nth-child(2) td,
    .toptable_ratesFont,
    .ratevalue4,
    .ratevalue3 {
        font-size: 17px !important;
    }

    table.res_mob_font_width td:first-child,
    table.res_mob_font_width_coins td:first-child {
        width: 46%;
        font-size: 13px !important;
        line-height: 1.3;
    }

    table.res_mob_font_width td:nth-child(2),
    table.res_mob_font_width td:nth-child(3),
    table.res_mob_font_width_coins td:nth-child(2),
    table.res_mob_font_width_coins td:nth-child(3) {
        width: 27%;
        font-size: 16px !important;
    }
}

@media (max-width: 768px) {
    .swiper-pagination1.swiper-pagination-clickable {
        width: 100%;
        gap: 8px;
    }

    .swiper-pagination1.swiper-pagination-clickable .swiper-pagination-bullet {
        min-height: 72px;
        border-radius: 12px;
    }

    .Trending_Table_Root,
    .Trending_Table_Child1 {
        width: 100% !important;
        table-layout: fixed;
    }

    table.table1001 {
        display: block;
        width: 100%;
        border-spacing: 0;
        margin-bottom: 8px;
    }

    table.table1001 > tbody,
    table.table1001 > tbody > tr {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
    }

    table.table1001 > tbody > tr > td {
        display: block;
        width: 100% !important;
        min-width: 0;
    }

    table.goldd1,
    table.goldd2,
    table.goldd3 {
        width: 100%;
        border-radius: 14px;
    }

    table.goldd1 tr td,
    table.goldd2 tr td,
    table.goldd3 tr td {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    table.res_mob_font_width,
    table.res_mob_font_width_coins {
        margin-top: 8px;
        border-radius: 14px;
    }

    table.res_mob_font_width td,
    table.res_mob_font_width_coins td {
        padding: 10px 8px !important;
    }

    table.res_mob_font_width td:first-child,
    table.res_mob_font_width_coins td:first-child {
        width: 48%;
        font-size: 12px !important;
    }

    table.res_mob_font_width td:nth-child(2),
    table.res_mob_font_width td:nth-child(3),
    table.res_mob_font_width_coins td:nth-child(2),
    table.res_mob_font_width_coins td:nth-child(3) {
        width: 26%;
        font-size: 15px !important;
    }

    table.res_mob_font_width tr td small,
    table.res_mob_font_width tr td .newFont,
    table.res_mob_font_width_coins tr td small,
    table.res_mob_font_width_coins tr td .newFont,
    span.bloc_GS {
        font-size: 10px !important;
    }
}

@media (max-width: 480px) {
    .swiper-pagination1.swiper-pagination-clickable .swiper-pagination-bullet > span {
        font-size: 10px;
    }

    .swiper-pagination-bullet img {
        width: 26px;
        height: 26px;
    }

    table.table1001 > tbody > tr {
        gap: 6px;
    }

    table.goldd1 tr:first-child td,
    table.goldd2 tr:first-child td,
    table.goldd3 tr:first-child td {
        font-size: 12px !important;
    }

    table.goldd1 tr:nth-child(2) td,
    table.goldd2 tr:nth-child(2) td,
    table.goldd3 tr:nth-child(2) td,
    .toptable_ratesFont,
    .ratevalue4,
    .ratevalue3 {
        font-size: 15px !important;
    }

    table.res_mob_font_width td:first-child,
    table.res_mob_font_width_coins td:first-child {
        font-size: 11px !important;
        line-height: 1.25;
    }

    table.res_mob_font_width td:nth-child(2),
    table.res_mob_font_width td:nth-child(3),
    table.res_mob_font_width_coins td:nth-child(2),
    table.res_mob_font_width_coins td:nth-child(3) {
        font-size: 14px !important;
    }
}

/* Final live-rate responsive normalization */
#my-tab .swiper-slideTrending .Trending_Table_Root,
#my-tab .swiper-slideTrending .Trending_Table_Child1,
#my-tab .swiper-slideTrending table.table1001,
#my-tab .swiper-slideTrending table.goldd1,
#my-tab .swiper-slideTrending table.goldd2,
#my-tab .swiper-slideTrending table.goldd3,
#my-tab .swiper-slideTrending table.res_mob_font_width,
#my-tab .swiper-slideTrending table.res_mob_font_width_coins {
    max-width: 100% !important;
}

#my-tab .swiper-slideTrending .Trending_Table_Child1,
#my-tab .swiper-slideTrending table.table1001,
#my-tab .swiper-slideTrending table.res_mob_font_width,
#my-tab .swiper-slideTrending table.res_mob_font_width_coins {
    table-layout: fixed !important;
}

#my-tab .swiper-slideTrending table.table1001 td,
#my-tab .swiper-slideTrending table.res_mob_font_width td,
#my-tab .swiper-slideTrending table.res_mob_font_width_coins td {
    overflow: hidden;
}

#my-tab .swiper-slideTrending table.res_mob_font_width td,
#my-tab .swiper-slideTrending table.res_mob_font_width_coins td {
    vertical-align: middle !important;
    word-wrap: break-word;
}

#my-tab .swiper-slideTrending table.res_mob_font_width td:first-child,
#my-tab .swiper-slideTrending table.res_mob_font_width_coins td:first-child {
    white-space: normal !important;
}

#my-tab .swiper-slideTrending table.res_mob_font_width td:nth-child(2),
#my-tab .swiper-slideTrending table.res_mob_font_width td:nth-child(3),
#my-tab .swiper-slideTrending table.res_mob_font_width_coins td:nth-child(2),
#my-tab .swiper-slideTrending table.res_mob_font_width_coins td:nth-child(3) {
    white-space: nowrap !important;
}

@media (max-width: 1180px) {
    #my-tab .swiper-slideTrending table.table1001 {
        border-spacing: 8px 0 !important;
    }

    #my-tab .swiper-slideTrending table.goldd1 tr:first-child td,
    #my-tab .swiper-slideTrending table.goldd2 tr:first-child td,
    #my-tab .swiper-slideTrending table.goldd3 tr:first-child td {
        font-size: 13px !important;
        line-height: 1.2 !important;
    }

    #my-tab .swiper-slideTrending table.goldd1 tr:nth-child(2) td,
    #my-tab .swiper-slideTrending table.goldd2 tr:nth-child(2) td,
    #my-tab .swiper-slideTrending table.goldd3 tr:nth-child(2) td {
        font-size: 16px !important;
        line-height: 1.15 !important;
    }

    #my-tab .swiper-slideTrending table.res_mob_font_width td:first-child,
    #my-tab .swiper-slideTrending table.res_mob_font_width_coins td:first-child {
        width: 46% !important;
        font-size: 13px !important;
        line-height: 1.3 !important;
    }

    #my-tab .swiper-slideTrending table.res_mob_font_width td:nth-child(2),
    #my-tab .swiper-slideTrending table.res_mob_font_width td:nth-child(3),
    #my-tab .swiper-slideTrending table.res_mob_font_width_coins td:nth-child(2),
    #my-tab .swiper-slideTrending table.res_mob_font_width_coins td:nth-child(3) {
        width: 27% !important;
        font-size: 15px !important;
    }
}

@media (max-width: 1024px) and (orientation: landscape) {
    #my-tab .swiper-slideTrending table.table1001 {
        border-spacing: 10px 0 !important;
    }

    #my-tab .swiper-slideTrending table.res_mob_font_width td:first-child,
    #my-tab .swiper-slideTrending table.res_mob_font_width_coins td:first-child {
        width: 44% !important;
    }

    #my-tab .swiper-slideTrending table.res_mob_font_width td:nth-child(2),
    #my-tab .swiper-slideTrending table.res_mob_font_width td:nth-child(3),
    #my-tab .swiper-slideTrending table.res_mob_font_width_coins td:nth-child(2),
    #my-tab .swiper-slideTrending table.res_mob_font_width_coins td:nth-child(3) {
        width: 28% !important;
    }
}

@media (max-width: 820px) {
    #my-tab .swiper-slideTrending table.table1001,
    #my-tab .swiper-slideTrending table.table1001 > tbody,
    #my-tab .swiper-slideTrending table.table1001 > tbody > tr {
        display: block !important;
        width: 100% !important;
    }

    #my-tab .swiper-slideTrending table.table1001 > tbody > tr {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 2px;
    }

    #my-tab .swiper-slideTrending table.table1001 > tbody > tr > td {
        display: inline-block !important;
        width: calc(33.333% - 6px) !important;
        min-width: 112px;
        vertical-align: top;
        white-space: normal;
    }

    #my-tab .swiper-slideTrending table.goldd1,
    #my-tab .swiper-slideTrending table.goldd2,
    #my-tab .swiper-slideTrending table.goldd3 {
        width: 100% !important;
    }

    #my-tab .swiper-slideTrending table.res_mob_font_width td:first-child,
    #my-tab .swiper-slideTrending table.res_mob_font_width_coins td:first-child {
        width: 50% !important;
        font-size: 12px !important;
    }

    #my-tab .swiper-slideTrending table.res_mob_font_width td:nth-child(2),
    #my-tab .swiper-slideTrending table.res_mob_font_width td:nth-child(3),
    #my-tab .swiper-slideTrending table.res_mob_font_width_coins td:nth-child(2),
    #my-tab .swiper-slideTrending table.res_mob_font_width_coins td:nth-child(3) {
        width: 25% !important;
        font-size: 14px !important;
    }
}

@media (max-width: 580px) {
    #my-tab .swiper-slideTrending table.table1001 > tbody > tr > td {
        min-width: 104px;
    }

    #my-tab .swiper-slideTrending table.goldd1 tr:first-child td,
    #my-tab .swiper-slideTrending table.goldd2 tr:first-child td,
    #my-tab .swiper-slideTrending table.goldd3 tr:first-child td {
        font-size: 12px !important;
    }

    #my-tab .swiper-slideTrending table.goldd1 tr:nth-child(2) td,
    #my-tab .swiper-slideTrending table.goldd2 tr:nth-child(2) td,
    #my-tab .swiper-slideTrending table.goldd3 tr:nth-child(2) td {
        font-size: 14px !important;
    }

    #my-tab .swiper-slideTrending table.res_mob_font_width td,
    #my-tab .swiper-slideTrending table.res_mob_font_width_coins td {
        padding: 9px 6px !important;
    }

    #my-tab .swiper-slideTrending table.res_mob_font_width td:first-child,
    #my-tab .swiper-slideTrending table.res_mob_font_width_coins td:first-child {
        font-size: 11px !important;
    }

    #my-tab .swiper-slideTrending table.res_mob_font_width td:nth-child(2),
    #my-tab .swiper-slideTrending table.res_mob_font_width td:nth-child(3),
    #my-tab .swiper-slideTrending table.res_mob_font_width_coins td:nth-child(2),
    #my-tab .swiper-slideTrending table.res_mob_font_width_coins td:nth-child(3) {
        font-size: 13px !important;
    }
}

/* Theme-aware text colors */
body,
.body,
.main,
#footer,
.footer-copyright,
.headImg,
.naviRow,
.marquee,
.div_spot,
.div_spott,
.bgN1,
.swiper-slideTrending,
.swiper-slidePortfolio,
.Trending_Table_Root,
.Trending_Table_Child1,
table.res_mob_font_width,
table.res_mob_font_width_coins,
table.goldd1,
table.goldd2,
table.goldd3,
.adrs,
.booking,
.city-wrapper,
.gold-select select {
    color: #fff !important;
}

body p,
body span,
body a,
body li,
body td,
body th,
body label,
body small,
body strong,
body em,
body legend {
    color: inherit;
}

.css_bkdesk,
.css_bkdesk *,
.css_bkdesk1,
.css_bkdesk1 *,
.booking,
.booking *,
.adrs,
.adrs * {
    color: #f3f0ea !important;
}

input,
select,
textarea,
option,
button {
    color: #fff !important;
}

input::placeholder,
textarea::placeholder {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* Light surfaces must use dark text */
.bnkdetails,
.bnkdetails *,
.section[style*="background:#fef8e8"],
.section[style*="background:#fef8e8"] *,
.section[style*="background-color: #FFF"],
.section[style*="background-color: #FFF"] *,
.section[style*="background: #fff"],
.section[style*="background: #fff"] *,
.section[style*="background: #f4f4f4"],
.section[style*="background: #f4f4f4"] *,
.section[style*="background: #eae2d7"],
.section[style*="background: #eae2d7"] *,
.row[style*="background:#FFFFFF"],
.row[style*="background:#FFFFFF"] *,
.google-map,
.google-map *,
.contact-form,
.contact-form *,
.form-control,
.form-control * {
    color: #11181f !important;
}

.section[style*="background:#fef8e8"] .css_bkdesk,
.section[style*="background:#fef8e8"] .css_bkdesk *,
.section[style*="background:#fef8e8"] .css_bkdesk1,
.section[style*="background:#fef8e8"] .css_bkdesk1 *,
.section[style*="background:#fef8e8"] .booking,
.section[style*="background:#fef8e8"] .booking *,
.section[style*="background:#fef8e8"] .box-content,
.section[style*="background:#fef8e8"] .box-content *,
.section[style*="background-color: #FFF"] .css_bkdesk,
.section[style*="background-color: #FFF"] .css_bkdesk *,
.section[style*="background-color: #FFF"] .css_bkdesk1,
.section[style*="background-color: #FFF"] .css_bkdesk1 *,
.section[style*="background-color: #FFF"] .booking,
.section[style*="background-color: #FFF"] .booking *,
.section[style*="background-color: #FFF"] .box-content,
.section[style*="background-color: #FFF"] .box-content *,
.section[style*="background: #fff"] .css_bkdesk,
.section[style*="background: #fff"] .css_bkdesk *,
.section[style*="background: #fff"] .css_bkdesk1,
.section[style*="background: #fff"] .css_bkdesk1 *,
.section[style*="background: #fff"] .booking,
.section[style*="background: #fff"] .booking *,
.section[style*="background: #fff"] .box-content,
.section[style*="background: #fff"] .box-content *,
.section[style*="background: #f4f4f4"] .css_bkdesk,
.section[style*="background: #f4f4f4"] .css_bkdesk *,
.section[style*="background: #f4f4f4"] .css_bkdesk1,
.section[style*="background: #f4f4f4"] .css_bkdesk1 *,
.section[style*="background: #f4f4f4"] .booking,
.section[style*="background: #f4f4f4"] .booking *,
.section[style*="background: #f4f4f4"] .box-content,
.section[style*="background: #f4f4f4"] .box-content *,
.section[style*="background: #eae2d7"] .css_bkdesk,
.section[style*="background: #eae2d7"] .css_bkdesk *,
.section[style*="background: #eae2d7"] .css_bkdesk1,
.section[style*="background: #eae2d7"] .css_bkdesk1 *,
.section[style*="background: #eae2d7"] .booking,
.section[style*="background: #eae2d7"] .booking *,
.section[style*="background: #eae2d7"] .box-content,
.section[style*="background: #eae2d7"] .box-content *,
.row[style*="background:#FFFFFF"] .css_bkdesk,
.row[style*="background:#FFFFFF"] .css_bkdesk *,
.row[style*="background:#FFFFFF"] .css_bkdesk1,
.row[style*="background:#FFFFFF"] .css_bkdesk1 *,
.row[style*="background:#FFFFFF"] .booking,
.row[style*="background:#FFFFFF"] .booking *,
.row[style*="background:#FFFFFF"] .box-content,
.row[style*="background:#FFFFFF"] .box-content * {
    color: #11181f !important;
}

.section[style*="background:#fef8e8"] .icon-box-info,
.section[style*="background:#fef8e8"] .icon-box-info *,
.section[style*="background-color: #FFF"] .icon-box-info,
.section[style*="background-color: #FFF"] .icon-box-info *,
.section[style*="background: #fff"] .icon-box-info,
.section[style*="background: #fff"] .icon-box-info *,
.section[style*="background: #f4f4f4"] .icon-box-info,
.section[style*="background: #f4f4f4"] .icon-box-info *,
.section[style*="background: #eae2d7"] .icon-box-info,
.section[style*="background: #eae2d7"] .icon-box-info *,
.row[style*="background:#FFFFFF"] .icon-box-info,
.row[style*="background:#FFFFFF"] .icon-box-info * {
    color: #11181f !important;
}

.form-control::placeholder,
input.form-control::placeholder,
textarea.form-control::placeholder {
    color: rgba(17, 24, 31, 0.65) !important;
}
.boxImg,
.boxImg1 {
    display: none !important;
}

/* Final header responsive normalization */
#header > .header-body {
    top: 0 !important;
}

.headImg,
.naviRow {
    background-color: #11181f !important;
}

#header .header-top .header-top-social-icons {
    margin: 0;
    padding: 0;
}

#header .header-top .header-top-social-icons li {
    margin-left: 18px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #f3f0ea !important;
}

.headImg {
    padding: 6px 0 !important;
}

.headImg .container .row {
    min-height: 64px !important;
}

#iconimage {
    display: flex;
    justify-content: center;
    align-items: center;
}

#iconimage > span {
    width: auto !important;
    margin: 0 auto;
}

.LogoImgWidth1,
#iconimage img.LogoImgWidth1,
#iconimage img {
    width: auto !important;
    max-width: 55% !important;
    max-height: 64px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block;
}

.social_icons {
    min-height: 64px !important;
    padding-top: 0 !important;
}

.social_icons img {
    width: auto !important;
    max-width: 34px !important;
}

#header .header-btn-collapse-nav {
    margin-left: 0 !important;
}

@media (max-width: 991px) {
    #header .header-top {
        display: none !important;
    }

    .headImg {
        padding: 4px 0 !important;
    }

    .headImg .container .row {
        min-height: 56px !important;
    }

    #iconimage {
        width: 100%;
        text-align: center;
    }

    .LogoImgWidth1,
    #iconimage img.LogoImgWidth1,
    #iconimage img {
        max-width: 270px !important;
        max-height: 95px !important;
    }

    .social_icons,
    .mob-none {
        min-height: auto !important;
    }

    #navhead {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    #header .header-column.justify-content-start {
        width: 100%;
    }

    #header .header-btn-collapse-nav {
        align-self: center;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border: 1px solid #2c3741 !important;
        border-radius: 10px;
        background: #151d24 !important;
    }

    #header .header-btn-collapse-nav .hamburguer span,
    #header .header-btn-collapse-nav .close span {
        background: #f3f0ea !important;
    }

    #header .header-nav-main nav,
    #header .header-nav-main nav > ul {
        background: #11181f !important;
    }

    #header .header-nav-main nav {
        border-top: 1px solid #26313a;
    }

    #header .header-nav-main nav > ul > li > a,
    #header .header-nav-main nav > ul > li > a.dropdown-toggle,
    #header .header-nav-main nav > ul > li a.dropdown-item {
        color: #000 !important;
    }

    #header .header-nav-main nav > ul > li.open > a,
    #header .header-nav-main nav > ul > li.active > a {
        color: #d8a84e !important;
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        background: #151d24 !important;
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:not(.btn),
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu .dropdown-item {
        color: #d7dde3 !important;
    }
}
.sell {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #fff !important;
}
table.res_mob_font_width span.sell,
table.res_mob_font_width_coins span.sell {
    color: #fff !important;
}

/* Live rates compact layout */
#gvData_top3 table.table1001,
#gvData_top3_silver table.table1001,
#gvData_top3_coins table.table1001 {
    border-spacing: 6px 0 !important;
    margin: 0 0 4px !important;
}

#gvData_top3 .table1001,
#gvData_top3_silver .table1001,
#gvData_top4_silver .table1002,
#gvData_top3_coins .table1001,
#gvData .tt_33,
#gvData_silver .tt_33,
#gvData_coins .tt_33 {
    margin-top: 0 !important;
}

#gvData_top3 .table1001 td,
#gvData_top3_silver .table1001 td,
#gvData_top3_coins .table1001 td,
#gvData_top4_silver .table1002 td {
    padding: 0 !important;
}

#gvData_top3 table.goldd,
#gvData_top3_silver table.goldd,
#gvData_top3_coins table.goldd {
    border-spacing: 0 !important;
    margin: 0 !important;
    border-collapse: collapse !important;
}

#gvData_top3 table.goldd tr:nth-child(1) td,
#gvData_top3_silver table.goldd tr:nth-child(1) td,
#gvData_top3_coins table.goldd tr:nth-child(1) td,
#gvData_top4_silver table.goldd1 tr:nth-child(1) td {
    font-size: 14px !important;
    line-height: 1.05 !important;
    padding-top: 2px !important;
    padding-bottom: 1px !important;
}

#gvData_top3 table.goldd tr:nth-child(2) td,
#gvData_top3_silver table.goldd tr:nth-child(2) td,
#gvData_top3_coins table.goldd tr:nth-child(2) td {
    font-size: 18px !important;
    line-height: 1.05 !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

#gvData_top3 table.goldd tr:nth-child(3) td,
#gvData_top3_silver table.goldd tr:nth-child(3) td,
#gvData_top3_coins table.goldd tr:nth-child(3) td,
#gvData_top4_silver table.goldd1 tr:nth-child(4) td {
    padding-top: 1px !important;
    padding-bottom: 2px !important;
    line-height: 1 !important;
}

#gvData_top3 .top5span,
#gvData_top3_silver .top5span,
#gvData_top3_coins .top5span {
    display: inline-block;
    font-size: 18px !important;
    line-height: 1 !important;
    padding: 1px 8px !important;
}

#gvData_top3 .top6span,
#gvData_top3_silver .top6span,
#gvData_top3_coins .top6span,
#gvData_top4_silver .top6span {
    font-size: 18px !important;
    line-height: 1 !important;
    padding: 0 !important;
}

#gvData_top3 .top4span,
#gvData_top3_silver .top4span,
#gvData_top3_coins .top4span,
#gvData_top4_silver .top4span {
    font-size: 14px !important;
}

#gvData_top3 .top2span,
#gvData_top3_silver .top2span,
#gvData_top3_coins .top2span,
#gvData_top4_silver .top2span,
#gvData_top3 .bloc_GS,
#gvData_top3_silver .bloc_GS,
#gvData_top3_coins .bloc_GS,
#gvData_top4_silver .bloc_GS,
#gvData_top4_silver .bloc_GS1 {
    font-size: 10px !important;
    line-height: 1.05 !important;
}

#gvData .heading td,
#gvData_silver .heading td,
#gvData_coins .heading td {
    font-size: 14px !important;
    line-height: 1.05 !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

#gvData .buy_sell_label,
#gvData_silver .buy_sell_label,
#gvData_coins .buy_sell_label {
    font-size: 14px !important;
    line-height: 1.15 !important;
    padding: 6px 5px 6px 10px !important;
}

#gvData table.res_mob_font_width,
#gvData_silver table.res_mob_font_width,
#gvData_coins table.res_mob_font_width,
#gvData_coins table.res_mob_font_width_coins {
    margin-top: 6px !important;
    margin-bottom: 5px !important;
}

#gvData table.res_mob_font_width tr,
#gvData_silver table.res_mob_font_width tr,
#gvData_coins table.res_mob_font_width tr,
#gvData_coins table.res_mob_font_width_coins tr {
    height: auto !important;
}

#gvData table.res_mob_font_width td,
#gvData_silver table.res_mob_font_width td,
#gvData_coins table.res_mob_font_width td,
#gvData_coins table.res_mob_font_width_coins td {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

#gvData .sell,
#gvData_silver .sell,
#gvData_coins .sell {
    font-size: 14px !important;
    line-height: 1.05 !important;
}

#gvData .top55span,
#gvData_silver .top55span,
#gvData_coins .top55span {
    font-size: 18px !important;
    line-height: 1 !important;
    padding: 0 8px !important;
}

#gvData .top66span,
#gvData_silver .top66span,
#gvData_coins .top66span {
    font-size: 10px !important;
    line-height: 1.1 !important;
    padding-top: 2px !important;
}

@media (max-width: 767px) {
    #gvData_top3 .top6span,
    #gvData_top3_silver .top6span,
    #gvData_top3_coins .top6span,
    #gvData_top4_silver .top6span {
        font-size: 14px !important;
    }

    #gvData .buy_sell_label,
    #gvData_silver .buy_sell_label,
    #gvData_coins .buy_sell_label {
        font-size: 12px !important;
        padding: 5px 4px 5px 7px !important;
    }

    #gvData table.res_mob_font_width td,
    #gvData_silver table.res_mob_font_width td,
    #gvData_coins table.res_mob_font_width td,
    #gvData_coins table.res_mob_font_width_coins td {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    #gvData .sell,
    #gvData_silver .sell,
    #gvData_coins .sell {
        font-size: 12px !important;
    }

    #gvData .top55span,
    #gvData_silver .top55span,
    #gvData_coins .top55span {
        font-size: 15px !important;
    }

    #gvData .top66span,
    #gvData_silver .top66span,
    #gvData_coins .top66span {
        font-size: 10px !important;
    }
}