/*
Build responsive
Author: Ryan (Lynh) Nguyen
*/

@media (min-width: 768px) {}

@media (min-width: 992px) {
  body.logged-in .flyout-menu {
    top: 32px;
  }

  .search__box {
    top: -16px;
    height: 52px;
    z-index: 99;
  }

  .st-row .pl-dk {
    padding-left: 30px;
  }

  .st-row .pr-dk {
    padding-right: 30px;
  }
}

@media (min-width: 1200px) {
  .content-small {
    max-width: 1120px;
    padding: 0;
  }

  .content-benefit {
    max-width: 928px;
    padding: 0;
  }
}

@media (max-width: 1550px) {
  /* Common */
  /* Header */
  /* Banner */
  /* Front Page */
  /* Footer */
}

@media (max-width: 1199px) {
  /* Common */
  /* Header */
  /* Footer */
}

@media (max-width: 1024px) {

  /* Common */
  .pb--32 {
    padding-bottom: 5rem !important;
  }

  .title-page {
    font-size: 3.5em;
    line-height: 4rem;
    margin-bottom: 1.125rem;
  }

  .title-sec {
    font-size: 2em;
    line-height: 3rem;
    margin-bottom: 3rem;
  }

  .title-single {
    font-size: 1.25em;
    line-height: 2rem;
  }

  .banner {
    min-height: 40rem;
  }

  .banner--postlist {
    min-height: 30rem;
  }

  .banner__content {
    padding-top: 5rem;
    padding-bottom: 2rem;
  }

  .banner.banner--default .banner__content {
    padding-bottom: 5rem;
  }

  .grid-sizer,
  .grid-item {
    flex: 0 0 25%;
    max-width: 25%;
    width: 25%;
  }

  .grid-item--2x {
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
  }

  /* Front Page */
  .smartdev-content-area,
  .latestjobs-wrapper,
  .about-wrapper__clients,
  .footer-contact-section {
    padding: 7rem 0px;
  }

  .about-wrapper__history {
    padding-bottom: 7rem;
  }

  .benefit-section {
    padding: 5rem 0 2rem;
  }

  /* Careers */
  .careers-wrapper__jobs h3.title-page {
    margin-bottom: 2.5rem;
  }

  /* Footer */
  .footer-contact-section__row--form {
    -ms-flex: 0 0 42%;
    flex: 0 0 42%;
    max-width: 42%;
  }

  .footer-contact-section__row--info {
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
  }
}

@media (max-width: 991px) {

  /* Common */
  header {
    padding: 1.25rem 0;
  }

  .banner__content {
    padding-top: 4rem;
  }

  .banner.banner--default .banner__content {
    padding-bottom: 4rem;
  }

  .grid-sizer,
  .grid-item {
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
  }

  .grid-item--2x {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }

  /* Header */
  .navbar-hamburger {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    height: 2.25rem;
    margin: 0;
  }

  .navbar-hamburger i {
    font-size: 2em;
    line-height: 1.25rem;
    color: var(--color-white);
  }

  .header-menu,
  .opensearchBtn {
    display: none !important;
  }

  .flyout-menu .flyout-menu__main #social-icons ul,
  .flyout-menu .flyout-menu__main ul.polylang_langswitcher {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 3rem;
  }

  .flyout-menu .flyout-menu__main #social-icons a {
    width: 2rem;
    height: 2rem;
  }

  .flyout-menu .flyout-menu__main #social-icons a.facebook-color {
    background-color: var(--color-facebook);
  }

  .flyout-menu .flyout-menu__main #social-icons a.linked_in-color {
    background-color: var(--color-linkedin);
  }

  .flyout-menu .flyout-menu__main #social-icons a i {
    font-size: 0.75em;
    line-height: 1rem;
    color: var(--color-white);
  }

  .flyout-menu .flyout-menu__main ul.polylang_langswitcher li {
    -ms-flex: 0 0 2.25rem;
    flex: 0 0 2.25rem;
    max-width: 2.25rem;
    margin: 0;
  }

  .flyout-menu .flyout-menu__main ul.polylang_langswitcher li img {
    width: 2.25rem !important;
  }

  /* Search */
  .search__box {
    top: -10px;
  }

  .search__input .search-submit,
  .search__input input,
  .search__close {
    height: 44px;
  }

  /* Front Page */
  .smartdev-content-area,
  .latestjobs-wrapper,
  .about-wrapper__clients,
  .footer-contact-section {
    padding: 6rem 0px;
  }

  .about-wrapper__history {
    padding-bottom: 6rem;
  }

  /* Careers */
  .careers-wrapper__jobs--item {
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
    margin-bottom: 1rem;
  }

  .benefit-section--item {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
  }

  .job_features__row .name {
    border-right: none;
  }

  /* About Page */
  .about-wrapper__history--gallery {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 3rem;
    margin-left: 0;
  }

  .about-wrapper__history--gallery .image {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }

  .about-wrapper__history--gallery .image:nth-child(2n) {
    top: 0;
    left: 0;
    margin-top: 1rem;
  }

  .about-wrapper__clients .subtitle-page {
    width: 85%;
  }

  /* Blog Page */
  .blog-wrapper__content--item {
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
    margin-bottom: 1rem;
  }

  /* Footer */
  .footer-contact-section__row--form {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .footer-contact-section__row--info {
    margin-top: 6rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .footer-contact-section__row--info .teams .thumb {
    -ms-flex: 0 0 23.170731%;
    flex: 0 0 23.170731%;
    max-width: 23.170731%;
    margin-bottom: 0.625rem;
  }

  .footer-contact-section__row--info .information-row {
    margin-top: 0.875rem;
  }

  footer {
    padding: 2rem 0;
  }

  footer .logo-footer,
  footer .social,
  .copyright {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .copyright {
    margin: 1rem 0;
  }
}

@media (max-width: 782px) {
  body.home.logged-in .flyout-menu {
    top: 46px;
  }
}

@media (max-width: 767px) {

  /* Common */
  .st-row {
    margin-bottom: 15px;
  }

  .st-row .pl-dk {
    padding-left: 0;
  }

  .st-row .pr-dk {
    padding-right: 0;
    margin-bottom: 15px;
  }

  .title-page {
    font-size: 2em;
    line-height: 3rem;
    margin-bottom: 3rem;
  }

  .subtitle-page,
  .subtitle-page p {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }

  /* Header */
  .banner {
    min-height: 41.25rem;
    padding-top: 5rem;
  }

  .banner--postlist,
  .single-aol_ad .banner--postlist,
  .page-id-7381 .banner.banner--default {
    min-height: 27.5rem;
  }

  .banner__content {
    padding-top: 4rem;
    padding-bottom: 2rem;
  }

  .banner__content .title-page {
    margin-bottom: 0.75rem;
  }

  .banner__content .ct {
    width: 100%;
  }

  .banner__content .ct p {
    line-height: 2.25rem;
  }

  .banner--home .technologies {
    margin-top: 2rem;
  }

  .banner--home .technologies h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }

  .banner--home .technologies--item {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    margin-bottom: 1rem;
  }

  .banner.banner--default .banner__content {
    padding-bottom: 4rem;
  }

  /* About Page */
  .about-wrapper__history--content .title-page {
    margin-bottom: 1rem;
  }

  .about-wrapper__history--content .text p {
    font-size: 1em;
    line-height: 1.75rem;
    margin-bottom: 1rem;
  }

  .about-wrapper__clients .title-page {
    margin-bottom: 1rem;
  }

  .about-wrapper__clients .subtitle-page {
    width: 100%;
    line-height: 1.75rem;
    margin: 0px auto;
  }

  .about-wrapper__clients .client-image {
    max-width: calc(100% + 2rem);
    width: calc(100% + 2rem);
    padding: 3rem 0px 0px;
    margin: 0 -1rem;
  }

  .benefit-section--item {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* Careers Page */
  .careers-wrapper__jobs h3.title-page {
    margin-bottom: 3rem;
  }

  .careers-wrapper__jobs--item {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .careers-wrapper__jobs--item .content {
    padding: 2rem 0.9375rem;
  }

  .careers-wrapper__jobs .btn-more {
    margin-top: 2rem;
  }

  /* Blog Page */
  .blog-wrapper__content--item {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .blog-wrapper__content--item .content {
    padding: 0.5rem 0.75rem 1.25rem;
  }

  .blog-wrapper__content--item .content .entry-summary {
    margin-bottom: 1remÏ;
  }

  /* Footer */
  .footer-contact-section .title-page {
    margin-bottom: 0.5+rem;
  }

  .footer-contact-section__row--info .information-row .box-info {
    flex: 0 0 80%;
    max-width: 80%;
  }

  .footer-contact-section__row--info .information-row .box-info:last-of-type {
    margin-top: 1.5rem;
  }
}

@media (max-width: 640px) {

  .homepage-wrapper__gallery--item {
    height: auto;
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    margin-top: 0 !important;
  }
}

@media (max-width: 576px) {}

@media (max-width: 414px) {}

@media (max-width: 320px) {}