@media screen and (max-width: 992px) {
  .input-item-btn {
    max-width: 260px;
    margin-left: 32px;
  }
  .header-links li:not([class]) {
    padding-right: 18px;
  }
  .dropdowns-items-header .main-header-drpdn.fx {
    max-width: calc(100vw - 599px);
  }
  .sign-in-header.profile .dropdown-menu {
    min-width: 192px;
  }
  .blog-logo-img {
    max-width: 100px;
  }
  .blog-logo-btn {
    font-size: 14px !important;
    padding-inline: 10px;
  }
}
@media (max-width: 1180px) {
  footer .footer-wrapper .join-by-mailing .join-mail-ref {
    display: block;
  }
  footer .footer-wrapper .join-by-mailing .join-mail-ref span {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 1199px) {
  .navbar .searchBar {
    width: 190px !important;
  }
  .headerSearch .search-form .input-group {
    width: 100%;
    margin: 0;
  }
  .mega-menu-section .navbar .navbar-nav .nav-item .nav-link {
    margin: 0;
  }
  .tablet-view {
    display: block;
  }
  .desktop-view {
    display: none;
  }
  .popular-blogs-cards .card-popular .para {
    font-size: 14px;
  }
  .top-selling-countries .top-selling-card {
    font-size: 14px;
  }
  .sidebar-blogs .title {
    font-size: 20px !important;
}
}
@media (max-width: 767px) {
  .carousel-control-next,
  .carousel-control-prev,
  .carousel-indicators,
  .dasktop-footer,
  .desktop-view,
  .tablet-view,
  .top-header {
    display: none;
  }
  footer .footer-wrapper .join-by-mailing .join-mail-ref {
    display: flex;
  }
  .mobile-footer {
    position: relative;
    display: block;
  }
  .mobile-view {
    display: block;
  }
  .profile-card img {
    max-height: 50px;
    max-width: 50px;
    align-self: flex-start;
    object-fit: cover;
  }
  #bannar_section .blogs-title {
    font-size: 28px;
  }
}
@media (max-width: 450px) {
  .profile-card {
    flex-wrap: wrap;
  }
  .profile-card img {
    height: 100px;
    width: 100px;
  }
  .tag-name-card .card-body {
    padding: 12px;
  }
  .tag-name-text {
    font-size: 16px;
  }
}
@media (max-width: 421px) {
  .pagination-blogs li {
    margin-right: 6px;
    font-size: 14px;
    padding: 10px;
  }
  .pagination-blogs {
    flex-grow: 1;
    justify-content: center;
    min-width: 0;
  }
}