* {
    font-family: 'Roboto', sans-serif;
    outline: none;
    color: #000;
}

body {
    padding-bottom:32px;
    width: 100%;
    float: left;
    background-image: url(../img/bg-5.jpg);
    background-attachment: fixed;
}

.l {
    color: rgb(255, 255, 255);
    background: red;
    border-radius: 3px;
    padding: 5px 6px;
}

.h{
    color: rgb(255, 255, 255);
    background: rgb(0, 128, 0);
    border-radius: 3px;
    padding: 5px 6px;
}
.e{background: transparent;}
.top-header {
    width: 100%;
    padding:0px 0;
    float: left;
    background: #000;
}
marquee.marquee2 {
    display: block;
    font-weight: bold;
    font-size: 14px;
}

/* .box-shadow-box{
      box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
} */

.email {
    display: inline-block;
    width: auto;
    font-size: 12px;
}

.mail {
    font-size: 13px;
    font-weight: 800;
    justify-content: center;
    align-items: center;
}

.main {
    width: 100%;
    float: left;
    margin: 0;
}

.book {
    display: inline-block;
    width: auto;
    font-size: 12px;
    color: #000;
    font-weight: 700;
}

.line {
    display: inline-block;
    width: auto;
    font-size: 13px;
    font-weight: bold;
}

.head-new {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.sub-main {
    width: 100%;
    /* float: left; */
    /* margin: 0; */
    justify-content: center;
    align-items: center;
    text-align: left;
}


/* .my-color{
    color: #fcbf3e;
} */

.background-new {
    background-color: #000;
    width: 100%;
    float: left;
}

.android {
    position: relative;
    width: 100%;
    /* display: block; */
    text-align: left;
    margin-top: 12px;
}


/* .android a{
        margin-left: 15px;
} */

.nav-link {
    color: #fff;
    margin-right: 5px;
    font-weight: 600;
    border-radius: 4px;
    letter-spacing: 1px;
}

.nav-link:hover {
    color: #ffff;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
    transition-delay: 0s;
    background-color: #000;
}

.navbar-header {
    width: 100%;
    text-align: center;
}

.collapse.navbar-collapse {
    width: 100%;
    float: left;
    justify-content: center;
}

.navbar-toggler {
    background-color: #ffffff;
}

.navbar .navbar-toggler-icon {
    background-image: url(../img/toggel.svg);
}

.marquee-cover .marquee {
    padding: 4px 0px 0px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}
.marquee-cover-first .marquee-new {
    padding: 4px 0px 0px;
    color: rgb(0, 0, 0);
    font-weight: bold;
    font-size: 16px;
}

/* .bgimg-new{
    position: relative;
        padding-bottom: 95px;
    width: 100%;
    float: left;
} */


/* .bgimg-new::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../img/bg.png);
    background-repeat: repeat;
    background-attachment: fixed;
    z-index: -1;
} */


.spot-cover {
    width: 100%;
    float: left;
    margin-bottom: 2px;
    margin: 0px 0px 0px;
    background: linear-gradient(272deg, #9a7932 0%, #ffe59a 50%, #9a7932 100%);
    padding: 0px 0px;
    font-weight: bold;
    font-size: 21px;
    text-align: center;
    border-radius: 3px;
}

.spot-cover h3 {
    margin: 0;
    font-weight: bold;
    font-size:15px;
    text-align: center;
    padding-top: 5px;
}

.footer {
    width: 100%;

    color: #fff;
    background: black;
}

.marquee-cover .marquee-new {
    line-height: normal;
    display: block;
    padding: 5px 0px;
    color: #000;
    font-weight: bold;
    font-size: 16px;
}

.refrence-rate {
    padding: 0px;
    border-radius: 4px;
    text-align: center;
}

.refrence-rate .titel {
    padding: 0px;
    font-size: 16px;
    color: #590014;
    font-weight: bold;
    border-radius: 4px;
}

.first-rate {
    color: #f00;
    font-size: 15px;
    font-weight: 800;
    display: inline-block;
    border-radius: 4px;
}

.second-rate {
    color: #008000;
    font-size: 15px;
    font-weight: 800;
    display: inline-block;
    border-radius: 4px;
}

.rate-sell {
    text-align: center;
    width: 48%;
    display: inline-block;
    padding: 5px 0px;
}

.last-sell {
    padding: 0px 0px 0px;
}

.last-sell .high-low-set {
    font-weight: 900;
    display: inline-block;
    color: #590014;
    margin-bottom: 5px;
    font-size: 13px;
}

.last-sell .high-low-set-new {
    font-weight: 900;
    display: inline-block;
    color: #590014;
    font-size: 13px;
    margin-top: 5px;
}

.right-line {
    margin: 0px 10px;
    border: 1px solid #9a7932;
}

.right-line-set {
    margin: 0px 10px;
    padding: 0;
    border: 1px solid #9a7932;
    position: relative;
}

.copyright {
    color: #fff;
    font-size: 12px;
    /* margin: 0; */
    /* margin-bottom: 3px; */
    display: block;
    /* margin-right: 0; */
    /* margin-top: 3px; */
    font-weight: 600;
    text-align: center;
    padding:15px 0px;
    /* background: #000000; */
    width: 100%;
}

.tabel-fonts {
    font-weight: 600;
    font-size: 16px;
}

.table-colors {
    background: linear-gradient(272deg, #9a7932 0%, #ffe59a 50%, #9a7932 100%);
    /* box-shadow: 0 2px 9px 3px rgb(0 0 0 / 28%); */
}

th.w-40 {
    width: 40%;
}

td.w-40 {
    width: 25%;
    vertical-align: middle;
}

td.w-15 {
    width: 25%;
}

th.w-15 {
    width: 15%;
}





.padding-counter {
    padding: 1px 10px;
    font-size:20px;
    font-weight: 800;
    text-align: center;
    display: inline-block;
}
.container.res {
    width: 51%;
}
.available {
    font-size: 18px;
    text-align: center;
    justify-content: center;
    display: flex;
    font-weight: 900;
    align-self: center;
    align-items: end;
}

.bid-new {
    font-weight: 600;
    font-size: 19px;
    display: inline-block;
    padding: 3px 10px;
    line-height: normal;
 
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 6px 25px;
}

.ask-new {
    font-weight: 900;
    display: inline-block;
    background-color: #008000;
    padding: 3px 10px;
    border-radius: 2px;
    font-size: 24px;
    color: #fff;
}

.my-color {
    color: #000;
    font-size: 14px;
}

.table-bordered td,
.table-bordered th {
    border-bottom: 1px solid #9a7932;
    border-right: none;
}
.table-bordered td {
    padding:2px 10px;
}
marquee.marquee1 {
    font-size: 13px;
    font-weight: bold;
    line-height: normal;
}
.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 1px;
}
div#divSpot {
    width: 100%;
    float: left;
    margin: 0 !important;
}
div.divSpot {
    width: 100%;
    float: left;
    margin: 0 !important;
}
span.centerline {
    font-size: 14px;
}
.table thead th {
    border-bottom: 1px solid #9a7932 !important;
    padding: 6px 10px;
    font-weight: bold;
}

.my-fluid-new {
    max-width: 106px;
    margin: 10px 0;
}
.tbody-bg{
   background-color: #fff;
}
.btn-login {
    background-color: #000;
    color: #fff;
}

.higi-low {
    font-size: 11px;
    font-weight: 600;
}
.table-bordered td, .table-bordered th {
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
}
.marquee-cover-first{
    width: 100%;
    bottom:0px;
    position: fixed;
    background: linear-gradient(272deg, #9a7932 0%, #ffe59a 50%, #9a7932 100%);
}
.head-new .mail{    text-align: left;}
.head-new .mail i{}
.head-new .my-color{padding: 0;color: #dbb358;}
.head-new span{color:#fff;font-size: 13px;}
.starline img {
    width: 14px;
    position: relative;
    top: -1px;
    border-radius: 8px;
}
a.starline {
    color: #fff;
    font-weight: bold;
}

/*About Css Start*/
.about {
    justify-content: center;
    width: 100%;
    display: flex;
    color: #f4d37c;
    font-size: 20px;
    font-weight: 800;
}
.soon{
     color: #fff;
    font-size: 20px;
     font-weight: 600;
}
/*About Css End*/


/*Bank Css Start*/
#DivBankRecord {
    width: 100%;
    float: left;
    padding: 15px 0px;
    border-radius: 4px;
    margin-bottom: 15px;
}



.pop-text h4 {
    font-size: 28px;
    font-weight: bold;
    color:#9a7932;
    position: relative;
}

.pop-text p {
    line-height: 28px;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
}

.pop {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: #000;
    padding: 14px;
    border-radius: 8px;
    box-shadow: 4px 5px 9px #000000;
    background: #000;
    border: 2px solid #9a7932;
    width: 70%;
}

.pop-up-cover {
    position: fixed;
    left: 0%;
    z-index: 9999;
    background: #000000a6;
    border-radius: 3px;
    display: block;
    right: 0;
    bottom: 0;
    top: 0;
}

.pop-text h4 i.fa {
    font-size: 20px !important;
}

.pop-text h4 i {
    position: absolute;
    right: 7px;
    top: -3px;

}
.pop-logo img {
    width: 220px;
}

.pop-text h4 a i {
    color: #9a7932;
}

#DivBankRecord h1 {
    text-align: center;
    margin: 0px;
    padding-bottom: 10px;
}

.pop-logo img {
    text-align: center;
}

.update-cover {
    width: 100%;
    float: left;
}
.tg-contentbox {
    border: 1px solid #f4d35c;
    background: #181415;
    min-height: 248px;
}
.ban1 {
    padding: 15px 5px;
    font-weight: bold;
    color: #fcbf52;
    width: 40%;
}
.b_bott {
    float: right;
    color: #fcbf52;
}
.ban3 {
    padding: 15px 5px;
    font-weight: bold;
    color: #fcbf52;
    width: 60%;
}
.mar-btm {
    margin-bottom: 10px;
}
.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    height: 140px;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0px;
    transition: all .2s ease-in-out;
}
#DivBankRecord {
    width: 100%;
    float: left;
    padding: 15px 0px;
    border-radius: 4px;
    margin-bottom: 15px;
}
/*Bank Css Ends*/

/*Updates Css Start*/

.update-cover {
    width: 100%;
    float: left;
}
.header .title-wth.title-name {
    text-align: center;
    padding: 10px 0px;
    font-size: 28px;
    color: #f4d37c;
}
.date-picker {
    display: inline-block;
    float: right;
    position: absolute;
    top: auto;
    right: -0%;
    bottom: 15px;
    left: auto;
}
.date-picker input[type="text"] {
    width: 136px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #e7b043;
    font-size: 14px;
    padding: 0px 5px;
    color: #000;
    background-color: #ffff;
}
.date-picker input[type="button"] {
    font-size: 19px;
    display: inline-block !important;
    padding: 1px 10px 3px;
    border-radius: 4px;
    transform: scale(1);
    text-decoration: none;
    border: 0;
    cursor: pointer;
    color: #000;
    transition: all 0.4s linear;
    background: linear-gradient(272deg, #9a7932 0%, #ffe59a 50%, #9a7932 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
}
.update-cover {
    width: 100%;
    float: left;
}
.up-cover {
    background: #181415;
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
    float: left;
    border: 1px solid #e7be61;
}
.update-date-cover h2 {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 10px 0px;
    border-radius: 30px;
    color: #000;
    background: linear-gradient(272deg, #9a7932 0%, #ffe59a 50%, #9a7932 100%);
    width: 100%;
    float: left;
}
.update-date-cover h2 p {
    display: inline-block;
    margin-left: 14px;
    font-size: 16px;
    margin-bottom: 0;
}
.update-title h4 {
    margin: 10px 0px;
    width: 100%;
    float: left;
    color: #e7be61;
    font-size: 24px;
    font-weight: 400;
}
.update-title p {
    width: 100%;
    float: left;
    font-size: 18px;
    letter-spacing: 0;
    color: #fff;
}
/*Updates Css Ends*/


/*contact start*/

.cnt-detail-cover {
    padding: 10px;
    text-align: center;
    border-radius: 4px;
    box-shadow: 1px 1px 4px #00000059;
    width: 100%;
    float: left;
    background: linear-gradient(272deg, #9a7932 0%, #ffe59a 50%, #9a7932 100%);
    border: 1px solid #9a7932;
}
.bank-cover p {
    line-height: 27px;
    margin: 0px;
    display: block;
    float: left;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
}
.cnt-detail-cover p i {
    font-size: 24px;
    margin-bottom: 10px;
    height: 42px;
    width: 42px;
    text-align: center;
    line-height: 42px;
    color: #131212;
    border-radius: 30px;
    background: -webkit-linear-gradient(top, #d19c34, #FDE08D, #DF9F28);
    display: inline-block;
}
.cnt-detail-cover p strong {
    display: block;
    margin-bottom: 10px;
    font-size: 20px;
    color: #f4d37c;
}
.cnt-detail-cover p span {
    margin-bottom: 0px;
    color: #fff;
    font-size: 14px;
    display: block;
    font-weight: 500;
}
.cnt-detail-cover p {
    padding: 8px 5px;
    border-radius: 4px;
    box-shadow: 1px 1px 4px #00000059;
    background: #131212;
}

.feedback-cover1 {
    padding: 10px;
    text-align: center;
    border-radius: 4px;
    box-shadow: 1px 1px 4px #00000059;
    width: 100%;
    float: left;
    background: linear-gradient(272deg, #9a7932 0%, #ffe59a 50%, #9a7932 100%);
    border: 1px solid #9a7932;
}
.feedback-cover {
    padding: 10px;
    border-radius: 4px;
    box-shadow: 1px 1px 4px #00000059;
    background: #131212;
}
.cnt-title {
    text-align: center;
    background: linear-gradient(272deg, #9a7932 0%, #ffe59a 50%, #9a7932 100%);
    border-radius: 4px;
}
#contact-form .form-group label {
    color: #fff;
    display: block;
    text-align: left;
    font-weight: 500;
}

.for-img-look label {
    background: #0000;
    margin-bottom: 0px;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.big-ft {
    padding: 41px 0px 25px;
    border-bottom: 1px solid #484848;
}
.form-control {
    border: 1px solid #caaa57;
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}
#contact-form .form-group input[type="button"] {
    border-radius: 2px;
    padding: 8px 30px;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: bold;
    color: #000;
    background: linear-gradient(272deg, #9a7932 0%, #ffe59a 50%, #9a7932 100%);
    border-radius: 5px;
    border: 0px;
}
.max-width-logo{
    max-width: 55%;
}
.flag img {
    width: 13%;
}
.flag {
    padding: 5px 10px;
    width: 90%;
    text-align: center;
    letter-spacing: 2px;
    font-size: 15px;
    font-weight: 600;
    margin: 0 auto;
}
.h-right-info-bx {
    float: right;
    right: 0;
    padding: 5px;
    top: 24px;
    width: 100%;
    font-family: roboto;
    font-size: 16px;
}
.heigh{

    font-size: 14px;
    font-weight: 600;
    padding: 0px 5px;
}
.low{

    font-size: 14px;
    font-weight: 600;
    padding: inherit;
}
.heigh-lows {
    line-height: normal;
}

.navbar-brand img {
    width: 267px;
}
.flag span {color: #fff;font-weight: normal;font-size: 12px;}
.navbar-nav{float:none;text-align:right;}
.navbar-expand-lg .navbar-nav .nav-link{display:inline-block;float:none;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 6px 6px;font-weight: normal;}
.collapse.navbar-collapse{float: none;}
.navbar-nav{margin: 0 0 0 auto;display: block;}
.navbar-expand-lg{padding:0px;}
.nav-item{display:inline-block;}
.top-header.my-3.tm1{margin-top: 0px !important;}
.flag span{color:#000;font-weight: 700;font-size: 12px;}
.flag img {width: 23px;}
.top-header.my-3.tm1{background: linear-gradient(272deg, #9a7932 0%, #ffe59a 50%, #9a7932 100%);}
/*contact end*/
@media screen and (max-width: 998px) {

    .pop-logo img {
        width: 150px;
    }
    .book {
        font-size: 10px;
    }
    .mail {
        padding-top: 10px;
    }
    .right-line-set {
        margin: 0px 35px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .available {
        font-size: 15px;
    }
    .right-line-set {
        display: none;
    }
    .higi-low {
    font-size: 12px;
}
.tabel-fonts {
    font-size: 18px;
}
.padding-counter {
    font-size: 16px;
}
.spot-cover h3 {

    font-size: 18px;
}
.tg-contentbox {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.ban1, .ban3, .b_bott {
    padding: 5px 4px;
    font-size: 11px;
}
.img-thumbnail {
    height: 100px;
}

.marquee-cover-first {
    bottom:0px;
}
.header .title-wth.title-name {
    width: 100%;
    float: left;
    padding: 10px 0px;
    font-size: 20px;
}
.date-picker {
    position: static;
    width: 100%;
    margin-bottom: 10px;
}
}

@media screen and (max-width: 576px) {
    .pop-text h4 i {
        right: 7px;
        top: -73px;
    }
    .date-picker input[type="text"] {
    width: 100%;
    margin-bottom: 10px;
}
.update-date-cover h2, .update-date-cover h2 p {
    font-size: 14px;
}
.update-title h4 {
    font-size: 18px;
}
.update-title p {
    font-size: 12px;
}
    .marquee-cover-first {
    bottom: 0px;
}
    .img-thumbnail {
    height: 73px;
}
.ban1, .ban3, .b_bott {
    font-size: 8px;
}
.tg-contentbox {
    min-height: 175px;
}
#DivBankRecord .col-xs-12 {
    padding: 0;
}
.ban1 {
    width: 43%;
    font-size: 8px;
}
    .tabel-fonts {
        font-weight: 800;
        font-size: 10px;
    }
    .my-fluid-new {
        max-width: 35%;
    }
    .right-line {
        margin: 0px 10px;
    }
    .table td,
    .table th {
        padding: 4px;
    }
    .head-new {
        margin-bottom: 10px;
    }
    .refrence-rate .titel {
        padding: 0px;
        font-size: 14px;
    }
    .first-rate {
        font-size: 16px;
    }
    .second-rate {
        font-size: 16px;
    }
    .last-sell .high-low-set {
        font-size: 14px;
    }
    .marquee-cover .marquee {
        font-size: 14px;
    }
    .spot-cover h3 {
        font-size: 14px;
    }
    .marquee-cover .marquee-new {
        font-size: 14px;
    }
    .mail {
        font-size: 10px;
    }
    .higi-low {
    font-size: 8px;
}
.cnt-title h2 {
    font-size: 20px;
}
.cnt-detail-cover p strong {
    font-size: 14px;
    margin: 0px;
}
.cnt-detail-cover p span {
    font-size: 12px;
}
#contact-form .form-group label {
    font-size: 12px;
}
.tetx-new-center{
        text-align: center !important;
}
.heigh{
    font-size: 14px;
}
.low{
    font-size: 14px;
}
.bid-new {
    font-size: 16px;
}
.ask-new {
font-size: 16px;
}
}


/* START ADD BANNER */

.add-banner {
    background: #000000a1;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999999;
    text-align: center;
}

.cross {
    position: absolute;
    right: 26%;
    top: 3%;
}

.add-banner img {
    width: 45%;
    margin-top: 3%;
}

.add-banner .cross span {
    color: #000;
    height: 40px;
    width: 40px;
    background: #fff;
    display: block;
    font-size: 29px;
    line-height: 36px;
    border-radius: 50%;
    text-align: center;
    opacity: 0.7;
}

@media screen and (max-width: 425px) {
    .add-banner img {
        width: 82%;
    }
    .cross {
        position: absolute;
        right: 3%;
        top: 0%;
    }
    .add-banner .cross span {
        color: #000;
        height: 30px;
        width: 30px;
        background: #fff;
        display: block;
        font-size: 21px;
        line-height: 23px;
        border-radius: 50%;
        text-align: center;
    }
}


/* END - ADD BANNER */

@media screen and (max-width: 767px) {
    .spot-cover{margin-bottom:10px;}
}
#divSpot .col-md {width: 33%;padding: 0px 7px;display: inline-block;}
.divSpot .col-md {width: 33%;padding: 0px 7px;display: inline-block;}
.table-responsive.pt-2 {width: 100%;margin: 0 auto;padding: 0px 14px 0px 6px !important;}
.marquee-cover {width: 100%;float: left;}
.top-header.my-3.tm1{    margin: 0 !important;}
@media screen and (max-width: 555px) {
    .flag {font-size: 10px;padding: 0px 10px;text-align: left;}
    .flag img {width: 30px;}
    #divSpot .col-md{padding: 0px 4px;width: 33%;}
    .divSpot .col-md{padding: 0px 4px;width: 33%;}
    .bid-new {font-size: 16px;padding: 1px 5px;}
    .low ,.heigh,.centerline{font-size: 10px;}
    .tabel-fonts{font-size: 12px;}
    .copyright{font-size: 9px;}
    .marquee2{display:block;font-weight:bold;}
    .marquee-cover-first{display:block;}
    .container.res{padding:0px;}
    .table-responsive.pt-2 {width: 100%;margin: 0 auto;padding: 0px 8px 0px 5px;padding-top: 0 !important;}
    .last-sell{line-height: normal;}
    .w-15.text-center .tabel-fonts{font-size: 16px;}
   
}
.fixed-top {position:static !important;}
.res-hdlg{display:none;}
@media screen and (max-width: 992px) {
   #ftr .logo img{width:100%;}
   .container.res {max-width: 100% !important;}
}
@media screen and (max-width: 991px) {
    .nav-item {
        display: block;
        text-align: left;
    }
    button.navbar-toggler {
        display: block;
        text-align: right;
        margin: 0 0 0 auto;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        width: 100%;
        border-bottom: 1px solid #fbf8a0;
        border-radius: 0;
    }
    .navbar-expand-lg .navbar-nav .nav-link{width:100%;}
    .top-header.tm1{display:none !important;}
    .fixed-top {
        position: fixed !important;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;background: #000;}
        .fixed-top .res-hdlg {display: inline-block;width:195px;position: absolute;left: 10%;}
        .fixed-top .res-hdlg img{width:100%;}
        .head-new{    text-align: left;}
        .top-header.navbar-header.box-shadow-box.fixed-top .collapse.navbar-collapse{width: 100%;float: left;justify-content: center;background: linear-gradient(272deg, #9a7932 0%, #ffe59a 50%, #9a7932 100%);padding: 10px;margin-top: 10px;border-radius: 5px;}
        .top-header{padding: 15px 0 15px;}
        a.starline{text-align: center !important;}
    
     
}
@media screen and (max-width: 768px) {

    #divSpot .col-md{padding:0px;}
    .divSpot .col-md{padding:0px;}
    .spot-cover{border-radius:0px;}
    .mail,.sub-main{display:inline-block;width:auto;}
    .mail {padding-top: 3px;}
    .sub-main span{font-size: 13px;font-weight: bold;}
    .my-fluid-new {background-color: #000;width: 100%;padding-bottom: 0 !important;padding-top: 1px !important;width: 100px;margin-bottom: 0;border: 1px solid #5a471a;border-radius: 4px;}
    .navbar{padding:0px;}
    .container.res{max-width:90%;}
    .top-header.navbar-header.box-shadow-box.fixed-top .top-header{padding: 15px 0 15px;}
    .fixed-top .res-hdlg{top: 5px;}

}
@media screen and (max-width: 555px) {
    #ftr .logo img {width: 100%;margin-bottom: 10px;}
    .res.tabscenter{    margin-top: 123px;}
    .container.res{max-width:99%;}
    .head-new {margin-bottom: 0px;}
    .max-width-logo {max-width: 76%;}
    .copyright{padding: 4px 0px;}
    .android{text-align:center;}
}

@media screen and (max-width: 991px) {
    .top-header{padding: 0px 0 0px;}
    .navbar.navbar-expand-lg{padding: 3px 0px;}
    .new-height {padding-top: 106px;}
    div#hdr {position: fixed;z-index: 99;left: 0;right: 0;}
    .marquee1{background: #000;}
    .about,.update-cover,.bnk-cvr,.main-cover{padding-top: 112px;}
    .navbar-brand img {width: 205px;}
    .container.res {max-width: 100% !important;width: 100%;}
    .spot-cover h3 {font-size: 13px;}
    .heigh ,.low{font-size: 12px;}    
    .bid-new{font-size: 16px;}
    .table thead th{padding: 1px 10px;}
}
@media screen and (max-width: 767px) {
    .head-new {text-align: center;margin: 0;}
    .background-new{padding: 0 !important;padding-bottom: 6px !important;}
    .my-fluid-new{width: 77px;}
    .table-responsive.pt-2{padding: 0px 8px 0px 0px !important;}
    .spot-cover{font-size: 0px;}
    .bid-new {font-size: 13px;}
    .low{    padding: 0px 5px;}
    .spot-cover{margin: 0;}
}
@media screen and (max-width: 555px) {.new-height,.bnk-cvr {padding-top: 102px;}.about,.update-cover,.main-cover{padding-top: 241px;}div#divSpot{padding: 0px 0px 0px 6px;}.spot-cover {margin-bottom: -1px;}.table-responsive.pt-2 {padding: 0px 8px 0px 7px !important;}.w-15.text-center .tabel-fonts{line-height: normal;}}
@media screen and (max-width: 425px) {
    .top-header {
        padding: 7px 0 12px !important;
    }
    #divNews h1{font-size:14px;}
    .about {padding-top: 110px;}
    .navbar-toggler{font-size: 12px;}
    .marquee1{font-size:12px;display: block;}
    .marquee-cover{width: 100%;float: left;}
    .new-height,.update-cover,.bnk-cvr,.main-cover {padding-top: 117px;}
}
@media screen and (max-width: 375px) {
    div#divSpot {padding: 0px 2px 0px 6px;}
    .heigh, .low {font-size: 10px;}
    
    
    .heigh, .low {font-size: 10px;}
    .new-height,.update-cover,.bnk-cvr,.main-cover{padding-top: 115px;}
}





ul#pills-tab {
    display: block;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #000 !important;
    background:linear-gradient(272deg, #9a7932 0%, #ffe59a 50%, #9a7932 100%) !important;
}