#header-inner { width: 100%; }
#mainSection {width: 70%; padding: 1% 2% 40px; }
#mainSection2 {width: 70%; padding: 1% 15% 80px; }
#mainSection3 { width: 100%; padding: 0 !important; } /* top offset now from #container padding-top */
.mainSection3_extra_padding { padding: 50px 20px 20px 20px; }
#adSection { width: 100%; }
#page-content section { padding: 10px 0 0 0; }
#menuSection { display: block; width: 22%; }
#page-content { width: 100%; padding: 0 20px; }
#container { width: 100%; margin: 0; padding-top: 64px; } /* 64px = fixed site_header height */
#mainSection, #mainSection2, #mainSection4, #mainSection5 { padding-top: 30px; }
#mainSection4 { background-color: #282627; }
#mainSection5 { background-color: #443d3d; }
.default_profile_image { display: none; }

@media only screen and (max-width: 1500px) {
  #logoGraphicMobile {
    width: 15%;
  }
  #logoGraphicMobile img {
    width: 100%;
  }
}
@media only screen and (max-width: 1380px) {
  #top_bar a, #top_bar_left_hidden a, #top_bar_right a, #top_bar_right_hidden a {
  	width: 72px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 1300px) {
 #menuSection {display: none;}
 #page-content { padding: 0 5px; width: 95%; }
  .logged_in_menu i { display: none; }
}
@media only screen and (max-width: 1200px) {
 #menuSection {display: none;}
 #page-content { padding: 0 5px; width: 95%; }
 .footer-ad { padding: 20px 20px; }
 .members-grid { grid-template-columns: 1fr 1fr 1fr; }
 .small-header { font-size: 20px; }
 .project-inner p { width: 100%; font-size: 18px; line-height: 30px; }
 .charts-inner { padding: 110px 10px 0 5px !important; }
 .charts-intro { width: 100%; }
 #logoWords h1 { margin: 50px 0 10px 0; }
 .menu_nav .logo_span {
   display: none;
 }
 .choose_account a{font-size:15px}
}
@media only screen and (max-width: 1120px) {
  .home_cols { display: block; }
  .home_col_2 {
    padding: 20px 0 0 0;
  }
  .other_options { margin-top: 20px; }
}
@media only screen and (max-width: 1100px) {
  .logged_in_menu a { font-size: 13px; }
  #top_bar a { width: 35px; }
  #top_bar_left_hidden, #top_bar_right_hidden {
   display: none;
  }
  #top_bar { height: 17px; }
  .new_flash { display: none; }
  .profile-inner { margin-bottom: -20px; }
   .big_promo h3, .big_promo2 h3 {
     font-size: 26px;
     line-height: 32px;
   }
   .big_promo h4, .big_promo2 h4 {
     font-size: 18px;
     font-weight: 300;
   }
   #navbarMenu {
     top: 107px;
   }
   .choose_account div {
     padding: 35px 20px;
     margin-bottom: 10px;
   }
}
@media only screen and (max-width: 1050px) {
  .td_ad { display: none; }
  .td_ad2 { display: block; }
  .profile-header { display: block; background-color: #282627; padding: 0; margin: 0; }
  .profile-image { background-color: #282627; text-align: left; padding: 0 0 18px 0; }
  .profile-image-diagonal { display: none; }
  .small-profile-image img { width: auto !important; }
  .default_profile_image { display: block; }
  /* .default_profile_image2 { display: none; } */
  .notification { width: 86%; }
  .project_example { display: none; }
  /* .profile-image {
    padding-top: 40px;
  } */
  .menu_nav_right {
    padding-top: 40px;
  }
  .put_your_photo_here {
    font-size: 24px;
    position: static;
  }
  .members_pagination {
    display: block;
    padding: 0 30px;
  }
  .members_pagination h3 {
    top: 0;
  }
  .members_pagination p, .members_pagination a span { display: none; }
  .goto_page { display: none; }
  .page_with_side_menu {
    grid-gap: 40px;
  }
}
@media only screen and (max-width: 970px) {
 #page-content section { padding: 10px 0px 0px 7px; }
 #container {width:100%;}
 #adTitle {width:100%;}
 #searchResults {width:100%;}
 .ad, .adPremium, .adPro {width:100%; padding:10px;}
 .music-item, .music-item-profile { width: 100%; padding: 0; }
 h1 {font-size: 2.4em; margin: 40px 0;}
 h2 {font-size: 1.4em;}
 #logoWords {margin:30px 0 0 0 ;width: auto;}
  #header-inner {width:auto;}
  .statements {
    display: block;
  }
 #adSection, .sectionHolder { width: 100%; }
 #logoGraphicMobile span { display: inline; font-size: 120px; }
  #logoGraphicMobile {
    width: auto;
  }
  #logoGraphicMobile img {
    width: 150px;
  }
  .leftaligned { padding: 10px 0 0 7px; }
  #mainSection, #mainSection2, #mainSection3, #mainSection4 { width: 100%; padding: 140px 1% 0; }
  .logged_in_menu {
    width: 98%;
    padding: 20px 1%;
  }
  #replySection { padding: 1%; }
  #top_bar a, #top_bar_left_hidden a, #top_bar_right a, #top_bar_right_hidden a {
	width: 37px;
  }
  .profile-inner { padding: 10px 10px 10px !important; margin-top: 85px; }
  .profile-image { background-position-y: 0; }
  /* .new-members { display: none; } */
  .user-list-item { width: auto; }
  #top_tool_buttons a {
    margin-right: 15px;
    font-size: 14px;
  }
	.desktop_only_work { display: none !important; }
  .mobile_only_work { display: inline-block; }
  .mobile_only { display: block; }
  #charts-sort { margin: 10px 10px 30px; grid-template-columns: 130px 130px 150px 130px 130px; grid-gap: 20px; font-size: 14px; }
	.profile-alt-bg {
	  margin: 0 -10px;
	  padding: 5px 10px 30px;
	}
	.profile-alt-bg2 {
	  margin: 0 -10px;
	  padding: 15px 10px 20px;
	}
  .profile-header-text {
    padding-top: 20px;
  }
  .account_needs_attention {
    margin: 70px -30px 0 0;
  }
  .member_type {
    padding: 10px 10px;
    margin: 20px -10px 30px;
  }
  .profile-inner h1{ margin-top: 100px !important; }
  #searchForm { width: 300px; }
  #search_members, #search_keywords, #search_locations {
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 900px) {
  .eachmonth { font-size: 14px;
    margin: 0 auto 10px;
    /* width: 230px; */
    display: block;
  }
  .menu_break { display: block; }
  .project { display: block; }
  #top_tool_buttons a {
    padding: 10px 7px;
    margin-right: 0px;
    font-size: 14px;
    display: block;
    text-align: left;
  }
  .pricing-help { width: 90%; padding: 0 0 0 15px; border-left: 2px solid #7E7F9A; }
  .nav-grid {
    grid-template-columns: 1fr 1fr;
  }
  #page-header {
      padding: 90px 0 20px 20px;
  }
  #mainSection, #mainSection2, #mainSection3, #mainSection4, #mainSection5 { padding-top: 120px; }
  .inline-buttons {
    display: block;
  }
  .big_promo {
    grid-template-columns: 1fr 2fr;
  }
  .big_promo2 {
    grid-template-columns: 2fr 1fr;
  }
  #blogList { display: block; }
  .blogFeaturedImage img, .blogListImage img {
    width: 100%;
  }
  .blogListImage a img {
    width: 100%;
  }
  footer { padding: 60px 20px 40px; }
  .footer-inner { display: block; }
  .left-aligned, .right-aligned { text-align: center; }
  .footer-logo { margin-top: 30px; }
  .youtube_embed { width: 100%; height: 380px; }
  .artist_promo_text {
    width: 100%;
    padding: 0px;
  }
  .choose_account {
    display: block;
  }
  .standard_select {
    margin-top: 40px;
  }
  .blog_img { 
    width: 100%;
  }
}
@media only screen and (max-width: 815px) {
  #header-inner {width:auto;}
 #logoGraphicMobile { width: auto; }
 #logoGraphicMobile img { width: 100px; }
 #footerInner {	margin: 0px;width: auto;padding:10px;}
 #footerArticles {display: block;}
 #logoGraphicMobile span { display: inline; font-size: 80px; }
 .account-textbox { width:520px; }
 .move_icon { display: none; }
 #blogMainContent { width: 94%; }
 .menu_nav_right span {
    display: none;
  }
  #submit_search_members, #submit_search_keywords, #submit_search_locations, #submit_search_members_mobile, #submit_search_keywords_mobile, #submit_search_locations_mobile {
    right: 0;
  }
  .filters_desktop { display: none; }
  .filters_mobile { display: block; }
}
@media only screen and (max-width: 768px) {
  /* #searchForm { padding: 15px 5px;} */
  #page-content section { padding: 10px 0px 0px 3px; }
  #postAdArea {
    width: 100%;
	}
  .connect_text { width: 68%; }
  .footer-ad { display: block; padding: 20px 20px; }
  .footer-ad h3 { text-align: left; padding: 20px 0px 20px; }
  .footer-ad p { text-align: left; padding: 0 0 30px; }
  #tools_container { padding: 100px 30px 30px; }
  #helper { top: 290px; left: 30px; }
  .members-grid { grid-template-columns: 1fr 1fr; }
  .song_date { display: none; }
  .profile-skills{flex-wrap:wrap}
  .profile-skills div {
    margin: 0 10px 0 0; padding: 0;
  }
  .listed_project { display: block; }
  .project_song_header { font-size: 18px; }
  .pitch_item { display: block; margin-bottom: 60px; }
  #participants_area { display: block; }
  .participant { margin-bottom: 10px; }
  .sixcols { grid-template-columns: 1fr 1fr 30px 30px; }
  .project_info p { width: 100%; }
  .soundcloud_embeds iframe { width: 100%; }
  .music-item { grid-template-columns: 40px 1fr; }
  .music_plays, .music_mover { display: none; }
  .chart_number { font-size: 26px; }
  .music-item h2, .music-item-latest h2, .music-item-profile h2 { font-size: 16px; }
  .chart_number { margin-top: 0; }
  #homepage_banner {
    display: block;
  }
  #welcome_video {
    display: none;
  }
  .dashboard {
    grid-template-columns: 1fr 1fr;
  }
  .dashboard a, .choose_account div {
    padding: 15px 28px;
    font-size: 17px;
    line-height: 20px;
  }
  .dashboard a i {
    font-size: 25px;
  }
  .youtube_embed { width: 100%; height: 350px; }
  .work_overview {
    display: block;
    padding: 10px 0;
  }
}
@media only screen and (max-width: 767px) {
	.logged_in_menu { display: none; }
  #editProject input, #editProject textarea { font-size: 16px; padding: 10px 10px; margin: 5px 0 10px; width: 94%; }
  .two-images-side-by-side { display: block;  }
  .two-images-side-by-side img { margin-bottom: 20px; }
  #user_month_totals { display: block; }
  #user_month_totals div { margin-bottom: 5px; }
  #main_logo { width: 80px; }
  #page-header { grid-template-columns: 80px 1fr; }
  header {
    padding: 15px 5px 0px;
  }
  .profile-header img { width: 100%; height: auto; }
  .profile-image img { width: 100%; }
  .home_header_img_mobile {
    width: 100%;
    display: block;
  }
  .page_with_side_menu {
    display: block;
  }
}
@media only screen and (max-width: 756px) {
  .mobile_only3 { display: inline; }
  #charts-sort, #account-menu { display: block; }
  .chart-intro {
    width: auto;
    font-size: 14px;
    line-height: 26px;
  }
  .success-arrows i { font-size: 80px; padding: 90px 0 0; }
  .success-image { width: 180px; }
  .direct_message_select { width: 300px }
}
@media only screen and (max-width: 640px) {
  .mpu_graphic_ad img, .bottom_ad img { width: 100%; }
  h1 {font-size: 2em;margin:40px 0;width:auto;}
  h2 {font-size: 1.5em;}
  h3 {font-size: 28px;}
.account-textbox { width:420px; }
 #container {width:100%;margin:0}
 #mainSection, #mainSection2, #mainSection3, #mainSection4 #adSection {padding: 100px 2% 2%;}
 #menuSection {width:270px;}
 #logoGraphicMobile { width: auto; }
 #logoGraphicMobile img { width: 50px; }
 #header-inner {width:auto;}
 .musicalTasteCheckBox { width: 100%; }
 #logoGraphicMobile span { font-size: 50px; }
 .upload-description { width: 500px; }
 #helper { top: 270px; }
 .move_icon { display: none !important; }
 #tools_container { padding: 20px 10px 10px; }
 .pitches { display: block; }
 .pitches span { display: inline; }
 .pitches_header { display: none; }
 .pitches div { margin: 10px 0; }
 #logoWords { margin:0 20px 0 0; width: auto; padding-bottom: 20px; }
 #logoWords h1 {
     margin: 50px 0 0;
     font-size: 22px;
     line-height: 33px;
     margin-bottom: 20px;
 }
 #logoWords h2 {
     font-size: 46px;
     line-height: 50px;
 }
 #logoWords h3 {
     font-size: 26px;
     line-height: 32px;
 }
 #members_filters {
   margin: 0 -40px 10px -20px;
 }
 .banner_image {
   width: 105%;
  }
}
@media only screen and (max-width: 600px) {
	.desktop_only { display: none !important; }
  .mobile_only2 { display: block; }
  .skills-checkboxes { grid-template-columns: 1fr 1fr; }
  .genres-checkboxes { grid-template-columns: 1fr 1fr 1fr; }
  .members-grid, #subs { display: block; }
  #subs div { margin-bottom: 10px; }
  #payments { display: block; }
  #payments div { margin-bottom: 10px; }
  #payments div span { display: inline; font-weight: bold; }
  .payments_header { display: none; }
  #account-messages { display: block; }
  #account-messages div { margin-bottom: 10px; }
  .members-menu, .project-buttons { display: block; }
  .members-menu div, .project-buttons div { margin-bottom: 10px; }
  .members-menu div i { font-size: 50px; padding: 10px; }
  #songs_added_to_project h3, #music_added_to_project h3 { font-size: 24px; }
  .btn-primary, .btn-add, .btn-view, .btn-delete {
    padding: 8px 12px;
    font-size: 14px;
  }
  #ad_filter_mobile, #ad_filter_mobile_label {
    display: block;
  }
  .btn-cancel { font-size: 14px; padding: 8px 10px 8px; }

  .menu_nav_left img {
    width: 50px;
}
  .nav-grid div span { display: none; }
  .nav-grid div {
    font-size: 20px;
    height: 28px;
    padding: 5px 20px 15px;
  }
  #homepage_banner {
    display: block;
  }
  .big_promo {
    display: block;
    background-image: url('/images/big-promo-bg-mobile.jpg');
  }
  .big_promo2 {
    display: block;
    background-image: url('/images/success2_mobile.jpg');
    background-size: cover;
  }
  .checkboxform {
    padding: 10px;
  }
  .h2_with_top_border_no_float {
    padding: 20px 0 10px;
  }
  .sponsor_block a { position: static; }
  .promo_slider_mobile { display: block !important; }
  .promo_slider, .promo_slider_autoplay { margin: -15px -20px 0 -10px !important; }
  .dm_form {
    display: grid;
    grid-template-columns: 1fr 80px;
    grid-gap: 0px;
  }
  #upload-form {
    margin-top: 7px;
  }
  .message_bubble {
    padding: 5px 10px;
  }
  .textarea { width: 84% !important; }
  .vc_ads_holder { padding: 30px 20px 0; }
  .ad { display: block; }
  .not_logged_in {
    padding: 40px 20px;
  }
  .logo_sr {
    margin: 40px 0 30px;
  }
  .logo_sr b {
		font-size: 5vh;
  }
  .one_free {
    font-size: 18px;
    padding: 30px 20px 10px;
  }
}
@media only screen and (max-width: 540px) {
	#menuMobile {display: block;position: absolute;top: 50px; }
  .song_line { grid-template-columns: 3fr 60px; }
  .song_line_stats { display: none; }
  .song_verse, .song_chorus, .song_bridge, .song_intro, .song_ending, .song_middleeighth { padding: 0px 0 10px 5px; }
  .song_line_input {
    margin: 0 0 8px !important;
    padding: 3px 7px !important;
    font-size: 16px !important;
  }
  .delete_container { margin: 2px 0 0; }
  .delete_line {
    padding: 2px 9px;
    border-radius: 16px;
    margin: 0 20px;
  }
  .move_icon, .clone_icon, .delete_icon { font-size: 16px; }
  .song_element {
    padding: 7px;
    font-size: 13px;
    border-radius: 10px;
  }
  #song_header { margin: 0; }
  .your-web-links { display: block; }
  .your-web-links div { margin-bottom: 0; }
  .web-link-heading { display: none; }
  .sale {
    padding: 0;
    border-bottom: 0;
    font-size: 16px;
    color: white;
  }
  .sale_holder { margin: 10px 0; }
  #page-header { display: block; }

  .offer {
    padding: 5px 10px;
    border-bottom: 0;
    margin: 0;
    font-size: 18px;
  }
  #new-sign { font-size: 22px; }
  #logoWords h3 { display: none; }
  .adFilterItem { display: none; }
  .central-menu-item { margin: 0 0 5px; }
  #back_to_top {
    bottom: 63px;
  }
  .multiple_messages, .multiple_messages2 { display: none; }
  .youtube_embed { width: 100%; height: 210px; }
  #reason_for_leaving { width: 200px; }
}
@media only screen and (max-width: 480px) {
  /* 480 =================================================== */
  h1 {font-size: 2em;margin:20px 0 30px;width:auto;}
  h3 { font-size: 28px; margin: 0 0 10px !important;line-height: 30px;}
  #searchForm {margin-top: 0px;padding-top:0; margin-left: 0;}
  #keywords {width:200px;font-size: 1.1em;}
  #header-inner {width:auto;}
  #container {width:100%;margin:0}
 #logoGraphicMobile span { font-size: 36px; }
 .account-textbox { width:320px; }
  .upload-description { width: 400px; }
  /*.textarea { width: 380px !important; }*/
  .textarea { width: 89% !important; }
  .message_thread_item2, .thread-alt-bg {
    padding: 5px 10px 5px 10px;
  }
  .modal { width: 100% !important; padding: 15px 20px !important; }
  #modal_content { margin: 0 0 20px 0; }
  #modal_content h2 { margin: 10px 0 15px; }
  .send_btn { margin: 10px 0 0 0; }
  #song_title { font-size: 18px; }
  #tools_container h1 { font-size: 3em; }
  #top_tool_buttons, #song_builder_login { margin: 20px -10px; padding: 10px; }
  #top_tool_buttons a i { font-size: 17px; }
  #top_tool_buttons {
    /*border-bottom: 2px solid #664f50;*/
    padding-bottom: 10px;
  }
  .listed_song { grid-template-columns: 1fr 50px 50px 50px; font-size: 14px; padding: 10px 0; }
  .sixcols { grid-template-columns: 1fr 1fr 30px 30px; }
  .listed_song i { font-size: 20px; }
  .listed_project i { font-size: 18px; }
  .song_element { border-radius: 5px; }
  #autosave_notice {
    padding: 7px;
    border-bottom: 0;
    top: 40px;
    font-size: 14px;
    right: 0px;
    position: fixed;
    background-color: #7E7F9A;
  }
  #modal_content p { line-height: 35px; }
  .open_template {
    padding: 5px 10px;
    background-color: #7E7F9A;
    border-radius: 10px;
    color: white;
    display: block;
    line-height: 25px;
    margin-bottom: 5px;
    text-align: center;
  }
  #helper { top: 220px; width: 78%; left: 10px; }
  .adsense-ad-post { height: 288px; }
  .skills-checkboxes, .genres-checkboxes { display: block; }
  input[type="text"], input[type="password"], .textarea {
    /* font-size: 1.6em; */
    margin-bottom: 20px;
  }
  .notification {
    width: 93%;
    padding: 10px 10px;
  }
  .project-meta, .project-meta2 { display: block; }
  .project-meta div, .project-meta2 div { margin-bottom: 5px; }
  .divider { width: 100%; }
  .profile-header { display: block; }
  .profile-header-text { padding: 0; }
  .profile-inner { margin-top: 90px; }
  .profile-inner h3 { padding-top: 20px; }
  .profile-inner h1{ margin-top: 70px !important; }
  #page-header {
      /* background-image: url('/images/man_with_guitar_mobile.jpg'); */
  }
  .music_plays span { font-size: 20px; }
  .music_mover i { font-size: 20px; }
  .chart_number { font-size: 16px; }
  .music-item { grid-template-columns: 20px 1fr; grid-gap: 5px; }
  .music_plays, .music_mover { background: none; }
  .home_header_buttons {
    display: block;
  }
  .btn-primary, .btn-add, .btn-view, .btn-delete, .btn-red, .btn-blue {
    font-size: 15px;
  }
  .badges_holder {
    gap: 25px;
    margin-left: 10px;
  }
  .logo_span {
    line-height: 3px;
  }
  .menu_nav_right {
    padding: 7px 20px 0 0;
  }
  #navbarMenu {
    top: 75px;
  }
  #logoWords h1 {
      margin: 0;
  }
  .members_title {
    margin: 0px 0 20px !important;
  }
  #show_hide_filters { position: absolute; top: 277px; right: 20px; }
  .account_needs_attention {
    margin: 30px -20px 0 0;
  }
  .big_promo_text {
    padding: 20px;
  }
  .success-story-images {
    padding: 0;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
  }
  .success-image { width: 100%; }
  .success-arrows { display: none; }
  .lookingFor {
    /* margin: 10px 10px 0 0; */
  }
  .reply {
    margin: 10px 30px 10px 0;
  }
}
@media only screen and (max-width: 440px) {

}
@media only screen and (max-width: 375px) {
  .account-textbox { width:300px; }
  .upload-description { width: 300px; }
  #search_members, #search_keywords, #search_locations {
     font-size: 15px;
     width: 180px;
     padding: 6px 8px 5px;
  }
  #submit_search_members, #submit_search_keywords, #submit_search_locations {
    padding: 9px 15px 6px;
  }
  #show_hide_filters i {
    padding: 0;
  }
  #show_hide_filters span {
    display: none;
  }
}
@media only screen and (max-width: 360px) {
 #logoWords {margin:0 20px 0 0;width: auto;}
  .ad, .adPremium, .adPro {}
 #header-inner {width:auto;}
 #container {width:100%;margin:0}
 .account-textbox { width:280px; }
 /*.textarea { width: 320px !important; }*/
 .adLevel { padding: 14px 5%; }
 .home_cols { padding: 40px 10px 20px; }
}
@media only screen and (max-width: 350px) {
  #logoWords h2 {
      font-size: 22px;
      line-height: 30px;
  }
}
@media only screen and (max-width: 340px) {
  .choose_account a { font-size: 14px; }
}
@media only screen and (max-width: 320px) {
  /* 320 =================================================== */
 #container {width:100%;margin:0}
 .adColumn2 { padding: 10px 0px 0px;}
 #header-inner {width:auto;}
 .account-textbox { width:250px; }
 .song_element { padding: 5px; }
 /*.textarea { width: 290px !important; }*/
}