@media (max-width: 1345px) {
    div#leftSideBar {
        width: 220px;
        border-right: 1px solid rgba(51, 51, 51, 0.19);
    }

    div#blurImage {
        width: 220px !important;
    }

    .clickContainer {
        width: 220px;
    }

    div#main {
        margin-left: 220px;
    }

    .userInformation {
        padding-left: 0;
    }

    p#full-name {
        font-size: 18px;
    }

    ul#right-nav {
        padding-left: 0;
    }

    a#sentApplicationsLink {
        padding: 4px;
        width: 100%;
        text-align: center;
    }

    button.w3-btn.prevButton {
        width: 24px;
        height: 30px;
    }

    button.w3-btn.nextButton {
        width: 20px;
        height: 25px;
    }

    a#sentApplicationsLink {
        display: block;
        width: 90%;
        margin: 0px auto;
    }

    a.overSBtn {
        font-size: 12px;
        display: block;
        width: 90%;
        margin: 0px auto;
    }

    .leftListMenu ul li a {
        font-size: 14px;
        /* padding-left: 10px; */
    }

    .chard {
        margin: 0px auto;
    }

    .arrowHeight {
        height: 250px;
    }
}

@media (max-width: 1200px) and (min-width: 538px) {
    .button .btn {
        min-width: 150px;
        font-size: 16px;
    }
}

@media (max-width: 1024px) {
    div#main {
        margin-left: 195px;
    }

    .leftListMenu ul li a {
        font-size: 13px;
        /* padding-left: 10px; */
    }
}

@media (max-width: 1024px) {
    .slideHeading h1 {
        margin-top: 14px;
        font-size: 16px;
    }

    .rightButton {
        margin: 5px 20%;
        font-size: 12px
    }

    a#sentApplicationsLink {
        font-size: 12px;
        display: block;
        margin: 0px 4px;
    }

    h1#sentapplicationcount {
        margin: 6px;
    }

    .threColumnBlock {
        min-height: 120px;
    }

    ul#right-nav {
        padding-left: 0;
    }

    .wrapper-offline-interview {
        width: 65%;
    }

    .overSlideButton a.overSBtn {
        font-size: 9px;
    }

    .page {
        margin-top: 20px;
    }

    .arrowHeight {
        height: 210px;
    }

    .btn {
        font-size: 12px;
    }

    button.w3-btn.prevButton {
        width: 40px;
        height: 40px;
    }

    button.w3-btn.nextButton {
        width: 40px;
        height: 40px;
    }
}

@media (min-width: 992px) {
    #myNeueBewerbungsVideo .modal-dialog {
        width: 80%;
    }

    .next {
        top: 0;
    }

    .normal {
        margin-top: 2px;
        /* MARGIN-RIGHT: 10PX; */
    }

    #clossButton {
        right: 50px;
    }
}

@media (max-width: 991px) and (min-width: 717px) {
    .next {
        top: 0;
    }
}

@media (max-width:991px) {
    .mobileMenuBar {
        display: block;
        /* background: #a8abad; */
        position: fixed;
        z-index: 1200;
        width: 100%;
        height: 55px;
        top: 0px;
    }

    div#leftSideBar {
        display: none;
    }

    span.iconHolder {
        display: none;
    }

    img#mobile-menu-photo {
        border: 2px solid #fff;
        border-radius: 100%;
        width: 45px;
        height: 45px;
        margin-top: 7px;
    }

    .iconImage {
        width: 40px;
        height: 40px;
        opacity: .8;
    }

    .botificationNumberOnmain {
        position: absolute;
        background: red;
        color: white;
        padding: 4px;
        top: 0;
        right: 19px;
        border-radius: 80%;
    }

    .menuButton img {
        margin-top: 5px;
    }

    h5#mobile-full-name {
        color: #fff;
        font-weight: 700;
        line-height: 35px;
    }

    .col-xs-3.profilPictureHolder {
        padding-left: 0px;
    }

    div#main {
        margin-top: 60px;
    }

    ul#right-nav {
        margin-top: 30px;
        font-size: 23px;
        font-weight: bold;
    }

    .leftListMenu {
        position: fixed;
        /*top: 0;*/
        left: 0;
        height: 100%;
        width: 100%;
        text-align: center;
        display: block;
        top: -1000px;
        transition: top .5s;
        background: rgba(209, 213, 207, 0.8);
        border-top: 2px solid #fff;
    }

    #main {
        width: 100%;
        margin-left: 0px;
    }

    .slidenumbers {
        margin: 40px auto;
    }

    .menuButton img {
        margin-top: 10px;
        width: 80%;
    }

    .botificationNumberOnmain {
        right: 10px;
    }

    h5#mobile-full-name {
        line-height: 20px;
    }

    .wrapper-offline-interview {
        width: 80%;
    }

    .notificationButton {
        display: block;
    }

    div#main {
        margin-left: 0;
    }

    div#modalRejectApplication {
        width: 80%;
    }

    div#socialMediaShareModal {
        width: 80%;
    }
}

@media (max-width: 991px) {
    .sections {
        padding-top: 0;
    }

    #modalLogin .modal-dialog {
        width: 90% !important;
        margin: 30px auto;
    }

    #deleteinterviewsmodal .modal-dialog {
        width: 40%;
    }

    .stepContainer input.form-control {
        font-size: 24px;
    }

    .fullScreenCamera {
        bottom: 175px;
    }

    .leftListMenu {
        width: 100%;
        background: rgba(214, 210, 210, 0.95);
        right: 0;
        transition: right .5s;
    }

    .pinForOpen {
        position: absolute;
        top: 20px;
        left: -27px;
        width: 28px;
        height: 30px;
        /* background: red; */
        border-radius: 50% 0 0 50%;
        display: block;
    }

    .modal-dialog {
        /* margin-top: 50px; */
    }

    .profileOnMobileMenu {
        /* border: 2px solid #fff; */
        border-radius: 100%;
        margin-top: 8px;
        width: 35px;
        margin-top: 12px;
        /* float: right; */
    }

    h5.fullName {
        color: #fff;
        font-weight: 700;
        font-size: 24px;
        line-height: 1.4;
    }

    img.logo {
        margin-top: 8px;
    }

    div#main {
        margin-left: 0;
    }

    .loeftMEnuFolTablet {
        display: none;
    }

    span.iconHolder2.menuButton img {
        margin-top: 8px;
    }

    .w3-center {
        min-height: 20px;
    }

    .profilImageModal {
        width: 50%;
    }

    #neueBewerbung .modal-dialog {
        width: 80%;
    }

    div#modalSendNewInterviewRequest {
        width: 80%;
    }

    #viewApplicationModal1 .modal-content {
        width: 70%;
    }

    #viewInterviewsModal .modal-dialog {
        /* margin-top: 0px; */
        width: 70%;
    }

    #openedapplicationslistmodal .modal-dialog {
        width: 80%;
    }

    #iosAppDownloadModal .iosModalTitle {
        font-size: 36px;
    }

    #iosAppDownloadModal .iosModalFContent {
        font-size: 26px;
    }

    #iosAppDownloadModal .footerText {
        font-size: 26px;
    }
}

@media (max-width: 768px) {
    #myNeueBewerbungsVideo .modal-dialog {
        width: 90%;
    }

    div#video-text-container {
        width: 100%;
    }

    div#reapeatVideos {
        width: 100%;
    }

    a#btn-next-question {
        margin-left: 0;
    }

    #deleteinterviewsmodal .modal-dialog {
        width: 70%;
    }

    .stepContainer input.form-control {
        font-size: 22px;
    }

    .videoControles {
        width: 100%;
    }

    div#video-container {
        position: relative;
        height: 90%;
    }

    div#modalSendNewInterviewRequest {
        width: 85%;
    }
    /*div#questionspanel {*/
    /*position: absolute;*/
    /*margin-top: 0;*/
    /*margin-left: 2%;*/
    /*margin-right: 2%;*/
    /*width: 96%;*/
    /*}*/
    /*div#questionspanel {*/
    /*position: absolute;*/
    /*margin-top: 0;*/
    /*margin-left: 2%;*/
    /*margin-right: 2%;*/
    /*width: 96%;*/
    /*background: rgba(255,255,255,0.8);*/
    /*min-height: 10px;*/
    /*padding: 4px;*/
    /*top: 4%;*/
    /*}*/
    video#videoInput {
        width: 100%;
        height: 100%;
        background: #333;
        border-radius: 2px;
    }

    div#cameradashboard {
        position: absolute;
        bottom: 0;
    }

    video#videoInput {
        width: 100%;
    }

    a#btn-camera-fail {
        margin-bottom: 10px;
        width: 100%;
    }

    a#btn-camera-ok {
        width: 100%;
    }

    div.button {
        margin-top: 0;
    }

    .col-md-12.wrapper-offline-interview {
        height: 460px;
        /*top: 30%;*/
    }

    .leftListMenu ul li.active {
        border-left: none;
    }

    .mobileMenuTabs hr {
        display: block;
    }

    .menuButton img {
        width: 35px;
    }

    .spaces {
        display: none;
        /* border: 1px solid red; */
        /* height: 8px; */
    }

    .rightFixedNavbar li {
        padding-bottom: 5px;
    }

    video.costumize-height {
        max-width: 100%;
    }

    #prevButton, .prevButton {
        left: 2%;
    }

    .w3-section button.w3-btn.nextButton {
        right: 2%;
    }

    .overSlideButton .overSBtn.onVideo {
        top: 44px;
    }

    #viewApplicationModal1 .modal-content {
        width: 80%;
    }

    #viewInterviewsModal .modal-dialog {
        /* margin-top: 0px; */
        width: 80%;
    }
}

@media (max-width: 768px) {
    /*Login page*/
    header.codrops-header {
        padding-top: 0;
        padding-bottom: 0px;
    }

    section.centerClass {
        padding: 2px 2em;
    }

    .footerText a {
        font-size: 16px;
    }

    .register a, .check_box {
        font-size: 10px;
    }

        .check_box label {
            font-size: 10px;
        }

    .link a {
        font-size: 10px;
    }

    .underFormInput .col-xs-5 {
        padding-left: 0;
        padding-top: 5px;
        font-weight: bold;
    }

    input#q1 {
        padding-right: 30px;
    }
    /* Dashbord*/
    .datumSlide p {
        padding-top: 8px;
        font-size: 12px;
    }

    a.overSBtn {
        font-size: 12px;
    }

    .slideHeading h1 {
        font-size: 14px;
        margin-top: 16px;
    }

    button.slideButtons {
        padding: 6px;
        font-size: 12px;
    }

    button.w3-btn {
        width: 24px;
        height: 24px;
        margin: 0px 10px;
    }

    .slidenumbers {
        margin: 20px auto;
    }

    .w3-center {
        min-height: 45px;
    }

    a#showListCompleted {
        font-size: 12px;
    }

    .rightButton {
        margin: 8px 40px;
        font-size: 12px;
    }

    a.showAllSlides {
        font-size: 12px;
    }

    h5.fullName {
        margin-top: 10px;
    }

    .videoButotns .video {
        margin: 0 10px;
        font-size: 12px;
    }

    .videoButotns a.videoDatum {
        margin: 0;
        position: relative;
        top: 3px;
        display: block;
        margin: 0 20px 0 20px;
        /* margin-left: 0; */
        background: rgba(119, 119, 119, 0.5);
        font-size: 10px;
    }

    .videoButotns a.video {
        display: block;
        margin: 0 20px 0 20px;
        position: relative;
        top: 0px;
    }

    .middle-wrapper-border-blue {
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
    }

    .headLink {
        margin-top: 10px;
    }

        .headLink a {
            font-size: 18px;
            padding-left: 12px;
            padding-right: 12px;
            text-align: center;
        }

    .inlineList ul li p {
        margin-bottom: 2px;
    }

    .buttonOnPost a.postCenterButton {
        padding: 4px 14px;
        font-size: 14px;
    }

    .inlineList ul li a {
        color: #333;
        font-size: 10px;
    }

    a.footerlinkOnPost {
        font-size: 10px;
    }

    div#main {
        margin-top: 35px;
    }

    #main > .row > .col-md-10 {
        padding-left: 0;
        padding-right: 0;
    }

    .modal-dialog.ui-draggable {
        position: absolute;
        left: 5px !important;
        right: 5px;
        top: 15px;
    }

    div#interviewList {
        position: relative;
        top: 10px;
        font-size: 10px;
        font-weight: 300;
        color: #222;
    }

    td .btn {
        padding: 0 4px
    }

    a.btn {
        width: 90%;
        margin: 4px auto;
    }

    #sentapplicationslist td {
        padding: 2px;
        font-size: 12px;
    }

    p.tCategory {
        font-size: 12px;
    }

    .col-xs-5 p, .col-xs-7 p {
        font-size: 11px;
    }

    .wrapper-offline-interview {
        width: 100%;
    }

    table#openedapplicationslist thead tr th {
        font-size: 16px;
    }

    table#openedapplicationslist tbody tr td {
        font-size: 14px;
    }

    .arrowHeight {
        height: 160px;
    }

    div.messageModal {
        width: 90%;
        margin: 50px auto;
    }

    div#modalRejectApplication {
        width: 100%;
    }

    #neueBewerbung .modal-dialog {
        width: 90%;
    }

    #sentapplicationslistmodal .modal-content {
        width: 80%;
    }

    #openedapplicationslistmodal .modal-dialog {
        width: 90%;
    }

    .wrapper-offline-interview {
        position: relative;
    }


    .questionContainer {
        position: absolute;
        z-index: 300;
    }

    video#videoInput {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }

    div#video-container {
        height: 100%;
        padding: 0;
        margin: 0;
        padding-top: 8px;
    }

    .wrapper-offline-interview {
        padding-left: 0;
        padding-right: 0;
        /* border-radius: 0; */
    }

    .col-md-12.wrapper-offline-interview {
        height: 100%;
    }

    .questionContainer {
        width: 96%;
        margin-left: 0%;
    }

    div.button {
        /* margin-bottom: 30px; */
        width: 96%;
        text-align: center;
        margin-left: 2%;
        margin-right: 2%;
    }

    .removePaddingLeft {
        /*padding-left: 0;*/
        text-align: center;
    }

    div#restartbuttonwrapper, div#showVideo {
        width: 100%;
        /* border: 1px solid red; */
        text-align: center;
        height: auto;
        margin-top: 35px;
    }

    .showVideo {
        width: 100%;
        /* border: 1px solid red; */
        text-align: center;
    }

    p#videoRecordPlay {
        margin: 0px auto;
    }

    #btn-camera-stop-record span, #btn-camera-start-record span {
        font-size: 1.1em;
    }

    #btn-camera-start-record span {
        opacity: .4;
    }

    #btn-camera-start-record span {
        font-size: 1.1em;
    }

    b.recordtext {
        font-size: 12px;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        width: 100%;
        display: block;
    }

    .countdowntimer .timer {
        margin-top: 0px;
        font-size: 14px;
        color: #CE0042;
        margin-bottom: 0;
    }

    .questionContainer {
        left: 50%;
    }
}

@media (max-width: 760px) {

    .logoOnRight {
        width: 60%;
        height: 30px;
        margin: 12px;
    }

    .centerNumbers h1 {
        text-align: center;
        font-size: 18px;
        color: #fff;
    }

    .fullscreenBTN {
        background: transparent;
        width: 25px;
        height: 25px;
        border: none;
        background: url(../images/size.svg) no-repeat;
        fill-opacity: .9;
    }

    .fullScrenButton button {
        float: right;
        margin: 10px 0;
    }

    .centerNumbers i {
        color: #d64c7b;
        font-size: 12px;
        /* border: 1px solid white; */
        border-radius: 50%;
        position: relative;
        top: 0;
    }

    .bottomRow .centerNumbers .box {
        width: 50px;
        height: 50px;
        display: block;
        margin: 0px auto;
        /* background: white; */
    }

    .comentDisplay .message p {
        margin-bottom: 2px;
        font-size: 10px;
    }

    .msgHead h4 {
        margin-top: 2px;
        font-size: 16px;
    }

    .comentDisplay .message {
        background: rgba(255, 255, 255, 0.4);
        padding: 4px 12px 12px 8px;
        border-radius: 18px;
        margin-bottom: 10px;
        width: 85%;
    }

    .msgHead h4 {
        margin-top: 2px;
        font-size: 16px;
        margin-bottom: 1px;
    }

    .commentForm .input-group-addon .sendButton {
        background: #8aa78a;
        border: none;
        padding: 6px;
        padding-left: 11px;
        padding-right: 10px;
        border-radius: 50%;
        margin-left: 7px;
        font-weight: bold;
        font-size: 16px;
    }

    .recordNumber {
        width: 40px;
        height: 40px;
        line-height: .6;
    }

    #recordCamera {
        height: 26vh;
    }

    .videoEditFrame {
        width: 100%;
        height: 30vh;
    }

    .lg-modal-90 {
        width: auto !important;
    }

    .documentFile {
        width: 115px;
        margin: 10px auto;
        height: 143px;
        background: white;
        border: .5px solid rgba(51, 51, 51, 0.4);
    }

    .cameraCheck {
        width: 100%;
        height: 360px;
    }

    .button .btn {
        min-width: 150px;
        font-size: 16px;
    }

    .mobileMenuBar {
        position: fixed;
        width: 100%;
        height: 45px;
        /* border: 1px solid #a8abad; */
        z-index: 1000;
        /* background: #5CB8EF; */
        top: 0px;
        transition: top .6s;
        top: 0px;
    }

    div#leftSideBar {
        display: none;
    }

    div#main {
        margin-left: 0;
        margin-top: 45px;
        width: 100%;
    }

    img.logo {
        width: 100%;
        margin-top: 14px;
    }

    span.iconHolder {
        display: none;
    }

    .profilPictureHolder {
        padding-left: 0px;
        padding-right: 0px;
    }

    .profileOnMobileMenu {
        /* border:2px solid #fff; */
        border-radius: 100%;
        margin-top: 10px;
    }

    h5.fullName {
        margin-top: 14px;
        color: white;
    }

    .changePaddingLeftOnColumn {
        padding-left: 8px;
        padding-right: 6px;
    }

    a.menuButton {
        font-size: 30px;
        margin: 0;
        line-height: 1;
        color: #fff;
        width: 34px;
        /* border: 1px solid red; */
        margin-top: 0px;
    }

    .sidenavRight {
        top: 45px !important;
    }

    .leftListMenu {
        /* position: fixed; */
        top: 0;
        width: 100%;
        height: 100%;
        width: 100%;
        text-align: center;
    }

    .leftListMenu {
        position: fixed;
        /*top: 0;*/
        left: 0;
        width: 100%;
        height: 100%;
        width: 100%;
        text-align: center;
        display: block;
        top: -1000px;
        transition: top .5s;
        background: rgba(191, 195, 197, 0.91);
        border-top: 2px solid #fff;
    }

    ul.rightFixedNavbar {
        padding-left: 0;
        padding: 10px;
    }

    .mobileMenuBar {
        display: block;
        top: 0px;
    }

    ul.inlineListMenu {
        padding-left: 0;
    }

    .profileOnMobileMenu {
        /* border: 2px solid #fff; */
        border-radius: 100%;
        margin-top: 8px;
        width: 35px;
        margin-top: 10px;
        /* float: right; */
        margin: 6px auto;
    }

    img#mobile-menu-photo {
        width: 35px;
        height: 35px;
        overflow: hidden;
        margin-top: 5px;
    }

    .menuButton img {
        margin-top: 2px;
    }

    .col-xs-3.changePaddingLeftOnColumn img {
        margin-top: 0;
        height: 40px;
    }

    .mobile-size .btn-default.default {
        width: 100%;
    }

    .shareButtons {
        font-size: 16px;
    }

    .profilImageModal {
        width: 60%;
    }

    div.messageModal {
        width: 90%;
        margin: 50px auto;
    }

    #viewApplicationModal .modal-dialog {
        width: 70%;
    }

    #modalViewInterviewDetails .modal-dialog {
        width: 70%;
    }


    /* --------------------------------  */

    #viewApplicationModal .modal-dialog {
        width: 70%;
    }

    #modalViewInterviewDetails .modal-dialog {
        width: 70%;
    }

    #iosAppDownloadModal .modal-dialog {
        margin: 0px;
        height: 100%;
    }

    #iosAppDownloadModal .modal-content {
        background: white !important;
        height: 100%;
    }

    #iosAppDownloadModal .modal-body {
        text-align: center;
        color: #3076aa;
    }

    #iosAppDownloadModal .iosModalTitle {
        font-size: 29px;
        font-weight: bold;
    }

    #iosAppDownloadModal .iosModalFContent {
        font-size: 19px;
    }

    #iosAppDownloadModal #iosAppDownloadModal .secondContent {
        width: 100px;
        margin: 0 auto;
        margin-top: 25px;
        margin-bottom: 10px;
    }

    #iosAppDownloadModal .Center-Image {
        width: 20%;
        border-radius: 17px;
        margin-top: 4%;
    }


    #iosAppDownloadModal .footerText {
        font-size: 19px;
    }

    #iosAppDownloadModal .jobvyouText {
        color: #d40d59;
        padding: 2%;
    }

    .comentDisplay {
        bottom: 0 !important;
        bottom: 8px !important;
        left: 15px !important;
    }
}

@media (max-width: 716px) and (min-width: 538px) {
    .next {
        top: 0;
    }

    .liveVideoInterview {
        padding: 5px 6px;
        background: rgba(152, 147, 147, 0.45);
        font-size: 13px;
        border-radius: 20px;
        margin-right: 0px;
        margin-left: 5px;
    }
}

@media (max-width: 537px) {
    .countdowntimer {
        position: relative;
        width: 100%;
        right: 0;
    }

    .UploadVideo {
        min-height: 320px;
    }

    .shareandPreviewLink a {
        font-size: 14px;
    }

    .backVideoSlide {
        margin-top: 35%;
    }

    div#video-container {
        min-height: 200px;
    }

    .backVideoSlide {
        padding-left: 0;
        padding-right: 0;
    }

    .removePadding {
        padding: 2px;
    }

    .firstSection, .secondSection {
        min-height: 320px;
    }

    h5#exampleModalLabel {
        FONT-SIZE: 12px;
    }

    #myNeueBewerbungsVideo .modal-dialog {
        width: 96%;
        margin: 20px auto;
    }

    #deleteinterviewsmodal .modal-dialog {
        width: 80%;
        margin: 10px auto;
    }

    .stepContainer {
        min-height: 210px;
    }

        .stepContainer input.form-control {
            font-size: 18px;
        }

    .next {
        top: 0;
    }

    .paragraphGeneral {
        color: white;
        font-size: 22px;
    }

    .check_box label {
        font-size: 12px;
    }

    .codrops-header img {
        width: 55px;
    }

    #headingName {
        font-size: 18px;
    }

    #paragraphtitle {
        font-size: 16px;
    }

    .register a, .check_box {
        font-size: 14px;
    }

    .codrops-top a {
        margin-top: 5px;
        font-size: 10px;
    }

    .link a {
        font-size: 12px;
    }

    h5.fullName {
        font-size: 24px;
    }

    .slideHeading h1 {
        font-size: 16px;
        margin-top: 25px;
    }

    .rightButton {
        margin: 0 auto;
        margin: 16px 14%;
        font-size: 14px;
    }

    .inlineList ul {
        padding-left: 0px;
    }

        .inlineList ul li {
            padding: 0px;
        }

    .buttonOnPost {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    h5#mobile-full-name {
        color: #fff;
        font-weight: 700;
        line-height: 1;
    }

    .liveVideoInterview {
        padding: 5px 6px;
        font-size: 13px;
        margin-right: 0px;
        margin-left: 5px;
    }

    .profilImageModal {
        width: 80%;
    }

    .overSlideButton .overSBtn.onVideo {
        width: 60%;
        left: 20%;
    }

    #neueBewerbung .modal-dialog {
        /* margin: 0; */
    }

    #neueBewerbung .modal-content {
        border-radius: 0;
    }

    img.profileOnMobileMenu {
        /* background: #fff; */
        width: 35px;
        height: 35px;
        margin: 8px auto;
    }

    #viewApplicationModal1 .modal-content {
        width: 90%;
    }

    #viewInterviewsModal .modal-dialog {
        /* margin-top: 0px; */
        width: 85%;
    }

    #backButton a {
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 4px;
    }

    h3#step2Profilname {
        font-size: 14px;
    }

    .stepContainer textarea.form-control.textareaDisableResize {
        resize: none;
        height: 110px;
    }

    .stepContainer textarea.form-control.textareaDisableResize {
        font-size: 14px;
    }

    .stepContainer .form-group {
        margin-bottom: 0;
    }

    #editEducationAddForm .editable-buttons {
        position: absolute;
        top: 35px;
        right: 15px;
    }


    #editEducationAddForm .editable-input {
        float: right;
        margin-top: 22px;
    }

    #editEducationAddForm .popover.top > .arrow {
        left: 44%;
    }
}

@media (max-width: 481px) {
    .faceToFaceBox .callButtons.microPhone {
        position: relative;
    }

    img#mobile-menu-photo {
        width: 35px;
        height: 35px;
        margin-top: 10px;
    }

    h5#mobile-full-name {
        line-height: 12px;
        margin-top: 7px;
    }

    .menuButton img {
        width: 95%;
    }

    .changePaddingLeftOnColumn {
        padding-left: 0;
        padding-right: 6px;
    }

    .menuButton img {
        margin-top: 6px;
    }

    .iconImage {
        width: 35px;
        height: 40px;
    }

    .botificationNumberOnmain {
        top: 2px;
        right: 0px;
    }

    .fc-scroller.fc-day-grid-container {
        height: 200px !important;
    }

    .rightButton {
        margin: 8px 14%;
    }

    .next {
        top: 0;
    }

    .seePasswordPlaceHolder {
        line-height: 20px;
        font-size: 22px;
    }

    .codrops-header img {
        width: 150px;
    }

    .profilImageModal {
        width: 90%;
    }

    div#socialMediaShareModal {
        width: 100%;
    }

    img.profileOnMobileMenu {
        /* background: #fff; */
        width: 35px;
        height: 35px;
        margin: 8px auto;
    }

    div#videoview {
        width: 90%;
    }

    .fullScreenCamera .cameraTool {
        position: relative;
        width: 100%;
        height: 100%;
        /* border: 2px solid rgba(189, 186, 186, 0.4); */
        /* border-radius: 8px; */
        border-radius: 50% !important;
        overflow: hidden;
        border-radius: 50%;
    }

    div#peerVideoSecond {
        height: 100%;
    }

    .fullscreenvideosecond {
        position: relative;
        z-index: 0;
        background: url(mel.jpg) no-repeat;
        background-size: 100% 100%;
        top: 0px;
        left: -30%;
        min-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        overflow: hidden;
        /* border-radius: 50%; */
    }

    div#camera {
        width: 100px;
        height: 100px;
        right: 0;
    }

    div#btnEndConference {
        display: none;
    }

    .faceToFaceBox {
        width: 100%;
    }

    .cameraWithButtons {
        position: relative;
        z-index: 9999999;
    }

    a.smallScreen {
        display: block;
        background: green;
        width: 100%;
        margin: 3px auto;
        background: url(../images/mic.svg) no-repeat center;
        opacity: 1;
        position: absolute;
        top: 90px;
        right: 0px;
    }

    a#disable_audio_btn.bigScreen {
        display: none;
    }


    /* For imput width*/
    .comentDisplay {
        width: 100%;
        right: 10px;
    }

    input#inputTextField {
        /* opacity: .8; */
        width: 100%;
    }

    /*----------------------*/
    .faceToFaceBox.onSmallScreen {
        width: 100%;
        padding-top: 0px;
        margin-top: 0;
        text-align: center
    }

    .onSmallScreen a.callButtons {
        margin: 0px auto;
    }

    input#inputTextField {
        width: 100%;
    }

    .comentDisplay {
        left: 30px !important;
        right: 0px;
    }

    .fullscreenvideosecond {
        position: relative;
        z-index: 0;
        background: url(mel.jpg) no-repeat;
        background-size: 100% 100%;
        top: 0px;
        left: 0;
        min-width: 100%;
        max-height: 100%;
        /* width: 100%; */
        /* height: 100%; */
    }

    div#peerVideoSecond {
        opacity: .8;
        overflow: hidden;
        border-radius: 50%;
    }

    .forMobile {
        margin-top: 8px;
    }
}

@media (max-width: 481px) {
    #deleteinterviewsmodal .modal-dialog {
        width: 90%;
    }

    .inlineListActivities ul {
        padding-left: 0;
        display: block;
        text-align: center;
        position: relative;
    }

    .inlineListActivities p.date {
        float: left;
        padding-left: 10px;
        margin-left: 0px;
        font-size: 12px;
    }

    .inlineListActivities ul li {
        display: block;
        min-height: 20px;
        width: 100%;
        width: 200px;
        text-align: center
    }

    p.activityType {
        float: none;
        text-align: center;
        font-size: 12px;
    }

        p.activityType a {
            font-size: 12px;
        }

    .liveVideoInterview {
        padding: 2px 4px;
        font-size: 10px;
        margin-right: 6px;
        margin-left: 3px;
        margin-bottom: 4px;
        display: block;
        width: 80%;
        float: left;
        text-align: center;
    }

    #sentapplicationslist th {
        font-size: 14px;
    }

    #sentapplicationslistmodal .modal-content {
        width: 98%;
    }

    div#camera {
        width: 100px;
        height: 100px;
        right: 0;
    }

    a.callButtons {
        height: 20px;
    }

    .faceToFaceBox {
        width: 26px;
    }

    .buttonsOnFrontCamera {
        width: 135px;
        margin-left: 12px;
    }

    input#inputTextField {
        height: 35px;
    }

    .paragraph {
        font-size: 14px;
    }

    .post .circle {
        padding-top: 20%;
    }

    table#openedapplicationslist tbody tr td {
        font-size: 10px;
    }

    span.iconHolder2.menuButton img {
        margin-top: 2px;
    }

    div#mobile-menu-photo img {
        margin-top: 2px;
        width: 40px;
    }

    h5#mobileNameInitials {
        margin-top: 5px;
    }

    .postContainer .videoOnPost {
        width: 100%;
    }

    .arrowHeight {
        height: 160px;
    }

    span.videoDatum {
        font-size: 12px;
    }

    .liveVideoInterview {
        padding: 2px 4px;
        font-size: 10px;
        margin-right: 0px;
        margin-left: 2px;
        display: block;
        float: left;
    }

    .videoInterviewModal .modal-dialog {
        MARGIN-TOP: 0;
    }

    .videoInterviewModal .modal-header {
        height: 25px;
    }

    .delete-sector span.recucleBin {
        left: 25%;
    }

    div#unsentapplicationsarrows, div#sentapplicationarrows {
        bottom: 65px;
    }

    .inlineList ul li {
        display: list-item;
    }

        .inlineList ul li.spaces {
            display: none;
        }

    div#video-text-container {
        max-height: 200px;
        overflow-y: scroll;
    }

    div.button {
        margin-bottom: 30px;
    }

    div#video-container {
        /*height: 55%;*/
    }

    h1#job-title {
        font-size: 1em;
        margin-top: 0;
    }

    ul.inlineListMenu {
        margin-bottom: 0;
    }

    p.paragraph {
        margin-bottom: 4px;
    }

    div#cameradashboard {
        position: fixed;
    }

    #backButton a {
        padding-bottom: 7px;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 0px;
    }

    div#backButton {
        position: absolute;
        bottom: -49px;
        left: 58px;
        z-index: 2000;
    }

    div#modalSendNewInterviewRequest {
        width: 100%;
    }

    div#mobile-menu-photo img {
        margin-top: 6px;
        width: 40px;
        height: 40px;
    }

    img.profileOnMobileMenu {
        /* background: #fff; */
        width: 35px;
        height: 35px;
        margin: 8px auto;
    }

    #viewApplicationModal1 .modal-content {
        width: 100%;
    }

    .btnSocialShare img {
        width: 100%;
    }

    #viewInterviewsModal .modal-dialog {
        /* margin-top: 0px; */
        width: 95%;
    }

    #openedapplicationslistmodal .modal-dialog {
        width: 90%;
    }

    #viewApplicationModal .modal-dialog {
        width: 90%;
    }

    #modalViewInterviewDetails .modal-dialog {
        width: 90%;
    }

    #modalViewInterviewDetails .modal-header {
        padding-top: 6px;
        padding-bottom: 0;
    }

    #modalViewInterviewDetails .modal-footer {
        padding-bottom: 6px;
        padding-top: 6px
    }

    #divCompanyMap {
        height: 130px;
    }

    a.callButtons {
        height: 30px !important;
        width: 30px !important;
        margin-left: 0px;
    }

    .cameraTool .microphone {
        width: 30px !important;
        height: 30px !important;
        top: 0px;
    }

    .buttonsOnFrontCamera {
        margin-left: 0px;
    }

    div#camera {
        right: 5px;
    }

    .buttonsOnFrontCamera {
        padding-top: 18px;
    }
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}

@media screen and (max-height: 450px) {
    .sidenavRight {
        padding-top: 15px;
    }

        .sidenavRight a {
            font-size: 18px;
        }

    img.profileOnMobileMenu {
        /* background: #fff; */
        width: 35px;
        height: 35px;
        margin: 8px auto;
    }
}

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

    .liveVideoInterview {
        padding: 2px 4px;
        font-size: 10px;
        margin-right: 5px;
        margin-left: 5px;
        margin-bottom: 4px;
        display: block;
        width: 84%;
        float: left;
        text-align: center;
    }

    img.profileOnMobileMenu {
        /* background: #fff; */
        width: 35px;
        height: 35px;
        margin: 8px auto;
    }

    #viewInterviewsModal .modal-dialog {
        /* margin-top: 0px; */
        width: 100%;
    }

    #openedapplicationslistmodal .modal-dialog {
        width: 100%;
    }
}

@media screen and (max-width: 360px) {
    table#openedapplicationslist tbody tr td {
        font-size: 9px;
    }

    .postName, .postDate {
        font-size: 12px;
    }

    a.postApplicationTitle {
        font-size: 18px;
    }

    .arrowHeight {
        height: 143px;
    }

    .modalHeadText p {
        min-height: 50px;
    }

    .liveVideoInterview {
        margin-bottom: 10px;
        font-size: 14px;
        display: block;
        width: 100%;
        top: 0;
        margin-top: 0;
        padding: 7px;
        margin-bototm: 30px;
        margin-left: 0;
    }

    span.startVideoDate {
        /* MARGIN-TOP: 10px; */
        /* top: 30px; */
        width: 100% !important;
        font-size: 14px;
        padding-left: 40px;
        PADDING-RIGHT: 40PX;
        display: block;
        height: 28px;
        /* margin-top: 30px; */
        clear: both;
        padding: 6px;
        margin-left: 0;
    }

    img.profileOnMobileMenu {
        /* background: #fff; */
        width: 35px;
        height: 35px;
        margin: 8px auto;
    }
}

@media (min-width: 768px) {
    .md-pull-right {
        text-align: right;
    }

    .md-pull-left {
        text-align: left;
    }
}

@media (max-width: 991px) {
    div#Datenschutz, div#agbModal, div#Impressum {
        width: 95%;
    }

        div#Datenschutz .modal-header, div#agbModal .modal-header, div#Impressum .modal-header {
            padding-right: 42px;
        }
}

@media (max-width: 767px) {
    div#Datenschutz, div#agbModal, div#Impressum {
        width: 100%;
    }

        div#Datenschutz .modal-body, div#agbModal .modal-body, div#Impressum .modal-body {
            max-height: calc(100vh - 240px);
            min-height: calc(100vh - 254px);
        }
}
@media (max-width: 681px) {
    div#sentapplicationarrows, div#unsentapplicationsarrows {
        width: 90% !important;
        margin-left: 5% !important;
    }
}