@media (max-width: 767px){
    /* scroll-header */
    .scroll-head {
  width: 100%;
  padding: 0px 10px;
}
.cateagorys {
    display: none;
}
    .header-section {
    padding: 20px 10px;
    padding-bottom: 0;
}

    .menu{
    display: flex;
}
.header-top {
    display: flex;
    align-items: center;
}
.sign-in {
    font-size: 8px;
    padding: 4px 6px;
    border: 1px solid #006ED2;
}
.container {
    width: 100%;
    padding: 0;
}
    .wether {
    display: none;
}
.play {
    display: none;
}
.subscribe {
    display: none;
}
.header-mid {
    display: none;
}
.papper-section {
    display: none;
}
.header-bottom {
    display: none;
}
.logo {
    height: 25px;
    width: auto;
}
/* content-container */
.content-container {
    width: 100%;
}
.content-section {
    display: block;
}
.content-section-l {
    width: 100%;
}
 .content-section-s {
    position: static !important;
    top: auto !important;
    width: 100%;
  }

.four-grid-section {
  flex-direction: column;
}
.vertical-line {
  display: none;
}
.four-grid-section-s {
  width: 100%;
  border-right: none;
  padding-right: 0px;
  padding-bottom: 10px;
  order: 2;
}

.four-grid-section-l {
  width: 100%;
  padding-left: 0px;
   order: 1;
}
.five-grid-section-l .inside-two-grid {
    padding-bottom: 0;
    margin-bottom: 0;
}
.divider-line {
    margin: 15px 0;
}
.three-grid-section{
    flex-direction: column;
}
.three-grid-section .box {
  width: 100%;
}
.five-grid-section{
     flex-direction: column;
}
.five-grid-section-l{
    width: 100%;
}
.inside-two-grid{
    flex-direction: column;
}
.inside-two-grid .box {
  width: 100%;
}
.five-grid-section-s{
    width: 100%;
}
.six-part-section{
    flex-direction: column;
}
.six-part-section div{
width: 100%;
}


 .footer-section {
    display: none;
  }
  .footer-section.b {
    padding: 30px 20px;
    display: block;
  }
  .footer-column h4{
    margin-bottom: 0;
    font-size: 14px;
  }


  .footer-container {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }

  .footer-columns {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .footer-column {
    min-width: unset;
    width: 100%;
    max-width: 300px;
    text-align: center;
  }

  .footer-column ul {
    padding-left: 0;
    list-style-position: inside;
  }

  .footer-logo-column {
    text-align: center;
  }

  .footer-logo {
    margin: 0 auto;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }

  .social-icons,
  .store-buttons {
    justify-content: center;
    flex-wrap: wrap;
  }

  .footer-copyright {
    padding: 20px 15px;
    font-size: 13px;
  }

  .footer-links {
    font-size: 13px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  /* General adjustments */
  .container {
    width: 95%;
  }
  
  .content-container {
    width: 95%;
  }
  
  /* Header adjustments */
  .header-top {
    flex-direction: column;
    gap: 15px;
  }
  
  .header-grid {
    width: 100%;
    justify-content: space-between;
  }
  
  .logo {
    margin: 10px 0;
  }
  
  .header-mid {
    overflow-x: auto;
    white-space: nowrap;
    padding: 10px 0;
    -webkit-overflow-scrolling: touch;
  }
  
  .header-mid .cateagorys {
    display: inline-block;
    padding: 0 10px;
  }
  
  .header-bottom {
    padding: 10px 20px;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  
  .header-bottom-cateagorys {
    display: inline-block;
  }
  
  /* Content layout adjustments */
  .content-section {
    flex-direction: column;
    gap: 15px;
  }
  
  .content-section-l, 
  .content-section-l.b,
  .content-section-s {
    width: 100%;
  }
  
  /* Grid sections */
  .four-grid-section {
    flex-direction: column;
  }
  
  .four-grid-section-s,
  .four-grid-section-l {
    width: 100%;
    padding: 0;
  }
  
  .four-grid-section-s {
    border-right: none;
    padding-right: 0;
  }
  
  .four-grid-section-l {
    padding-left: 0;
    margin-top: 20px;
  }
  
  .three-grid-section {
    flex-wrap: wrap;
  }
  
  .three-grid-section .box {
    width: 100%;
    border-right: none;
    margin-bottom: 20px;
  }
  
  .three-grid-section .box:last-child {
    margin-bottom: 0;
  }
  
  .five-grid-section {
    flex-direction: column;
  }
  
  .five-grid-section-l,
  .five-grid-section-s {
    width: 100%;
  }
  
  .inside-two-grid {
    flex-direction: column;
  }
  
  .inside-two-grid .box {
    width: 100%;
    border-right: none;
    margin-bottom: 20px;
  }
  
  /* Hide vertical lines in tablet view */
  .vertical-line {
    display: none;
  }
  
  /* Six part section */
  .six-part-section {
    flex-direction: column;
  }
  
  .six-part-section div {
    width: 100%;
  }
  
  .box.b {
    width: 100%;
  }
  
  /* Footer adjustments */
  .footer-container {
    flex-direction: column;
    padding: 20px;
  }
  
  .footer-logo-column {
    margin-bottom: 20px;
  }
  
  .footer-columns {
    flex-direction: column;
    gap: 20px;
  }
  
  .footer-bottom {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }
  
  /* Side menu adjustments */
  .side-menu-overlay {
    max-width: 300px;
  }
  
  /* Hide scroll header in tablet */
  .scroll-header {
    display: none;
  }
  
  /* Show menu icon */
  .menu {
    display: block;
  }
  
  /* Adjust header buttons */
  .header-btn-section {
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .papper-section {
    justify-content: center;
    margin-top: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {}
@media (min-width: 1201px) and (max-width: 1400px) {}