@media (max-width: 1199px) {

}
@media (max-width: 991px) {
	.chat-message-typer{
		margin-bottom:60px;
	}
	.accordion-collapse .accordion-body a,
	.vb-sidebar .sidemenu-list > a:not(.btn){
		color:#000;
	}
	.vb-topbar .right-content > ul > li i{
		color:#fff;
	}
}

@media (max-width: 767px) {
	.suggested-member-mobile.slick-initialized {
		display: block !important;
	}
	.suggested-member-mobile-tilte{
		display: block !important;
	}
	.vb_imagecombo_lbox .lightbox-post-footer.post-comments span#post-popup-comment i{
		position: absolute;
		display: inline-block;
		color: #000;
		top: 10px;
		bottom: 0;
		left: 360px;
		font-size: 16px;
	}
	.vb_imagecombo_lbox .lightbox-post-footer.post-comments .emo-post-container.dropdown-menu{
		left: 0px !important;
	}
	.vb_imagecombo_lbox .lightbox-post-footer.post-comments span.input-group-btn.emo-comment.dropdown-toggle{
		position: absolute;
		display: inline-block;
	}
	.vb_imagecombo_lbox .lightbox-post-footer.post-comments{
		height: 75px;
		position: fixed;
		bottom: 0;
		padding-right: 0;
		padding-left: 0;
		left: 0;
		width: 100%;
	}
	.profile-avatar-changer{
		display:block !important;
	}
	.comment-reply .vb_commreply_combo .feed-comment-options{
		margin-top:2px;
	}
	.comment-reply .vb_commreply_combo .feed-comment-options .btn:not(.social-btn){
		padding: 0 0 0 0;
		margin-top: 2px !important;
		line-height: 2;
	}
	.comment-reply .vb_commreply_combo .feed-comment-options span:first-child{
		display:inline-block !important;
	}
	.comment-record .mejs__container{
		margin-top: 0px !important;
	}
	.vb_user_profile .vb-feed{
		padding-bottom: 10rem;
	}
	.vb-feed .vb-feed-inner .post-image-grids{
		margin-left: -1.1rem;
		margin-right: -1.1rem;
	}
	#vb_msg_right_prt .message-option-btns .btn:hover{
		background-color: #fff;
	}
	.feed-comment-options .option i{
		font-size: 16px;
		line-height: 1.8;
	}
	.comment-btn-wrapper .option, .add-feed-comment .feed-comment-field .feed-comment-options .option, .feed-comment-options .option{
		width: 35px;
		height: 30px;	
		margin-top: 5px;
		vertical-align: middle;
	}
	.feed-comment-options .option:last-child{
		margin-right:5px;
		pointer-events: all;
	}
	.record-comment-audio svg.feather{
		margin-top: -13px !important;
	}
	.topbar-icons-header #header-user-dropmenu{
		left: -122px;
		top: auto;
		bottom: 40px;
	}
	.vb_setting_sidebar ul.list-group.filterby.settings-by{
		padding-bottom:0 !important;
	}
	.vb_setting_sidebar ul .list-group-item a svg.feather{
		opacity:0.9 !important;
	}
	.vb_setting_sidebar ul .list-group-item{
		margin-right: -2px !important;
	}
	#vb_main_sett_mid {
		padding-left: 15px;
		padding-right: 15px;
	}
	.content-wrapper .vb-groups .vb-tabs{
		margin-top:8rem;
	}
	.vb-groups-list .empty_state{
		color:#000;
	}
	.vb-feed .post-content #fullsizeimg {
		margin-left: -20px;
		margin-right: -25px;
		width:auto;
	}
	.vb-topbar .right-content ul .sixteen-font-size{
		color:#fff;
		position: relative;
		font-size: 20px !important;
	}
	.topbar-icons-header #header-notif-dropmenu{
		left: -145px;
		top: auto;
		bottom: 40px;
		width:auto !important;
	}
	.topbar-icons-header #messages-list{
		left: 0px;
		top: auto;
		bottom: 40px;
		width:auto !important;
	}
	.topbar-icons-header #requests-list {
		left: 0;
		top: auto;
		bottom: 40px;
		width:auto !important;
	}
	.create-post-fab{
		display: flex;
	}
	.vb-topbar .right-content{
		width:100%;
		margin-top: 0;
	}
	.top-search .form-control{
		width: 100%;
		border: 1px solid #ccc;
	}
	.vb-feed-view .media-wrap{
	    max-height: 350px;
	}
	.top-search.search-container{
		position: fixed;
		top: 77px;
		width: 90%;
		color: #000;
		z-index:99999;
		left: 10px;
		width: 95% !important;
	}
	#scheduleVoice .modal-content{
		width: 395px;
	}
	.vb-topbar .updates p{
		display:none;
	}
	.vb-topbar .updates{
		display:none;
	}
	.vb-topbar{
		background-color: #231f20;
		color: #fff;
		padding: 1rem;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		align-items: center;
		justify-content: space-between;
		z-index: 999;
	}
	.vb-topbar .right-content ul{
		width: 100%;
		display: flex;
		text-align: center;
	}
	.vb-feed .creator-thumbnail{
		width: 50px;
		height: 50%;
	}
	.vb-topbar .right-content > ul > li{
		width:100%;
		font-size: 20px;
	}
	.vb-topbar .right-content > ul > li:first-child{
		display:inline-block;
	}
	.vb-feed .post-image{
		border-radius:0;
	}
	.vb-wrapper{
		overflow-x: hidden;
	}
	.row.content{
		padding-top: 5rem;
		padding-bottom: 5rem;
		margin: 0;
	}
	.vb-wrapper .row.content{
		padding-top:0 !important;
		padding-bottom:0 !important;
	}
	.vb-feeds-wrap {
		padding: 0 !important;
	}
	.emo-message-container.dropdown-menu.mobileemojisnd.dropdown-menu-right {
		left: -335% !important;
	}
	.open > .dropdown-menu:not(.notfi-dropdown):not([role="combobox"]){
		/*left: -150px !important;
		top: -90px !important;*/
		left: -160px;
		bottom: 40px;
		right: 0;
		width: 100%;
	}
	.open > .post-privacy-menu:not(.notfi-dropdown):not([role="combobox"]){
		left: 0px !inherit;
	}
	ul.dropdown-menu.post-privacy-menu.post-options{
		left:auto !important;
		height: fit-content;
	}
	#scheduleVoice{
		height: 20%;
		z-index: 99999999;
		width: 99%;
		padding:10px !important;
		overflow:inherit;
	}
	.xdsoft_datetimepicker.xdsoft_noselect.xdsoft_{
		left: 30px !important;
		top: 250.391px !important;
		z-index: 999999999 !important;
	}
	.open > .dropdown-menu:not(.notfi-dropdown):not([role="combobox"]) li {
		background-color: #fff;
	}
	.post-comments #vb_comment_combo .textarea{
		font-size:12px;
	}
	.feed-comment-options span:first-child{
		display:none !important;
	}
	.options-buttons {
		margin-top: 15px !important;
		width: 100%;
		right:0 !important;
	}
	.nearby_user_wrapper{
		box-shadow: 0 13px 10px 5px #e7e7e7;
		border: 1px solid #e7e7e7;
		width:auto;
	}
	#vb_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form{
		margin-top: 50px;
	}
	#vb_comment_combo{
		padding: 0 0rem 1rem 0rem !important;
	}
	.load-more {
		margin-bottom: 135px !important;
	}
	.vb-topbar .right-content > ul > li .dropdown-search-link{
		display:none !important;
	}
	/*.vb-create-post:not(.main){
		display: none;
	}*/
	.nav>li>a{
		height: inherit;
	}
	.vb-tabs{
		justify-content: center;
		margin-bottom: 0;
		margin-top: .8rem;
		text-align: center;
		flex-wrap: inherit;
		width: 100%;
		display: inline-flex;
		overflow-x: auto;
		/*border-bottom: 1px solid #ccbfbe;*/
		height: 40px;
}
.vb-feeds-wrap .vb-tabs .switcher{
	padding: 6px 10px;
}

	.vb-tabs .nav-item:last-child, .vb-tabs .nav-item:last-child a, .vb-tabs .nav-item:nth-child(5), .vb-tabs .nav-item:nth-child(5) a{
		width: 150px;
	}
.vb-tabs .switcher{
    margin: 0;
    padding: 6px;
    font-size: 12px;

}
.nopadding,
.vb-feeds-wrap{
    padding: 0;
}
.vb-feeds-wrap{
    margin-top: 70px;
}
.content-wrapper{
    box-shadow: none;
}
.action-btn{
    margin-right: 16px;
}
.action-btn > span{
    display: inline-block;
}
.action-btn > span > strong:not(.counter){
    display: none;
}
.feed-comments{
    padding-right: 2rem;
    padding-left: 2rem;
}
.comment-box.reply{
    padding-left: 2rem;
}
.vb-footer:not(.inner){
    display: none;
}
.vb-feed .post-image{
    height: auto;
}
.post-image-grids{
    flex-wrap: wrap;
}
.vb-mobile-nav,
.mobile-bottom-bar{
    display: flex;
}
.vb-mobile-nav{
    padding: 1.5rem;
}
.vb-mobile-nav .search-trigger, .vb-mobile-nav .mobile-nav-trigger{
    font-size:2em !important;
}
.centerbox{
    width: 500px;
}
.vb-footer.inner{
    text-align: center;
    display: block;
}
.vb-footer.inner .bottom-nav{
    text-align: center;
}
.sign-card .maps{
    height: 250px !important;
}
.centerbox{
    margin: 2rem auto;
}
.page-info{
    display: block;
    padding: 1rem;
}
.page-info .page-thumbnail{
    width: 180px;
}
.page-info .title-bio{
    padding-left: 0;
    position: relative;
    top: -60px;
}
.page-info .vb-dropdown{
    position: absolute;
    right: 0;
    top: 40px;
}
.page-info .vb-dropdown{
    right: 1rem;
}
#vb_msg_right_prt .text-sender-container .sendMessages .send-button {
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
}
.vb-feed-inner .post-youtube.vb_video_post{
    margin-left: -20px;
    margin-right: -20px;
}
}

@media (max-width: 575px) {
.vb-feed-view .feed-comments{
    padding-right: 0;
}
.vb-groups{
    padding: 1rem;
}
.vb-feed .vb-feed-inner{
    padding: 1rem;
}
.feed-actions{
    padding: 1rem;
}
.add-feed-comment{
    padding: 0 1rem 1rem 1rem;
}
.feed-comments{
    padding-left: 1rem;
    padding-right: 1rem;
}
.vb-sidebar .sidemenu-list > a:not(.btn),
.vb-sidebar .sidemenu-list .accordion-header,
.vb-sidebar .sidemenu-list .accordion-collapse .accordion-body a,
.vb-sidebar .sidemenu-list .single-link > a,
.vb-sidebar .sidemenu-list .dropdown-toggle{
    font-size: 16px;
    color:#000;
}
.vb-sidebar .sidemenu-list > a.current:not(.btn), .vb-sidebar .sidemenu-list > .accordion.current .accordion-header{
    color:#000;
}
.vb-sidebar .sidemenu-list .accordion-body > a{
    padding: 9px;
}
.vb-sidebar .sidemenu-list .accordion-body{
    padding-left: 15px;
}
.centerbox{
    width: 100%;
    margin: 2rem auto;
}
.centerbox > .logo{
    width: 120px;
}
.vb-groups-list .group-item .group-thumbnail{
    height: 50px;
    flex: 0 0 50px;
}
.vb-groups-list .group-item .btn{
    padding: 5px 15px;
}
.vb-groups-list .group-item .group-info .group-title{
    font-size: 16px;
}
.vb-create-post .post-actions .action-circle{
    font-size: 13px;
    width: 30px;
    height: 30px;
    line-height: 1.8;
}
.vb-create-post .post-actions .action-circle span{
    padding: 2px 5px !important;
}
i.icon-voice{
    font-size: 15px;
}
.vb-create-post.main{
    padding: 1rem;
}
.page-container{
    padding: 0;
    overflow:hidden;
}
.chatbox-wrap,
.vb-feeds-wrap .heading{
    padding: 0 1rem;
}
#feedModal .closemodal{
    left: -1px;
    top: -1px;
}
.page-info .page-thumbnail{
    width: 100px;
    height: 100px;
    border-width: 2px;
}
.right-content span.icon-home {
    font-size: 20px;
    line-height: 1.3;
}
.vb-create-post .post-actions .action-circle i {
    line-height: 1.6;
    font-size: 14px;
}
.vb-create-post {
    padding: 1.9rem 1.5rem !important;
}
.vb-create-post .post-actions span#recordPostAudio{
    left: 2px !important;
    top: 1px !important;
}
#recordPostAudio svg{
    margin-top: -4px !important;
    margin-left: -2px !important;
}
.comment-reply .vb_commreply_combo .textarea{
    padding-right:70px;
}
#vb_comment_combo.comment-toggle .textarea{
    padding-right:135px;
}
.profile-container .card.hovercard{
    margin-top: 58px;
}
.vb-page-header .page-banner img{
	height: auto;
	width: 100%;
	object-fit:inherit;
}
#mic-list{
	bottom: auto;
	right: -35px;
	min-width: 380px;
	display: inline-block;
	margin: 0 auto;
	left: auto;
}
	#camera-list{
		bottom: auto;
		right: -35px;
		min-width: 280px;
		display: inline-block;
		margin: 0 auto;
		left: auto;
	}
}

@media (max-width: 992px){
#vb_msg_right_prt .text-sender-container .sendMessages .send-button{
    line-height:1;
}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 320px) and (max-width: 480px) {
.vb_imagecombo_lbox .lightbox-post-footer.post-comments span#post-popup-comment i{
    left: 320px;
}
.vb-create-post span.icon-edit.post-icon {
    top: 62px;
    position: fixed;
    left: 20px;
}
.vb-create-post .input-wrapper textarea{
    font-size: 12px !important;
    padding-top: 16px !important;
    padding-left: 15px !important;
}
#scheduleVoice .modal-content {
    width: 340px;
}
.mejs__container{
    width:auto !important;
}
.no-more-posts-to-show{
    display:none;
}
#edit-post .modal-dialog{
    width: 100%;
}
#vb_msg_right_prt .text-sender-container textarea{
    font-size:13px;
}
.topbar-icons-header #messages-list{
    width: 200px !important;
}
.nearby_user_wrapper{
    width: 50% !important;
}
}
@media (max-width: 575px){
#scheduleVoice .modal-content {
    width: 340px;
}
.no-more-posts-to-show{
    display:none;
}
#vb_msg_right_prt .text-sender-container textarea{
    font-size:13px;
}
#vb_msg_right_prt .message p{
    margin: 0 15px 12px;
}
}

@media screen and (min-device-width: 500px) and (max-device-width: 1024px){
.vb-topbar .right-content .top-search{
    width: 50%;
}
.vb-topbar .right-content ul{
    width: 50% !important;
}
.vb-topbar .right-content > ul > li i {
    color: #231f20;
}
.page-container{
    padding: 0 1rem;
}
}