﻿@media only screen and (min-width: 1200px) {
    .container {
        width: calc(100% - 20%);
        max-width: calc(100% - 20%);
        margin-left: 0;
        margin-right: 0;
        display: block;
        margin: 0 auto;
    }

    .padding-left {
        padding-left: 5%;
    }

    .padding-right {
        padding-right: 5%;
    }

    .slider-title, .slider-button {
        right: 10%;
    }

    .fixed-search-button {
        width: 20%;
    }

    .job-detail-container .detail-description .sub-title {
        border-bottom: 1px solid #afafaf;
        padding-bottom: 5px;
    }

    .col-lg-5ths {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media only screen and (min-width:1440px) {
    .container {
        width: calc(100% - 20%);
        max-width: calc(100% - 20%);
        margin-left: 0;
        margin-right: 0;
        display: block;
        margin: 0 auto;
    }

    .padding-left {
        padding-left: 10%;
    }

    .padding-right {
        padding-right: 10%;
    }

    .slider-title, .slider-button {
        right: 10%;
    }

    .fixed-search-button {
        width: 15%;
    }
}

@media only screen and (max-width:1365px) {
    .user-dashboard-content {
        padding-right: 30px;
    }
}

@media only screen and (max-width:1199px) {
    .page-blog .container {
        width: 100%;
        max-width: 100%;
        padding: 0 30px;
    }

    .dashboard-box .count, .dashboard-box .description {
        font-size: 16px;
    }

    .container.register-success {
        width: 100%;
        max-width: 100%;
        margin: 30px 0;
    }

    .doping-item .content .radio-item label, .doping-item .content .radio-item span {
        min-width: auto;
    }

    .slider-title {
        text-align: left;
    }

    .fancybox-container {
        z-index: 999999999999;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    header .header .padding-right {
        padding-right: 4%;
    }

    header .header .padding-left {
        padding-left: 4%;
    }

    header .top-menus li:not(.dropdown-menu-container) a {
        font-size: 12px;
    }

    header .top-menus li {
        margin-left: 20px;
    }

    .col-lg-5ths {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media only screen and (max-width:991px) {

    .mobile-menu, .menu-left-button-content {
        display: block;
    }

    .hidden-md, .mobile-left-menu-container, .gallery-list {
        display: none;
    }

    .index-column {
        margin-left: 0;
        margin-right: 0;
    }

    .home-padding {
        padding: 30px 15px 0 15px;
    }

    .container {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .search-page-categories .category-link:nth-child(2) .search-category {
        margin-right: 0;
    }

    .menu-left-button {
        background: rgba(147, 193, 44, 0.8);
        border-radius: 4px;
        text-align: center;
        color: #fff !important;
        display: block;
        padding: 20px 0;
        font-size: 14px;
        line-height: 17px;
        font-family: Montserrat-Bold;
        cursor: pointer;
    }

    #rekGoesHere {
        display: none;
    }

    .menu-left-button-content {
        margin-top: 36px;
    }

    .mobile-left-menu-container {
        padding-left: 15px;
        margin: 0 15px;
    }

    .left-menu-desktop {
        padding-top: 0;
    }

    .content-left-menu-desktop {
        padding-top: 20px;
    }

        .content-left-menu-desktop .user-dashboard-menu {
            padding-bottom: 25px !important;
            margin-bottom: 0;
        }

    .user-notification-content, .user-message-content {
        padding-right: 15px;
    }

    .user-job-content, .user-send-message-content {
        padding-left: 30px;
        padding-right: 30px;
    }

    .user-personal-info-content {
        padding: 30px;
    }

        .user-personal-info-content.padding15 {
            padding: 30px 15px;
        }

    .job-detail .left-user-card {
        width: 75%;
        margin-bottom: 20px !important;
    }

        .job-detail .left-user-card .offer, .job-detail .left-user-card .save, .job-detail .left-user-card .message {
            display: inline-block;
            margin: 0 10px;
        }

    .fixed-search-button {
        position: relative;
    }

    .min-height-750 {
        min-height: initial;
    }

    .showcase-list .content-left-menu-desktop {
        display: none;
    }

    .page-blog-detail .right {
        margin-bottom: 40px;
    }

        .page-blog-detail .right .blog-item {
            float: left;
            width: 33.3333333%;
        }

    .mobile-logout {
        display: block;
        margin-top: 30px;
    }

        .mobile-logout a {
            display: block;
            margin: 0 auto;
            width: 150px;
            text-align: center;
            color: #EB5757;
            font-family: Montserrat-Medium;
        }

    .user-dashboard-content {
        margin-bottom: 30px;
        padding-right: 30px;
    }

        .user-dashboard-content .height-49 {
            margin-top: 20px;
            margin-bottom: 0;
        }

    .dashboard-box .count, .dashboard-box .description {
        font-size: 18px;
    }

    .detail {
        padding-top: 15px;
        background: #e0dddd;
        position: relative;
    }

    .Properties {
        margin-top: 20px;
    }

    .detail-description {
        border-bottom: 1px solid #D5D5D5;
    }

        .detail-description .sub-title {
            border-bottom: 1px solid #D5D5D5;
            padding-bottom: 6px;
        }

    .tablet-show {
        display: block;
    }

    .job-details .content-left-menu-desktop {
        display: none;
    }

    .user-profile-container .mobile-seller {
        border-top: 1px solid #D5D5D5;
        padding-top: 40px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .user-profile-container .left-user-card {
        width: auto;
        padding-bottom: 0 !important;
    }

        .user-profile-container .left-user-card .message,
        .user-profile-container .left-user-card .report-button,
        .user-profile-container .left-user-card .offer,
        .user-profile-container .left-user-card .save,
        .user-profile-container .left-user-card .message {
            display: block;
            margin-left: 0;
            margin-right: 0;
        }

        .user-profile-container .left-user-card .save,
        .user-profile-container .left-user-card .message {
            margin-top: 10px;
        }

    .product-container .items:nth-child(6n) {
        padding-right: 8px;
    }

    .job-detail-container h1 {
        font-size: 22px;
    }

    .create-mt {
        margin-top: 15px;
    }

    footer {
        margin-bottom: 60px;
    }

    .mobile-job-no {
        display: table-row;
    }

    .job-details .job-no {
        display: none;
    }

    .section-help .right .help-img {
        height: 350px !important;
    }

    .cookieBar {
        bottom: 60px;
        z-index: 3;
        min-height: 115px;
    }

    .detail .owl-theme .owl-controls .owl-page span {
        background: none repeat scroll 0 0 #fff;
    }

    .detail .owl-theme .owl-controls .owl-page.active span {
        background: none repeat scroll 0 0 #9BC134;
    }

    .job-detail-content .big-picture.owl {
        background-position: center !important
    }

    .job-detail-columns {
        margin-left: 0;
        margin-right: 0;
    }

    .job-detail-container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .top-row {
        padding-left: 0;
        padding-right: 0;
    }

    .mobile-breadcrumb {
        display: block;
    }

    .vitrin {
    }

        .vitrin .product-container, .vitrin .product-container .tab-content-container {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
}

@media only screen and (max-width:767px) {
    .user-dashboard-content {
        padding: 90px 30px 60px 30px;
    }

    .user-dashboard-page .user-card {
        margin-bottom: 20px;
    }

    .user-dashboard-content .height-49 {
        height: auto;
    }

        .user-dashboard-content .height-49 .height-100 {
            margin-bottom: 20px;
        }



    .forgot-pass {
        padding: 0 15px;
    }

    .search-page-categories .search-category {
        margin-right: 25px;
    }

    .page-top-doping {
        padding-bottom: 35px;
        padding-top: 35px;
        background-size: cover !important;
    }

        .page-top-doping .title {
            margin-bottom: 30px;
            font-size: 26px;
            line-height: 30px;
        }

        .page-top-doping .row {
            margin-left: 0;
            margin-right: 0;
        }

    .page-top-doping-step-four {
        padding-bottom: 35px;
        padding-top: 35px;
    }

        .page-top-doping-step-four .title {
            margin-bottom: 30px;
            font-size: 26px;
            line-height: 30px;
        }

        .page-top-doping-step-four .row {
            margin-left: 0;
            margin-right: 0;
        }

    .doping-price-list-table thead tr th {
        font-size: 15px;
        padding: 18px 0;
        margin-bottom: 0;
    }

    .doping-price-list-table tbody span {
        font-size: 12px;
    }

    .doping-price-list-table tbody img {
        width: 24px;
    }

    .doping-price-list-table .price {
        font-size: 18px;
        line-height: 38px;
        margin-bottom: 0;
    }

    .doping-price-list-table .old-price {
        font-size: 16px;
        line-height: 38px;
    }

    .doping-price-list-table tbody tr td {
        padding: 18px 0;
    }

        .doping-price-list-table tbody tr td:nth-child(1), .doping-price-list-table tbody tr td:nth-child(2), .doping-price-list-table tbody tr td:nth-child(3), .doping-price-list-table tbody tr td:nth-child(4), .doping-price-list-table thead tr th:nth-child(1), .doping-price-list-table thead tr th:nth-child(2), .doping-price-list-table thead tr th:nth-child(3), .doping-price-list-table thead tr th:nth-child(4) {
            width: 25%;
        }

        .doping-price-list-table tbody tr td:nth-child(5), .doping-price-list-table thead tr th:nth-child(5) {
            display: none;
        }

        .doping-price-list-table thead tr th:nth-child(4), .doping-price-list-table tbody tr td:nth-child(4) {
            border-right: 0;
        }

    .page-top-blog {
        padding-bottom: 40px;
        padding-top: 40px;
        background-position: center !important;
        background-size: cover !important;
    }

        .page-top-blog .title {
            font-size: 26px;
            line-height: 34px;
        }

        .page-top-blog .description {
            font-weight: 500;
            font-size: 15px;
            line-height: 19px;
            margin-bottom: 25px;
        }

    .doping-page-menu .menu-list li {
        margin-right: 10px;
    }

    .personal-info-container {
        padding: 0px 0 57px 0;
    }

    .user-personal-info-content .content {
        padding: 0 30px;
    }

    .user-personal-info-content .user-card {
        padding: 25px 0;
    }

    .doping-item {
        margin-bottom: 20px;
    }

    .justify-content-center .doping-item:last-child {
        margin-bottom: 0;
    }

    .page-about-bg img {
        margin-top: 20px;
    }

    .page-about-bg.no img {
        margin-bottom: 20px;
    }

    .contracts {
        padding: 40px 25px !important;
    }

    .footer-logo-content, .footer-item {
        text-align: center;
        margin-bottom: 20px;
    }

    .section-help .right .content p {
        font-size: 14px;
        line-height: 20px;
    }
    
}

@media only screen and (max-width:600px) {
    .search-page-categories .search-category {
        display: block;
        float: none;
        margin-bottom: 25px;
        margin-right: 0;
    }

    .page-top-doping .row, .doping-page-menu {
        display: none;
    }

    .page-top-doping-step-four .row .doping-page-top-step-four-item:nth-child(1) .top-item-step-four {
        float: none;
        margin-bottom: 5px;
    }

    .page-top-doping-step-four .row .doping-page-top-step-four-item:nth-child(3) .top-item-step-four {
        float: none;
        margin-top: 5px;
    }

    .job-detail-content .sub-title {
        font-size: 18px;
    }

    .doping-text {
        padding: 40px 25px;
    }

        .doping-text .row .doping-text-column:first-child {
            margin-bottom: 20px;
        }

    .doping-page-item {
        padding-top: 60px;
    }

        .doping-page-item.bg {
            padding-top: 60px;
            padding-bottom: 20px;
        }

            .doping-page-item.bg .column img, .doping-page-item.bg .column .title {
                margin-top: 30px;
            }

    .secure-payment-registerbtn--mobile {
        padding: 16px 36px;
        background: #A6CA53;
        border-radius: 4px;
    }
    .secure-payment-registerbtn {
        padding: unset;
        background: unset;
        border-radius: unset;
    }

    .doping-price-list-table tbody img {
        display: none;
    }

    .doping-price-list-table tbody span {
        top: 0;
        left: 0;
        line-height: 12px;
    }

    .doping-page-full-width-item iframe {
        width: 100%;
    }

    .user-message-content .table-div-header, .user-notification-content .table-div-header, .history-table .table-div-header {
        display: none;
    }

    .table-div-item .text-right {
        position: absolute;
        right: 0;
    }

    .table-div-item p {
        margin-bottom: 4px;
    }

        .table-div-item p.message-name {
            font-family: montserrat-bold;
        }

    .reportConversation {
        cursor: pointer;
        margin-bottom: 15px;
        display: block;
    }

    .table-div-item .text-right a {
        margin-right: 0;
    }

    .slider-button {
        display: none;
    }

    .page-blog-detail .right .blog-item {
        width: 50%;
    }

    .register-success-container .personal-info-input-row .personal-edit-button {
        padding: 10px 20px;
    }

        .register-success-container .personal-info-input-row .personal-edit-button:nth-child(2) {
            margin-right: 0 !important;
            margin-left: 20px !important;
        }

    .file-name {
        max-width: 230px;
        overflow: hidden;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .cks-table .view {
        margin-right: 0;
        cursor: pointer;
        float: right;
    }

    .advert-counts {
        margin-top: 30px;
        margin-bottom: 15px;
    }

    .select-doping-content ul {
        display: block;
        width: 100%;
    }

        .select-doping-content ul li {
            float: none;
            display: block;
            margin-bottom: 10px;
            padding-left: 20px;
        }

            .select-doping-content ul li:after {
                display: none;
            }

    .select-doping-content p {
        padding-left: 20px;
    }

    .user-profile-container .mobile-seller {
        padding-left: 25px;
        padding-right: 25px;
        margin-left: 0;
        margin-right: 0;
    }

    .job-detail-container h1 {
        font-family: Montserrat-Bold;
    }

    .page-top-about .buttons .button:first-child {
        margin-right: 25px;
    }

    #DopingVideoIframe {
        width: 100%;
    }

    .advert-offers-top li a {
        padding-right: 0;
        width: 100%;
        margin-bottom: 15px;
    }

    .job-detail-container .job-detail-breadcrumb ul li a {
        color: #848383;
        font-family: Montserrat-Regular;
        text-transform: uppercase;
        font-size: 13px;
    }
    .top-img {
        height: 150px;
    }
}

@media only screen and (max-width:480px) {
    .product-container .items:nth-child(6n) {
        padding-right: 8px;
    }

    header .form-group-search {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 0;
    }

    .page-top {
        height: 210px;
        background-position: center !important;
        background-size: cover !important;
    }

        .page-top .content {
            padding: 30px 0;
        }

            .page-top .content .title {
                font-size: 19px;
            }

            .page-top .content .description {
                font-size: 13px;
            }

    .slider-item {
        background-size: cover !important;
        height: 200px;
        padding: 50px 35px;
    }

    .slider-title {
        font-size: 34px;
        width: 100%;
    }



    .login-container, .register-container {
        width: 100%;
        padding: 40px;
        margin: 60px auto 60px;
    }

    .product-container .tab-content-container .items:nth-child(2n) {
        padding-right: 0;
    }

    .doping-price-list-table .price {
        font-size: 16px;
        line-height: 55px;
        margin-bottom: 0;
    }

    .doping-price-list-table .old-price {
        font-size: 14px;
    }

    .page-blog-detail .right .blog-item {
        width: 100%;
        float: none;
    }

    .offer-list-row {
        padding: 27px 15px;
    }

        .offer-list-row .div-img {
            float: none;
            display: block;
            margin: 0 auto;
        }

        .offer-list-row .namesurname {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
        }

    .register-success-container {
        padding: 50px 25px;
    }

        .register-success-container .personal-info-input-row .personal-edit-button {
            padding: 10px 15px;
            font-size: 14px;
        }

    .facebook-connected, .facebook-not-connected {
        display: block;
        width: 220px;
        text-align: center;
        margin: 0 auto;
        margin-top: 20px;
    }

    .personal-info-input-row .personal-edit-button {
        display: block;
        width: 220px;
        text-align: center;
        margin: 0 auto;
        margin-top: 20px;
    }

    #CancelMySubscription {
        padding: 10px 20px;
    }

    .file-name {
        max-width: 185px;
    }

    .new-list-header {
        display: none;
    }

    .mobile-show {
        display: block;
    }

    .mobile-hide {
        display: none;
    }

    .job-list-item-container .job-list-item-content .job-price {
        top: 0;
        transform: none;
        margin-top: 15px;
        text-align: right;
        padding-right: 25px;
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .job-list-item-container .job-list-item-doping .item {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .job-detail-content .big-picture.owl {
        height: 350px;
    }

    .mobile-seller .mobile-seller-button {
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .doping-container #buttonContent {
        text-align: center;
    }

        .doping-container #buttonContent .back-buton {
            margin-right: 0;
        }

    .user-profile-container .mobile-seller .mobile-seller-button {
        margin-bottom: 0 !important;
    }

    #SaveDraft, #SaveStep2, #SaveStep3, .last-step-button {
        padding: 10px;
    }

    .create-job-container .personal-info-input-row {
        height: auto;
    }

    .photo-upload-message p:after {
        bottom: 25px;
    }

    .cookieBar .cookieBar__text {
        display: inline-block;
        max-width: 100%;
    }

    .cookieBar .cookieBar_button {
        margin-top: 15px;
    }

    .job-preview .min-picture {
        display: none;
    }

    .job-preview .big-picture {
        width: 100%;
        height: 300px;
    }

    .page-top-about {
        padding-bottom: 50px;
        padding-top: 50px;
    }

        .page-top-about .title {
            font-size: 30px;
            line-height: 35px;
            margin-bottom: 55px;
        }

        .page-top-about .buttons .button:first-child {
            margin-right: auto;
        }

        .page-top-about .buttons .button {
            display: block;
            width: 250px;
            margin: 0 auto;
            margin-bottom: 20px;
        }

    .modal-dialog {
        margin-left: 0;
        margin-right: 40px;
    }

    .page-top-about .buttons .button:nth-child(2) {
        margin-bottom: 0;
    }

    .create-job-categories {
        overflow: hidden;
        display: block !important;
    }

    .create-job-container .create-job-categories .container-item {
        margin-bottom: 20px;
    }

    .job-list-item-container .doping-icon-list {
        position: absolute;
        left: 15px;
        top: -2px;
        cursor: pointer;
        z-index: 3;
    }

    #DopingVideoIframe {
        height: 215px !important;
    }

    .advert-offer-list .namesurname {
        padding-left: 15px;
        padding-right: 15px;
        display: inline-block;
        width: calc(100% - 100px);
    }

    .advert-offer-list .user-image {
        float: left;
    }

    .modal.error .modal-content, .modal.success .modal-content, .phone-modal .modal-content, .modal.question .modal-content {
        padding: 20px;
    }

        .modal.error .modal-content .modal-header, .modal.success .modal-content .modal-header, .phone-modal .modal-content .modal-header, .modal.question .modal-content .modal-header {
            padding: 0 2rem;
        }

        .modal.error .modal-content .modal-body, .modal.success .modal-content .modal-body, .phone-modal .modal-content .modal-body, .modal.question .modal-content .modal-body {
            margin-bottom: 0;
        }

    .section-help .right .help-img {
        height: 225px !important;
    }

    .register-success .personal-info-input-row {
        height: auto;
    }

    .register-success-container .personal-info-input-row .personal-edit-button:nth-child(2) {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .card-wrapper {
        margin-bottom: 20px;
    }

    .jp-card-container {
        margin-left: -10px !important;
    }

    .cookieBar {
        min-height: 180px;
    }

    .ConversationList .profile-picture {
        margin: 5px 0 5px 5px;
    }

    .modal.error .modal-dialog, .modal.success .modal-dialog, .phone-modal .modal-dialog, .modal.question .modal-dialog {
        top: 30%;
        transform: translateY(-30%) !important;
        margin-right: 0;
    }

    .modal-backdrop {
        width: 100%;
    }

    .modal {
        padding: 0 15px !important;
    }

        .modal .create-job-form-row {
            margin-top: 10px;
        }

        .modal .cancel-button {
            margin-top: 15px;
        }

    .offer textarea, .report textarea {
        height: 85px;
    }

    .create-job-container .last-step-button {
        width: auto;
        padding: 10px 5px;
    }

    .create-job-container .text-right {
        text-align: center !important;
    }

    .create-job-container .select2.Setted {
        margin-top: 10px;
    }

    .create-job-container .select2 .form-group {
        margin-bottom: 0;
    }

    .create-job-form-row {
        margin-top: 10px;
    }

    .create-job-container .create-mt .select2.Setted {
        margin-top: 0;
    }

    .SettingsPhoneInput .select2-container {
        width: 80px !important;
        float: left;
    }

    .SettingsPhoneInput .MoneyFormatChangeDiv {
        width: 80px !important;
        float: left;
        display: inline-block;
    }

    .SettingsPhoneInput .PhoneInputMask {
        float: left;
        display: inline-block;
        flex: none;
        width: calc(100% - 80px);
    }

    .mobile-rek, .mobile-rek .gallery-list {
        display: block !important;
    }

        .mobile-rek .gallery-list {
            display: block;
            margin: 0 auto;
        }

            .mobile-rek .gallery-list img {
                width: auto !important;
                display: block;
                margin: 0 auto;
            }

    .section-not-found {
        width: 100%;
        padding: 0 15px;
    }

        .section-not-found img {
        }

        .section-not-found .content-title {
            font-size: 28px;
            line-height: 32px;
            margin-top: 24px;
        }

        .section-not-found .description {
            font-size: 16px;
            line-height: 20px;
            margin-top: 24px;
        }

        .section-not-found .button {
            margin-top: 24px;
        }

    .section-download-app {
        width: 100%;
        padding: 0 15px;
    }
}
