/* ------------------------------------- */
/* 7. Media Queries .................... */
/* ------------------------------------- */
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1600px) {
    .item-title {
      padding: 0 15%; }
  
    .cd-words-wrapper {
      width: 100% !important; } }
  /* Notebook devices */
  /* Medium Devices, Desktops */
  @media only screen and (max-width: 1024px) {
    body {
      position: relative !important;
      height: 100vh !important; }
  
    h1 {
      font-size: 70px; }
  
    p.lang {
      top: 5px;
      right: 15px; }
  
    p.copyright {
      right: 15px; }
  
    #home-part {
      width: 100vw !important; }
  
    .mbYTP_wrapper {
      width: 100% !important;
      min-width: 0 !important;
      left: 0 !important; }
  
    #content-part {
      width: 100vw !important; }
      #content-part .inner-content {
        padding: 50px 50px; }
  
    .mCSB_scrollTools {
      z-index: 999; }
  
    .mCSB_scrollTools {
      right: 0 !important; }
  
    .right-content {
      left: calc(0px + 90px) !important; }
  
    .item-title {
      width: 100% !important;
      left: 0 !important; } }
  /* Small Devices, Tablets */
  @media only screen and (max-width: 767px) {
    .loading-part .loader-part .loader-circle {
      top: calc(50% - 50px); }
    .loading-part .loader-text {
      top: calc(50% - 10px) !important; }
  
    .item-title {
      padding: 0 30px !important; }
  
    h1 {
      font-size: 60px; }
  
    .newsletter-title {
      font-size: 3em; }
  
    .dark-button {
      background: rgba(10, 26, 36, 0.3); }
  
    #navigation {
      background: #0a1a24;
      left: -20%;
      width: 20%;
      height: 100%; }
      #navigation a {
        padding: 1em 0 !important; }
        #navigation a:hover:after {
          left: -150px !important;
          -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
          -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
          -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
          -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
          transition: all 0.3s cubic-bezier(0, 0, 0.58, 1); }
  
    .right-content {
      left: 0 !important; }
  
    .translate-nav {
      left: 0 !important; }
  
    .translate-button {
      left: 20% !important; }
  
    .large-square .hover-info {
      opacity: 1;
      bottom: 0;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
    .large-square:hover {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
      .large-square:hover .hover-info {
        opacity: 1;
        bottom: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }
  
    .small-square .hover-info {
      opacity: 1;
      bottom: 0;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
    .small-square:hover {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
      .small-square:hover .hover-info {
        opacity: 1;
        bottom: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }
  
    .large-square .hover-info, .small-square .hover-info {
      display: block;
      position: absolute;
      min-height: 150px;
      top: auto;
      bottom: 0; }
  
    /*  
     * Skin Gallery
     */
    #swipebox-overlay {
      background: #0a1a24;
      -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
      -o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
  
    .full-scale {
      left: 0 !important;
      opacity: 1 !important; }
  
    #swipebox-bottom-bar,
    #swipebox-top-bar {
      background: #0a1a24;
      opacity: 1;
      min-height: 50px; } }
  /* Extra Small Devices, Phones */
  @media only screen and (max-width: 480px) {
    #navigation {
      background: #0a1a24;
      left: -50%;
      width: 50%; }
  
    .translate-nav {
      left: 0 !important; }
  
    .translate-button {
      left: 50% !important; }
  
    .brand-logo {
      max-width: 150px; }
  
    h1 {
      font-size: 2em; }
  
    p {
      font-size: 0.9em;
      line-height: 1.4em; }
  
    .item-title h2 {
      font-size: 3em !important; }
  
    #countdown_dashboard .dash-glob .dash .digit {
      font-size: 100px;
      height: 100px;
      line-height: 100px; }
    #countdown_dashboard .dash-glob .dash .text-right {
      display: block;
      margin-bottom: 15px; }
    #countdown_dashboard .text-news {
      font-size: 2em; }
      #countdown_dashboard .text-news .point {
        display: block; }
  
    #subscribe #notifyMe {
      max-width: 100%;
      margin: auto;
      margin-top: 2em; }
      #subscribe #notifyMe .form-group {
        margin-bottom: 1em; }
        #subscribe #notifyMe .form-group .form-control {
          border: none;
          float: none !important;
          width: 100% !important;
          margin-bottom: 20px; }
        #subscribe #notifyMe .form-group button.submit {
          width: 100% !important;
          border: none !important; }
    #subscribe .block-message {
      min-height: 50px; }
  
    .newsletter-title {
      font-size: 2em; }
  
    .fa-spinner {
      display: none !important; }
  
    #answer {
      min-height: 50px; }
  
    #home-part .item-title {
      -webkit-transform: translateY(calc(-50% - 30px));
      -moz-transform: translateY(calc(-50% - 30px));
      -ms-transform: translateY(calc(-50% - 30px));
      -o-transform: translateY(calc(-50% - 30px));
      transform: translateY(calc(-50% - 30px)); }
  
    #newsletter-part .item-title {
      -webkit-transform: translateY(calc(-50% + 10px));
      -moz-transform: translateY(calc(-50% + 10px));
      -ms-transform: translateY(calc(-50% + 10px));
      -o-transform: translateY(calc(-50% + 10px));
      transform: translateY(calc(-50% + 10px)); } }
  /* Only for tablet in landscape mode */
  /* Only for phone in landscape mode */
  @media screen and (max-device-width: 667px) and (orientation: landscape) {
    #navigation {
      background: #0a1a24;
      left: -20%;
      width: 20%; }
      #navigation ul li a {
        padding: 0.5em 0 !important; }
        #navigation ul li a i {
          display: none; }
  
    #main-about {
      height: 50vh; }
  
    .translate-nav {
      left: 0 !important; }
  
    .translate-button {
      left: 20% !important; }
  
    .brand-logo {
      max-width: 100px; }
  
    h1 {
      font-size: 2em; }
  
    p {
      font-size: 0.9em;
      line-height: 1.4em; }
  
    .item-title h2 {
      font-size: 3em !important; }
  
    #countdown_dashboard .dash-glob .dash .digit {
      font-size: 7em; }
    #countdown_dashboard .text-day h3 {
      font-size: 2em; }
  
    #subscribe #notifyMe {
      max-width: 100%;
      margin: auto;
      margin-top: 2em; }
      #subscribe #notifyMe .form-group {
        margin-bottom: 1em; }
        #subscribe #notifyMe .form-group .form-control {
          border: none;
          float: none !important;
          width: 100% !important;
          margin-bottom: 20px; }
        #subscribe #notifyMe .form-group button.submit {
          width: 100% !important;
          border: none !important; }
    #subscribe .block-message {
      min-height: 40px; }
  
    #answer {
      min-height: 40px; } }