@charset "utf-8";
/* CSS Document */
@media (max-width: 1440px) {
    .header {
        padding: 17px 15px;
    }
}
@media (min-width: 1280px) {    
    .browse-list-price-btn.job-right-price{
        width: 32%;
        word-break: break-all;
        height: 180px;
        position: relative;
    }
}
@media (max-width: 1280px) {
    .page-height{
        min-height: auto;
    }
    .created-event-freelancer-section .cfs-content, .how-it-works-banner-section .cfs-content, .contact-banner-section .cfs-content, .browse-banner .cfs-content {
        padding: 0px 20px;
    }

    .logo {
        padding: 6px;
        display: inline-block;
        width: 180px;
    }

    .login-page {
        padding: 0px;
    }

    .menu li {
        padding: 0px 10px;
    }

    .menu li a {
        font-size: 14px;
    }

    .login-btn {
        margin-left: 10px;
    }

    .common-btn {
        line-height: 38px;
        min-height: 38px;
       /* min-width: 130px;*/
    }

    .search-freelancers-btn, .create-event-payment-section .create-event-btn {
        min-width: 200px;
    }

    .search-freelancers-btn {
        margin-top: 20px;
    }

    .how-it-works-box, .how-it-works-active-box {
        min-height: 680px;
    }

    .browse-section-result .browse-view-btn {
        margin-top: 10px;
    }

    .browse-view-btn {
        margin-top: 10px;
    }

    .browse-rating {
        margin-top: 10px;
    }

    .event-pic img {
        max-height: 200px;
        object-fit: cover;
    }
    .browse-list-price-btn.job-right-price{
        width: 22%;
        word-break: break-all;
    }
}
@media (min-width: 1025px) and (max-width: 1280px) {
    .mene-center-box {
        width: auto;
    }
}
@media (min-width: 1024px) and (max-width: 1150px) {
    .testimonials-section .container {
        max-width: 920px;
    }

    .testimonials-section .slick-prev {
        left: -50px;
    }

    .testimonials-section .slick-next {
        right: -50px;
    }

    .ag-fr-form #experience-level .btn-default.btn-on, .ag-fr-form #experience-level .btn-default.btn-off {
        min-width: 220px;
        margin-right: 15px;
    }
    .ag-fr-form #experience-level .btn-default.btn-on{
        min-width: 200px;
    }
}
@media (max-width: 1024px) {
    .container {
        max-width: 100%;
    }
    .banner-content form{
        bottom: 0px;
    }
    .testimonials-section .testimonial-content {
        width: calc(100%);
        width: -webkit-calc(100%);
        width: -o-calc(100%);
        width: -moz-calc(100%);
        width: -ms-calc(100%);
        padding: 15px;
        height: auto;
    }
    .testimonials-section .testimonial-img {
        float: none;
        margin: 0 auto;
        width: 250px;
        height: 250px;
    }
    .responsive-nav .responsive-btn span:nth-child(1) {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        position: relative;
        bottom: -6px;
        left: 0;
    }
    .menu li a:after {
        display: block;
    }
    #magic-line {
        display: none !important;
    }
    .responsive-nav .responsive-btn span:nth-child(2) {
        opacity: 0;
    }
    .responsive-nav .responsive-btn span:nth-child(3) {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        position: relative;
        bottom: 8px;
        left: 0;
    }
    .responsive-btn {
        display: block;
    }
    .mene-center-box {
        display: block;
        position: fixed;
        height: 100%;
        left: -100%;
        top: 90px;
        background-color: rgba(0, 0, 0, 0.8);
        width: 250px;
        -webkit-transition: all 0.6s ease-out;
        -moz-transition: all 0.6s ease-out;
        -ms-transition: all 0.6s ease-out;
        -o-transition: all 0.6s ease-out;
        transition: all 0.6s ease-out;
        padding: 25px 0 90px 0;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .mene-center-box ul li {
        display: block;

    }
    .mene-center-box ul li a {
        color: #fff;
        padding: 12px 15px;
        display: inline-block;
    }
    .responsive-nav .mene-center-box {
        left: 0;
    }
    .mainmenu-right-box {
        width: calc(100% - 280px);
        width: -webkit-calc(100% - 280px);
        width: -moz-calc(100% - 280px);
        width: -o-calc(100% - 280px);
        width: -ms-calc(100% - 280px);
    }
    .footer-navigation ul {
        margin-bottom: 30px;
    }
    .common-heding {
        font-size: 36px;
    }
    .build-event-content {
        margin: 0;
    }
    .banner-content {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        min-height: 262px;
        width: 90%;
    }
    .created-event-freelancer-section, .how-it-works-banner-section, .contact-banner-section, .browse-banner {
        padding-left: 0px;
        height: auto;
        padding: 113px 0px;
    }
    .created-event-freelancer-section::after, .contact-banner-section::after, .how-it-works-banner-section::after {
        width: 100%;
        opacity: 0.1;
    }
    .browse-banner:after {
        width: 100%;
        opacity: 0.2;
    }   

    .agency-rating {
        float: left;
        margin: 15px 0 15px 0;
    }

    .mainmenu-right-box {
        margin-right: 70px;
    }

    .thanks-page {
        padding: 30px 0;
    }
    .modal-scroll{
        max-height: 400px;
        overflow-y: auto;
        padding: 0 15px;
    }
    .full-modal{
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 991px) {
    .padding-bottom-40{
        padding-bottom: 40px;
    }
    .fr-subscription-btn{
        float: none;
        margin: 10px 0;
    }
    .fr-messages h1{
        text-align: right;
        font-size: 18px;
    }
    .list-group{
        display: none;
    }
    .view-event-name{
        position: absolute;
        top: 0;
        right: 15px;
    }
    .view-event-rate{
        position: absolute;
        top: 25px;
        right: 15px;
    }
    .fr-profile-view{
        position: relative;
        top: 20px;
        text-align: right;
        float: none;
        z-index: 1;
    }
    #hired, #pending{
        margin-top: 25px;
    }
    .edit-btn-top{
        margin-top: 45px;
        margin-bottom: 10px;
    }
    .make_favourite, .make_unfavourite{
        position: absolute;
        top: 0px;
        right: 15px;
    }
    .move-price{
        position: absolute;
        top: 25px;
        right: 15px;
    }
    .hired-move{
        position: absolute;
        top: 50px;
        right: 15px;
    }
    .rate-btn-move{
        position: absolute;
        top: 80px;
        right: 15px;
    }
    .mob-hide{
        display: none;
    }
    .fr-pro-heading{
        font-size: 26px;
    }
    .testimonials-section .slick-next {
        right: 0px;
    }
    .testimonials-section .slick-prev{
        left: 0px;
    }
    .testimonial-slider .slick-list{
        margin: 0 50px;
    }
    .fr-subscription-box .fr-subscription-btn{
        float: right;
        margin: 0px;
    }
    .browse-ad{
        display: none;
    }
    .how-it-work-content {
        max-width: 370px;
        margin: 0 auto 50px;
    }

    .fr-dash-profile .like {
        margin-left: inherit;
    }

    .find-perfect-event-section ul li {
        width: 33.3333%;
    }

    .find-perfect-event-section ul li a span {
        font-size: 14px;
    }

    .build-event-dream-team-section::before, .build-event-dream-team-section::after {
        display: none;
    }
    .fr-price {
            float: left;
        }
        .fr-price-rating .fr-rating {
        margin: 0px;
        float: right;
    }
    .how-it-works-box {
        float: none;
        width: 100%;
        border: 3px solid #56565b;
        min-height: auto;
        margin-bottom: 30px;
    }
    .how-it-works-box:last-child{
        margin: 0 auto 30px auto;
    }
    .how-it-3-box{
        margin: 0 auto 30px auto;
    }
    .how-it-works-active-box {
        float: none;
        width: 100%;
        min-height: auto;
        margin: 0px;

    }
    .fr-price-rating {
        width: 100%;
        margin-top: 20px;
    }
    .browse-list-dp {
        float: left;
    }

    .browse-list-detail {
        width: 48%;
        float: left;
    }

    .browse-list-price-btn {
        margin-top: 10px;
    }

    .browse-view-btn {
        margin-top: 0px;
    }

    .browse-section-result .like {
        text-align: left;
    }

    .price-fr {
        width: 100%;
        float: none;
        clear: both;
    }

    .price-frplus {
        width: 100%;
        float: none;
        clear: both;
    }

    .price-right-border {
        border: none;
    }

    .btn-default.btn-on, .btn-default.btn-off {
        margin-bottom: 17px;
    }

    .fr-dash-profile .browse-cancle-btn {
        margin-top: 10px;
    }

    .fr-dash-profile .browse-view-btn {
        /*margin-top: 10px;*/
    }
    .fr-event{
        min-height: auto;
    }
    .agency-myprofile .fr-profile-view{
     margin-top: 7px;
    }
    .browse-list{
     margin-top: 30px;
    }
    .btn-small-device{
        position: relative;
        top: 30px;
    }
    .right-btn-space{
        margin: 10px 0 10px 10px;
    }
    .browse-list-price-btn {
        position: relative;
    }
    .fr-profile-view.job-board-toggle{
        top: 0px;
    }

    /* Browse page sticky form 27-08-2019 start */
    .browse-freelancer-form{
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
    }
    /* Browse page sticky form 27-08-2019 end */
}

@media (max-width: 767px) and (min-width: 390px) {
    .footer-navigation .col-sm-6 {
        width: 50%;
        float: left;
    }
}

@media (max-width: 767px) {
    footer .fadeInUp{
        animation-name: inherit;
    }
    footer .animated {
        animation-duration: unset;
        animation-fill-mode: none;
    }
    footer .col-sm-3{
        width: 50%;
        float: left;
    }
    footer .col-sm-3:nth-child(3n+0){
        clear: both;
    }
    .sow-modal .modal-body label, .sow-modal .modal-body strong{width: 49%; display: inline-block; vertical-align: top;}
    .sow-modal .modal-body .form-group{
        margin-bottom: 4px;
        border-bottom: 1px solid #eee;
    }
    select.classic-small{
        width: 100%;
    }
    .common-heding {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .common-section {
        padding: 25px 0px 50px 0;
    }

    .footer {
        padding-bottom: 100px;
    }

    .created-event-freelancer-section {
        padding: 50px 0px;
    }

    .how-it-works-banner-section {
        padding: 50px 0px;
    }

    .browse-banner {
        padding: 50px 0px;
    }

    .login-box {
        padding: 10px;
        width: 100%;
        border: none;
    }

    .sign-up-banner {
        height: 185px;
        width: 100%;
        display: table;
        padding: 0px;
    }

    .sign-up-banner .container-fluid {
        display: table-cell;
        vertical-align: middle;
    }

    .sign-up-banner h1 {
        font-size: 45px;
        font-weight: bold;
        color: #56565b;
        text-align: center;
    }

    .banner-content span {
        text-align: center;
        display: block;
        font-size: 16px;
    }

    .banner-content h1 {
        font-size: 22px;
        text-align: center;
    }

    .banner-content form {
        position: absolute;
        bottom: 0px;
    }

    .signup-box .checkbox label {
        padding-left: 5px;
        margin-right: 0px;
    }

    .check-signup input[type=checkbox] {
        position: absolute;
        left: 1px;
        top: 5px;
    }

    .agency-profile h1 {
        margin-top: 20px;
    }
    .search-not-found{
        display: block;
        margin: 30px 0 0 0;
        text-align: center;
    }
    .create-event-payment-section .select-payment li {
        margin: 0px 0px 30px 0px;
    }

    .create-event-payment-section .select-payment {
        margin-bottom: 20px;
    }

    .event-form-block {
        width: 100%;
    }

    .fr-messages .modal-dialog {
        width: auto;
    }

    .header {
        padding-left: 0;
        padding-right: 0;
    }
    .browse-list .text-right{
     text-align: left;
    }
    .browse-list-detail {
        width: 60%;
        float: left;
    }

    .browse-list-price-btn {
        margin-top: 10px;
        float: none;
        clear: both;
        position: unset;
    }
    .browse-price{
        text-align: left;
    }
    .browse-list-price-btn .browse-view-btn{
        margin-top: 10px;
    }
    .setting-delete{
        text-align: right;
        position: relative;
        top: 25px;
    }
    .ag-dash-profile{
        padding-top: 20px;
    }
    .alert{
        width: 94%;
        margin-right: 3%;
    }
    .fr-event-heading{
        font-size: 16px;
    }
    .top-minus{
        position: absolute;
        top: -45px;
        right: 15px;
    }
    .browse-list-price-btn.job-right-price{
        width: 100%;
    }
}

@media (max-width: 567px) {
    .view-pro-like{
        top: -40px;
    }
    .cont-label{
        line-height: 20px;
    }
    .fr-subscription-box .fr-subscription-btn{
        float: none;
        margin: 10px 0;
    }
        .sign-btn{    
            display: none;
    }
    .ag-fr-heading{
        float: none;
    }
    .relative-pos{
        position: relative;
    }
    .head-margin{
        margin-top: 25px;
    }
    .city-state-name{
        position: absolute;
        top: 25px;
    }
    .how-it-works-active-box h1, .how-it-works-box h1 {
        font-size: 28px;
        line-height: 80px;
    }

    .add-txt-box {
        margin-top: -10px;
    }
    .resume .add-txt-box{
        margin-top: -10px;
    }

    .ag-fr-form .txt-104 {
        width: 100%;
    }

    .how-it-works-box h2, .how-it-works-active-box h2 {
        font-size: 30px;
    }

    .how-fill-btn {
        margin-top: 20px;
    }

    .how-blank-btn {
        margin-top: 20px;
    }

    .how-it-works-active-box h1 i {
        font-size: 22px;
        position: inherit;
        margin: 0px;
    }

    .switch-field label {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    .before-login .mene-center-box {
        top: 86px;
    }
    .mene-center-box {
        top: 128px;
        padding-bottom: 128px;
    }
    .before-login .logo-left-box {
        width: 175px;
        text-align: center;
        margin-left: 42px;
    }
    .before-login .mainmenu-right-box{
        margin-top: 15px;
    }
    .logo-left-box {
        width: 100%;
        text-align: center;
       /* margin: 0 auto;
        float: none;*/
    }
    .mainmenu-right-box {
        width: calc(100%);
        width: -webkit-calc(100%);
        width: -moz-calc(100%);
        width: -o-calc(100%);
        width: -ms-calc(100%);
        padding: 0px;
    }
    .before-login .logo-left-box .logo img{
        width: 145px;
    }
    .mainmenu-right-box .pull-right {
        float: left;
    }
    .responsive-btn {
        left: 15px;
        top: 25px;
    }
    .before-login .responsive-btn {
        left: 15px;
        top: 24px;
    }
    .responsive-btn{
        width: 45px;
    }
    .content-vertical-align, .testimonial-name {
        text-align: center;
    }
    .find-perfect-event-section ul li {
        width: 50%;
    }
    .find-perfect-event-section ul li figure {
        width: 40px;
        height: 60px;
    }
    .find-perfect-event-section ul li a span {
        font-size: 12px;
    }
    .f-copyright ul li {
        margin: 0px;
        font-size: 14px;
    }
    .banner-content h1 {
        font-size: 26px;
        margin-bottom: 5px;
    }
    .banner-content span {
        font-size: 14px;
    }
    .banner-content form {
        margin-top: 5px;
        padding: 5px;
    }
    .banner-content input {
        font-size: 12px;
        padding: 5px;
        font-size: 12px;
        margin-top: 5px;
        width: calc(100% - 85px);
        width: -webkit-calc(100% - 85px);
        width: -moz-calc(100% - 85px);
        width: -o-calc(100% - 85px);
    }
    .banner-content button {
        line-height: 40px;
        min-height: 40px;
        min-width: 80px;
    }
    .signup-box {
        padding: 20px;
    }
    .browse-list {
        padding: 10px;
        margin-top: 0px;
    }
    .browse-list-detail {
        width: 100%;
        margin-top: 20px;
        margin-left: 0px;
    }
    .pricing-box-ag {
        border: 3px solid #cac8c8;
        padding: 30px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .event-heading{
        position: relative;
    }
    .event-heading:after {
        /*display: none;*/
        left: 0;
    }
    .agency-profile h1 {
        font-size: 24px;
        font-weight: bold;
        margin-top: 20px;
    }
    .agency-rating {
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .event-date {
        font-size: 16px;
        font-weight: bold;
        float: none;
    }
    .event-name {
        font-size: 18px;
        font-weight: bold;
        float: none;
    }
    .browse-section-result .pagination {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .page-link {
        padding: 8px 10px;
        margin: 0 3px 0 3px;
    }
    .resume .browse-list-detail {
        width: 100%;
    }
    .alert-warning {
        top: auto;
    }
    .invite-eve-name {
        float: none;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 0px;
        margin-top: 20px;
    }
    .invite-eve-date {
        float: none;
        font-size: 20px;
        font-weight: normal;
        margin-bottom: 20px;
    }
    .mainmenu-right-box {
        margin-right: 15px;
        float: right;
        width: auto;
        /*right: 30px;
        top: 30px;
        position: absolute;*/
    }
    .how-it-works-process-box {
        width: 100%;
        text-align: center;
    }
    .how-it-works-process img {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .how-it-works-process-txt {
        float: none;
        width: 100%;
    }
    .browse-section h2, .browse-section h1 {
        font-size: 28px;
    }
    .fr-profile-view.job-board-toggle{
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

@media (max-width: 450px) {
    .fr-eve-name-price {
        float: left;
        text-align: left;
    }
    .how-it-works-box p, .how-it-works-active-box p{
        padding: 20px 0;
        height: auto;
    }
    .how-it-works-active-box p:after, .how-it-works-box p:after{
        bottom: -5px;
    }
    .testimonial-slider .slick-list{
        margin: 0 20px;
    }
    .create-event-payment-section .ag-fr-form .checkbox label {
        font-size: 12px;
        padding-left: 10px;
    }
}

@media (max-width: 370px) {
    .chat-box {
        padding: 10px;
        height: 100px;
        margin-top: 10px;
        border-bottom: 1px solid #ddd;
    }

    .chat-box-date {
        float: right;
        font-weight: bold;
    }
    .fr-dash-profile .switch-field label{
        width: 95px;
        font-size: 14px;
    }
}

@media (max-height: 450px) {
    .banner-content span {
        display: none;
    }

    .mouse-icon {
        display: none;
    }

    .banner-content {
        min-height: 65%;
        width: 80%;
    }

    .banner-content h1 {
        font-size: 18px;
    }
    .mene-center-box{
        max-height: 350px;
        overflow-y: scroll;
        padding-bottom: 80px;
    }
}

/*Profile steps Start*/
@media (max-width: 1280px) {
    .profile-process {
        position: initial;
        margin-left: auto;
        margin-right: auto;
        width: 70%;
        text-align: center;
    }

    .responsive-tabs-container {
        margin-top: 50px;
    }
}

@media (max-width: 990px) {
    .profile-process-upload {
        width: 50%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }

    /*lightbox gallery start*/
    .how-fill-btn{
        position: inherit;
    }
  .demo-gallery{
        position: relative;
        margin-bottom: 40px;
    }
    .portfolio-tems-img{
        width: 100%;
    }
    .demo-gallery > ul > li a{
        width: 100%;
    }
    .upload-pic-btn{
        width: 50%;
        position: absolute;
        top: 170px;
    }
    .upload-pic-btn2{
        width: 50%;
        position: absolute;
        top: 170px;
        right: 0px;
    }
    .upload-pic-btn3{
        width: 50%;
        position: absolute;
        bottom: -25px;
    }
    .upload-pic-btn4{
        width: 50%;
        position: absolute;
        bottom: -25px;
        right: 0px;
    }
    .fr-delete-main{
        top: -35px;
        left: 0px;
    }
    .fr-delete1{
        top: 150px;
        left: 15px;
    }
    .fr-delete2{
        top: 150px;
        right: 15px;
    }
    .fr-delete3{
        bottom: 21px;
        left: 15px;
    }
    .fr-delete4{
        bottom: 21px;
        right: 15px;
    }
    .del-position .col-md-3{
        position: inherit;
    }
    /*lightbox gallery end*/
}

@media (max-width: 767px) {
    .responsive-tabs-container {
        max-width: 100%;
    }

    .login-process .main-login-form {
        padding: 15px;
    }

    .responsive-tabs-container.accordion-xs .nav-tabs {
        display: none;
    }

    .responsive-tabs-container.accordion-xs .accordion-link {
        display: block;
    }

    .login-process-left {
        float: none;
    }

    .login-process-form {
        float: none;
        width: 100%;
        margin-left: 0px;
    }

    #profile .fr-upload-btn {
        width: 175px;
    }

    .login-process-upload-pic {
        width: 175px;
    }

    .check-signup label::after {
        margin-left: 0px;
        position: absolute;
        left: 4px;
    }

    .action-madal .modal-dialog {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .receipt{
    margin-top: 130px;
  }
  .error-page-space{
    padding: 30px 0;
}
}

@media (min-width: 768px) {
    .modal-dialog {
        margin: 100px auto;
    }
    .browse-list-price-btn .browse-detail-heading {
        text-align: right;
        word-break: break-word;
    }
    .browse-list-price-btn .caps{
        text-align: right;
        word-break: break-word;   
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .responsive-tabs-container.accordion-sm .nav-tabs {
        display: none;
    }
    .responsive-tabs-container.accordion-sm .accordion-link {
        display: block;
    }
    #profile .fr-upload-btn {
        width: 175px;
    }
    .login-process-upload-pic {
        width: 175px;
    }
}

@media (min-width: 450px) and (max-width: 1024px) {
    .agency-event-slide img {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .responsive-tabs-container.accordion-md .nav-tabs {
        display: none;
    }

    .responsive-tabs-container.accordion-md .accordion-link {
        display: block;
    }
    .browse-list-dp{
        width: 150px;
    }
    .browse-list-dp img{
        width: 150px;
        height: 150px;
    }
    .browse-list-detail{
        width: 45%;
    }
    .fr-price-rating .fr-rating{
        margin-top: 30px;
    }

}

@media (min-width: 1200px) {
    .responsive-tabs-container.accordion-lg .nav-tabs {
        display: none;
    }

    .about-page {
       min-height: 800px;
    }

    .responsive-tabs-container.accordion-lg .accordion-link {
        display: block;
    }

    .fr-dash-profile {
        min-height: 710px;
    }

    .fr-messages {
        min-height: 710px;
    }
}

@media (max-width: 567px) {
    .home-header.fixed .logo-left-box{
        display: none;
    }
    .fr-profile-view{
        top: 30px;
        margin-top: -30px;
        text-align: left;
    }
    .fr-profile-view .ag-switch-field{
        text-align: center;
    }
    .browse-list-dp{
        float: none;
        width: 100%;
    }
    .browse-list-dp img{
        width: 100%;
        height: 100%;
    }
    .mob-left .browse-price{
        text-align: left;
    }
    .browse-section-result .browse-list-dp img{
        width: 180px;
    }
    .view-job-section .browse-list-dp{
        width: 180px;
    }
    .ag-fr-dp{
        width: 180px;
    }
    .fr-ag-toggle{
        top: auto;
        margin-top: 15px;
    }
    .fixed .mene-center-box{
        top: 72px;
    }
    .logo-show.fixed .mene-center-box{
        top: 85px;
    }
    .logo-show.fixed .logo-left-box{
        display: block;
    }
    .header.fixed .responsive-btn{
        top: 16px;
    }
    .logo-show.fixed .responsive-btn{
        top: 24px;
    }
    .profile-process-upload {
        width: 100%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: auto;
        margin-right: auto;
    }

    .testi-img {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .top-58{
        bottom: inherit;
    }
    .testi-description {
        float: none;
        width: 90%;
        margin: 0 auto;
    }
    .view-profile-img img{
    height: 150px;
}
.hr-line{
    width: 90%;
}
.fr-subscription-txt{
    width: 100%;
}
.innter-testimonial-img{
    float: none;
    width: 175px;
    height: 175px;
    margin-right: 25px;
}
.innter-testimonial-img img{
    object-fit: cover;
    height: 172px;
}
.innter-testimonial-txt{
    float: none;
    width: 100%;    
}
.browse-list{
    position: relative;
}
.fr-price-rating{
    position: relative;
    right: 10px;
    top: -80px;
    margin-bottom: -100px;
}
    .agency-profile .fr-price-rating{
        top: -58px;
    }
    .agency-profile .ag-fr-profile_rating{
        top: -20px;
        margin-bottom: -20px;
    }
.comp-name-margin{
    margin-bottom: 100px;
}
.price-move{
    position: absolute;
    left: 10px;
    top: 250px;
    float: left;
}
.price-move .browse-price{
    text-align: left;
}
.fr-profile-subheading{
    line-height: normal;
}
.fr-profile-smalltxt{
    line-height: normal;
}
.fr-price{
    float: none;
    text-align: right;
}
.browse-price{
    text-align: right;
    line-height: 20px;
}
.browse-list-price-btn .browse-price{
    text-align: left;
}
.search-fr-btn{
    text-align: left;
    clear: both;
}
.fr-profile-name{
    position: absolute;
    right: 10px;
    top: 30px;
    width: 150px;
    text-align: right;
}
.fr-profile-name.mob-same, .fr-price-rating.mob-same{
    position: inherit;
    text-align: left;
    top: inherit;
    right: inherit;
}
.mob-same .browse-price{
    text-align: left;
}
.custom-move{
    position: inherit;
    width: auto;
    text-align: left;
}
.fr-name-event{
    position: inherit;
    width: auto;
    text-align: left;
}
.fr-price-rating .fr-rating{
    float: none;
    text-align: right;
}
    .view-job-ag .price-move{
        position: unset;
        margin-bottom: 0px;
    }
    .ag-pub-pro-rate{
        position: static;
        margin: 0px;
    }
    .ag-pub-pro-rate .fr-rating{
        float: left;
        text-align: left;
    }
    .ag-pub-pro-rate .agency-rating-txt{
        text-align: left;
    }
    .ag-pub-pro-rate .star_big{
        transform: scale(0.6) translate(-52px, 0);
    }
}

/*Profile steps End*/

/*Error page START*/
@media (min-width: 767px) and (max-width: 1024px){
 .errorpage{
    position: absolute;
    top: 20%;
    left: 20%;
    color: #333;
    text-align: center;
    width: 60%;
    background-color: #fff;
    padding: 20px 20px 60px 20px;
    box-shadow: 0 30px 20px #aaa;
}
}

@media (min-width: 480px) and (max-width: 767px){
 .errorpage{
    position: absolute;
    top: 20%;
    left: 15%;
    color: #333;
    text-align: center;
    width: 70%;
    background-color: #fff;
    padding: 20px 20px 60px 20px;
    box-shadow: 0 30px 20px #aaa;
}
.errorpage h1{
    font-size: 100px;
}
.errorpage h2{
    font-size: 26px;
    margin-top: 0px;
    margin-bottom: 30px;
}
.errorpage p{
    font-size: 16px;
}
.errorpage .btn-error{
    margin-top: 10px;
}
.ag-fr-form #experience-level .btn-default.btn-on{
    min-width: 130px;
}
}
@media (max-width: 480px){
    .btn-small-device{
        float: left;
    width: 100%;
    display: block;
    clear: both;
    margin-top: 5px;
    }
    .edit-btn-top{
        float: left;
    }
    .profile-process {
       width: 90%;
       text-align: center;
    }
    .view-event-name{
    }
    .view-event-rate{
        font-size: 13px;
    }
    .browse-section-result h2{
        margin-top: -5px;
    }
    .fr-pro-heading{
       margin-top: 0px;
       float: none;
    }
 .errorpage{
    position: absolute;
    top: 50px;
    left: 5%;
    color: #333;
    text-align: center;
    width: 90%;
    background-color: #fff;
    padding: 20px 20px 60px 20px;
    box-shadow: 0 30px 20px #aaa;
}
.errorpage h1{
    font-size: 96px;
}
.errorpage h2{
    font-size: 22px;
    margin-top: 0px;
    margin-bottom: 30px;
}
.errorpage p{
    font-size: 16px;
    color: #555;
    margin-bottom: 30px;
    display: block;
}
.errorpage .btn-error{
    margin-top: 10px;
}
.find-perfect-event-section ul{
    margin-bottom: 0px;
}
.ag-fr-form #experience-level .btn-default.btn-on{
    min-width: 150px;
}
.ag-fr-form #experience-level .btn-default.btn-on:nth-child(2n+2){
    margin-right: 0 !important;
}
.btn-small-device{
    margin: 0 0 20px 0;
}
.btn-small-device .pull-right{
    float: left;
}
.mob-relative{
    position: relative;
    left: 0;
    right: 0;
    top: 0;
}
.view-job-section .browse-list-dp, .view-job-section .view-event-right{
    float: none;
}
.view-job-section .browse-list-dp{
    margin: 0 auto;
}
.view-job-section .view-event-right{
    width: 100%;
    margin: 15px 0 0 0;
    text-align: center;
}
}
@media (max-width: 340px){
    .fr-profile-name{
        position: inherit;
        width: auto;
        text-align: left;
    }
    .fr-price-rating{
        right: inherit;
    }
    .price-move{
        position: absolute;
        left: 10px;
        top: 250px;
        float: left;
    }
}
@media (min-width: 1024px){
    .menu li .profile-menu-open{
        display: none;
    }
}

/*10/08/2018 - Change*/
@media (max-width: 767px){
    .fr-dash-profile .checkbox label {
        position: relative;
    }
    .fr-dash-profile .checkbox label::before, .fr-dash-profile .checkbox label::after {
        left: -20px;
    }
    .check-signup label{
        position: relative;
        padding-left: 30px;
    }
    .fr-dash-profile .check-signup label::before, .fr-dash-profile .check-signup label::after{
        position: absolute;
        left: 2px;
    }
}
@media (min-width: 1024px){
    .list-menu{
        display: none !important;
    }
}
@media (max-width: 991px){
    .calendar-toggle{
        float: right;
    }
    .view-event-right .view-event-name{
        position: unset;
    }
    .view-event-right .view-event-rate{
        position: unset;
    }
    .view-event-right + span{
        display: block;
        clear: both;
    }
}

@media (max-width: 768px){
    #sign-up .signup-box .checkbox label{
        position: relative;
        left: 0;
    }
    #sign-up .signup-box .checkbox label::before{
        left: -20px;
    }
    #sign-up .signup-box .checkbox label::after{
        left: -19px;
    }

    #sign-up .signup-box .checkbox .checkbox-put{
        position: inherit;
        text-align: left;
    }
    #sign-up .signup-box .checkbox .checkbox-put::before{
        left: 0;
    }
    #sign-up .signup-box .checkbox .checkbox-put::after{
        left: 0;
        margin-left: 4px; 
    }
}
@media (max-width: 360px){
    #sign-up .signup-box .checkbox label::before, #sign-up .signup-box .checkbox label::after{
        left: 0px;
        text-indent: 0px;
    }
    #sign-up .signup-box .checkbox .checkbox-put{
        text-indent: 0;
    }
    .checkbox input[type="checkbox"], .checkbox input[type="radio"]{
        position: absolute;
    }
    #sign-up .signup-box .checkbox label{
        word-break: break-all;
        text-indent: 20px;
    }
}

@media(min-width: 1366px){
    .basic-madal .modal-dialog {
        width: 500px;
    }
    #hirevalidModal .modal-dialog{
        width: 650px;
    }
}
@media(min-width: 1170px){
    .browse-list-price-btn .browse-detail-heading{
        text-align: right;
        word-break: break-word;
    }
    .browse-list-price-btn .caps{
        text-align: right;
        word-break: break-word;
    }
}
@media (min-width: 991px) and (max-width: 1200px){
    .create-event-payment-section .select-payment .three-box{
        min-width: auto;
        width: 42%;
        margin-bottom: 15px;
    }
}
@media (max-width: 680px){
    .create-event-payment-section .select-payment .three-box{
        min-width: auto;
        width: 100%;
        margin-bottom: 15px;
    }
}
@media(max-width: 767px){
    .alert-warning {
        margin-right: 0px;
    }
    .alert.alert-warning{
        width: 100%;
        margin: 0px;
        padding: 10px 15px 10px 25px;
    }
}
@media(max-width: 350px){
    .alert.alert-warning{
        font-size: 12px;
        padding: 10px 5px 10px 5px;
    }
}