/*BD start*/
.feed-box-cms .game-sell-feed-cms a.btn{
    height: 40px;
    line-height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 20px;
    margin-right: 10px;
    vertical-align: baseline;
    background: transparent;
    color: #da0678;
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
    box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
}
.feed-box-cms .game-sell-feed-cms a.btn:hover{
    background: #da0678;
    color: #fff;
}
.game-search{
    position: relative;
    align-items: flex-start;
}
.game-search i.fa.fa-times{
    position: absolute;
    right: 140px;
    top: 1px;
    background: #fff;
    padding: 12px 7px;
    height: 30px;
    cursor: pointer;
    display: none;
    color: grey;
}

.game-search-popup{
    position: relative;
    width: 100%;
}
.game-search-popup i.fa.fa-times {
    position: absolute;
    right: 4px;
    top: 50%;
    cursor: pointer;
    display: none;
    color: grey;
    transform: translateY(-50%);
    height: 25px;
    line-height: 25px;
    background-color: rgba(0,0,0,0.0);
    padding: 0px 7px;
    width: 25px;
    border-radius: 50%;
}
.game-search-popup i.fa.fa-times:hover {
    background-color: rgba(0,0,0,0.1);
}


@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1300px !important;}
}
@media (min-width: 992px){
    .container, .container-lg, .container-md, .container-sm {  max-width: 100%; }
}
@media screen and (max-width: 1199px){
    .package-col { width: 40%;}
    .feed-box .feed-title h5{ font-size: 0.9em; }
    .chatbox-top .chatbox-buttons.desktop-chat-button >a {
        padding: 5px 10px;
        margin: 0 2px;
    }

}
@media screen and (max-width: 1100px){
    div#traders {overflow: auto;max-height: calc(100vh - 820px);}
    .banner-btn{ height: 105px; }
    .feed-box .feed-title h5{width: 55%;}
}
@media screen and (max-width: 1024px){
    form.type-form {
        padding: 10px 15px 10px;
        position: fixed;
        bottom: 0;
        width: 75%;
    }
    .navbar-light .navbar-nav li.nav-item.share-game {
        display: flex;
        align-items: flex-start;
        margin-bottom: 10px;
        justify-content: flex-start;
    }
    .navbar-light .navbar-nav li.nav-item.share-game h5{
        margin-bottom:0;
        margin-right:10px;
        color: #fff;
    }
    .navbar-light .navbar-nav li.nav-item.share-game  img{
        width: 25px;
        height: 25px;
    }

    .navbar-light .navbar-nav li.nav-item.share-game > a{
        margin: 0 5px;
    }
    .chatbox-buttons.mobile-chat-button {
        display: flex;
        margin-top: 5px;
        justify-content: center;
    }

}
@media screen and (max-width: 991px){
    .banner-btn .hide_mobile { display: none !important;}
    .ads {display: none;}
    div#traders {overflow: auto;max-height: calc(100vh - 600px);}
    .feed-title-header{font-size: 18px;}
    .container, .container-lg, .container-md, .container-sm {  max-width: 100%; }
    .signup .signup-form{ width: 100%; }
    .signup{ padding: 0 30px;}
    .banner-btn{padding:0;}
    .banner-btn .btn.btn-secondary{ padding: 10px 15px;}
    .ctm-menu .navbar-collapse{ display: -webkit-box; display: -ms-flexbox; display: flex;  -ms-flex-preferred-size: auto;  flex-basis: auto;}
    .banner-btn{height: 75px; }
    .chatbox-name i#close-chat { display: inline-block; margin-right: 10px; color: #51097e;}
    .navbar-light .navbar-nav .nav-link { font-size: 18px !important; font-weight: 700; text-transform: capitalize;  background: #fff; text-align: center;  border-radius: 10px; margin:0 0 16px!important; padding: 10px !important;}
    .menu-toggle{display: block; z-index: 99999}
    ul.navbar-nav.open{right: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
    ul.navbar-nav { position: fixed; top: 0; right: -270px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; width: 270px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 32px 20px 20px; background: #46066e; height: 100%; z-index: 9999;overflow: auto;}
    ul.navbar-nav li { width: 100%;}
    a.menu-btn-toggle { font-size: 28px; color: #51097e;}
    a.menu-btn-toggle.open-menu i:before { color: #fff; content: "\f00d"; font-weight: 900;}
    .navbar-light .navbar-nav .nav-link img { display: none;}
    body.overlay { height: 100vh; overflow: hidden;}
    .overlay:before { content: ''; background: rgb(255 255 255 / 50%); right: 0; position: absolute; top: 0; bottom:0; left: 0; z-index: 999;}
    a.menu-btn-toggle.open-menu { position: fixed; top: 30px; right: 20px;}
    .chat-box img.user,
    .chatbox-name img { width: 35px; height: 35px; }
    .chatbox-top { margin: 0; position: fixed; border-radius: 0;  padding: 12px; width: 100%; top: 0; z-index: 999;}
    .chat-box { height: auto; margin-bottom: 60px; padding-top: 30px !important;}
    form.type-form { padding: 10px 15px 10px; position: fixed; bottom: 0; width: 100%;}
    .chat-content-right,.chat-content-left { max-width: 100%;}
    .type-form input#chat_input{margin-right: 10px}
    form.type-form .submit { border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important;}
    .chatbox-buttons.mobile-none{display: none}
    .chatbox-buttons a { display: inline-block;}
    .chat-main-wrapper .row.shadow { -webkit-box-shadow: none !important; box-shadow: none !important;}
    .chatbox-buttons a { font-size: 16px;}
    .sidebar .messages-box { height: auto; margin-top: 50px;}
    .starting-new{height: 100vh}
    .profile-sidebar { margin: 80px 0 0; padding-bottom: 0; height: auto; min-height: auto;}
    .navbar-light .navbar-nav .active .nav-link:after{left: 0; top: 0; right: 0; bottom: 0;}
    header#topnav { position: fixed; top: 0; width: 100%; z-index: 999;}
    .swap-game-wrapper,.starting-new,.sell-game-wrapper,
    .main-content { margin-top: 76px;}
    .navbar-light .upgrade-btn{margin: 7px 20px;}
    .trusted-main-wrapper h4.feed-title-header { margin-top: 100px; width: 100%;}
    .payment .payment-main .payment-form,
    .payment-main .login{width: 100%;}
    .profile-wrapper .offset-2{margin-left:0px !important;}
    .navbar-light .navbar-nav a.nav-link.profile-link:before ,
    .message-body header#topnav { display: none;}
    .chatbox-name img{-o-object-fit: cover;object-fit: cover;}
    .package-col { width: 50%; padding: 0 15px;}
    section.package-main{margin-top: 60px;}
    div#chat_box { display: none;}
    .message-body div#chat_box { display: block;}
    div.profile-sidebar.trader-profile{top: 58px; height: calc(100vh - 60px);height: calc(calc(var(--vh, 1vh) * 100) - 60px); overflow: auto}
    .navbar-light .navbar-nav li.nav-item{display: block;}
    a.create-alert { font-size: 14px; background: #51097e;  color: #fff; border-radius: 5px; text-align: center; padding: 10px 15px; margin: 30px 20px 0; display: block; line-height: normal;}
    section.alerts-wrapper .col-md-8 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%;}
    .chat-main-wrapper .sidebar .search-bar { position: fixed; left: 0; right: 0; top: 60px;padding: 10px; z-index: 99; background: #fff;}
    #topnav .user-links {display: block;}
    #suggestion-box{position: fixed; top: 120px;}
    #topnav .user-links {  margin-top: 16px;}
    #topnav .user-links h4{color: #fff; font-size: 22px; }
    #topnav .user-links li a { color: #ffffff !important; font-size: 14px;}
    #report-member-form #suggestion-box { position: absolute; top: 120px;}
    div#user-suggestion-box { position: fixed;  top: 120px; z-index: 999; left: 10px; right: 10px;bottom: 10px}
    #user-suggestion-box .list-group{
        height: 100%;
        overflow-y: auto;
    }
    .my-feeds span.feed-time { right: 10px !important;}

    ul.navbar-nav li.nav-link.logout { background: transparent; padding: 0 !important; text-align: left; margin-bottom: 32px !important; margin-top: 0 !important;}
    ul.navbar-nav li.nav-link.logout a {color: #fff;}
    ul.navbar-nav li.nav-link.logout img.profile-image{ display: inline-block; width: 40px; height: 40px; border: 2px solid #da0678; margin-right: 10px;}
    ul.navbar-nav li.nav-item.mobile-logout { display: none;}
    a.nav-link.share,
    a.nav-link.rules-link { display: block;}
    .reference-game {
        position: fixed;
        left: 5px;
        right: 5px;
        top: 70px;
        font-size: 12px;
        font-weight: 600;
    }
    .chatbox-buttons.mobile-chat-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 10px -15px 0; padding: 10px 0; background: #fff;}
    .chat-main-wrapper .sidebar .search-bar{
        top: 70px;
    }
    .sidebar .messages-box {
        margin-top: 60px;
    }
    body.basic_user.share_active .main-content {
        margin-top: 100px;
    }
    body.basic_user.share_active .chat-main-wrapper .sidebar .search-bar {
        top: 120px;
    }
    body.basic_user.share_active .main-content .trusted-main-wrapper{
        padding-top: 30px;
    }

    .game-sell-feed-cms,.game-sell-feed{
        float: left;
        margin-bottom: 15px;
        width: 100%;
    }
}
.modal-body ul,.modal-body li {
    list-style: none;
    padding-left: 0;
}
.sell_swp_view{
    display: none;
}

@media screen and (max-width: 767px){
    div#traders {overflow: auto;max-height: calc(100vh - 380px);}
    .banner-btn .btn.btn-secondary{width: 100%}
    .banner-btn{ display: -ms-grid; display: grid; background-size: cover; -ms-grid-columns: 35% 20px 35%; grid-template-columns: 35% 35%; grid-gap: 0px 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  height: 78px; padding: 10px; }
    .feed-box .game-swap-feed .hero-img .gallery-link{ text-decoration: underline; }
    .modal-header .close span { font-size: 36px;}
    div#swap-made .modal-body { padding: 15px 15px 30px;}
    .checkbox-wrapper label,
    .modal-body p { font-size: 16px;}
    #swap-complete .modal-footer { padding: 0px 0 30px;}
    #swap-complete .modal-footer button{ padding: 5px; font-size: 16px; min-width: 100px; margin: 0 10px;}
    a.navbar-brand img {margin: auto; width: 100%;}
    .chat-time, .chat-desc{font-size: 12px}
    .sidebar .list-group-item .media-body{min-height: 45px;}
    .sidebar .list-group-item img { width: 40px; height: 40px;}
    .search-bar .input-group input{height: 40px}
    .search-bar .input-group input::-webkit-input-placeholder { /* Edge */ font-size: 15px;}
    .search-bar .input-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size: 15px;}
    .search-bar .input-group input::-moz-placeholder { font-size: 15px;}
    .search-bar .input-group input::-ms-input-placeholder { font-size: 15px;}
    .search-bar .input-group input::placeholder { font-size: 15px;}
    .search-bar span#search-addon{top:5px;}
    .chat-content-left .chatbox-time {text-align: left;}
    .chatbox-time{ margin: 3px 0;}
    .chat-text { font-size: 14px;}
    .trusted-main-wrapper .search-bar a#clear { padding: 7px;}
    .save-item{padding: 10px;}
    .save-item p{width: calc(100% - 60px)}
    .alert-action { width: 60px;}
    .alert-action a { margin-left: 7px;}
    .alert-action a img { width: 20px;}
    #delete-message .modal-footer button,
    #delete-alert-modal .modal-footer button,
    #swap-made .modal-footer button{min-width: 100px; margin: 0 20px;font-size: 18px;}
    #delete-alert-modal .modal-footer,
    #swap-made .modal-footer { padding: 0px 0 30px;}
    .trusted-main-wrapper h4.feed-title-header {font-size: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;margin: 80px 0 20px;}
    .trusted-main-wrapper h4.feed-title-header span{width:100%;}
    form.type-form { padding: 10px 15px 0;}
    .chat-box { margin-bottom: 115px; padding:40px 10px 0 !important;}
    .mobile-swap ,
    .chatbox-top .chatbox-buttons {display: none; }
    .chatbox-buttons.mobile-chat-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 10px -15px 0; padding: 10px 0; background: #fff;}
    .chatbox-buttons a#swap-complete-modal,.chatbox-buttons a#swap-complete-modal{ border-top: 1px solid #9d79b4;}
    form#swap-game-form h3{ font-size: 26px; margin-bottom: 30px;}
    .feed-box .feed-title {display: inline-block; margin-bottom: 10px; width: 100%;}
    .feed-box .feed-title h5{width: 100%}
    .feed-box .feed-title .feed-time { float: right; position: absolute; top: 3px; right: 0; font-size: 12px; font-weight: 700;}
    .alert-sidebar{ min-height: auto; height: auto; margin-bottom: 30px;}
    .starting-new{ background-color: #fff;}
    .login .login-form{-webkit-box-shadow: none;box-shadow: none; }
    .login .login-form{ width: 100%; padding-left: 15px; padding-right: 15px;}
    .signup { padding: 0;}
    .starting-new{ background-color: #fff;}
    .login .login-form{ -webkit-box-shadow: none; box-shadow: none;}
    .login .login-form{  width: 100%; padding-left: 15px; padding-right: 15px; }
    .banner-btn{ -ms-grid-columns: 45% 20px 45%; grid-template-columns: 45% 45%; }
    .trusted-trader-wrapper .feed-box .feed-title{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center}
    .feed-box .feed-title h5{ margin-bottom: 0; font-size: 12px; }
    .feed-box .feed-title .rating{float: left; margin-right: 5px; }
    .feed-box .game-swap-feed .hero-img{overflow: hidden;}
    .game-swap-feed .col-sm-12.py-3{ padding-top: 10px !important; padding-bottom: 10px !important; }
    /*.feed-box .game-swap-feed .hero-img{position: static; text-align: right;}*/
    .trusted-trader-wrapper .feed-box .feed-title .rating{ float: none }
    .swap-action { position: absolute; top: 0; right: 0;}
    .sell-action { position: absolute; top: 0; right: 0;}
    .post-links {-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .post-links a { text-align: left !important;  font-size: 14px; padding: 5px 8px;}
    .feed-title-header { font-size: 14px; margin-bottom: 20px; font-weight: 700;}
    .package-col { width: 100%; padding: 0 15px; margin-bottom: 30px;}
    .pack-price h3,
    .package-box h2{font-size: 22px;}
    .package-box a.pack-btn,
    .package-box ul { font-size: 16px;}
    .swap-action { display: block;}
    .sell-action { display: block;}
    .feed-page.action-button {position: absolute; right: 0; bottom: 0;}
    .media .auto-msg{font-size: 14px;}
    span.pro_name.profile_img{margin-top: 0;}
    .feed-title-header a.back-btn { display: block; max-width: 100px; margin: 0 auto ;}
    .alert-sidebar .search-bar span#search-addon { top: 7px;}
    .monthly-swaps h4,
    .monthly-swaps h5 {  font-weight: 800 !important;}
    .feed-box .trusted-trader a img { display: none;}
    #register-form .ctm-btn-primary { margin: 0 !important;}
    form#report-member-form .input-group label { width: 100%;}
    form#report-member-form .input-group label.error{margin-left: 0;}
    .chat-time{font-size: 10px;}
    .feed-box .game-swap-feed ul li span.has-swap, .feed-box .game-swap-feed ul li span.wants-swap{font-size: 16px;}
    p.condition_text { font-size: 14px;     margin-bottom: 0;}
    #report-member-form #suggestion-box{margin-left: 0;}
    .ads {display: none;}
    .communicate_with{margin-top: 0;}

    /*.selectize-input.has-options {*/
    /*    max-height: 40px !important;*/
    /*}*/
    #edit-alert-form .selectize-control .selectize-input>* {
        padding: 0;
        line-height: 40px;
    }
    .search-bar .input-group select {
        height: 40px;
    }
    .feed-box-cms .game-sell-feed-cms a.btn{
        margin-top: 10px;
        width: 100%;
    }
    .feed-box .game-swap-feed .hero-img, .feed-box .game-sell-feed .hero-img{
        position: unset;
        float: none;
        text-align: right;
    }
    .feed-box .game-swap-feed .feed-content, .feed-box .game-sell-feed .feed-content{
        width: 70%;
    }
    .feed-box .game-swap-feed .hero-img, .feed-box .game-sell-feed .hero-img{
        width: 30%;
    }
    .sell_swp_view{
        display: block;
    }
}

@media screen and (max-width:480px){
    .feed-box .game-swap-feed .hero-img img, .feed-box .game-sell-feed .hero-img img{
        width: 70px !important;
        height: 70px !important;
    }
    .sell_swp_view {
        position: absolute;
        bottom: 12px;
        right: 10px;
    }

    .sell_swp_view .sell-action {
        position: unset;
        text-align: right;
        width: 100%;
        padding: 0 10px;
    }
    .sell_swp_view .swap-action {
        position: unset;
        text-align: right;
        width: 100%;
        padding: 0 10px;
    }
    .feed-page.action-button a svg{
        width: 16px;
        margin-left: 0;
    }
    .feed-page.action-button{
        min-width: 53px;
        bottom: -6px;
    }
    .feed-page.action-button a{
        padding: 0 4px;
    }
    #delete-sell .modal-footer button{
        min-width: 115px;
    }
    .swap_sell_hide{
        display: none;
    }
}

@media (min-width:481px) and (max-width:767px){
    .action-class.sell_swp_view{
        display: none;
    }
}
@media screen and (max-width: 575px){
    .feed-box .profile-img-wrap img {
        width: 35px;
        height:35px;
    }
    .banner-btn .btn.btn-secondary{ padding: 10px 5px; font-size: 16px;}
    .navbar-brand img{width: 75px; }
    a.image-photos{display: block; margin: 10px 0 0;}
    .navbar-light .navbar-brand {  margin: 0 0 10px; text-align: center;}
    .chatbox-buttons a { font-size: 14px; min-width: 140px; text-align: center;}
    .selectize-control.single .selectize-input:after{right: 5px !important;}
    .game-search { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
    .game-search .ctm-search-btn{margin: 0 !important;margin-left: 5px !important;width: 110px;height: 38px;line-height: 1.5;}
    .game-search .selectize-control { width: 100%;}
    .ctm-search-btn{width: 100%; padding: 5px; margin: 0 0 10px}
    .tab button{ padding: 10px; font-size: 16px; margin-right: 10px;}
    .payment h3{font-size: 18px; margin-bottom: 20px;}
    .trusted-trader-wrapper{padding: 5px;}
    .traders-details { width: 60%; font-size: 12px;}
    .feed-box .rank ,.time-swaps, .monthly-swaps { width: 15%;}
    .time-swaps h4, .monthly-swaps h4{font-size: 14px}
    .time-swaps h5, .monthly-swaps h5{font-size: 10px !important; white-space: pre-line;}
    .traders-details img.trader-img { width: 30px; height: 30px; margin-right: 5px}
    #delete-alert-modal .modal-footer button, #delete-swap .modal-footer button, #swap-made .modal-footer button{min-width: 100px}
    div.profile-sidebar.trader-profile{ width: 300px; right: -300px;}
    .sidenav-active div.profile-sidebar.trader-profile{-webkit-transform: translateX(-300px);-ms-transform: translateX(-300px);transform: translateX(-300px);}
    .profile-sidebar{padding-top: 50px;}

    .feed-box .game-swap-feed .hero-img img, .feed-box .game-sell-feed .hero-img img { width: 70px; height: 90px;}
    #setting-alert-modal .icon-box { width: 100%;}
    .feed-title-header a.back-btn {margin: 20px auto 0; float: none;order:2;}
    .feed-box { padding-bottom: 50px;}
    /*    .feed-box .game-swap-feed .feed-content .btn.ctm-btn-primary { position: absolute; left: 15px; right: 15px;margin: 0;}*/

    .feed-order .col-lg-4 {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;  margin-top: 20px;}
    .game-search .selectize-control{padding: 0;}
    .feed-title-header { font-size: 18px;}

    /* .feed-box .game-sell-feed a.btn{
         position: absolute;
         width: 100%;
         height: 32px;
         line-height: 32px;
     }*/
    .feed-box .game-sell-feed .feed-content{
        width: 70%;
    }
    /*    .game-search #search-value {
            max-width: calc(100% - 50px);
        }*//*
        .game-search #my_feed_value {
            max-width: calc(100% - 50px);
        }*/
    .game-search .ctm-search-btn{
        margin-top: 10px;
    }
    .feed_btn_wrapper {
        justify-content: space-between;
    }
    .feed_btn_wrapper > a{
        font-size: 13px;
        line-height: 14px;
    }
    .feed_btn_wrapper .feed-title-header{
        font-size: 15px;
        margin-right: 0;
    }
    .navbar-light .navbar-brand {
        margin: 0;
    }
    .feed-box{padding:10px;}
}
@media (max-width: 390px){
    .feed_btn_wrapper .feed-title-header{
        font-size: 14px;
    }
}
@media screen and (max-width: 360px){
    .feed-box .feed-title .feed-time {
        top: 0;
        right: 0;
        width: 50px;
        text-align: right;
        white-space: break-spaces;
        line-height: normal;
    }
    span#max_rate {font-size: 14px;}
}

@media screen and (max-width: 320px){

    .trusted-trader {
        font-size: 14px;
    }
    .feed-box .feed-title .feed-time{
        width: 62px;       float: none !important;
        position: unset!important;
    }
    .feed-box .profile-img-wrap{
        margin-right:5px;
    }
    .feed-box{
        padding:10px;
    }
    .feed-box{font-size:11px;}

}
@media screen and (max-width: 230px){
    .feed-box .profile-img-wrap img {
        width:30px;
        height:30px;
    }
    .trusted-trader {
        font-size:12px;
    }
    .feed-box{font-size:10px
    }
}