/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  .banner .main-slider {
    position: relative;
    max-height: 520px; } }
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  .header .name-menu h1 {
    font-size: 30px; }

  .header .name-menu .main-menu ul li {
    margin: 0 8px; }
    .header .name-menu .main-menu ul li a {
      font-size: 14px; }

  .banner .main-slider h2 {
    font-size: 18px;
    line-height: 22px; }

  .article-page .article-wrapper .single-article-date-name .single-article-name h3 {
    font-size: 38px;
    line-height: 42px; }

  .article-page .similar-news-announcement .similar-news a,
  .article-page .similar-news-announcement .similar-announcement a {
    display: block;
    padding: 15px 0; } }
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .video-popup,
  .video-popup-bg {
    display: none; }

  .header .name-menu h1 {
    font-size: 24px; }

  .header .name-menu .main-menu ul li {
    margin: 0 4px; }

  .banner {
    max-height: none; }
    .banner .banner-links .links-container a {
      font-size: 16px; }
    .banner .main-slider h2 {
      font-size: 18px;
      line-height: 22px; }

  .slogan {
    padding: 30px 0; }
    .slogan h2 {
      font-size: 30px;
      line-height: 36px; }

  .social-logos {
    margin-bottom: 20px; }
    .social-logos img {
      margin-bottom: 20px; }

  .article-page .similar-news-announcement .similar-news a,
  .article-page .similar-news-announcement .similar-announcement a {
    display: block;
    padding: 0; } }
/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
  .header {
    height: 114px; }
    .header .logo a,
    .header .logo img {
      width: 90px;
      height: 84px; }
    .header .name-menu {
      min-height: 0;
      padding: 0;
      position: absolute;
      z-index: 999;
      top: 114px;
      left: 0;
      right: 0;
      background-color: #30639d; }
      .header .name-menu .main-menu ul.list-inline {
        margin: 0;
        padding: 10px;
        background-color: transparent; }
        .header .name-menu .main-menu ul.list-inline li {
          display: block;
          width: 100%;
          min-height: 50px;
          margin: 0; }
          .header .name-menu .main-menu ul.list-inline li a {
            display: block;
            font-size: 16px;
            line-height: 20px;
            padding: 14px 0; }
          .header .name-menu .main-menu ul.list-inline li + li {
            border-top: 1px solid #346CAB; }
          .header .name-menu .main-menu ul.list-inline li:hover, .header .name-menu .main-menu ul.list-inline li:focus {
            background-color: #396FAD; }
            .header .name-menu .main-menu ul.list-inline li:hover a, .header .name-menu .main-menu ul.list-inline li:focus a {
              color: #ffffff; }
            .header .name-menu .main-menu ul.list-inline li:hover ul, .header .name-menu .main-menu ul.list-inline li:focus ul {
              display: block; }
              .header .name-menu .main-menu ul.list-inline li:hover ul li a:hover, .header .name-menu .main-menu ul.list-inline li:hover ul li a:focus, .header .name-menu .main-menu ul.list-inline li:focus ul li a:hover, .header .name-menu .main-menu ul.list-inline li:focus ul li a:focus {
                background-color: rgba(255, 255, 255, 0.2); }
          .header .name-menu .main-menu ul.list-inline li ul {
            display: none;
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            text-align: center;
            -webkit-transition: all 0.2s ease-in-out;
            -khtml-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
      .header .name-menu .main-menu ul.mobile-lang {
        display: block;
        margin: 10px 20px;
        padding: 0;
        list-style: none;
        border-top: 1px solid #346CAB;
        border-bottom: 1px solid #346CAB; }
        .header .name-menu .main-menu ul.mobile-lang li {
          display: inline-block;
          padding: 8px 10px; }
    .header .row-responsive-menu {
      background-color: #30639d; }

  .banner {
    max-height: none; }

  .slogan {
    padding: 30px 0; }
    .slogan h2 {
      font-size: 22px;
      line-height: 30px; }

  .emblem-wrapper img {
    width: 100%; }

  .articles-title {
    height: 22px;
    margin-bottom: 0; }
    .articles-title a .big {
      font-size: 18px;
      line-height: 22px; }
    .articles-title a .small {
      font-size: 12px;
      line-height: 22px; }

  .form-group {
    margin-bottom: 10px; }

  .contact-page .contact-form-wrapper .contact-form {
    left: 20px;
    right: 20px;
    padding: 20px 30px; }
    .contact-page .contact-form-wrapper .contact-form h1 {
      font-size: 22px;
      line-height: 26px;
      margin-bottom: 15px; }
    .contact-page .contact-form-wrapper .contact-form .contact-form-info {
      margin: 20px 0;
      border-bottom: none; }
      .contact-page .contact-form-wrapper .contact-form .contact-form-info ul li {
        margin-bottom: 10px; }
        .contact-page .contact-form-wrapper .contact-form .contact-form-info ul li strong {
          width: 100%;
          margin-bottom: 5px; }
        .contact-page .contact-form-wrapper .contact-form .contact-form-info ul li span {
          width: 100%;
          margin-bottom: 5px; }

  .footer .lang-dropdown button {
    font-size: 16px;
    height: 40px;
    width: 100%; }

  .footer-lang {
    text-align: center;
    margin-bottom: 20px; }

  .emblem-wrapper img {
    width: 180px;
    margin: 20px auto; }

  .footer .footer-contact-info li {
    font-size: 18px;
    line-height: 22px;
    text-align: center; }

  .footer .dropdown-menu {
    width: 100%; }

  .article-page .article-wrapper .single-article-date-name .single-article-name h3 {
    font-size: 24px;
    line-height: 28px; }

  .article-page .similar-news-announcement .similar-news a,
  .article-page .similar-news-announcement .similar-announcement a {
    display: block;
    padding: 15px 0; } }
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .slogan {
    padding: 20px 0; }
    .slogan h2 {
      font-size: 18px;
      line-height: 22px; } }
/* Custom, iPhone Retina */
/* XS */
@media (max-width: 767px) {
  html[lang=ka] .header .name-menu h1 {
    font-size: 18px; }

  html[lang=ru] .header .name-menu h1 {
    font-size: 18px; } }
/* SM */
@media (max-width: 991px) and (min-width: 768px) {
  html[lang=ka] .header .name-menu h1 {
    font-size: 18px; }

  html[lang=ru] .header .name-menu h1 {
    font-size: 14px; } }
/* MD */
@media (max-width: 1199px) and (min-width: 992px) {
  html[lang=ka] .header .name-menu h1 {
    font-size: 26px; }

  html[lang=ru] .header .name-menu h1 {
    font-size: 20px; } }
@media (max-width: 1199px) and (min-width: 992px) {
  html[lang=ka] .banner .banner-links .links-container li a,
  html[lang=ru] .banner .banner-links .links-container li a {
    font-size: 16px; } }
@media (max-width: 1276px) and (min-width: 1200px) {
  html[lang=ka] .banner .banner-links .links-container li a,
  html[lang=ru] .banner .banner-links .links-container li a {
    font-size: 20px; } }
/* LG */
@media (max-width: 1440px) and (min-width: 1200px) {
  html[lang=ru] .header .name-menu h1 {
    font-size: 24px; } }
@media (max-width: 1285px) and (min-width: 1200px) {
  html[lang=ka] .header .name-menu h1 {
    font-size: 32px; } }
/* LG */

/*# sourceMappingURL=responsive.css.map */