@import url(../js/vendor/font-awesome-less/css/font-awesome.min.css);
@media (max-width: 991px) {
  body .main-wrapper {
    width: 100%; }
    body .main-wrapper #header {
      padding: 0; }
      body .main-wrapper #header .text-resizer {
        display: none;
        visibility: hidden; }
      body .main-wrapper #header .social-block {
        top: 80px; }
        body .main-wrapper #header .social-block li.text-resizer {
          display: none;
          visibility: hidden; }
      body .main-wrapper #header .main-nav {
        position: static;
        margin-top: 44px;
        width: 100%;
        max-width: 100%;
        font-size: 1em;
        padding-left: 0;
        padding-bottom: 12px;
        background-position: 0px bottom; }
        body .main-wrapper #header .main-nav > ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          body .main-wrapper #header .main-nav > ul li a {
            padding: 12px 5px; } }

@media (max-width: 767px) {
  html {
    min-height: 100%;
    /* make sure it is at least as tall as the viewport */
    position: relative; }
  body {
    height: 100%;
    position: relative; }
    body div,
    body ul {
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* 	Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */ }
    body .main-wrapper {
      position: static; }
      body .main-wrapper #header {
        position: static;
        margin-bottom: 10px; }
        body .main-wrapper #header .logo {
          margin: 0;
          display: inline-block; }
          body .main-wrapper #header .logo a img {
            height: 55px; }
        body .main-wrapper #header .social-block {
          float: right;
          position: absolute;
          top: 0;
          right: 0; }
          body .main-wrapper #header .social-block li {
            padding: 10px 0px;
            border-right: 1px solid black; }
            body .main-wrapper #header .social-block li.search-box .search-input input[type="search"] {
              display: none;
              visibility: hidden; }
            body .main-wrapper #header .social-block li.search-box .search-input input[type="submit"] {
              width: 48px; }
            body .main-wrapper #header .social-block li.contact a {
              background-position: -175px -2px; }
            body .main-wrapper #header .social-block li.youtube a {
              background-position: -120px -2px; }
            body .main-wrapper #header .social-block li.twitter a {
              background-position: -65px -2px; }
            body .main-wrapper #header .social-block li.facebook a {
              background-position: -6px -2px; }
            body .main-wrapper #header .social-block li a {
              border-left: none;
              width: 45px; }
            body .main-wrapper #header .social-block li.menu-trigger {
              text-align: center;
              float: right;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              background-color: black; }
              body .main-wrapper #header .social-block li.menu-trigger a {
                background: none;
                font-size: 20px; }
                body .main-wrapper #header .social-block li.menu-trigger a:after {
                  content: "\f0c9 ";
                  display: inline-block;
                  color: white;
                  font: normal normal normal 14px/1 "FontAwesome";
                  font-size: inherit;
                  text-rendering: auto;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  margin-top: 7px; }
              body .main-wrapper #header .social-block li.menu-trigger.opened {
                background-color: #fe0000; }
                body .main-wrapper #header .social-block li.menu-trigger.opened a:after {
                  content: "\f00d";
                  color: black; }
        body .main-wrapper #header .search-container {
          background-color: transparent;
          position: absolute;
          width: 100%;
          left: 0;
          top: 95px;
          float: left;
          z-index: 10; }
          body .main-wrapper #header .search-container .search-box {
            padding: 20px 15px;
            position: static;
            width: 100%;
            right: 0;
            top: 100%;
            background-color: #000; }
            body .main-wrapper #header .search-container .search-box .search-input {
              background-color: #fff;
              position: relative;
              font-size: 0; }
              body .main-wrapper #header .search-container .search-box .search-input input {
                outline: 0; }
              body .main-wrapper #header .search-container .search-box .search-input input[type="search"] {
                height: 36px;
                line-height: 25px;
                padding: 0px 10px;
                font-size: 15px;
                width: calc(100% - 56px);
                border: 0;
                display: inline-block;
                vertical-align: top; }
              body .main-wrapper #header .search-container .search-box .search-input input[type="submit"] {
                height: 32px;
                width: 32px;
                margin: 2px;
                background-size: 20px;
                border: 0;
                background: #fff;
                background-image: url(../images/common/search.png);
                background-repeat: no-repeat;
                background-position: 50%;
                display: inline-block;
                padding: 0;
                vertical-align: top; }
        body .main-wrapper #header .main-nav {
          background: none;
          display: none;
          position: absolute;
          margin-top: 0;
          top: 95px;
          bottom: 0;
          padding-bottom: 0;
          z-index: 99;
          font-size: 1.3em;
          -webkit-transition: all 0.7s;
          -o-transition: all 0.7s;
          transition: all 0.7s;
          height: inherit; }
          body .main-wrapper #header .main-nav.opened {
            display: block;
            padding-left: 35px; }
          body .main-wrapper #header .main-nav > ul {
            display: block;
            height: 100%;
            padding-left: 20px; }
            body .main-wrapper #header .main-nav > ul a {
              max-width: calc(100% - 41px);
              display: inline-block; }
            body .main-wrapper #header .main-nav > ul a.arrow-down {
              display: initial;
              float: right;
              padding: 8px 0px;
              margin-right: 10px;
              font-size: 1.3rem;
              -webkit-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s; }
              body .main-wrapper #header .main-nav > ul a.arrow-down.open {
                -ms-transform: rotate(180deg);
                /* IE 9 */
                -webkit-transform: rotate(180deg);
                /* Chrome, Safari, Opera */
                transform: rotate(180deg); }
              body .main-wrapper #header .main-nav > ul a.arrow-down:after {
                content: "\f078";
                display: inline-block;
                color: white;
                font: normal normal normal 14px/1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale; }
            body .main-wrapper #header .main-nav > ul li {
              display: block; }
              body .main-wrapper #header .main-nav > ul li ul.sub-menu {
                position: static;
                display: none;
                padding: 0px 0px 0px 30px;
                width: 100%; }
                body .main-wrapper #header .main-nav > ul li ul.sub-menu li {
                  border-bottom: solid 1px white;
                  padding: 5px 0px;
                  width: 100%; }
                  body .main-wrapper #header .main-nav > ul li ul.sub-menu li:first-child {
                    border-top: solid 1px white; }
              body .main-wrapper #header .main-nav > ul li.active ul.sub-menu {
                display: block; }
      body .main-wrapper #footer {
        position: relative; }
        body .main-wrapper #footer ul.quick-links {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          margin-top: 40px;
          padding: 10px 0;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end; }
          body .main-wrapper #footer ul.quick-links li {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            margin-top: 5px;
            margin-bottom: 5px;
            text-align: left; }
        body .main-wrapper #footer p.copyright {
          width: calc(100% - 20px);
          position: absolute;
          top: 20px;
          left: 10px; }
          body .main-wrapper #footer p.copyright span {
            padding: 0; } }

@media (max-width: 580px) {
  body .main-wrapper #footer ul.quick-links {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    body .main-wrapper #footer ul.quick-links li {
      border: 0;
      display: inline-block;
      min-width: 140px;
      text-align: center;
      padding-left: 0;
      padding-right: 0;
      margin-left: 0;
      margin-right: 0; }
      body .main-wrapper #footer ul.quick-links li a {
        margin: 0;
        padding: 0; } }

@media (max-width: 415px) {
  body {
    min-width: 0; }
    body .main-wrapper #header .logo a img {
      height: 35px; }
    body .main-wrapper #header .search-container {
      top: 50px; }
    body .main-wrapper #header .social-block li {
      padding: 0; }
      body .main-wrapper #header .social-block li a {
        width: 30px; }
      body .main-wrapper #header .social-block li.search-box .search-input input[type="submit"] {
        width: 32px; }
      body .main-wrapper #header .social-block li.facebook a {
        background-position: -14px -2px; }
      body .main-wrapper #header .social-block li.twitter a {
        background-position: -73px -2px; }
      body .main-wrapper #header .social-block li.youtube a {
        background-position: -128px -2px; }
      body .main-wrapper #header .social-block li.contact a {
        background-position: -184px -2px; }
    body .main-wrapper #header .main-nav {
      top: 50px; }
      body .main-wrapper #header .main-nav > ul {
        padding-left: 5px; }
        body .main-wrapper #header .main-nav > ul a.arrow-down:after {
          font-size: 13px; }
        body .main-wrapper #header .main-nav > ul li a {
          font-size: 13px; }
        body .main-wrapper #header .main-nav > ul li ul.sub-menu {
          padding: 0px 0px 0px 15px; } }