@media (min-width: 810px) {
  
}
@media (min-width: 1200px) and (max-width:1500px) {
  body {
    font-size: 16px;
  }
  .header .navbar.bg-dark .navbar-nav .nav-link {
    font-size: 16px;
  }
  .cornerbox {
    padding: 8px 30px;
  }
  .cornerbox
  .haeder-right {
    font-size: 16px;
  }
  .header .navbar .top-nav-btn {
    margin-top: -38px;
  }
  .header .searchform .form-control {
    padding: 10px;
  }
  .banner-content .title {
    font-size: 46px;
  }
  .banner-content .sub-title {
    font-size: 28px;
  }
  .footer-menu ul li:first-child {
    padding-bottom: 30px;
  }
  .footer-menu ul li a {
    font-size: 15px;
    padding-bottom: 20px;
  }
  footer .bottom-menu li a,.copy {
    font-size: 15px;
  }
  .bio-menu ul li a {
    padding-left: 25px;
  }
  .navbar-header-left {
    width: 35%;
  }
}
@media (min-width: 1201px) {
  .toggle {
    display: none;
  }
}
@media (max-width: 1200px) {
  .bio-menu ul {
    flex-direction: column !important;
  }
  .bio-menu ul li a {
    padding-left: 0;
  }
  .user-menu {
    display: none;
  }
  .toggle {
    text-align: right;
    padding: 10px;
  }
  .user-profile-header {
    left: 0;
    right: 0;
    margin: auto;
    width: 200px;
  }
  .userStoryBox {
    margin-left: 0;
  }
  .bio-page .cover-pic {
    height: 225px;
  }
  .bio-page .cover-pic img {
    object-fit: cover;
    height: 100%;
  }
}
@media (max-width: 991px) { 
  .banner {
    position: relative;
    z-index: 99;
  }
  .header-right .login a,
  .header-right select {
    font-size: 16px;
  }
  .navbar-dark .navbar-toggler-icon {
    filter: brightness(0) invert(0);
  }
  .header .navbar .top-nav-btn {
    margin-top: 0;
  }
  .navbar-collapse {
    padding-bottom: 60px;
  }
  .user-profile-header,
  .user-profile-header>div {
    width: 130px;
    height: 130px;
  }
  .user-profile-header {
    transform: translateY(calc(0% - 60px));
  }
  .profileInfo a {
    font-size: 12px;
  }
  .upload-label {
    padding: 6px 12px;
    font-size: 10px;
  }
  .testimonials-tabs .tab-pane {
    text-align: center;
  }
  .navbar-header {
    padding: 8px 0px;
  }
  .password-container form label {
    font-size: 16px;
  }
  .password-container .logo {
    display: none;
  }
  #postFormPrivacySetting .form-check {
    padding-left: 0;
  }
  .notification-wrapper .note-content p span {
    font-size: 12px;
  }
  .navbar-header .navbar-nav .topbar-user .dropdown-menu {
    left: auto;
  }
  
}
@media (min-width: 991px) and (max-width:1024px) {
  .leader-box .leader-content {
    transform: translateY(90px);
  }
  footer .bottom-menu li a {
    padding: 0 15px;
    font-size: 16px;
  }
  footer .logo-desc {
    font-size: 16px;
  }
  .footer-menu ul li a {
    padding-bottom: 15px;
  }
  .copy {
    font-size: 16px;
  }
  .footer-menu {
    padding-bottom: 30px;
  }
  .footer-menu ul li:first-child {
    padding-bottom: 10px;
  }
}
@media (min-width: 767px) and (max-width:991px) {
  .banner-content .title {
    font-size: 32px;
    line-height: 38px;
  }
  .banner-content .sub-title {
    font-size: 24px;
    line-height: 26px;
  }
  .banner-content .desc {
    font-size: 16px;
  }
  .leader-box .leader-content {
    transform: translateY(120px);
  }
  .leader-box .leader-content .title {
    font-size: 22px;
  }
  .leader-box .leader-content p {
    font-size: 16px;
  }
  .prefooter .newsletter-form .arrow-btn {
    padding: 8px 24px;
  }
  footer .logo-desc {
    font-size: 16px;
  }
  .footer-menu ul li a {
    padding-bottom: 15px;
  }
  footer .bottom-menu li a {
    padding: 0 12px;
    font-size: 14px;
  }
  .copy {
    font-size: 14px;
  }
  .footer-menu {
    padding-bottom: 30px;
  }
  .footer-menu ul li:first-child {
    padding-bottom: 10px;
  }
}
@media (min-width: 991px) and (max-width:1024px) {

}
@media (max-width: 767px) {
  li.nav-item.topbar-user {
    display: none;
  }
  .navbar-header .navbar-nav {
    justify-content: space-around;
    width: 100%;
  }
  .mobileProfile .dropdown-menu {
    padding: 0;
  }
  .mobileProfile .dropdown-menu li button {
    line-height: 30px;
  }
  .modal-actions button {
    padding: 0px 20px !important;
    margin-bottom: 12px !important;
  }
  .profile-image {
    width: 50px;
    height: 50px;
  }
  .camera-icon {
    width: 20px;
    height: 20px;
    top: 3px;
    right: -6px;
  }
  .camera-icon i {
    font-size: 10px;
  }
  footer ul {
    flex-wrap: wrap;
  }
  .comment-text,
  .copyright ul li a,
  .testimonials-tabs .nav-item .nav-link {
    font-size: 12px;
  }
  .reactions a {
    font-size: 0;
  }
  .emoji-hover {
    font-size: 14px;
  }
  .topbar-icon a i {
    position: relative;
    top: 2px;
  }
  .contacts-grid:only-child,
  .contacts-grid:has(p.text-muted) {
    display: block;
    text-align: center;
  }
  .contacts-grid p.text-muted {
    width: 100%;
    margin: 0 auto;
  }
  .modal-contentcrop {
    padding: 0px;
  }
  .vrSelect span.select2-container {
    width: 100% !important;
  }
  .accordion-button::after {
    width: 20px;
    height: 20px;
    background-size: 16px;
  }
  .report-listing .accordion-button {
    padding-right: 0;
  }
  .navbar-header .navbar-nav .topbar-icon .dropdown-menu {
    min-width: 15rem;
  }
  #suggestionsMobile .username {
    font-size: 14px;
  }
  .user-img img {
    border-radius: 50%;
  }
  .login-wrapper .login-banner {
    display: none;
  }
  .login-page .login-wrapper .login-form {
    padding: 25px;
  }
  .loginBtn  button {
    font-size: 14px;
  }
  .fpText {
    width: 100%;
    text-align: right;
    font-size: 14px;
  }
  .login-page {
    justify-content: center;
  }
  .login-page .login-wrapper .login-form .form-group label,
  .whiteBox table td {
    font-size: 14px;
  }
  .login-page .login-wrapper .login-form .form-group .form-control, .password-container .form-group .form-control {
    height: 40px;
  }
  .top-content p,
  .top-content p a strong {
    font-weight: 600 !important;
  }
  .reactions a img,
  .w35 {
    width: 32px !important;
  }
  .postReactionIcon {
    width: 26px;
    height: 26px;
    line-height: 26px;
  }
  .comments-section {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 0;
  }
  .whiteBox {
    padding: 12px !important;
    border-radius: 0;
  }
  .whiteBox.allposts {
    padding-bottom: 0!important;
  }
  .trackSidebar {
    display: none;
  }
  .submtNtrack {
    background-image: url('../images/select-arrow-white.png');
    background-repeat: no-repeat;
    background-position: 96%;
    background-size: 26px;
    padding: 20px 15px;
    font-weight: bold;
    margin-bottom: 0;
  }
  .chartBox {
    border-radius: 0px;
  }
  .twoCol .card-list {
    height: auto;
  }
  .master-slider .item {
    padding: 0;
  }
  .mobileProfile .profile-username {
    display: none;
  }
  .mobileProfile {
    position: absolute;
    right: 15px;
  }
  .mobileProfile .profile-image {
    width: 36px;
    height: 36px;
  }
}
@media (max-width: 480px) {
  .header .row {
    justify-content: center;
  }
  .header .top-logo {
    text-align: center;
    padding-bottom: 15px;
  }
  .banner {
    background-position: center;
  }
  .banner-content .title {
    font-size: 32px;
    line-height: 38px;
  }
  .banner-content .sub-title {
    font-size: 24px;
    line-height: 26px;
  }
  .banner-content .desc,
  .leaders .desc,
  .ibl-form .desc {
    width: 100% !important;
  }
  .customer-slider .slider-for .slick-arrow {
    width: 35px;
    height: 35px;
    position: absolute;
    /* left: 0; */
  }
  .customer-slider .slider-for .slick-next.slick-arrow {
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center right;
  }
  .customer-slider .slider-for .slick-prev.slick-arrow  {
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center left;
    margin-left: 13px;
  }
  .customer-slider .client-content {
    width: 85%;
  }
  .customer-slider .slider-nav .slick-current .client-img {
    width: 60px;
    height: 60px;
    border: 2px solid var(--blue)
  }
  .leader-box .leader-content p {
    font-size: 14px;
  }
  .footer-menu ul li a {
    padding-bottom: 15px;
  }
  footer .bottom-menu li a {
    padding: 0 7px;
    font-size: 11px;
  }
  .copy {
    font-size: 11px;
  }
  .footer-menu {
    padding-bottom: 30px;
  }
  .footer-menu ul li:first-child {
    padding-bottom: 10px;
  }
  p {
    font-size: 15px;
  }
  
}