﻿:root {
    --background-color: #000000 !important;
    --section-background-color: #48b67c !important;
    --heading-color: #b78011 !important;
    --text-color: #000;
    --main-color: #b78011;
}
.wg_heading{
    background-color:#000;
}
.wg_marquee h2{
    background:var(--main-color);
}
a.btn.btn-mini.pull-right {
    background: var(--main-color);
}
.skin-yellow-light .sidebar a:hover {
    background: var(--main-color);
}
a.btn.btn-default {
    background: var(--main-color);
}
div#sidebar {
    background: #000;
}
.btn-success {
    background: var(--main-color)!important;
}
#sidebar > ul > li > a:hover, #sidebar > ul > li:hover > a {
    background: var(--main-color);
}
#header.navbar-inverse .navbar-inner {
    background: #000;
}
.skin-yellow-light .content-header {
    background: var(--main-color);
}
.submit_btn {
    background: #000 !important;
}
.widget-title {
    background: var(--main-color);
}
.btn-flat2 {
    background: var(--main-color) !important;
}
/*Start css*/
.header-section.fixed {
    background-color: var(--background-color);
}
.login_signup a.nav-link{
    background-color:var(--heading-color);
}
h4.xbondTitle {
    color: var(--heading-color);
    font-weight: 700;
}
@media (max-width:767px) {
    .loginBox{
        width:100%!important;
    }
    .owl-carousel .owl-item img {
        height: auto;
        object-fit: cover;
        object-position: center;
    }
}
/*End css*/
@media (max-width:576px) {
    .owl-carousel .owl-item img {
    height:auto;
        object-fit: cover;
        object-position: center;
    }
    .about-img{
        margin-top:20px;
    }
    input.btn-light.button-black{
        margin-top:0px;
    }

    .slider_txt h4 {
        color: #fff;
        font-size: 26px;
        font-family: 'Playfair Display', serif;
        line-height: 24px;
        text-align: center;
        font-weight: 600;
    }
    .dfdfdf{
        display:block!important;
        margin-left:0px!important;
    }
    #ui-datepicker-div{
        width:100%!important;
        left:0px!important;
    }

    .slider_txt {
        width: 100%;
    }

    .owl-dots {
        display: none !important;
    }
    #Div3 input{
        width:100%!important;
    }

    section.market_growth {
        padding: 0px;
    }
        section.market_growth .mt-5{
            margin-top:0px!important;
        }
        #hiukh .controls {
            margin-left: 0px !important;
        }
    .right {
        display:flex;
        margin-left:0px!important;
    }

    .crypto_content p {
        text-align: justify;
    }

    .crypto_content {
        margin-top: 15px;
        padding-bottom: 15px;
        width:100%!important;
    }
    a.home_btn{
        margin-top:12px;
    }
    section.xBond_cryptoSlot{
        padding:1px;
    }
    .crypto_imgs{
        padding-bottom:20px;
    }
    section.exchange_crypto{
        padding:0px;
    }
    section.wallet_sec{
        padding:0px;
    }
        section.wallet_sec .mt-4{
            margin-top:0px!important;
        }
        .logo_sec p {
            padding-top: 0px;
        }
    section.breadcrumbs {
        padding: 100px 0px 100px 0px;
    }
    .misson_visst .col-sm-12 {
        margin-bottom:15px;
    }
    .loginBox {
        width: 90% !important;
        margin: 94px 0 !important;
    }
    .main-header .logo{
        height:auto!important;
    }
    .logo{
        display:none!important;
    }
    .brand{
        display:none!important;
    }
}