/** General page styling **/

@media (min-width:1750px) {
  .main-box {
    grid-template-columns: repeat(4, 4fr);
  }

} 

@media (max-width:1320px) {
  .main-box {
    grid-template-columns: repeat(4, 4fr);
  }

} 
@media (max-width:1100px) {
  .main-box {
    grid-template-columns: repeat(2, 2fr);
  }
  .swiper-slide-thumb {
    height: calc(50vw);
  }

} 
@media (max-width:900px) {
.main-box {
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
padding: 20px;
}
  .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 20px;
  }
.swiper-slide-thumb {
height: calc(50vw);
}
  .post-header-contain-title-in{
    max-width: initial;
    width: 100%;
    bottom: 120px;
  }
  ul {
    padding-right: 20px;
    padding-left: 20px;
  }
  .main-comment{
    border-top:1px solid #282D57;
  }
  #main-search-filter {
    padding-left: 20px;
    padding-right: 20px;
  }
  .post-chaussure {
    display: initial;
  }
  .gallery-chaussure {
    width: 100%;
    display: flex;
    height: 75vh;
  }
  .detail-chaussure {
    width: 100%;
    display: flex;
  }
  .detail-chaussure-content {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 40px;
  padding-bottom: 80px;
  margin-top: 0px;
  }
  .main-titre {
    padding-left: 20px;
    padding-right: 20px;
  }
  .main-content-home {
    margin-top: 0px;
    }
  .bt-plus {
    max-width: 300px;
    line-height: 20px;
  }
  .post-header-full {
    margin-bottom: 0px;
  }
  .main-content {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 0px;
  }
  .tableau-fiche {
    padding: 20px 20px 20px 20px;
    display: block;
  }
  .header-title-titre p {

  }
  .tableau-fiche-titre {
    width: 100%;
  }
  .tableau-fiche-content {
    width: 100%;
  }
  .header-menu-burger {
    left: 20px;
  }
  .header-title {
    right: 20px;
    top: 0;
  }
  .header-title-titre {
    opacity: 0;
    display: none;
  }
  .tableau-faible-fort {
    grid-template-columns: repeat(1, 1fr);
  }
  .tableau-faible, .tableau-fort {
    padding: 20px;
  }
  .post-relation-contain {
    display: block;
  }
.post-relation-thumb {
width: 100%;
height: auto;
}
  .post-relation-thumb-link {
    width: 100%;
    height: 320px;
  }
  .post-relation-contain {
    margin-left: 0px;
    margin-right: 0px;
  }
  .swiper-content {
    padding-left: 20px;
    padding-right: 20px;
  }
  .post-relation-content {
    padding: 20px;
  }
  .post-header-contain-title {
    bottom: 20px;
    left: 20px;
  }
  .post-header-title h1 {
    padding-left: 20px;
    padding-right: 20px;
  }
  #cookie-banner, #cookie-settings, #cookie-settings {
    width: initial;
    right: 20px;
    left: 20px;
  }
  .header-menu-search {
    right: 20px;
  }
  .header-menu-content{
    display: none;
  }
  .list-tag-flex-search{
    display: none;
  }
  .submit-search {
height: 40px;
padding: 0;
width: 100%;
border-radius: 0;
border: 0;
}
.list-tag-flex-search-mobile{
  display: initial;
}



}