.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    /* width: 970px; */
    width: 1024px;
  }
}
@media (min-width: 1200px) {
  /* .container {
    width: 1024px;
  } */
  .container {
    width: 1170px;
  }
}
@media (min-width: 1367px) {
  /* .container {
    width: 1170px;
  } */
  /* .container {
    width: 100%;
  } */
  .section{
    padding-left: 10%;
    padding-right: 10%;
  }

  body.navigation-is-open{
    padding-right: 15px;
  }
  .slide-community li img{
    width: 270px;
  }
  .list-slide-itm{
    height: calc(100vh - 80px);
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.grid-ss-1, .grid-ss-2, .grid-ss-3, .grid-ss-4, .grid-ss-5, .grid-ss-6, .grid-ss-7, .grid-ss-8, .grid-ss-9, .grid-ss-10, .grid-ss-11, .grid-ss-12, .grid-s-1, .grid-s-2, .grid-s-3, .grid-s-4, .grid-s-5, .grid-s-6, .grid-s-7, .grid-s-8, .grid-s-9, .grid-s-10, .grid-s-11, .grid-s-12, .grid-m-1,
.grid-m-2, .grid-m-3, .grid-m-4, .grid-m-5, .grid-m-6, .grid-m-7, .grid-m-8, .grid-m-9, .grid-m-10, .grid-m-11, .grid-m-12, .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12{
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12{
  float: left;
}
.grid-12 {
  width: 100%;
}
.grid-11 {
  width: 91.66666667%;
}
.grid-10 {
  width: 83.33333333%;
}
.grid-9 {
  width: 75%;
}
.grid-8 {
  width: 66.66666667%;
}
.grid-7 {
  width: 58.33333333%;
}
.grid-6 {
  width: 50%;
}
.grid-5 {
  width: 41.66666667%;
}
.grid-4 {
  width: 33.33333333%;
}
.grid-3 {
  width: 25%;
}
.grid-2 {
  width: 16.66666667%;
}
.grid-1 {
  width: 8.33333333%;
}

@media (max-width: 992px) {
  .grid-m-1, .grid-m-2, .grid-m-3, .grid-m-4, .grid-m-5, .grid-m-6, .grid-m-7, .grid-m-8, .grid-m-9, .grid-m-10, .grid-m-11, .grid-m-12{
    float: left;
  }
  .grid-m-12 {
    width: 100%;
  }
  .grid-m-11 {
    width: 91.66666667%;
  }
  .grid-m-10 {
    width: 83.33333333%;
  }
  .grid-m-9 {
    width: 75%;
  }
  .grid-m-8 {
    width: 66.66666667%;
  }
  .grid-m-7 {
    width: 58.33333333%;
  }
  .grid-m-6 {
    width: 50%;
  }
  .grid-m-5 {
    width: 41.66666667%;
  }
  .grid-m-4 {
    width: 33.33333333%;
  }
  .grid-m-3 {
    width: 25%;
  }
  .grid-m-2 {
    width: 16.66666667%;
  }
  .grid-m-1 {
    width: 8.33333333%;
  }
}
@media (max-width: 768px) {
  .grid-s-1, .grid-s-2, .grid-s-3, .grid-s-4, .grid-s-5, .grid-s-6, .grid-s-7, .grid-s-8, .grid-s-9, .grid-s-10, .grid-s-11, .grid-s-12{
    float: left;
  }
  .grid-s-12 {
    width: 100%;
  }
  .grid-s-11 {
    width: 91.66666667%;
  }
  .grid-s-10 {
    width: 83.33333333%;
  }
  .grid-s-9 {
    width: 75%;
  }
  .grid-s-8 {
    width: 66.66666667%;
  }
  .grid-s-7 {
    width: 58.33333333%;
  }
  .grid-s-6 {
    width: 50%;
  }
  .grid-s-5 {
    width: 41.66666667%;
  }
  .grid-s-4 {
    width: 33.33333333%;
  }
  .grid-s-3 {
    width: 25%;
  }
  .grid-s-2 {
    width: 16.66666667%;
  }
  .grid-s-1 {
    width: 8.33333333%;
  }
}
@media (max-width: 480px) {
  .grid-ss-1, .grid-ss-2, .grid-ss-3, .grid-ss-4, .grid-ss-5, .grid-ss-6, .grid-ss-7, .grid-ss-8, .grid-ss-9, .grid-ss-10, .grid-ss-11, .grid-ss-12{
    float: left;
  }
  .grid-ss-12 {
    width: 100%;
  }
  .grid-ss-11 {
    width: 91.66666667%;
  }
  .grid-ss-10 {
    width: 83.33333333%;
  }
  .grid-ss-9 {
    width: 75%;
  }
  .grid-ss-8 {
    width: 66.66666667%;
  }
  .grid-ss-7 {
    width: 58.33333333%;
  }
  .grid-ss-6 {
    width: 50%;
  }
  .grid-ss-5 {
    width: 41.66666667%;
  }
  .grid-ss-4 {
    width: 33.33333333%;
  }
  .grid-ss-3 {
    width: 25%;
  }
  .grid-ss-2 {
    width: 16.66666667%;
  }
  .grid-ss-1 {
    width: 8.33333333%;
  }
}