@media screen and (max-width:1500px){
    
    header.header > .ui.container {
        position: relative;
    }
    
    .header-socials {
        margin-top: 10px;
        margin-left: 10px;
    }
    
    .header-socials a {
        background: #ffffffa6;
        border-radius: 4px;
        margin-right: 5px;
    }
    
    .header-socials a i {
        margin: 2px 5px;
    }
    
    

}

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

    header.header:after {
        display: none;
    }

    header.header > .ui.container:after {
        background: url(images/cruiseshipheader.png);
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 600px;
        height: 100%;
        background-position: top right;
        background-size: auto 100%;
        background-repeat: no-repeat;
        z-index: -1;
        background-position: top right;
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
        left: 250px;
    }

    .menu-top > ul.nav.menu,
    .menu-top > .reg-menu {
        display: none;
    }

    .menu-top:before {
        position: absolute;
        top: 30px;
        right: 0;
        background: #e3e3e3;
        font-size: 32px;
        content: "\f0c9";
        display: inline-block;
        opacity: 1;
        margin: 0 .25rem 0 0;
        width: 50px;
        height: 40px;
        line-height: 22px;
        font-family: Icons;
        font-style: normal;
        font-weight: 400;
        text-decoration: inherit;
        text-align: center;
        speak: none;
        font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        color: #003399;
        border-radius: 4px;
        padding: 10px 10px;
        box-sizing: border-box;
    }

    .menu-top{
        cursor: pointer;
    }

    .menu-top:hover {
        cursor: initial;
        padding-top: 70px;
        min-width: 260px;
    }
    
    .menu-top:hover:before,
    .menu-top:hover:active
    .menu-top:hover:focus {
        background: #003399;
        color: #FFF;
    }

    .menu-top:hover > ul.nav.menu,
    .menu-top:hover > .reg-menu,
    .menu-top:hover .reg-menu ul.nav.menu {
        display: block;
    }

    .menu-top > ul.nav.menu,
    .menu-top > .reg-menu,
    .menu-top .reg-menu ul.nav.menu {
        background: white;
        width: 100%;
        margin: 0;
    }

    .menu-top > ul.nav.menu {
        border: 2px solid #003399;
        border-radius: 4px;
    }

    .menu-top.with-reg-menu > ul.nav.menu {
        border-bottom: none;
        border-radius: initial;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .menu-top > .reg-menu {
        border: 2px solid #003399;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        padding: 0;
    }
    
    .menu-top ul.nav.menu > li {
        margin: 0;
        box-shadow: none;
    }
    
    .menu-top ul.nav.menu > li a {
        display: block;
        padding: 10px 10px;
    }
    
    .menu-top ul.nav.menu > li:after {
        display: none !important;
    }
    
    .menu-top ul.nav.menu > li:hover, .menu-top ul.nav.menu > li.active {
        background: #003399;
        border-radius: 0;
    }
    
    .menu-top ul.nav.menu > li:hover a, .menu-top ul.nav.menu > li.active a {
        color: #FFF;
    }
    
    .menu-top .reg-menu ul.nav.menu > li:hover, .menu-top .reg-menu ul.nav.menu > li.active {
        background: #2f91e1;
    }

    .menu-top {
        margin-top: 0 !important;
        position: absolute;
        top: 40px;
        right: 20px;
        z-index: 9;
    }
    
    .menu-top:before {
        top: 0px;
    }
    
    .menu-top:hover {
        padding-top: 50px;
    }

    .homepage .brand img {
        top: 0;
    }

    .homepage header a.brand:before {
        border: none;
    }

    .homepage header a.brand:before {
        height: 111.23px;
    }

    .sj-job-in-list {
        width: 25% !important;
    }

    header.header {
        border-bottom: none;
    }

    .footer-cnt {
        flex-wrap: wrap;
        flex-direction: column;
    }
    
    .footer-cnt > div {
        width: inherit;
    }
    
    .logo-footer {
        margin-bottom: 20px;
    }

    .pk-item.pk-premium {
        margin: 0 !important;
        padding-bottom: 0;
    }
    
    .pk-item {
        width: 100%;
    }
    
    .pk-list {
        margin-top: 20px;
    }

    .cv-select-item .header {
        word-break: break-all;
    }

    footer ul.nav.menu {
        width: auto;
        margin: 0;
        margin-top: 20px;
    }

    footer ul.nav.menu li:before {
        display: none;
    }
    
    footer ul.nav.menu {
        text-align: center;
    }
    
    li.item-152, li.item-153 {
        margin-left: 5px;
        margin-right: 5px;
    }

    .homepage .brand img {
        top: 0 !important;
        left: 0 !important;
    }
    
    img.bl-left, img.bl-bottom {
        display: none;
    }
    
    .homepage header a.brand:before {
        border-radius: 0;
        top: -10px;
    }
}

@media screen and (max-width: 768px){
    header.header > .ui.container {
        width: 100% !important;
        margin: 0 !important;
    }

    .sj-job-in-list {
        width: 33.3% !important;
    }

    .vp-profile-picture-cont, .vpau-avatar-image {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 20px;
    }
    
    .vp-profile-header.with-profile-picture {
        flex-wrap: wrap;
    }

    .ui.table:not(.unstackable) tr.af-language-labels {
        display: none !important;
    }
    
    .af-language-label-mobile {
        display: block;
        position: absolute;
        top: 20px;
        left: 0;
        width: 100%;
        font-weight: bold;
    }
    
    .ui.table:not(.unstackable) tr > td.af-lang-radio-td {
        display: inline-block !important;
        float: left;
        position: relative;
        padding-top: 45px !important;
        width: 20% !important;
    }
    
    td.af-lang-radio-td.af-lang-radio-start {
        clear: both;
    }
    
    tr.af-language-row .fields {
        flex-wrap: nowrap !important;
    }
    
    tr.af-language-row .fields .three.wide.field {
        max-width: 60px !important;
    }
    
    
    .ui.table:not(.unstackable) tr.af-language-numbers {
        display: none !important;
    }
    
    td.af-lang-radio-td input.hidden + label:before {
        content: '1';
        color: #000;
        font-size: 16px;
    }
    
    
    tr.af-language-row {
        clear: both;
    }
    
    td.af-lang-radio-td .ui.radio.checkbox:before {
        content: '5';
        font-size: 30px;
        position: absolute;
        z-index: 1;
        line-height: 40px;
        width: 40px;
        left: 0;
        color: #e6e6e6;
    }
    
    td.af-lang-radio-td .ui.radio.checkbox input:checked~.box:after,
    td.af-lang-radio-td .ui.radio.checkbox input:checked~label:after,
    td.af-lang-radio-td .ui.radio.checkbox .box:after,
    td.af-lang-radio-td .ui.radio.checkbox label:after {
        z-index: 2;
    }
    
    tr.af-language-row td.af-lang-radio-td:nth-child(3) .ui.radio.checkbox:before,
    tr.af-language-row td.af-lang-radio-td:nth-child(8) .ui.radio.checkbox:before,
    tr.af-language-row td.af-lang-radio-td:nth-child(13) .ui.radio.checkbox:before {
        content: '1';
    }
    
    tr.af-language-row td.af-lang-radio-td:nth-child(4) .ui.radio.checkbox:before,
    tr.af-language-row td.af-lang-radio-td:nth-child(9) .ui.radio.checkbox:before,
    tr.af-language-row td.af-lang-radio-td:nth-child(14) .ui.radio.checkbox:before {
        content: '2';
    }
    
    tr.af-language-row td.af-lang-radio-td:nth-child(5) .ui.radio.checkbox:before,
    tr.af-language-row td.af-lang-radio-td:nth-child(10) .ui.radio.checkbox:before,
    tr.af-language-row td.af-lang-radio-td:nth-child(15) .ui.radio.checkbox:before {
        content: '3';
    }
    
    tr.af-language-row td.af-lang-radio-td:nth-child(6) .ui.radio.checkbox:before,
    tr.af-language-row td.af-lang-radio-td:nth-child(11) .ui.radio.checkbox:before,
    tr.af-language-row td.af-lang-radio-td:nth-child(16) .ui.radio.checkbox:before {
        content: '4';
    }

    .sjj-header {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .sjj-header-content {
        width: 100%;
        border-left: none;
        margin-left: 0;
        padding-right: 10px;
    }
    
    .sj-job-facilities {
    }
    
    .sjj-number-vacancies {
        margin-right: auto;
    }
    
    .ui.segment.sjj-job-details > h2.ui.header.pull-left {
        width: 100%;
    }
    
    .ui.segment.sjj-job-details .ui.horizontal.list.pull-right i.big.map.marker.alternate.middle.aligned.icon {
        display: none;
    }
    
    .ui.segment.sjj-job-details .ui.horizontal.list.pull-right {
        width: 100%;
        text-align: center;
    }

    .inline.fields.block-on-mobile > .field {
        width: 100%;
        margin-bottom: 5px !important;
    }

    b.unpaid-note {
        float: initial;
    }
    
    b.unpaid-note:before, b.unpaid-note:after {
        content: '';
        display: block;
        clear: both;
        margin-top: 10px;
    }
    
    b.unpaid-note + .button {
        float: initial !important;
    }
    
    .ui.table.company-job-list thead {
        display: none !important;
    }
}

@media screen and (max-width: 700px){
    .lrs-area {
        left: 0;
        margin-left: 0;
    }

    .lrs-area > div {
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: center;
        border: none;
    }
    
    .lrs-button {
        margin-right: 10px;
        margin-left: 10px;
    }

    img.lrs-image {
        display: none;
    }
    
    .lrs-company .lrs-register img.lrs-image-right,
    .lrs-company .lrs-login img.lrs-image-left,
    .lrs-candidate .lrs-register img.lrs-image-right,
    .lrs-candidate .lrs-login img.lrs-image-left {
        display: inline-block;
    }
    
    .lrs-candidate .lrs-register span,
    .lrs-company .lrs-register span {
        margin-left: 0;
        margin-right: -15px;
        padding-left: 10px;
        padding-right: 20px;
    }
    
    .lrs-candidate .lrs-login span,
    .lrs-company .lrs-login span {
        margin-right: 0;
        margin-left: -15px;
        padding-right: 10px;
        padding-left: 20px;
    }

}

@media screen and (max-width: 600px){
    .brand img {
        max-width: 150px;
    }
    
    header.header, header.header > .ui.container,
    header a.brand:before,
    .homepage header a.brand:before {
        height: 76px;
    }
    
    div#top {
        padding-top: 76px;
    }

    header.header > .ui.container:after {
        left: 149px;
    }

    .menu-top {
        top: 18px;
    }

    .sj-job-in-list {
        width: 50% !important;
    }

    div.acymailing_form > p {
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    
    .acymailing_module_form div.acymailing_form {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .acymailing_module .acymailing_module_form {
        padding-bottom: 5px !important;
    }
    .sj-searchfilter {
        flex-wrap: wrap;
    }
    
    .sjsf-header {
        width: 100%;
        padding: 10px 20px;
    }
    
    .sjsf-header div {
        display: inline-block;
    }
    
    .sjsf-search-area .ui.input {
        width: 100%;
    }
    
    .sjsf-button {
        width: 100%;
        height: 42px;
        line-height: 40px;
    }

    .pk-amount-selector,
    .pk-name-selector,
    .pk-price-result,
    .pk-price-btn {
        width: 100% !important;
        border-radius: 0 !important;
        max-width: initial;
    }
    
    .pk-buy-area .ui.action.right.labeled.input {
        display: block;
    }

    .segment.candidate-cvs-actions .inline .button {
        display: block !important;
        width: 100% !important;
        margin-bottom: 5px !important;
    }
}

@media screen and (max-width: 500px){
    .cvupload-btn, .cvcreate-btn, .sendcv-btn {
        width: 100%;
        margin: 0 !important;
        margin-top: 5px !important;
    }

    .lrs-area {
        position: relative;
        bottom: initial;
        background: #003399;
        padding: 20px;
        padding-top: 15px;
        padding-bottom: 30px;
    }
    
    .lrs-button span {
        background: #FFF;
        color: #000;
        text-shadow: initial;
        width: calc(100% - 30px);
        margin: 0 !important;
        padding: 10px !important;
        text-align: left;
        padding-left: 40px !important;
    }
    
    .lrs-button {
        display: block;
        position: relative;
        text-align: right;
        margin: 0;
        margin-top: 7px;
    }
    
    img.lrs-image {
        position: absolute;
        top: -10px;
        left: 0;
        pointer-events: none;
    }
    
    img.lrs-image.lrs-image-right {
        left: initial;
        right: -7px;
    }
    
    .lrs-button.lrs-register span {
        text-align: right;
        padding-right: 40px !important;
    }
    
    .lrs-button.lrs-register {
        text-align: left;
    }
    
    .lrs-button:hover span {
        background: #1f7b8f;
        color: #ffffff;
    }
}

@media screen and (max-width: 400px){
    .sj-job-in-list {
        width: 100% !important;
    }
}















@media screen and (max-width: 1640px){
    .header-search.pull-right {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1600px){
    .header-search.pull-right {
        margin-right: 40px;
    }
}

@media screen and (max-width: 1560px){
    .header-search.pull-right {
        margin-right: 60px;
    }
}

@media screen and (max-width: 1520px){
    .header-search.pull-right {
        margin-right: 80px;
    }
}

@media screen and (max-width: 1480px){
    .header-search.pull-right {
        margin-right: 100px;
    }
}

@media screen and (max-width: 1440px){
    .header-search.pull-right {
        margin-right: 120px;
    }
}

@media screen and (max-width: 1400px){
    .header-search.pull-right {
        margin-right: 140px;
    }

    .header-socials {
        display: none;
    }
}

@media screen and (max-width: 1360px){
    .header-search.pull-right {
        margin-right: 160px;
    }
}

@media screen and (max-width: 1320px){
    .header-search.pull-right {
        margin-right: 180px;
    }
}

@media screen and (max-width: 1280px){
    .header-search.pull-right {
        float: left !important;
        margin-left: 10px;
        margin-right: 0px;
    }
}

@media screen and (max-width: 991px){
    .homepage header a.brand:after {
        display: none;
    }

    .header-socials {
        display: block;
        position: initial;
    }

    .menu-top ul.nav.menu > li a.dtm-icon:before {
        left: 5px;
        top: 5px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        background: initial !important;
        border: none !important;
        box-shadow: none !important;
        color: #FFF;
    }

    .menu-top ul.nav.menu > li a.dtm-icon {
        margin-left: 0;
        border: none;
        border-radius: 0;
    }

    .menu-top .reg-menu ul.nav.menu > li a {
        border: none;
        border-radius: 0;
        padding: 10px 10px;
    }

    a.sj-company-menuitem {
        padding: 10px 10px;
    }
}