@media only screen and (max-width : 767px) {
    .body {
        min-height: 100%;
    }

    body {
        padding-top: 55px;
    }

    .body {
        min-height: 1%;
    }

    .v-search-top {
        border: none;
        border-radius: 0px;
        margin-right: 0px;
        width: 100%;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        top: 100%;
        padding: 20px;
        background: #fff;
        height: 68px;
        display: none;
    }

    .v-header {
        padding: 10px 0px;
    }

    .v-search-top form {
        border-radius: 3px;
        overflow: hidden;
        position: relative;
    }

    .v-search-top form input[type="text"] {
        position: relative;
    }

    .v-navigation {
        display: block;
        padding-left: 0;
        padding-top: 0;
        position: absolute;
        top: 100%;
        width: 100%;
        background: #fff;
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        ;
    }

    .v-navigation ul li {
        float: none;
        margin-right: 1px;
        width: 100%;
    }

    .v-navigation {
        background: #fff;
        bottom: 0;
        left: 0;
        margin: 0px 0 0;
        opacity: 0;
        overflow: hidden;
        position: fixed;
        top: 0;
        transform: translate3d(-297px, 0px, 0px);
        -webkit-transform: translate3d(-297px, 0px, 0px);
        transition: all 300ms ease 0s;
        width: 280px;
        z-index: 110;
    }

    .hamburger {
        display: inline-block;
    }

    .v-logo img {
        max-width: 140px;
        padding-left: 30px;
    }

    .v-logo {
        padding-left: 15px;
        position: relative;
        top: 3px;
    }

    .hamburger--htx {
        left: 7px;
        top: 5px;
        z-index: 999;
    }

    .searchtoggle {
        display: inline-block;
    }

    .searchtoggle {
        cursor: pointer;
        display: inline-block;
        height: 30px;
        position: absolute;
        right: 60px;
        width: 30px;
        top: 12px;
    }

    .searchtoggle svg {
        height: 100%;
    }

    .searchtoggle svg path {
        fill: #3c3c3c;
    }

    .v-subnavigation {
        background: #fff;
        border-radius: 5px;
        margin-left: 0;
        padding: 10px;
        position: absolute;
        right: 10px;
        top: 120%;
        width: 108px;
        border: 1px solid #eaeaea;
    }

    .v-subnavigation a:first-child {
        padding-top: 0px;
    }

    .v-subnavigation a {
        font-size: 14px;
        display: block;
        width: 100%;
        font-size: 13px;
        padding-top: 10px;
    }

    .v-subnavigation span {
        display: none;
    }

    .v-subnavigation:before {
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        content: "";
        position: absolute;
        right: 5px;
        top: -10px;
        z-index: 2;
    }

    .v-subnavigation:after {
        border-bottom: 10px solid rgba(0, 0, 0, 0.2);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        content: "";
        position: absolute;
        right: 5px;
        top: -10px;
        z-index: 1;
    }

    .v-subnavigation {
        display: none;
    }

    .v-user {
        border-radius: 35px;
        display: inline-block;
        height: 35px;
        overflow: hidden;
        vertical-align: middle;
        width: 35px;
    }

    .v-userPanel {
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid #ebebe7;
        margin-top: 10px;
        position: relative;
        text-align: center;
        padding: 20px;
    }

    .userpic {
        height: 110px;
        margin-bottom: 30px;
        position: relative;
        text-align: center;
        top: 30px;
        width: 110px;
    }

    .v-usershortinfo {
        display: block;
        padding-left: 0;
    }

    .v-userpanelleft {
        float: none;
        width: 100%;
    }

    .v-userpanelright {
        float: none;
        padding-top: 10px;
        text-align: center;
        width: 100%;
    }

    .v-usershortinfo {
        display: block;
        padding-left: 0;
        padding-top: 15px;
    }

    .btn-group .v-btn {
        border-radius: 2px;
        font-size: 13px;
        min-width: 1%;
        padding: 12px 15px;
    }

    .v-btn.v-btnicn {
        padding: 9px 11px;
    }

    .v-rated {
        padding-bottom: 10px;
        padding-left: 0;
        padding-top: 10px;
    }

    .panel__fixed {
        max-height: 100%;
        overflow-y: auto;
        padding-right: 20px;
    }

    .panel__left {
        background: #fff;
        bottom: 0;
        display: block;
        float: none;
        padding: 30px 10px;
        position: fixed;
        top: 0;
        transform: translate3d(-280px, 0px, 0px);
        -webkit-transform: translate3d(-280px, 0px, 0px);
        transition: all 300ms ease 0s;
        -webkit-transition: all 300ms ease 0s;
        width: 270px;
        z-index: 99999;
        transition: all 300ms ease 0s;
    }

    body.toggled-leftpanel .panel__left {
        opacity: 1;
        transform: translate3d(-10px, 0px, 0px);
        -webkit-transform: translate3d(-10px, 0px, 0px);
    }

    .v-rightsidebar {
        position: fixed;
        width: 295px;
        background: #fff;
        right: -295px;
        height: 100%;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        transition: all 300ms;
        opacity: 0;
        top: 0;
        z-index: 9991;
        padding: 10px;
    }

    body.toggled-sidebar .v-rightsidebar {
        opacity: 1;
        right: 0;
    }

    .v-postmsg {
        margin-bottom: 10px;
    }

    .panel__right {
        display: block;
        float: none;
        width: 100%;
        padding: 0px;
    }

    .panel {
        float: none;
        width: 100%;
    }

    .v-avatar {
        display: block;
        float: left;
        height: 40px;
        width: 40px;
    }

    .v-commentLeft {
        width: 60%;
    }

    .v-comment-right {
        width: 40%;
    }

    .v-commentinfo {
        display: block;
        margin-left: 45px;
        padding-left: 0;
    }

    .v-leavecomment {
        width: 86%;
    }

    .v-usercomment .image-upload {
        left: 25px;
        right: auto;
        top: 54%;
    }

    .v-usercomment .v-avatar {
        display: none;
    }

    .v-leavecomment input[type="text"] {
        padding-right: 25px;
        padding-left: 25px;
    }

    .v-comment-right .v-icon {
        position: relative;
        top: -12px;
    }

    .v-usercomment .v-leavecomment {
        width: 100%;
    }

    .v-postcomment .v-leavecomment {
        width: 86%;
    }

    .v-postcomment .image-upload {
        left: 25px;
        right: auto;
        top: 54%;
    }

    .v-postcomment .v-avatar {
        display: none;
    }

    .v-postcomment input[type="text"] {
        padding-right: 25px;
        padding-left: 25px;
    }

    .v-postcomment .v-comment-right .v-icon {
        position: relative;
        top: -12px;
    }

    .v-postcomment .v-usercomment .v-leavecomment {
        width: 100%;
    }

    .v-extra .btn-group .v-btn {
        padding: 5px 10px;
    }

    .v-mob.v-extra {
        position: absolute;
        right: 20px;
        top: 20px;
    }

    .v-mob {
        display: block;
    }

    body.toggled-leftpanel .leftoverlay {
        display: block;
    }

    body.toggled-sidebar .leftoverlay {
        display: block;
    }

    .v-events .media-title {
        display: block;
        margin-left: 50px;
        padding-left: 0;
    }

    .v-events .v-media {
        display: block;
        float: left;
        height: 40px;
        width: 40px;
    }

    .v-reviews .v-media {
        border-radius: 50px;
        height: 40px;
        width: 40px;
    }

    .v-bio li .v-icon {
        float: left;
    }

    .v-audio .media-title {
        display: block;
        margin-left: 50px;
        padding-left: 0;
    }

    .v-audio .v-media {
        display: block;
        float: left;
        height: 40px;
        width: 40px;
    }

    .v-readabout > a {
        font-size: 12px;
        padding: 10px;
        text-align: center;
    }

    .v-bio li .v-icon.link-fb,
    .v-bio li .v-icon.link-tw {
        float: none;
    }

    /*Job Deatil*/

    .v-hostdetails {
        padding-left: 0px;
        width: 100%;
    }

    .v-jobdescription {
        width: 100%;
    }

    .v-listdetail {
        display: block;
        padding: 20px;
        width: 100%;
    }

    .v-value {
        border-top: 1px solid #eaeaea;
        display: block;
        padding: 30px 20px;
        width: 100%;
    }

    .v-descriptionmid {
        padding: 20px;
    }

    .v-jobtype {
        padding: 20px;
    }

    .v-jobtype .v-listbox:first-child {
        padding-top: 0;
    }

    .v-title {
        color: #2f2f30;
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 10px;
    }

    .v-listings .v-title {
        padding-bottom: 10px;
        padding-top: 20px;
    }

    .v-tacgs li {
        font-size: 12px;
    }

    .v-leftblock {
        display: block;
        margin: 0;
        vertical-align: top;
        width: 100%;
    }

    .v-rightblock {
        display: block;
        margin: 0;
        text-align: left;
        vertical-align: top;
        width: 100%;
    }

    .v-descriptiontop .v-leftblock > h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .v-rightblock > h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .v-descriptiontop {
        padding: 10px 20px;
    }

    .v-value > h3 {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .v-value > p {
        font-size: 14px;
        line-height: 100%;
    }

    .v-btn {
        border-radius: 2px;
        min-width: 1%;
        padding: 10px 20px;
    }

    .v-btnsmall {
        font-size: 14px;
        min-width: 1%;
        padding: 6px 15px;
    }

    /*Manage Jobs*/
    .v-jobswrap {
        display: block;
        margin: 0;
        padding-left: 0;
        width: 100%;
    }

    .v-managemenubar {
        display: block;
        vertical-align: top;
        width: 100%;
        padding: 10px 0;
    }

    .v-managemenu {
        background: #fff;
        margin-bottom: 20px;
        /*  max-height:160px; */
        overflow: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .v-managemenu li a {
        padding: 15px;
    }

    .pagination.v-page ul {
        float: none;
    }

    .v-eventpanel {
        display: block;
        width: 100%;
    }

    .eventgalley-slider {
        margin: 15px;
    }

    .event-description {
        padding: 0 15px 15px;
    }

    .postForm {
        padding: 15px;
    }

    .eventcomments .v-comment {
        padding: 0 15px;
    }

    .eventgalley-thumbslider {
        bottom: auto;
        left: auto;
        top: -10px;
        max-width: 115px;
        position: relative !important;
        -webkit-position: relative !important;
        transform: none;
    }

    .gallery-thumb {
        height: 37px;
        width: 37px;
    }

    .v-eventlist {
        display: block;
        margin: 0;
        width: 100%;
    }

    .v-eventlist .v-media {
        border-radius: 87px;
        display: block;
        float: none;
        height: 87px;
        margin: 0 auto;
        width: 87px;
    }

    .v-eventlist .media-title {
        display: block;
        padding-left: 0;
        padding-top: 11px;
        text-align: center;
    }

    .v-event-head {
        padding: 15px 0;
    }

    .v-eventdetaillist > li {
        border-top: 1px solid #ececee;
        display: block;
        margin: 0;
        padding: 10px 0;
        position: relative;
        vertical-align: top;
        width: 100%;
    }

    .v-eventdetaillist {
        margin-left: 0;
        margin-top: 0;
        margin-right: 0;
    }

    .v-eventdetaillist > li:first-child {
        border-top: none;
    }

    .v-eventdetaillist > li:before {
        border-left: none;
    }

    .v-eventdetails {
        padding: 10px 0;
    }

    .v-allevents {
        padding-top: 10px;
        text-align: center;
        width: 100%;
    }

    .v-eventlist .media-title h3 {
        font-size: 18px;
        line-height: 22px;
    }

    .mob-actions {
        display: block;
        padding: 10px 0;
    }

    .mob-actions .v-btn.v-border {
        float: right;
    }

    .eventdetaillist {
        background: #fff none repeat scroll 0 0;
        bottom: 0;
        display: block;
        float: none;
        padding: 10px;
        position: fixed;
        top: 0;
        transform: translate3d(-260px, 0px, 0px);
        -webkit-transform: translate3d(-260px, 0px, 0px);
        transition: all 300ms ease 0s;
        -webkit-transition: all 300ms ease 0s;
        width: 250px;
        z-index: 99999;
        overflow: auto;
    }

    body.toggled-leftpanel .eventdetaillist {
        opacity: 1;
        transform: translate3d(-10px, 0px, 0px);
        -webkit-transform: translate3d(-10px, 0px, 0px);
    }

    .v-userevent .v-usershortinfo {
        display: block;
        padding-left: 0;
        text-align: center;
    }

    .v-userevent .userpic {
        display: block;
        float: none;
        height: 75px;
        margin: 0 auto;
        text-align: center;
        width: 76px;
    }

    .v-userevent .v-block {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .eventdetaillist > h2 {
        color: #333;
        font-size: 18px;
        font-weight: 600;
        padding-bottom: 10px;
        display: block;
    }

    .event-detail,
    .v-events.large .v-borderbox .event-detail {
        display: table;
        width: 100%;
        padding-left: 0px;
    }

    .v-events.large .v-medialist li {
        padding: 10px 0 0;
    }

    .v-events.large .v-media,
    .v-events.large .v-borderbox .v-media {
        height: 55px;
        width: 55px;
    }

    .v-events.large .media-title,
    .v-events.large .v-borderbox .media-title {
        display: block;
        margin-left: 65px;
        padding-left: 0;
    }

    .v-jobtopright .v-btn {
        font-size: 14px;
        padding: 8px 10px;
    }

    .featherlight .featherlight-content {
        min-width: 1%;
        max-width: 90%;
    }

    .section-space {
        padding: 0;
    }

    /*Sign up and login*/
    .selected--category {
        display: none;
    }

    .Entryfrm__Form {
        display: block;
        position: static;
    }

    .Entryfrm__Form.Frmodd {
        width: 100%
    }

    .mainForm .form--heading {
        font-size: 20px;
        line-height: 25px;
    }

    .Entryfrm__Form:before {
        background: none;
    }

    .sidebar {
        width: 100%;
        display: block;
        position: static;
    }

    .inner__sidebar {
        padding: 20px;
        text-align: center;
    }

    .sidebar.form__sidebar {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .mainForm {
        display: block;
        padding: 20px;
        width: 100%;
    }

    .boxtabs li .or {
        display: none;
    }

    .form .form--heading {
        font-size: 18px;
        line-height: 25px;
    }

    .mainForm .table td {
        width: 100%;
        display: block;
        padding-left: 0;
    }

    .option_bar {
        position: static;
    }

    .mainForm.login .form__sidebar {
        padding: 20px;
    }

    .frm_other--connection {
        margin-top: 0;
    }

    .mainForm.login .frm_other--connection a.gp-color {
        margin-top: 10px
    }

    .mainForm.login .or {
        margin-bottom: 0px;
    }

    .mainForm.login .form {
        padding: 0px 20px;
    }

    .mainForm label.checkbox {
        font-size: 14px;
    }

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

    .mainForm.login .option_bar {
        margin-top: 25px;
    }

    .mainForm.login .option_bar a {
        margin-top: 20px;
    }

    .mainForm.login .form--heading {
        margin-bottom: 0;
    }

    .mainForm.login p {
        font-size: 14px;
    }

    .mainForm.login .frm_other--connection a.fb-color,
    .mainForm.login .frm_other--connection a.tw-color,
    .mainForm.login .frm_other--connection a.gp-color {
        width: 100%;
        min-width: auto
    }

    .frm_other--connection a.fb-color,
    .frm_other--connection a.tw-color,
    .frm_other--connection a.gp-color {
        font-size: 15px;
    }

    .mainForm .table td {
        padding-right: 0;
        text-align: left;
    }

    .mainForm.login .table td:last-child {
        text-align: inherit;
    }

    .mainForm.login .form input[type="submit"] {
        width: auto;
        float: right;
    }

    /*Signup category*/
    .selection-background {
        background-image: none;
    }

    .selection-wrap .sub--detail {
        width: 100%;
    }

    .selection-wrap .main__grid {
        margin: 35px 0 0 auto;
    }

    .selection-wrap .grid {
        width: 100%;
        margin: 10px 0;
    }

    .selection-wrap .grid .Category__head {
        font-size: 19px;
    }

    .selection-wrap .grid .category__image {
        width: 80px;
    }

    /*signup*/
    .form-side-left,
    .form-side-right {
        display: block;
        position: relative;
        vertical-align: top;
    }

    .form-side-right {
        border-top: 1px solid #ededed;
        padding: 20px;
        width: 100%;
    }

    .form-side-left {
        padding: 20px;
        width: 100%;
    }

    .social-connect {
        bottom: auto;
        position: relative;
    }

    .align-right {
        text-align: left;
    }

    .form-wrap.form-fullwidth {
        display: block;
        margin: 10px auto;
    }

    .form-side-right::before {
        background: #fff;
    }

    .g-btn:hover,
    .fb-btn:hover {
        border-color: #000;
    }

    .social-connect .v-btn:first-child {
        margin-top: 0px;
    }

    .user-content {
        display: block;
        float: none;
        padding-left: 0;
        padding-top: 20px;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        padding-bottom: 20px;
    }

    .user-typ--img {
        display: block;
        margin-right: 0;
        margin-top: 0;
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }

    .page-heading--big {
        padding: 25px 0;
    }

    .signup-choice::before {
        font-size: 176px;
        top: -20px;
    }

    .user-login .form-side-right {
        padding: 0px;
    }

    .slick-slide img {
        width: 100%;
    }

    .slider-caption > h2 {
        font-size: 17px;
    }

    .slider-caption {
        top: 80%;
        transform: translate(0px, -90%);
        -webkit-transform: translate(0px, -90%);
    }

    .page-heading--big span {
        font-size: 28px;
    }

    .page-heading--big {
        padding: 25px 0 0 0;
        font-size: 22px;
    }

    .padd-45 {
        padding: 15px;
    }

    .edit-main-section > p {
        padding-right: 0;
    }

    .edit-list {
        display: block;
    }

    .edit-media {
        float: none;
        margin: 0 auto;
        padding-bottom: 10px;
        padding-right: 0;
        text-align: center;
    }

    .edit-object-section {
        text-align: center;
    }

    .edit-main-section > p {
        padding-right: 0;
    }

    .edit-object-section .v-btnsmall {
        margin-top: 10px;
        position: relative;
        right: auto;
        top: auto;
    }

    .v-managemenubar .panel__fixed {
        padding-right: 0px;
    }

    /*table css*/
    .table-box {
        display: block;
        overflow-x: auto;

    }

    .table {

        width: 100%;
        white-space: nowrap;
    }

    .list-box {
        height: 176px;
        width: 100%;
    }

    .list > li {
        width: 50%;
    }

    .edit-profile {
        margin-top: 10px;
    }

    .inviteArtist .form-title {
        font-size: 20px;
        line-height: 20px;
        text-align: center;
    }

    .applied-by {
        padding-bottom: 20px;
    }

    .user-ratings .reviewsrating {
        float: none;
    }

    .v-follow--list .v-avatar {
        border-radius: 50%;
        display: block;
        float: none;
        height: 80px;
        margin: 0 auto;
        width: 80px;
        margin: 0 auto 15px;
    }

    .v-follow--list .v-commentinfo {
        display: block;
        margin-left: 0;
        padding-left: 0;
        text-align: center;
    }

    .v-follow--list .v-btn {
        display: table;
        margin: 15px auto 0;
    }

    .table-user--info .v-commentinfo {
        display: block;
        padding-left: 5px;
        padding-top: 5px;
    }

    .right_panel_head_right {
        float: none;
        text-align: left;
        padding-top: 20px;
    }

    .sort-by li.sort {
        padding-right: 0;
    }

    .sort-by li.sort {
        padding-right: 0;
    }

    .sort-by li {
        display: block;
    }

    .right_panel_head_right .v-btn {
        float: right;
        padding: 13px 20px;
        border-radius: 3px;
    }

    .right_panel_head_right .form {
        float: left;
    }

    .sort-by li select {
        min-width: inherit;
    }

    .filters {
        background: #fff;
        bottom: 0;
        left: 0;
        margin: 0px 0 0;
        opacity: 0;
        overflow: hidden;
        position: fixed;
        top: 0;
        transform: translate3d(-297px, 0px, 0px);
        -webkit-transform: translate3d(-297px, 0px, 0px);
        transition: all 300ms ease 0s;
        width: 280px;
        z-index: 110;
    }

    body.toggled-leftpanel .filters {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        z-index: 9999;
        overflow-y: auto;
    }

    .widgets-heading .link-text {
        padding-right: 20px;
    }

    .filter-trigger {
        display: inline-block;
    }

    .listing--users {
        padding: 0 10px;
    }

    .right_panel_head {
        margin-bottom: 10px;
        padding: 10px;
    }

    .user--card-image:after {
        display: none;
    }

    .filters {
        padding: 10px;
    }

    .dashbozrd-forms {
        padding: 10px;
    }

    .form-instructions {
        padding: 10px;
    }

    .accordion-head h2 {
        padding: 10px 30px 10px 10px;
    }

    /*tabs*/
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
    }

    .resp-accordion-closed {
        display: none;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1;
    }

    h2.resp-accordion {
        background: #079ecc none repeat scroll 0 0 !important;
        border-top: 1px solid #079ecc;
        color: #fff;
    }

    .search-result .v-listings {
        padding: 0 10px;
    }

    /*Homepage*/
    .home--slider .fix-container {
        left: 10px;
        margin: 0;
    }

    .home--slider-captions h2 {
        font-size: 20px;
    }

    .home--slider-captions p {
        font-size: 14px;
        padding-top: 15px;
    }

    .home--slider-captions a {
        font-size: 14px;
        margin-top: 10px;
        padding: 8px 20px;
    }

    .home--slider .slick-dots {
        left: auto;
        margin: 0;
        bottom: 10px;
        right: 10px;
    }

    /*Homepage*/
    .main--search .form--heading {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.5;
    }

    .artist--category {
        display: block;
    }

    .artist--category-box {
        display: block;
    }

    .artist--category-desc {
        padding: 8%;
        width: 100%;
    }

    .featured--artists-desc {
        float: none;
        padding-bottom: 40px;
        padding-top: 0;
        width: 100%;
    }

    .artist--category-grid li {
        width: 50%;
    }

    .artist--category-content h3 {
        font-size: 14px;
        font-weight: 600;
    }

    .featured--artists-list {
        width: 100%;
        padding: 0 3%;
    }

    .user--card--button .v-btn {
        padding: 12px 20px;
        font-size: 14px;
    }

    .featured--artists-list .user--card {
        padding: 5px;
    }

    .section--featured {
        background-position: left 98%;
        padding-top: 30px;
    }

    .title-wrap .v-btn {
        margin-top: 20px;
    }

    .f_logo {
        margin-top: 30px;
    }

    #footer .footer_links li > a {
        font-size: 13px;
    }

    .copyright {
        font-size: 13px;
    }

    .copyright br {
        display: none;
    }

    #footer {
        padding: 30px 0;
    }

    .signup-choice:before {
        font-size: 76px;
        top: 150px;
    }

    .section--signup .title-wrap {
        padding-bottom: 0;
    }

    .section--featured:before {
        font-size: 75px;
        left: 50%;
        line-height: 1;
        top: 60px;
    }

    .title-wrap > p {
        line-height: 1.8;
    }

    .section--title {
        font-size: 30px;
        font-weight: 700;
    }

    .category-listing .artist--category-grid li {
        width: 50%;
    }

    .header-content h1 {
        font-size: 30px;
    }

    .header-content h2 {
        font-size: 14px;
    }

    .artist_fee_detail {
        padding-top: 12px;
        width: 100%;
        padding-left: 10px;
    }

    .caption_artist_fee {
        padding: 10px;
    }

    .artist_fees_detail {
        margin-left: -10px;
        padding: 0 10px;
    }

    .sort-resultstoggle {
        display: block;
        font-size: 15px;
        font-weight: 600;
        padding: 10px 20px;
        border: 1px solid #eaeaea;
        background: #fff;
        position: relative;
        cursor: pointer;
        margin-bottom: 10px;
    }

    .sort-results ul li {
        display: block;
        margin-bottom: 5px;
    }

    .sort-results ul li.active a {
        border-bottom: 1px solid #eaeaea;
    }

    .sort-resultstoggle:before {
        border-right: 3px solid #444;
        border-top: 3px solid #444;
        content: "";
        height: 6px;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translate(0, -50%) rotate(135deg);
        transition: all 0.4s ease-in-out 0s;
        -webkit-transform: translate(0, -50%) rotate(135deg);
        -webkit-transition: all 0.4s ease-in-out 0s;
        transform-origin: center center 0;
        width: 6px;

    }

    .sort-resultstoggle {
        padding: 10px;
    }

    .sort-resultstoggle.active:before {
        transform: translate(0, -50%) rotate(-45deg);
    }

    .sort-results > ul {
        display: none;
    }

    .results--container {
        padding: 10px;
    }

    .whoops .left-grid {
        text-align: center;
    }

    .whoops h3 {
        font-size: 55px;
        letter-spacing: -3px;
        line-height: 60px;
    }

    .whoops h4 {
        font-size: 20px;
    }

    #notifier_count {
        display: none;
    }

    .v-subnavigation span.notified_text {
        display: block;
        font-size: 13px;

        width: 100%;
        color: #333;
    }

    .msg--box-thumb {
        margin: 0 auto 30px;
        max-width: 50%;
        text-align: center;
    }

    .msg--box {
        padding: 10px 0;
    }

    .msg--box .box-shadow {
        padding: 30px;
    }

    .list > li {
        width: 50%;
    }

    .list .list-box img {
        width: 100%;
    }

    .content .col_right,
    .content .col_left {
        float: none;
        padding: 0;
        width: 100%;
    }

    .content .col_left .title {
        font-size: 18px;
    }

    .content .col_left .date {
        font-size: 16px;
        margin-bottom: 5px;
        margin-right: 10px;
        width: 42px;
    }

    .content .col_left .cmnt_area {
        padding-left: 0;
    }

    .content .col_left .cmt-box li {
        border: medium none;
        padding-left: 5px;
        margin-right: 5px;
    }

    .round_sectn > .sectnTop h4 {
        font-size: 16px;
        font-weight: 600;
    }

    .round_sectn > .sectnTop:after {
        display: block;
    }

    .round_sectn > .sectnTop {
        border-radius: 3px;
        position: relative;
    }

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

    .content .col_right {
        float: none;
        padding: 0 0 10px;
        width: 100%;
    }

    .searchform .form .field-set {
        display: block;
        margin-bottom: 10px;
    }

    .content .col_right .round_sectn {
        margin-top: 10px;
    }

    .content {
        padding: 10px 0;
    }

    .left_section {
        float: none;
        width: 100%;
    }

    .right_section {
        float: none;
        width: 100%;
    }

    .left_section .pagination.v-page {
        margin-bottom: 20px;
    }

    .headBox {
        background-position: bottom;
        background-size: 90%;
    }

    .sectnMiddle {
        display: none;
    }

    .round_sectn > .sectnTop.active:after {
        content: "\f209";
    }

    .content .col_left .post_imges {
        margin: 10px 0;
    }

    .user--card-image:after {
        display: none;
    }

    .v-padd.gap {
        padding: 10px 0;
    }

    .v-cover {
        height: 150px !important;
    }

    .v-icon.mark-fav {
        display: inline-block;
        height: 20px;
        width: 20px;
    }

    #postMediaFrm.form table tr td {
        display: block;

    }

    #postMediaFrm.form input[type="submit"] {
        width: 100%;
    }

    #postMediaFrm.form .attachment-btn {
        display: block;
    }

    #postMediaFrm.form .attachment-btn > li {
        width: 32%;
    }

    #postMediaFrm.form .attachment-btn a {
        display: block;
        text-align: center;
    }

    /*subscription*/
    .cart-tbl td {
        display: block;
        border-bottom: none;
        padding: 5px 10px;
        border: none;
    }

    .cart-tbl td:nth-child(2) {
        border: none;
        display: block;
    }

    .cart-tbl thead {
        display: none;
    }

    .cart-tbl tr td {
        border-top: solid 1px #eee;
    }

    .btn-row a.v-btn {
        display: block;
        margin: 10px 0;
        width: 100%;
    }

    .btn-row {
        display: block;
        margin-bottom: 10px;
    }

    .cart-box .total-side .heading {
        text-align: right;
    }

    .total-side {

        float: none;
    }

    #paymenttab {
        display: block;
    }

    #paymenttab .resp-tabs-container {

        display: block;

        padding-left: 0;
        width: 100%;

    }

    .payment_tabs {

        padding-right: 0;
        width: 100%;
        display: block !important;
    }

    .payment-table-cell .form input[type="submit"] {
        padding: 10px 20px;
    }

    .suscription--package li {
        width: 100%;
        padding: 20px 0 0 0;
        float: none;
    }

    .suscription--package {

        margin-left: 0;
    }

    .plan--features li {
        width: 100%;
    }

    .validity {
        padding: 5px 10px;
    }
}

}

@media only screen and (min-width :240px) and (max-width : 360px) {
    .form input[type="submit"] {
        width: 100%;
    }

    .v-cancelbtn {
        width: 100%;
        margin-top: 10px;
    }

    .list > li {
        width: 100%;
    }

    .list-box {
        height: auto;
    }

    .right_panel_head_right .v-btn {
        margin-bottom: 20px;
        width: 100%;
        position: relative;
        top: auto;
        right: auto;
    }

    .content .col_left .cmt-box li {
        border: medium none;
        padding-left: 5px;
    }

    .content .col_left .cmt-box {
        display: inline-block;
        width: 100%;
    }
}

@media only screen and (max-width : 576px) {
    .v-jobtype .v-listbox {
        display: block;
        margin: 0;
        padding-top: 20px;
        width: 100%;
    }
}