@media (max-width:1279.98px) {
     .section {
         padding: 0px 10px !important;
     }

     .header {
         padding: 10px 5px 20px 5px !important;
     }

     .filters {
         display: none;
     }

     .filters {
         width: 4rem;
         border-radius: 0 var(--radius) var(--radius) 0;
     }

     footer {
         padding: 0px 5px !important;
     }

     .content {
         margin-left: 0px !important;
     }

     .topbar-filters {
         flex-wrap: nowrap !important;
         overflow-x: auto;

         /* hide scrollbar */
         -ms-overflow-style: none;
         /* IE & Edge */
         scrollbar-width: none;
         /* Firefox */
     }

     .topbar-filters::-webkit-scrollbar {
         display: none;
         /* Chrome, Safari */
     }

     .mobile-logo-menu-bar {
         display: flex !important;

     }

     .pricing {
         display: none !important;
     }

     .sign-in {
         display: none !important;
     }

     .logo {
         display: none !important;
     }

     .search-inner-box {
         width: 100% !important;
     }

     .topbar-inner {
         gap: 0px !important;
     }
     /*e  */
 }


 @media (max-width: 767.98px) {
     .topbar-inner {
         padding: 10px 5px !important;
         gap: 0px !important;
     }

     .search-form {
         padding: 0px;
         justify-content: center !important;
     }

     .topbar-filters {
         margin: 5px !important;
     }

     .search-text {
         display: none;
     }

     .search-button {
         padding: 0px !important;
         width: 30px;
         height: 30px;
         justify-content: center;
     }



     .topbar-filters {
         padding: 0px !important;
         margin: 0px 10px 10px 10px !important;
     }

     .search-inner-box {
         width: 100% !important;
     }

     .card {
         width: 50% !important;
     }


     .mobile-logo-menu-bar {
         padding: 10px 5px 0px 5px !important;
     }

     .pricing {
         display: none !important;
     }

     .sign-in {
         display: none !important;
     }
     .coin{
        font-size: 20px !important;
     }
 }