/* SCREEN SIZES */
/* CONTAINER WIDTH SIZES */
@media (1320px) {
  .container {
    max-width: 780px; } }

@media (980px) {
  .container {
    max-width: 640px; } }

@media (768px) {
  .container {
    max-width: 480px; } }

@media (480px) {

  .container {
    max-width: 100%; } }

@media (max-width: 1320px) {
  h1 {
    font-size: 65px; }
  h3 {
    font-size: 16px; }
  .move1 h3 {
    font-size: 13px; }
  h3 br {
    display: none; }
  #header {
    height: 540px; }
  #header .main-banner {
    width: 100%;
    height: 100%;
    max-width: 768px; }
  #header .main-banner .heading {
    min-height: 55px;
    font-size: 30px;
    background-size: 9%; }
  #header .main-banner .heading span {
    font-size: 50px; }
  #header .main-banner .img-panel img {
    max-width: 650px; }
  .search-infos .info-box .content .logo {
    width: 33%; } }

@media (max-width: 980px) {
  h1 {
    font-size: 50px; }
  h2 {
    font-size: 18px; }
  #header .main-banner {
    max-width: 710px; }
  #header .main-banner .heading span {
    font-size: 36px; }
  #header .main-banner .img-panel img {
    max-width: 500px; }
  .move2 .checklist .list {
    width: 49%;
    min-height: 170px;
    margin-bottom: 1em; }
  .search-infos .info-box .content div {
    font-size: 14px;
    width: 100% !important;
    padding: 1em 0 0; }
  .search-infos .info-box .heading {
    min-height: 55px;
    display: flex;
    align-items: center;
    background-size: 8%;
    padding: 0.5em 1em 0.5em 4em; }
  .search-infos .info-box .content .logo {
    max-width: 140px;
    height: 45px; }
  .search-infos .info-box .content .logo img {
    max-width: 95px; }
  .search-infos .info-box .box-btn .button {
    font-size: 0.8em;
    max-width: 200px; }
  .search-infos .info-box .box-btn {
    padding: 0 0 1em 1em;
    justify-content: center; }
  .search-infos .info-box .content {
    justify-content: center; } }

@media (max-width: 768px) {
  h1 {
    font-size: 40px; }
  section h2 {
    height: 55px;
    padding: 15px 0 0 85px; }
  section p {
    font-size: 14px;
    margin: 0.5em 0; }
  #header {
    height: 465px;
    margin-bottom: 170px; }
  #header .main-banner {
    padding: 1em;
    max-width: 610px; }
  #header .main-banner .heading {
    font-size: 24px; }
  #header .main-banner .heading span {
    font-size: 24px; }
  #header .main-banner .blocks {
    margin-top: 20px; }
  #header .main-banner .img-panel img {
    max-width: 340px; }
  .search-infos .info-box {
    width: 100%; }
  .move2 .checklist .list .check-head {
    align-items: baseline;
    justify-content: flex-start; }
  .move2 .checklist .list {
    width: 100%;
    min-height: 145px; }
  .move2 .flex.poster div {
    width: 100%;
    text-align: center;
    margin-bottom: 1.5em; }
  .move3 .advice p {
    width: 49%;
    margin: 0.5em 0; }
  .move3 .contact-box {
    height: 214px;
    padding: 1em;
    margin-top: 30px;
    justify-content: center;
    align-items: flex-end;
    background-position: left top;
    background-size: 185%;
    background-image: url(../../style/img/contact-banner.jpg); }
  .move3 .contact-box .button {
    font-size: 16px;
    max-width: 222px; }
  .move2 .poster div {
    margin-bottom: 1em; }
  .move2 .poster div:last-child {
    margin-bottom: 0; }
  .move2 .poster div .button {
    padding: 0.5em;
    font-size: 20px; } }

@media (max-width: 480px) {
  #move1{
    padding-top: 47px;
  }
  h1 {
    font-size: 30px; }
  .move2 h4 {
    margin: .5rem; }
  #header {
    height: 370px;
    margin-bottom: 100px; }
  #header .main-banner {
    margin: 60px auto; }
  #header .main-banner .heading {
    font-size: 18px; }
  #header .main-banner .heading span {
    font-size: 18px; }
  #header .main-banner .blocks .block p {
    font-size: 1em; }
  #header .main-banner .blocks .block img {
    margin: 0.5em 0; }
  #header .main-banner .blocks .block span.lnr {
    font-size: 1.2em;
    bottom: 0;
    height: 15px; }
  .search-infos .info-box .heading {
    background-size: 10%; }
  #header .main-banner .blocks .block {
    background-size: 50%;
    padding: 10px 0; }
  .move3 .advice p {
    width: 100%; }
  section {
    padding-bottom: 20px; }
  section h2 {

    height: 73px;
    padding: 25px 0 0 105px; }
  section p {
    font-size: 18px; }
  .container.poster {
    padding: 0; }
  #header .main-banner .blocks .block p {
    font-size: 11px;
    padding: 0; }
  #header .main-banner .blocks .block p br {
    display: block; } }

@media (max-width: 320px) {
  h1 {
    font-size: 28px; }
  h2 {
    font-size: 16px; }
  #header {
    height: 340px; }
  #header .main-banner .heading,
  #header .main-banner .heading span {
    font-size: 16px; } }