.header-popup{
    padding-left: 15px;
    font-size: 18px;
    color: #000;
    min-width: 35px;
}
.header-popup i{
    color: #000;
}
.col-filler {
    min-width: inherit !important;
}
.table-container {
    overflow-x: auto !important;
    min-width: inherit !important;
}
.product-page .transaction-table {
    min-width: inherit !important;
}
.product-page .table-and-table-modal-wrapper {
    overflow-y: hidden;
}
.webhooks-footer {
    padding: 0 115px;
}
@media (max-width: 1300px){
.don-store .poof-container {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 30px;
    }
    .don-store .poof-container .poof-container-right {
    float: inherit;
    margin-left: 0;
    margin-top: 0;
    min-width: 0 !important;
    width: 100%;
}
    .don-store .poof-container .poof-container-left {
    margin-left: 0;
    width: 100%;
    padding-right: 0;
}
.don-store .poof-container .poof-container-right .poof-container-right-item {
    flex-direction: column;
    align-items: self-start;
    gap: 25px;
}
.don-store .poof-container .poof-container-right .poof-container-right-item .price-wrap {
    margin-left: 0;
    width: auto;
}
.don-store .poof-container .poof-container-left .copy-wrap {
    width: auto;
}
    .don-store .col-filler {
    margin-left: 0px;
    margin-right: 0px;
    }
    .don-store .col-filler > div {
    margin-left: 0px !important;
    }
    /*================payouts==============*/
.payouts-page .credit-wrapper {
    width: inherit !important;
}
.payouts-page .custom-container{
    margin-left: 0 !important;
}



}




@media (max-width: 992px){
.contracts-table {
    width: 100% !important;
}
.col-filler {
    min-width: inherit !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.dash-inherit-width {
    min-width: inherit !important;
    margin: 0 !important;
}
.two-box-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}
.payment-box{
    min-width: inherit !important;
}
.balance-box{
    margin-left: 0 !important;
    min-width: inherit !important;
}
.page-checkout .homepage .container .poofbox2:first-child .start .row{
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
}
.page-checkout .homepage .container .poofbox2:first-child .start .row > div{
    max-width: 100%;
}
.waletBalnce{
    min-width: inherit !important;
}
.developer-page .main-col-filler {
    margin-left: 30px !important;
    margin-right: 30px !important;
}
.don-store .poof-container {
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
}
.product-page .custom-container{
    margin-left: 0;
}
.product-page .col-filler.dash-pad > div{
    margin-left: 0 !important;
}
.profile-page .poofbox > div.card {
    max-width: 100% !important;
}
/*====================*/
.webhooks-footer {
    padding: 0 65px;
}


}



@media (min-width: 576px){
.col-sm-12 {
    flex: inherit !important;
}
}



@media (min-width: 767px){
.header-popup{
    display: none;
}
}



@media (max-width: 767px){
    .active-sidebar .fa-bars:before,
    .active-sidebar .fa-navicon:before{
            content: "\58";
    }

    .pcoded-main-container{
        margin-left: 0px !important;
    }
    #sidebar.pcoded-navbar{
        left: -220px;
    }
    .body.active-sidebar  #sidebar.pcoded-navbar{
         left:0px;
    }
    .header.dashboard{
        padding-left: 0px;
        padding-right: 0px;
    }
    .homepage > .container, .header > .container{
        padding-left: 20px;
        padding-right: 20px;
    }
    .header > .container{
        padding-left: 20px;
        padding-right: 20px;
    }
    .body .poofbox2 .start{
        padding:0px;
    }
    .body .poofbox2 .row {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }

/*    coupn page*/
.col-filler{
    max-width: 100%;
    margin: 0px !important;

}
.col-filler table{
    margin: 0px !important;
    width: 100% !important;
}
.contracts-table tbody th, .contracts-table tbody td{
    width: auto !important;
}
.card .card-body{
    overflow-x: auto;
}
.page-coupons .col-filler.dash-pad > div{
    margin-left: 0px !important;
      margin-right: 0px !important;
}
.col-filler.dash-pad button{
    margin-right: 0px !important;
}

::-webkit-scrollbar:horizontal{
  height: 5px;
  background-color: #eee;
  box-shadow: none;
   border-radius: 20px;
}
::-webkit-scrollbar-thumb:horizontal{
        background: #2056e7;
        border-radius: 20px;
        
}
.header.dashboard > .container > .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

    /*===================Crypto=====================*/

.poofbox  {
    padding: 0 1.25rem !important;
}
.poofbox .title {
    margin-left: 0 !important;
}
.card-inner{
    min-width: 0 !important
}
.card {
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.d-grid {
    display: grid !important;
    grid-template-columns: 2.5fr 1.5fr 1fr !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.d-grid > div {
    max-width: 100% !important;
    padding-left: 0 !important;
}
.see-more-container{
    padding-left: 0 !important;
}
.grey_button {
    margin: 0 auto;
}
.two-box-container {
    grid-template-columns: 1fr;
}
footer.dashboard-footer ul {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
footer.dashboard-footer ul > div {
    margin: 0 auto !important;
}
/*==========================*/
.page-checkout .homepage  .container .poofbox2:first-child .start .row {
    grid-template-columns: 1fr;
}
/*==================================*/
.dashboard-page .homepage {
    padding-left: 25px;
    padding-right: 25px;
}
.developer-page .main-col-filler {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.waletBalnce > .row-recent > .col-recent > aside {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 20px !important;
}
.waletBalnce > .row-recent > .col-recent > p {
    padding: 0 20px !important;
}
/*==================Donation=============*/
.don-store .header.dashboard .navbar{
    flex-wrap: nowrap !important;
}
/*==========Payment=================*/
.payment-page .poofbox4{
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.payment-page .toggle-item-list > li {
    padding: 10px 12px;
}
.payment-page .toggle-item-list > div .col-md-6{
    padding-left: 0 !important;
}
.payment-page .left-option .title {
    font-size: 14px;
    line-height: 1.3;
}
.payment-page .form-button-label-poof{
    font-size: 10px !important;
    line-height: 1.5em !important;
    text-align: center !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    border-radius: 25px !important;
}
.payment-page .left-option-icon{
    max-width: 100px;
    height: auto;
}
.payment-page .form-check.form-button{
    display: block !important;
}
/*==============Profile================*/
.payouts-page .table-wrapper .table.ctable{
    padding-bottom: 20px !important;
}
.profile-page .container.col-container > .col-filler{
    padding-left: 0 !important;
}
.profile-page .header.dashboard{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/*===================*/
.webhooks-footer {
    padding: 0 45px;
}
.webhooks-nav-container{
    padding: 0 !important;
}
.webhooks-page .homepage >.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


}