.sitecontainer-mobile .trackcontainer .largethumbnail img {
    height: 200px;
}

.mobile-menu {
    display: none;
}

.destop-menu .toprightnavcontainer {
    height: 50px;
}

ul {
    list-style: none;
}

a.signup_btn,
a.signup_btn:visited,
a.signup_btn:active {
    width: 80px;
    box-sizing: content-box;
    margin-top: 5px;
}

.site-title {
    color: #4D3E32;
    font-family: cursive;
}

.toprightnavcontainer a.top_sml_yellow_btn,
.toprightnavcontainer #accountmenu ul {
    margin-top: 8px !important;
}

.header {
    height: 135px;
}

.header .top_bar {
    padding-top: 15px;
}

.header .top_bar h2 {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", 
    "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 22px;
    color: #fff;
    line-height: 35px;
    text-align: center;
}

.bottommarketingbuttoncontainer-mobile {
    float: none;
    padding-top: 33px;
    margin-left: 436px;
}

.bottombannerheadline-mobile {
    width: 456px;
    border-right: 1px solid #ccc;
    padding-left: 20px;
    width: 427px;
    float: left;
}

.bottomcontainer-mobile {
    height: 228px;
}

.copyright {
    padding-top: 0px;
}

.copyright h6 {
    padding: 20px;
}

.testimonial_img-mobile {
    height: 100px;
    width: 100px;
    float: left;
}

#loginmodal {
    width: 493px;
}

select.form_input_wide_half {
    height: 33px;
}

.topmarketingcontainer .topmarketingbuttoncontainer a.large_btn {
    padding: 15px 22px 15px 21px;
    height: auto;
}


/* all_tracks */

.sitecontainer-mobile .trackcontainer_small .largethumbnail img {
    height: 200px;
}

.bottom_btn {
    margin: auto;
}


/* all_tracks end */


/* songwriters */

.pagetitle_left {
    margin-right: -15px;
    margin-left: -15px;
}

.profile_member-mobile .pagetitle_left {
    margin-right: 0px;
    margin-left: 0px;
}


/* songwriters end */


/* memberarea */

.logincontainer .middle_form {
    width: 400px;
}

.activity-mobile .comment_txt {
    margin-left: 105px;
}


/* memberarea end */


/* blog */

.blog_calloutfrettie-mobile {
    display: none;
}

.blog-sidebar-mobile .signup_input {
    padding: 12px 8px;
    width: 135px;
}

.blog_othercontent {
    padding: 20px 0px 20px 0px;
}

.blog-sidebar-mobile .relatedpost_txt {
    margin-left: 20px;
    display: inline-flex;
    align-content: center;
    padding-top: 20px;
}

.blog-sidebar-mobile .blog_content p.blog_p iframe {
    width: 100%;
}


/* blog end */


/* how */

.bottom_requestform-mobile .how_contain {
    padding-left: 50px;
}

.bottom_requestform-mobile .how_left {
    width: 360px;
    margin-top: 11px;
}

.bottom_requestform-mobile .how_right {
    margin-right: 0px;
    margin-left: 410px;
}

.bottom_requestform-mobile .how_right .video_contain iframe {
    width: 441px;
    height: 249px;
}

.bottom_requestform-mobile .sitecontainer {
    height: auto;
    min-height: 0;
}

.frettie_benefits .benefit-height {
    height: 200px;
}

.frettie_benefits .benefit-height .testimonial_img {
    width: 100px;
    height: 100px;
    float: left;
}


/* how end */


/* events css */

.bottom_requestform-events .how_contain.grey_bg {
    padding-left: 50px;
}

.bottom_requestform-events .how_contain.grey_bg .how_right img {
    width: 300px;
    height: 300px;
}

.bottom_requestform-events .how_contain.grey_bg .how_right img.small-img {
    height: 221px;
}

.bottom_requestform-events .how_contain.grey_bg .how_left {
    width: 360px;
    margin-top: 11px;
}

.bottom_requestform-events .how_contain.grey_bg .how_right {
    margin-right: 0;
    margin-left: 410px;
}

.bottom_requestform-events .sitecontainer {
    min-height: 530px;
}

.bottom_requestform-events .sitecontainer-events {
    min-height: 0;
    height: 100%;
}

.bottom_requestform-events .sitecontainer .benefit.benefit-events {
    height: 200px;
}

.bottom_requestform-events .sitecontainer .benefit .testimonial_img {
    width: 100px;
    height: 100px;
    float: left;
}

.bottom_requestform-events .video_contain-events iframe {
    width: 441px;
    height: 249px;
}

.bottom_requestform-events .sitecontainer-events .frettie_benefits img {
    width: 249px;
    height: 200px;
    margin-left: 30px;
}
/* events css end */
/* community css */
.sitecontainer-community .benefit {
    padding: 0px 0px 10px 30px;
}
.sitecontainer-community .frettie_benefits {
    padding: 20px 0;
}
/* community css end */

/* coaching css */

.sitecontainer-coaching .site_left-coaching p img {
    width: 300px;
    height: 201px;
    margin: 20px 0 0 0;
}


/* coaching css end */


/* track_detail-2740 css  */

.trackdetail_mobile .audio_large {
    background-size: cover;
    background-position: center;
}

.trackdetail_mobile textarea.commentbox {
    float: left !important;
    margin-left: 44px;
    margin-top: -33px;
    width: 315px;
}

.trackdetail_mobile .subscribecontain_btn {
    margin-top: 0;
}

.commentbox-mobile {
    float: left !important;
    margin-left: 44px;
    margin-top: -30px;
    width: 270px;
    height: 60px;
}

.reveal-modal {
    width: 560px;
    height: auto;
}

.track_top_text {
    margin-left: 11%;
}

.trackdetail_mobile .audio_contain_lrg {
    height: auto;
}


/* track_detail-2740 css end */


/* badges css */

.sitecontainer-badges .badge_step_container-mobile {
    height: 110px;
}


/* badges end css */


/* about css */

.sitecontainer-about-mobile .signup_sml_yellow_btn {
    color: #fff;
    border: 0px;
    font-size: 12px;
    padding: 7px 15px 7px 17px;
}

.sitecontainer-about-mobile .signup_input {
    margin-bottom: 10px;
    border: 1px solid #D4D1CE;
    font-size: 12px;
    width: 94px;
}


/* about css end */


/* footer css*/

.footer_full {
    padding-bottom: 35px;
}


/* footer css end */


/* hang css */

.sitecontainer-hang-mobile .iframe-width {
    width: 640px;
    height: 360px;
}

.sitecontainer-hang-mobile .iframe-width-up {
    height: 469px;
}

.sitecontainer-hang-mobile .iframe-width-full {
    width: 560px;
    height: 315px;
}


/* hang css end */


/* add_track css */

.sitecontainer_add_track-mobile .input_add {
    width: 450px;
}

.sitecontainer_add_track-mobile .middle_form_wide {
    margin-bottom: 20px;
}

.sitecontainer_add_track-mobile .form_half_wide_right {
    margin-bottom: 20px;
}

.sitecontainer_add_track-mobile input#title {
    margin: 0 0 20px 0;
}

.sitecontainer_add_track-mobile #cform textarea {
    margin: 20px 0;
}

.sitecontainer_add_track-mobile #cform h3,
#cform em {
    margin-bottom: 20px;
}

.sitecontainer_add_track-mobile .drag_drop {
    width: 100%;
}

.sitecontainer_add_track-mobile .steps_box-1 {
    width: 160px;
}

.sitecontainer_add_track-mobile .steps_box-2 {
    width: 184px;
}

.sitecontainer_add_track-mobile .steps_box-2 .grey_circle_step-mobile {
    margin-left: 12px;
}

.sitecontainer_add_track-mobile .steps_box-3 {
    width: 198px;
}


/* add_track css end */


/* modal css */

.mobile_modal .notepad_top {
    height: 44px;
}

/*.lyricmodal_comments-mobile {
    height: 458px;
}*/

/* modal css end */
  .notepad_container_modal {
       float: left;
    }

/* register css */

.register-mobile .form_input_wide_half,
.register-mobile .form_input_wide {
    height: 33px;
}


/* reister css end */
/* message css */
   .messages-mobile select.messaging_folder_select {
        height: 28px;
   }
   .messages-mobile .blog_sidebar {
        width: 185px;
        float: left;
   }
   .messages-mobile .table-mobile {
    width: 80%;
   }
/* message css end */

/* account css */
.sitecontainer-account .form_input_wide_half {
    width: 270px;
    height: 33px;
}
.sitecontainer-account .pagetitle_left {
    margin-left: 0;
    margin-right: 0;
}
/* account css end */
/* Website css */
    .mobile-input {
        border-left: 0;
         border-right: 0;
    }
/* Website css end */

@media (max-width: 991px) {
    .bottommarketingbanner,
    .sitecontainer-mobile .largethumbnail {
        width: 95%;
    }
    .sitecontainer-mobile .trackcontainer {
        width: 97%;
        margin: 0 auto 8% 2%;
    }
    .sitecontainer-mobile .trackover_contain {
        width: 100%;
        height: 100%;
    }
    .navigation {
        width: 100%;
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding: 6px 7px 6px 7px;
    }
    *,
    ::after,
    ::before {
        box-sizing: border-box;
    }
    .logo {
        margin-right: 0px;
    }
    .login_btn {
        margin-top: 18px;
    }
    a.signup_btn,
    a.signup_btn:visited,
    a.signup_btn:active {
        margin-top: 10px;
    }
    .topmarketingcontainer,
    .pagetitle,
    .sitecontainer,
    .bottomcontainer,
    .footer {
        width: 100%;
    }
    .topmarketingcontainer {
        height: 100%;
    }
    .topmarketingbuttoncontainer {
        padding-right: 30px;
    }
    .toprightnavcontainer {
        width: 240px;
        padding: 12px 20px 12px 0px;
    }
    .toprightnavcontainer ul.invite_top {
        height: 40px !important;
        width: 40px !important;
    }
    .topbannerheadline {
        width: 380px;
        height: 100%;
        padding: 22px 0px 25px 40px;
    }
    .topmarketingbuttoncontainer a.large_btn {
        height: auto;
        padding: 20px 22px 20px 21px;
        width: 100%;
    }
    .bottomcontainer-mobile {
        height: 270px;
    }
    .bottombannerheadline-mobile {
        padding: 20px 0px 0px 20px;
        width: 100%;
        float: unset;
        height: auto;
        border-right: 0;
    }
    .bottommarketingbuttoncontainer-mobile {
        float: unset;
        margin-left: 0;
        width: 100%;
        padding: 30px 20px 0px 20px;
    }
    .signup_form_wide,
    .form_input_wide {
        width: 100%;
    }
    #loginmodal {
        height: 450px;
        width: 88%;
        margin: auto;
    }
    .login_middleform {
        width: 100%;
    }
    .form_input {
        width: 100%;
    }
    .reveal-modal {
        left: 6% !important;
    }
    #mylyricsmodal {
        left: 35% !important;
    }
    .commentbox-mobile {
        float: left !important;
        margin-left: 44px;
        margin-top: 0px;
        width: 270px;
        height: 70px;
    }
    /*all_tracks*/
    .site_right {
        float: unset;
        width: 100%;
        margin-right: -15px;
        margin-left: -15px;
    }
    .site_left {
        width: 100%;
    }
    .pagetitle_left {
        width: 100%;
        padding-bottom: 0px;
    }
    .searchicon {
        margin-right: 10px;
    }
    .side_headline {
        height: auto;
    }
    .sitecontainer-mobile .trackcontainer_small,
    .sitecontainer-mobile .trackcontainer_small .largethumbnail img {
        width: 100%;
        max-width: 100%;
    }
    .bottom_btn {
        width: 100%;
        display: block;
    }
    /*all_tracks end*/
    /* songwriters */
    .songwriter_contain-mobile {
        width: 92%;
        height: auto;
    }
    .songwriter_details {
        margin-left: 140px;
    }
    /* songwriters end */
    /* memberarea */
    .logincontainer {
        width: 75%;
    }
    .middle_form_wide {
        width: 100%;
        margin: 0 -15px;
    }
    .activity {
        min-height: 130px;
    }
    .side_content p {
        padding-top: 10px;
    }
    /* memberarea end */
    /* blog */
    .blog-sidebar-mobile .site_left {
        width: 60%;
    }
    .blog-sidebar-mobile .blog_post {
        width: 100%;
    }
    .blog-sidebar-mobile .blog_img a img {
        max-width: 100%;
        width: 100%;
    }
    .blog-sidebar-mobile .blog_img img,
    .blog-sidebar-mobile .blog_content img,
    .blog-sidebar-mobile .blog_post a.mobile-img img {
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .blog-sidebar-mobile .blog_img {
        height: auto;
    }
    .blog-sidebar-mobile .signup_input {
        width: 50%;
    }
    /* blog end */
    /* blog end */
    /* how */
    .bottom_requestform-mobile .bottom_requestform_container {
        width: 100%;
    }
    .bottom_requestform-mobile .how_contain {
        margin-left: 0px;
        width: 100%;
        height: auto;
        padding: 20px 45px 40px 45px;
    }
    .bottom_requestform-mobile .how_left {
        width: 100%;
        margin-top: 11px;
        float: unset;
    }
    .bottom_requestform-mobile .how_right {
        margin-left: 0px;
    }
    .bottom_requestform-mobile .video_contain {
        width: 457px;
        height: 265px;
    }
    .bottom_requestform-mobile .sitecontainer {
        height: auto;
    }
    .bottom_requestform-mobile .joey {
        width: 100%;
    }
    .bottom_requestform-mobile .benefit {
        height: auto;
    }
    /* how end */
    /* events css */
    .bottom_requestform-events .bottom_requestform_container,
    .bottom_requestform-events .grey_bg {
        width: 100%;
    }
    .bottom_requestform-events .sitecontainer-events {
        height: auto;
    }
    .bottom_requestform-events .joey {
        width: 100%;
    }
    .bottom_requestform-events .how_contain.grey_bg .how_left {
        width: 100%;
        padding-bottom: 30px;
    }
    .bottom_requestform-events .how_contain.grey_bg .how_right {
        width: 100%;
        margin-left: 0;
        overflow: hidden;
    }
    .bottom_requestform-events .how_contain {
        height: auto;
    }
    .benefit {
        height: auto;
        width: 100%;
    }
    .bottom_requestform-events .how_contain.grey_bg .how_right img {
        margin: 0 auto;
        justify-content: center;
        display: flex;
    }
    .bottom_requestform-events .how_contain.grey_bg .how_right .video_contain {
        width: 457px;
        height: auto;
        display: flex;
        margin: 0 auto;
    }
    .sitecontainer {
        padding-bottom: 20px;
    }
    .bottom_requestform-events .sitecontainer .benefit.benefit-events {
        height: auto;
        margin-bottom: 30px;
        margin-right: 0;
        width: 100%;
    }
    .sitecontainer-community .benefit {
        float: unset;
    }
    .testimonial {
        width: 80%;
        margin-left: 120px;
    }
    .quote_txt {
        width: 100%;
    }
    /* events css end */
    /* track_detail-2740 css  */
    .trackdetail_mobile .site_right_track {
        float: unset;
        width: 100%;
    }
    .trackdetail_mobile .audio_contain_lrg {
        width: 100%;
        height: auto;
    }
    .trackdetail_mobile .audio_details {
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    .trackdetail_mobile .audio_large {
        width: 100%;
        height: 500px;
    }
    .trackdetail_mobile .track_top_text {
        width: 80%;
        margin-left: 12%;
    }
    .trackdetail_mobile .cp-container {
        height: 150px;
        width: 150px;
        left: 0%;
        right: 0%;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 auto;
    }
    .trackdetail_mobile textarea.commentbox {
        margin-top: 10px;
    }
    .cp-buffer-1,
    .cp-buffer-2,
    .cp-progress-1,
    .cp-progress-2 {
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 auto;
        clip: rect(0px, 52px, 104px, 0px);
    }
    .trackdetail_mobile,
    .trackdetail_mobile .trackdetail_top {
        width: 100%;
        height: auto;
    }
    .track_description {
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
        overflow: auto;
    }
    .trackdetail_mobile .track_top_text {
        margin-left: 15%;
    }
    #mylyricsmodal {
        width: 88%;
        height: auto;
        left: 6% !important;
        padding-bottom: 25px;
    }
    .commentform_modal {
        height: 100px;
    }
    .reveal-modal {
        margin-left: 0 !important;
        width: 88% !important;
        left: 6% !important;
    }
    .mobile_modal .notepad_top {
        height: 100px;
        border-left: 0;
    }
    #loginmodal {
        width: 88%;
        margin: 0 auto;
        max-width: 100%;
        right: 0;
    }
    .lyricmodal_comments {
        width: 100%;
    }
    .rightcomment_modal {
        margin-top: 45px;
        width: 100%;
    }
    .notepad_container_modal {
        width: 100%;
        background-image: none;
    }
    .notepad_top,
    .notepad_body_modal {
        margin-left: 10px;
    }
    /* track_detail-2740 css end */

    /* badges css */
    .sitecontainer-badges .yellow_circle_step_badge {
        width: 35px;
        height: 35px;
        padding-top: 5px;
        padding-left: 3px
    }
    /* badges css end */
    /* opportunities css */
    .sitecontainer-opportunities-mobile .aboutcontainer {
        width: 100%;
    }
    .sitecontainer-opportunities-mobile .opp_block_box {
        height: 570px;
        width: 100%;
    }
    /* opportunities css end */
    /* about css  */
    .sitecontainer-about-mobile .signup_input {
        width: 50%;
    }
    .aboutcontainer {
        width: 100%;
    }
    /* about css end */
    /* contact css */
    .form_textarea_wide {
        width: 100%;
    }
    /* contact css end */
    /* add_track css */
    .sitecontainer_add_track-mobile .addtrack_steps,
    .sitecontainer_add_track-mobile .middle_form_wide,
    .sitecontainer_add_track-mobile .drag_drop {
        width: 100%;
    }
    .sitecontainer_add_track-mobile .addtrack_steps {
        height: 60px;
        padding-bottom: 50px;
        padding-top: 15px;
    }
    .sitecontainer_add_track-mobile .steps_box {
        height: 50px;
    }
    .sitecontainer_add_track-mobile .yellow_circle_step,
    .sitecontainer_add_track-mobile .grey_circle_step {
        height: 35px;
        padding-top: 6px;
        padding-left: 3px;
    }
    /* add_track css end */
    /* profile member 704 css */
    .profile_member-mobile .sidebar_left {
        width: 100%;
        float: unset;
    }
    .profile_member-mobile .site_profile_left {
        width: 100%;
        margin-left: 0;
    }
    .profile_member-mobile .pagetitle_left {
        margin: 0 0 30px 0;
    }
    .profile_member-mobile .site_profile_left .container {
        max-width: 100%;
    }
    .profile_member-mobile .profile_text {
        width: 80%;
        margin-left: 15%;
    }
    .profile_member-mobile .trackcontainer_small .largethumbnail img,
    .profile_member-mobile .largethumbnail {
        height: 300px;
    }
    .profile_member-mobile .trackcontainer_small {
        height: 355px;
    }
    .profile_member-mobile .trackoverdescripcontainer {
        height: 220px;
    }
    .profile_member-mobile .profile_top {
        height: auto;
    }
    /* profile member 704 css end  */
    /* report css */
    .signup_form_wide-mobile .form_half_wide_right {
        float: unset;
        width: 100%;
    }
    .signup_form_wide-mobile .form_input_wide_half {
        width: 100%;
    }
    /* report end css */
    /* message css */
       .messages-mobile .blog_sidebar {
            width: 50%;
            float: unset;
       }
       .messages-mobile .blogtitle_left {
            width: 100%;
            height: auto;
            margin-top: 5%;
       }
       .messages-mobile .profile_top {
            height: auto;
       }
       .profile_top_right {
            width: 100%;
            float: unset;
        }
        .messages-mobile .profile_top_left {
            width: 100%;
            height: 85px;
            margin-bottom: 5%;
        }
        .messages-mobile .profile_text {
            width: 80%;
            margin-left: 15%;
            height: auto;
        }
        .messages-mobile .follow_topbtn {
            margin-top: 0px;
        }
        .messages-mobile .table-mobile {
            width: 100%;
        }
    /* message css end */
    /* send message css */
        .sidebar_left {
            float: unset;
            width: 100%;
        }
        .messages-mobile .site_profile_left {
            width: 100%;
            margin-left: 0;
        }
    /* send message css end */

}

@media (max-width: 768px) {
    .addtrack_text {
        width: 80px;
    }
    .logo {
        padding-left: 15px;
    }
    .toprightnavcontainer {
        padding-right: 15px;
        height: 66px;
    }
    .destop-menu ul.invite_top {
        height: 39px !important;
        width: 39px !important;
    }
    #accountmenu ul {
        padding: 0px 0 0 22px;
    }
    .destop-menu #accountmenu > ul > li > ul:before {
        top: -32px;
        left: 148px;
    }
    /* blog */
    .blog-sidebar-mobile .site_left {
        width: 100%;
    }
    .blog-sidebar-mobile .blog_sidebar {
        width: 100%;
        float: unset;
    }
    .blog_calloutfrettie-destop {
        display: none;
    }
    .blog_calloutfrettie-mobile {
        display: block;
        background-size: cover;
        border: 0;
        height: 372px;
        background-position: center center;
        padding: 0;
    }
    .blog-sidebar-mobile .blog_calloutinnerframe h2,
    .blog-sidebar-mobile p {
        text-align: left;
        margin-bottom: 15px;
    }
    .blog-sidebar-mobile p {
        margin-bottom: 40px;
    }
    .blog-sidebar-mobile .blog_calloutinnerframe a.blog_sml_yellow_btncall {
        margin: 0;
    }
    /* blog end */
    /* how */
    .bottom_requestform-mobile .frettie_benefits {
        padding: 0px 10px;
    }
    .bottom_requestform-mobile .benefit {
        width: 100%;
        margin-right: 0;
    }
    .bottom_requestform-mobile .sitecontainer .frettie_benefits .benefit-height {
        height: auto;
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
    }
    .bottom_requestform-mobile .sitecontainer .frettie_benefits .benefit-height:nth-child(12n) {
        margin-bottom: 0;
    }
    /* how end */
    /* track_detail-2740 css */
    .trackdetail_mobile .track_top_text {
        margin-left: 15%;
    }
    /* track_detail-2740 css end */
    .profile_member-mobile .profile_top {
        height: auto;
        margin-bottom: 20px;
    }
    .profile_member-mobile .follow_links {
        margin-bottom: 0;
    }
    .profile_member-mobile .profile_top_right {
        width: 100%;
        float: unset;
    }
    .profile_member-mobile .profile_top_left {
        width: 100%;
        height: auto;
        overflow: auto;
    }
    .profile_member-mobile .large_profile_image {
        height: 90px;
    }
    .profile_member-mobile .profile_text {
        width: 80%;
        margin-left: 15%;
    }
    .profile_member-mobile .trackcontainer_small .largethumbnail img,
    .profile_member-mobile .largethumbnail {
        height: 300px;
    }
    .profile_member-mobile .trackcontainer_small {
        height: 100%;
    }
    .profile_member-mobile .trackoverdescripcontainer {
        height: 225px;
    }
    /* profile member 704 css end  */
    /* modal css */
    .lyricmodal_comments-mobile {
        height: 285px;
    }
    /* modal css end */
}

@media (max-width: 767px) {
    /* header css */
    .navbar-expand-sm .navbar-nav .nav-link {
        padding: 6px 5px 0px 5px;
        font-size: 13px;
    }
    a.white_link:visited {
        font-size: 13px;
    }
    /* header css end */
    .form_half_wide_right,
    .form_input_wide_half {
        width: 100% !important;
    }
    .footer {
        padding: 25px;
    }
    /* blog */
    .blog-sidebar-mobile .blogtitle_left {
        width: 100%;
    }
    .blog_content iframe {
        width: 100% !important;
        height: 360px !important;
    }
    /* blog end */
    /* badges css */
    .sitecontainer-badges .badge_content_container {
        width: 100%;
        float: left;
        margin-top: 30px;
    }
    .sitecontainer-badges .badge_step_container-mobile {
        height: 130px;
    }
    .sitecontainer-badges .aboutcontainer {
        width: 100%;
    }
    /* badges css end */
    /* footer css */
    .footer_full {
        overflow: auto;
    }
    .footer,
    .footercontainer,
    .whoisfrettie,
    .footerlinks {
        height: auto;
    }
    .whoisfrettie {
        margin-bottom: 30px;
    }
    /* footer css end */
    /* #Navigation
================================================== */
    .destop-menu {
        display: none;
    }
    .mobile-menu {
        display: block;
    }
    .mobile-menu .container {
        max-width: 100%;
    }
    .logo {
        padding-bottom: 9px;
    }
    .login_btn {
        margin-top: 0;
    }
    a.signup_btn,
    a.signup_btn:visited,
    a.signup_btn:active {
        float: left;
        margin-top: 10px;
        margin-left: 0;
        height: auto;
        border-color: #fff;
    }
    a.signup_btn {
        font-size: 14px;
    }
    .start-header {
        opacity: 1;
        transform: translateY(0);
        padding: 10px 0;
        box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15);
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .start-header.scroll-on {
        box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
        padding: 5px 0;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .start-header.scroll-on .navbar-brand img {
        height: 28px;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .navigation-wrap {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1000;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .navbar {
        padding: 0;
    }
    .navbar-brand img {
        height: 52px;
        width: auto;
        display: block;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .navbar-toggler {
        float: right;
        border: none;
    }
    .navbar-toggler:active,
    .navbar-toggler:focus {
        outline: none;
    }
    .navbar-collapse {
        padding-left: 10px;
    }
    .navbar-light .navbar-toggler-icon {
        width: 24px;
        height: 17px;
        background-image: none;
        position: relative;
        border-bottom: 1px solid #fff;
        transition: all 300ms linear;
    }
    .navbar-light .navbar-toggler-icon:after,
    .navbar-light .navbar-toggler-icon:before {
        width: 24px;
        position: absolute;
        height: 1px;
        background-color: #fff;
        top: 0;
        left: 0;
        content: '';
        z-index: 2;
        transition: all 300ms linear;
    }
    .navbar-light .navbar-toggler-icon:after {
        top: 8px;
    }
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
        transform: rotate(45deg);
    }
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
        transform: translateY(8px) rotate(-45deg);
    }
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        border-color: transparent;
    }
    .nav-link {
        color: #212121 !important;
        font-weight: 500;
        transition: all 200ms linear;
    }
    .nav-item:hover .nav-link {
        color: #fff !important;
    }
    .nav-item.active .nav-link {
        color: #777 !important;
    }
    .nav-link {
        position: relative;
        padding: 5px 0 !important;
        display: inline-block;
    }
    .nav-item:after {
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 100%;
        height: 2px;
        content: '';
        background-color: #8167a9;
        opacity: 0;
        transition: all 200ms linear;
    }
    .nav-item:hover:after {
        bottom: 0;
        opacity: 1;
    }
    .nav-item.active:hover:after {
        opacity: 0;
    }
    .nav-item {
        position: relative;
        transition: all 200ms linear;
    }
    .navbar-light .navbar-nav .nav-link {
        font-size: 14px;
        color: #eee !important;
        outline: 0;
    }
    .dropdown-menu a {
        font-size: 14px;
    }
    /* #Primary style
================================================== */
    .bg-light {
        background-color: #4D3E32 !important;
        transition: all 200ms linear;
        position: relative;
        z-index: 999;
    }
    .section {
        position: relative;
        width: 100%;
        display: block;
    }
    .over-hide {
        overflow: hidden;
    }
    .nav-item .dropdown-menu {
        transform: translate3d(0, 10px, 0);
        visibility: hidden;
        opacity: 0;
        max-height: 0;
        display: block;
        padding: 0;
        margin: 0;
        transition: all 200ms linear;
    }
    .nav-item.show .dropdown-menu {
        opacity: 1;
        visibility: visible;
        max-height: 999px;
        transform: translate3d(0, 0px, 0);
    }
    .dropdown-menu {
        padding: 10px!important;
        margin: 0;
        font-size: 13px;
        letter-spacing: 1px;
        color: #212121;
        background-color: #fcfaff;
        border: none;
        border-radius: 3px;
        box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
        transition: all 200ms linear;
    }
    .dropdown-toggle::after {
        display: none;
    }
    .dropdown-item {
        padding: 3px 15px;
        color: #212121;
        border-radius: 2px;
        transition: all 200ms linear;
    }
    .dropdown-item:hover,
    .dropdown-item:focus {
        color: #fff;
        background-color: rgba(129, 103, 169, .6);
    }
    body.dark {
        color: #fff;
        background-color: #1f2029;
    }
    body.dark .bg-light {
        background-color: #14151a !important;
    }
    body.dark .start-header {
        box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
    }
    body.dark .start-header.scroll-on {
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
    }
    body.dark .nav-link {
        color: #fff !important;
    }
    body.dark .nav-item.active .nav-link {
        color: #999 !important;
    }
    body.dark .dropdown-menu {
        color: #fff;
        background-color: #1f2029;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
    }
    body.dark .dropdown-item {
        color: #fff;
    }
    body.dark .navbar-light .navbar-toggler-icon {
        border-bottom: 1px solid #fff;
    }
    body.dark .navbar-light .navbar-toggler-icon:after,
    body.dark .navbar-light .navbar-toggler-icon:before {
        background-color: #fff;
    }
    body.dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        border-color: transparent;
    }
    /* #Media
================================================== */
    .nav-item:after {
        display: none;
    }
    .nav-item::before {
        position: absolute;
        display: block;
        top: 15px;
        left: 0;
        width: 12px;
        height: 2px;
        content: "";
        border: none;
        background-color: #fff;
        vertical-align: 0;
    }
    .dropdown-toggle::after {
        position: absolute;
        display: block;
        top: 10px;
        left: -23px;
        width: 2px;
        height: 12px;
        content: "";
        border: none;
        background-color: #fff;
        vertical-align: 0;
        transition: all 200ms linear;
    }
    .dropdown-toggle[aria-expanded="true"]::after {
        transform: rotate(90deg);
        opacity: 0;
    }
    .dropdown-menu {
        padding: 0 !important;
        background-color: transparent;
        box-shadow: none;
        transition: all 200ms linear;
    }
    .dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
        margin-top: 10px !important;
        margin-bottom: 20px !important;
    }
    body.dark .nav-item::before {
        background-color: #fff;
    }
    body.dark .dropdown-toggle::after {
        background-color: #fff;
    }
    body.dark .dropdown-menu {
        background-color: transparent;
        box-shadow: none;
    }
    .mobile-menu .accountmenu {
        margin: 5px 0 10px 0;
    }
    .mobile-menu .accountmenu > ul > li:hover > ul {
        opacity: 1;
        bottom: 3%;
        visibility: visible;
    }
    .mobile-menu .accountmenu > ul > li > ul {
        opacity: .9;
        visibility: hidden;
        background-color: #fff;
        text-align: left;
        position: absolute;
        margin-left: 0px;
        width: 170px;
        left: 10%;
        height: auto;
        transition: width .3s .1s;
        box-shadow: 0px 1px 3px rgba(0, 0, 0, .4);
        border-radius: 3px;
    }
    .mobile-menu .accountmenu ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        z-index: 1;
        width: 40px;
        height: 40px;
        cursor: pointer;
        float: left;
    }
    .mobile-menu .accountmenu > ul ul > li {
        position: relative;
    }
    .mobile-menu .accountmenu > ul > li > ul:before {
        content: '';
        display: block;
        border-color: #fff;
        border-style: solid;
        border-width: 6px;
        position: absolute;
        top: 0px;
        left: 0px;
        margin-left: -18%;
        width: 32px;
        height: 28px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }
    .mobile-menu .accountmenu ul ul a {
        color: #4D3E32;
        font-weight: normal;
        font-size: 13px;
        background-color: #fff;
        padding: 8px 8px 8px 16px;
        display: block;
        transition: background-color .1s;
    }
    .mobile-menu .user_top {
        padding: 5px 1px 5px 6px;
        float: left;
        border: 1px;
        border-color: #665243;
        border-style: solid;
        background-color: #4D3E32;
        border-radius: 3px;
    }
    .mobile-menu .profile_thumb {
        width: 27px;
        height: 27px;
        overflow: hidden;
        margin-right: 4px;
        float: left;
    }
    .mobile-menu .top_sml_yellow_btn {
        float: left;
    }
    .mobile-menu .sign-out-bt a {
        font-size: 14px;
        color: #eee !important;
        font-weight: bold;
    }
    .mobile-menu .sign-out-bt {
        margin: 10px 0;
    }
    /* #Link to page
================================================== */
    /* hang css */
    .sitecontainer-hang-mobile .iframe-width {
        width: 100%;
    }
    /* hang css end */
    /* add_track css  */
    .sitecontainer_add_track-mobile .steps_box-1 {
        width: 150px;
    }
    .sitecontainer_add_track-mobile .steps_box-2 {
        width: 175px;
    }
    .sitecontainer_add_track-mobile .steps_box-3 {
        width: 150px;
    }
    .sitecontainer_add_track-mobile #cform p {
        margin-bottom: 10px;
    }
    .sitecontainer_add_track-mobile .addtrack_steps {
        height: 100%;
        padding-bottom: 18px;
        padding-top: 15px;
    }
    /* add_track css end */
    /* message css */
    .messages-mobile .profile_text {
            margin-left: 20%;
        }
    /* message css end */
    /* Website css */
    .mobile-input {
        border-left: 1px solid #D4D1CE;
        border-right: 1px solid #D4D1CE;
    }
    /* Website css end */
}

@media (max-width: 575px) {
    /* header css */
    .mobile-menu .accountmenu > ul > li > ul {
        left: 13%;
    }
    /* header css end */
    .quote_txt {
        width: 85%;
    }
    .sitecontainer-mobile .trackcontainer,
    .sitecontainer-mobile .largethumbnail {
        height: 250px;
    }
    .sitecontainer-mobile .trackcontainer {
        margin-bottom: 80px;
        width: 100%;
    }
    .sitecontainer-mobile .trackover_contain {
        width: 100%;
    }
    .sitecontainer-mobile .trackcontainer a {
        font-size: 14px;
    }
    .sitecontainer-mobile .trackcontainer .largethumbnail img {
        height: 250px;
    }
    .topmarketingbuttoncontainer {
        padding-right: 0;
        float: inherit;
        width: 70%;
        padding-left: 0px;
        overflow: auto;
        margin: auto;
    }
    .topmarketingcontainer {
        height: 250px;
        padding-top: 20px;
    }
    .bottommarketingbanner,
    .sitecontainer-mobile .largethumbnail {
        width: 100%;
    }
    a.white_link:visited {
        font-size: 13px;
    }
    .link-to-portfolio {
        position: fixed;
        bottom: 30px;
        right: 30px;
        z-index: 200;
        cursor: pointer;
        width: 40px;
        height: 40px;
        text-align: center;
        border-radius: 3px;
        background-position: center center;
        background-size: cover;
        background-image: url('https://ivang-design.com/ig-logo.jpg');
        box-shadow: 0 0 0 2px rgba(12, 12, 12, .1);
        transition: opacity .2s, border-radius .2s, box-shadow .2s;
        transition-timing-function: ease-out;
    }
    .link-to-portfolio:hover {
        opacity: 0.8;
        border-radius: 50%;
        box-shadow: 0 0 0 20px rgba(12, 12, 12, .1);
    }
    .topbannerheadline {
        width: 100%;
        height: auto;
    }
    .middle_title {
        font-size: 20px;
    }
    /*all_tracks */
    .sitecontainer-mobile .trackcontainer_small {
        margin-bottom: 80px;
    }
    .sitecontainer-mobile .trackcontainer_small .largethumbnail img {
        height: 250px;
    }
    /*all_tracks end*/
    /* songwriters */
    .songwriter_contain-mobile {
        width: 100%;
    }
    .site_right,
    .pagetitle_left {
        margin-left: 0;
        margin-right: 0;
    }
    .middle_form_wide {
        margin-left: 0;
        margin-right: 0;
    }
    .pagetitle_left {
        padding-bottom: 60px;
    }
    /* songwriters end */
    /* memberarea */
    .logincontainer .middle_form {
        width: 100%;
    }
    .activity-mobile .commenticon {
        width: 30px;
        height: 30px;
        margin-top: 60px;
        margin-left: 44%;
    }
    .activity-mobile .trackcomment_img {
        margin: auto;
        float: unset;
        overflow: inherit;
    }
    .activity-mobile .comment_txt {
        margin-top: 20px;
        margin-left: 0;
    }
    .activity-mobile .activity_date {
        float: unset;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    /* memberarea end */
    /* blog */
    .blog_calloutfrettie-mobile {
        background-size: contain;
        height: 280px;
    }
    .blog-sidebar-mobile .blog_post a.mobile-img img {
        height: 186px;
    }
    .blog_content iframe {
        height: 294px !important;
    }
    /* blog end */
    /* how */
    .bottom_requestform-mobile .joey {
        position: relative;
        background-position: left center;
    }
    .bottom_requestform-mobile .joey .joey_txt {
        width: 75%;
        float: unset;
        margin-right: 0;
        margin-top: 0;
        text-align: left;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        margin: auto;
        transform: translateY(-50%);
    }
    /* how end */
    /* events css */
    .bottom_requestform-events .joey {
        background-position: left center;
    }
    /* events css end */
    /* coaching css*/
    iframe .select-type img.appointment-image {
        max-width: 100% !important;
        max-height: inherit !important;
    }
    /* coaching css end */
    /* track_detail-2740 css */
    .trackdetail_mobile .track_top_text {
        width: 85%;
        margin-left: 20%;
    }
    .trackdetail_mobile .audio_large {
        height: 362px;
    }
    .trackdetail_mobile .cp-container {
        top: 35%;
        transform: translateY(-35%);
    }
    .reveal-modal {
        width: 100%;
    }
    ul.proreview_boxes,
    .track_top_text {
        width: 100%;
    }
    .track_top_text {
        margin-left: 0px;
    }
    .purchase_middleform {
        width: 100%;
    }
    /* track_detail-2740 css end */
    /* hang css */
    .sitecontainer-hang-mobile .iframe-width {
        height: 290px;
    }
    .sitecontainer-hang-mobile .iframe-width-up {
        height: 380px;
    }
    /* hang css end */
    /*footer*/
    .footer_full {
        overflow: auto;
        padding-bottom: 0;
    }
    .whoisfrettie,
    .footerlinks {
        width: 100%;
        height: auto;
        float: unset;
        margin-bottom: 50px;
    }
    /* add_track css  */
    .sitecontainer_add_track-mobile .lable_char {
        width: 90%;
    }
    /* add_track css end */
    /* profile member 704 css  */
    .profile_member-mobile .profile_text {
        margin-left: 0%;
        width: 100%;
    }
    .profile_member-mobile .profile_top_links {
        float: unset;
    }
    .profile_member-mobile .profile_top_left {
        overflow: inherit;
        margin-bottom: 10%;
    }
    .profile_member-mobile .follow_topbtn {
        margin-top: 30px;
    }
    .profile_member-mobile .trackcontainer_small .largethumbnail img,
    .profile_member-mobile .largethumbnail {
        height: auto;
    }
    .profile_member-mobile .trackcontainer_small {
        height: 83%;
        margin-bottom: 0;
    }
    .profile_member-mobile .trackoverdescripcontainer {
        height: 420px;
    }
    .profile_member-mobile .large_profile_image {
        margin: auto;
        float: unset;
    }
    /* profile member 704 css end  */
    /* modal css */
    .commentform_modal {
        height: unset;
    }
    .mobile_modal .track_top_text {
        margin-left: 11%;
    }
    /* modal css end */
     /* message css */
     .messages-mobile .blog_sidebar {
        width: 100%;
    }
    .messages-mobile p.profile_top_links {
       float: unset;
       margin-bottom: 10px;
    }
    .messages-mobile .follow_topbtn {
        margin-top: 15px;
    }
    .messages-mobile .profile_top_left {
        height: auto;
        margin-bottom: 10%;
    }
    .messages-mobile .profile_text {
        width: 100%;
        margin-left: 0;
    }
    .messages-mobile .large_profile_image {
        float: unset;
        margin: auto auto 5% auto;
    }
    /* message css end */
    /* account css */
    .sitecontainer-account .avatar_upload_contain {
        padding: 0px 0px 0px 90px;
    }
    .sitecontainer-account .avatar_upload {
        width: 50%;
    }
    /* account css end */
}

@media (max-width: 480px) {
    /* header css */
    .mobile-menu .accountmenu > ul > li > ul {
        left: 16%;
    }
    .header .top_bar h2 {
        font-size: 20px;
    }
    /* header css end */
    /*all_tracks */
    .pagetitle_left {
        padding-bottom: 20px;
        overflow: auto;
        height: auto;
    }
    /*all_tracks end*/
    /* blog */
    .blog_calloutfrettie-mobile {
        height: 230px;
    }
    .blog_content iframe {
        height: 238px !important;
    }
    /* blog end */
    /* badges css */
    .sitecontainer-badges .badge_content_container textarea {
        width: 100%;
    }
    /* badges end css */
    /* about css  */
    .sitecontainer-about-mobile .signup_input {
        width: 50%;
    }
    .sitecontainer-about-mobile .team_box,
    .sitecontainer-about-mobile .team_img {
        width: 100%;
    }
    .sitecontainer-about-mobile .team_img {
        height: auto;
    }
    .sitecontainer-about-mobile .team_img img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
    /* about css end */
    /* hang css */
    .sitecontainer-hang-mobile .iframe-width {
        height: 220px;
    }
    .sitecontainer-hang-mobile .iframe-width-up {
        height: 310px;
    }
    /* hang css end */
    /* add_track css  */
    .sitecontainer_add_track-mobile .steps_box-1,
    .sitecontainer_add_track-mobile .steps_box-2,
    .sitecontainer_add_track-mobile .steps_box-3 {
        width: 50%;
    }
    .sitecontainer_add_track-mobile .steps_box-2 .grey_circle_step-mobile {
        margin-left: 0px;
    }
    /* add_track css end */
    /* message css */
      .messages-mobile select.messaging_folder_select {
        margin-bottom: 10px;
    }
    /* message css end */
    /* gernal css */
    .feedback_middleform {
        width: 100%;
    }
     /* gernal css end */
     /* account css */
    .sitecontainer-account .avatar_upload_contain {
        padding: 0px;
    }
     /* account css */
}

@media (max-width: 425px) {
    /* header css */
    .header .top_bar h2 {
        font-size: 17px;
    }
    .mobile-menu .accountmenu > ul > li > ul {
        left: 18%;
    }
    /* header css end */
    .sitecontainer {
        padding: 30px 25px 20px 25px;
    }
    .sitecontainer-mobile .trackcontainer .largethumbnail img {
        height: 200px;
    }
    .sitecontainer-mobile .trackcontainer,
    .sitecontainer-mobile .largethumbnail {
        height: 200px;
    }
    .sitecontainer-mobile .trackcontainer a {
        font-size: 12px;
    }
    .bottommarketingbuttoncontainer-mobile {
        padding-left: 10px;
    }
    .bottomcontainer-mobile {
        height: 400px;
    }
    .testimonial_img-mobile {
        height: 100px;
        width: 100px;
        margin: 0 auto 5% auto;
        padding-bottom: 50px;
        float: unset;
    }
    .bottommarketingbuttoncontainer-mobile .testimonial {
        width: 100%;
        margin-left: 20px;
    }
    .bottomcontainer-mobile .bottommarketingbanner {
        height: 100%;
    }
    .testimonial_img-mobile {
        height: 80px;
        width: 80px;
    }
    .topbannerheadline {
        padding: 22px 10px 25px 16px
    }
    .topbannerheadline h1 {
        font-size: 18px;
        line-height: 24px;
    }
    .topmarketingbuttoncontainer a.large_btn {
        padding: 15px 0 15px 0px;
    }
    .reveal-modal {
        left: 5% !important;
    }
    .login_middleform {
        padding: 20px 25px;
    }
    /*all_tracks end*/
    .sitecontainer-mobile .trackcontainer_small .largethumbnail img {
        height: 200px;
    }
    .sitecontainer-mobile .trackcontainer_small {
        margin-bottom: 30px;
    }
    /*all_tracks end*/
    /* how */
    .blog_calloutfrettie-mobile {
        height: 215px;
    }
    .bottom_requestform-mobile .video_contain {
        width: 370px;
        height: 223px;
    }
    .bottom_requestform-mobile .how_right .video_contain iframe {
        width: 355px;
        height: 207px;
    }
    .frettie_benefits .benefit-height .testimonial_img {
        margin: 0 auto 5% auto;
        float: unset;
    }
    .frettie_benefits .benefit-height .testimonial {
        width: 100%;
        margin-left: 0;
    }
    .frettie_benefits .benefit-height .testimonial .quote_txt {
        width: 100%;
        float: unset;
    }
    .bottom_requestform-mobile .how_right {
        width: 100%;
    }
    .bottom_requestform-mobile .bottom_requestform_container,
    .bottom_requestform-mobile .how_contain {
        padding: 25px;
    }
    /* how end */
    /* events css */
    .bottom_requestform_container {
        padding: 45px 25px 25px 25px;
    }
    .frettie_benefits {
        padding: 30px 10px;
    }
    .bottom_requestform-events .how_contain.grey_bg {
        padding-left: 25px;
    }
    .bottom_requestform-events .how_contain.grey_bg .how_right .video_contain {
        width: 336px;
        height: 205px;
    }
    .bottom_requestform-events .video_contain-events iframe {
        width: 320px;
        height: 188px;
    }
    .bottom_requestform-events .sitecontainer .benefit.benefit-events {
        margin-bottom: 30px;
    }
    .bottom_requestform-events .sitecontainer .benefit .testimonial_img {
        width: 100px;
        height: 100px;
        float: unset;
        margin: auto;
    }
    .bottom_requestform-events .sitecontainer {
        padding-bottom: 20px;
    }
    .benefit {
        width: 100%;
        height: auto;
        margin-right: 0;
    }
    .testimonial {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }
    .quote {
        margin-left: -12px;
    }
    .bottom_requestform-events .joey {
        background-position: 0 0%;
        position: relative;
        height: 300px;
    }
    .joey_txt {
        width: 100%;
        float: unset;
        margin-right: 0;
        margin-top: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        text-align: center;
    }
    .joey_txt h1 {
        font-size: 20px;
        line-height: 30px;
    }
    .bottom_requestform-events .how_contain.grey_bg .how_right img {
        display: unset;
    }
    .bottom_requestform-events .sitecontainer-events .frettie_benefits img {
        width: 95%;
        height: 200px;
        max-width: 100%;
    }
    /* events css end */
    /* coaching css */
    .sitecontainer-coaching .site_left-coaching p img {
        width: 100%;
        height: auto;
    }
    .sitecontainer-coaching .site_left-coaching,
    .sitecontainer-coaching .site_left-coaching p {
        font-size: 16px;
    }
    /* coaching css end */
    /* track_detail-2740 css */
    .notepadlines {
        padding-right: 20px;
    }
    .track_top_image {
        width: 100px;
        height: 100px;
        float: unset;
        margin: auto;
    }
    .trackdetail_mobile .track_top_text {
        width: 100%;
        margin-left: 0;
        margin: 5% auto auto auto;
    }
    ul.proreview_boxes li a span.newtag {
        top: 0;
        background-position: top left;
    }
    ul.proreview_boxes li .review_tooltip {
        padding: 10px 25px 25px 10px;
        height: 120px;
    }
    ul.proreview_boxes li .review_tooltip {
        font-size: 11px;
    }
    .trackdetail_mobile .cp-container {
        left: -6%;
    }
    .trackdetail_mobile textarea.commentbox {
        margin-left: 5%;
        width: 85%;
    }
    /* track_detail-2740 css end */
    /* opportunities css */
    .sitecontainer-opportunities-mobile .opp_block_box {
        height: auto;
        width: 100%;
        background-size: contain;
        padding-top: 400px;
    }
    /* opportunities css end */
    /* blog end */
    .blog-sidebar-mobile .signup_input {
        width: 68%;
    }
    .blog-sidebar-mobile p {
        margin-bottom: 25px;
    }
    .blog-sidebar-mobile .relatedpost_img {
        float: unset;
        margin: auto;
    }
    /* blog end */
    /* add_track css  */
    .sitecontainer_add_track-mobile .middle_form_wide {
        padding: 15px;
    }
    /* add_track end css  */
    /* profile member 704 css  */
    .profile_member-mobile .trackcontainer_small .largethumbnail img,
    .profile_member-mobile .largethumbnail {
        height: auto;
    }
    .profile_member-mobile .trackcontainer_small {
        height: 83%;
    }
    .profile_member-mobile .trackoverdescripcontainer {
        height: 290px;
    }
    /* profile member 704 css end  */
     /* account css */
    .sitecontainer-account .large_profile_image {
        float: unset;
        margin: auto auto 5% auto;
    }
    .sitecontainer-account .avatar_upload {
        width: 70%;
        margin-left: 0px;
    }
    .sitecontainer-account .avatar_upload_contain {
        height: auto;
        margin-bottom: 10%;
     /* account css */
    }
    /* modal css */
    #mylyricsmodal {
        left: 5% !important;
    }
    /* modal css end */
}

@media (max-width: 375px) {
    /* header css */
    .mobile-menu .accountmenu > ul > li > ul {
        left: 20%;
    }
    /* header css end */
    .header .top_bar h2 {
        font-size: 15px;
    }
    .topmarketingcontainer {
        height: auto;
    }
    .topbannerheadline {
        width: 100%;
        height: auto;
        padding: 22px 10px 25px 15px;
    }
    .topbannerheadline h1 {
        font-size: 16px;
        line-height: 18px;
    }
    .topmarketingcontainer .topmarketingbuttoncontainer a.large_btn {
        padding: 15px 0px;
    }
    .bottommarketingbuttoncontainer-mobile {
        padding-top: 15px;
    }
    /* blog */
    .blog_calloutfrettie-mobile {
        height: 180px;
    }
    .blog-sidebar-mobile .signup_input {
        width: 63%;
    }
    .blog_content iframe {
        height: 190px !important;
    }
    /* blog end */
    /* how */
    .bottom_requestform-mobile .video_contain {
        width: 320px;
        height: 195px;
    }
    .bottom_requestform-mobile .how_right .video_contain iframe {
        width: 303px;
        height: 180px;
    }
    /* how css end */
    /* events css */
    a.large_welcome_btn,
    a.large_welcome_btn:hover {
        font-size: 18px;
        padding: 14px 18px;
    }
    .bottom_requestform-events .how_contain.grey_bg .how_right .video_contain {
        width: 303px;
        height: 185px;
    }
    .bottom_requestform-events .video_contain-events iframe {
        width: 286px;
        height: 170px;
    }
    /* events css end */
    /* badges css */
    .sitecontainer-badges .aboutcontainer h1 {
        font-size: 18px;
        line-height: 25px;
    }
    .sitecontainer-badges .badge_step_container h2 {
        font-size: 15px;
    }
    /* badges css end */
    /* opportunities css */
    .sitecontainer-opportunities-mobile .opp_block_box {
        padding-top: 350px;
    }
    /* opportunities css end */
    /* about css */
    .sitecontainer-about-mobile .aboutcontainer h1 {
        font-size: 18px;
        line-height: 25px;
    }
    /* about css end */
    /* hang css */
    .sitecontainer-hang-mobile .iframe-width {
        height: 190px;
    }
    .sitecontainer-hang-mobile .iframe-width-up {
        height: 248px;
    }
    /* hang css end */
    .reveal-modal {
        left: 4% !important;
    }
    /* add_track css  */
    .sitecontainer_add_track-mobile .steps_box-1,
    .sitecontainer_add_track-mobile .steps_box-2,
    .sitecontainer_add_track-mobile .steps_box-3 {
        width: 70%;
    }
    .sitecontainer_add_track-mobile #cform h3,
    #cform em {
        padding: 0 5px;
        font-size: 14px;
    }
    /* add_track css end */
    /* profile member 704 css  */
    .profile_member-mobile .profile_text {
        margin-left: 0%;
        width: 100%;
    }
    .profile_member-mobile .large_profile_image {
        height: 90px;
        float: unset;
        margin: 0 auto 5% auto;
    }
    .message_middleform,
    .invite_middleform {
        width: 100%;
    }
    .profile_member-mobile .trackoverdescripcontainer {
        height: 235px;
    }
    .profile_member-mobile .sml_grey_btn, 
    .profile_member-mobile .follow_sml_yellow_btn {
        display: block;
        margin-bottom: 5%;
        text-align: center;
        max-width: 150px;
    }
    /* profile member 704 css end */
    /* report css */
    .signup_form_wide-mobile .middle_title {
        font-size: 18px;
        margin: 20px 0;
    }
    /* report css end */
    /* message css */
     .messages-mobile .sml_grey_btn, 
     .messages-mobile .follow_sml_yellow_btn {
        display: block;
        margin-bottom: 5%;
        text-align: center;
        max-width: 150px;
    }
    /* message css end */
     /* modal css */
    #mylyricsmodal {
        left: 4% !important;
    }
    /* modal css end */
}

@media (max-width: 360px) {
    /* header css */
    .mobile-menu .accountmenu > ul > li > ul {
        left: 21%;
    }
    /* header css end */
    /* events css */
    .bottom_requestform-events .how_contain.grey_bg .how_right .video_contain {
        width: 291px;
        height: 180px;
    }
    .bottom_requestform-events .video_contain-events iframe {
        width: 275px;
        height: 163px;
    }
    .bottom_requestform-events .how_contain.grey_bg .how_right img {
        width: 200px;
        height: 200px;
    }
    .bottom_requestform-events .how_contain.grey_bg .how_right img.small-img {
        height: auto;
        width: auto;
    }
    /* events css end */
    .commentbox-mobile {
        margin-left: 0px;
        width: 95%;
    }
    /* songwriters */
    .songwriter_details {
        margin-left: 122px;
    }
    /* songwriters css end */
    /* report css */
    .signup_form_wide-mobile .middle_title {
        font-size: 16px;
    }
    /* report css end */
}

@media (max-width: 320px) {
    /* header css */
    .mobile-menu .accountmenu > ul > li > ul {
        left: 24%;
    }
    /* header css end */
    .header .top_bar h2 {
        font-size: 13px;
    }
    .bottomcontainer-mobile {
        height: 450px;
    }
    /* songwriters */
    .songwriter_contain-mobile {
        padding-right: 5px;
    }
    /* songwriters end */
    /* blog */
    .blog_calloutfrettie-mobile {
        height: 150px;
    }
    .blog-sidebar-mobile .signup_input {
        width: 56%;
    }
    .blog_content iframe {
        height: 160px !important;
    }
    /* blog end */
    /* how */
    .bottom_requestform-mobile .video_contain {
        width: 256px;
        height: 158px;
    }
    .bottom_requestform-mobile .how_right .video_contain iframe {
        width: 240px;
        height: 142px;
    }
    a.sml_yellow_btn_how {
        font-size: 14px;
    }
    a.large_welcome_btn {
        padding: 14px 25px;
        font-size: 14px;
    }
    /*how end*/
    /* events css */
    .bottom_requestform-events .how_contain.grey_bg .how_right .video_contain {
        width: 250px;
        height: 152px;
    }
    .bottom_requestform-events .video_contain-events iframe {
        width: 233px;
        height: 137px;
    }
    .how_headline h1 {
        font-size: 20px;
        font-weight: bold;
        line-height: 30px;
    }
    /* events css end */
    /* track_detail-2740 css */
    .lyrics_link {
        display: block;
    }
    .trackdetail_mobile .audio_large {
        height: 300px;
    }
    .trackdetail_mobile .audio_contain_lrg {
        height: auto !important;
    }
    /* track_detail-2740 css end */
    /* badges css */
    .sitecontainer-badges .badge_step_container-mobile {
        height: 160px;
    }
    /* badges css end  */
    /* opportunities css */
    .sitecontainer-opportunities-mobile .opp_block_box {
        padding-top: 300px;
    }
    /* opportunities css end */
    /* hang css */
    .sitecontainer-hang-mobile .iframe-width {
        height: 160px;
    }
    .sitecontainer-hang-mobile .iframe-width-up {
        height: 207px;
    }
    /* hang css end */
    .reveal-modal {
        left: 3% !important;
    }
    /* add_track css  */
    .sitecontainer_add_track-mobile .steps_box-1,
    .sitecontainer_add_track-mobile .steps_box-2,
    .sitecontainer_add_track-mobile .steps_box-3 {
        width: 80%;
    }
    .sitecontainer_add_track-mobile .addtrack_steps {
        padding: 15px;
    }
    .sitecontainer_add_track-mobile .lable_char {
        width: 82%;
    }
    /* add_track css end  */
    /* profile member 704 css  */
    .profile_member-mobile .trackoverdescripcontainer {
        height: 190px;
    }
    /* profile member 704 css end */
    /* report css */
    .signup_form_wide-mobile .middle_title {
        font-size: 14px;
    }
    /* report css end */
}
#accountmenu > ul > li:hover > ul{
    top: 30px !important;
}