/* EPIC STUDIO - RESPONSIVE DESIGN CSS STYLE */


@media (max-width: 1199.98px) /* smaller than 1200px */ {
.lg-hide   {display:none!important;}
.lg-show {display:block!important;}    
.profile-main-avatar {margin-right:0px!important;max-width:100%!important;}
.group-main-cover  {margin-right:0px!important;max-width:100%!important;}
.vertical-spotlight-item .avatar {width:50px; height:50px;}
.avatar-personal {width:50px; height:50px;}
.vertical-spotlight-item .avatar {width:53px; height:53px;}
.avatar-personal {width:53px; height:53px;}
.box-body-sidebar {padding:0rem!important;}
.emergency-logout-btn {display:none;}
.sidebar-header {flex-direction: column;}
.sidebar-menu-avatar {float: none;margin-bottom:0.75rem;margin-right:0;width:53px;height:53px;}
.sidebar-menu-credits {margin-top: 12px; width: 100%;max-width: 53px;}
.prem-btn {text-align:left;}
.boo-btn {text-align:left;}
.inc-btn {text-align:left;}
.logo-wrapper-vertical {text-align:center;margin-top: 1.5rem;margin-bottom:0.75rem;margin-right: 0px;}
.logo-wrapper-vertical .logo {text-align:center;width:53px;height:53px;}
.popularity-small-box {width:53px;height:53px;line-height:53px;text-align:center;font-weight:600;}
.popularity-small-box .box-body {padding:0px;}
.popularity-small-box i {position:absolute;font-size:2.2rem;top:0px;bottom:0px;right:0;left:0;margin:10px auto;}
.side-icon {margin-bottom:0.75rem;width:53px;height:53px;}
.nots-group {float:none;display:inline-block;}
.uploaded-image {height: 235px;}
.upload-kit .upload-kit-input {height: 235px;}
}

@media (max-width: 991.98px) /* smaller than 992px */ {
.md-hide   {display:none!important;}
.md-show {display:block!important;}    
.profile-main-avatar {height:580px!important;}
.group-main-cover {height:580px!important;}
.vertical-spotlight-item .avatar {width:41px; height:41px;}
.avatar-personal {width:41px; height:41px;}
.popup-menu-avatar {width: 41px;height: 41px;}
.counter-badge {left:25px;right:auto;}
.menu-badge {font-size: 0.7rem;}
.premium-features-list .carousel-indicators {margin-right: auto; margin-left: auto;}
.menu-row i {width: 41px; height: 41px; line-height:41px;}
.sidebar-menu-avatar {width: 41px; height:41px;}
.sidebar-menu-credits {font-size:0.75rem;font-weight:600;}
.small-call-action-icon {width:41px;height:41px;line-height:41px;}
.sidebar-menu-credits {max-width: 41px;}
.logo-wrapper-vertical .logo {width:41px;height:41px;line-height:35px;}
.popularity-small-box {width:41px;height:41px;line-height:41px;text-align:center;font-size:0.70rem;}
.popularity-small-box i {position:absolute;font-size:2rem;top:0px;bottom:0px;right:0;left:0;margin:5px auto;}
.side-icon {margin-bottom:0.75rem;width:41px;height:41px;}
.uploaded-image {height: 200px;}
.upload-kit .upload-kit-input {height: 200px;}
}

@media (max-width: 767.98px) /* smaller than 768px */ {
.sm-hide {display:none!important;}
.sm-show {display:block!important;}    
.container {padding-right: 0.5rem; padding-left: 0.5rem; }
.page      {padding-left:0px; }
.reverse   {flex-direction: column;}
.directory-list-view .directory-item .card-img-top {height: 330px;}
.card-banner {height: 330px;}
.logo-wrapper-vertical {margin-top: 0;margin-bottom:0;margin-right: 0px;width:20%;text-align:left;}
.sidebar-header { flex-direction:row; background: #fff; padding:0.8rem 2rem 0.6rem 2rem;position: fixed;width: 100%;z-index: 9;left: 0;bottom: 0;}
.sidebar-menu-avatar {margin-bottom:0;}
.sidebar-menu-avatar-wrapper{width:20%;text-align:center;}
.msg-btn, .ntf-btn {margin-bottom:0;}
.msg-btn-wrapper, .ntf-btn-wrapper {width:20%;text-align:center;}
.sidebar-header-wrapper{height:0;}

/*.blueimp-gallery > .indicator { display:none; }*/
}

@media (max-width: 575.98px) /* smaller than 576px  */ {
.xs-hide {display:none!important;}
.xs-show {display:block!important;}
.directory-list-view .directory-item .card-img-top {height: 400px;}
.encounters .encounters-photo .encounter-photo-item { position: relative;min-height: 480px;}
.uploaded-image {height: 300px;}
.upload-kit .upload-kit-input {height: 300px;}
}

/* bigger than 576px  */
@media (min-width: 576px) {
}

/* bigger than 767px  */
@media (min-width: 768px) {
.page-breadcrumb { margin: -0.5rem 0 0; }
}

/* bigger than 991px  */
@media (min-width: 992px) {
}

/* bigger than 1199px  */
@media (min-width: 1200px) {
.xl-hide {display:none!important;}
.xl-show {display:block!important;}
}

/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width:576px) and (max-width:767px) {
}

/* Medium devices (tablets, from 768px - 991px)  */
@media only screen and (min-width: 768px) and (max-width:991px) {  
}

/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) { 
}