@media (min-width: 940px) and (max-width: 1279px) {
  .container {
    max-width: 880px; } }

@media (min-width: 768px) and (max-width: 939px) {
  .container {
    max-width: 680px; }
  .address-box a {
    font-size: 20px; }
  .content-side {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 53%; }
  .btn {
    font-size: 16px; }
  .white-container .content-widget p {
    line-height: 20px;
    font-size: 14px; } }

@media (min-width: 480px) and (max-width: 767px) {
  canvas {
    max-width: 100%;
    width: 100%; }
  .flex-side {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .flex-side.center {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
    .flex-side.space {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
  .container {
    max-width: 460px; }
  .address-box a {
    font-size: 20px; }
  .content-side {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 53%; }
  .btn {
    font-size: 16px; }
  .white-container .content-widget {
    margin-bottom: 30px; }
    .white-container .content-widget .heading {
      margin-bottom: 30px; }
    .white-container .content-widget p {
      line-height: 20px;
      font-size: 14px; }
  .white-container iframe {
    margin-bottom: 30px; }
  .white-container .right-widget .top {
    margin-bottom: 30px; }
  .main-header .address-box {
    text-align: center; }
  .content-side h1 {
    line-height: 52px;
    font-size: 50px; } }

@media (min-width: 280px) and (max-width: 479px) {
  canvas {
    max-width: 100%;
    width: 100%; }
  .flex-side {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .flex-side.center {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
    .flex-side.space {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
  .container {
    max-width: 290px; }
  .address-box a {
    font-size: 20px; }
  .content-side {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 53%; }
    .content-side .timer-container {
      padding: 0 15px 10px; }
      .content-side .timer-container .flexed {
        font-size: 14px; }
      .content-side .timer-container .numbers {
        line-height: 32px;
        font-size: 30px; }
  .btn {
    font-size: 16px; }
  .white-container .content-widget {
    margin-bottom: 30px; }
    .white-container .content-widget .heading {
      margin-bottom: 30px; }
    .white-container .content-widget p {
      line-height: 20px;
      font-size: 14px; }
  .white-container iframe {
    margin-bottom: 30px; }
  .white-container .right-widget .top {
    margin-bottom: 30px; }
  .main-header .address-box {
    text-align: center; }
  .content-side h1 {
    line-height: 52px;
    font-size: 34px; }
  .content-side p {
    line-height: 22px;
    font-size: 16px; }
    .content-side p strong {
      font-size: 18px; } }
