@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
  .container {
    padding-right: 15px !important;
    padding-left: 15px !important; }

  .full-header .top-bar {
    width: 100%;
    height: 2.8125rem; }
    .full-header .top-bar .text-information {
      font-size: 0.5625em;
      line-height: 15px;
      margin-right: 20px !important; }
      .full-header .top-bar .text-information:last-of-type {
        margin-right: 0 !important; }
      .full-header .top-bar .text-information span {
        display: block; }
    .full-header .top-bar .social {
      display: none; }
    .full-header .top-bar .login-register > .nav {
      flex-wrap: inherit !important;
      padding-left: 0; }
      .full-header .top-bar .login-register > .nav > .nav-item {
        position: relative; }
        .full-header .top-bar .login-register > .nav > .nav-item > .nav-link {
          padding-right: 0.5416666667rem;
          padding-left: 0.5416666667rem;
          padding-top: 0;
          padding-bottom: 0;
          font-size: 0.5625rem; }
        .full-header .top-bar .login-register > .nav > .nav-item:first-child {
          margin-left: 0 !important; }
          .full-header .top-bar .login-register > .nav > .nav-item:first-child:before {
            top: -270%; }
          .full-header .top-bar .login-register > .nav > .nav-item:first-child .nav-link {
            padding-left: 1.625rem; }
        .full-header .top-bar .login-register > .nav > .nav-item:last-child:after {
          top: -270%; }
        .full-header .top-bar .login-register > .nav > .nav-item:last-child .nav-link {
          padding-right: 1.625rem; }
  .full-header .main-header {
    height: 7.75rem;
    width: 100%;
    position: relative; }
    .full-header .main-header:before {
      background-size: 100% !important;
      left: -2.8125rem; }
    .full-header .main-header .brand-top {
      padding-top: 1rem;
      padding-bottom: 1rem; }
      .full-header .main-header .brand-top > .brand-logo {
        width: 100%; }
        .full-header .main-header .brand-top > .brand-logo svg {
          height: 4.25rem; }
        .full-header .main-header .brand-top > .brand-logo .detail {
          width: auto;
          padding-right: 20%;
          font-size: 0.75rem;
          line-height: 0.875rem;
          margin-top: 0.625rem;
          margin-left: 1.0416666667rem; }
    .full-header .main-header .hosted {
      display: none; }
    .full-header .main-header .navbar-oil-show {
      background-color: #2856b4;
      z-index: 99; }
      .full-header .main-header .navbar-oil-show .navbar-toggler {
        border: none transparent !important;
        padding: 0.75rem 0.75rem; }
      .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item > .nav-link {
        font-size: 0.75rem;
        padding-top: 0.875rem;
        padding-bottom: 0.875rem;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
        .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item > .nav-link:after {
          display: none; }
      .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item:last-child > .nav-link:after {
        display: none; }
      .full-header .main-header .navbar-oil-show .navbar-nav > .nav-item:first-child > .nav-link {
        padding-left: 0.625rem; }
      .full-header .main-header .navbar-oil-show .menu-side {
        width: 3.3854166667rem;
        height: 3.3854166667rem;
        position: absolute;
        right: 0;
        top: 0; }
        .full-header .main-header .navbar-oil-show .menu-side i {
          width: 100%;
          position: absolute;
          right: 0;
          font-size: 1.25rem;
          color: #FFFFFF; }
        .full-header .main-header .navbar-oil-show .menu-side:hover {
          cursor: pointer; }
  .full-header .menu-fix .row {
    display: block !important; }
  .full-header .menu-fix .close-menu {
    position: absolute;
    top: -15%;
    left: 15px;
    transform: translateY(0);
    cursor: pointer; }
    .full-header .menu-fix .close-menu img {
      width: 1.25rem;
      height: 1.25rem; }
  .full-header .menu-fix .item-menu {
    padding: 0 0rem;
    position: relative;
    text-align: center;
    margin-bottom: 1.5625rem; }
    .full-header .menu-fix .item-menu .flex-column {
      flex-direction: row !important; }
    .full-header .menu-fix .item-menu:after {
      display: none; }
    .full-header .menu-fix .item-menu .item-menu-head {
      font-size: 1rem;
      margin-bottom: 1.25rem; }
    .full-header .menu-fix .item-menu .nav-menu-fix {
      justify-content: center !important; }
      .full-header .menu-fix .item-menu .nav-menu-fix .nav-item .nav-link {
        padding: 0.4375rem 0.625rem;
        font-size: 0.8rem; }
      .full-header .menu-fix .item-menu .nav-menu-fix .nav-item:first-child .nav-link {
        padding-top: 0.4375rem; }

  .slider {
    height: 17.5rem; }
    .slider .text-slider > .title {
      font-size: 1.0511363636rem;
      margin-bottom: 1rem; }
    .slider .text-slider > .subtitle {
      font-weight: 300;
      font-size: 1.0511363636rem; }
    .slider.single {
      height: 9.0625rem; }
      .slider.single .breadcrumb-oil-show nav > .breadcrumb {
        font-family: "Lato", serif;
        font-size: 0.46875rem; }

  .our-services {
    margin-top: 0; }
    .our-services .heading {
      font-size: 1.9rem;
      width: 100%;
      text-align: center;
      padding-top: 3.1875rem;
      padding-bottom: 3.1875rem; }
    .our-services .item-services {
      margin: 0 auto; }
      .our-services .item-services .title {
        font-size: 1.1rem;
        bottom: 2.05rem; }

  #OurServices .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%); }
    #OurServices .owl-nav .owl-prev {
      position: absolute !important;
      left: 1%; }
    #OurServices .owl-nav .owl-next {
      position: absolute !important;
      right: 1%; }

  .show-description {
    padding-top: 0.3125rem;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    font-size: 0.75rem;
    line-height: 1.3rem; }

  .mt-150 {
    margin-top: 4.75rem; }

  .heading-section .subtitle {
    font-size: 0.75rem;
    margin-bottom: 0.6875rem; }
  .heading-section .title {
    font-size: 2rem;
    margin-bottom: 1.7rem; }
  .heading-section .description-title {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    line-height: 1.3rem;
    font-size: 0.75rem; }
  .heading-section .dots {
    display: inline-flex;
    align-items: center;
    margin-bottom: 1.4375rem; }
    .heading-section .dots .owl-dot {
      width: 0.34375rem;
      height: 0.34375rem;
      margin-right: 0.125rem;
      margin-left: 0.125rem; }
      .heading-section .dots .owl-dot.active {
        width: 0.5rem;
        height: 0.5rem; }

  .notification .item-notification {
    width: 100%; }
    .notification .item-notification .detail-box {
      margin-top: 1.25rem; }
      .notification .item-notification .detail-box .title {
        width: 100%;
        font-size: 1rem;
        margin-bottom: 0.75rem; }
      .notification .item-notification .detail-box .description-item {
        font-size: 0.7rem;
        line-height: 1.3rem;
        padding-right: 0rem; }
    .notification .item-notification:hover {
      cursor: pointer;
      background-color: #2856b4; }
      .notification .item-notification:hover:after {
        transform: translate(0, 0); }
      .notification .item-notification:hover img {
        -webkit-filter: grayscale(1);
        filter: grayscale(1); }
      .notification .item-notification:hover .title {
        color: #2856b4; }
  .notification #Notification {
    margin-top: 2.45rem; }

  .dynamic .image img {
    width: 100%;
    height: auto; }
  .dynamic .image .separator {
    width: 11.5rem;
    height: 11.5rem; }
    .dynamic .image .separator .content-separator .title {
      font-size: 1rem;
      margin-bottom: 0.5rem; }
    .dynamic .image .separator .content-separator .subtitle {
      font-size: 0.55rem; }
  .dynamic .detail {
    padding-left: 0.9375rem;
    padding-top: 1rem;
    padding-right: 0.9375rem; }
    .dynamic .detail .title {
      font-size: 1.9rem;
      line-height: 2.1rem;
      margin-bottom: 0.75rem; }
    .dynamic .detail .comment {
      font-size: 0.75rem;
      line-height: 1.2rem;
      margin-bottom: 1.15rem; }
    .dynamic .detail .description {
      font-size: 0.75rem;
      line-height: 1.3rem;
      margin-bottom: 2rem; }
    .dynamic .detail .btn-dark {
      font-size: 0.65rem;
      display: block;
      width: 100%; }
  .dynamic .col-xx-4, .dynamic .col-xx-8 {
    flex: 0 0 100% !important;
    max-width: 100% !important; }

  .recent-news #Recent-News {
    margin-top: 2.45rem; }
  .recent-news .item-news {
    width: 100%; }
    .recent-news .item-news .detail {
      margin-top: 1.65rem; }
      .recent-news .item-news .detail .title {
        font-size: 1rem;
        margin-bottom: 0.875rem; }
      .recent-news .item-news .detail .realise-date {
        margin-bottom: 1.3333333333rem; }
        .recent-news .item-news .detail .realise-date .date {
          margin-right: 1.375rem; }
        .recent-news .item-news .detail .realise-date > .date i, .recent-news .item-news .detail .realise-date .comment i {
          font-size: 0.9090909091rem; }
        .recent-news .item-news .detail .realise-date > .date span, .recent-news .item-news .detail .realise-date .comment span {
          font-size: 0.6818181818rem; }
      .recent-news .item-news .detail .description {
        font-size: 0.7rem;
        line-height: 1.3rem; }
    .recent-news .item-news .news-link {
      width: 2.75rem;
      height: 2.75rem;
      top: 39% / 1.25;
      right: 30px / 1.25; }
      .recent-news .item-news .news-link i {
        font-size: 1.2rem; }

  .permissions .heading {
    font-size: 1.9rem;
    width: 100%;
    line-height: 1.9505rem;
    text-align: center;
    padding-bottom: 3.1875rem; }
  .permissions .item-services {
    width: 80%;
    display: block;
    margin: 0 auto 0.9375rem; }
    .permissions .item-services:last-of-type {
      margin: 0 auto; }
    .permissions .item-services .detail {
      margin-top: 1.85rem; }
      .permissions .item-services .detail .title {
        font-size: 1.1rem;
        margin-bottom: 0.7rem; }
      .permissions .item-services .detail .download {
        font-size: 0.7rem; }
    .permissions .item-services:hover {
      cursor: pointer;
      background-color: #2856b4; }
      .permissions .item-services:hover img {
        -webkit-filter: grayscale(1);
        filter: grayscale(1); }
      .permissions .item-services:hover .title {
        color: #2856b4; }
      .permissions .item-services:hover .download {
        animation-name: fadeInDown;
        animation-duration: 1s;
        animation-fill-mode: both; }

  .contact-us {
    width: 100%;
    height: auto; }
    .contact-us .contact-info .flex-column-small, .contact-us .contact-info .flex-column-standar {
      width: 100%; }
    .contact-us .contact-info .item-contact {
      position: relative;
      margin-bottom: 1.25rem; }
      .contact-us .contact-info .item-contact:after {
        display: none; }
      .contact-us .contact-info .item-contact:last-of-type:after {
        display: none; }
      .contact-us .contact-info .item-contact > .item-icon {
        width: 4.15rem;
        height: 4.15rem; }
        .contact-us .contact-info .item-contact > .item-icon img {
          width: 1.75rem;
          height: 1.75rem; }
        .contact-us .contact-info .item-contact > .item-icon.maps img {
          width: 2.15rem;
          height: 2.15rem; }
      .contact-us .contact-info .item-contact .title {
        font-size: 0.8rem;
        margin-top: 1.3rem;
        margin-bottom: 1rem; }
      .contact-us .contact-info .item-contact .detail {
        font-size: 0.75rem;
        word-spacing: 0.125rem;
        line-height: 1.75rem; }

  .contact-wrap {
    padding-right: 0; }
    .contact-wrap h3 {
      font-size: 1.2rem;
      margin-bottom: 1.95rem;
      text-align: center; }
    .contact-wrap p {
      font-size: 0.75rem;
      line-height: 1.3rem;
      margin-bottom: 1.95rem; }

  .contact-form-submit {
    padding-left: 0;
    padding-top: 2.5rem; }

  .contact-form .col-4, .contact-form .col-8 {
    flex: 0 0 100%;
    max-width: 100%; }

  .mt-99 {
    margin-top: 3.09375rem; }

  .mb-8 {
    margin-bottom: 1.875rem; }

  .pl-52 {
    padding-left: 2.9rem; }

  .about-us .about-one p {
    font-size: 0.75rem;
    line-height: 1.3rem; }
  .about-us .our-service {
    height: auto; }
    .about-us .our-service .col-4, .about-us .our-service .col-8 {
      flex: 0 0 100%;
      max-width: 100%; }
    .about-us .our-service .col {
      flex: 0 0 100%;
      max-width: 100%; }
    .about-us .our-service .info-section {
      margin-bottom: 2.5rem; }
      .about-us .our-service .info-section .title {
        font-size: 2rem;
        line-height: 2rem;
        margin-bottom: 0.8rem; }
      .about-us .our-service .info-section .description {
        font-size: 0.75rem;
        line-height: 1.3rem;
        word-spacing: 0.2rem;
        margin-bottom: 1.85rem; }
        .about-us .our-service .info-section .description br {
          display: none; }
      .about-us .our-service .info-section .btn-black {
        width: 100%;
        display: block;
        padding-top: 1.05rem;
        padding-bottom: 1.05rem; }
    .about-us .our-service .item-service {
      max-width: 100%;
      margin-bottom: 2.5rem; }
      .about-us .our-service .item-service .detail-service .title {
        font-size: 0.9rem;
        margin-bottom: 0.75rem; }
      .about-us .our-service .item-service .detail-service .description {
        font-size: 0.75rem;
        line-height: 1.3rem; }
  .about-us .logo-customer .plr-94 {
    padding-right: 4.7rem;
    padding-left: 4.7rem; }
  .about-us .logo-customer .owl-carousel .owl-nav .owl-prev {
    left: 1%; }
  .about-us .logo-customer .owl-carousel .owl-nav .owl-next {
    right: 1%; }

  .blog-archive .col-4 {
    flex: 0 0 100%;
    max-width: 100%; }
  .blog-archive .margin-archive {
    margin-bottom: 1.84375rem; }
  .blog-archive .item-archive {
    width: 100%; }
    .blog-archive .item-archive .detail {
      margin-top: 1.65rem; }
      .blog-archive .item-archive .detail .title {
        font-size: 1rem;
        margin-bottom: 1.05rem; }
      .blog-archive .item-archive .detail .realise-date {
        margin-bottom: 1.6rem; }
        .blog-archive .item-archive .detail .realise-date .date {
          margin-right: 1.65rem; }
        .blog-archive .item-archive .detail .realise-date > .date i, .blog-archive .item-archive .detail .realise-date .comment i {
          font-size: 0.8rem;
          margin-right: 0.5rem; }
        .blog-archive .item-archive .detail .realise-date > .date span, .blog-archive .item-archive .detail .realise-date .comment span {
          font-size: 0.6rem; }
      .blog-archive .item-archive .detail .description {
        font-size: 0.7954545455rem;
        line-height: 1.3rem; }
    .blog-archive .item-archive .news-link {
      width: 2.75rem;
      height: 2.75rem; }
      .blog-archive .item-archive .news-link i {
        font-size: 1.2rem; }
  .blog-archive .pagination-content > .pagination-container {
    border-radius: 0.1875rem;
    width: 100%; }
    .blog-archive .pagination-content > .pagination-container .pagination-bg .pagination {
      margin: 0; }
      .blog-archive .pagination-content > .pagination-container .pagination-bg .pagination .page-item {
        font-size: 0.6rem;
        margin-right: 0.25rem; }
        .blog-archive .pagination-content > .pagination-container .pagination-bg .pagination .page-item .page-link {
          padding: 1.25rem 1.1rem; }
        .blog-archive .pagination-content > .pagination-container .pagination-bg .pagination .page-item:last-child {
          margin: 0; }
          .blog-archive .pagination-content > .pagination-container .pagination-bg .pagination .page-item:last-child .page-link {
            padding-left: 1.5rem; }
        .blog-archive .pagination-content > .pagination-container .pagination-bg .pagination .page-item:first-child .page-link {
          padding-right: 1.5rem; }

  .blog-single .col-9, .blog-single .col-3, .blog-single .col-5, .blog-single .col-7 {
    flex: 0 0 100%;
    max-width: 100%; }
  .blog-single .post-image {
    width: 100%; }
    .blog-single .post-image .detail {
      position: relative;
      z-index: 999;
      margin-top: 2.0833333333rem; }
      .blog-single .post-image .detail .title {
        font-size: 1.0833333333rem;
        margin-bottom: 0.65625rem; }
      .blog-single .post-image .detail .realise-date {
        margin-bottom: 1.6rem; }
        .blog-single .post-image .detail .realise-date .date {
          margin-right: 1.65rem; }
        .blog-single .post-image .detail .realise-date > .date i, .blog-single .post-image .detail .realise-date .comment i {
          font-size: 0.9090909091rem; }
        .blog-single .post-image .detail .realise-date > .date span, .blog-single .post-image .detail .realise-date .comment span {
          font-size: 0.6818181818rem; }
    .blog-single .post-image .social-link {
      width: 2.75rem;
      height: 2.75rem;
      top: 63%;
      right: 30px; }
      .blog-single .post-image .social-link i {
        font-size: 1.2rem; }
  .blog-single .post-content {
    margin-top: 0.625rem; }
    .blog-single .post-content p {
      font-size: 0.8522727273rem;
      line-height: 1.4rem;
      margin-bottom: 1.0833333333rem; }
    .blog-single .post-content .featured {
      margin-bottom: 2.5rem; }
      .blog-single .post-content .featured img {
        width: 100%;
        height: auto;
        border-radius: 0.3125rem;
        margin-top: 0.625rem; }
    .blog-single .post-content .pl-30 {
      padding-left: 0.9375rem !important; }
    .blog-single .post-content .quote {
      padding-right: 4.5416666667rem;
      padding-left: 4.5416666667rem;
      padding-top: 2.4166666667rem;
      padding-bottom: 2.4166666667rem; }
      .blog-single .post-content .quote p {
        font-size: 0.9rem; }
        .blog-single .post-content .quote p:before {
          width: 1.25rem;
          height: 1.25rem;
          font-size: 1.25rem;
          margin-left: -1.95rem;
          margin-top: -0.7rem; }
        .blog-single .post-content .quote p:after {
          width: 1.25rem;
          height: 1.25rem;
          font-size: 1.25rem;
          margin-left: 0.55rem;
          margin-top: 0.5rem; }
    .blog-single .post-content .text-image {
      margin-top: 2.1875rem;
      margin-bottom: 1.875rem; }
      .blog-single .post-content .text-image .pr-11 {
        padding-right: 0.55rem; }
      .blog-single .post-content .text-image .pl-29 {
        padding-left: 1.45rem; }
      .blog-single .post-content .text-image .row .col-5, .blog-single .post-content .text-image .row .col-7 {
        flex: 0 0 100%;
        max-width: 100%; }
  .blog-single .post-meta {
    margin-top: 2.95rem;
    margin-bottom: 5rem;
    display: block !important; }
    .blog-single .post-meta .post-category {
      font-size: 0.75rem;
      margin-bottom: 1.5625rem; }
      .blog-single .post-meta .post-category .title {
        margin-right: 0.5rem; }
      .blog-single .post-meta .post-category .nav-category {
        color: #8c8c8c; }
        .blog-single .post-meta .post-category .nav-category > .nav-link {
          font-family: "Lato", serif;
          color: #8c8c8c;
          padding: 0;
          font-style: italic; }
    .blog-single .post-meta .author {
      width: 100%; }
  .blog-single .comments .title-comments {
    font-family: "Poppins", serif;
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 3.1rem; }
  .blog-single .comments .comment .comment-container {
    padding: 0 2.45rem 2.8rem;
    margin-bottom: 3.6rem;
    position: relative; }
    .blog-single .comments .comment .comment-container .comment-head {
      height: 3.15rem;
      margin-bottom: 1.5rem; }
      .blog-single .comments .comment .comment-container .comment-head .comment-avatar {
        width: 4.5rem;
        height: 4.5rem;
        margin-top: -1.35rem; }
        .blog-single .comments .comment .comment-container .comment-head .comment-avatar img {
          object-fit: cover; }
      .blog-single .comments .comment .comment-container .comment-head .comment-meta {
        padding-left: 2.85rem; }
        .blog-single .comments .comment .comment-container .comment-head .comment-meta .author-comment {
          font-size: 0.9rem;
          margin-right: 1.5rem; }
        .blog-single .comments .comment .comment-container .comment-head .comment-meta .date-comment {
          font-size: 0.6rem;
          margin-right: 3.05rem; }
        .blog-single .comments .comment .comment-container .comment-head .comment-meta .btn-comment {
          font-size: 0.55rem;
          padding: 0.45rem 1.1rem;
          position: absolute;
          bottom: 0px;
          right: 0; }
    .blog-single .comments .comment .comment-container .comment-content .comment-body {
      font-size: 0.75rem;
      line-height: 1.2rem; }

  .list-featured > .list-group-item {
    padding: 0.625rem 1.25rem;
    font-size: 0.75rem; }
    .list-featured > .list-group-item:before {
      width: 0.3rem;
      height: 0.3rem; }

  .mb-35 {
    margin-bottom: 1.09375rem !important; }

  .form-row {
    margin-bottom: 0; }
    .form-row .col {
      flex: 0 0 100%;
      max-width: 100%; }
    .form-row input {
      margin-bottom: 0.625rem; }

  .btn-primary {
    font-size: 0.6875rem;
    width: 100%;
    display: block;
    padding: 1.1rem 2.5rem; }

  .sidebar-widget {
    margin-top: 1.25rem;
    margin-bottom: 3.9rem; }
    .sidebar-widget > .sidebar-head {
      margin-bottom: 1.75rem; }
      .sidebar-widget > .sidebar-head h3 {
        font-size: 0.9rem; }
    .sidebar-widget > .sidebar-body .post-wrap-items {
      width: 100%; }
      .sidebar-widget > .sidebar-body .post-wrap-items .post-wrap-item {
        display: flow-root; }
    .sidebar-widget > .sidebar-body .gallery-wrap .item-gallery {
      position: relative;
      float: left;
      margin-right: 0.375rem;
      margin-bottom: 0.375rem; }
      .sidebar-widget > .sidebar-body .gallery-wrap .item-gallery:nth-child(2n) {
        margin-right: 0.375rem; }

  .w-217, .w-286 {
    width: 100%; }

  .mr-57 {
    margin-right: 0; }

  footer {
    padding-top: 6rem; }
    footer .item-footer {
      margin-bottom: 1.25rem; }
      footer .item-footer .title {
        font-size: 0.9rem;
        margin-bottom: 1.5rem; }
      footer .item-footer .description {
        font-size: 0.875rem;
        line-height: 1rem;
        margin-top: 2.25rem; }
      footer .item-footer .address-tel {
        font-family: "Poppins", serif;
        font-size: 0.86875rem;
        font-weight: 500;
        color: #bfbfbf;
        line-height: 2.125rem;
        margin-bottom: 0.625rem; }
        footer .item-footer .address-tel span {
          color: #FFFFFF; }
      footer .item-footer .btn-ccontact-us {
        font-size: 0.625rem;
        width: 100%;
        padding: 1.0625rem 1.8125rem; }
    footer .copyright .text-left {
      text-align: center !important; }
    footer .copyright .copyright-color {
      opacity: 0.3;
      text-align: center !important;
      margin-top: 10px; } }

/*# sourceMappingURL=responsive.css.map */