diff --git a/themes/modern2/assets/css/components/2-layout/responsive.scss b/themes/modern2/assets/css/components/2-layout/responsive.scss
index 0d23939a9..baf54abf8 100755
--- a/themes/modern2/assets/css/components/2-layout/responsive.scss
+++ b/themes/modern2/assets/css/components/2-layout/responsive.scss
@@ -1,566 +1,579 @@
 @include xxlg-xxxlg {
-  .auto__container {
-    max-width: 1240px;
-  }
-  .swiper {
-    &-slide {
-      height: 450px;
+    .auto__container {
+        max-width: 1240px;
+    }
+    .swiper {
+        &-slide {
+            height: 450px;
+        }
     }
-  }
 }
 @include xlg-xxlg {
-  .main__banner {
-    margin-bottom: 40px;
-  }
-  .swiper {
-    &-slide {
-      height: 350px;
-    }
-  }
-  .auto__container {
-    max-width: 1040px;
-    padding: 0 25px;
-  }
-  .banner {
-    margin: 40px 0;
-  }
-  .slider {
-    height: 450px;
-    &__item {
-      height: 450px;
-    }
-    &__nav {
-      a {
-        height: 33.3%;
-        span {
-          overflow: hidden;
-          text-overflow: ellipsis;
+    .newsSlider {
+        &__item {
+            height: 280px;
         }
-      }
     }
-  }
-  .event {
-    margin: 40px 0;
-    &__header {
-      margin-bottom: 40px;
+    .main__banner {
+        margin-bottom: 40px;
     }
-    &__body {
-      &-row {
-        margin: 0 -10px;
-      }
-      &-image {
-        margin: 0 10px;
-        width: calc(50% - 20px);
+    .swiper {
+        &-slide {
+            height: 350px;
+        }
+    }
+    .auto__container {
+        max-width: 1040px;
+        padding: 0 25px;
+    }
+    .banner {
+        margin: 40px 0;
+    }
+    .slider {
+        height: 450px;
+        &__item {
+            height: 450px;
+        }
+        &__nav {
+            a {
+                height: 33.3%;
+                span {
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                }
+            }
+        }
+    }
+    .event {
+        margin: 40px 0;
+        &__header {
+            margin-bottom: 40px;
+        }
+        &__body {
+            &-row {
+                margin: 0 -10px;
+            }
+            &-image {
+                margin: 0 10px;
+                width: calc(50% - 20px);
+                a.progressive {
+                    height: 200px;
+                }
+            }
+            &-card {
+                position: unset;
+                width: 100%;
+                border: none;
+            }
+            &-column {
+                margin: 0 10px;
+                width: calc(50% - 30px);
+                padding: 0 15px;
+            }
+        }
+    }
+    .main {
+        &__body {
+            &-header {
+                margin-bottom: 40px;
+            }
+            &-column {
+                a.progressive {
+                    height: 240px;
+                }
+            }
+            &-card {
+                margin: -50px 15px 0 15px;
+            }
+        }
+        &__sidebar {
+            &-title {
+                margin-bottom: 40px;
+            }
+            a.progressive {
+                margin-bottom: 40px;
+            }
+            &-tag {
+                margin-bottom: 40px;
+                &-link {
+                    padding: 4px 6px;
+                    font-size: 12px;
+                }
+            }
+        }
+    }
+    .card {
+        padding: 15px;
+    }
+    .partner {
+        &__title {
+            margin-bottom: 40px;
+        }
+    }
+    .heading {
+        &__row {
+            margin-bottom: 40px;
+        }
+        &__title {
+            margin-bottom: 40px;
+        }
+        &__content {
+            padding: 15px 0 15px 15px;
+            width: calc(60% - 15px);
+            &-header {
+                margin-bottom: 15px;
+            }
+            &-body {
+                &-para {
+                    height: 90px;
+                }
+            }
+        }
         a.progressive {
-          height: 200px;
+            height: 250px;
         }
-      }
-      &-card {
-        position: unset;
-        width: 100%;
-        border: none;
-      }
-      &-column {
-        margin: 0 10px;
-        width: calc(50% - 30px);
-        padding: 0 15px;
-      }
     }
-  }
-  .main {
-    &__body {
-      &-header {
-        margin-bottom: 40px;
-      }
-      &-column {
-        a.progressive {
-          height: 240px;
+    .form {
+        &__title {
+            margin-bottom: 40px;
         }
-      }
-      &-card {
-        margin: -50px 15px 0 15px;
-      }
-    }
-    &__sidebar {
-      &-title {
-        margin-bottom: 40px;
-      }
-      a.progressive {
-        margin-bottom: 40px;
-      }
-      &-tag {
-        margin-bottom: 40px;
-        &-link {
-          padding: 4px 6px;
-          font-size: 12px;
+        &__input {
+            label {
+                height: 60px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
         }
-      }
     }
-  }
-  .card {
-    padding: 15px;
-  }
-  .partner {
-    &__title {
-      margin-bottom: 40px;
-    }
-  }
-  .heading {
-    &__row {
-      margin-bottom: 40px;
-    }
-    &__title {
-      margin-bottom: 40px;
-    }
-    &__content {
-      padding: 15px 0 15px 15px;
-      width: calc(60% - 15px);
-      &-header {
-        margin-bottom: 15px;
-      }
-      &-body {
-        &-para {
-          height: 90px;
+    .news {
+        &__inner {
+            padding: 40px 0;
         }
-      }
-    }
-    a.progressive {
-      height: 250px;
-    }
-  }
-  .form {
-    &__title {
-      margin-bottom: 40px;
-    }
-    &__input {
-      label {
-        height: 60px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-    }
-  }
-  .news {
-    &__inner {
-      padding: 40px 0;
-    }
-    &__image {
-      margin: 20px 0;
-    }
-    &__body {
-      &-row {
-        &-image {
-          margin: 0 10px;
-          width: calc(50% - 20px);
+        &__image {
+            margin: 20px 0;
+        }
+        &__body {
+            &-row {
+                &-image {
+                    margin: 0 10px;
+                    width: calc(50% - 20px);
+                }
+            }
         }
-      }
     }
-  }
 }
 @include lg-xlg {
-  .swiper-container {
-    .slick-list {
-      padding: 0 20% 0 0;
+    .newsSlider {
+        &__item {
+            height: 240px;
+        }
     }
-  }
-  .partner__title {
-    margin-bottom: 20px;
-  }
-  .swiper-slide {
-    &-content {
-      padding: 15px;
-      width: calc(100% - 30px);
-      &-category {
-        font-size: 12px;
-        line-height: 14px;
-        padding: 8px 12px;
-        font-weight: 500;
-      }
-      &-link {
-        font-size: 14px;
-        line-height: 26px;
-        height: 52px;
-        width: 75%;
-      }
+    .swiper-container {
+        .slick-list {
+            padding: 0 20% 0 0;
+        }
     }
-  }
-  .slider {
-    &__nav {
-      display: none;
+    .partner__title {
+        margin-bottom: 20px;
     }
-    &__inner {
-      width: 100%;
-      margin: 0;
+    .swiper-slide {
+        &-content {
+            padding: 15px;
+            width: calc(100% - 30px);
+            &-category {
+                font-size: 12px;
+                line-height: 14px;
+                padding: 8px 12px;
+                font-weight: 500;
+            }
+            &-link {
+                font-size: 14px;
+                line-height: 26px;
+                height: 52px;
+                width: 75%;
+            }
+        }
     }
-  }
-  .header {
-    &__slogan {
-      display: none;
-    }
-    &__search {
-      display: none;
-    }
-    .hamBtn {
-      display: block;
-      width: 35px;
-      background: none;
-      height: 25px;
-      display: flex;
-      flex-direction: column;
-      -ms-flex-direction: column;
-      justify-content: space-between;
-      span {
-        width: 100%;
-        height: 5px;
-        border-radius: 10px;
-        background: $text-light-black;
-      }
-    }
-  }
-  .subheader__inner {
-    position: fixed;
-    top: 0;
-    right: 0;
-    height: 100%;
-    width: 0;
-    overflow: hidden;
-    opacity: 0;
-    background: rgba($color: #000000, $alpha: 0.5);
-    z-index: 1000;
-    @include transition;
-    .close {
-      width: 30px;
-      height: 30px;
-      position: absolute;
-      left: 30px;
-      top: 30px;
-      display: block;
-      img {
-        width: 100%;
-        height: 100%;
-      }
-    }
-    .nav {
-      position: absolute;
-      top: 0;
-      right: 0;
-      width: 50%;
-      height: calc(100% - 50px);
-      overflow-y: scroll;
-      background: $text-light-black;
-      &__inner {
-        flex-direction: column;
-        -ms-flex-direction: column;
-        &-link {
-          display: block;
-          text-align: center;
-          margin-right: 0;
-          padding: 20px;
-          font-size: $h3-size;
-          line-height: $h3-height;
-          font-weight: 700;
-          width: calc(100% - 40px);
-          &::before {
+    .slider {
+        &__nav {
             display: none;
-          }
         }
-      }
-    }
-    .language {
-      position: absolute;
-      bottom: 0;
-      right: 0;
-      width: 50%;
-      padding: 15px 0;
-      justify-content: center;
-      background: $color-grey;
-    }
-    &.showMenu {
-      width: 100%;
-      opacity: 1;
-    }
-  }
-  .event {
-    &__body {
-      &-image {
-        width: calc(50% - 20px);
-      }
-      &-column {
-        width: calc(50% - 30px);
-      }
-    }
-  }
-  .main {
-    margin-top: 40px;
-    &__sidebar {
-      display: none;
-    }
-    &__content {
-      width: 100%;
-      margin: 0;
-    }
-    &__body {
-      &-card {
-        margin: -50px 0 0 0;
-      }
-      &-column {
-        a.progressive {
-          height: 300px;
+        &__inner {
+            width: 100%;
+            margin: 0;
         }
-      }
     }
-  }
-  .footer {
-    &__inner {
-      flex-direction: column;
-      -ms-flex-direction: column;
-      justify-content: center;
+    .header {
+        &__slogan {
+            display: none;
+        }
+        &__search {
+            display: none;
+        }
+        .hamBtn {
+            display: block;
+            width: 35px;
+            background: none;
+            height: 25px;
+            display: flex;
+            flex-direction: column;
+            -ms-flex-direction: column;
+            justify-content: space-between;
+            span {
+                width: 100%;
+                height: 5px;
+                border-radius: 10px;
+                background: $text-light-black;
+            }
+        }
     }
-    &__social {
-      margin-top: 20px;
+    .subheader__inner {
+        position: fixed;
+        top: 0;
+        right: 0;
+        height: 100%;
+        width: 0;
+        overflow: hidden;
+        opacity: 0;
+        background: rgba($color: #000000, $alpha: 0.5);
+        z-index: 1000;
+        @include transition;
+        .close {
+            width: 30px;
+            height: 30px;
+            position: absolute;
+            left: 30px;
+            top: 30px;
+            display: block;
+            img {
+                width: 100%;
+                height: 100%;
+            }
+        }
+        .nav {
+            position: absolute;
+            top: 0;
+            right: 0;
+            width: 50%;
+            height: calc(100% - 50px);
+            overflow-y: scroll;
+            background: $text-light-black;
+            &__inner {
+                flex-direction: column;
+                -ms-flex-direction: column;
+                &-link {
+                    display: block;
+                    text-align: center;
+                    margin-right: 0;
+                    padding: 20px;
+                    font-size: $h3-size;
+                    line-height: $h3-height;
+                    font-weight: 700;
+                    width: calc(100% - 40px);
+                    &::before {
+                        display: none;
+                    }
+                }
+            }
+        }
+        .language {
+            position: absolute;
+            bottom: 0;
+            right: 0;
+            width: 50%;
+            padding: 15px 0;
+            justify-content: center;
+            background: $color-grey;
+        }
+        &.showMenu {
+            width: 100%;
+            opacity: 1;
+        }
     }
-    &__copyright {
-      text-align: center;
+    .event {
+        &__body {
+            &-image {
+                width: calc(50% - 20px);
+            }
+            &-column {
+                width: calc(50% - 30px);
+            }
+        }
     }
-  }
-  .card.other {
-    padding: 15px;
-  }
-  .mr-top-bot {
-    margin: 40px 0;
-  }
-  .about {
-    padding: 40px 0;
-  }
-  .news {
-    &__sidebar {
-      display: none;
+    .main {
+        margin-top: 40px;
+        &__sidebar {
+            display: none;
+        }
+        &__content {
+            width: 100%;
+            margin: 0;
+        }
+        &__body {
+            &-card {
+                margin: -50px 0 0 0;
+            }
+            &-column {
+                a.progressive {
+                    height: 300px;
+                }
+            }
+        }
     }
-    &__content {
-      width: 100%;
-      margin-right: 0;
+    .footer {
+        &__inner {
+            flex-direction: column;
+            -ms-flex-direction: column;
+            justify-content: center;
+        }
+        &__social {
+            margin-top: 20px;
+        }
+        &__copyright {
+            text-align: center;
+        }
     }
-  }
-  .terms {
-    padding: 40px 0;
-    &__title {
-      margin-bottom: 20px;
+    .card.other {
+        padding: 15px;
     }
-    &__para {
-      margin-bottom: 20px;
+    .mr-top-bot {
+        margin: 40px 0;
+    }
+    .about {
+        padding: 40px 0;
+    }
+    .news {
+        &__sidebar {
+            display: none;
+        }
+        &__content {
+            width: 100%;
+            margin-right: 0;
+        }
+    }
+    .terms {
+        padding: 40px 0;
+        &__title {
+            margin-bottom: 20px;
+        }
+        &__para {
+            margin-bottom: 20px;
+        }
     }
-  }
 }
 @include sm-md {
-  .swiper-container {
-    .slick-list {
-      padding: 0 0 0 0;
+    .swiper-container {
+        .slick-list {
+            padding: 0 0 0 0;
+        }
     }
-  }
-  .header__logo {
-    width: 80px;
-    img {
-      width: 100%;
+    .header__logo {
+        width: 80px;
+        img {
+            width: 100%;
+        }
     }
-  }
-  .marquee {
-    display: none;
-  }
-  .slider {
-    height: 350px;
-    &__item {
-      height: 350px;
+    .marquee {
+        display: none;
+    }
+    .slider {
+        height: 350px;
+        &__item {
+            height: 350px;
+        }
     }
-  }
 
-  .event {
-    &__body {
-      &-row {
-        margin: 0;
-        flex-direction: column;
-        -ms-flex-direction: column;
-      }
-      &-image {
-        width: 100%;
-        margin: 15px 0;
+    .event {
+        &__body {
+            &-row {
+                margin: 0;
+                flex-direction: column;
+                -ms-flex-direction: column;
+            }
+            &-image {
+                width: 100%;
+                margin: 15px 0;
+                a.progressive {
+                    height: auto;
+                }
+            }
+            &-column {
+                width: calc(100% - 30px);
+                margin: 0;
+                padding: 0 15px;
+                border: none;
+                .card {
+                    padding: 15px 0;
+                }
+            }
+        }
+    }
+    .main {
+        &__body {
+            &-row {
+                flex-direction: column;
+                -ms-flex-direction: column;
+                margin: 0;
+            }
+            &-column {
+                width: 100%;
+                margin: 15px 0;
+                a.progressive {
+                    height: auto;
+                }
+            }
+        }
+        &__banner {
+            margin-bottom: 40px;
+        }
+    }
+    .heading {
+        &__row {
+            margin-bottom: 20px;
+            flex-direction: column;
+            -ms-flex-direction: column;
+        }
+        &__image {
+            width: 100%;
+        }
+        &__content {
+            padding: 20px 0;
+            width: 100%;
+            &-body {
+                &-para {
+                    height: 120px;
+                }
+            }
+        }
         a.progressive {
-          height: auto;
+            height: auto;
+            img {
+                height: unset;
+                width: 100%;
+                object-fit: unset;
+                -o-object-fit: unset;
+            }
         }
-      }
-      &-column {
-        width: calc(100% - 30px);
-        margin: 0;
-        padding: 0 15px;
-        border: none;
-        .card {
-          padding: 15px 0;
+    }
+    .form {
+        &__row {
+            flex-direction: column;
+            -ms-flex-direction: column;
         }
-      }
-    }
-  }
-  .main {
-    &__body {
-      &-row {
-        flex-direction: column;
-        -ms-flex-direction: column;
-        margin: 0;
-      }
-      &-column {
-        width: 100%;
-        margin: 15px 0;
-        a.progressive {
-          height: auto;
+        &__input {
+            margin-bottom: 20px;
+            &:first-child {
+                width: 100%;
+                margin-right: 0;
+            }
+            &:last-child {
+                width: 100%;
+                margin-left: 0;
+            }
+            label {
+                height: unset;
+            }
         }
-      }
-    }
-    &__banner {
-      margin-bottom: 40px;
-    }
-  }
-  .heading {
-    &__row {
-      margin-bottom: 20px;
-      flex-direction: column;
-      -ms-flex-direction: column;
-    }
-    &__image {
-      width: 100%;
-    }
-    &__content {
-      padding: 20px 0;
-      width: 100%;
-      &-body {
-        &-para {
-          height: 120px;
+        &__btn {
+            width: 100%;
         }
-      }
     }
-    a.progressive {
-      height: auto;
-      img {
-        height: unset;
-        width: 100%;
-        object-fit: unset;
-        -o-object-fit: unset;
-      }
-    }
-  }
-  .form {
-    &__row {
-      flex-direction: column;
-      -ms-flex-direction: column;
-    }
-    &__input {
-      margin-bottom: 20px;
-      &:first-child {
-        width: 100%;
-        margin-right: 0;
-      }
-      &:last-child {
-        width: 100%;
-        margin-left: 0;
-      }
-      label {
-        height: unset;
-      }
-    }
-    &__btn {
-      width: 100%;
-    }
-  }
-  .main {
-    &__inner.contact {
-      padding: 0;
-    }
-  }
-  .news {
-    &__body {
-      &-row {
-        margin: 0;
-        flex-direction: column;
-        -ms-flex-direction: column;
-        &-image {
-          margin: 15px 0;
-          width: 100%;
+    .main {
+        &__inner.contact {
+            padding: 0;
         }
-      }
     }
-    &__footer {
-      flex-direction: column;
-      -ms-flex-direction: column;
-    }
-  }
-  .newsSlider {
-    .newsSlider__item {
-      &-content {
-        position: unset;
-        padding: 10px;
-        border: 1px solid #dfdfdf;
-        width: calc(100% - 20px);
-        &-link {
-          color: $text-light-black;
-          font-size: 12px;
-          line-height: 16px;
-          height: 48px;
+    .news {
+        &__body {
+            &-row {
+                margin: 0;
+                flex-direction: column;
+                -ms-flex-direction: column;
+                &-image {
+                    margin: 15px 0;
+                    width: 100%;
+                }
+            }
         }
-        &-date {
-          font-size: 10px;
-          width: 100%;
-          padding: 8px 0;
+        &__footer {
+            flex-direction: column;
+            -ms-flex-direction: column;
+        }
+    }
+    .newsSlider {
+        .newsSlider__item {
+            img {
+                height: 250px;
+            }
+            &-content {
+                position: unset;
+                padding: 10px;
+                border: 1px solid #dfdfdf;
+                width: calc(100% - 20px);
+                &-link {
+                    color: $text-light-black;
+                    font-size: 12px;
+                    line-height: 16px;
+                    height: 48px;
+                }
+                &-date {
+                    font-size: 10px;
+                    width: 100%;
+                    padding: 8px 0;
+                }
+            }
         }
-      }
     }
-  }
 }
 @include xsm-sm {
-  .swiper-slide-content-category {
-    position: absolute;
-    top: 12px;
-    right: 15px;
-  }
-  .auto__container {
-    padding: 0 10px;
-  }
-  .slider {
-    height: 300px;
-    &__item {
-      height: 300px;
+    .swiper-slide-content-category {
+        position: absolute;
+        top: 12px;
+        right: 15px;
     }
-  }
-  .partnerSlider {
-    overflow: hidden;
-    &__item {
-      margin-right: 0;
-      padding: 5px;
-      height: unset;
+    .auto__container {
+        padding: 0 10px;
     }
-  }
-  .footer {
-    &__social {
-      flex-wrap: wrap;
-      justify-content: center;
-      &-link {
-        margin: 5px;
-      }
+    .slider {
+        height: 300px;
+        &__item {
+            height: 300px;
+        }
     }
-  }
-  .subheader {
-    &__inner {
-      .close {
-        width: 20px;
-        height: 20px;
-        top: 15px;
-        left: 15px;
-      }
+    .partnerSlider {
+        overflow: hidden;
+        &__item {
+            margin-right: 0;
+            padding: 5px;
+            height: unset;
+        }
     }
-    .nav {
-      width: calc(100% - 50px);
+    .footer {
+        &__social {
+            flex-wrap: wrap;
+            justify-content: center;
+            &-link {
+                margin: 5px;
+            }
+        }
     }
-    .language {
-      width: calc(100% - 50px);
+    .subheader {
+        &__inner {
+            .close {
+                width: 20px;
+                height: 20px;
+                top: 15px;
+                left: 15px;
+            }
+        }
+        .nav {
+            width: calc(100% - 50px);
+        }
+        .language {
+            width: calc(100% - 50px);
+        }
+    }
+    .swiper-slide {
+        height: 300px;
     }
-  }
-  .swiper-slide {
-    height: 300px;
-  }
 }