@charset "utf-8";
/* CSS Document */

/*.mobile-header{display:none;}*/
@media only screen and (max-device-width: 1024px) {
      /*@media(max-width:1024px){*/
.navbar{display:none;}		  
.mobile-header, .mobile-header .navbar {display:block;}
.navbar-default .navbar-nav > li > a{line-height:normal;}
.mobile-header{background:#333; float:left; width:100%;}
.mobile-menu .vpb_profile_search_box{float:left; width:100%; position:absolute !important;}
.mobile-menu .vpb_profile_search_box .input-group-addon{padding: 0px 12px;}
.mobile-menu .vpb_profile_search_box .input-group-addon .fa-search{padding-top:0px;} 
.mobile-header .navbar{padding:0px 15px;}
.navbar-nav.navbar-left{position:relative; margin-right:10px;}
.vpb_notifyCounter{margin-top:inherit;}
.mobile-menu{float:left; width:100%;}
.mobile-menu .navbar-nav .open .dropdown-menu .dropdown-header{ padding:0px 10px 10px;}
.mobile-menu #vpb_display_search_results{    width: 100%;
    float: left;
    position: absolute;
    z-index: 999;
    left: 0;
    background: #fff;
    top: 30px;
}
.mobile-header .mobile-menu .navbar .navbar-nav{width:100%; width:100%; msgrgin:0px; padding:0px;}
.vpb_wall_body_wrapers .vpb_wall_body_timeline .timeline-header-wrapper, .vpb_wall_body_wrapers .vpb_wall_body_timeline{max-width:100% !important;}
.mobile-menu .nav{width:100%;}
.mobile-menu .nav > li{text-align:center; display:inline-block; width:16%; float:left; position: initial;}
.mobile-menu .nav > li .fa, .mobile-menu .nav > li .material-icons{ font-size:16px; padding:0px 3px; display:inline-block; padding-top:10px;}
.mobile-menu .nav > li .material-icons{font-size:24px; padding-top:7px;}
.mobile-menu .nav > li a{ padding:0px;}
.container > .navbar-collapse{display:block;}
.vpb_notifyCounter{margin-left: 0px; left:inherit; top:6PX;}
.nav > li{display:inline-block;}
.navbar-nav{margin:0px;}
.sidenav {
    height: 100%;
    width: 0px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top:0px;  overflow-y: auto; z-index:999;
}

.vpb_wall_body_wrapers .vpb_wall_body_left .sidenav a {
    padding: 8px 8px 8px 0px;
    text-decoration: none;
    font-size: 12px !important;
    color: #fff;
    display: inline-block;
    transition: 0.3s; 
}
.sidenav a .fa{float:left;}
.sidenav .vpb_profile_name{font-size:16px; padding:10px; color:#01ace5; float:left; line-height:normal;}
.sidenav ul{padding-left:0px;}
.sidenav li{list-style:none; background: transparent; padding-left:10px; width:100%; margin-bottom:15px; float:left; line-height:24px;} 
.sidenav .showinmobile{width:100%;}
.sidenav a:hover, .offcanvas a:focus{
    color: #3b5998 ;
}
.sidenav li p{float:right; padding:2px 8px; line-height:18px; font-size:13px; margin-bottom:0px; margin-top:3px;}
.sidenav li p .fa{margin-top:0px;} 
.sidenav li i.material-icons, .sidenav li .fa{margin-right:5px; color:#cac8c8; font-size:14px; float:left; margin-top:5px;}
 .sidenav li .fa-users:before,  .sidenav li .fa-bell:before{font-size:16px;}
.sidenav li i.material-icons{font-size:22px; margin-top:1px;}
.sidenav li i.material-icons.v_the_iconed{font-size:16px;}
.sidenav li .vpb_hover{color:#cac8c8;}
.sidenav .closebtn {
    position: absolute;
    top: 12px;
    right: 6px;
    font-size: 30px; z-index:999;  padding: 0px; line-height: 20px;
}
.vpb_wall_body_wrapers .vpb_wall_body_left{width:0px;  top:0; margin-top:0px;}
.hideinmobile{display:none !important;}
.showinmobile{display:inline-block !important;}
.icon-menu{font-size:20px;cursor:pointer; color:#fff; float: right;     position: absolute; right: 15px; top: 6px}
.language-m{width:100%;}
#navbar{padding-left:0px;} 
.language-div{margin-top:5px; float: left;  width: 95%; margin-bottom:5px;}
.language-div #vsource{width:100%; border: 1px solid #ddd; padding: 8px 8px 8px 0px; text-decoration: none; font-size: 15px;color: #818181; display: inline-block;  transition: 0.3s;}
nav.navbar .nav .dropdown-menu{    max-width: 100%; width: 100%; min-width:100%; left: 0;  top: 26px; z-index:9999;}
.mobile-menu nav.navbar .nav .open .input-group{ position:absolute;}
.mobile-menu nav.navbar .nav .open a, .mobile-menu .nav .open > a:hover, .mobile-menu .nav .open > a:focus{background-color: transparent;}
.vpb_wall_body_timeline .wrapper-dropdown-2{z-index:998;}
.nav > li{position: relative;}
.dropdown-menu.bullet:before, .dropdown-menu.bullet:after{ display:none; }
.navbar-brand-plus{ background:#fff; padding-top:5px; max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;}
.navbar-brand .v-icon{display:none}
.vpb_wall_body_wrapers .vpb_wall_body_right .profilephoto_wrap{margin-top:0px !important;}
.vpb_wall_body_wrapers .vpb_wall_body_center .inner_center{width:100% !important;}
.coverslides > li{position: relative; display:table;}
.flex-active-slide{width:100% !important; background-position:center;}
nav .container{padding:0px; float:left; width:98%;}
section .container{padding:0px;}
.v_wrapper{min-width:inherit !important;}
.slides.coverslides{display: flex;}
.container{width:100%; padding:0px;}
.vasplus_containers{margin-top:-10px;}

.mobile-slider{float:left; width:100%; background:#fff; }
.mobile-slider #updateProfilePic{width:120px; height:120px;     margin-left: 20px; margin-top: -50px; margin-bottom:10px;}
.mobile-slider .slides, .mobile-slider .slides > li, .mobile-slider .flex-control-nav, .mobile-slider .flex-direction-nav{height:120px;}
.mobile-slider .slides > li.vprofilephoto{ border:none;}
.mobile-slider .vprofilephoto_editer{ font-size:11px; padding:5px 10px; letter-spacing:normal; height: auto;}
.v_wrapper .heading .vasplus_aa{margin-right:5px !important;}
.sidenav li .hover_groups{ padding:5px; background:transparent; width:100%; border: none; color: #3b5998;  font-size: 13px; line-height: 22px;} 
.sidenav li div a{display:block;}
.vpb_wall_body_wrapers .sidenav{padding-bottom:40px; background:#011b3e;}
.navbar-brand-plus{background:transparent;}
l	.navbar-brand-plus{  min-width: 250px !important; max-width:330px !important; }
.vpb_wall_body_wrapers .vpb_wall_body_center{width:100% !important;}
.wall-popup{padding:0px;}
.vpb_wall_body_timeline .wrapper-demo{display:block;}
.vprofilephoto_editer{z-index:9;}
#navbar .navbar-right, #navbar.navbar-collapse.navbar-collapse-plus.collapse, .navbar-header.navbar-header-plus.header-left{width:100% !important;}
.navbar-header .nav > li{float:left; width:auto;}
.container, .navbar .container{width:100%; max-width:100%;}
.container{width:100%;}
.navbar .container{ min-width: 100%;}
.cover-wrapper img{max-height:280px; height:100% !important;}
.content-box{width:100%; margin-right:0px; overflow-x: hidden;}
.mobile-slider .profilephoto_wrap{ height:auto; float:none;  z-index: 99;}
.modal-header.heading .vasplus_aa:last-child{display:none;}
#vpb_status_update_box{margin-top:20px;}
#selected_option_with_title .dropdown-menu{left:inherit; right:0px;}	
.showinmobile.mobile-slider .vpb_profile_name{ display:none;}
.header-left .nav .dropdown-menu{top:30px;}
#vasplus_wall_find_classmates #passing_year{display:block !important;}
#vpb_album_updated.col-lg-3.pdnone{display:none;}
.viewfriendlists .vfriendsPhotos_wraper span.vdfname, .vfriendsPhotos_wraper span.vdbtnfriends{height:auto; line-height:normal;}
.vpb_wall_body_wrapers .vpb_wall_body_center{min-height:inherit;}
.vpb_wall_body_wrapers .vpb_wall_body_timeline .timeline-header-wrapper{min-height:inherit;}
.cover-wrapper{float:left;}
.StatusMessage{padding:5px 10px;}
.viewfriendlists .vfriendsPhotos_wraper span.vdfname, .vfriendsPhotos_wraper span.vdbtnfriends{width:100%; text-align:center; margin-left:0px; margin-right: 0px;}
.viewfriendlists .vfriendsPhotos_wraper{ width: 44%; margin: 5px 3%; text-align: center;  padding: 5px;}
.viewfriendlists .vfriendsPhotos_wraper img{width:100%; height:auto; float:none;}
.vfriendsPhotos_wraper a{float:none;}
.viewfriendlists .vfriendsPhotos_wraper span.vdfname{margin:10px 0px;}
#add-profile-photo .modal-dialog{width:50% !important;}
.vpb_wall_body_wrapers .vpb_wall_body_left  .vpb_wall_body_timeline{width:120px; height:120px;}
.sidenav li a{font-size:14px;}
.blog-list a{height:auto;}
.blog-list a img{max-height:150px;}
.blog-list .box .col-md-6 p{min-height:60px;}
.vpb_wall_body_left.sidenav h4{ color:#cac8c8; padding:5px; margin-left:10px; margin-top:10px; font-size:16px;}
.submenu-m li a{color:#337ab7; margin-left:5px;}
.popscreate .embed-responsive{ float:left; width:100%;}
.list-tabs .ViddiFramesbyCategory .col-xs-6{ margin-top: 10px; padding: 0px; width:100%;}
#vpb_display_popvideo_page_owner .thumbnail{ float:left; width:100%;}
.events-suggestion { width: 50%;  float: left;}
#group_page_menu{float:left; width:100%;}
#vpb_get_all_the_groups_members .vfriendsPhotos_wraper{ width:50%; float:left; text-align:center;}
#vpb_get_all_the_groups_members .vfriendsPhotos_wraper a{ float:left; width:100%; text-align:center;}
.fbalbumphotobox .col-xs-12{ width:50%; float:left; position:relative}
.vpb_wall_body_timeline .wrapper-dropdown-2{right:10px; width:150px; padding:5px 5px; left:inherit; font-size: 12px;}
.vpb_wall_body_timeline .wrapper-dropdown-2:after{right:8px;}
.vpb_wall_body_timeline .wrapper-dropdown-2 .dropdown li a{ font-size:12px;}
#add-cover-photo .modal-dialog{ width:100% !important;}
.timeline-buttons.cover-resize-buttons{ z-index: 999; position: relative;}
.timeline-header-wrapper .float-left.span35{width:98%;}
.timeline-buttons.cover-resize-buttons table{ margin-top:-35px;}
.timeline-buttons.cover-resize-buttons table .timeline-buttons a{ padding:4px 0px;}
.slides.groupcoverslides img{height:100%;}
body.group #updateProfilePic, body.group .slides.groupcoverslides{height:238px !important; overflow:hidden;}
.vpb_wall_body_right .fixedrightbar{display:none;}
#vas-main-body{float:left; width:100%;}
}
/*@media only screen and (max-device-width: 540px) {*/
@media(max-width:540px){
#group_page_menu .other-group-links{ width:100%; border-top:1px solid #ccc; margin-bottom: 0px; border-bottom: 1px solid #ccc; padding:0px; line-height:normal; float:left;}
#group_page_menu .other-group-links span{ width:49%; text-align:center;}
.pms-right-view{width:100%;}
.pms-left-view{width:100% !important; min-width:100% !important; max-width:100% !important;}
#crop_container{width:100% !important; height:340px !important;}
#add-profile-photo .modal-dialog{width:100% !important;}
#crop_container #k, #crop_container_selector #t{ width:100% !important; height:auto !important;}
#crop_container #k img{width:100% !important; height:340px !important;}

}
@media only screen and (max-device-width: 530px) {
/*@media(max-width:530px){*/
.v_wall_wrapper{min-width:100%;}
#vpb_own_updated{ width:100%;}
#vpb_friends_updated{width:100%;}
#vpb_status_updated .vpb_wrap_post_contents_e span{ font-size:13px;}	
#vpb_status_updated .vpb_wrap_post_contents_e .vpb_tooltipsed{margin-right:8px;}	
.vpb_d_like_status, .vpb_d_love_status, .vpb_d_laugh_status, .vpb_d_understand_status, .vpb_d_upset_status{margin-right:0px;}
.likeIcon_c, .loveIcon_c, .laughIcon_c, .understandIcon_c, .upsetIcon_c {width:18px; height:18px;}
.breadcrumb > li{font-size:15px;}
.event-content{float:left; width:100%;}
.img-box img { width: 100% !important;  height: auto !important; max-height: 180px;}
    
    .cropphoto-dialog{width: 100% !important;}
    #helpContainer{display: none;}
    #resetButtonContainer{display: none;}

	}
@media only screen and (max-device-width: 480px) {
     /* @media(max-width:480px){*/
.v_wrapper .heading .vasplus_bb	{ margin-left: 5px; margin-right: 5px;}
.navbar-brand-plus{  min-width: 50% !important; max-width:88% !important; }
.modal-body{padding:10px;}
.wall-popup .input-group{display:block;}
.wall-popup span.input-group-addon{width:100%; text-align:left !important;}
.cover-wrapper img{max-height:250px !important;}
.coverslides, .coverslides > li{height:250px !important;}
.list-tabs .col-xs-6{width:100%;}
    #vpb_status_updated .vpb_wrap_post_contents_e span{ font-size:12px;}	   #add-profile-photo .modal-dialog{width:100% !important;}  
.blog-list .box .col-md-6{width:100%;}  
.blog-list a img{ max-height:inherit;}   
.blog-list .box .col-md-6 p{min-height:inherit;}
.blog_text2 .marg_both_right, .blog_text2 .marg_both_left, .blog_text2 .marg_both_bottom{ width:100%; margin-left:0px; padding:10px; margin-bottom:10px;} 
.blog_text2 .marg_both_left_text {margin-left:0px; margin-right:0px; width:100%;}
.page-heading .theme-btn{width:100%;}
.popscreate .btn {margin-bottom:6px;}  
#vpb_display_addpopmusic_page_owner #double li{width:100%;}
#vpb_display_popvideo_page_owner .btn-facebook, #vpb_display_popvideo_page_owner .btn-info.btn-twitter, #vpb_display_popvideo_page_owner .btn-info.btn-theme {margin-bottom:6px;}
.vframe .list-tabs .thumbnail img{ height:auto; width:100%;}    
.fbalbumphotobox .col-xs-12 img{width:100% !important; } 
.fbalbumphotobox .col-xs-12 a.photoaccount{ right:0px; margin:0px; top:10px;}
.fbalbumphotobox .col-xs-12 .dropdownphoto{width:100%;} 
.profilephoto_wrap .flexslider{height:100%;}
body{overflow-x:hidden;}   
          
.cropphoto-dialog{width: 100% !important;}
#helpContainer{display: none;}
#resetButtonContainer{display: none;}
	}
@media only screen and (max-device-width: 450px) {
	/*@media(max-width:450px){*/
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
  .group_menu_wrapper_active, .group_menu_wrapper{ padding: 10px 8px;}
  #group_page_menu .event-ed-cl.pull-right{ width:100%; margin-bottom: 0px; padding:0px; line-height:normal; float:left;}
	#group_page_menu .edit-close-icons span{border-right:none;}
	.gprofilephoto_wrap .vpb_profile_name span{font-size:16px;}
	.gprofilephoto_wrap .vpb_profile_name span.vprivacy_text{font-size:10px;}
	.vpb_wall_body_wrapers .vpb_wall_body_right{width:100%;}
	.fbalbumphotobox .col-xs-12 img{ height: 150px !important;} 
    .cropphoto-dialog{width: 100% !important;}
    #helpContainer{display: none;}
    #resetButtonContainer{display: none;}
}

.croppie-container .cr-boundary{width:100% !important;}