@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {

    audio,
    video {
        display: inline-block;
        vertical-align: top;
        height: 641px;
    }

    .main-content:after {
        z-index: 9;
    }

    html .main-content .banner-part button.mute-button {
        margin: -70px 0px 0px 0px;
    }

    .logo-selection {
        margin: -1px 0px 0px 0px;
    }

    .profile-info .profile-right select {
        background-image: none;
        padding-right: 0px;
    }

    .logo-part a img {
        width: 200px !important;
    }
    .top-header-left ul li.start-icon-header a svg{ height: 15px; }
    .top-header-left ul li.menu-chat-icon a span svg{ height: 18px;}

}



@media (max-width: 1180px) {

    .main-profile-setting {
        padding: 0px 15px;
    }

    .dashboard-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer {
        padding-left: 15px;
        padding-right: 15px;
    }

}

@media (max-width:1170px) {

    #video-slider {
        margin: 0px 0px 0px;
    }

    #video-slider video {
        width: 100% !important;
        height: -webkit-fill-available !important;
    }

    .wrapper {
        max-width: 100%;
        padding: 0 0px;
        overflow: hidden;
    }

    .header .wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-content-profile-page .wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }

    .header .wrapper {
        overflow: visible;
    }

    .video-right p br {
        display: none;
    }

    .video-left img {
        width: 100%;
    }

    .minuten-left p br,
    .passiert-left p br {
        display: none;
    }

    .passiert-right img {
        width: 100%;
    }

    .top-header-left ul li {
        padding-right: 8px;
    }

    .top-header-left {
        width: 60%;
    }

    .top-header-right {
        width: 40%;
    }
}

@media (max-width:1100px) {
    .heart-view img {
        width: 220px;
    }

    .heart-view {
        margin: 0px;
    }

    .minuten-right {
        float: right;
        width: 41%;
        text-align: right;
        padding-right: 0;
        padding-top: 33px;
    }

    .partner-propose-section .my-news-content.my-notes-content.my-news-fav-content .nt1 { padding-right: 0;
padding-left: 0; max-width: 100%;  }
}

@media (max-width:1070px) {
    .service-right p br {
        display: none;
    }

    .donec .donec-left {
        width: 37%;
        float: left;
        padding-left: 0;
    }

    .donec .donec-right {
        width: 61%;
        float: right;
    }

    .donec .donec-right p {
        font-size: 15px;
    }

    .donec {
        padding: 25px 30px 25px 30px;
    }

    .donec .donec-right p br {
        display: none;
    }

    .donec .donec-left ul li:last-child {
        margin: 0;
    }

    .schauen-video {
        width: 100%;
        float: left;
        background-color: white;
        padding: 30px;
        margin: 0 0 20px 0;
        border-radius: 5px;
    }

    html .top-header-right ul li:last-child a.premium {
        font-size: 15px;
        min-width: 98px;
    }

    html .top-header-right ul li {
        padding-right: 15px;
    }

    .news-profile-right li a {
        font-size: 22px;
    }
}

@media (max-width:1024px) {
    .service-left img {
        top: 3px;
    }

    .heart-img img {
        width: 100px;
    }

    .service {
        padding: 35px 30px 0 30px;
    }

    .passiert h2 {
        left: 0;
    }

    .passiert {
        padding: 35px 30px;
    }

    .passiert-left .passiert-logoes {
        padding: 0;
    }

    .logo-part .logo {
        padding: 5px;
    }

    .logo-selection ul {
        padding: 10px 0px 10px 0px;
    }

    .header .header-panel {
        float: right;
        width: 727px;
    }

    .header .header-panel .order-login li input {
        width: 150px;
    }

    .logo-selection .jet-btn {
        font-size: 17px;
        height: 57px;
        line-height: 19px;
        padding: 7px 16px 7px 17px;
        margin-top: 2px;
    }

    .warem-blocks .warem-box {
        padding: 0 15px;
    }

    .warem-blocks .warem-box p br {
        display: none;
    }

    .warem-parship {
        padding: 30px 30px;
    }

    .video-right {
        padding-top: 0px;
    }

    .minuten-parship {
        padding: 35px 30px;
    }

    .heart-view {
        margin: 0;
    }

    .minuten-right {
        padding: 15px 0 0 0;
    }

    .passiert-left .passiert-logoes ul li {
        margin-right: 15px;
    }

    .Artikle.slider {
        padding: 40px 60px;
    }

    .footer .footer-menu ul br {
        display: none;
    }

    .footer .footer-logoes,
    .footer .copyright {
        padding: 0;
    }

    .main-content .registration-banner-part {
        width: 52%;
    }

    .main-content .side-img {
        width: 46%;
    }

    .main-content .banner-part .form-group label,
    .dashboard-page-content .form-group label {
        font-size: 12px;
    }

}

@media (max-width:1023px) {
    .service-left img {
        top: 0px;
    }

    .video-right {
        float: right;
        width: 61%;
        padding-top: 0px;
    }

    .video-left {
        width: 35%;
        float: left;
        padding-bottom: 0;
    }

    .video-right .video-btns {
        padding-left: 0px;
    }

    .video-right .video-btns .Video-play {
        max-width: 155px;
        padding: 0 8px;
        font-size: 17px;
    }

    .video-right .video-btns .desktop-play {
        max-width: 224px;
        padding: 0 8px;
        font-size: 17px;
    }

    .minuten-left ul li {
        float: left;
        list-style: none;
        margin-right: 0;
        padding-right: 10px;
    }

    .minuten-right .wirklich {
        width: 100%;
        max-width: 230px;
        padding: 0 10px;
        font-size: 15px;
        margin-right: 0;
        background-position: top 10px left 11px;
    }

    .minuten-left {
        width: 60%;
        float: left;
        padding-top: 41px;
    }

    .minuten-right {
        float: right;
        width: 35%;
    }

    .minuten-left ul li img {
        width: 120px;
    }

    .service-right {
        width: 60%;
        float: right;
        padding-top: 38px;
        padding-left: 35px;
    }

    .service-left {
        width: 40%;
        float: left;
        padding-top: 47px;
    }

    .service-left img {
        float: left;
        width: auto;
    }

    .user-online {
        right: 10px;
    }

    .user-offline {
        right: 10px;
    }

    .right-event-section .notification .btn-row {
        margin: 20px 0px 10px;
    }

    .news-profile-right {
        width: 45%;
    }

    .news-profile-left {
        width: 50%;
    }

    .partner-propose-section.non-premium-box .news-list .news-profile {
        width: 24%;
    }

    .offer-detail .membership-detail-row .membership-detail {
        margin-top: 0;
    }

    .offer-detail .membership-detail h3 {
        margin: 10px 0 20px;
    }

    .news-contents .my-news-content .news-list .news-detail {
        width: 100%;
        padding-left: 0;
        margin-top: 0;
    }
}


@media (max-width: 992px) {
    .main-content .side-img img {
        max-width: 100%;
    }

    .top-menu,
    .dashborad-profile,
    .dashboard-header-panel .dashboard-top-menu {
        width: 100%;
        text-align: center;
    }

    .top-menu {
        margin-bottom: 15px;
    }

    .profile-offer,
    .dashborad-profile ul,
    .dashboard-header-panel .dashboard-top-menu,
    .dashboard-header-panel .dashboard-top-menu .dashboard-logo {
        float: none;
    }

    .dashboard-profile-icon {
        margin-right: 15px;
    }

    .dashboard-banner .dashboard-main-content .right-event-section,
    .dashboard-banner .dashboard-main-content .banner-content {
        float: none;
        width: 100%;
    }

    .dashboard-banner .dashboard-main-content .right-event-section {
        position: relative;
        background-color: #FFF;
    }

    .patner-list .patner-suggest .profile-img,
    .news-list .news-section .news-img,
    .online-user-status .online-user-img {
        width: auto;
    }

    .grid-3 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .advance-setting {
        height: auto;
    }

    .patner-suggest .patner-detail {
        display: block;
        width: 100%;
        padding-left: 170px;
    }

    .news-list .news-section .news-detail {
        display: block;
        width: 100%;
        padding-left: 57px;
    }

    .news-list .news-section .news-detail .news-content {
        width: auto;
        padding-right: 20px;
    }

    .news-list .news-section .news-detail .more-news-tab {
        width: 100px;
    }

    .news-contents .my-news-content {
        width: 100%;
        padding: 0px 0px 0px 0px;
        margin-bottom: 30px
    }

    .partner-propose-section h2 {
        min-height: 100%;
        margin-bottom: 38px;
    }

    .news-profile-detail,
    .offer-detail {
        width: 100%;
        padding: 0px;
    }

    .user-online,
    .user-offline {
        right: 37%;
    }

    /* meine-partnervorschlage start */

    .partner-propose-section .offer-detail {
        width: 100%;
        padding: 0px 0px 0px 0px;
    }

    .partner-propose-section .my-news-content.my-notes-content .user-counter {
        width: 100%;
    }

    .partner-propose-section .my-news-content.my-notes-content .nt2 {
        width: 57%;
    }

    /* meine-partnervorschlage End*/

    html .top-header-left .profile-logo {
        margin-right: 0px;
        width: 100%;
        text-align: center;
    }

    html .top-header-left .profile-logo a {
        display: inline-block;
        vertical-align: top;
    }

    html .top-header-left {
        width: 100%;
    }

    html .top-header-left ul {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        width: 100%;
    }

    html .top-header-left ul li {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: auto;
    }

    html .top-header-right {
        width: 100%;
        text-align: center;
        display: inline-block;
        vertical-align: top;
        margin-top: 12px;
    }

    html .top-header-right ul {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: auto;
    }

    html .advance-setting {
        min-height: auto;
        max-height: 100%;
    }

    .dashboard-banner .dashboard-main-content .dashboard-banner-img {
        height: 100%;
        max-height: 100%;
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .dashboard-banner .dashboard-main-content .right-event-section,
    .dashboard-banner .dashboard-main-content .banner-content {
        position: relative;
    }


    .partner-propose-section.non-premium-box .my-notes-content {
        float: left;
        width: 100%;
    }

    .partner-propose-section.non-premium-box .offer-detail {

        padding: 0;

    }

    .partner-propose-section.non-premium-box .small-image-box.small-img-notes {
        width: 10.1% !important;
    }

    .partner-propose-section.non-half .my-news-content.my-notes-content.my-news-fav-content {
        width: 100%;
    }

    .my-news-content.my-notes-content.my-news-fav-content .news-list.nontitle-left-box .news-profile-left .smal-image-box {
        width: auto;
    }

    .my-news-content.my-notes-content.my-news-fav-content .news-list.nontitle-left-box .news-profile-left {
        width: 11.1%;
    }

    .non-half .my-news-fav-content .news-profile-right {
        width: 85%;
    }

    .news-contents .my-news-content .news-list .news-profile.non-visited-image {
        width: 20%;
    }

    .news-contents .my-news-content .news-list .news-detail {
        width: 75%;
        padding-left: 40px;
    }
    .profile-info .profile-left.profile-left-2 .profile-photos{
        width: 100%;
        max-width: 140px;
    }
    .news-profile-detail #chatChannel .title-msg-max-width{
        padding:0 0 15px 0;
    }
    .offer-detail.non-premium-chat-box .membership-detail-row{
        max-width: 100%;
    }
    .online-user-status.same-img-dash .online-user-img {
        float: left;
        max-width: 40px;
        width: 100%;
        position: relative;
    }
    .online-user-status.same-img-dash .user-title-div {
        float: left;
        width: calc(100% - 40px);
        padding-left: 10px;
        display: inline-block; 
    }
    .notification .online-user-status{
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .news-contents #loadMoreUsers {
        float: left;
        width: 100%;
        position: relative;
    }

    .news-contents .my-news-content { margin-bottom: 50px; }
    .news-contents #loadMoreUsers button#load-more { width: 100%; }
    .main-content.chat-conversation-main-content .news-contents .my-news-content { padding-bottom: 0; }
}

@media(max-width:991px){
    #cropModal .col-md-4 {
        width: 100%;
    }
    #cropModal .col-md-4:nth-child(1) {
        width: 100%;
        margin-bottom: 0px;
    }
    .croppie-container .cr-slider-wrap{
        width: 100%;
        margin: 0 auto;
        margin-top: 0;
        text-align: center;
        padding-left: 35px;
    }
    button.vanilla-rotate{
        bottom: -10px; 
    }
    .croppie-container .cr-boundary{
        margin: 0 auto 30px;
    }
    .main-content.chat-conversation-main-content .wrapper {
        overflow: inherit;
    }
    .donec-right h1 { font-size: 24px; }

    .news-contents .my-news-content.my-news-fav-content .news-list .news-profile.smal-image-box {
        width: auto;
    }
    .emoji-menu .emoji-items-wrap {
        position: relative;
        height: 100px !important;
        overflow: scroll;
        z-index: 99999;
    }
    .news-contents .my-news-content .news-list.selected-conversation .news-detail { 
        width: 72% !important; 
        margin-top: 0;
    }

    .news-contents .my-news-content .news-list.selected-conversation .news-profile { width: 70px !important;  }
}

@media(max-width:850px) {
    #video-slider video {
        height:auto !important;
    }
    .warem-blocks { margin: 0; } 
    .warem-blocks table { width: 100% !important; }
    .warem-blocks table td { width: 100% !important; height: auto !important;  }
    .warem-blocks table td br { display: none; }
     .warem-blocks table img { width: 100% !important; height: auto !important }
     .video-right table { width: 100% !important; }
       .video-right table td { width: 100% !important; display: block !important; }
        .video-right table td p { margin: 0; padding: 0; }
        .warem-blocks table td ul, .passiert-left table ul, .video-right table ul  {

    
    list-style: none;
    float: left;
    width: 100%;
    padding-left: 15px;

}
.schauen-video .video-right h2{
padding-bottom: 15px;
margin: 0;
}
.warem-blocks table td ul li, .passiert-left table ul li,  .video-right table ul li{

    list-style: disc;

    list-style-position: outside;
    width: 100%;
    float: left;
    margin: 0;
    text-align: left;


}

.minuten-left  ul li img {
    width: 100% !important;
    height: auto !important;
}
.minuten-right .heart-view video {
    max-width: 100% !important;
    }
   .passiert .passiert-right video {
    padding-top: 30px;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
}
.passiert-left .passiert-logoes ul li { display: block; }
    .passiert .passiert-left .passiert-logoes li img { width: 100% !important; max-width: 100% !important; }

.service-left li img { max-width: 100% !important; }
}

@media (max-width:767px) {
.news-contents .my-news-content { height: auto; max-height: 300 !important; min-height: 300 !important }
.minuten-parship h2 { font-size: 21px;line-height: 31px; }
.service h2 { font-size: 21px;line-height: 31px; }
.passiert h2 {font-size: 21px;line-height: 31px;}
.donec-right h1 {font-size: 21px; text-align: left;}
.donec .donec-left { width: 100% !important; float: left; padding-left: 0; text-align: center;  }
.donec .donec-left ul {float: left !important;width: 100% !important;}
.donec .donec-left ul li {width: 100% !important;margin-right: 0px !important;float: left !important;
    padding-right: 0 !important;}
.donec .donec-left ul li img { height: auto !important;width: 100% !important; }
.donec .donec-right p { text-align: left; }
.warem-parship h2 { text-align: left; }

.video-right {
    float: left;
    width: 100% !important;
    padding-top: 0px;
    text-align: left;
}

.video-left {
    width: 100% !important;
    float: left;
    padding-bottom: 0;
}
.video-left img { width: 100% !important; }
.minuten-parship h2 { text-align: left; }
.minuten-left { text-align: left; }
.donec .donec-right { text-align: left; }
.minuten-left ul li { text-align: left; }



.banner-content .pre-img.btn-profile a {
    font-size: 13px !important;
    margin-right: 10px !important;
}












  
    #owl-demo .item .slider-info p {
        font-size: 11px;
        line-height: 12px;
    }

    .header .header-panel .login-links a:last-child::after {
        left: 0;
    }

    .banner-bg {
        width: 100%;
        background-image: url(../images/banner-img.png);
        background-size: cover;
        height: 340px;
        background-position: top center;
        background-repeat: no-repeat;
    }

    .main-content .banner-part .banner-img {
        display: none;
    }

    .logo-part .logo img {
        display: block;
    }

    .footer {
        padding: 15px 0px;
    }

    .header .header-panel {
        float: left;
        width: 100%;
    }

    .header .header-panel .header-social {
        float: left;
        width: 100%;
        padding: 5px 0;
        text-align: center;
    }

    .header .header-panel .order-login {
        float: left;
        width: 100%;
        padding: 5px 0px;
        text-align: center;
    }

    .header .header-panel .login-links {
        float: right;
        width: 100%;
        text-align: center;
        padding: 5px 0px;
    }

    .logo-part {
        width: 230px;
        float: left;
        position: absolute;
        top: 1px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .donec {
        margin: 20px 0 0;
    }

    .donec h2 {
        text-align: center;
    }

    .donec .donec-left {
        width: 100%;
        float: left;
        padding-left: 0;
        text-align: center;
    }

    .donec .donec-left ul li {
        float: none;
        list-style: none;
        margin-right: 20px;
        display: inline-block;
    }

    .donec .donec-right {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 15px;
    }

    .heart-img img {
        width: 100px;
    }

    .warem-blocks {
        margin-top: 20px;
    }

    .warem-blocks .warem-box {
        padding: 0 0 15px 0;
        width: 100%;
        margin-bottom: 15px;
    }

    .warem-blocks .warem-box::before {
        height: 1px;
        max-width: 100%;
        display: inline-block;
        width: 100%;
        position: absolute;
        left: 0;
        content: "";
        top: auto;
        background-color: #e5e5e5;
        bottom: 0;
    }

    .warem-blocks .warem-box:first-child::before {
        content: "";
    }

    .warem-blocks .warem-box:last-child::before {
        content: none;
    }

    .video-left {
        width: 100%;
        float: left;
        padding-bottom: 0;
        text-align: center;
    }

    .video-left img {
        width: auto;
    }

    .video-right {
        float: left;
        width: 100%;
        padding-top: 0px;
        margin-top: 15px;
        text-align: center;
    }

    .minuten-parship h2 {
        position: inherit;
    }

    .minuten-left {
        width: 100%;
        float: left;
        padding-top: 20px;
        text-align: center;
    }

    .minuten-right {
        float: left;
        width: 100%;
        padding: 0;
        margin-top: 20px;
        text-align: center;
    }

    .minuten-left ul li {
        float: none;
        list-style: none;
        margin-right: 0;
        padding-right: 10px;
        display: inline-block;
    }

    .passiert-left {
        width: 100%;
        float: left;
        text-align: center;
    }

    .passiert-left .passiert-logoes {
        margin-top: 10px;
    }

    .passiert h2 {
        padding-bottom: 20px;
    }

    .passiert-right {
        width: 100%;
        float: right;
        padding-left: 0;
        padding-top: 0px;
        position: relative;
        top: 0;
        margin-top: 20px;
        text-align: center;
    }

    .passiert-right img {
        width: auto;
    }

    .service-left {
        width: 100%;
        float: left;
        padding-top: 20px;
        text-align: center;
    }

    .service-left img {
        float: none;
        width: auto;
    }

    .service-right {
        width: 100%;
        float: left;
        padding-top: 0;
        padding-left: 0;
        margin-top: 20px;
        text-align: center;
    }

    .service-right p:last-child {
        padding: 0;
    }

    .service {
        padding: 35px 30px;
    }

    .Artikle.slider {
        padding: 30px 50px;
    }

    .Artikle.slider h2 {
        padding-bottom: 25px;
    }

    .main-content .registration-banner-part {
        float: none;
        display: block;
        width: 100%;
        margin: 0px auto 0px;
    }

    .main-content .side-img {
        display: none;
    }

    .main-content .banner-part .wizard {
        width: 100%;
    }

    #video-slider ul.slick-dots {
        bottom: 15px;
    }

    .donec {
        margin: -5px 0 0;
    }

    .banner-slider {
        float: left;
        width: 100%;
        margin: 288px 0px 0px 0px;
        -webkit-margin-before: 336px;
    }

    .banner-bg {
        height: auto;
    }

    .logo-part {
        width: 100%;
        text-align: center;
        top: 0px;
    }

    .logo-part .logo img {
        display: inline-block;
        vertical-align: top;
    }

    .logo-part a.logo {
        display: block;
        vertical-align: top;
        float: left;
        text-align: center;
        width: 100%;
    }

    /* NEW CSS ADD 04-06-2018  */

    .manage-profile-block {
        width: 100%;
        padding: 0px 0px 40px 0px;
    }

    .manage-profile-block-right {
        width: 100%;
        padding: 0px 0px 0px 0px;
    }

    .user-online,
    .user-offline {
        right: 31%;
    }

    .modal-dialog {
        margin: 2rem auto 1.75rem;
    }

    .modal-body form input[type="text"] {
        height: 34px;
        line-height: 34px;
        margin: 0px 0px 7px 0px;
        padding: 0 10px;
    }

    .modal-body form textarea {
        height: 55px;
        padding: 10px;
    }

    .modal-footer {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 11px;
    }

    /* notizen Start */

    .partner-propose-section .my-news-content.my-notes-content .nt1 {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        min-width: 100%;
        max-width: 100%;
    }

    .partner-propose-section .my-news-content.my-notes-content .nt2 {
        width: 100%;
        margin: 11px 0px 0px;
    }

    /* notizen End */

    /* premium css Start */

    .pricing-row .colmd-4 {
        width: 100%;
        margin: 0px 0px 40px;
    }

    .pricing-row .colmd-4:nth-child(3) .pricing-box,
    .pricing-row form.form-horizontal:nth-child(3) .pricing-box,
    .pricing-row form.form-horizontal:nth-child(3) .pricing-box {
        margin: 0px 0px 0px 0px;
    }

    .pricing-row .colmd-4:nth-child(1) .pricing-box,
    .pricing-row form.form-horizontal:nth-child(1) .pricing-box {
        border: 3px solid #930010;
        border-right: 3px solid #930010;
        border-radius: 4px;
    }

    .pricing-row .colmd-4:nth-child(2) .pricing-box,
    .pricing-row form.form-horizontal:nth-child(2) .pricing-box {
        border: 3px solid #bb1b2d;
        border-right: 3px solid #bb1b2d;
        border-radius: 4px;
    }

    .pricing-row .colmd-4:nth-child(4) .pricing-box,
    .pricing-row form.form-horizontal:nth-child(4) .pricing-box {
        border: 3px solid #47505a;
        border-left: 3px solid #47505a;
        border-radius: 4px;
    }

    .pricing-row .colmd-4:nth-child(4) .pricing-price .offer-text,
    .pricing-row form.form-horizontal:nth-child(4) .pricing-price .offer-text {
        left: -16px;
    }

    .pricing-row form.form-horizontal:nth-child(1) .pricing-box {
        border-left: 3px solid #a00012 !important;
    }

    .pricing-row form.form-horizontal:nth-child(2) .pricing-box {
        border-left: 3px solid #bb1b2d !important;
    }

    .pricing-row form.form-horizontal:nth-child(3) .pricing-box {
        border-left: 3px solid #cf2528 !important;
    }

    .pricing-row form.form-horizontal:nth-child(4) .pricing-box {
        border-left: 3px solid #47505a !important;
    }

    .table-scroll {
        margin: 11px 0px 0px;
        overflow-x: scroll;
        overflow-y: hidden;
        padding-bottom: 8px;
    }

    .table-scroll table {
        min-width: 720px;
    }

    /* premium css End */

    .main-content-profile-page .profile-info {
        padding: 20px 15px 40px 15px;
    }

    .main-content-profile-page .profile-content {
        padding: 40px 15px 65px 15px;
    }

    .main-content-profile-page .profile-content-detail {
        margin-bottom: 44px;
        width: 100%;
        padding-right: 0px;
        border-right: 0px;
    }

    .main-content-profile-page .profile-sidebar {
        width: 100%;
    }

    #cropModal .modal-dialog {
        max-width: 100%;
        padding: 0px 22px;
    }

    #cropModal .croppie-container {
        padding: 0;
        width: 100% !important;
    }

    #cropModal .croppie-container .cr-boundary {
        width: 100% !important;
    }

    .news-contents .my-news-content .news-list .news-detail {
        width: 100%;
        padding-left: 0;
    }
    .dashborard-menu a.mobilemenu-box { 
        display: block;
        position: absolute;
        right: 0;
        top: 13px;
        z-index: 9999;
    }
    
    .dashborard-menu ul li {
        display: block;
        float: none;
        margin-right: 0;
    }
    
    .dashborard-menu ul li a {
        padding: 7px 20px;
        display: block;
        border-bottom: 1px solid #ea4d4c;
    }
    
    .dashborard-menu ul li:last-child a{
        border-bottom: 0px;
    }
    .dashborard-menu{
        position: relative; 
        background-color: #c00301;
        position: relative; 
        z-index: 999;
    }
    
    .dashborard-menu ul {
        margin: -16px -20px 0;
        width: auto;
        display: none;
        position: absolute;
        background-color: #c00301;
        padding-top: 30px;
        left: 0;
        right: 0;
        top: 30px;
        z-index: 99;
    }
    .news-contents{ margin-bottom: 0px !important; }
    
    html body{ padding-bottom: 0px; }
    .news-list.nontitle-left-box .news-profile-left {
        width: 100% !important;
        max-width: 100px !important;
    }
    .news-list.nontitle-left-box .news-profile-right {
        width: calc(100% - 100px);
        padding-left: 15px;
        padding-top: 0;
    }
    .my-news-content.without-vert-scroll .vert-scroll .news-list .news-detail {
        width: calc(100% - 115px);
        padding-left: 15px;
        margin-top: 3px !important;
    }
    .my-news-content.without-vert-scroll .vert-scroll .news-list .news-profile {
        max-width: 115px;
        width: 100%;
    }
    .lightbox{
        top:50px !important;
    }
    .profile-banner + .custom-select{
        margin: 5px auto;
    }
    .main-content{ padding-bottom: 0px;  }
      .chat-conversation-main-content .wrapper {

    padding-left: 0px;
    padding-right: 0;
    padding-bottom: 0px;

}
   .footer{

    height: auto;
    min-height: auto;
    float: left;
    position: relative;
    width: 100%;

}
    #profileImageModal .profile-popup-inner{
        top:100px;
        -ms-transform:inherit;
        -moz-transform: inherit;
        -webkit-transform: inherit;
        transform: inherit;
    }
    .news-profile-left { width: 100%; }
    .news-profile-right{ width:100%;}
    .news-contents .my-news-content .news-list .news-profile.non-visited-image {
        width: 100%;
        max-width: 120px;
    }
    .news-contents .my-news-content .news-list .news-detail {
        width: calc(100% - 120px);
        padding-left: 15px;
    }

    .news-contents .my-news-content .news-list .news-profile {
    width: auto;
}
.modal.show .modal-dialog { top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
   transform: translateY(-50%); }

#video-slider {

    background: #fff;

}

}
 
@media (max-width:640px) {
    .main-content.chat-conversation-main-content .wrapper{
    padding-bottom: 45px;
}
    .heart-img img {
        width: 70px;
    }

    .logo-selection .jet-btn {
        height: 52px;
    }

    .header .header-panel .order-login li:last-child {
        margin-bottom: 0px;
    }

    .header .header-panel .order-login li {
        display: block;
        margin-bottom: 6px;
        padding: 0;
    }

    .header .header-panel .order-login li input {
        width: 275px;
    }

    .donec {
        padding: 20px 10px;
    }

    .warem-parship,
    .schauen-video {
        padding: 20px 10px;
    }

    .minuten-parship {
        padding: 20px 10px;
    }

    .video-left img {
        width: 100%;
    }

    .minuten-left p {
        padding-bottom: 15px;
    }

    .passiert {
        padding: 20px 10px;
    }

    .service {
        padding: 20px 10px;
    }

    #owl-demo .item .slider-info {
        padding: 14px 10px 12px 10px;
    }

    #owl-demo .item .slider-info h4 {
        font-size: 14px;
    }

    #owl-demo .item .slider-info p {
        font-size: 11px;
        line-height: 12px;
    }

    .schauen-video h2 {
        padding-bottom: 20px;
    }

    .header .header-panel .order-login li .login-btn {
        top: 0;
    }

    .main-content .banner-part .tab-content .tab-pane .list-inline {
        display: inline-block;
        width: 100%;
        text-align: center;
    } 
    #chatChannel .news-profile-detail .notification-icon ul li.admin-user {
        margin-top: 20px !important;
    }  
    .my-news-content.my-notes-content.my-news-fav-content .news-profile.smal-image-box {
        max-width: 100px;
    }
.news-contents .my-news-content .news-list .news-profile {
    width: auto;
}

}

@media (max-width: 639px) {
    /*.dashborard-menu ul {
        position: relative;
        background-color: #C00301;
        padding-left: 15px;
        padding-right: 15px;
        padding: 15px;
        margin-bottom: -28px;
    }

    .dashborard-menu ul li {
        width: 100%;
        margin-right: 0px;
        padding: 8px 0px;
        border-top: 1px solid #D01311;
    }

    .dashborard-menu ul li:first-child {
        border-top: 0px;
    }*/

    .dashboard-header {
        padding-left: 0px;
        padding-right: 0px;
    }

    .dashboard-header-panel {
        padding-left: 15px;
        padding-right: 15px;
    }

    .top-menu ul li:first-child {
        margin-left: 0px;
    }

    .top-menu ul li a img {
        width: 20px;
        margin-right: 4px;
    }

    .dashborad-profile ul li a img {
        margin-right: 7px;
    }

    .dashborad-profile ul {
        width: 100%;
        /* display: inherit; */
        margin: 0px 0px 20px 0px;
    }

    .dashborad-profile ul li {
        float: none;
    }

    .top-menu ul li {
        float: none;
        margin-bottom: 7px;
    }

    .dashboard-header-panel .dashboard-top-menu .dashboard-logo {
        width: 25%;
    }

    /* notizen css start */
    .partner-propose-section .my-news-content.my-notes-content .user-counter .users-counter-box {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .partner-propose-section .my-news-content.my-notes-content .user-counter .newest-list {
        width: auto;
        padding: 0px 20px 0px 0px;
    }

    .partner-propose-section .my-news-content.my-notes-content .user-counter .sortby-button.premium-order-button {
        width: auto;
        float: right;
    }

    /* notizen css End */

    /* premium css Start */

    .pricing-row {
        padding: 0px 15px;
    }

    .table-div {
        padding: 0px 15px;
    }

    /* premium css End */

    /* favorites Start */
    .partner-propose-section .my-news-content.my-notes-content .nt2 {
        padding-bottom: 0px;
    }

    .partner-propose-section .my-news-content.my-notes-content .edit-btn {
        position: relative;
    }

    .partner-propose-section .my-news-content.my-notes-content .cancel-favorite {
        position: relative;
    }

    .partner-propose-section .my-news-content.my-notes-content .edit-btn.edit-icon a {
        margin-top: 13px;
    }

    /* favorites End */

    .profile-info .profile-left {
        width: 100%;
    }

    .profile-info .profile-right {
        width: 100%;
        text-align: center;
    }

    .profile-info .profile-right.profile-right-2 {
        width: 100%;
        text-align: center;
    }

    .profile-info .profile-right.profile-right-2 .send-message-div {
        display: inline-block;
        vertical-align: top;
        width: auto;
    }

    .profile-info .profile-right select {
        float: none;
        vertical-align: top;
    }

    .profile-info .profile-left .profile-photos {
        width: 99px;
    }

    .profile-info .profile-left .profile-photos img {
        width: 100%;
        height: auto;
        vertical-align: top;
    }

    .profile-info .profile-left .profile-users {
        padding: 0px 0px 0px 115px;
    }

    .profile-info .profile-left .profile-users .users-list {
        margin-top: 30px;
    }

    .profile-info .profile-left .profile-users .users-list li img {
        width: auto;
        height: 35px;
    }

    .profile-info .profile-left .profile-users .users-list li a {
        height: 35px;
        width: 35px;
    }

    .profile-info .profile-left {
        margin-top: -111px;
    }

    .profile-info .profile-left .profile-users .users-list li {
        margin-bottom: 6px;
    }

    .profile-info .profile-left.profile-left-2 {
        margin-top: -66px;
    }

    #cropModal .col-md-4:nth-child(1) {
        width: 100%;
        padding-bottom: 0px;
    }

    #cropModal .col-md-4 {
        width: 100%;
    }

    .header .wrapper {
        padding-left: 0px;
        padding-right: 0px;
    }
    .dashborard-menu a.mobilemenu-box{
        right:15px;
    }
    .dashborard-menu ul li{ padding: 0px; border:none; }
    .dashborard-menu ul li a{
        padding: 7px 40px; 
    }
    #chatChannel .news-profile-detail .chat-message p.lead{
        width: calc(100% - 0px);
    }
    .partner-propose-section.non-half .offer-detail{ padding-left: 0px; }
    .profile-info .profile-left.profile-left-2 .profile-photos{
        max-width: 100px;
    }
    .profile-content-detail .content-info h3 {
        font-size: 22px;
        line-height: 35px;
    }
    .news-profile-right{ padding-top: 5px; }
    .partner-propose-section .my-news-content.without-vert-scroll .vert-scroll {
        padding-right: 0;
    }


    .banner-content .pre-img.btn-profile a {

    font-size: 15px !important;
    margin-right: 10px !important;
    width: 48%;
    text-align: left;

}
.banner-content .pre-img.btn-profile a:nth-child(2n) {

    float: right;
margin-right: 0 !important;
}


.profile-info .profile-left.profile-left-2 {
    margin-top: -110px;
}

.profile-info .profile-left.other-pro-photos.profile-left-2  .profile-users .users-list {
    margin-top: 55px;
}
.profile-left.profile-left-2.other-pro-photos  .profile-users.profile-users-2{ margin-bottom: 20px;  }
.arrows-link { text-align: center; width: 102px;}
}

@media (max-width: 542px) {

    .user-online,
    .user-offline {
        right: 25%;
    }
}


@media(max-width:480px) {
    .heart-img img {
        width: 60px;
    }

    .footer .footer-menu ul li a,
    .footer .copyright p,
    .footer .copyright p a {
        font-size: 13px;
    }

    .warem-parship h2,
    .schauen-video h2,
    .minuten-parship h2,
    .passiert h2,
    .service h2,
    .Artikle.slider h2 {
        font-size: 22px;
        line-height: 24px;
    }

    .video-right .video-btns .Video-play {
        max-width: 200px;
        padding: 0 41px;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .video-right .video-btns .desktop-play {
        max-width: 200px;
        padding: 0 8px;
        font-size: 14px;
        margin: 0;
    }

    .video-right .video-btns {
        padding: 0;
    }

    .minuten-left ul li {
        float: left;
        list-style: none;
        margin-right: 0;
        padding-right: 0;
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }

    .minuten-left ul li img {
        width: auto;
    }

    .passiert-left .passiert-logoes ul li {
        margin: 0 0 10px 0;
        text-align: center;
        width: 100%;
    }

    .passiert-right img {
        width: 100%;
    }

    .service-left img {
        float: none;
        width: 260px;
    }

    .Artikle.slider {
        padding: 20px 15px;
    }

    .main-content .banner-part .form-group {
        width: 100%;
        margin-right: 0;
    }

    .modal-dialog {
        max-width: 85%;
        margin: 2rem auto 1.75rem;
    }

    .modal-header {
        padding: 0.8rem 1rem;
    }

    .modal-body form label {
        margin: 0px 0px 0px 0px;
    }

    .modal-body form input[type="text"] {
        margin: 0px 0px 5px 0px;
        height: 30px;
        line-height: 30px;
    }

    .modal-body form textarea {
        height: 50px;
    }

    .modal-footer {
        margin-top: 0;
        margin-bottom: 0px;
        padding-top: 11px;
    }
    #form-created-inform-admin button.close-mod span{
        position: absolute;
        top: 50%;
        transform: translateY(-62%);
    }
    .modal .modal-dialog .panel-body form#changePasswordForm strong {
        text-align: left;
        width: 100%;
        display: inline-block;
        margin-bottom: 3px;
    }
    .modal .modal-dialog .panel-body form#changePasswordForm button#savePassword {
        display: block;
    }
}

@media(max-width : 585px) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
    .partner-propose-section .my-news-content.without-vert-scroll {
        min-height: 620px;
    }
    .main-uploab-imgbox .main-leftupimg {
        float: none;
        max-width: 210px;
        width: 100%;
        margin: 0 auto;
    }
    .main-uploab-imgbox .main-rigtupbox {
        width: calc(100% - 0px);
        padding-left: 0;
        margin-top: 20px;
    }
    .modal .modal-dialog{
        padding: 0px;
    } 
    .panel-body {
        padding: 5px;
    }
    .main-uploab-imgbox{
         padding: 0 10px;
    }
    .lightbox img.lb-image {
        width: 280px !important;
        height: 280px !important;
    }
    #chatChannel .news-profile-detail .chat-header{
        padding: 10px;
    }
    
}

@media(max-width : 479px) {
    html .top-header-right ul {
        width:100%;
        text-align: center;
    }

    html .top-header-right > ul > li:nth-child(1),
    html .top-header-right > ul > li:nth-child(2) {
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    html .top-header-right > ul > li:nth-child(3),
    html .top-header-right > ul > li:nth-child(4) {
        clear: both;
        display: inline-block;
        vertical-align: top;
        width: auto;
        float: none;
        margin-top: 0px;
    }

    html .top-header-left ul li:nth-child(3),
    html .top-header-left ul li:nth-child(4) {
        margin-top: 0px;
        clear: both;
    }

    html .top-header-left ul {
        padding-left: 0px;
    }

    html .top-header-right ul li > ul {
        width: 155px;
        margin: 5px 0px 0px 0px;
    }

    html .top-header-right ul li a.fa-sort-desc1 {
        padding-bottom: 7px;
    }

    html .top-header-left ul {
        width: 100%;
    }

    html .top-header-left {
        text-align: center;
    }

    html .top-header-right ul li {
        padding-top:20px;
    }

    html .footer .wrapper {
        padding-left: 0px;
        padding-right: 0px;
    }
    .top-header-right ul li #profile-ratio {
        position: relative;
        top: 0px;
    }
    html .top-header-right{ margin-top: 0px; }
    .top-header-right ul li.premium-btn {
        margin-top: 0 !important;
    }
    .news-list.nontitle-left-box .news-profile-left{
        max-width: 70px !important;
    }
    .news-list.nontitle-left-box .news-profile-right {
        width: calc(100% - 75px);
    }
    .my-news-content.without-vert-scroll .vert-scroll .news-list .news-profile{
        max-width: 70px;
    }
    .my-news-content.without-vert-scroll .vert-scroll .news-list .news-detail{
        width: calc(100% - 70px);
    }
 
    .top-header-left ul li.menu-chat-icon span.send-message-icon svg {
        margin-right: 0;
        width: 15px;
    }
    html .top-header-left ul li { margin: 0 0 15px; }
    .top-header-left ul li.menu-chat-icon span.send-message-icon { 
        top: -3px;
        margin-right: 10px;
        width: 25px;
        height: 25px; }
    }
    
}


@media (max-width: 479px) {
    .dashboard-header-panel .dashboard-top-menu .dashboard-logo {
        width: 30%;
    }

    .patner-list .patner-suggest .profile-img {
        width: 100%;
        text-align: center;
    }

    .news-list .news-section .news-img {
        width: auto;
        text-align: left;
    }

    .patner-suggest .patner-detail {
        float: left;
        padding: 13px 0px 0px 0px;
    }

    .patner-list .patner-suggest .profile-img img {
        width: 100%;
    }

    .news-list .news-section .news-detail .news-content {
        width: 100%;
        padding-right: 0;
    }

    .news-list .news-section .news-detail .more-news-tab {
        width: 100%;
        text-align: left;
        margin: 11px 0px 0px 0px;
    }

    .news-list .news-section .news-detail .more-news-tab a.reply {
        float: left;
        vertical-align: top;
    }

    .news-list .news-section .news-detail .more-news-tab a.like {
        margin: 0px 0px 0px 10px;
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .patner-list .patner-suggest .patner-detail .chat-icon {
        top: 14px;
    }

    .news-contents .my-news-content .news-list .news-profile img {
        width: 66px;
        height: 66px;
    }

    .news-profile-detail .notification-icon ul li {
        margin-right: 8px;
    }

    .news-profile-detail .notification-icon ul li a .svg-inline--fa {
        font-size: 23px;
    }

    .news-profile-detail .notification-icon ul li.bookmark-icon a {
        width: 19px;
        height: 23px;
    }

    .news-profile-detail .notification-icon ul li.bookmark-icon a:after {
        font-size: 23px;
    }

    .news-profile-detail .notification-icon ul li.fa-pencil-square-o a {
        width: 26px;
        height: 23px;
    }

    .news-profile-detail .notification-icon ul li.fa-pencil-square-o a:after {
        font-size: 23px;
    }

    /* meine-partnervorschlage Start */

    .partner-propose-section .offer-detail .membership-detail {
        max-width: 100%;
    }

    .partner-propose-section .users-counter-box {
        width: 100%;
        padding: 0px 0px 20px 0px;
    }

    .partner-propose-section .newest-list {
        width: 60%;
        padding: 0px 0px 0px 0px;
    }

    .partner-propose-section .sortby-button {
        width: 40%;
        margin: 11px 0px 0px 0px;
    }

    .partner-propose-section .sortby-button a {
        padding: 6px 11px;
        font-size: 12px;
    } 

    .partner-propose-section .my-news-content.my-notes-content.my-news-fav-content .news-list .news-detail {
        padding-left: 0;
        margin-top: 0px;
        float: left;
        width: 100%;
        margin: 25px 0 0;
    }
    .partner-propose-section .my-news-content.my-notes-content .edit-btn a {
        padding: 6px 14px;
        font-size: 12px;
    }

    .partner-propose-section .my-news-content.my-notes-content .cancel-favorite a.cancel-favorite-btn {
        padding: 6px 14px;
        font-size: 12px;
    }

    .news-contents .my-news-content .news-list .news-detail .cancel-no-interest a.cancel-favorite-btn {
        padding: 6px 11px;
        font-size: 11px;
    }

    .partner-propose-section .my-news-content .news-detail {
        padding-right: 22px;
    }

    .news-contents .partner-propose-section .my-news-content .news-detail h4 {
        font-size: 14px;
    }

    .news-contents .partner-propose-section .my-news-content .heading-row1 h5 {
        font-size: 12px;
    }

    .partner-propose-section .my-news-content.my-notes-content .cancel-favorite a.new-like-icon {
        margin: 9px 11px 0px 0px;
    }

    /* meine-partnervorschlage End */

    .profile-info .profile-left {
        margin-top: -115px;
    }

    .profile-info .profile-left .profile-users h3 {
        font-size: 15px;
        line-height: 18px;
        padding-bottom: 0px;
    }

    .profile-info .profile-left .profile-users span {
        font-size: 14px;
        line-height: 18px;
    }
    .news-profile .profile-img{
        width: 70px;
        min-height: 70px;
    }
    .news-profile-left{ width:100%; }
    .news-profile-right {
        padding-top: 0;
        width:100%;
    }
    .news-profile-left .news-profile {
        max-width: 80px !important;
        width: 100% !important;
    }
    #chatChannel .news-profile-detail .chat-header .news-profile .user-img img{
        width: 70px;
        height: 70px;
        border-radius: 11px;
    }
    #chatChannel .news-profile-detail .chat-header .news-profile .user-img{
        max-width: 80px;
        width: 100%;
    }
    #chatChannel .news-profile-detail .chat-header .news-profile .user-heading {
        width: calc(100% - 90px);
        float: left;
        padding-left: 0;
    }

    .news-contents .my-news-content.my-news-fav-content .news-list .news-profile img {
        width: 70px;
        height: 70px;
        padding: 5px;
    }
    .partner-propose-section .my-news-content.my-notes-content .news-list .news-detail {
        float: left;
        display: block;
        width: 100%;
        padding-left: 0;
        margin: 25px 0 0;
    }
    .profile-img {
        background-color: #F3E9EA;
        width: 70px;
        min-height: 70px;
    }
    .news-contents .my-news-content .news-list .news-profile.small-image-box {
        width: auto;
    }
    .news-contents .my-news-content .news-list .news-profile img {
        display: inline-block;
        width: 70px;
        height: 70px;
        padding: 5px;
        border-radius: 11px;
    }

    .partner-propose-section .profile-img .user-online  {right: 5px;
    bottom: -5px;}
    .news-contents .my-news-content.my-news-fav-content .news-list .news-profile.smal-image-box {
        width: 70px !important;
    }
    .news-contents .my-news-content .news-list .news-profile {
        width: 70px !important;
    }
}

@media (max-width: 391px) {

    .user-online,
    .user-offline {
        right: 20%;
    }

}

@media (max-width: 374px) {
    .news-contents .my-news-content .news-list .news-detail ul li {
        margin-right: 11px;
    }

    .news-contents .my-news-content .news-list .news-detail ul li .svg-inline--fa {
        font-size: 20px;
    }

    .news-contents .my-news-content .news-list .news-detail .news-notification img {
        width: 33px;
        height: auto;
    }

    .chat .other-message:after {
        left: 87%;
    }

    .chat .message:after {
        left: 14%;
    }

    .news-profile-detail .notification-icon ul li.bookmark-icon a:after {
        top: -5px;
    }

    .news-profile-detail .notification-icon ul li.fa-pencil-square-o a:after {
        top: -5px;
    }

}