@media (max-width: 575px) { 

body{
    padding: 80px 0px 0px 0px;
}

.h5{
    font-size: 16px;
}

.single-challange .reaction_button {
margin-left: -50px;
}
.categories-mobile{
    display: block !important;
}

.categories-desktop{
    display: none !important;
}

.categories_label{
    min-height: 134px;
}

/* Wallet.php */


.invoice-container .invoice-price{
    font-size: 14px;
}

.invoice-container .invoice-title{
padding-left: 30px;
}

.invoice-container .invoice-title:before{
position: absolute;
content: '\f570';
margin-left: -35px;
font-size: 25px;
color: #10C17D;
font-family: "Fontawesome";
}


.wallet-container hr{
display:block !important;
}

.wallet-wdc-all{
padding-left: 60px;
}

.wallet-all{
    padding-left: 50px;

}

.wallet-paid{
    padding-left: 50px;

}

.wallet-wdc-all:before{
position: absolute;
content: '\f51e';
margin-left: -50px;
font-size: 32px;
color: #10C17D;
font-family: "Fontawesome";
}

.wallet-all:before{
position: absolute;
content: '\f4c0';
margin-left: -40px;
font-size: 20px;
color: #ccc;
font-family: "Fontawesome";
}

.wallet-paid:before{
position: absolute;
content: '\f09d';
margin-left: -40px;
font-size: 20px;
color: #ccc;
font-family: "Fontawesome";
}


.wallet-all,
.wallet-paid{
font-size: 14px;
}



/*
.row-cols-xs-2 .col .play_button{
    color: #fff;
    padding: 0px 12px 0px 15px;
    line-height: 2.6em;
    background: rgba(0, 0, 0, 0.302);
    position: absolute;
    border-radius: 99%;
    right: 37.5%;
    border: 3px solid #fff;
    font-size: 15px;
    top: 14.5%;
}

.row-cols-xs-2 .col .reaction_button{
    color: #fff;
    padding: 0px 6px;
    line-height: 2em;
    background: rgba(0, 0, 0, 0.302);
    position: absolute;
    border-radius: 99%;
    right: 13px;
    font-size: 12px;
    top: 15px;
}
*/


.single-challange .card-info {
    padding-left: 42px !important;
}

.judget-challange .card-info i,
.single-challange .card-info i {
    position: absolute;
    font-size: 14px;
    margin-left: -40px;
    border: 1px solid #fff;
    padding: 5px;
    box-shadow: 0px 5px 10px rgb(227, 227, 227);
    border-radius: 99%;
}



/** VÉGE **/


.desktop{
    display: none;
}

.hero {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: relative;
    height: 50%;
    min-height: 230px;

}

.hero iframe{
    display: block;
    height: 100%;
    min-height: 230px;
}

.card-cover .reaction_button {
    color: #fff;
    padding: 0px 10px;
    line-height: 2.3em;
    background: rgba(0, 0, 0, 0.302);
    position: absolute;
    border-radius: 99%;
    right: 10px;
    font-size: 14px;
    top: 10px;

}