@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@media only screen and (min-width: 320px) and (max-width: 767px) {
  html body nav .hero-nav {
    padding: 0 .5rem;
  }
  html body nav.navbar .navbar-brand .img-brand {
    width: 180px;
  }
  html body nav.navbar .navbar-brand .img-shrink {
    width: 135px;
  }
  html body nav.navbar .navbar-nav {
    display: none;
  }
  html body nav.navbar .mobile-menu {
    padding: 0.5rem 0;
    margin-left: auto;
  }
  html body nav.navbar .mobile-menu.opened .m-toggle {
    color: #424143;
  }
  html body nav.navbar .mobile-menu.opened .m-toggle::before {
    content: 'clear';
  }
  html body nav.navbar .mobile-menu.opened .menu {
    top: 0;
    height: 100vh;
  }
  html body nav.navbar .mobile-menu.opened .menu .menu-wrapper {
    display: block;
    opacity: 1;
  }
  html body nav.navbar .mobile-menu .m-toggle {
    color: #fff;
    text-decoration: none;
    border: none;
    background: transparent;
  }
  html body nav.navbar .mobile-menu .m-toggle::before {
    font-family: "Material Icons";
    content: 'menu';
    font-size: 1.5rem;
    font-weight: normal;
  }
  html body nav.navbar .mobile-menu .m-toggle:focus {
    outline: none;
  }
  html body nav.navbar .mobile-menu .menu {
    background: #dbdbdb;
    width: 100vw;
    height: 0;
    position: absolute;
    top: -15rem;
    left: 0;
    z-index: -1;
    -webkit-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper {
    opacity: 0;
    display: none;
    position: relative;
    height: inherit;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item {
    width: 80%;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .btn-link {
    color: #000;
    font-size: 1.3rem;
    text-transform: uppercase;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .btn-link:hover, html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .btn-link:focus {
    text-decoration: none;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card, html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card-header {
    background-color: unset;
    border: unset;
    padding: 0 1rem;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card-body {
    color: #424143;
    text-transform: uppercase;
    padding: .7rem;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card-body ul {
    -webkit-padding-start: 0;
            padding-inline-start: 0;
    margin-bottom: 0;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card-body ul li {
    display: block;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card-body ul li.level-one a {
    color: #424143;
    font-size: 1.1rem;
    text-transform: uppercase;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card-body ul li.level-one a:hover, html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card-body ul li.level-one a:focus {
    color: #CB2C2F;
    text-decoration: none;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card-body ul li.level-two a {
    color: #424143;
    font-size: .9rem;
    text-transform: uppercase;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card-body ul li.level-two a:hover, html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card-body ul li.level-two a:focus {
    color: #CB2C2F;
    text-decoration: none;
  }
  html body nav.navbar.navbar-scrolled, html body nav.navbar.nav-pages {
    box-shadow: 0px 1px 20px 1px #424242;
    -webkit-box-shadow: 0px 1px 20px 1px #424242;
  }
  html body nav.navbar.navbar-scrolled .m-toggle, html body nav.navbar.nav-pages .m-toggle {
    color: #424143;
  }
  html body main h1 {
    font-size: 1.3rem;
    margin-top: 2rem;
  }
  html body main hr {
    border: thin solid #fff;
    margin: .5rem 0 3rem;
  }
  html body main .header {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url(../img/bg/bg-header@2x.png) !important;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/bg/bg-header@2x.png) !important;
    height: 50vh;
  }
  html body main .header .small-device-wrapper {
    top: 5%;
    height: 100%;
    position: absolute;
  }
  html body main .header .heading {
    font-size: 1.3rem;
    line-height: 1.5rem;
    max-width: 200px;
    top: 30%;
  }
  html body main .header.bg-we, html body main .header.bg-directors, html body main .header.bg-news, html body main .header.bg-contact, html body main .header.bg-career, html body main .header.bg-business, html body main .header.bg-gallery {
    height: 35vh;
  }
  html body main .header.bg-we .heading, html body main .header.bg-directors .heading, html body main .header.bg-news .heading, html body main .header.bg-contact .heading, html body main .header.bg-career .heading, html body main .header.bg-business .heading, html body main .header.bg-gallery .heading {
    max-width: 100%;
    font-size: 2rem;
    line-height: 1.5rem;
  }
  html body main .header .sub-heading {
    font-size: 0.9rem !important;
    line-height: 1rem;
    max-width: 90%;
    top: 50%;
  }
  html body main .header .btn-learn, html body main .header .btn-learn span {
    font-size: .8rem;
    padding: .3rem .7rem;
    bottom: 15%;
  }
  html body main .business-tiles .tiles-wrap {
    height: auto;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  html body main .business-tiles .tiles-wrap .item .business-type {
    margin: 2.5rem auto;
  }
  html body main .business-tiles .tiles-wrap .item .business-type .head img {
    display: none;
  }
  html body main .business-tiles .tiles-wrap .item .business-type .head h2 {
    font-size: 1.1rem;
  }
  html body main .business-tiles .tiles-wrap .item .business-type .desc {
    opacity: 1;
  }
  html body main .business-tiles .tiles-wrap .item .business-type .desc p, html body main .business-tiles .tiles-wrap .item .business-type .desc a {
    font-size: .9rem;
    margin-bottom: .5rem;
  }
  html body main .business-tiles .tiles-wrap .item.tollroad {
    background-position: bottom;
  }
  html body main .partners {
    padding-bottom: 0;
  }
  html body main .partners hr {
    border: thin solid #000;
  }
  html body main .partners img {
    -webkit-filter: none;
            filter: none;
  }
  html body main .awards {
    padding-bottom: 2.5rem;
  }
  html body main .awards p {
    font-size: .9rem;
    line-height: 1.3rem;
  }
  html body main .awards .logo-awards {
    padding-top: 1rem;
  }
  html body main .awards .logo-awards img {
    width: 120px;
  }
  html body main .news {
    padding-top: 2rem;
  }
  html body main .news .post-wrapper .news-post {
    height: 10rem;
    margin-bottom: .5rem;
  }
  html body main .news .post-wrapper .news-post .caption span {
    font-size: .9rem;
  }
  html body main .helps {
    padding-bottom: 2rem;
  }
  html body main .helps h1 {
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: .5rem;
  }
  html body main .helps h5 {
    font-size: 1rem;
  }
  html body main .helps p {
    font-size: .9rem;
  }
  html body main .helps a {
    margin: auto;
  }
  html body main .helps .d-flex {
    padding-right: 1rem !important;
  }
  html body main .helps img {
    margin-top: 1rem;
  }
  html body main .about-us .first-p {
    font-size: 1rem;
  }
  html body main .we .the-value {
    padding: 1rem 3rem;
  }
  html body main .we .the-value .mid-value {
    border: none;
  }
  html body main .we .the-value .each-value {
    padding-left: 0;
  }
  html body main .we .the-value .each-value p.tag {
    font-size: 1.3rem;
  }
  html body main .we .the-value .each-value p.desc-tag {
    font-size: 1rem;
  }
  html body main .gallery {
    margin-bottom: 3rem;
  }
  html body main .gallery #gallery .images {
    height: 300px;
  }
  html body main .gallery #gallery .images .caption {
    left: 1rem;
    bottom: 1rem;
  }
  html body main .gallery #gallery .images .caption span {
    font-size: 1rem;
  }
  html body main .gallery #gallery .slick-prev, html body main .gallery #gallery .slick-next {
    top: 45%;
  }
  html body main .gallery #gallery .slick-prev {
    left: .5rem;
  }
  html body main .gallery #gallery .slick-next {
    right: 2.2rem;
  }
  html body main .careers .the-jobs {
    margin-top: 2rem;
    font-size: .9rem;
  }
  html body main .careers .the-jobs h4 {
    font-size: 1.2rem;
  }
  html body main .careers .the-jobs .the-jobpos {
    font-size: .9rem;
    height: 280px;
    margin-bottom: 4.2rem;
  }
  html body main .careers .the-jobs .the-jobpos a {
    font-size: .8rem;
  }
  html body main .careers .the-jobs .the-jobpos.right {
    border: none;
    padding-left: 0;
  }
  html body main .careers .the-jobs button#back {
    font-size: .9rem;
    padding-bottom: 0.4rem;
  }
  html body main .contact .right-side img {
    width: 80%;
  }
  html body main .contact .the-field {
    padding: 2rem 1rem;
  }
  html body main .our-business .bg-business .col-lg-7 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  html body main .our-business .bg-business .col-lg-5 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  html body main .our-business .bg-business .headline {
    font-size: 1.7rem !important;
    line-height: 2rem;
  }
  html body main .our-business .bg-business .headline.keys {
    font-size: 2.2rem !important;
  }
  html body main .our-business .bg-business .headline.main.mine {
    padding-top: 0;
    padding-bottom: 5rem;
  }
  html body main .our-business .bg-business .headline.smallest {
    line-height: unset;
  }
  html body main .our-business .bg-business .headline.large {
    line-height: unset;
  }
  html body main .our-business .bg-business .headline.largest {
    line-height: unset;
  }
  html body main .our-business .bg-business .section-tab {
    height: 35px;
    padding: 0 1.5rem;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
  }
  html body main .our-business .bg-business .section-tab .section-name {
    font-size: 1.3rem;
  }
  html body main .our-business .bg-business .thumbnail {
    top: 4rem;
    width: 290px;
    height: 160px;
  }
  html body main .our-business .bg-business .thumbnail.at-right {
    right: unset;
  }
  html body main .our-business .bg-business .thumbnail.at-left {
    left: unset;
  }
  html body main .our-business .bg-business .thumbnail .image.top-right {
    top: -7%;
    left: 12px;
  }
  html body main .our-business .bg-business .thumbnail .image.bottom-right {
    top: -7%;
    left: 12px;
  }
  html body main .our-business .bg-business .thumbnail .image.top-left {
    top: -7%;
    left: 12px;
  }
  html body main .our-business .bg-business .thumbnail span {
    font-size: .8rem !important;
  }
  html body main .our-business .bg-business .spec-wrapper {
    padding-top: 0;
    max-width: 100% !important;
    margin-top: 0 !important;
  }
  html body main .our-business .bg-business .spec-wrapper .specs.ml-auto {
    margin-left: unset !important;
  }
  html body main .our-business .bg-business .spec-wrapper .specs.mt-5 {
    margin-top: unset !important;
  }
  html body main .our-business .bg-business .spec-wrapper .specs.with-par {
    padding-top: 1rem;
    max-width: 100%;
  }
  html body main .our-business .bg-business .spec-wrapper .specs p {
    font-size: .9rem;
  }
  html body main .our-business .bg-business .spec-wrapper.mine {
    padding: 0 0 3rem;
  }
  html body main .our-business .bg-business .icon {
    bottom: -40px;
    right: -20px;
    width: 103px;
    height: 92px;
    background-size: 60%;
  }
  html body main .our-business .bg-business .all-project {
    font-size: .9rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  html body main .our-business .bg-business .all-project .headline {
    padding-top: 0 !important;
    padding-bottom: 2rem;
  }
  html body main .our-business .bg-business .all-project .col-md-6 {
    margin-bottom: 1rem;
  }
  html body main .our-business .bg-business #with-icon {
    padding-bottom: 0;
  }
  html body main .our-business .info .general-info {
    padding: 1rem 3rem;
  }
  html body main .our-business .info .general-info img {
    padding-bottom: 0;
    padding-top: 2rem;
    width: 100px;
  }
  html body main .our-business .info .general-info .number {
    font-size: 2.5rem;
  }
  html body main .our-business .info .general-info .number span {
    font-size: 1.2rem;
  }
  html body main .our-business .info .info-wrapper {
    font-size: .9rem;
  }
  html body main .our-business .info .address {
    font-size: .9rem;
  }
  html body main .our-business .info .address img {
    height: 50px;
  }
  html body main .csr-page .head {
    padding: 1rem;
  }
  html body main .csr-page .head h2 {
    font-size: 1.7rem;
  }
  html body main .csr-page .big-image {
    height: 300px;
  }
  html body main .csr-page .the-contents {
    padding-top: 2rem;
  }
  html body main .csr-page .the-contents .headline {
    padding: 2rem;
  }
  html body main .csr-page .the-contents .headline span {
    font-size: 1.3rem;
  }
  html body main .csr-page .the-contents .description p {
    font-size: .9rem;
  }
  html body main .csr-page .the-contents .framing {
    padding: 2rem 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  html body nav .hero-nav {
    padding: 0 .5rem;
  }
  html body nav.navbar .navbar-brand .img-brand {
    width: 180px;
  }
  html body nav.navbar .navbar-brand .img-shrink {
    width: 135px;
  }
  html body nav.navbar .navbar-nav {
    display: none;
  }
  html body nav.navbar .mobile-menu {
    padding: 0.3rem 0;
  }
  html body nav.navbar .mobile-menu.opened .m-toggle {
    color: #424143;
  }
  html body nav.navbar .mobile-menu.opened .m-toggle::before {
    content: 'clear';
  }
  html body nav.navbar .mobile-menu.opened .menu {
    top: 0;
    height: 100vh;
  }
  html body nav.navbar .mobile-menu.opened .menu .menu-wrapper {
    display: block;
    opacity: 1;
  }
  html body nav.navbar .mobile-menu .m-toggle {
    color: #424143;
    text-decoration: none;
    position: absolute;
    right: 10px;
    border: none;
    background: transparent;
  }
  html body nav.navbar .mobile-menu .m-toggle::before {
    font-family: "Material Icons";
    content: 'menu';
    font-size: 1.5rem;
    font-weight: normal;
  }
  html body nav.navbar .mobile-menu .m-toggle:focus {
    outline: none;
  }
  html body nav.navbar .mobile-menu .menu {
    background: #dbdbdb;
    width: 100vw;
    height: 0;
    position: absolute;
    top: -15rem;
    left: 0;
    z-index: -1;
    -webkit-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper {
    opacity: 0;
    display: none;
    position: relative;
    height: inherit;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item {
    width: 80%;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .btn-link {
    color: #000;
    font-size: 1.3rem;
    text-transform: uppercase;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .btn-link:hover, html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .btn-link:focus {
    text-decoration: none;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card, html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card-header {
    background-color: unset;
    border: unset;
    padding: 0 1rem;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card-body {
    color: #424143;
    text-transform: uppercase;
    padding: .7rem;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card-body ul {
    -webkit-padding-start: 0;
            padding-inline-start: 0;
    margin-bottom: 0;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card-body ul li {
    display: block;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card-body ul li.level-one a {
    color: #424143;
    font-size: 1.1rem;
    text-transform: uppercase;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card-body ul li.level-one a:hover, html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card-body ul li.level-one a:focus {
    color: #CB2C2F;
    text-decoration: none;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card-body ul li.level-two a {
    color: #424143;
    font-size: .9rem;
    text-transform: uppercase;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
  }
  html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card-body ul li.level-two a:hover, html body nav.navbar .mobile-menu .menu .menu-wrapper #menu-item .card-body ul li.level-two a:focus {
    color: #CB2C2F;
    text-decoration: none;
  }
  html body nav.navbar.navbar-scrolled, html body nav.navbar.nav-pages {
    box-shadow: 0px 1px 20px 1px #424242;
    -webkit-box-shadow: 0px 1px 20px 1px #424242;
  }
  html body nav.navbar.navbar-scrolled .m-toggle, html body nav.navbar.nav-pages .m-toggle {
    color: #424143;
  }
  html body main h1 {
    font-size: 2rem;
    margin-top: 2rem;
  }
  html body main .header {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, white), color-stop(transparent), to(transparent)), url("assets/img/bg/bg-header@3x.png");
    background-image: linear-gradient(white 2%, transparent, transparent), url("assets/img/bg/bg-header@3x.png");
    height: 75vh;
  }
  html body main .header.bg-we, html body main .header.bg-directors, html body main .header.bg-news, html body main .header.bg-contact, html body main .header.bg-career, html body main .header.bg-business, html body main .header.bg-gallery {
    height: 25vh;
  }
  html body main .header.bg-we .heading, html body main .header.bg-directors .heading, html body main .header.bg-news .heading, html body main .header.bg-contact .heading, html body main .header.bg-career .heading, html body main .header.bg-business .heading, html body main .header.bg-gallery .heading {
    max-width: 100%;
    font-size: 3rem;
    line-height: 1.5rem;
  }
  html body main .business-tiles .tiles-wrap {
    height: auto;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  html body main .business-tiles .tiles-wrap .item .business-type {
    margin: 2.5rem auto;
  }
  html body main .business-tiles .tiles-wrap .item .business-type .head img {
    display: none;
  }
  html body main .business-tiles .tiles-wrap .item .business-type .head h2 {
    font-size: 1rem;
  }
  html body main .business-tiles .tiles-wrap .item .business-type .desc {
    opacity: 1;
  }
  html body main .business-tiles .tiles-wrap .item .business-type .desc p, html body main .business-tiles .tiles-wrap .item .business-type .desc a {
    font-size: .9rem;
    margin-bottom: .5rem;
  }
  html body main .business-tiles .tiles-wrap .item.tollroad {
    background-position: bottom;
  }
  html body main .news, html body main .news-page {
    padding-top: 2rem;
  }
  html body main .news .post-wrapper .news-post, html body main .news-page .post-wrapper .news-post {
    height: 10rem;
    margin-bottom: .5rem;
  }
  html body main .news .post-wrapper .news-post .caption span, html body main .news-page .post-wrapper .news-post .caption span {
    font-size: .9rem;
  }
  html body main .news .post-wrapper .news-post .arrow, html body main .news-page .post-wrapper .news-post .arrow {
    display: none;
  }
  html body main .helps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  html body main .helps h1 {
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: .5rem;
  }
  html body main .helps h5 {
    font-size: 1rem;
  }
  html body main .helps p {
    font-size: 1.3rem;
  }
  html body main .helps img {
    margin-top: 1rem;
  }
  html body main .we .the-value {
    padding: 1rem;
  }
  html body main .we .the-value .each-value p.tag {
    font-size: 1.3rem;
  }
  html body main .we .the-value .each-value p.desc-tag {
    font-size: 1.2rem;
  }
  html body main .gallery {
    margin-bottom: 3rem;
  }
  html body main .gallery #gallery .images {
    height: 400px;
  }
  html body main .careers .the-jobs h4 {
    font-size: 1.2rem;
  }
  html body main .careers .the-jobs .the-jobpos {
    height: 370px;
    margin-bottom: 5rem;
  }
  html body main .careers .the-jobs .the-jobpos a {
    font-size: .9rem;
  }
  html body main .careers .the-jobs .the-jobpos .right {
    border: none;
    padding-left: 0;
  }
  html body main .contact .right-side img {
    width: 80%;
  }
  html body main .contact .the-field {
    padding: 2rem 1rem;
  }
  html body main .our-business .bg-business .col-lg-7 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  html body main .our-business .bg-business .col-lg-5 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  html body main .our-business .bg-business .headline {
    font-size: 2.2rem !important;
  }
  html body main .our-business .bg-business .headline.keys {
    font-size: 4rem !important;
  }
  html body main .our-business .bg-business .headline.mine.main {
    padding-top: 0;
  }
  html body main .our-business .bg-business .headline.smallest {
    line-height: unset;
  }
  html body main .our-business .bg-business .headline.large {
    line-height: unset;
  }
  html body main .our-business .bg-business .headline.largest {
    line-height: unset;
  }
  html body main .our-business .bg-business .section-tab {
    height: 50px;
    padding: 0.5rem 2.5rem;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
  }
  html body main .our-business .bg-business .section-tab .section-name {
    font-size: 1.3rem;
  }
  html body main .our-business .bg-business .thumbnail {
    top: 4rem;
    width: 450px;
    height: 250px;
  }
  html body main .our-business .bg-business .thumbnail.at-right {
    right: unset;
  }
  html body main .our-business .bg-business .thumbnail.at-left {
    left: unset;
  }
  html body main .our-business .bg-business .thumbnail .image.bottom-right {
    top: 10%;
    left: 10px;
  }
  html body main .our-business .bg-business .thumbnail .image.top-right {
    top: 10%;
    left: 10px;
  }
  html body main .our-business .bg-business .thumbnail .image.top-left {
    top: 10%;
    left: 10px;
  }
  html body main .our-business .bg-business .spec-wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 0 !important;
  }
  html body main .our-business .bg-business .spec-wrapper .specs.ml-auto {
    margin-left: unset !important;
  }
  html body main .our-business .bg-business .spec-wrapper .specs.mt-5 {
    margin-top: unset !important;
  }
  html body main .our-business .bg-business .spec-wrapper .specs.with-par {
    padding-top: 2rem;
    max-width: 100%;
  }
  html body main .our-business .bg-business .spec-wrapper .specs p {
    font-size: .9rem;
  }
  html body main .our-business .bg-business .icon {
    bottom: -40px;
    right: -20px;
    width: 103px;
    height: 92px;
    background-size: 60%;
  }
  html body main .our-business .bg-business .all-project {
    font-size: .9rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  html body main .our-business .bg-business .all-project .headline {
    padding-top: 0 !important;
    padding-bottom: 2rem;
  }
  html body main .our-business .bg-business .all-project .col-md-6 {
    margin-bottom: 1rem;
  }
  html body main .our-business .info .general-info {
    padding: 1rem 3rem;
  }
  html body main .our-business .info .general-info img {
    padding-bottom: 0;
    padding-top: 2rem;
    width: 100px;
  }
  html body main .our-business .info .general-info .number {
    font-size: 2.5rem;
  }
  html body main .our-business .info .general-info .number span {
    font-size: 1.2rem;
  }
  html body main .our-business .info .info-wrapper {
    font-size: .9rem;
  }
  html body main .our-business .info .address {
    font-size: .9rem;
  }
  html body main .our-business .info .address img {
    height: 50px;
  }
  html body main .csr-page .the-contents {
    padding-top: 2rem;
  }
  html body main .csr-page .the-contents .headline {
    padding: 2rem 4rem;
  }
  html body main .csr-page .the-contents .headline span {
    font-size: 1.3rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1365px) {
  html body nav.navbar .navbar-nav .nav-item .nav-link {
    margin-right: 2rem;
  }
  html body nav .mobile-menu {
    display: none;
  }
  html body main {
    /* HOMEPAGE START 
                ===================================*/
    /* HOMEPAGE END 
                ===================================*/
  }
  html body main .header .heading {
    font-size: 3rem;
    line-height: 3rem;
  }
  html body main .header .sub-heading {
    font-size: 1.1rem;
  }
  html body main .header .btn-learn {
    font-size: 1rem;
    padding: .5rem 1.3rem;
    bottom: 18%;
  }
}

@media screen and (min-width: 1366px) and (max-width: 1599px) {
  html body nav .mobile-menu {
    display: none;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1679px) {
  html body nav .mobile-menu {
    display: none;
  }
  html body main {
    /* HOMEPAGE START 
                ===================================*/
    /* HOMEPAGE END 
                ===================================*/
  }
  html body main .header .heading {
    font-size: 4.2rem;
    line-height: 4.5rem;
  }
  html body main .header .sub-heading {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
  html body main .header .btn-learn {
    font-size: 1.2rem;
    padding: .5rem 1.3rem;
    bottom: 18%;
  }
  html body main .header .btn-learn span {
    padding: .5rem 1.3rem;
    font-size: 1.3rem;
  }
  html body main .business-tiles .tiles .business-type .desc {
    max-width: 16rem;
  }
  html body main .business-tiles .tiles .business-type .desc p, html body main .business-tiles .tiles .business-type .desc a {
    font-size: 1.3rem;
  }
  html body main .business-tiles .tiles:hover .head h2 {
    font-size: 1.8rem;
    -webkit-transition: font-size 0.3s ease;
    transition: font-size 0.3s ease;
  }
  html body main .news .post p {
    font-size: 1rem;
  }
  html body main .news .post .title-post a {
    font-size: 1.3rem;
  }
  html body main .news .post .desc-post a.rmore-link {
    font-size: 1rem;
  }
  html body main .directors .bg-directors .heading {
    top: 28%;
  }
}

@media screen and (min-width: 1680px) and (max-width: 1890px) {
  html body nav .hero-nav {
    padding: 0 7rem;
  }
  html body nav.navbar.navbar-scrolled .navbar-nav .nav-item .nav-link {
    padding-bottom: 1.15rem;
  }
  html body nav.navbar.navbar-scrolled .navbar-nav .nav-item.active .nav-link {
    margin-bottom: 1.15rem;
  }
  html body nav.navbar.navbar-scrolled .navbar-nav.home .nav-item .nav-link {
    padding-bottom: 1.15rem;
  }
  html body nav .mobile-menu {
    display: none;
  }
  html body main {
    /* HOMEPAGE START 
                ===================================*/
    /* HOMEPAGE END 
                ===================================*/
  }
  html body main .header .heading {
    font-size: 4.5rem;
    line-height: 5rem;
  }
  html body main .header .sub-heading {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
  html body main .header .btn-learn {
    bottom: 18%;
  }
  html body main .directors .bg-directors .heading {
    top: 30%;
  }
}

@media screen and (min-width: 1891px) {
  html body nav .hero-nav {
    padding: 0 7rem;
  }
  html body nav.navbar.navbar-scrolled .navbar-nav .nav-item .nav-link {
    padding-bottom: 1.15rem;
  }
  html body nav.navbar.navbar-scrolled .navbar-nav .nav-item.active .nav-link {
    margin-bottom: 1.15rem;
  }
  html body nav.navbar.navbar-scrolled .navbar-nav.home .nav-item .nav-link {
    padding-bottom: 1.15rem;
  }
  html body nav .mobile-menu {
    display: none;
  }
  html body main {
    /* HOMEPAGE START 
                ===================================*/
    /* HOMEPAGE END 
                ===================================*/
  }
  html body main .header .heading {
    font-size: 4.5rem;
    line-height: 5rem;
  }
  html body main .header .sub-heading {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
  html body main .header .btn-learn {
    bottom: 18%;
  }
  html body main .directors .bg-directors .heading {
    top: 30%;
  }
}
/*# sourceMappingURL=responsiveness.css.map */