.a.myclass_25, .b.myclass_25, .c.myclass_25, .d.myclass_25{
flex-basis: 15%;
-webkit-flex-basis: 15%;
    margin: 0px auto;height:96px;
    position: relative !important;
}
button {    outline: none;}
.a {
background: url(../images/cloud.png);
width: 140px;
    height: 177px;
background-size: 100%;

padding: 15px 25px 37px 16px;
position: relative;

}
.a {
    font-size: 1em;
}

.a.myclass_50 {
    padding-top: 50px;
}

.b.myclass_50 .com-bott {
  bottom: 30px;
}
.c.myclass_50 {
    padding-top: 8%;
}
.d.myclass_50 {
    padding-top: 5%;
}
.d.myclass_0 i{
    font-size: 25px;
}
.d.myclass_25 i{
    font-size: 55px;
}
.d.myclass_50 i{
    font-size: 69px;
}
.d.myclass_75 i{
    font-size: 85px;
}
.d.myclass_100 i{
    font-size: 110px;
}




/* =========0 style===================== */


.myclass_0 .com-bott {
    position: absolute;
    bottom: 20px;
    width: 83%;
    font-size: 5px;
}

.b.myclass_0 .com-bott img {
    width: 6px;
}
.b.myclass_0 { padding: 5px;height: 60px !important;
}


}
.c.myclass_0 img {
    vertical-align: middle;
    max-width: 25px;
}
.d.myclass_0 img {
    vertical-align: middle;
    max-width: 25px;
}
.c.myclass_0 a img {
    vertical-align: middle;
    max-width: 20px;
}
.d.myclass_0 a img {
    vertical-align: middle;
    max-width: 20px;
}
/* =========25% style===================== */
.a.myclass_25 {

    background-size: 72%;
    padding: 9px 17px 37px 16px;
 background-position: center 0px;
    font-size: 8px !important;
    background-repeat: no-repeat;
}
.myclass_25 .com-bott {
    position: absolute;
    bottom: 42px;
    width: 83%;
    font-size: 7px;
}

.b.myclass_25 .com-bott img {
    width: 10px;
}
.b.myclass_25 { padding: 5px;
}
.myclass_25.com-bott img {
    width: 10px;
}

.c.myclass_25 img {
    vertical-align: middle;
    max-width: 35px;
}
.d.myclass_25 img {
    vertical-align: middle;
    max-width: 35px;
}
.a.myclass_25 {
    padding-top: 22px;
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.b.myclass_25 .com-bott {
  bottom: 42px;
}
.c.myclass_25 {
    padding-top: 8%;
}
.d.myclass_25 {
    padding-top: 5%;
}




/* =========100% style===================== */


.c.myclass_100, .d.myclass_100 {
      height: 80px;
}





.b.myclass_100 .com-bott {
    position: absolute;
    bottom: 47px;
    width: 50%;
    font-size: 1em;
}
.c.myclass_100 a img {
    vertical-align: middle;
    max-width: 166px;
    width: 140px;
}
.d.myclass_100 a img {
    vertical-align: middle;
    max-width: 166px;
    width: 140px;
}

.b {
position: relative;
background: url(../images/comment.png);
background-repeat: no-repeat;
width: 160px;
height: 114px;
padding: 15px;
background-size: 100%;
}



.c, .d {
    text-align: center;
}

#square li {
    display: flex;
    flex-wrap: wrap;
}
.myclass_-23 {
    width: 25%;
    float: left;
}




.a, .b, .c, .d {
    float: left;
    width: 21%;    min-height: 206px;    margin-bottom: 36px;
}




/* new style */


.a a {
    white-space: pre-line;
    width: 80%;
    float: left;
    margin-left: calc(100% - 80%);
    padding-right: 40px;
    text-align: center;
    position: relative;
    left: -20px;
    top: -4px;
    text-decoration: none;
    font-size: 16px;
    word-break: break-all;
    color: #000;
    font-weight: 600;
}

.a h3, .b h3 {
    position: absolute;
    font-size: 15px;
    color: #1c517b;
    font-weight: 600;
}

.a h3 {
    bottom: 37px;
    right: 93px;
}

.b h3 {
    bottom: 20px;
    left: 85px;
}


.b a {
    color: black;
    float: left;
    width: 90%;
    margin-left: 12%;
    white-space: normal;
    margin-top: 4px;
    text-decoration: none;
}




/* =========50% style===================== */

.c.myclass_50 img, .d.myclass_50 img {
    height: 85px;
}


.a.myclass_50 {
    background-repeat: no-repeat;
    background-size: 100%;
}

/* =========75% style===================== */


.a.myclass_75 {
    width: 25%;
    background-size: 310px;
    background-repeat: no-repeat;
    height: 245px;
}

.a.myclass_75 h3 {
    bottom: 46px;
    right: 104px;
    font-size: 18px;
}

.a.myclass_75 a {
    font-size: 20px;
    top: 51px;
    left: -20px;
}

.c.myclass_75 img, .d.myclass_75 img {
    height: 105px;
}

.b.myclass_75 {
    width: 25%;
    background-size: 100%;
    min-height: 243px;
}

.b.myclass_75 a {
    font-size: 18px;
}

.b.myclass_75 h3 {
    font-size: 18px;
}

/* =========100% style===================== */


.a.myclass_100 {
    width: 30%;
    height: 268px;
    background-repeat: no-repeat;
}


.a.myclass_100 {
    width: 381px;
    height: 280px;
    background-repeat: no-repeat;
}

.a.myclass_100 h3 {
    font-size: 22px;
    right: 130px;
    bottom: 33px;
}

.a.myclass_100 a {
    font-size: 24px;
    top: 60px;
    left: -36px;
}

.b.myclass_100 {
    width: 370px;
    background-repeat: no-repeat;
    height: 282px;
}



.b.myclass_100 a {
    font-size: 22px;
}

.b.myclass_100 h3 {
    font-size: 22px;
}



/* =========25% style===================== */

.a.myclass_25 a {
    font-size: 13px;
    top: 15px;
    left: -4px;
    width: 70%;
}

.a.myclass_25 h3 {
    bottom: 83px;
    right: 99px;
    font-size: 13px;
}

.b.myclass_25 {
    width: 15%;
}

.b.myclass_25 a {
    font-size: 12px;
    width: 91%;
    padding-left: 5px;
}

.b.myclass_25 h3 {
    bottom: 70px;
    right: 19px;
    font-size: 13px;
}



/* =========0% style===================== */

.b.myclass_0 {
    width: 10%;
}

.b.myclass_0 a {
    font-size: 10px;
    width: 90%;
}

.b.myclass_0 h3 {
    bottom: 107px;
    font-size: 9px;
    right: 10px;
}


.a.myclass_0 {
    width: 13%;
    background-repeat: no-repeat;
}


.a.myclass_0 a {
    font-size: 10px;
    width: 100%;
    top: 15px;
    left: -14px;
}

.a.myclass_0 h3 {
    bottom: 98px;
    right: 63px;
    font-size: 9px;
}


.display_none {
    display: none;
}


.a.myclass_50:hover {
    z-index: 1;
}

.a, .b, .c, .d {
    z-index: 1;
}

.filterbar {
    z-index: 20;
}


.c.myclass_50 i {
    font-size: 69px;
}


.c.myclass_75 i {
    font-size: 85px;
}

.c.myclass_100 i {
    font-size: 110px;
}

.c.myclass_25 i {
    font-size: 55px;
}

.c.myclass_0 i {
    font-size: 25px;
}
@media only screen and (min-width: 1340px) {

    .a.myclass_50 {
    max-width: 260px;
}

.b.myclass_50 {
    max-width: 206px;
}

.b.myclass_75, .a.myclass_75 {
    max-width: 300px;
}


}

@media only screen and (min-width: 1366px) {
.story-area p {
    font-size: 14px;
}
.story-area h2 {
    color: #1e527b;
    font-size: 20px;
}
.profile-name a {
    font-size: 23px;
}
}
@media only screen and (min-width: 1500px) {

.mainStory-inner {
    left: 10px;
}

.b.myclass_100 h3 {
    left: 145px;
}

.a.myclass_25 {
    max-width: 195px;
    background-size: 100%;
}

.a.myclass_25 a {
    font-size: 13px;
    top: 15px;
    left: -10px;
    width: 88%;
}

.a.myclass_0 {
    width: 150px;
    background-repeat: no-repeat;
    height: 200px;
    min-height: inherit;
}

.b.myclass_0 {
    width: 150px;
}

.b.myclass_0 {
    width: 150px;
    min-height: inherit;
    height: 139px !important;
}

.b.myclass_0 h3 {
    bottom: 10px;
    font-size: 9px;
    right: auto;
    left: 40px;
}

.a.myclass_0 {
    width: 190px;
    padding-right: 29px;
    padding-top: 29px;
}

.a a {
    padding-right: 20px;
    font-size: 16px;
    font-weight: 600;
}

.a.myclass_50 {
    padding-top: 57px;
}

.b a {
    width: 93%;
    margin-top: -4px;
    font-size: 13px;
}

.a, .b, .c, .d {
    width: 333.333px;
}


.b.myclass_75, .a.myclass_75  {
    width: 305px;
}

.a.myclass_75 {
    background-size: 100%;
}

.b.myclass_100 h3 {
    left: 129px;
}

.a.myclass_100 a {
    padding-right: 60px;
}

.b.myclass_25{
    width: 200px;
}
.a.myclass_25 {
    width: 230px;
}

.b.myclass_25 a {
    width: 84%;
    padding-left: 9px;
    margin-top: 5px;
}

.d.myclass_25 img, .c.myclass_25 img {
    max-width: inherit;
    height: 70px;
}

.a.myclass_25 a {
    font-size: 12px;
    top: 23px;
    left: 5px;
    width: 50%;
    font-weight: 500;
    line-height: 1;
}

.a.myclass_25 {
    padding-top: 6px;
}

.b.myclass_0 {
    width: 170px;
    padding: 10px 20px 0 10px;
}

.a.myclass_0 {
    width: 180px;
}

.d.myclass_0, .c.myclass_0 {
    min-height: auto;
}

.a.myclass_0 a {
    width: 76%;
}

.a.myclass_0 h3 {
    bottom: 84px;
}


.c.myclass_0 a img {
    vertical-align: middle;
    max-width: inherit;
    height: 50px;
}
.d.myclass_0 a img {
    vertical-align: middle;
    max-width: inherit;
    height: 50px;
}

.b.myclass_0 h3 {
    bottom: 77px;
    left: 58px;
    right: auto;
}

}

/* -----------------------media-queries----------------------- */

@media screen and (min-width: 1200px) and (max-width: 1312px) {
.header-box.empthy-box.last-month {
    padding-top: 45px;
}
}
@media screen and (max-width: 1920px) and (min-width: 1600px) {

    .mainStory-inner .a a {
        left: -22px;
        top: 4px;
        width: 76%;
        text-align: left;
        line-height: 17px;
        font-weight: normal;
    }
    .a.myclass_25 a {
    top: 41px;
    left: -16px;
    width: 83%;
    }
    .a.myclass_75 a {
    top: 64px;
    left: -20px;
}
.a.myclass_100 a {
    padding-right: 50px;
    bottom: -14px;
    top: 74px;
    left: -26px;
    line-height: 27px;
}
    .a.myclass_0 a {      top: 10px;
    line-height: 13px;
    left: -14px;
}
    
    

    .mainStory-inner .a h3 {
        bottom: 79px;
    }

}
@media screen and (min-width:1600px) {
.a.myclass_0 {
    height: 197px;padding-bottom: 0;
    margin: 0;
}
.a{padding-bottom: 0;
    margin: 0;
}
    .b.myclass_25 h3 {
    bottom: 54px;
    right: auto;
    font-size: 13px;
    left: 65px;
}
.myclass_50  h3 {
    bottom: 49px;
    right: 0;
    width: 100%;
    left: 63px;

    }.b.myclass_0 h3 {
    bottom: 9px;}
    .a.myclass_50 {
    height: 241px;
}
.story-area {
    height: 59vh;
}
.b.myclass_100 {
    width: 362px;
}
.a.myclass_75 {
    height: 259px;top: 60px;
    line-height: 20px;
}
.a.myclass_100 {
    height: 299px;
}
}


@media screen and (max-width:1200px) {
.status-disc li {
    font-size: 13px;
}  
.status-heading span {
    min-height: 7px;
    font-size: 13px;
}
.biography {
    padding: 10px;
}  
    .a.myclass_25 a {
    font-size: 10px;
    top: 13px;
    left: -1px;
    width: 70%;
    line-height: 11px;
}

.a a {
    white-space: pre-line;
    width: 96%;
    text-align: left!important;}

.a.myclass_50 {
    min-height: 100px;
}
.a.myclass_0 a {
    font-size: 8px;
    width: 87%;
    top: 13px;
    left: 5px;
}

.a.myclass_25 a {
    font-size: 10px;
    top: 27px;
    left: 13px;
    width: 70%;
    line-height: 11px;
}

.a.myclass_50 a {
    font-size: 12px;}
.a.myclass_75 a {
    font-size: 14px;
    top: 49px;
    left: 29px;
    
    width: 80%;
}
.a.myclass_100 a {
    font-size: 20px;
    top: 74px;
    left: 45px;
    width: 66%;
}
.a.myclass_25 {
    background-size: 100%;
}



.a a{margin: 0; 
   left: 13px;
    width: 80%;
    padding: 0;}

.b.myclass_0 a {
    font-size: 10px;
    width: 92%;
    overflow: hidden;
}
.b.myclass_0 h3 {
    bottom: 11px;
    font-size: 9px;
    right: auto;
    left: 34px;
}

.b.myclass_0 {
    padding: 5px;
    height: 60px !important;
    min-height: 94px;
}

.b.myclass_25 {
    min-height: 193px;
}
.b.myclass_50 {
    min-height: 179px;
}
.b.myclass_25 h3 {
    bottom: 37px;
    right: auto;
    font-size: 13px;
    left: 51px;
}
.b.myclass_25 {
    min-height: 150px;
}
.b.myclass_50 h3 {
    bottom: 20px;
    left: 70px;
    margin: 0;
    width: 100%;
}
.b.myclass_75 h3 {
    bottom: 52px;
}
.b.myclass_100 h3 {
    left: 122px;
}
}



@media screen and (max-width:1199px) {
    a.hover-effect::after {
    left: 3%}
    .main-story {
    overflow-y: auto!important;
    overflow: hidden;
}
#profile form {
    width: 100%;
    margin: 0;
    padding: 10px;
}
.profile-top h3 {
    margin: 0;
}
.sidebar-header h4 i{display: none}
.full_width .bio-box {
    overflow-y: scroll;
    padding-bottom: 0;
}
.sidebar-detail {
    height: auto;
    padding: 10px 10px;
    margin-bottom: 0;
}
.bio-sidebar {height: auto;
    width: 100%;
}
.status-heading {
    width: 97px;
}
.status-disc {
    width: 187px;
}    
.status-disc span {
     width: 100%;
}
.col-md-6.col-sm-6.profile-light {
    padding: 0;
}
.status-heading {
    width: 101px;
}
.status-disc b {
    font-size: 12px;
}    
    .biography {height: auto;
    width: 100%;
}.full_width .bio-sidebar {
    width: 100%;} 
.switch {
    width: 65px;
    height: 24px;}
.switch-light .switch-input:checked ~ .switch-handle {
    left: 39px;
    top: 5px;
    width: 16px;
    height: 16px;
}    
section.main-header .col-md-1.m1 {
    padding: 0;
}.container.d-flex {
    padding: 0 5px;
}.top-stats {
    margin-left: 0;
}
.sidebar {
    width: 118px;}
    .header-box h4 {
    font-size: 13px;
}h5.header-price {
    font-size: 16px;
}
a.dropdown-toggle span.hidden-xs {
    display: none;
}
.header-box.empthy-box {
    width: 17%;
}
.header-box {
    width: 33%;
}.empthy-box {
    padding-top: 44px;
}
.main-header ul.dropdown-menu.show {
    right: 0px !important}
ul.dropdown-menu li a {
    padding: 10px 5px!important;
    font-size: 12px;
}    
.main-header li.dropdown i {
    font-size: 14px;
    text-align: center;
    display: inline;
}
.a, .b, .c, .d {
    width: 25%;}
    .mainStory-inner {
    left: 10px;
}
.a.myclass_50 {
    padding-top: 28px;
}
.a.myclass_50 a {
    font-size: 12px;
    top: 0;
    left: 5px;
    overflow: hidden;
    height: 23px;
}
.a.myclass_25 {
    padding-top: 0;}
    .a.myclass_25 a {
    font-size: 10px;
    top: 27px;
    left: 7px;
    width: 70%;
    line-height: 11px;
    height: 23px;
    overflow: hidden;
}
.a.myclass_0 {
    width: 23%;
}
.mainStory-inner {
    left: 0!important;
}
.c.myclass_75 {
    width: 10%;
}
.c.myclass_75 i {
    font-size: 52px;
}
.d.myclass_75 {
    width: 10%;
}
.a.myclass_75 {
    width: 40%;background-size: 287px;
}
.a {
    height: 159px;
}.a h3 {    left: 0;
    bottom: 37px;
    right: auto;
    width: 100%;
}
.a.myclass_50 h3 {
    left: 13px;
}
.a.myclass_75 h3 {
    left: 24px;
}
.b.myclass_50 h3 {
    bottom: 20px;
    left: 51px;
    margin: 0;
    width: 100%;
    font-size: 11px;
}
.b.myclass_50 {
    min-height: 132px;
}

.b.myclass_75 {
    width: 40%;
}
.b.myclass_0 {
    min-height: 95px;
    width: 19%;
}
.b.myclass_0 h3 {
    bottom: -1px;
}
.b.myclass_25 {
    width: 21%;
}
.d.myclass_75 i {
    font-size: 52px;
}
.b.myclass_50  {
    color: black;
    float: left;
    width: 90%;
    margin-left: 7%;
    white-space: normal;
    margin-top: 0;
    text-decoration: none;
    overflow: hidden;
}
.main-content {
    padding: 0px 4px 4px 0;
}
.status-disc {
    width: 183px;
}
.profile-status {
    width: 100%;
}
.status-disc li {
    font-size: 13px;
    width: 62px;
}.status-disc span {
    width: 192px;
}
.profile-light {    padding-left: 0;}
}
@media screen and (max-width:768px)  and (max-width:1024px) {  
.side-dropdown.dropdown-menu.show[x-placement="top-start"] {
    left: 19px !important;
    top: auto !important;
    height: auto!important;
    width: 300px;transform: none!important;
}
.b.myclass_50 {
	color: rgb(0, 0, 0);
	float: left;
	width: 28%;
	margin-left: 7%;
	white-space: normal;
	margin-top: 0;
	text-decoration: none;
	overflow: hidden;
	min-height: inherit;
	height: 160px;
}
}
@media screen and (max-width:767px) { 
 .main_class .table-box td, th {
    display: none;
}
.main_class .table-box .view_count, .main_class .table-box .table_titel  {
    display: table-cell;
}   
span.countdown-row.countdown-show4 {
    max-width: 320px;
}
 span.icon {
    text-align: center;
    width: 100%;
    display: inline-block;
    margin: 20px auto;
}   .add-coal.yellow-gradient {
    width: 106px;
}
.add-coal.yellow-gradient {
    width: 106px;
    margin: 0 auto 20px;
}
.top-icons li {
    margin-right: 16px;
    font-size: 14px;
}
.modal-dialog {
    max-width: 95%;
}
.img-part, .model_right {
    width: 100%;
}
.comment-area textarea {
    min-height: 129px;
    margin-bottom: 30px;
}
.comment-area {padding: 10px;
}
.img-part {
    display: none;
}
.stories .add-coal.yellow-gradient.bgGreen a {
    width: 50px;
    height: 50px;
}
.stories .add-coal.yellow-gradient.bgGreen a .img-responsive {    height: 21px;
}
.top-icons ul.nav.navbar-nav {
    padding: 0;
    margin: 10px 0;
}
.help.section .col-md-12 {
    width: 100%;    padding: 0 20px;
}
.help.section .card-body ol {
    padding: 0;
}
.help.section .card {
    margin: 15px;
    width: 100%;
} 
.help.section .card {
    margin: 15px 0;
    width: 100%;
}
.help.section .card-body .row {
    padding: 0;
}
.help.section .card-body {
    padding: 0 20px;
}
.help.section .navbar-nav {
    margin: 0px 0px;
}
.icon-box a {
    word-break: break-all;
}font {
    word-break: break-all;
}div#how_it_work h2 {
    font-size: 18px;
    margin: 15px 0;
}
.icon-box {
    padding: 10px 0px 0;
}
.icon-box span.cus_heading {
    font-size: 14px;
}
#how_it_work .icon-box {
    text-align: justify;}
.icon-box {
    display: inline-block;
    width: 98%;}
        	.col-md-6.col-sm-6.profile-light{padding:0 15px;}
div#drop3 .side-dropdown.dropdown.dropdown-menu.show {
    left: -96px!important;
    top: 0!important;
}	
  div#drop1 .side-dropdown.dropdown-menu.show {
    left: -183px!important;height: auto;transform: none!important;
    top: 68px!important;width: 280px;
    right: 53px!important; transform: none!important;
}  div#how_it_work {
    height: auto;width: 100%;
    overflow: unset!important;
}
div#write_story {
    padding: 15px;
} div#add-heart h2 {
    margin-top: 25px;
}   
.single_right {
    width: 100%;
    display: inline-block;
}
.single_left {
    width: 100%;
    display: inline-block;
}    
.single_right ul li {
    float: left;
}
.blog_single {    display: inline-block;}
a.hover-effect::after {
    left: 16%;
}
 .single_right ul {
    float: left!important;
    text-align: left;
}
div#single_blog h5 {
    margin-bottom: 4px;
}
.story-area h2 {
    font-size: 18px;
}  
.story-area p {
    font-size: 16px;
    line-height: 28px;
}
.icon-bottom {
    position: relative;}
.icon-bottom li {
    float: left;
}
h2 {margin: 0 0 10px;}
a.dropdown-toggle span.hidden-xs {display: block!important;font-size: 16px;float: left;line-height: 48px;    margin-left: 5px;}
span.profile-box {display: inline-block;float: left;}
.header-box {margin-top: 0; padding-top: 53px;}
.header-box.empthy-box {padding-top: 18px;margin-top: 12px;}
.main-story {margin-bottom: 23px;margin-top: 16px;padding-top: 10px;height: auto;}
.home-page {height: 396px;}
.story-area{height: auto;}
.main-body-content {margin-bottom: 30px;}
.main-body-content{position: relative;}  
span.site_impressum {bottom: -25px;} 

.side-dropdown.dropdown-menu.show ul{    margin-right: 0;}
.add-coal.yellow-gradient.bgWhite.dropdown.show::before{display: none;
}
.filterOptions .check {    margin: 5px;    width: 47%;    text-align: left;
}
.filterOptions {
    max-width: 100%;
    padding: 9px 0;
    margin: 10px;
}
.side-dropdown h2 {    font-size: 16px;}
.c i, .d i {    font-size: 36px;}
.a.myclass_50, .b.myclass_50 {
	width: 182px;
	min-height: inherit;

height: 162px;
}

.a.myclass_50 h3 {
	left: 70px;
	bottom: 10px;
}

.b.myclass_50 h3 {
	bottom: 0px;
	left: 61px;
}
 
 .a.myclass_75 h3 {
	left: 64px;
	bottom: 0;
}

.a.myclass_75 h3 {
	left: 64px;
	bottom: 0;
}

.a.myclass_50, .b.myclass_50 {
	width: 180px;
	min-height: inherit;
	height: 132px;
	background-size: 100%;
}


.a.myclass_75, .b.myclass_75 {
	width: 195px;
	background-size: 100%;
	height: 140px;
	min-height: inherit;
}


.a.myclass_100, .b.myclass_100 {
	width: 260px;
	height: 220px;
	background-repeat: no-repeat;
}


.a.myclass_100 a {
	font-size: 17px;
	top: 41px;
	left: 40px;
	width: 56%;
	line-height: 20px;
}

.d.myclass_100 i, .c.myclass_100 i {
	font-size: 100px;
}

.a.myclass_25, .b.myclass_25 {
	width: 160px;
}


.a.myclass_0, .b.myclass_0 {
	width: 145px;
	height: 130px !important;
	max-height: inherit;
	min-height: inherit;
	background-size: 100%;
}


.a.myclass_0 a {
	font-size: 11px;
	width: 88%;
	top: 13px;
	left: 5px;
	font-weight: 500;
	line-height: 16px;
}


.a.myclass_0 h3 {
	bottom: 30px;
	font-size: 9px;
	left: 60px;
}


.d.myclass_0 i, .c.myclass_0 i {
	font-size: 35px;
}

.a.myclass_25 a {
	font-size: 13px;
	top: 34px;
	font-weight: 500;
	line-height: 15px;
	height: auto;
	left: 15px;
}
.a.myclass_25 h3 {
	bottom: 93px;
	right: 0;
	font-size: 13px;
	left: 60px;
}

.b.myclass_25 h3 {
	bottom: 23px;
	right: auto;
	font-size: 13px;
	left: 71px;
}

.a.myclass_100 h3 {
	bottom: 40px;
	left: 80px;
}

.b.myclass_75 a {
	font-size: 16px;
}

.b.myclass_75 h3 {
	bottom: -10px;
}


.b a {
	word-break: break-all;
}

.a.myclass_75 a {
	top: 28px;
}

.a.myclass_75 a {
	top: 19px;
	left: 19px;
	width: 67%;
}



.d, .c {
	width: auto !important;
	height: auto !important;
	min-height: inherit !important;
	padding: 15px !important;
}

.d.myclass_75 i {
	font-size: 72px;
}

.c.myclass_75 i {
	font-size: 72px;
}

.a.myclass_50 a {top: 16px;    left: 11px;}
h2 {    font-size: 22px;}   
.main-story label {    font-size: 10px;}
.dataTables_filter input {    min-width: 202px;}
.table-box td {    font-size: 13px;} 
.table i {    font-size: 16px;}
.table-box td a {  padding: 3px;    width: 30px;   margin-bottom: 2px;    height: 30px;}
thead th {    padding: 5px!important;    font-size: 11px;}
.table-box td {    font-size: 11px;}
.dataTables_filter input, select {   min-height: 28px;}
.dataTables_length {    margin-bottom: 0px;}
h2 {    font-size: 21px;    margin: 0;}
.edit_form {    max-width: 100%;}
.edit_form {    margin: 0 auto 20px;}
.dataTables_filter {
    width: 55%;
}
.dataTables_filter input {
    width: 74%;
    min-width: 50%;
}
.dataTables_wrapper {padding: 5px;    margin-top: 11px;}
div#add-heart {
    padding: 5px;
}
div#add-heart h2 {
    font-size: 18px;
    margin-bottom: 15px;
}
}

@media screen and (max-width: 479px){
    span.countdown-row.countdown-show4 {
    max-width: 100%;
}
    span.icons {
    width: 45px;
    height: 45px;
}
.icon-bottom li {    margin: 5px 0px 0;
}
    a.hover-effect::after {
    left: 17%;
}
    a.hover-effect::after {
    left: 16%}
a.hover-effect::after {    top: 0px;}
.dataTables_filter label {    width: 100%;}
.main-story {    border: 1px solid #ebeaea;}
.table-box {    padding: 0px;}
.dataTables_info {    font-size: 11px;}
#all_stories_filter .table-box th:first-child, td:first-child {    max-width: 73px!important;}
div#all_stories_paginate a {    font-size: 11px;}
.profile-top h3 { font-size: 15px; margin-top: 10px;
}
span.Off {
    margin-top: -22px;
    text-align: left;
    margin-left: 3px;
}
.Switch.Off .Toggle {
    left: 49%;
}
.Switch span {
    width: 30px;
}
.profile-top .text-right .Switch {
    font-size: 14px;
    width: 78px;
}
span.Off {
    width: 25px;
}
.Switch span.On {
    width: 33px;
    margin-left: 0;
    text-align: left;
}
.profile-top .text-right .info {
    color: rgb(30, 82, 123);
    font-size: 14px;
    margin: 0 5px;
}
.profile-top .text-right .info {
    margin: 0 4px;
}
.pro-pic #previewimg1 {
    max-height: 230px;
    margin: 8px auto 5px;}
.form-group.dflex {
    display: inline-block;
    width: 100%;
}
.form-group{margin-bottom: 10px;}
#profile form .edit_form .form-control[placeholder="Geburtsdatum"] {
    width: 100%;
    margin-top: 0;
}#profile form .edit_form .form-control{margin-bottom: 0}
.email_tab {
    margin-top: 18px;
}