@media screen and (max-width: 800px) {
  .flex-container .flex-item {
    flex: 0 0 calc(33.33% - 10px);
  }

  .col-lg-35 {
    width: 100%;
  }

  .col-lg-65 {
    width: 100%;
  }

  .col-lg-50 {
    width: 100%;
  }

  .pr-sm {
    padding-right: 25px;
    padding-left: 25px;
  }
  

  #section2 .main,
  #section3 .main {
    flex-direction: column;
  }

  #section3 .col-lg-35 {
    padding-top: 0px;
  }

  #section3 .main .swiper {
    padding-left: 30px;
    padding-right: 30px;
    /* padding-top: 50px; */
  }

  .style-0 {
    position: relative;
  }
}

@media screen and (max-width: 550px) {
  .flex-container .flex-item {
    flex: 0 0 calc(40%);
  }

  .flex-container .flex-item {
    flex: 0 0 calc(40%);
  }

  .category-hub-section {
    padding: 0px;
  }

  #section0 .twelve {
    padding-top: 80px;
  }
  
  .twelve p{
     font-size:13px; 
     font-weight:400;
  }
    .twelve h1{
        font-size:18px; 
    }
    .category-hub-section span{
        font-size:20px;
    }

  .modal .twelve h1 {
            font-size: 12px;
        letter-spacing: 0px;
        padding-bottom: 10px;
        line-height: 31px;
  }
}