@media (max-width: 1200px) {
#navbarNav .support, #open_button, #close_button, #navbarNav .chat_message, .sidebar_nav {
display: none;
visibility: hidden;
}
.main_content {
margin: 0 !important;
}
.upper-auth-links {
flex-direction: row !important;
}
#mobile-nav {
display: block !important;
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
background: #141523;
z-index: 9999999;
box-shadow: 1px 1px 1px #000;
}
#mobile-nav li {
list-style: none !important;
}
#mobile-nav .nav-item:hover a,
#mobile-nav .nav-item.active-nav-link a {
color: #000 !important;
}
#mobile-seperator{
margin-top: 200px
}
.chat#toggleBtn {
display: none;
}
footer{
padding-bottom: 80px;
}
}
@media screen and (max-width: 991.99px) {
/* body::after {
background-size: 100%;
} */
}
@media screen and (max-width:771px) {

/*#desktop-nav li.nav-item {*/
/* margin: 5px;*/
/*}*/

#mobile-nav .head-title{
font-size: 12px;
}
}
@media screen and (max-width: 575px) {

.call-to-action #typer {
font-size: 3rem;
}
.offer_popularity {
display: none;
}

}
@media screen and (max-width: 480px) {

.reg_log_buttons {
width: 160px;
--h: 2em;
}
.call-to-action #typer {
font-size: 2rem;
}
.call-to-action a.call-btn {
font-size: 15px;
padding: 8px 30px;
}
#navbarNav .user_profile .user_data .info {
display: none;
}
#navbarNav .profile_info {
left: -235px;
}
}
@media screen and (max-width: 400px) {
#navbarNav .user_data .info {
display: none;
}
.navbar-brand img {
width: 150px;
}
i.tag-items {
padding: 7px 12px;
color: #fff;
margin: 6px 3px;
}

}
@media screen and (max-width: 360px) {
.reg_log_buttons {
width: 140px;
}
.reg_log_buttons button {
font-size: 13px;
}
}
/*Recent Offer*/


@media screen and (max-width: 484px) {
.content_header {
position: sticky;
top: 70px;
min-height: 70px;
z-index: 9999;
}
}
@media screen and (min-width: 1400px) {
.main_dash{
margin: 0 5rem;
}
}

.close-chat {
    display:none;
}

.chat_content {
    transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.close-chat a {
    height: 30px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    /*background: #353758ad;*/
    color: var(--green);
    margin-top: 0rem;
    font-size: 1.2rem;
    font-weight: 500;
}

@media screen and (max-width : 721px){
    .chat_content {
        display: block;
        visibility: visible;
        width: 100%;
        padding-top: 0;
        /*z-index: 9999999;*/
        max-width: 25rem;
    }
    
    .desktop_chat.pt-4 {
        margin-top: 50px !important;
    }
    
    .close-chat {
        display:block;
    }
}
@media (max-width: 768px) {
        .chat_footer {
            bottom: 62px;
        }
    }
@media (max-width: 1200px) {
    .sidebar_nav.opened {
        backdrop-filter: blur(5px);
        width: 100%;
        display: block !important;
        visibility: visible !important;
    }
}

@media (max-width: 1200px) {
    .sidebar_nav.opened .left_sidebar {
        width: 12rem;
        background-color: var(--header-bg);
        backdrop-filter: blur(15px);
    }
}

@media (min-width: 1200px) {
    .sidebar_nav{
    background-color: var(--header-bg);
    }
}
@media (max-width: 1200px) {
    .desktop_chat .chat_body {
    width: 100%;
    height: 85vh;
    overflow: scroll;
    scrollbar-width: none;
    padding-bottom: 8.5rem;

    }
}