@charset "utf-8";
@media only screen and (max-width:1200px) {

    .navbar-fixed-bottom,
    .navbar-fixed-top {
        position: absolute !important
    }

    .contact_liverate h4::after {
        top: 78px;
        width: 13%
    }

    .contact_liverate h4::before {
        top: 78px;
        width: 13%
    }

    .address_live h4::before {
        width: 18%
    }

    .address_live h4::after {
        width: 18%
    }

    .contact_liverate h2 {
        font-size: 26px
    }

    .app-img {
        margin-left: 60px
    }

    .menu a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px
    }

    .menu .active a,
    .menu a:hover {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width:1050px) {
    .logo_responstive img {
        width: 100%
    }

    .ios img {
        margin-left: 1px;
        margin-top: 0
    }

    .app-img {
        margin-left: 90px
    }

    .contact_liverate h2 {
        font-size: 24px
    }

    .menu a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px
    }

    .menu .active a,
    .menu a:hover {
        padding-left: 6px;
        padding-right: 6px
    }

    .android {
        margin-top: 0
    }

    .login {
        margin-left: 0;
        margin-top: 5px
    }

    .today_rate {
        width: 251px
    }

    .liverate_contact {
        width: 352px
    }

    .add3 img {
        width: 100%
    }

    .india_time,
    .london_time,
    .newyork_time {
        font-size: 11px
    }

    .app {
        margin-top: 20px
    }

    .contact_liverate h4::after {
        top: 74px;
        width: 15%;
        left: 211px
    }

    .contact_liverate h4::before {
        top: 74px;
        width: 15%;
        right: 211px
    }

    .address_live h4::before {
        width: 18%
    }

    .address_live h4::after {
        width: 18%
    }

    .newyork,
    .newyork1 {
        margin-left: 20px
    }

    .india,
    .india1 {
        margin-left: 20px;
        float: left
    }

    .london,
    .london1 {
        margin-left: 20px
    }

    .newyork img,
    .newyork1 img {
        float: none;
        margin-left: 16px;
        margin-bottom: 5px
    }

    .london img,
    .london1 img {
        float: none;
        margin-left: 16px;
        margin-bottom: 5px
    }

    .india img,
    .india1 img {
        float: none;
        margin-left: 16px;
        margin-bottom: 5px
    }

    .phone_top {
        margin-top: 0 !important
    }

    .icon_box {
        width: 20px;
        height: 20px
    }

    .bookingnews .col-md-6 {
        padding-left: 5px;
        padding-right: 5px
    }

    .booking_contact1 a {
        font-size: 11px
    }
}

@media only screen and (max-width:950px) {
    .logoContainer .col-sm-7 {
        padding-left: 0;
        padding-right: 0
    }

    .ios img {
        margin-left: 0;
        margin-top: 6px
    }

    .app-img {
        margin-left: 0;
        display: flex !important;
        justify-content: center;
        align-items: center
    }

    .menu a {
        padding-left: 6px;
        padding-right: 6px;
        font-size: 14px
    }

    .menu .active a,
    .menu a:hover {
        padding-left: 6px;
        padding-right: 6px
    }

    .menu {
        margin-top: 23px;
        margin-bottom: 0
    }

    .android {
        margin-top: 6px
    }

    .login {
        margin-left: 0;
        margin-top: 5px
    }

    .today_rate {
        width: 251px
    }

    .liverate_contact {
        width: 352px
    }

    .add3 img {
        width: 100%
    }

    .india_time,
    .london_time,
    .newyork_time {
        font-size: 11px
    }

    .app {
        margin-top: 50px
    }

    .logo_responstive img {
        width: 100%
    }

    .london,
    .london1 {
        margin-left: 0
    }

    .india,
    .india1 {
        margin-left: 0
    }

    .newyork,
    .newyork1 {
        margin-left: 0;
        margin-left: 3px
    }

    .india,
    .india1 {
        margin-left: 3px;
        float: left
    }

    .london,
    .london1 {
        margin-left: 3px
    }

    .newyork img,
    .newyork1 img {
        float: none;
        margin-left: 16px;
        margin-bottom: 0
    }

    .london img,
    .london1 img {
        float: none;
        margin-left: 16px;
        margin-bottom: 0
    }

    .india img,
    .india1 img {
        float: none;
        margin-left: 16px;
        margin-bottom: 0
    }

    .copyright,
    .powerdby {
        text-align: center
    }

    .address_live h4::after {
        left: 168px
    }

    .address_live h4::before {
        right: 168px
    }

    .mobile {
        padding-left: 0;
        padding-right: 0;
        margin-top: 8px
    }
}

@media only screen and (max-width:900px) {
    .logo img {
        width: 100%
    }

    .logoContainer .col-sm-7 {
        padding-left: 0;
        padding-right: 0
    }

    .ios img {
        margin-left: 0;
        margin-top: 6px
    }

    .menu a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 12px
    }

    .menu .active a,
    .menu a:hover {
        padding-left: 10px;
        padding-right: 10px
    }

    .menu {
        margin-top: 28px
    }

    .android {
        margin-top: 6px
    }

    .login {
        margin-left: 0;
        margin-top: 5px
    }

    .today_rate {
        width: 251px
    }

    .liverate_contact {
        width: 352px
    }

    .add3 img {
        width: 100%
    }

    .india_time,
    .london_time,
    .newyork_time {
        font-size: 10px;
        top: -2px
    }

    .app {
        margin-top: 20px
    }

    .logo_responstive img {
        width: 100%
    }

    .london,
    .london1 {
        margin-left: 10px
    }

    .india,
    .india1 {
        margin-left: 10px
    }

    .newyork,
    .newyork1 {
        margin-left: 10px
    }

    .app-img {
        margin-left: 0;
        display: flex !important;
        justify-content: center;
        align-items: center
    }

    .contact_liverate1 h3 {
        font-size: 34px;
        font-weight: 700
    }

    .contact_liverate h2 {
        font-size: 27px
    }

    .contact_liverate h4 {
        font-size: 27px;
        line-height: 30px
    }

    .contact_liverate h4::before {
        width: 30%;
        top: 83px;
        right: 86px
    }

    .contact_liverate h4::after {
        width: 30%;
        top: 83px;
        left: 86px
    }

    .text-large1 span {
        font-size: 32px
    }

    .phone_top {
        margin-top: -2px !important
    }

    .address_live h4::after {
        left: 165px
    }

    .address_live h4::before {
        right: 165px
    }

    .copyright,
    .powerdby {
        text-align: center !important
    }

    .mobile {
        padding-left: 0;
        padding-right: 0;
        margin-top: 10px
    }

    .tablefirst {
        margin-top: 15px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width:850px) {
    .logo_responstive img {
        margin-top: 10px;
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px
    }

    .menu {
        margin-right: 0;
        margin-top: 17px
    }

    .menu a {
        font-size: 12px
    }

    .phone_top {
        margin-top: -9px !important
    }

    .navbar-nav {
        margin-top: -9%;
        margin-right: -50px
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 12px
    }

    .table-responsivetop2 {
        margin-top: 2px
    }

    .android {
        margin-top: 0;
        margin-left: 0
    }

    .contact {
        width: 345px
    }

    .copyright {
        text-align: center;
        font-size: 12px
    }

    .terms {
        text-align: center;
        font-size: 12px
    }

    .powerdby {
        text-align: center;
        font-size: 12px
    }

    .ios img {
        margin-left: 10px;
        margin-top: 0
    }

    .ios {
        float: none
    }

    .app {
        margin-top: 0 !important
    }

    .contact_liverate1 h3 {
        font-size: 34px;
        font-weight: 700
    }

    .contact_liverate h2 {
        font-size: 27px
    }

    .contact_liverate h4 {
        font-size: 27px;
        line-height: 30px
    }

    .contact_liverate h4::before {
        width: 30%;
        top: 82px
    }

    .contact_liverate h4::after {
        width: 30%;
        top: 82px
    }

    .text-large1 span {
        font-size: 32px
    }

    .top-div {
        width: 90%
    }

    .phone_top a {
        font-size: 14px
    }

    .bankdetail_body1 {
        margin-top: 0
    }

    .bank_logo {
        margin-top: 0
    }

    .topp-div {
        width: 100% !important;
        margin-bottom: 60%;
        margin-top: 20%
    }
}

@media only screen and (max-width:800px) {
    .logo_responstive img {
        margin-top: 11px;
        width: 100%;
        margin-left: 0;
        margin-bottom: 0
    }

    .menu {
        margin-right: 0;
        margin-top: 22px
    }

    .menu a {
        font-size: 12px
    }

    .phone_top {
        margin-top: 2px !important
    }

    .navbar-nav {
        margin-top: -9%;
        margin-right: -50px
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 14px
    }

    .table-responsivetop2 {
        margin-top: 2px
    }

    .android {
        margin-top: 0;
        margin-left: 0
    }

    .contact {
        width: 345px
    }

    .copyright {
        text-align: center;
        font-size: 12px
    }

    .terms {
        text-align: center;
        font-size: 12px
    }

    .powerdby {
        text-align: center;
        font-size: 12px
    }

    .ios img {
        margin-left: 10px;
        margin-top: 0
    }

    .ios {
        float: none
    }

    .app {
        margin-top: 0 !important
    }

    .contact_liverate1 h3 {
        font-size: 34px;
        font-weight: 700
    }

    .contact_liverate h2 {
        font-size: 27px
    }

    .contact_liverate h4 {
        font-size: 27px;
        line-height: 30px
    }

    .contact_liverate h4::before {
        width: 30%;
        top: 82px
    }

    .contact_liverate h4::after {
        width: 30%;
        top: 82px
    }

    .text-large1 span {
        font-size: 32px
    }

    .aboutus_adv img {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:767px) {
    .logo img {
        width: 40%;
        margin-top: 5px;
        margin-bottom: 5px
    }

    .marquee_top .col-xs-12 {
        padding-left: 0;
        padding-right: 0
    }

    .contact {
        margin-left: 20%
    }

    .logo_responstive img {
        width: 51%;
        margin-left: 22%;
        margin-bottom: -6px;
        margin-top: -6px
    }

    .navbar-default .navbar-toggle {
        border-color: #e9cc92;
        margin-top: 2%;
        margin-right: 9%;
        width: 45px
    }

    .phone_top {
        margin-top: 13px !important
    }

    .latestUpdatesContainer {
        background: 0 0 !important;
        padding-left: 0 !important;
        margin-left: 0 !important
    }

    .marquee_top {
        margin-top: 10px
    }

    .contact_liverate {
        width: auto
    }

    .categories {
        margin-left: 6%;
        margin-top: 6px
    }

    .liverateimg {
        margin-left: 0;
        margin-top: 0
    }

    .headertable1 th {
        font-size: 15px
    }

    .table1 td {
        font-size: 18px
    }

    .table2 td {
        font-size: 18px
    }

    .table3 td {
        font-size: 18px
    }

    .ratevalue2 {
        font-size: 20px !important;
        line-height: 1.9 !important
    }

    .headertable2 th {
        font-size: 16px
    }

    .table-responsivetop2 {
        margin-top: 3px
    }

    .table4 td {
        font-size: 18px
    }

    .ratevalue5 {
        font-size: 28px !important
    }

    .copyright {
        text-align: center;
        font-size: 14px
    }

    .terms {
        text-align: center;
        font-size: 14px
    }

    .powerdby {
        text-align: center;
        font-size: 14px
    }

    .ios img {
        margin-left: 10px;
        margin-top: 0
    }

    .india_time,
    .london_time,
    .newyork_time {
        font-size: 14px
    }

    .ios {
        float: left
    }

    .app {
        margin-top: 0 !important;
        margin-bottom: 20px;
        display: flex !important;
        justify-content: center;
        align-items: center
    }

    .banner {
        margin-top: 0
    }

    .online-trading {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .table-responsivetop1 {
        margin-top: 0
    }

    .contact_liverate1 h3 {
        font-size: 34px;
        font-weight: 700
    }

    .contact_liverate h2 {
        font-size: 27px
    }

    .contact_liverate h4 {
        font-size: 27px;
        line-height: 30px
    }

    .contact_liverate h4::before {
        width: 34%;
        top: 82px;
        right: 63px
    }

    .contact_liverate h4::after {
        width: 34%;
        top: 82px;
        left: 63px
    }

    .text-large1 span {
        font-size: 32px
    }

    .newyork,
    .newyork1 {
        margin-left: 100px;
        margin-bottom: 10px
    }

    .india,
    .india1 {
        margin-left: 100px;
        float: left;
        margin-bottom: 10px
    }

    .london,
    .london1 {
        margin-left: 100px;
        margin-bottom: 10px
    }

    .newyork img,
    .newyork1 img {
        float: none;
        margin-left: 33px;
        margin-bottom: 5px;
        margin-top: 10px
    }

    .london img,
    .london1 img {
        float: none;
        margin-left: 33px;
        margin-bottom: 5px;
        margin-top: 10px
    }

    .india img,
    .india1 img {
        float: none;
        margin-left: 33px;
        margin-bottom: 5px;
        margin-top: 10px
    }

    .logo {
        text-align: left
    }

    .phone_top a {
        color: #363430
    }

    .copyright {
        margin-top: 0;
        margin-bottom: 0
    }

    .terms {
        margin-top: 10px;
        margin-bottom: 0
    }

    .powerdby {
        margin-top: 0;
        margin-bottom: 0
    }

    .aboutus_adv {
        margin-top: 20px
    }

    .booking_contact p {
        left: 0
    }

    .career {
        margin-top: 0
    }

    .liverate_product {
        margin-bottom: 10px
    }

    .online {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .booking_contact {
        margin-top: 0;
        margin-bottom: 20px
    }

    .contactus {
        padding-top: 0
    }

    .booking_contact {
        margin-top: 15px;
        min-height: auto;
        padding: 10px
    }

    .booking_item {
        flex: 0 0 100%;
        text-align: center
    }

    .booking_contact h4 {
        font-size: 18px
    }

    .news_msg {
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 15px
    }

    .bookingnews {
        padding-left: 15px !important
    }
}

@media only screen and (max-width:740px) {
    .logo img {
        width: 30%;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .contact {
        margin-left: 20%
    }

    .logo_responstive img {
        width: 50%;
        margin-left: 25%;
        margin-bottom: -15px;
        margin-top: -7px
    }

    .navbar-default .navbar-toggle {
        margin-top: 1.3%;
        margin-right: 9%;
        width: 43px
    }

    .latestUpdatesContainer {
        background: 0 0;
        padding-left: 0;
        margin-left: 0
    }

    .marquee_top {
        margin-top: 0
    }

    .contact_liverate {
        width: auto
    }

    .categories {
        margin-left: 6%;
        margin-top: 6px
    }

    .liverateimg {
        margin-left: 0;
        margin-top: 0
    }

    .headertable1 th {
        font-size: 15px
    }

    .table1 td {
        font-size: 18px
    }

    .table2 td {
        font-size: 18px
    }

    .table3 td {
        font-size: 18px
    }

    .ratevalue2 {
        font-size: 20px !important
    }

    .headertable2 th {
        font-size: 16px
    }

    .table-responsivetop2 {
        margin-top: 3px
    }

    .table4 td {
        font-size: 18px
    }

    .ratevalue5 {
        font-size: 28px !important
    }

    .ios img {
        margin-left: 10px;
        margin-top: 0
    }

    .ios {
        float: left
    }

    .app {
        margin-top: 0 !important
    }

    .banner {
        margin-top: 0
    }

    .online-trading {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .newyork,
    .newyork1 {
        margin-left: 90px;
        margin-bottom: 10px
    }

    .india,
    .india1 {
        margin-left: 90px;
        float: left;
        margin-bottom: 10px
    }

    .london,
    .london1 {
        margin-left: 90px;
        margin-bottom: 10px
    }

    .newyork img,
    .newyork1 img {
        float: none;
        margin-left: 33px;
        margin-bottom: 5px;
        margin-top: 10px
    }

    .london img,
    .london1 img {
        float: none;
        margin-left: 33px;
        margin-bottom: 5px;
        margin-top: 10px
    }

    .india img,
    .india1 img {
        float: none;
        margin-left: 33px;
        margin-bottom: 5px;
        margin-top: 10px
    }

    .flog1 {
        margin-bottom: 10px
    }

    .contact_liverate1 h3 {
        font-size: 34px;
        font-weight: 700
    }

    .contact_liverate h2 {
        font-size: 27px
    }

    .contact_liverate h4 {
        font-size: 27px;
        line-height: 30px
    }

    .contact_liverate h4::before {
        width: 30%;
        top: 82px
    }

    .contact_liverate h4::after {
        width: 30%;
        top: 82px
    }

    .text-large1 span {
        font-size: 32px
    }

    .address_live h4::after {
        left: 130px
    }

    .address_live h4::before {
        right: 130px
    }

    .phone_top {
        margin-top: 15px !important
    }

    .policiesmbl {
        line-height: 2
    }

    .policies {
        margin-left: 0
    }
}

@media only screen and (max-width:700px) {
    .logo img {
        width: 35%;
        margin-top: 15px;
        margin-bottom: 15px
    }

    .contact {
        margin-left: 20%
    }

    .logo_responstive img {
        width: 63%;
        margin-left: 16%;
        margin-bottom: -24px
    }

    .navbar-default .navbar-toggle {
        margin-top: 2%;
        margin-right: 9%
    }

    .latestUpdatesContainer {
        background: 0 0;
        padding-left: 0;
        margin-left: 0
    }

    .marquee_top {
        margin-top: 0
    }

    .contact_liverate {
        width: auto
    }

    .categories {
        margin-left: 6%;
        margin-top: 6px
    }

    .liverateimg {
        margin-left: 0;
        margin-top: 0
    }

    .headertable1 th {
        font-size: 15px
    }

    .table1 td {
        font-size: 18px
    }

    .ratevalue2 {
        font-size: 20px !important
    }

    .headertable2 th {
        font-size: 16px
    }

    .table-responsivetop2 {
        margin-top: 3px
    }

    .table4 td {
        font-size: 18px
    }

    .ratevalue5 {
        font-size: 28px !important
    }

    .ios img {
        margin-left: 10px;
        margin-top: 0
    }

    .ios {
        float: left
    }

    .app {
        float: left
    }

    .banner {
        margin-top: 0
    }

    .online-trading {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .ratevalue3 {
        font-size: 20px !important
    }

    .contact_liverate1 h3 {
        font-size: 34px;
        font-weight: 700
    }

    .contact_liverate h2 {
        font-size: 27px
    }

    .contact_liverate h4 {
        font-size: 27px;
        line-height: 30px
    }

    .contact_liverate h4::before {
        width: 30%;
        top: 90px
    }

    .contact_liverate h4::after {
        width: 30%;
        top: 90px
    }

    .text-large1 span {
        font-size: 32px
    }

    .newyork,
    .newyork1 {
        margin-left: 30px;
        margin-bottom: 10px
    }

    .india,
    .india1 {
        margin-left: 30px;
        float: left;
        margin-bottom: 10px
    }

    .london,
    .london1 {
        margin-left: 30px;
        margin-bottom: 10px
    }

    .newyork img,
    .newyork1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .london img,
    .london1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .india img,
    .india1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }
}

@media only screen and (max-width:670px) {
    .logo img {
        width: 50%;
        margin-top: 15px;
        margin-bottom: 15px
    }

    .contact {
        margin-left: 20%
    }

    .logo_responstive img {
        width: 68%;
        margin-left: 16%;
        margin-bottom: -24px;
        margin-top: -10px
    }

    .navbar-default .navbar-toggle {
        margin-top: -10%;
        margin-right: 12%;
        width: 45px
    }

    .latestUpdatesContainer {
        background: 0 0;
        padding-left: 0;
        margin-left: 0
    }

    .marquee_top {
        margin-top: 0
    }

    .contact_liverate {
        width: auto
    }

    .liverateimg img {
        margin-left: 20%
    }

    .headertable1 th {
        font-size: 20px
    }

    .table1 td {
        font-size: 18px
    }

    .table2 td {
        font-size: 18px
    }

    .table3 td {
        font-size: 18px
    }

    .ratevalue2 {
        font-size: 20px !important
    }

    .headertable2 th {
        font-size: 16px
    }

    .table-responsivetop2 {
        margin-top: 3px
    }

    .table4 td {
        font-size: 18px
    }

    .ratevalue5 {
        font-size: 28px !important
    }

    .headertable3 th {
        font-size: 16px
    }

    .table-responsivetop3 {
        margin-top: -3px
    }

    .ios img {
        margin-left: 10px;
        margin-top: 0
    }

    .ios {
        float: left
    }

    .app {
        margin-top: 0 !important
    }

    .categories {
        margin-left: 6%
    }

    .flog {
        margin-top: 20px
    }

    .banner {
        margin-top: 0
    }

    .flexslider .slides img {
        margin-top: 10px;
        display: block
    }

    .liverate_flag {
        width: 15% !important
    }

    .contact_liverate1 h3 {
        font-size: 34px;
        font-weight: 700
    }

    .contact_liverate h2 {
        font-size: 27px
    }

    .contact_liverate h4 {
        font-size: 27px;
        line-height: 30px
    }

    .contact_liverate h4::before {
        width: 30%;
        top: 81px
    }

    .contact_liverate h4::after {
        width: 30%;
        top: 81px
    }

    .address_live h4::before {
        width: 30%;
        top: 43px;
        right: 50px
    }

    .address_live h4::after {
        width: 30%;
        top: 43px;
        left: 50px
    }

    .text-large1 span {
        font-size: 32px
    }

    .rate_fontsize,
    .goldRateData th {
        padding: 0 !important
    }

    .phone_top {
        margin-top: 12px !important
    }

    .newyork,
    .newyork1 {
        margin-left: 80px;
        margin-bottom: 10px
    }

    .india,
    .india1 {
        margin-left: 80px;
        float: left;
        margin-bottom: 10px
    }

    .london,
    .london1 {
        margin-left: 80px;
        margin-bottom: 10px
    }

    .newyork img,
    .newyork1 img {
        float: none;
        margin-left: 30px;
        margin-bottom: 5px
    }

    .london img,
    .london1 img {
        float: none;
        margin-left: 30px;
        margin-bottom: 5px
    }

    .india img,
    .india1 img {
        float: none;
        margin-left: 30px;
        margin-bottom: 5px
    }
}

@media only screen and (max-width:640px) {
    .logo img {
        width: 50%;
        margin-top: 15px;
        margin-bottom: 15px
    }

    .contact {
        margin-left: 20%
    }

    .logo_responstive img {
        width: 100%;
        margin-left: 10px;
        margin-bottom: 10px;
        margin-top: 0
    }

    .navbar-default .navbar-toggle {
        margin-top: 5%;
        margin-right: 9%;
        width: 44px
    }

    .latestUpdatesContainer {
        background: 0 0;
        padding-left: 0;
        margin-left: 0
    }

    .marquee_top {
        margin-top: 0
    }

    .contact_liverate {
        width: auto
    }

    .liverateimg img {
        margin-left: 20%
    }

    .headertable1 th {
        font-size: 16px
    }

    .table1 td {
        font-size: 18px
    }

    .table2 td {
        font-size: 18px
    }

    .table3 td {
        font-size: 18px
    }

    .ratevalue2 {
        font-size: 20px !important
    }

    .headertable2 th {
        font-size: 16px
    }

    .table-responsivetop2 {
        margin-top: 3px
    }

    .table4 td {
        font-size: 18px
    }

    .ratevalue5 {
        font-size: 28px !important
    }

    .headertable3 th {
        font-size: 17px
    }

    .table-responsivetop3 {
        margin-top: -3px
    }

    .ios img {
        margin-left: 10px;
        margin-top: 0
    }

    .ios {
        float: left
    }

    .app {
        margin-top: 0 !important
    }

    .categories {
        margin-left: 6%
    }

    .reachus {
        float: none
    }

    .flog {
        margin-top: 20px
    }

    .banner {
        margin-top: 0
    }

    .contact_liverate1 h3 {
        font-size: 34px;
        font-weight: 700
    }

    .contact_liverate h4 {
        font-size: 27px;
        line-height: 30px
    }

    .contact_liverate h4::before {
        width: 18%;
        top: 90px
    }

    .contact_liverate h4::after {
        width: 18%;
        top: 90px
    }

    .text-large1 span {
        font-size: 32px
    }

    .flog1 {
        margin-bottom: 5px;
        display: flex !important;
        overflow-x: scroll;
        width: 480px
    }

    .address_live h4::before {
        width: 30%;
        top: 90px
    }

    .address_live h4::after {
        width: 30%;
        top: 90px
    }

    .newyork,
    .newyork1 {
        margin-left: 30px;
        margin-bottom: 10px
    }

    .india,
    .india1 {
        margin-left: 30px;
        float: left;
        margin-bottom: 10px
    }

    .london,
    .london1 {
        margin-left: 30px;
        margin-bottom: 10px
    }

    .newyork img,
    .newyork1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .london img,
    .london1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .india img,
    .india1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .contant .col-xs-12 {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media only screen and (max-width:600px) {
    .logo img {
        width: 50%;
        margin-top: 8px;
        margin-bottom: 15px
    }

    .contact {
        margin-left: 20%
    }

    .logo_responstive img {
        width: 86%;
        margin-left: 10px;
        margin-bottom: -26px;
        margin-top: 0
    }

    .navbar-default .navbar-toggle {
        margin-top: 3%;
        margin-right: 9%;
        width: 43px
    }

    .latestUpdatesContainer {
        background: 0 0;
        padding-left: 0;
        margin-left: 0
    }

    .marquee_top {
        margin-top: 0
    }

    .contact_liverate {
        width: auto
    }

    .liverateimg img {
        margin-left: 20%
    }

    .headertable1 th {
        font-size: 16px
    }

    .table1 td {
        font-size: 18px
    }

    .ratevalue2 {
        font-size: 20px !important
    }

    .headertable2 th {
        font-size: 16px
    }

    .table-responsivetop2 {
        margin-top: 3px
    }

    .table4 td {
        font-size: 16px
    }

    .ratevalue3 {
        font-size: 20px !important
    }

    .headertable3 th {
        font-size: 17px
    }

    .table-responsivetop3 {
        margin-top: -3px
    }

    .ios img {
        margin-left: 10px;
        margin-top: 0
    }

    .ios {
        float: left
    }

    .app {
        margin-top: 0 !important
    }

    .categories {
        margin-left: 6%
    }

    .reachus {
        float: none
    }

    .flog {
        margin-top: 20px
    }

    .banner {
        margin-top: 0
    }

    .flexslider .slides img {
        margin-top: 10px !important;
        display: block
    }

    .contact_liverate1 h3 {
        font-size: 34px;
        font-weight: 700
    }

    .contact_liverate h4 {
        font-size: 27px;
        line-height: 30px
    }

    .contact_liverate h4::before {
        width: 18%;
        top: 90px
    }

    .contact_liverate h4::after {
        width: 18%;
        top: 90px
    }

    .text-large1 span {
        font-size: 32px
    }

    .address_live h4::before {
        width: 30%;
        top: 90px
    }

    .address_live h4::after {
        width: 30%;
        top: 90px
    }
}

@media only screen and (max-width:560px) {
    .logo img {
        width: 50%;
        margin-top: 15px;
        margin-bottom: 15px
    }

    .contact {
        margin-left: 20%
    }

    .logo_responstive img {
        width: 90%;
        margin-left: 10px;
        margin-bottom: 10px;
        margin-top: 0
    }

    .navbar-default .navbar-toggle {
        margin-top: -12%;
        margin-right: 9%
    }

    .latestUpdatesContainer {
        background: 0 0;
        padding-left: 0;
        margin-left: 0
    }

    .marquee_top {
        margin-top: 0
    }

    .contact_liverate {
        width: auto
    }

    .liverateimg img {
        margin-left: 20%
    }

    .headertable1 th {
        font-size: 16px
    }

    .table1 td {
        font-size: 18px
    }

    .ratevalue2 {
        font-size: 20px !important
    }

    .headertable2 th {
        font-size: 16px
    }

    .table-responsivetop2 {
        margin-top: 3px
    }

    .table4 td {
        font-size: 16px
    }

    .ratevalue3 {
        font-size: 20px !important
    }

    .headertable3 th {
        font-size: 17px
    }

    .table-responsivetop3 {
        margin-top: -3px
    }

    .ios img {
        margin-left: 20px;
        margin-top: 0
    }

    .ios {
        float: left
    }

    .app {
        margin-top: 0 !important
    }

    .categories {
        margin-left: 6%
    }

    .reachus {
        float: none
    }

    .flog {
        margin-top: 20px
    }

    .banner {
        margin-top: 0
    }

    .flexslider .slides img {
        margin-top: 10px !important;
        display: block
    }

    .contact_liverate1 h3 {
        font-size: 34px;
        font-weight: 700
    }

    .contact_liverate h4 {
        font-size: 27px;
        line-height: 30px
    }

    .contact_liverate h4::before {
        width: 18%;
        top: 90px
    }

    .contact_liverate h4::after {
        width: 18%;
        top: 90px
    }

    .text-large1 span {
        font-size: 32px
    }

    .address_live h4::before {
        width: 22%;
        top: 41px
    }

    .address_live h4::after {
        width: 22%;
        top: 41px
    }

    .newyork,
    .newyork1 {
        margin-left: 30px;
        margin-bottom: 10px
    }

    .india,
    .india1 {
        margin-left: 30px;
        float: left;
        margin-bottom: 10px
    }

    .london,
    .london1 {
        margin-left: 30px;
        margin-bottom: 10px
    }

    .newyork img,
    .newyork1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .london img,
    .london1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .india img,
    .india1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }
}

@media only screen and (max-width:540px) {
    .logo img {
        width: 35%;
        margin-top: 15px;
        margin-bottom: 15px
    }

    .contact {
        margin-left: 20%
    }

    .logo_responstive img {
        width: 90%;
        margin-left: 10px;
        margin-bottom: -21px;
        margin-top: 0
    }

    .navbar-default .navbar-toggle {
        margin-top: -10%;
        margin-right: 9%
    }

    .latestUpdatesContainer {
        background: 0 0;
        padding-left: 0;
        margin-left: 0
    }

    .marquee_top {
        margin-top: 0
    }

    .contact_liverate {
        width: auto
    }

    .liverateimg img {
        margin-left: 20%
    }

    .ratevalue3 {
        font-size: 18px !important
    }

    .headertable1 th {
        font-size: 16px
    }

    .table1 td {
        font-size: 14px
    }

    .ratevalue2 {
        font-size: 22px !important
    }

    .headertable2 th {
        font-size: 16px
    }

    .table-responsivetop2 {
        margin-top: 3px
    }

    .table4 td {
        font-size: 18px
    }

    .ratevalue5 {
        font-size: 28px !important
    }

    .headertable3 th {
        font-size: 17px
    }

    .table-responsivetop3 {
        margin-top: -3px
    }

    .ios img {
        margin-left: 10px;
        margin-top: 0
    }

    .ios {
        float: none
    }

    .app {
        margin-top: 0 !important
    }

    .categories {
        margin-left: 6%
    }

    .reachus {
        float: none
    }

    .flog {
        margin-top: 20px
    }

    .contact_liverate1 h3 {
        font-size: 34px;
        font-weight: 700
    }

    .contact_liverate h4 {
        font-size: 27px;
        line-height: 30px
    }

    .contact_liverate h4::before {
        width: 18%;
        top: 90px
    }

    .contact_liverate h4::after {
        width: 18%;
        top: 90px
    }

    .text-large1 span {
        font-size: 32px
    }

    .address_live h4::before {
        width: 22%;
        top: 41px
    }

    .address_live h4::after {
        width: 22%;
        top: 41px
    }

    .newyork,
    .newyork1 {
        margin-left: 50px;
        margin-bottom: 10px
    }

    .india,
    .india1 {
        margin-left: 50px;
        float: left;
        margin-bottom: 10px
    }

    .london,
    .london1 {
        margin-left: 50px;
        margin-bottom: 10px
    }

    .newyork img,
    .newyork1 img {
        float: none;
        margin-left: 30px;
        margin-bottom: 5px
    }

    .london img,
    .london1 img {
        float: none;
        margin-left: 30px;
        margin-bottom: 5px
    }

    .india img,
    .india1 img {
        float: none;
        margin-left: 30px;
        margin-bottom: 5px
    }
}

@media only screen and (max-width:510px) {
    .logo img {
        width: 38%;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .contact {
        width: auto;
        margin-left: 0
    }

    .logo_responstive img {
        width: 100%;
        margin-left: 10px;
        margin-bottom: -34px;
        margin-top: 0
    }

    .navbar-default .navbar-toggle {
        margin-top: 2%;
        margin-right: 4%
    }

    .latestUpdatesContainer {
        background: 0 0;
        padding-left: 0;
        margin-left: 0
    }

    .marquee_top {
        margin-top: 0
    }

    .contact_liverate {
        width: auto;
        margin-left: 0
    }

    .liverateimg img {
        width: 100%;
        margin-left: 0
    }

    .ratevalue3 {
        font-size: 20px !important
    }

    .headertable1 th {
        font-size: 16px
    }

    .table1 td {
        font-size: 14px
    }

    .ratevalue2 {
        font-size: 20px !important
    }

    .ratevalue4 {
        font-size: 16px
    }

    .headertable2 th {
        font-size: 16px
    }

    .table-responsivetop2 {
        margin-left: 0;
        margin-top: 3px
    }

    .table4 td {
        font-size: 14px
    }

    .ratevalue5 {
        font-size: 22px !important
    }

    .headertable3 th {
        font-size: 16px
    }

    .table-responsivetop3 {
        margin-top: -3px;
        margin-left: 0
    }

    .contactliverate {
        font-size: 15px
    }

    .lastupdate {
        font-size: 11px
    }

    .ios img {
        margin-left: 0;
        margin-top: 0
    }

    .android {
        margin-bottom: 0
    }

    .ios {
        float: none
    }

    .app {
        margin-top: 20px !important;
        display: flex !important;
        justify-content: center;
        align-items: center
    }

    .mjdmahead {
        width: auto;
        margin-left: 0
    }

    .categories {
        margin-left: 6%
    }

    .banner {
        margin-top: 0
    }

    .contant .col-xs-12 {
        padding-left: 2px;
        padding-right: 2px
    }

    .liverate_flag {
        width: 20% !important
    }

    .contact_liverate1 h3 {
        font-size: 30px;
        font-weight: 700
    }

    .contact_liverate h4 {
        font-size: 27px;
        line-height: 30px
    }

    .contact_liverate h4::before {
        width: 18%;
        top: 90px
    }

    .contact_liverate h4::after {
        width: 18%;
        top: 90px
    }

    .text-large1 span {
        font-size: 25px
    }

    .text-large1 {
        font-size: 25px
    }

    .india_time,
    .london_time,
    .newyork_time {
        font-size: 10px
    }

    .newyork,
    .newyork1 {
        margin-left: 45px;
        margin-bottom: 10px
    }

    .india,
    .india1 {
        margin-left: 45px;
        float: left;
        margin-bottom: 10px
    }

    .london,
    .london1 {
        margin-left: 45px;
        margin-bottom: 10px
    }

    .newyork img,
    .newyork1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .london img,
    .london1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .india img,
    .india1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .india_time,
    .london_time,
    .newyork_time {
        top: 0
    }

    .address_live h4::before {
        width: 22%;
        top: 41px
    }

    .address_live h4::after {
        width: 22%;
        top: 41px
    }

    .home_bottom .col-xs-12 {
        padding-left: 2px;
        padding-right: 2px
    }

    .goldRateData th,
    .rate_fontsize {
        padding: 0 !important
    }

    .marquee marquee {
        margin-bottom: -7px
    }

    .rate_fontsize {
        font-size: 42px !important
    }

    .commodity_ratevalue2 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media only screen and (max-width:480px) {
    .logo img {
        width: 56%;
        margin-top: 5px;
        margin-bottom: 5px
    }

    .contact {
        width: auto;
        margin-left: 0
    }

    .logo_responstive img {
        width: 100%;
        margin-left: 10px;
        margin-bottom: 10px;
        margin-top: 0
    }

    .navbar-default .navbar-toggle {
        margin-top: 3%;
        margin-right: 4%
    }

    .latestUpdatesContainer {
        background: 0 0;
        padding-left: 0;
        margin-left: 0
    }

    .marquee_top {
        margin-top: 0
    }

    .contact_liverate {
        width: auto;
        margin-left: 0
    }

    .liverateimg img {
        width: 100%;
        margin-left: 0
    }

    .ratevalue3 {
        font-size: 20px !important
    }

    .headertable1 th {
        font-size: 16px
    }

    .table1 td {
        font-size: 16px
    }

    .table2 td {
        font-size: 16px
    }

    .table3 td {
        font-size: 16px
    }

    .ratevalue2 {
        font-size: 22px !important
    }

    .ratevalue4 {
        font-size: 16px
    }

    .headertable2 th {
        font-size: 16px
    }

    .table-responsivetop2 {
        margin-left: 0;
        margin-top: 3px
    }

    .table4 td {
        font-size: 14px
    }

    .ratevalue5 {
        font-size: 22px !important
    }

    .headertable3 th {
        font-size: 16px
    }

    .table-responsivetop3 {
        margin-top: -3px;
        margin-left: 0
    }

    .contactliverate {
        font-size: 15px
    }

    .lastupdate {
        font-size: 11px
    }

    .ios img {
        margin-left: 0;
        margin-top: 0
    }

    .android {
        margin-bottom: 0
    }

    .ios {
        float: none
    }

    .app {
        display: flex !important;
        justify-content: center;
        align-items: center
    }

    .mjdmahead {
        width: auto;
        margin-left: 0
    }

    .categories {
        margin-left: 6%
    }

    .banner {
        margin-top: 0
    }

    .contant .col-xs-12 {
        padding-left: 0;
        padding-right: 0
    }

    .liverate_flag {
        width: 38% !important
    }

    .contact_liverate1 h3 {
        font-size: 30px;
        font-weight: 700
    }

    .contact_liverate h4 {
        font-size: 27px;
        line-height: 30px
    }

    .contact_liverate h4::before {
        width: 18%;
        top: 90px
    }

    .contact_liverate h4::after {
        width: 18%;
        top: 90px
    }

    .text-large1 span {
        font-size: 25px
    }

    .text-large1 {
        font-size: 25px
    }

    .india_time,
    .london_time,
    .newyork_time {
        font-size: 10px
    }

    .newyork,
    .newyork1 {
        margin-left: 30px;
        margin-bottom: 10px
    }

    .india,
    .india1 {
        margin-left: 30px;
        float: left;
        margin-bottom: 10px
    }

    .london,
    .london1 {
        margin-left: 30px;
        margin-bottom: 10px
    }

    .newyork img,
    .newyork1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .london img,
    .london1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .india img,
    .india1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .india_time,
    .london_time,
    .newyork_time {
        top: 0
    }

    .address_live h4::before {
        width: 22%;
        top: 41px
    }

    .address_live h4::after {
        width: 22%;
        top: 41px
    }

    .home_bottom .col-xs-12 {
        padding-left: 2px;
        padding-right: 2px
    }

    .goldRateData th,
    .rate_fontsize {
        padding: 0 !important
    }

    .marquee marquee {
        margin-bottom: -7px
    }

    .rate_fontsize {
        font-size: 42px !important
    }

    .commodity_ratevalue2 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .marquee_top .col-xs-12 {
        padding-left: 0;
        padding-right: 0
    }

    table {
        border-spacing: 3px
    }

    .captcha {
        width: 80% !important
    }

    .bouton-contact {
        width: 40%;
        margin-top: 30px
    }

    .bankdetail1 {
        padding-left: 0;
        padding-right: 0
    }

    .product_home {
        padding-left: 0;
        padding-right: 0
    }

    .product_home .col-xs-12 {
        padding-left: 0;
        padding-right: 0
    }

    .body_contant1 .col-xs-12 {
        padding-left: 5px;
        padding-right: 5px
    }

    .disclosure-button {
        font-size: 14px
    }

    .disclosure {
        padding: 12px
    }

    .liverate_product img {
        width: 100%
    }

    .table6 td,
    .table5 td {
        padding: 5px
    }

    .tds_cal td {
        padding: 8px 1px !important
    }

    .tds_input {
        padding: 0 5px !important
    }

    .rate {
        font-size: 22px
    }
}

@media only screen and (max-width:450px) {
    .logo_responstive img {
        width: 90%;
        margin-left: 10px;
        margin-bottom: -20px;
        margin-top: 0
    }

    .marquee_top {
        margin-top: 0
    }

    .navbar-default .navbar-toggle {
        margin-top: 2%;
        margin-right: 5%
    }

    .marquee_head {
        margin-top: 60px
    }

    .ratevalue3 {
        font-size: 20px !important
    }

    .headertable1 th {
        font-size: 16px
    }

    .table1 td {
        font-size: 16px
    }

    .table2 td {
        font-size: 16px
    }

    .table3 td {
        font-size: 16px
    }

    .table3 img {
        width: 35px;
        position: relative;
        left: 60px;
        bottom: 16px;
        top: 0
    }

    .ratevalue4 {
        font-size: 16px
    }

    .ratevalue2 {
        font-size: 22px !important
    }

    .headertable2 th {
        font-size: 15px
    }

    .ratevalue10 {
        font-size: 8px !important
    }

    .table4 td {
        font-size: 14px
    }

    .ratevalue5 {
        font-size: 16px !important
    }

    .headertable3 th {
        font-size: 12px
    }

    .banner {
        margin-top: 0
    }

    .flexslider .slides {
        margin-top: -9px;
        zoom: 1
    }

    .liverate_flag {
        margin-left: 5px !important
    }

    .contact_liverate1 h3 {
        font-size: 30px;
        font-weight: 700
    }

    .contact_liverate h4 {
        font-size: 27px;
        line-height: 30px
    }

    .contact_liverate h4::before {
        width: 18%;
        top: 82px
    }

    .contact_liverate h4::after {
        width: 18%;
        top: 82px
    }

    .text-large1 span {
        font-size: 25px
    }

    .india_time,
    .london_time,
    .newyork_time {
        font-size: 10px
    }

    .newyork,
    .newyork1 {
        margin-left: 18px;
        margin-bottom: 10px
    }

    .india,
    .india1 {
        margin-left: 30px;
        float: left;
        margin-bottom: 10px
    }

    .london,
    .london1 {
        margin-left: 30px;
        margin-bottom: 10px
    }

    .newyork img,
    .newyork1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .london img,
    .london1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .india img,
    .india1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .india_time,
    .london_time,
    .newyork_time {
        top: 0;
        margin-left: 10px
    }

    .goldRateData {
        font-size: 23px
    }
}

@media only screen and (max-width:430px) {
    .logo_responstive img {
        width: 90%;
        margin-left: 10px;
        margin-bottom: -20px;
        margin-top: 0
    }

    .marquee_top {
        margin-top: 0
    }

    .navbar-default .navbar-toggle {
        margin-top: 2%;
        margin-right: 5%
    }

    .marquee_head {
        margin-top: 60px
    }

    .ratevalue3 {
        font-size: 18px !important
    }

    .headertable1 th {
        font-size: 16px
    }

    .table1 td {
        font-size: 14px
    }

    .table3 img {
        width: 35px;
        position: relative;
        left: 60px;
        bottom: 16px;
        top: 0
    }

    .ratevalue4 {
        font-size: 16px
    }

    .ratevalue2 {
        font-size: 22px !important
    }

    .headertable2 th {
        font-size: 13px
    }

    .ratevalue10 {
        font-size: 8px !important
    }

    .table4 td {
        font-size: 14px
    }

    .ratevalue5 {
        font-size: 16px !important
    }

    .headertable3 th {
        font-size: 12px
    }

    .banner {
        margin-top: 0
    }

    .flexslider .slides {
        margin-top: -9px;
        zoom: 1
    }

    .liverate_flag {
        margin-left: 5px !important
    }

    .contact_liverate1 h3 {
        font-size: 30px;
        font-weight: 700
    }

    .contact_liverate h4 {
        font-size: 27px;
        line-height: 30px
    }

    .contact_liverate h4::before {
        width: 18%;
        top: 82px
    }

    .contact_liverate h4::after {
        width: 18%;
        top: 82px
    }

    .text-large1 span {
        font-size: 25px
    }

    .india_time,
    .london_time,
    .newyork_time {
        font-size: 10px
    }

    .newyork,
    .newyork1 {
        margin-left: 18px;
        margin-bottom: 10px
    }

    .india,
    .india1 {
        margin-left: 30px;
        float: left;
        margin-bottom: 10px
    }

    .london,
    .london1 {
        margin-left: 30px;
        margin-bottom: 10px
    }

    .newyork img,
    .newyork1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .london img,
    .london1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .india img,
    .india1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .india_time,
    .london_time,
    .newyork_time {
        top: 0;
        margin-left: 10px
    }

    .goldRateData {
        font-size: 23px
    }
}

@media only screen and (max-width:400px) {
    .logo_responstive img {
        width: 90%;
        margin-left: 10px;
        margin-bottom: -16px;
        margin-top: 0
    }

    .marquee_top {
        margin-top: 0
    }

    .navbar-default .navbar-toggle {
        margin-top: 2%;
        margin-right: 5%
    }

    .marquee_head {
        margin-top: 60px
    }

    .headertable1 th {
        font-size: 12px
    }

    .table1 td {
        font-size: 14px
    }

    .ratevalue4 {
        font-size: 16px
    }

    .ratevalue2 {
        font-size: 19px !important
    }

    .headertable2 th {
        font-size: 12px
    }

    .ratevalue10 {
        font-size: 8px !important
    }

    .table4 td {
        font-size: 14px
    }

    .ratevalue5 {
        font-size: 16px !important
    }

    .headertable3 th {
        font-size: 12px;
        padding: 3px !important
    }

    .ratevalue8 {
        font-size: 15px !important
    }

    .liverate_flag1 {
        width: 10% !important;
        margin-left: 0 !important
    }

    .ratevalue3 {
        font-size: 18px !important
    }

    .banner {
        margin-top: 0
    }

    .contact_liverate1 h3 {
        font-size: 30px;
        font-weight: 700
    }

    .contact_liverate h4 {
        font-size: 27px;
        line-height: 30px
    }

    .contact_liverate h4::before {
        width: 18%;
        top: 82px
    }

    .contact_liverate h4::after {
        width: 18%;
        top: 82px
    }

    .text-large1 span {
        font-size: 25px
    }

    .newyork,
    .newyork1 {
        margin-left: 30px;
        margin-bottom: 10px
    }

    .india,
    .india1 {
        margin-left: 30px;
        float: left;
        margin-bottom: 10px
    }

    .london,
    .london1 {
        margin-left: 30px;
        margin-bottom: 10px
    }

    .newyork img,
    .newyork1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .london img,
    .london1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .india img,
    .india1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .india_time,
    .london_time,
    .newyork_time {
        top: 0;
        font-size: 10px
    }
}

@media only screen and (max-width:380px) {
    .logo_responstive img {
        width: 90%;
        margin-left: 10px;
        margin-bottom: -16px;
        margin-top: 0
    }

    .marquee_top {
        margin-top: 0
    }

    .navbar-default .navbar-toggle {
        margin-top: -10%;
        margin-right: 5%;
        width: 45px
    }

    .marquee_head {
        margin-top: 60px
    }

    .headertable1 th {
        font-size: 12px
    }

    .table1 td {
        font-size: 14px
    }

    .ratevalue4 {
        font-size: 13px
    }

    .ratevalue2 {
        font-size: 26px !important
    }

    .headertable2 th {
        font-size: 12px
    }

    .ratevalue10 {
        font-size: 8px !important
    }

    .table4 td {
        font-size: 14px
    }

    .ratevalue5 {
        font-size: 16px !important
    }

    .headertable3 th {
        font-size: 12px;
        padding: 3px !important
    }

    .table7 td {
        font-size: 16px;
        padding: 3px !important
    }

    .table8 td {
        font-size: 16px;
        padding: 3px !important
    }

    .ratevalue8 {
        font-size: 15px !important
    }

    .liverate_flag1 {
        width: 14% !important;
        margin-left: 0 !important
    }

    .ratevalue3 {
        font-size: 18px !important
    }

    .banner {
        margin-top: 0
    }

    .contact_liverate1 h3 {
        font-size: 30px;
        font-weight: 700
    }

    .contact_liverate h2 {
        font-size: 27px
    }

    .contact_liverate h4 {
        font-size: 27px;
        line-height: 30px
    }

    .contact_liverate h4::before {
        width: 18%;
        top: 80px
    }

    .contact_liverate h4::after {
        width: 18%;
        top: 80px
    }

    .text-large1 span {
        font-size: 25px
    }

    .newyork,
    .newyork1 {
        margin-left: 25px;
        margin-bottom: 10px
    }

    .india,
    .india1 {
        margin-left: 25px;
        float: left;
        margin-bottom: 10px
    }

    .london,
    .london1 {
        margin-left: 25px;
        margin-bottom: 10px
    }

    .newyork img,
    .newyork1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .london img,
    .london1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .india img,
    .india1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .india_time,
    .london_time,
    .newyork_time {
        margin-left: 6px
    }
}

@media only screen and (max-width:360px) {
    .logo_responstive img {
        width: 100%;
        margin-left: 10px;
        margin-bottom: -16px;
        margin-top: 0
    }

    .marquee_top {
        margin-top: 0
    }

    .navbar-default .navbar-toggle {
        margin-top: -11%;
        margin-right: 5%
    }

    .marquee_head {
        margin-top: 60px
    }

    .ratevalue3 {
        font-size: 15px !important
    }

    .headertable1 th {
        font-size: 14px
    }

    .table1 td {
        font-size: 14px
    }

    .ratevalue2 {
        font-size: 22px !important
    }

    .headertable2 th {
        font-size: 11px
    }

    .ratevalue10 {
        font-size: 8px !important
    }

    .table4 td {
        font-size: 15px
    }

    .ratevalue5 {
        font-size: 16px !important
    }

    .headertable3 th {
        font-size: 12px;
        padding: 3px !important
    }

    .liverate_flag1 {
        width: 16% !important;
        margin-left: -6px !important
    }

    .banner {
        margin-top: 0
    }

    .flexslider .slides {
        margin-top: -15px;
        zoom: 1
    }

    .contact_liverate1 h3 {
        font-size: 30px;
        font-weight: 700
    }

    .contact_liverate h4 {
        font-size: 27px;
        line-height: 30px
    }

    .contact_liverate h4::before {
        width: 18%;
        top: 80px
    }

    .contact_liverate h4::after {
        width: 18%;
        top: 80px
    }

    .text-large1 span {
        font-size: 25px
    }

    .goldRateData {
        font-size: 25px
    }

    .newyork,
    .newyork1 {
        margin-left: 13px;
        margin-bottom: 10px
    }

    .india,
    .india1 {
        margin-left: 20px;
        float: left;
        margin-bottom: 10px
    }

    .london,
    .london1 {
        margin-left: 20px;
        margin-bottom: 10px
    }

    .newyork img,
    .newyork1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .london img,
    .london1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .india img,
    .india1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .india_time,
    .london_time,
    .newyork_time {
        margin-left: 4px
    }
}

@media only screen and (max-width:320px) {
    .logo_responstive img {
        width: 100%;
        margin-left: 10px;
        margin-bottom: -17px;
        margin-top: 0
    }

    .navbar-default .navbar-toggle {
        margin-top: -12%;
        margin-right: 4%
    }

    .marquee_top {
        margin-top: 0
    }

    .paddingTopBottom15 {
        padding-top: 40px;
        padding-bottom: 15px
    }

    .ratevalue3 {
        font-size: 16px !important
    }

    .headertable1 th {
        font-size: 13px
    }

    .table1 td {
        font-size: 12px
    }

    .ratevalue2 {
        font-size: 22px !important
    }

    .headertable2 th {
        font-size: 10px
    }

    .ratevalue10 {
        font-size: 8px !important
    }

    .table4 td {
        font-size: 14px
    }

    .ratevalue5 {
        font-size: 16px !important
    }

    .headertable3 th {
        font-size: 12px;
        padding: 3px !important
    }

    .navbar-nav {
        float: none
    }

    .android {
        margin-bottom: 0
    }

    .ios img {
        margin-left: 10px;
        margin-top: 0
    }

    .liverate_flag1 {
        width: 18% !important;
        margin-left: -7px !important
    }

    .categories {
        margin-left: 6%
    }

    .banner {
        margin-top: 0
    }

    .flexslider .slides img {
        margin-top: 10px;
        display: block
    }

    .contact_liverate1 h3 {
        font-size: 27px;
        font-weight: 700
    }

    .contact_liverate h4 {
        font-size: 27px;
        line-height: 27px
    }

    .contact_liverate h4::before {
        width: 10%;
        top: 90px
    }

    .contact_liverate h4::after {
        width: 10%;
        top: 90px
    }

    .text-large1 span {
        font-size: 25px
    }

    .address_live1 h3 {
        font-size: 12px
    }

    .address_live {
        font-size: 16px
    }

    .address_live h4::before {
        width: 11%
    }

    .address_live h4::after {
        width: 11%
    }

    .newyork,
    .newyork1 {
        margin-left: 0;
        margin-bottom: 10px
    }

    .india,
    .india1 {
        margin-left: 0;
        float: left;
        margin-bottom: 10px
    }

    .london,
    .london1 {
        margin-left: 0;
        margin-bottom: 10px
    }

    .newyork img,
    .newyork1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .london img,
    .london1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }

    .india img,
    .india1 img {
        float: none;
        margin-left: 23px;
        margin-bottom: 5px
    }
}

@media only screen and (max-width:300px) {
    .logo_responstive img {
        width: 92%
    }

    .navbar-default .navbar-toggle {
        margin-top: -14%;
        margin-right: 4%
    }

    .marquee_top {
        margin-top: 10px
    }

    .paddingTopBottom15 {
        padding-top: 40px;
        padding-bottom: 15px
    }

    .ratevalue3 {
        font-size: 19px !important
    }

    .headertable1 th {
        font-size: 10px
    }

    .table1 td {
        font-size: 13px
    }

    .table2 td {
        font-size: 13px
    }

    .table3 td {
        font-size: 13px
    }

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

    .headertable2 th {
        font-size: 10px
    }

    .ratevalue10 {
        font-size: 8px !important
    }

    .table4 td {
        font-size: 14px
    }

    .ratevalue5 {
        font-size: 16px !important
    }

    .headertable3 th {
        font-size: 12px;
        padding: 3px !important
    }

    .navbar-nav {
        float: none
    }

    .android {
        margin-bottom: 0
    }

    .ios img {
        margin-left: 10px;
        margin-top: 0
    }

    .liverate_flag1 {
        width: 18% !important;
        margin-left: -7px !important
    }

    .categories {
        margin-left: 6%
    }

    .banner {
        margin-top: 0
    }

    .flexslider .slides img {
        margin-top: 10px;
        display: block
    }

    .contact_liverate1 h3 {
        font-size: 27px;
        font-weight: 700
    }

    .contact_liverate h4 {
        font-size: 27px;
        line-height: 27px
    }

    .contact_liverate h4::before {
        width: 10%;
        top: 90px
    }

    .contact_liverate h4::after {
        width: 10%;
        top: 90px
    }

    .text-large1 span {
        font-size: 25px
    }
}

/* =============================================================
   HOME PAGE - FIGMA DESIGN - RESPONSIVE (media.css)
   ============================================================= */

/* --- Tablet / Medium screens (max 991px) --- */
@media only screen and (max-width: 991px) {

    /* Hero */
    .hero-title {
        font-size: 42px
    }

    /* Allowed hero-section to be responsive based on image aspect ratio natively */

    /* Vision Section */
    .home-vision-inner {
        flex-direction: column;
        gap: 32px
    }

    .home-vision-right {
        flex: none;
        min-height: 260px;
        width: 100%
    }

    .vision-pills {
        grid-template-columns: 1fr 1fr
    }

    /* Pillars Section */
    .home-pillars-inner {
        flex-direction: column;
        gap: 32px
    }

    .home-pillars-left {
        flex: none;
        width: 100%
    }

    .home-pillars-right {
        min-height: 240px;
        width: 100%
    }

    .pillars-img {
        min-height: 260px
    }

    /* Choose Us */
    .choose-cards-row {
        grid-template-columns: repeat(2, 1fr)
    }

    /* CTA */
    .cta-heading {
        font-size: 34px
    }

    /* Sections spacing */
    .home-vision-section,
    .home-pillars-section,
    .home-choose-section {
        padding: 52px 0
    }
}

/* --- Mobile screens (max 767px) --- */
@media only screen and (max-width: 767px) {

    /* Hero */
    /* Allowed hero-section to be responsive based on image aspect ratio natively */

    .hero-title {
        font-size: 30px;
        letter-spacing: 0
    }

    .hero-subtitle {
        font-size: 14px
    }

    .hero-desc {
        font-size: 12px
    }

    .hero-text-block {
        left: 4%;
        max-width: 94%;
        top: 50%
    }

    .hero-btns {
        gap: 10px
    }

    .hero-btn {
        font-size: 12px;
        padding: 10px 20px
    }

    /* Motto Section */
    .home-motto-section {
        padding: 40px 0
    }

    .motto-heading {
        font-size: 28px
    }

    .motto-desc {
        font-size: 14px
    }

    /* Vision Section */
    .home-vision-section {
        padding: 40px 0 32px
    }

    .home-vision-inner {
        flex-direction: column;
        gap: 24px
    }

    .vision-heading {
        font-size: 26px
    }

    .vision-pills {
        grid-template-columns: 1fr
    }

    .home-vision-right {
        min-height: 220px
    }

    /* Pillars Section */
    .home-pillars-section {
        padding: 40px 0
    }

    .pillars-heading {
        font-size: 24px
    }

    .pillar-card {
        padding: 14px 16px;
        gap: 12px
    }

    .pillar-num {
        width: 34px;
        height: 34px;
        font-size: 12px
    }

    .pillar-body h5 {
        font-size: 13px
    }

    .home-pillars-right {
        display: none
    }

    /* Choose Us */
    .home-choose-section {
        padding: 40px 0
    }

    .choose-cards-row {
        grid-template-columns: 1fr
    }

    .section-main-heading {
        font-size: 26px
    }

    .section-sub-heading {
        font-size: 13px;
        margin-top: 10px
    }

    .choose-card {
        padding: 22px 18px
    }

    .choose-card-num {
        width: 38px;
        height: 38px;
        font-size: 13px;
        margin-bottom: 14px
    }

    /* CTA */
    .home-cta-section {
        min-height: 250px
    }

    .cta-heading {
        font-size: 26px
    }

    .home-cta-content {
        padding: 40px 0
    }

    .cta-btn {
        padding: 11px 28px;
        font-size: 12px
    }

    /* Section tags */
    .section-tag {
        font-size: 10px
    }
}

/* --- Small mobile screens (max 480px) --- */
@media only screen and (max-width: 480px) {

    /* Hero */
    /* Allowed hero-section to be responsive based on image aspect ratio natively */

    .hero-title {
        font-size: 24px
    }

    .hero-text-block {
        top: 48%;
        left: 14px;
        max-width: calc(100% - 28px)
    }

    .hero-eyebrow-label {
        font-size: 10px;
        letter-spacing: 2px
    }

    .hero-btns {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px
    }

    .hero-btn {
        width: 90%;
        text-align: center
    }

    /* Motto */
    .motto-heading {
        font-size: 24px
    }

    .motto-desc {
        font-size: 13px
    }

    /* Vision */
    .vision-heading {
        font-size: 22px
    }

    .vision-desc {
        font-size: 13px
    }

    .vision-pill {
        font-size: 12px;
        padding: 10px 12px
    }

    /* Pillars */
    .pillars-heading {
        font-size: 22px
    }

    /* CTA */
    .cta-heading {
        font-size: 22px
    }

    .cta-eyebrow {
        font-size: 10px
    }

    /* Section main heading */
    .section-main-heading {
        font-size: 22px
    }

    /* About Us Mobile */
    .aboutus .about-hero {
        padding: 50px 20px;
        margin-bottom: 40px;
    }

    .aboutus h1 {
        font-size: 32px;
    }

    .aboutus h2 {
        font-size: 24px;
    }

    .aboutus .about-section {
        margin-bottom: 40px;
        flex-direction: column;
    }

    .aboutus .about-content {
        padding: 0 15px;
        margin-top: 20px;
        order: 2;
    }

    .aboutus .about-image {
        padding: 0 15px;
        order: 1;
        width: 100%;
    }

    .aboutus .feature-grid {
        grid-template-columns: 1fr;
    }

    .aboutus .commitment-footer {
        padding: 30px 20px;
    }

    .aboutus .commitment-list li {
        font-size: 14px;
    }

    .aboutus .quote-card {
        padding: 25px;
    }

    .aboutus .about-section.reverse .about-image {
        order: 1;
    }

    .aboutus .about-section.reverse .about-content {
        order: 2;
    }

    /* Process Page Responsive */
    .process-hero {
        padding: 60px 0;
        text-align: center;
    }

    .process-hero h1 {
        font-size: 32px;
    }

    .section-title {
        font-size: 28px;
    }

    .purchase-timeline::before {
        left: 19px;
    }

    .timeline-circle {
        width: 30px;
        height: 30px;
        font-size: 12px;
        margin-right: 15px;
    }

    .purchase-image-wrapper {
        margin-top: 40px;
        min-height: 300px;
        display: block;
    }

    .process-footer-banner h3 {
        font-size: 12px;
        line-height: 1.8;
    }

    .timeline-item {
        margin-bottom: 25px;
    }

    .timeline-content h3 {
        font-size: 16px;
    }

    /* Contact Us Page Responsive */
    .contact-hero-section {
        padding: 50px 0 60px;
    }

    .hero-title {
        font-size: 34px;
        letter-spacing: -0.5px;
    }

    .hero-desc {
        font-size: 14px;
    }

    .contact-cards-container {
        margin-top: -30px;
    }

    .contact-card-box {
        padding: 22px 18px;
        margin-bottom: 0;
    }

    .enquiry-card {
        padding: 25px 18px 28px;
    }

    .enquiry-card h3 {
        font-size: 20px;
    }

    .btn-submit-enquiry {
        width: 100%;
        justify-content: center;
        padding: 13px 20px;
    }

    /* Home Page Responsive */
    .hero-title {
        font-size: 21px;
    }

    .hero-subtitle {
        font-size: 18px;
    }

    .hero-text-block {
        left: -2%;
        right: 5%;
        text-align: center;
    }

    .hero-eyebrow {
        justify-content: center;
    }

    .hero-btns {
        justify-content: center;
    }

    .theme-default .nivo-controlNav {
        left: 0;
        right: 0;
        text-align: center;
    }

    .home-motto-section,
    .home-vision-section,
    .home-pillars-section,
    .home-choose-section,
    .home-cta-section {
        padding: 60px 0;
    }

    .motto-heading {
        font-size: 28px;
    }

    .vision-heading {
        font-size: 21px;
    }

    .section-main-heading {
        font-size: 21px;
    }

    .home-vision-inner,
    .home-pillars-inner {
        gap: 30px;
        flex-direction: column;
    }

    .vision-quote-overlay {
        position: static;
        margin-top: -30px;
        margin-left: auto;
        margin-right: auto;
        max-width: 90%;
    }

    .choose-cards-row {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .cta-heading {
        font-size: 21px;
    }
}

@media (max-width: 767px) {
    .join-us-image-box {
        min-height: 350px;
        margin-top: 30px;
    }
}

/* Coin Page Mobile Styles */
@media (max-width: 767px) {
    .coin-main-title {
        font-size: 30px;
    }

    .coin-subtitle {
        font-size: 16px;
    }

    .coin-strip-label {
        display: block;
        margin: 0 0 8px;
    }

    .coin-strip-item {
        display: block;
        margin: 4px 0;
    }

    .coin-price-table thead th,
    .coin-price-table tbody td {
        padding: 10px 14px;
        font-size: 13px;
    }

    .coin-info-section .col-md-4 {
        margin-bottom: 28px;
    }

    .coin-cta-btns {
        flex-direction: column;
        align-items: center;
    }

    .coin-btn-enquire,
    .coin-btn-call {
        width: 100%;
        max-width: 280px;
        text-align: center;
    }
}