@media only screen and (max-width: 767px) {
                    .sidemenu-area {
                        z-index: 999;
                        left: -100%;
                        top: 4.0rem;
                    }
                    .sidemenu-area.active-sidemenu-area {
                        left: 0;
                        width: 160px;
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body {
                        -webkit-box-shadow: 0 8px 10px 0 rgba(183, 192, 206, 0.1);
                        box-shadow: 0 8px 10px 0 rgba(183, 192, 206, 0.1);
                        background: var(--white-color);
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav {
                        padding: 25px 15px;
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link {
                        padding: 5px 0 5px 40px;
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link .icon {
                        height: 30px;
                        width: 30px;
                        line-height: 30px;
                        /*background-color: #F4F7FC;*/
                        color: var(--black-color);
                        position: absolute;
                        left: 0;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link::before {
                        left: -8px;
                        background-color: var(--main-color);
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link .menu-title {
                        display: block;
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link,
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item:hover .nav-link {
                        color: var(--main-color);
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link .icon,
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item:hover .nav-link .icon {
                        color: var(--white-color);
                        /*background-color: var(--main-color);*/
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link::before,
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item:hover .nav-link::before {
                        height: 100%;
                        opacity: 1;
                        visibility: visible;
                    }
                    .main-content-wrapper {
                        padding-top: 75px;
                        padding-left: 10px;
                        padding-right: 10px;
                        padding-bottom: 50px;
                    }
                    .main-content-wrapper .navbar-area {
                        left: 0;
                        width: 100%;
                        width: 100%;
                    }
                    .main-content-wrapper .navbar-area .main-navbar {
                        padding: 10px;
                    }
                    .main-content-wrapper .navbar-area .main-navbar .navbar-brand {
                        max-width: 125px;
                    }
                    .news-feed-area {
                        margin-top: 25px;
                        margin-bottom: 25px;
                    }
                    .news-feed-area .news-feed-form form .button-group.d-flex {
                        display: block !important;
                    }
                    .news-feed-area .news-feed-form form .button-group li {
                        display: inline-block;
                        margin-right: 30px;
                    }
                    .news-feed-area .news-feed-form form .button-group li:last-child {
                        margin-right: 0;
                    }
                    .news-feed-area .news-feed-form form .button-group .photo-btn button {
                        font-size: 12px;
                        padding-left: 15px;
                    }
                    .news-feed-area .news-feed-form form .button-group .photo-btn button i {
                        font-size: 12px;
                    }
                    .news-feed-area .news-feed-form form .button-group .video-btn button {
                        font-size: 12px;
                        padding-left: 15px;
                    }
                    .news-feed-area .news-feed-form form .button-group .video-btn button i {
                        font-size: 12px;
                    }
                    .news-feed-area .news-feed-form form .button-group .tag-btn button {
                        font-size: 12px;
                        padding-left: 15px;
                    }
                    .news-feed-area .news-feed-form form .button-group .tag-btn button i {
                        font-size: 12px;
                    }
                    .news-feed-area .news-feed-form form .button-group .post-btn button {
                        padding: 2px 10px;
                        font-size: 12px;
                    }
                    .news-feed-area .news-feed-post .post-header .image a img {
                        max-width: 55px;
                    }
                    /*.news-feed-area .news-feed-post .post-body .post-meta-wrap .post-react {
    width: 50px;
  }*/
                    .news-feed-area .news-feed-post .post-body .post-meta-wrap .post-react .number {
                        display: none;
                    }
                    .news-feed-area .news-feed-post .post-body .post-meta-wrap .post-react .react-list {
                        width: 252px;
                    }
                    /*.news-feed-area .news-feed-post .post-body .post-meta-wrap .post-react a {
    max-width: 18px;
  }*/
                    .news-feed-area .news-feed-post .post-body .post-meta-wrap .post-comment .number {
                        display: none;
                    }
                    .news-feed-area .news-feed-post .post-body .post-meta-wrap .post-share .number {
                        display: none;
                    }
                    .news-feed-area .news-feed-post .post-body .post-comment-list .comment-list .comment-image img {
                        max-width: 50px;
                    }
                    .news-feed-area .news-feed-post .post-body .post-comment-list .comment-list .comment-info {
                        padding-left: 60px;
                    }
                    .news-feed-area .news-feed-post .post-body .post-footer .footer-image a img {
                        max-width: 50px;
                    }
                    .news-feed-area .news-feed-post .post-body .post-footer .form-group {
                        padding-left: 60px;
                    }
                    .widget-area .widget-view-profile .profile-box .text {
                        width: 385px;
                    }
                    .widget-area .widget-who-following .following-item .name {
                        width: 385px;
                    }
                    .right-sidebar-area {
                        position: relative;
                        top: 0;
                        width: 100%;
                        margin-top: 30px;
                    }
                    .my-profile-inner-box .profile-cover-image .edit-cover-btn {
                        right: 10px;
                        bottom: 10px;
                    }
                    .my-profile-inner-box .profile-info-box {
                        padding: 20px;
                    }
                    .my-profile-inner-box .profile-info-box .inner-info-box .info-image {
                        margin-top: 0;
                    }
                    .my-profile-inner-box .profile-info-box .inner-info-box .info-image .icon a i {
                        display: none;
                    }
                    .my-profile-inner-box .profile-info-box .inner-info-box.d-flex {
                        /*display: block !important;*/
                    }
                    .my-profile-inner-box .profile-info-box .inner-info-box .info-text {
                        margin-top: 15px;
                    }
                    .my-profile-inner-box .profile-info-box .inner-info-box .info-text.ms-3 {
                        margin-left: 0 !important;
                    }
                    .my-profile-inner-box .profile-info-box .inner-info-box .statistics {
                        text-align: start;
                        margin-top: 10px;
                    }
                    /* .my-profile-inner-box .profile-info-box .profile-social {
    display: none;
  } */
                    .my-profile-inner-box .profile-info-box .profile-list-tabs {
                        /*margin-top: 15px;*/
                    }
                    .my-profile-inner-box .profile-info-box .profile-list-tabs .nav .nav-item {
                        margin-right: 10px;
                    }
                    .my-profile-inner-box .profile-info-box .profile-list-tabs .nav .nav-item .nav-link {
                        font-size: 14px;
                    }
                    .friends-inner-box-style {
                        padding: 25px;
                    }
                    .friends-inner-box-style.d-flex {
                        display: block !important;
                    }
                    .friends-inner-box-style .title {
                        margin-bottom: 15px;
                    }
                    .friends-inner-box-style .friends-search-box {
                        width: 250px;
                        margin-top: 20px;
                    }
                    .friends-inner-box-style .nav .nav-item {
                        margin-right: 10px;
                    }
                    .friends-inner-box-style .nav .nav-item .nav-link {
                        font-size: 14px;
                    }
                    .photos-inner-box-style {
                        padding: 25px;
                    }
                    .photos-inner-box-style.d-flex {
                        display: block !important;
                    }
                    .photos-inner-box-style .title {
                        margin-bottom: 15px;
                    }
                    .photos-inner-box-style .photos-search-box {
                        width: 250px;
                        margin-top: 20px;
                    }
                    .photos-inner-box-style .nav .nav-item {
                        margin-right: 10px;
                    }
                    .photos-inner-box-style .nav .nav-item .nav-link {
                        font-size: 14px;
                    }
                    .single-friends-card .friends-content .friends-info .text {
                        width: 355px;
                    }
                    .account-setting-list-tabs {
                        padding: 20px;
                    }
                    .account-setting-list-tabs .nav .nav-item {
                        margin-right: 20px;
                    }
                    .account-setting-list-tabs .nav .nav-item .nav-link {
                        font-size: 13px;
                    }
                    .account-setting-form {
                        padding: 20px;
                    }
                    .account-setting-notification {
                        padding: 20px;
                    }
                    .account-setting-notification .other-notification-content {
                        margin-bottom: 25px;
                    }
                    .account-setting-message {
                        padding: 20px;
                    }
                    .privacy-box-content {
                        padding: 20px;
                    }
                    .page-banner-box {
                        padding: 50px;
                    }
                    .page-banner-box h3 {
                        font-size: 25px;
                    }
                    .help-and-support-search-box {
                        padding: 20px;
                    }
                    .help-and-support-box-content {
                        padding: 20px;
                    }
                    .all-notifications-body {
                        padding: 20px;
                    }
                    .all-notifications-body .item .icon a i {
                        font-size: 15px;
                    }
                    .all-messages-body {
                        padding: 20px;
                    }
                    .all-messages-body .messages-chat-container .chat-content .chat .chat-body .chat-message {
                        margin: 12px 0 21.28px 15.28px;
                    }
                    .all-messages-body .messages-chat-container .chat-content .chat .chat-avatar {
                        position: relative;
                        top: 12px;
                    }
                    .all-messages-body .messages-chat-container .chat-content .chat.chat-left .chat-avatar {
                        top: 12px;
                    }
                    .all-messages-body .chat-list-footer form {
                        padding-right: 60px;
                    }
                    .all-messages-body .chat-list-footer form .send-btn {
                        padding: 0 10px 0;
                    }
                    .groups-inner-box-style {
                        background-color: var(--white-color);
                        padding: 25px;
                        border-radius: 5px;
                        margin-top: 25px;
                        padding: 25px;
                    }
                    .groups-inner-box-style.d-flex {
                        display: block !important;
                    }
                    .groups-inner-box-style .title {
                        margin-bottom: 15px;
                    }
                    .groups-inner-box-style .groups-search-box {
                        width: 250px;
                        margin-top: 20px;
                    }
                    .groups-inner-box-style .nav .nav-item {
                        margin-right: 10px;
                    }
                    .groups-inner-box-style .nav .nav-item .nav-link {
                        font-size: 14px;
                    }
                    .single-groups-card .groups-content .groups-info .text {
                        width: 355px;
                    }
                    .favourite-table {
                        padding: 20px;
                        margin-top: 20px;
                    }
                    .favourite-table table tbody tr td.info {
                        padding-right: 20px;
                    }
                    .favourite-information-box .profile-box .text {
                        width: 355px;
                    }
                    .favourite-inner-box-style .title {
                        margin-bottom: 20px;
                    }
                    .favourite-inner-box-style.d-flex {
                        display: block !important;
                    }
                    .favourite-inner-box-style .favourite-search-box {
                        width: 252px;
                    }
                    .events-inner-box-style {
                        background-color: var(--white-color);
                        padding: 25px;
                        border-radius: 5px;
                        margin-top: 25px;
                        padding: 25px;
                    }
                    .events-inner-box-style.d-flex {
                        display: block !important;
                    }
                    .events-inner-box-style .title {
                        margin-bottom: 15px;
                    }
                    .events-inner-box-style .events-search-box {
                        width: 250px;
                        margin-top: 20px;
                    }
                    .events-inner-box-style .nav .nav-item {
                        margin-right: 10px;
                    }
                    .events-inner-box-style .nav .nav-item .nav-link {
                        font-size: 14px;
                    }
                    .live-chat-body {
                        padding: 20px;
                    }
                    .live-chat-body .live-chat-header .live-chat-info {
                        padding-left: 38px;
                    }
                    .live-chat-body .live-chat-header .live-chat-info a img {
                        max-width: 30px;
                        height: 30px;
                    }
                    .live-chat-body .live-chat-header .live-chat-info h3 {
                        font-size: 14px;
                    }
                    .live-chat-body .live-chat-header .live-chat-right li {
                        margin-right: 0;
                    }
                    .live-chat-body .live-chat-header .live-chat-right li .btn i {
                        height: 30px;
                        width: 30px;
                        line-height: 30px;
                        font-size: 12px;
                    }
                    .live-chat-body .live-chat-container .chat-content .chat .chat-body .chat-message {
                        margin: 12px 0 21.28px 15.28px;
                    }
                    .live-chat-body .live-chat-container .chat-content .chat .chat-avatar {
                        position: relative;
                        top: 12px;
                    }
                    .live-chat-body .live-chat-container .chat-content .chat.chat-left .chat-avatar {
                        top: 12px;
                    }
                    .live-chat-body .chat-list-footer form {
                        padding-right: 60px;
                    }
                    .live-chat-body .chat-list-footer form .send-btn {
                        padding: 0 10px 0;
                    }
                    .all-birthday-body {
                        padding: 20px;
                    }
                    .all-birthday-body .birthday-send-box .send-item {
                        padding-left: 0;
                    }
                    .all-birthday-body .birthday-send-box .send-item .rounded-circle {
                        position: relative;
                    }
                    .all-birthday-body .birthday-send-box .send-item .send-content {
                        margin-top: 15px;
                    }
                    .all-birthday-body .birthday-list-box .list-item .list-content {
                        margin-bottom: 25px;
                    }
                    .marketplace-inner-box-style .title {
                        margin-bottom: 15px;
                    }
                    .marketplace-inner-box-style.d-flex {
                        display: block !important;
                    }
                    .products-details-image {
                        height: 350px;
                    }
                    .login-form {
                        padding: 20px;
                    }
                    .login-form h2 {
                        margin-bottom: 20px;
                        font-size: 18px;
                    }
                    .login-form form .lost-your-password-wrap {
                        margin-top: -12px;
                    }
                    .register-form {
                        padding: 20px;
                    }
                    .register-form h2 {
                        margin-bottom: 20px;
                        font-size: 18px;
                    }
                    .register-form form .lost-your-password-wrap {
                        margin-top: -12px;
                    }
                    .forgot-password-form {
                        padding: 20px;
                    }
                    .forgot-password-form h2 {
                        margin-bottom: 20px;
                        font-size: 18px;
                    }
                }
                
                @media only screen and (min-width: 576px) and (max-width: 767px) {
                    .main-content-wrapper .main-responsive-nav .main-responsive-menu {
                        right: 70px;
                    }
                    .widget-area .widget-view-profile .profile-box .text {
                        width: 595px;
                    }
                    .widget-area .widget-who-following .following-item .name {
                        width: 595px;
                    }
                    .news-feed-area .news-feed-form form .button-group.d-flex {
                        display: -webkit-box !important;
                        display: -ms-flexbox !important;
                        display: flex !important;
                    }
                    .news-feed-area .news-feed-form form .button-group li {
                        margin-right: 0;
                    }
                    .news-feed-area .news-feed-form form .button-group .photo-btn button {
                        font-size: 15px;
                        padding-left: 28px;
                    }
                    .news-feed-area .news-feed-form form .button-group .photo-btn button i {
                        font-size: 20px;
                    }
                    .news-feed-area .news-feed-form form .button-group .video-btn button {
                        font-size: 15px;
                        padding-left: 28px;
                    }
                    .news-feed-area .news-feed-form form .button-group .video-btn button i {
                        font-size: 20px;
                    }
                    .news-feed-area .news-feed-form form .button-group .tag-btn button {
                        font-size: 15px;
                        padding-left: 28px;
                    }
                    .news-feed-area .news-feed-form form .button-group .tag-btn button i {
                        font-size: 20px;
                    }
                    .news-feed-area .news-feed-form form .button-group .post-btn button {
                        padding: 5px 25px;
                        font-size: 15px;
                    }
                    .news-feed-area .news-feed-stories .stories-item span {
                        display: block;
                    }
                    .favourite-information-box .profile-box .text {
                        width: 555px;
                    }
                }
                
                @media only screen and (min-width: 610px) and (max-width: 767px) {
                    .main-content-wrapper .main-responsive-nav .main-responsive-menu {
                        right: 55px;
                    }
                    .main-content-wrapper .others-option-for-responsive .dot-menu {
                        right: -25px;
                    }
                }
                
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                    .sidemenu-area {
                        z-index: 9999;
                        left: -100%;
                        top: 4.0rem;
                    }
                    .sidemenu-area.active-sidemenu-area {
                        left: 0;
                        width: 160px;
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body {
                        -webkit-box-shadow: 0 8px 10px 0 rgba(183, 192, 206, 0.1);
                        box-shadow: 0 8px 10px 0 rgba(183, 192, 206, 0.1);
                        background: var(--white-color);
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav {
                        padding: 25px 15px;
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link {
                        padding: 5px 0 5px 40px;
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link .icon {
                        height: 30px;
                        width: 30px;
                        line-height: 30px;
                        /*background-color: #F4F7FC;*/
                        color: var(--black-color);
                        position: absolute;
                        left: 0;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link::before {
                        left: -8px;
                        background-color: var(--main-color);
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link .menu-title {
                        display: block;
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link,
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item:hover .nav-link {
                        color: var(--main-color);
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link .icon,
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item:hover .nav-link .icon {
                        color: var(--white-color);
                        /*background-color: var(--main-color);*/
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link::before,
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item:hover .nav-link::before {
                        height: 100%;
                        opacity: 1;
                        visibility: visible;
                    }
                    .main-content-wrapper {
                        padding-top: 75px;
                        padding-left: 10px;
                        padding-bottom: 50px;
                    }
                    .main-content-wrapper .navbar-area {
                        left: 0;
                        width: 100%;
                        width: 100%;
                    }
                    .main-content-wrapper .navbar-area .main-navbar {
                        padding: 10px;
                    }
                    .main-content-wrapper .navbar-area .main-navbar .navbar-brand {
                        max-width: 125px;
                    }
                    .main-content-wrapper .main-responsive-nav .main-responsive-menu {
                        right: 15px;
                        top: 23px;
                    }
                    .main-content-wrapper .others-option-for-responsive .dot-menu {
                        right: 0;
                    }
                    .news-feed-area {
                        margin-top: 25px;
                        margin-bottom: 25px;
                    }
                    .news-feed-area .news-feed-post .post-header .image a img {
                        max-width: 55px;
                    }
                    /*.news-feed-area .news-feed-post .post-body .post-meta-wrap .post-react {
    width: 50px;
  }*/
                    .news-feed-area .news-feed-post .post-body .post-meta-wrap .post-react .number {
                        display: none;
                    }
                    .news-feed-area .news-feed-post .post-body .post-meta-wrap .post-react .react-list {
                        width: 252px;
                    }
                    /*.news-feed-area .news-feed-post .post-body .post-meta-wrap .post-react a {
    max-width: 18px;
  }*/
                    .news-feed-area .news-feed-post .post-body .post-meta-wrap .post-comment .number {
                        display: none;
                    }
                    .news-feed-area .news-feed-post .post-body .post-meta-wrap .post-share .number {
                        display: none;
                    }
                    .news-feed-area .news-feed-post .post-body .post-comment-list .comment-list .comment-image img {
                        max-width: 50px;
                    }
                    .news-feed-area .news-feed-post .post-body .post-comment-list .comment-list .comment-info {
                        padding-left: 60px;
                    }
                    .news-feed-area .news-feed-post .post-body .post-footer .footer-image a img {
                        max-width: 55px;
                    }
                    .news-feed-area .news-feed-post .post-body .post-footer .form-group {
                        padding-left: 65px;
                    }
                    .widget-area .widget-view-profile .profile-box .text {
                        width: 620px;
                    }
                    .widget-area .widget-who-following .following-item .name {
                        width: 620px;
                    }
                    .right-sidebar-area {
                        top: 4.0rem;
                    }
                    .copyrights-area {
                        text-align: start;
                    }
                    .my-profile-inner-box .profile-info-box {
                        padding: 20px;
                    }
                    .my-profile-inner-box .profile-info-box .inner-info-box .info-image {
                        margin-top: 0;
                    }
                    .my-profile-inner-box .profile-info-box .inner-info-box .info-image .icon a i {
                        display: none;
                    }
                    /* .my-profile-inner-box .profile-info-box .inner-info-box.d-flex {
        display: block !important;
    } */
                    .my-profile-inner-box .profile-info-box .inner-info-box .info-text {
                        margin-top: 15px;
                    }
                    .my-profile-inner-box .profile-info-box .inner-info-box .info-text.ms-3 {
                        margin-left: 0 !important;
                    }
                    .my-profile-inner-box .profile-info-box .inner-info-box .statistics {
                        text-align: start;
                        margin-top: 10px;
                    }
                    /* .my-profile-inner-box .profile-info-box .profile-social {
        display: none;
    } */
                    .my-profile-inner-box .profile-info-box .profile-list-tabs {
                        margin-top: 15px;
                    }
                    .my-profile-inner-box .profile-info-box .profile-list-tabs .nav .nav-item .nav-link {
                        font-size: 14px;
                    }
                    .friends-inner-box-style {
                        padding: 25px;
                    }
                    .friends-inner-box-style.d-flex {
                        display: block !important;
                    }
                    .friends-inner-box-style .title {
                        margin-bottom: 15px;
                    }
                    .friends-inner-box-style .friends-search-box {
                        width: 250px;
                        margin-top: 20px;
                    }
                    .photos-inner-box-style {
                        padding: 25px;
                    }
                    .photos-inner-box-style.d-flex {
                        display: block !important;
                    }
                    .photos-inner-box-style .title {
                        margin-bottom: 15px;
                    }
                    .photos-inner-box-style .photos-search-box {
                        width: 250px;
                        margin-top: 20px;
                    }
                    .account-setting-list-tabs {
                        padding: 15px;
                    }
                    .account-setting-list-tabs .nav .nav-item {
                        margin-right: 10px;
                    }
                    .account-setting-list-tabs .nav .nav-item .nav-link {
                        font-size: 13px;
                    }
                    .page-banner-box {
                        padding: 50px;
                    }
                    .page-banner-box h3 {
                        font-size: 30px;
                    }
                    .all-messages-body .messages-chat-container .chat-content .chat .chat-body .chat-message {
                        margin: 12px 0 21.28px 15.28px;
                    }
                    .all-messages-body .messages-chat-container .chat-content .chat .chat-avatar {
                        position: relative;
                        top: 12px;
                    }
                    .all-messages-body .messages-chat-container .chat-content .chat.chat-left .chat-avatar {
                        top: 12px;
                    }
                    .favourite-table {
                        padding: 20px;
                        margin-top: 20px;
                    }
                    .favourite-table table tbody tr td.info {
                        padding-right: 20px;
                    }
                    .favourite-information-box .profile-box .text {
                        width: 555px;
                    }
                    .favourite-inner-box-style .favourite-search-box {
                        width: 325px;
                    }
                    .events-inner-box-style {
                        background-color: var(--white-color);
                        padding: 25px;
                        border-radius: 5px;
                        margin-top: 25px;
                        padding: 25px;
                    }
                    .events-inner-box-style.d-flex {
                        display: block !important;
                    }
                    .events-inner-box-style .title {
                        margin-bottom: 15px;
                    }
                    .events-inner-box-style .events-search-box {
                        width: 250px;
                        margin-top: 20px;
                    }
                    .events-inner-box-style .nav .nav-item {
                        margin-right: 10px;
                    }
                    .events-inner-box-style .nav .nav-item .nav-link {
                        font-size: 14px;
                    }
                    .live-chat-body .live-chat-container .chat-content .chat .chat-body .chat-message {
                        margin: 12px 0 21.28px 15.28px;
                    }
                    .live-chat-body .live-chat-container .chat-content .chat .chat-avatar {
                        position: relative;
                        top: 12px;
                    }
                    .live-chat-body .live-chat-container .chat-content .chat.chat-left .chat-avatar {
                        top: 12px;
                    }
                    .all-birthday-body {
                        padding: 20px;
                    }
                    .all-birthday-body .birthday-list-box .list-item .list-content {
                        padding-left: 55px;
                    }
                    .all-birthday-body .birthday-list-box .list-item .list-content .rounded-circle {
                        max-width: 45px;
                    }
                    .all-birthday-body .birthday-list-box .list-item .list-content .text {
                        top: -20px;
                    }
                    .products-details-image {
                        height: 350px;
                    }
                }
                
                @media only screen and (max-width: 992px) {
                    .content-page-box-area {
                        padding-left: 0;
                    }
                }
                
                @media only screen and (min-width: 992px) and (max-width: 1199px) {
                    .sidemenu-area {
                        z-index: 9999;
                        left: -100%;
                        top: 4.4rem;
                    }
                    .sidemenu-area.active-sidemenu-area {
                        left: 0;
                        width: 160px;
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body {
                        -webkit-box-shadow: 0 8px 10px 0 rgba(183, 192, 206, 0.1);
                        box-shadow: 0 8px 10px 0 rgba(183, 192, 206, 0.1);
                        background: var(--white-color);
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav {
                        padding: 25px 15px;
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link {
                        padding: 5px 0 5px 40px;
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link .icon {
                        height: 30px;
                        width: 30px;
                        line-height: 30px;
                        /*background-color: #F4F7FC;*/
                        color: var(--black-color);
                        position: absolute;
                        left: 0;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link::before {
                        left: -8px;
                        background-color: var(--main-color);
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link .menu-title {
                        display: block;
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link,
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item:hover .nav-link {
                        color: var(--main-color);
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link .icon,
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item:hover .nav-link .icon {
                        color: var(--white-color);
                        /*background-color: var(--main-color);*/
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link::before,
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item:hover .nav-link::before {
                        height: 100%;
                        opacity: 1;
                        visibility: visible;
                    }
                    .main-content-wrapper {
                        padding-top: 80px;
                        padding-left: 10px;
                        padding-right: 10px;
                        padding-bottom: 30px;
                    }
                    .main-content-wrapper .navbar-area {
                        left: 0;
                        width: 100%;
                        width: 100%;
                    }
                    .main-content-wrapper .navbar-area .main-navbar {
                        padding: 10px;
                    }
                    .main-content-wrapper .navbar-area .main-navbar .navbar-brand {
                        max-width: 125px;
                    }
                    .main-content-wrapper .navbar-area .main-navbar .navbar .search-box {
                        width: 200px;
                    }
                    .main-content-wrapper .main-responsive-nav .main-responsive-menu {
                        right: 20px;
                        top: 23px;
                    }
                    .main-content-wrapper .others-option-for-responsive .dot-menu {
                        right: 0;
                    }
                    .others-option-for-responsive .dot-menu {
                        display: none;
                    }
                    .right-sidebar-area {
                        display: none;
                    }
                    .widget-area .widget-view-profile .profile-statistics li {
                        margin-right: 15px;
                    }
                    .widget-area .widget-view-profile .profile-statistics li::before {
                        right: -10px;
                    }
                    .widget-area .widget-view-profile .profile-likes ul li {
                        margin-left: -10px;
                        margin-right: -10px;
                    }
                    .widget-area .widget-birthday .birthday-title h3 {
                        font-size: 15px;
                    }
                    .widget-area .widget-birthday .birthday-title span a {
                        font-size: 13px;
                    }
                    .widget-area .widget-birthday .item .thumb {
                        width: 45px;
                        height: 45px;
                    }
                    .widget-area .widget-birthday .item .thumb .fullimage {
                        width: 45px;
                        height: 45px;
                    }
                    .widget-area .widget-birthday .item .info .title {
                        font-size: 14px;
                    }
                    .news-feed-area .news-feed-stories .stories-item span {
                        font-size: 13px;
                    }
                    .my-profile-inner-box .profile-info-box .inner-info-box .info-text {
                        /*width: 415px;*/
                    }
                    .single-friends-card .friends-content {
                        padding: 0 10px 10px;
                    }
                    .single-friends-card .friends-content .friends-info .text h3 {
                        font-size: 14px;
                    }
                    .single-groups-card .groups-content {
                        padding: 0 10px 10px;
                    }
                    .single-groups-card .groups-content .groups-info .text h3 {
                        font-size: 14px;
                    }
                    .single-events-card {
                        padding: 10px;
                    }
                    .single-video-card {
                        padding: 10px;
                    }
                    .single-video-card .video-info {
                        padding-left: 55px;
                    }
                    .single-video-card .video-info .rounded-circle {
                        max-width: 45px;
                    }
                    .single-video-card .video-info .text {
                        margin-top: -20px;
                    }
                }
                
                @media only screen and (min-width: 1200px) and (max-width: 1399px) {
                    /* .sidemenu-area {
        z-index: 9999;
        left: -100%;
        top: 4.4rem;
    } */
                    .sidemenu-area {
                        position: fixed;
                        left: 0;
                        top: 5.30rem;
                        height: 100%;
                        width: 230px;
                        z-index: 1;
                        -webkit-transition: var(--transition);
                        transition: var(--transition);
                        /* z-index: 9999;
            left: -100%;
            top: 4.4rem; */
                    }
                    /* .content-page-box-area {
            padding-left: 0px;
        } */
                    .sidemenu-area.active-sidemenu-area {
                        left: 0;
                        width: 160px;
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body {
                        -webkit-box-shadow: 0 8px 10px 0 rgba(183, 192, 206, 0.1);
                        box-shadow: 0 8px 10px 0 rgba(183, 192, 206, 0.1);
                        background: var(--white-color);
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav {
                        padding: 25px 15px;
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link {
                        padding: 5px 0 5px 40px;
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link .icon {
                        height: 30px;
                        width: 30px;
                        line-height: 30px;
                        /*background-color: #F4F7FC;*/
                        color: var(--black-color);
                        position: absolute;
                        left: 0;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link::before {
                        left: -8px;
                        background-color: var(--main-color);
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link .menu-title {
                        display: block;
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link,
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item:hover .nav-link {
                        color: var(--main-color);
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link .icon,
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item:hover .nav-link .icon {
                        color: var(--white-color);
                        /*background-color: var(--main-color);*/
                    }
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link::before,
                    .sidemenu-area.active-sidemenu-area .sidemenu-body .sidemenu-nav .nav-item:hover .nav-link::before {
                        height: 100%;
                        opacity: 1;
                        visibility: visible;
                    }
                    .main-content-wrapper {
                        padding-top: 80px;
                        padding-left: 10px;
                        padding-right: 10px;
                        padding-bottom: 30px;
                    }
                    .main-content-wrapper .navbar-area {
                        left: 0;
                        width: 100%;
                        width: 100%;
                    }
                    .main-content-wrapper .navbar-area .main-navbar {
                        padding: 10px;
                    }
                    .main-content-wrapper .navbar-area .main-navbar .navbar-brand {
                        max-width: 125px;
                    }
                    .main-content-wrapper .navbar-area .main-navbar .navbar .search-box {
                        width: 200px;
                    }
                    .main-content-wrapper .main-responsive-nav .main-responsive-menu {
                        /*right: 65px;*/
                        right: 20px;
                        top: 25px;
                    }
                    .main-content-wrapper .others-option-for-responsive .dot-menu {
                        right: 0;
                    }
                    .right-sidebar-area {
                        display: none;
                    }
                    .widget-area .widget-view-profile .profile-statistics li {
                        margin-right: 15px;
                    }
                    .widget-area .widget-view-profile .profile-statistics li::before {
                        right: -10px;
                    }
                    .widget-area .widget-view-profile .profile-likes ul li {
                        margin-left: -10px;
                        margin-right: -10px;
                    }
                    .widget-area .widget-birthday .birthday-title h3 {
                        font-size: 15px;
                    }
                    .widget-area .widget-birthday .birthday-title span a {
                        font-size: 13px;
                    }
                    .widget-area .widget-birthday .item .thumb {
                        width: 45px;
                        height: 45px;
                    }
                    .widget-area .widget-birthday .item .thumb .fullimage {
                        width: 45px;
                        height: 45px;
                    }
                    .widget-area .widget-birthday .item .info .title {
                        font-size: 14px;
                    }
                    .news-feed-area .news-feed-stories .stories-item span {
                        font-size: 13px;
                    }
                    .single-video-card {
                        padding: 10px;
                    }
                }
                
                @media only screen and (min-width: 1200px) and (max-width: 1350px) {
                    .content-page-box-area {
                        padding-left: 170px;
                    }
                    .sidemenu-area {
                        position: fixed;
                        left: 0;
                        top: 4.3rem;
                        height: 100%;
                        width: 160px;
                        z-index: 1;
                        -webkit-transition: var(--transition);
                        transition: var(--transition);
                    }
                }
                
                @media only screen and (min-width: 1400px) and (max-width: 1449px) {
                    .widget-area .widget-view-profile .profile-statistics li {
                        margin-right: 15px;
                    }
                    .widget-area .widget-view-profile .profile-statistics li::before {
                        right: -10px;
                    }
                    .widget-area .widget-view-profile .profile-likes ul li {
                        margin-left: -10px;
                        margin-right: -10px;
                    }
                    .widget-area .widget-birthday .birthday-title h3 {
                        font-size: 15px;
                    }
                    .widget-area .widget-birthday .birthday-title span a {
                        font-size: 13px;
                    }
                    .widget-area .widget-birthday .item .thumb {
                        width: 45px;
                        height: 45px;
                    }
                    .widget-area .widget-birthday .item .thumb .fullimage {
                        width: 45px;
                        height: 45px;
                    }
                    .widget-area .widget-birthday .item .info .title {
                        font-size: 14px;
                    }
                    .news-feed-area .news-feed-stories .stories-item span {
                        font-size: 13px;
                    }
                    .single-video-card {
                        padding: 10px;
                    }
                }
                
                @media only screen and (min-width: 1550px) {
                    .my-profile-inner-box .profile-info-box .inner-info-box .info-text {
                        /*width: 900px;*/
                    }
                    .single-friends-card .friends-content .friends-info .text {
                        width: 205px;
                        margin-top: 5px;
                    }
                    .single-groups-card .groups-content .groups-info .text {
                        width: 205px;
                        margin-top: 5px;
                    }
                    .favourite-information-box .profile-box .text {
                        width: 205px;
                    }
                    .live-chat-slides .chat-box .image .status-online {
                        right: 35px;
                        top: 10px;
                    }
                    .profile-authentication-area {
                        padding-top: 210px;
                        padding-bottom: 210px;
                    }
                }
                /*Website responsive*/
                
                @media only screen and (max-width: 767px) {
                    .profile-authentication-area {
                        padding-top: 20px;
                        padding-bottom: 0px;
                        background-image: url(../images/bg-login.png);
                        background-position: center center;
                        background-size: cover;
                        background-repeat: no-repeat;
                        height: 100%;
                        width: 100%;
                        position: relative;
                        z-index: 1;
                        background-color: #01A1ED;
                    }
                    .content-page-box-area {
                        padding-left: 0px;
                    }
                    .vector-image {
                        display: none;
                    }
                    .profile-authentication-image {
                        /* background-image: url(../images/profile-authentication.jpg); */
                        background-position: center center;
                        background-size: cover;
                        background-repeat: no-repeat;
                        height: 100%;
                        width: 100%;
                        text-align: center;
                        background-color: #fff;
                        padding: 0px 0;
                    }
                    .content-image h3 {
                        margin-bottom: 0;
                    }
                    .profile-authentication-image .content-image {
                        padding: 30px 67px;
                        border-bottom: 1px solid #eee;
                    }
                    .login-form form .form-group {
                        margin-bottom: 0px;
                        position: relative;
                    }
                    .set-your-profile .login-form {
                        padding: 0 20px;
                    }
                    .widget-area {
                        display: none;
                    }
                    .navbar-brand .logo-website {
                        display: none;
                    }
                    .navbar-brand .logo-mobile {
                        display: block;
                        width: 40px;
                    }
                    .main-content-wrapper .main-responsive-nav .main-responsive-menu {
                        position: absolute;
                        right: 50px;
                        top: 23px;
                    }
                    .main-content-wrapper .navbar-area .main-navbar .navbar .search-box {
                        position: relative;
                        width: 210px;
                        margin-right: 73px!important;
                    }
                    .customer-list {
                        position: absolute;
                        background-color: #ffff;
                        padding: 10px!important;
                        width: 100%;
                        height: auto;
                        max-height: 408px!important;
                        border-radius: 9px;
                        overflow-y: auto;
                        z-index: 999;
                    }
                    .center-cropped {
                        width: 40px!important;
                        height: 40px!important;
                        background-position: center center;
                        background-repeat: no-repeat;
                        overflow: hidden;
                    }
                    .searce-data .form-material {
                        width: 70%;
                    }
                    .mobile-search {
                        display: block;
                    }
                    .main-content-wrapper .navbar-area .main-navbar .navbar .search-box .input-search {
                        display: block;
                        width: 100%;
                        height: 40px;
                        border: none;
                        border-radius: 50px;
                        /* background-color: #2E3AB8; */
                        -webkit-transition: var(--transition);
                        transition: var(--transition);
                        color: var(--white-color);
                        font-size: var(--font-size);
                        font-weight: 400;
                        padding: 0 50px 0 25px;
                        -webkit-box-shadow: none;
                        box-shadow: none;
                        outline: 0;
                        background: rgba(0, 0, 0, 0.1);
                    }
                    .main-content-wrapper .navbar-area .main-navbar .navbar .search-box button {
                        position: absolute;
                        right: 0;
                        top: 1px;
                        height: 40px;
                        background-color: transparent;
                        border: none;
                        color: var(--white-color);
                        border-radius: 5px;
                        font-size: 18px;
                        padding: 0 20px;
                    }
                    .others-option-for-responsive .option-inner .others-options .option-item .profile-nav-item .menu-profile img {
                        width: 30px;
                        height: 30px;
                        display: inline-block;
                        margin-right: 0px;
                    }
                    .others-option-for-responsive .option-inner .others-options .option-item .profile-nav-item .dropdown-bs-toggle {
                        padding: 0;
                        color: var(--white-color);
                        font-weight: 500;
                        position: relative;
                        padding-right: 0px;
                    }
                    .others-option-for-responsive .option-inner .others-options .option-item .profile-nav-item {
                        position: relative;
                    }
                    .others-option-for-responsive .option-inner .others-options .option-item .profile-nav-item .dropdown-bs-toggle::before {
                        content: "\f102";
                        position: absolute;
                        right: 0;
                        -webkit-transition: var(--transition);
                        transition: var(--transition);
                        top: 0px;
                        font-size: 20px;
                        font-family: flaticon !important;
                        display: inline-block;
                        height: 30px;
                        width: 30px;
                        line-height: 35px;
                        text-align: center;
                        border-radius: 50px;
                        background-color: transparent;
                        color: var(--main-color);
                    }
                    .others-option-for-responsive .option-inner .others-options .option-item .profile-nav-item.dropdown .dropdown-menu .profile-body li {
                        list-style-type: none;
                        position: relative;
                        padding-left: 0px;
                        margin-bottom: 18px;
                    }
                    .others-option-for-responsive .option-inner .others-options .option-item .profile-nav-item.dropdown .dropdown-menu {
                        padding: 15px;
                        min-width: 200px;
                        max-width: 200px;
                        position: absolute;
                        right: 0;
                        left: auto;
                        border-radius: 0;
                        margin-top: 20px;
                        border: none;
                        display: block;
                        -webkit-transition: .2s;
                        transition: .2s;
                        opacity: 0;
                        visibility: hidden;
                        -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%);
                        box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%);
                        background-color: var(--white-color);
                        margin-top: 18px!important;
                    }
                    .photo-btn a {
                        /*display: block;
    margin-right: 0px;*/
                        display: grid;
                        margin-right: 0px;
                        grid: inherit;
                        justify-content: space-between;
                        justify-items: center;
                        align-content: space-between;
                    }
                    .video-btn a {
                        display: grid;
                        margin-right: 0px;
                        grid: inherit;
                        justify-content: space-between;
                        justify-items: center;
                        align-content: space-between;
                    }
                    .tag-btn a {
                        display: grid;
                        margin-right: 0px;
                        grid: inherit;
                        justify-content: space-between;
                        justify-items: center;
                        align-content: space-between;
                    }
                    .photo-btn a img {
                        margin-right: 0px;
                        margin-bottom: 5px;
                    }
                    .video-btn a img {
                        margin-right: 0px;
                        margin-bottom: 5px;
                    }
                    .tag-btn a img {
                        margin-right: 0px;
                        margin-bottom: 5px;
                    }
                    .tags-btn-done {
                        margin-top: 10px;
                    }
                    .tag-btn-user a {
                        display: block;
                        margin-right: 0px;
                    }
                    .tag-btn-user a img {
                        margin-right: 0px;
                        margin-bottom: 5px;
                    }
                    .events-form {
                        background-color: var(--white-color);
                        padding: 0px;
                        margin-top: 25px;
                        border-radius: 5px;
                    }
                    .news-feed-area .news-feed-post .post-body .post-meta-wrap .post-react span {
                        /*display: none;*/
                    }
                    .news-feed-area .news-feed-post .post-body .post-meta-wrap .post-comment span {
                        /*display: none;*/
                    }
                    .news-feed-area .news-feed-post .post-body .post-meta-wrap .post-share span {
                        /*display: none;*/
                    }
                    .news-feed-area .news-feed-post .post-body .post-meta-wrap .post-react a {
                        /*max-width: 30px;*/
                        display: flex;
                    }
                    .news-feed-area .news-feed-post .post-body .post-meta-wrap .post-comment a {
                        /*max-width: 30px;*/
                        display: flex;
                    }
                    .news-feed-area .news-feed-post .post-body .post-meta-wrap .post-share a {
                        /*max-width: 30px;*/
                        display: flex;
                    }
                    .header-title h3 {
                        padding: 20px 20px;
                        font-family: 'Montserrat';
                        font-style: normal;
                        font-weight: 700;
                        font-size: 22px;
                        line-height: 37px;
                        color: #FFFFFF;
                    }
                    .content-page-box-area .mb-4 {
                        margin-bottom: 0.5rem!important;
                    }
                    .friends-inner-box-style .nav {
                        padding: 0;
                        list-style-type: none;
                        display: block;
                        border: none;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                    }
                    .friends-inner-box-style .friends-search-box {
                        width: 100%;
                        margin-top: 20px;
                    }
                    .modal-body .widget-area {
                        display: block;
                    }
                    #add-mamber .help-and-support-search-box {
                        position: relative;
                        margin-top: 0px;
                        background-color: var(--white-color);
                        border-radius: 5px;
                        padding: 0 0 20px 0px;
                        text-align: center;
                    }
                    .live-chat-body .live-chat-header {
                        margin-bottom: 30px;
                        padding-bottom: 30px;
                        border-bottom: 1px solid #eeeeee;
                        padding: 0px;
                        padding-top: 10px;
                    }
                    .live-chat-container {
                        padding: 10px 0px;
                    }
                    .chat-list-footer .me-3 {
                        margin-right: 0rem!important;
                    }
                    .groups-inner-box-style .float-right {
                        float: none;
                        width: 100%;
                    }
                    .my-profile-inner-box .profile-info-box .inner-info-box .info-image {
                        /*margin-top: -50px;*/
                        width: 100px;
                    }
                    .info-image a {
                        width: 100%;
                    }
                    .my-profile-inner-box .profile-info-box .inner-info-box .info-image a img {
                        border-radius: 5px;
                        width: 100%;
                    }
                    .my-profile-inner-box .profile-cover-image .edit-cover-btn {
                        right: 0px;
                        top: 0px;
                    }
                    .profile-info {
                        margin-left: 15px;
                    }
                    .news-feed-area {
                        margin-top: 10px;
                        margin-bottom: 25px;
                    }
                    .all-notifications-body .item .icon a i {
                        font-size: 15px;
                        margin-right: 10px;
                    }
                    .statistics.ms-3 {
                        margin-left: 0rem!important;
                    }
                    .friends-inner-box-style .nav {
                        padding: 0;
                        list-style-type: none;
                        display: block;
                        border: none;
                        display: flex;
                        align-items: center;
                        justify-content: flex-start;
                    }
                    .form-setting {
                        padding: 20px 0px;
                    }
                    .account-setting-form h3 {
                        font-size: var(--font-size);
                        margin-bottom: 0px;
                        padding: 20px 0px;
                        border-bottom: 1px solid #eee;
                    }
                    .account-setting-form .default-btn {
                        width: 100%;
                    }
                    .account-setting-form {
                        padding: 0 20px;
                    }
                    .account-title {
                        padding: 0px 0px;
                        border-bottom: 1px solid #eee;
                    }
                    .account-title p {
                        margin-bottom: 0px;
                        padding: 10px 0px;
                        font-family: 'Montserrat';
                        font-style: normal;
                        font-weight: 400;
                        font-size: 16px;
                        line-height: 20px;
                        letter-spacing: 0.1px;
                        color: #8B9BB5;
                    }
                    .active-title p {
                        width: 80%;
                    }
                    .contact-form {
                        padding: 20px;
                    }
                }
                
                @media only screen and (max-width: 768px) {
                    .content-page-box-area {
                        padding-left: 0;
                    }
                }
                
                @media only screen and (max-width: 500px) {
                    .main-content-wrapper {
                        padding-top: 75px;
                        padding-left: 10px;
                        padding-right: 10px;
                        padding-bottom: 0;
                    }
                    /*.post_list {
                        height: 430px !important;
                        overflow-x: hidden !important;
                        overflow-y: auto !important;
                        text-align: center !important;
                        padding: 0px 0px !important;
                    }*/
                    .hashtags {
                        word-wrap: break-word;
                    }
                }
                
                @media only screen and (min-device-width: 393px) and (max-device-width: 873px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
                    .widget-view-profile,
                    .widget-page-you-like,
                    .widget-area {
                        display: none;
                    }
                    .others-option-for-responsive .option-inner .others-options .option-item:last-child {
                        margin-right: 15px;
                        margin-bottom: 0;
                    }
                }