/**
 Responsive styles for new design
**/

/* 0px - 479px */
@media (max-width: 479px) {
	#login-page .login-content-area {
		padding: 0px 5px 35px 5px !important;
	}
	
	.login-forgot {
		font-size: 14px !important;
		padding-right: 15px !important;
	}
	
	.account-signup {
		font-size: 14px !important;
		padding-left: 15px !important;
	}
	
	#login-form .forget-pass input[type=text] {
		font-size: 20px;
	}
	
	#signup-form .form-group input[type=text], #signup-form .form-group input[type=password] {
		font-size: 17px !important;
	}
	
	.post_type_div {
		width: 100%;
	}
	
	.type-button {
		/* width: 91px !important;
		height: 90px !important;
		margin: 3px !important; */
		margin: 20px;
	}
	
	.icon_post_type, .inbox-icon {
		display: none;
	}
	
	.account-title { 
		width: auto;
		margin-bottom: 10px;
	}
	
	#add_post_back_icon {
		margin-top: 0px;
	}
	
	.nav_cricles_div ul {
		margin: 0px auto 10px;
	}
	
	.add_share #section-add-chapter-new input {
		font-size: 12px;
	}
	
	.share-icon.facebook {
		margin-left: 62px;
		margin-right: 62px;
	}
	
	.share-det-image {
		width: 100% !important;
	}
	
	.preview-bottom {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.share-select {
		width: 100%;
	}
	
	.share-add-chapter-new {
		margin-top: 0px;
	}
	
	.share_content_div {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.menu_cross_icon {
		margin-left: 5px;
	}
	
	.sec-title {
		font-size: 9px !important;
	}
	
	.addpost-title-icon {
		margin-left: 10px;
	}
	
	.loaded_sec_audio_item {
		padding: 18px;
	}
	
	.livestream_content {
		padding-right: 15px;
		padding-left: 15px;
	}
	
	.smallGreyHead {
		margin-bottom: 0px;
	}
	
	.edit-title {
		font-size: 26px;
	}
	
	.edit-title-icon img {
		width: 30px;
	}
	
	.edit-page-title {
		padding-bottom: 0px;
		height: auto;
		margin-bottom: 10px;
	}
	
	.vip_post_div {
		width:100% !important;
	}
	
	.vip_resp_div {
		margin:0 auto;
		width: 196px;
	}
	
	#btnMerchPost {
		margin-left: 10px;
	}
	
	.upload-vip-img {
		width: 120px;
		margin: auto;
		float: none !important;
	}
	
	.resp-width {
		width: 100% !important;
	}
	
	.publish-opt {
		margin-top: 5px;
	}
	
	.pub-time {
		margin-top: 30px;
	}
	
	#vip-merch-description-container {
		top: 166px;
	}
	
	.header-icon {
		margin-right: 5px;
	}
	
	.header-content-top-resp{
		font-size: 10px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 60px;
	}
	
	.header-content-time-resp {
		font-size: 8px;
	}
	
	.header-icon.header-icon-edit {
		margin-right: 3px;
	}
	
	.trash_box_icon {
		margin-top: 10px;
	}
	
	.sec-label {
		float: left;
		padding-right: 0px;
	}
	
	div.publish-time.col-xs-2.col-sm-2.col-md-2 {
		margin-top: 28px;
	}
	
	.message-list-header {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	
	.message-write-button {
		float: left;
	}
	
	.create-event {
		margin-left: 10px;
	}
	
	.resp-padding {
		padding-left: 15px;
	}
	
	#radio_conatiner_inner_vip_event {
		width: auto;
	}
	
	#radio_conatiner_inner_merch {
		width: 40px;
	}
	
	#radio_conatiner_inner_all {
		width: 27px;
	}
	
	#bouncer_lists_table .group_head_th {
		font-size: 10px;
	}
	
	.bouncer_list_name, .bouncer_list_date, .bouncer_tickets_remaining, .bouncer_total_tickets {
		font-size: 12px;
	}
	
	.edit_icon {
		margin: 0px 12px;
		margin-bottom: 6px;
	}
	
	.bouncer_list_delete {
		margin-left: 12px;
	}
	
	.boucer-published-heading-text {
		padding-bottom: 5px;
	}
	
	#edit_uploaded_event_div, #edit_vip_first_section_right_side {
		width: 100%;
	}
	
	.event_est {
		margin-top: 20px;
	}
	
	.no-right {
		padding-right: 0px;
	}
	
	.event-labels {
		margin-top: 10px;
	}
	
	.bouncer-admin-title {
		font-size: 18px !important;
	}
	
	.bouncer_admin_list_edit, .bouncer_admin_list_delete {
		margin-left: 10%;
	}
	
	.bouncer-admins-create-new-dev {
		float: right;
	}
	
	.message-list-page .subscribers {
		padding: 7px 35px 5px 5px;
	}
	
	.message-list-page .subscribers .all-subscribers, .message-list-page .subscribers .all-followers {
		margin-top: 3px;
		margin-bottom: 3px;
	}
	
	.message-view-page  .message-write-button {
		margin-left: 15px;
	}
	
	.message-list-page  .message-write-button {
		margin-left: 35px;
	}
	
	.message-write-font {
		font-size: 24px !important;
	}
	
	.focuspoint img {
		left: 0 !important;
	}
	
	.page-title {
		font-size: 27px;
	}
	
	#manage-explore-chapter-tile-container.grid-layout .manage-explore-chapter-tile:nth-child(odd) {
		margin-right: 15px;
		margin-left: 5px;
	}
	
	.manage-explore-chapter-tile {
		margin-bottom: 15px;
	}
	
	.click_to_edit_chapter_text {
		font-size: 11px;
		top: 10px;
		left: 5px;
	}
	
	.mob-post-padding {
		left: 60px !important;
	}
	
	.hold_and_drag_to_rearrange_text {
		font-size: 11px;
		top: 35px;
	}
	
	.manage-explore-tile-chapter-text {
		font-size: 12px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.btn-no-float {
		float: none !important;
	}
	
	.vast_btn_160 {
		width: 140px;
	}
	
	#btn_unpublish_chapter {
		margin-right: 0px;
	}
	
	.mob-post-title {
		display: none;
	}
	
	.title-section-container .title-section span.title-section-title { 
		font-size: 12px;
	}
	
	.settings-page-account-image-container {
		left: 85px;
	}
	
	.fifty_percent_tile:nth-child(odd) {
	   margin-right:15px;
	   margin-left: 5px;
	}
	
	.title-section-container .title-section span.title-section-date-from {
		padding-left: 0px !important;
	}
	
	.title-section-container .title-section span.title-section-title {
		padding-left: 0px !important;
	}
	
	.title-section-profile-img-cont {
		display: none;
	}
	
	.addpost-title-icon img {
		width: 19px !important;
		top: 8px !important;
	}
	
	.add-post-title {
		padding-left: 30px !important;
	}
	
	.share-section .share-section-inner span.like-count{
		margin-right: 5px !important;
	}
	
	.share-section .share-section-inner span.like-icon{
		margin-right: 5px !important;
	}
	
	.share-section {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

/* 480px - 767px */
@media (min-width: 480px) and (max-width: 767px) {
	.post_type_div {
		width: 100%;
	}
	
	.vip_post_div {
		width:100% !important;
	}
	
	.vip_resp_div {
		margin:0 auto;
		width: 242px;
	}
	
	#btnMerchPost {
		margin-left: 20px;
	}
	
	.upload-vip-img {
		width: 120px;
		margin: auto;
		float: none !important;
	}
	
	.feed-title-text {
		font-size: 42px;
	}
	
	.message-write-button {
		margin-top: 5px;
	}
	
	.boucer-published-heading-text {
		padding-bottom: 5px;
	}
	
	#edit_uploaded_event_div, #edit_vip_first_section_right_side {
		width: 100%;
	}
	
	.event_est {
		margin-top: 20px;
	}
	
	.no-right {
		padding-right: 0px;
	}
	
	.event-labels {
		margin-top: 10px;
	}
	
	.mob-post-title {
		display: none;
	}
	
	.form-group .mob-social-label {
		width: 25% !important;
		float: left;
	}
	
	.mob-social-icon {
		width: 60% !important;
		float: left;
	}
	
	.settings-page-account-image-container {
		left: 85px;
	}
	
}
@media (min-width: 480px) and (max-width: 567px) {
	#add_post_back_icon {
		margin-top: 7px;
	}
	
	.edit-title {
		font-size: 36px;
	}
	
	.feedpage-title {
		height: auto !important;
		padding-bottom: 0px;
		width: auto;
		float: none !important;
	}
	
	.feed-title-right {
		width: 194px;
		margin: 0px 1px 32px;
		float: none;
		text-align: center;
	}
	
	.feed-title-right div {
		float: left;
	}
	
	.date_chapter {
		padding-left: 10px;
	}
	
	.trash_box_icon {
		margin-top: 10px;
	}
	
	.message-write-button {
		margin-top: 10px;
	}
	
	.bouncer-admin-title {
		font-size: 18px !important;
	}
	
	.message-list-page  .message-write-button {
		margin-left: 35px;
	}
	
	.focuspoint img {
		left: 0 !important;
	}
	
	.page-title {
		font-size: 27px;
	}
	
	.click_to_edit_chapter_text {
		font-size: 14px;
		top: 20px;
		left: 5px;
	}
	
	.hold_and_drag_to_rearrange_text {
		font-size: 14px;
		top: 55px;
	}
	
}
@media (min-width: 480px) and (max-width: 598px) {
	.type-button {
		/* width: 86px !important;
		height: 86px !important;
		margin: 2px !important; */
		margin: 15px;
	}
	.icon_post_type, .inbox-icon  {
		display: none;
	}
	
	.msg-right {
		float: right;
	}
	
	.manage-explore-tile-chapter-text {
		font-size: 18px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.title-section-container .title-section span.title-section-title {
		font-size: 14px !important;
	}
}
@media (min-width: 599px) and (max-width: 610px) {
	.type-button {
		/* width: 86px !important;
		height: 86px !important;
		margin: 5px !important; */
		margin: 20px;
	}
	
	.manage-explore-tile-chapter-text {
		font-size: 18px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.title-section-container .title-section span.title-section-title {
		font-size: 14px !important;
	}
}
@media (min-width: 568px) and (max-width: 767px) {
	.share-select {
		width: 310px;
	}
	.feed-title-right {
		padding-top: 5px;
	}
}

/* 768px - 1023px */
@media (min-width: 768px) and (max-width: 1023px) {
	.type-button {
		width: 100px;
		height: 100px;
		float: left;
		margin: 15px; /* 10px; */
	}
	
	.title-section-container .title-section span.title-section-title {
		font-size: 14px !important;
		letter-spacing: 0.5px;
	}
	
	.mob-post-title {
		width: 136px !important;
	}
}
@media (min-width: 768px) and (max-width: 989px) {
	.share-select {
		width: 504px;
	}	
}
@media (max-width: 800px) {
	.left-sidebar {
		padding-top:0px;
	}
	
	.left-sidebar .sidebar_dr{
		width:100%;
	}
	
	.menu_cross_icon{
		display:block;
	}
	
	.toggle_on_mobile_menu_item{
		display:none;
	}
	
	.mobile_menu_active .toggle_on_mobile_menu_item{
		display:block;
	}
	
	.mobile_menu_active .content-area{
		display:none;
	}
	
	.publish-time {
		margin-top: 28px !important;
	}
}

/* 1024px - 1199px */
@media (min-width: 1024px) and (max-width: 1199px) {
	.type-button {
		width: 100px;
		height: 100px;
		float: left;
		margin: 20px; /* 5px; */
	}
	.share-select {
		width: 410px;
	}
	.title-section-container .title-section span.title-section-title {
		font-size: 12px !important;
		letter-spacing: 0.5px;
	}
	
	.mob-post-title {
		width: 136px !important;
	}
}

/* 0px - 768px */
@media (max-width: 768px) {
	.social-resp {
		margin-top: 10px;
	}
}

@media (max-width: 546px) {
	#sort_alphabet .short-text{
		display:none;
	}
}

@media (max-width: 486px) {
	#sort_alphabet .short-text{
		display:block;
	}
	
	#sort_alphabet .full-text{
		display:none;
	}
}

@media (max-width: 375px) {
	.admin-list-user-sort{
		font-size:11px;
		padding-top:12px; 
	}
}