/* Color */
/* Fonts */
/* 
 TRANSITION
 */
/* 
 SHADOW
 */
/* Browser Prefixes */
/* Background gradient */
/* Rotate */
/* Scale */
/* Translate */
/* Skew */
/* Transform Origin */
/* Flex box */
/*
 BOX-SIZING
 */
/* 
 Top center
 */
/*
 Horizontal center
 */
/**** RESPONSIVE STYLE >320px ****/
@media screen and (min-width: 320px) {
  html, body {
    overflow-x: hidden; }

  .content-inner {
    padding: 0 20px; }

  #wrap.no-menu #wrap-content {
    padding: 0; }

  #wrap-content {
    padding: 0; }
    #wrap-content #main header h2 {
      font-size: 18px; }
    #wrap-content .list-news, #wrap-content .detail-news {
      margin: 0 -20px; }
      #wrap-content .list-news .item .number, #wrap-content .detail-news .item .number {
        font-size: 20px; }
        #wrap-content .list-news .item h2, #wrap-content .detail-news .item h2 {
          font-size: 18px; }
    #wrap-content .detail-news .item {
      margin-bottom: 30px; }
      #wrap-content .detail-news .item .content-item .slideshow-news {
        float: none;
        margin: 0 auto 0px auto; }
    #wrap-content .ce-intext.ce-right .ce-gallery, #wrap-content .ce-intext.ce-left .ce-gallery {
      float: none;
      margin: 0; }
      #wrap-content .ce-intext.ce-right .ce-gallery .ce-column, #wrap-content .ce-intext.ce-left .ce-gallery .ce-column {
        float: none; }
        #wrap-content .ce-intext.ce-right .ce-gallery .ce-column .image, #wrap-content .ce-intext.ce-left .ce-gallery .ce-column .image {
          display: block;
          text-align: center; }
          #wrap-content .ce-intext.ce-right .ce-gallery .ce-column .image img, #wrap-content .ce-intext.ce-left .ce-gallery .ce-column .image img {
            margin: 0 auto; }
    #wrap-content .ce-gallery .ce-row {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap; }
      #wrap-content .ce-gallery .ce-row .ce-column {
        flex: none;
        width: 100%;
        margin-bottom: 10px; }

  #breadcrumb-menu {
    display: none; }

  #main-title h1 {
    margin-bottom: 20px; }

  h1 {
    font-size: 22px; }

  h2 {
    font-size: 18px; }

  .body-news #wrap-content #center-main {
    margin-top: 0; }

  #main-menu nav {
    transition: none; } }
/**** END RESPONSIVE STYLE >320px ****/
@media screen and (min-width: 320px) and (max-width: 767px) {
  #button-book {
    top: 0px;
    position: absolute; }
    #button-book p {
      margin: 0; }
    #button-book a {
      font-size: 14px !important;
      padding: 5px 10px; }

  #header {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
    #header #logo {
      width: 100%;
      text-align: center;
      padding: 10px 0; }
      #header #logo img {
        height: 60px; }
    #header #footer {
      position: fixed;
      bottom: 0;
      background-color: rgba(30, 29, 35, 0.5);
      padding: 0 10px 10px 10px; }
      #header #footer .text {
        margin: 0 -10px 10px -10px; }
        #header #footer .text p {
          font-size: 12px; }
          #header #footer .text p br {
            display: none; }

  #slideshow-home {
    top: 80px;
    bottom: 0;
    height: auto; }
    #slideshow-home .caption {
      font-size: 18px;
      bottom: 110px; }
    #slideshow-home .owl-dots {
      bottom: 80px;
      left: auto;
      right: 0; }

  .mobile-menu {
    display: inline-block;
    left: 20px;
    top: 20px; }
    .mobile-menu:before, .mobile-menu:after {
      background-color: #1e1d23; }
    .mobile-menu .text {
      color: #1e1d23; }

  #main-menu {
    padding: 0; }
    #main-menu nav {
      display: none;
      padding: 10px 0; }
      #main-menu nav > ul > li a {
        text-decoration: none; }
        #main-menu nav > ul > li .submenu {
          position: static;
          height: auto;
          width: 100%;
          opacity: 1;
          visibility: visible;
          transition: none;
          display: none; }
          #main-menu nav > ul > li .submenu > ul > li {
            margin: 0;
            overflow: hidden;
            position: relative;
            border-top: 1px solid #fff; }
            #main-menu nav > ul > li .submenu > ul > li > a {
              display: block;
              padding: 20px 10px 10px 10px; }
              #main-menu nav > ul > li .submenu > ul > li > a img {
                max-width: 100%;
                height: auto;
                opacity: 0.45;
                position: absolute;
                left: 0;
                top: 50%;
                -webkit-transition: all 1.5s 0s ease-in-out;
                -moz-transition: all 1.5s 0s ease-in-out;
                transition: all 1.5s 0s ease-in-out;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                transform-origin: center center; }
              #main-menu nav > ul > li .submenu > ul > li > a span {
                display: block;
                z-index: 1;
                color: #fff;
                font-size: 16px;
                font-family: 'Panton_semibold', arial;
                -webkit-transition: all 0.3s 0s ease-in-out;
                -moz-transition: all 0.3s 0s ease-in-out;
                transition: all 0.3s 0s ease-in-out;
                position: relative;
                z-index: 1; }

  #wrap-content {
    padding: 0; }
    #wrap-content #main {
      display: block;
      min-height: 0 !important;
      padding-bottom: 80px; }
    #wrap-content .row {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap; }
      #wrap-content .row .column {
        flex: none;
        width: 100%;
        padding: 0; }
    #wrap-content .block-photo .ce-gallery .ce-row .ce-column {
      padding: 10px;
      width: 33.33%; }

  form label {
    font-size: 16px;
    display: block;
    margin: 0 0 10px 0; }
    form input, form textarea {
      font-size: 14px; }
    form fieldset .layout2 {
      display: block;
      padding: 0;
      float: none; }
      form fieldset .layout2 .powermail_field {
        display: block; }
      form fieldset .layout2 label {
        margin: 0 0 10px 0; }
      form fieldset .layout2 input {
        width: 100%; }
    form input[type="submit"], form input[type="reset"], form button {
      font-size: 16px; }

  .lb-nav a.lb-prev {
    width: 30px;
    background-size: 15px auto;
    margin-left: -30px; }

  .lb-nav a.lb-next {
    width: 30px;
    background-size: 15px auto;
    margin-right: -30px; }

  .lb-data .lb-details {
    font-size: 14px; }

  #search #___gcse_0 {
    background-color: #1e1d23;
    margin-top: -80px; } }

@media screen and (min-width: 480px) and (max-width: 767px) {
  #header #footer {
    padding: 0 10px 0px 10px; }
    #header #footer .text {
      float: left;
      margin: 0; }
      #header #footer .text p {
        font-size: 12px; }
    #header #footer #language, #header #footer #social-network, #header #footer #search {
      margin-top: 10px; }

  #wrap-content #main {
    padding-bottom: 40px; } }

@media screen and (min-width: 768px) {
  #main-menu nav {
    display: block !important; }

  #slideshow-home .caption {
    font-size: 24px; }

  #wrap.no-menu #wrap-content {
    padding-left: 225px; }

  #wrap-content {
    padding-left: 225px; }
    #wrap-content #main {
      padding: 40px 0; }
    #wrap-content .row {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap; }
      #wrap-content .row .column {
        flex: none;
        width: 50%; }
    #wrap-content .block-photo .ce-gallery .ce-row .ce-column {
      width: 25%; }

  .content-inner {
    padding: 0 40px; }

  #main-title h1 {
    font-size: 28px; }

  form label {
    font-size: 18px;
    display: block;
    margin: 0 0 10px 0; }
    form input, form textarea {
      font-size: 16px; }
    form input[type="submit"], form input[type="reset"], form button {
      font-size: 18px; }
    form fieldset .layout2 {
      padding: 0 20px 0 0; }

  #footer {
    bottom: 10px; }

  #button-book {
    position: absolute;
    top: 0px; }
    #button-book p {
      margin: 0; }
    #button-book a {
      font-size: 14px !important; } }