/* --------------------------------------------------------------------------
 * Indonez        : Keid - Modern HTML Template
 *  
 * file           : theme-responsive.css
 * Version        : 1.0
 * Author         : indonez - team
 * Author URI     : http://indonez.com
 *
 * Copyright 2015. All Rights Reserved.
 * -------------------------------------------------------------------------- */
/* ------------------------------------------------------------------
   
   [Table of contents]
   1. notebook
   2. tablet landscape
   3. tablet portrait
   4. mobile landscape
   5. mobile portrait

------------------------------------------------------------------ */
@import url("revolution-responsive.css");
/* Notebook */
@media only screen and (max-width: 1280px) {
  #masonry-fullwidth .block-size {
    height: 175px;
    float: left; }
    #masonry-fullwidth .block-size.h2 {
      height: 350px; }
    #masonry-fullwidth .block-size .masonry-caption {
      padding-left: 13.27014%;
      padding-right: 13.27014%;
      padding-top: 14.85714%;
      padding-bottom: 14.85714%; }
    #masonry-fullwidth .block-size.w2 h4 {
      margin-top: 0; }
    #masonry-fullwidth .block-size.w2 .masonry-caption {
      padding-left: 8.55107%;
      padding-right: 8.55107%;
      padding-top: 8.57143%;
      padding-bottom: 8.57143%; }
    #masonry-fullwidth .block-size.w2.h2 h4 {
      margin-top: 0; }
    #masonry-fullwidth .block-size.w2.h2 .masonry-caption {
      padding-left: 20.19002%;
      padding-top: 18.57143%;
      padding-right: 20.19002%;
      padding-bottom: 18.57143%; }

  .masonry-no-image i {
    font-size: 104px;
    margin-right: 26px; }

  .masonry-button {
    right: 35px;
    bottom: 35px; }
    .masonry-button i {
      font-size: 26px;
      margin: 0; } }
/* Tablet Landscape */
@media only screen and (max-width: 1024px) {
  .footer-subscribe-container {
    margin-top: 38px; }

  .footer-info-container {
    margin-top: 38px; }

  #masonry-fullwidth .block-size,
  #masonry-fullwidth .grid-sizer {
    width: 20%; }
  #masonry-fullwidth .block-size {
    height: 172px; }
    #masonry-fullwidth .block-size.w2 {
      width: 40%; }
    #masonry-fullwidth .block-size.h2 {
      height: 344px; }

  #masonry-photography {
    margin: 0 !important; }
    #masonry-photography .block-size {
      height: 330px;
      width: 33%; }
      #masonry-photography .block-size.w2 {
        width: 65.8%; }
      #masonry-photography .block-size.h2 {
        height: 660px; }

  .text-pin {
    display: none; }

  .home4-container {
    padding: 70px 0 !important; }

  .counter-home4 {
    margin-top: 38px; }
    .counter-home4 .square-counter {
      width: auto; }

  .author-full {
    text-align: center; }
    .author-full img {
      margin: 0; }

  .portfolio-container {
    margin: 0 -19px !important; }

  .medical-doctor-photo,
  .medical-department {
    margin-right: 19px; }

  .medical-appointment {
    margin-left: 0; }

  .box-reservation {
    margin-right: 0;
    height: auto;
    text-align: center; }

  .form-reservation {
    height: auto;
    margin: 0; }

  .cta-button-app .button-app {
    padding: 15px; } }
/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  a {
    transition: none; }

  .ipad-home1,
  .doddle-home1 {
    text-align: center;
    margin-top: 39px; }

  .header-info-container {
    display: none; }

  .header-widget {
    display: none; }

  #masonry-fullwidth .block-size,
  #masonry-fullwidth .grid-sizer {
    width: 20%; }
  #masonry-fullwidth .block-size {
    height: 128px; }
    #masonry-fullwidth .block-size.w2 {
      width: 40%; }
    #masonry-fullwidth .block-size.h2 {
      height: 256px; }
  #masonry-fullwidth .masonry-caption p {
    display: none; }
  #masonry-fullwidth .masonry-no-image i {
    display: none; }

  #masonry-photography {
    margin: 0 !important; }
    #masonry-photography .block-size {
      height: 240px; }
      #masonry-photography .block-size.h2 {
        height: 480px; }
    #masonry-photography .image-content {
      padding: 20px; }
    #masonry-photography .me-image.img-frame {
      border-width: 16px; }

  .me-menu {
    padding-right: 0; }

  #me-header.header-style1 {
    padding-top: 0; }
    #me-header.header-style1 .logo-container {
      position: relative; }
    #me-header.header-style1 .header-box {
      padding-top: 50px; }
    #me-header.header-style1 .header-info-container {
      display: inline-block; }

  .promo-logo-list li:nth-child(5) {
    display: none; }

  .parallax-home3-container {
    padding-bottom: 70px; }

  .iphone-home3 {
    margin-bottom: 39px; }

  .pricing-table.pricing-style2 .title {
    padding: 20px 0;
    min-height: 160px; }
  .pricing-table.pricing-style2 .me-box-icon {
    width: 100%;
    text-align: center; }
  .pricing-table.pricing-style2 .me-box-icon.left .icon-container {
    margin: 0;
    width: 100%; }
  .pricing-table.pricing-style2 .me-box-icon.left .text-container {
    margin: 0; }
  .pricing-table.pricing-style2.featured-pricing .title {
    min-height: 180px; }

  .cta-image-app {
    display: none; }

  #slideshow-container.slideshow-app-container {
    height: 650px !important; }

  .app-logo-list li {
    padding-bottom: 38px; }

  .app-image-preview,
  .cta-app-container .cta-button-app {
    text-align: center; }

  .accordion {
    margin-bottom: 38px !important; }

  .pricing-table.featured-pricing {
    margin-top: 20px; }

  .slideshow-app-inner {
    margin-top: 200px; }

  .chief-image {
    text-align: center; }
    .chief-image img {
      right: 0; }

  .chief-restaurant-container {
    padding-bottom: 70px !important; }

  .pricing-table.pricing-style4 .cta-button {
    padding: 21px 0 23px;
    text-align: center; }

  .pricing-table.pricing-style4 .price {
    width: 100%;
    display: block;
    border-right: none;
    padding: 0; }

  .pricing-table.pricing-style4 .button {
    display: block; }

  .heading-tab-big span {
    font-size: 96px !important;
    top: 5px; }

  .heading-tab-big small {
    font-size: 65% !important; }

  .talking-list li {
    padding-bottom: 38px; }

  .box-reservation {
    margin-right: 0;
    height: auto;
    text-align: center; }

  .form-reservation {
    height: auto;
    margin: 0; }

  .keid-restaurant #slideshow-container {
    margin-top: 0 !important;
    height: 533px !important; }

  .keid-photography #slideshow-container {
    height: 308px !important; }

  .portfolio-spotlight {
    margin-top: -110px; }

  #me-header.header-style2 + #slideshow-container {
    height: 553px !important; }

  .keid-hosting #slideshow-container + .container {
    margin-top: 0;
    padding-top: 70px !important; }

  .keid-medical #slideshow-container {
    height: 533px !important; } }
/* Mobile Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  a {
    transition: none; }

  .me-panel {
    margin: 38px 0 !important; }

  .me-box-icon {
    margin-bottom: 38px !important; }
    .me-box-icon.last-box {
      margin-bottom: 0 !important; }

  .me-menu ul {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

  #me-header {
    height: auto;
    min-height: 108px; }

  .header-widget {
    display: none; }

  .social-header {
    float: left;
    border-left: none;
    margin: 0 16px 0 0;
    padding: 0 22px 0 0;
    border-right: 1px solid #c5c5c5; }

  .header-info-container {
    padding-top: 38px; }

  #me-header.header-style1 {
    padding-top: 0; }
    #me-header.header-style1 .header-box {
      padding-top: 0; }
    #me-header.header-style1 .logo-container {
      text-align: left;
      position: relative;
      margin-top: 0;
      padding-top: 20px; }
      #me-header.header-style1 .logo-container img {
        width: 210px;
        height: auto; }
    #me-header.header-style1 .header-info-container {
      padding-top: 0;
      margin-top: -40px;
      padding-bottom: 30px; }

  #me-header.header-style2 .logo-container {
    padding-top: 30px; }

  #me-header.header-style2 .header-info-container {
    padding-top: 36px; }

  #me-header.header-style3 .menu-trigger {
    margin-top: 11px; }

  #me-header.header-style2 + #slideshow-container {
    margin-top: 0 !important; }

  .logo-container {
    padding-top: 22px; }

  .menu-container {
    width: 100%;
    display: block;
    padding-top: 19px; }

  #menu {
    display: block;
    width: 100% !important; }

  .me-menu .mega-menu-title {
    padding-left: 0; }

  ul.mega-menu {
    background: transparent; }

  .mega-menu-list a {
    border-left: 0 !important; }

  #me-header + #slideshow-container {
    margin-top: 0; }

  .promo-logo-list {
    padding-bottom: 29px; }
    .promo-logo-list li {
      padding-bottom: 19px; }
    .promo-logo-list li:last-child {
      display: none; }

  .icon-home-promo {
    text-align: center; }

  .doddle-home1,
  .ipad-home1 {
    margin-top: 38px; }

  .iphone-home3 {
    margin-bottom: 38px; }

  .panel-home3 {
    margin-top: 38px;
    margin-bottom: 0 !important; }

  .parallax-home3-container {
    padding: 70px 0 !important; }

  .pricing-table.featured-pricing {
    margin-top: 20px; }

  .author-full {
    margin-bottom: 38px; }

  .cta-image-app {
    display: none; }

  #slideshow-container.slideshow-app-container {
    height: 270px !important; }

  .accordion {
    margin-bottom: 38px !important; }

  .page-title-header h1 {
    font-size: 40px; }

  .page-title-header .heading-title:after {
    top: 8px; }

  .inner-column-left {
    margin: 0 -19px; }

  .map-information {
    padding: 38px 0; }

  .keid-photography #slideshow-container {
    height: 228px !important; }

  #masonry-fullwidth .block-size,
  #masonry-fullwidth .grid-sizer {
    width: 100%; }
  #masonry-fullwidth .block-size.w2 {
    width: 100%; }
  #masonry-fullwidth .block-size .masonry-caption,
  #masonry-fullwidth .block-size.w2 .masonry-caption,
  #masonry-fullwidth .block-size.w2.h2 .masonry-caption,
  #masonry-fullwidth .block-size.h2 .masonry-caption {
    padding: 20px 30px; }
  #masonry-fullwidth .block-size a {
    display: block; }
  #masonry-fullwidth .large-show {
    display: block; }
  #masonry-fullwidth .masonry-list {
    text-align: center; }

  #masonry-photography {
    margin: 0 !important; }
    #masonry-photography .block-size {
      width: 100%;
      height: 280px; }
      #masonry-photography .block-size.w2 {
        width: 100%; }
        #masonry-photography .block-size.w2 img {
          height: auto;
          width: 100%; }
      #masonry-photography .block-size.h2 {
        height: 560px; }
      #masonry-photography .block-size img {
        height: auto;
        width: 100%; }

  .keid-app #me-header + #slideshow-container {
    margin-top: -145px; }
  .keid-app .menu-trigger {
    display: none; }
  .keid-app .social-header {
    padding-right: 0;
    border-right: none;
    margin: 0; }
    .keid-app .social-header a {
      color: #cfcfcc; }

  .slideshow-app-inner {
    margin-top: 180px; }

  #slideshow-container.slideshow-app-container,
  .keid-app .slideshow-app {
    height: 520px !important;
    min-height: 520px !important; }

  .cta-app-container .cta-button-app {
    text-align: center; }

  .app-image-preview,
  .cta-app-container .cta-button-app {
    text-align: center; }

  .app-logo-list {
    margin-bottom: 38px !important; }

  .button.button-app.button-border + .button {
    margin-left: 0; }

  .chief-image {
    text-align: center; }
    .chief-image img {
      right: 0; }

  .chief-restaurant-container {
    padding-bottom: 70px !important; }

  .pricing-table.pricing-style4 .cta-button {
    padding: 21px 0 23px;
    text-align: center; }

  .pricing-table.pricing-style2 .price {
    display: block; }

  .pricing-table.pricing-style4 .price {
    width: 100%;
    display: block;
    border-right: none;
    padding: 0; }

  .pricing-table.pricing-style4 .button {
    display: block; }

  .heading-tab-big span {
    font-size: 80px;
    top: 5px;
    text-align: center; }

  .heading-tab-big small {
    font-size: 50%; }

  .talking-list li {
    padding-bottom: 38px; }

  select {
    height: 39px;
    border: 1px solid #fff; }

  .input-group-select {
    width: 13%; }

  .me-tab-big .resp-tab-content {
    padding: 38px; }

  #me-header.header-style2 .info-button {
    display: none; }

  #me-header.header-style2 .menu-container {
    padding-top: 40px; }
  #me-header.header-style2 .me-menu a {
    color: #7b7b7b; }

  #me-header.header-style4 .header-box {
    margin-top: 0; }
  #me-header.header-style4 .language-flag {
    display: none; }
  #me-header.header-style4 .social-header a {
    color: #dadada; }

  .keid-restaurant .slideshow {
    height: 270px !important; }

  .keid-restaurant #slideshow-container + .container {
    padding-top: 40px !important; }

  .keid-hosting #slideshow-container + .container {
    margin-top: 0;
    padding-top: 40px !important; }

  .keid-hosting #slideshow-container .slideshow {
    height: 270px !important; }

  .keid-medical #slideshow-container + .container {
    margin-top: 0;
    padding-top: 0; }

  .medical-parallax .me-video {
    margin-bottom: 38px; }

  .medical-doctor-photo,
  .medical-department,
  .medical-appointment {
    margin-right: 0;
    margin-left: 0; }

  .medical-doctor-photo {
    text-align: center; }

  .keid-hotel #slideshow-container + .container {
    margin-top: 0;
    padding-top: 70px !important; }
  .keid-hotel .img-frame {
    margin-bottom: 38px; }

  .portfolio-spotlight {
    margin-top: -110px; } }
/* Mobile Portrait */
@media only screen and (min-width: 0px) and (max-width: 479px) {
  a {
    transition: none; }

  .me-panel {
    margin: 38px 0 !important; }

  .me-box-icon {
    margin-bottom: 38px !important; }
    .me-box-icon.last-box {
      margin-bottom: 0 !important; }

  .dl-horizontal dd {
    text-align: left; }

  #me-header {
    height: auto;
    min-height: 170px; }

  #me-header + #slideshow-container {
    margin-top: 0; }

  .keid-photography #slideshow-container {
    height: 128px !important; }

  #masonry-photography {
    margin: 0 !important; }
    #masonry-photography .block-size {
      width: 100%;
      height: 280px; }
      #masonry-photography .block-size.w2 {
        width: 100%; }
        #masonry-photography .block-size.w2 img {
          height: 100%;
          width: auto; }
      #masonry-photography .block-size.h2 {
        height: 510px; }
      #masonry-photography .block-size img {
        height: auto;
        width: 100%; }

  #masonry-fullwidth .block-size,
  #masonry-fullwidth .grid-sizer {
    width: 100%; }
  #masonry-fullwidth .block-size.w2 {
    width: 100%; }
  #masonry-fullwidth .block-size .masonry-caption,
  #masonry-fullwidth .block-size.w2 .masonry-caption,
  #masonry-fullwidth .block-size.w2.h2 .masonry-caption,
  #masonry-fullwidth .block-size.h2 .masonry-caption {
    padding: 20px 30px; }
  #masonry-fullwidth .block-size a {
    display: block; }
  #masonry-fullwidth .large-show {
    display: block; }
  #masonry-fullwidth .masonry-no-image i {
    font-size: 52px; }

  .portfolio-spotlight {
    margin-top: -60px; }

  .home-portfolio-container {
    height: auto; }

  .home-portfolio-container .portfolio-filter li {
    text-align: center;
    display: block; }

  #me-header.header-style1 {
    padding-top: 0; }
    #me-header.header-style1 .header-box {
      padding-top: 65px;
      padding-bottom: 16px; }
    #me-header.header-style1 .logo-container {
      position: relative; }
      #me-header.header-style1 .logo-container img {
        width: 240px;
        height: auto; }

  #me-header.header-style3 .header-upper-info {
    display: none; }
  #me-header.header-style3 .header-upper-container {
    padding-bottom: 18px; }
  #me-header.header-style3 .menu-trigger {
    margin-top: 11px; }

  .me-menu ul {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

  #me-header.header-style3 .header-under-container {
    background: #fff; }

  .social-header {
    float: left;
    border-left: none;
    margin: 0 16px 0 0;
    padding: 0 22px 0 0; }

  .menu-trigger {
    position: relative; }
    .menu-trigger:before {
      content: "";
      height: 36px;
      width: 1px;
      background: #c5c5c5;
      display: inline-block;
      position: absolute;
      left: -16px;
      top: 0; }

  .logo-container {
    padding-top: 0px !important;
    text-align: center;
    display: block; }

  .header-info-container {
    padding-top: 18px !important;
    display: block;
    width: 100%; }

  .menu-container {
    width: 100%;
    display: block;
    padding-top: 19px; }

  #menu {
    display: block;
    width: 100% !important; }

  .me-menu .mega-menu-title {
    padding-left: 0; }

  ul.mega-menu {
    background: transparent; }

  .mega-menu-list a {
    border-left: 0 !important; }

  .promo-logo-list {
    padding-bottom: 29px; }
    .promo-logo-list li {
      padding-bottom: 19px; }

  .icon-home-promo {
    text-align: center; }

  .doddle-home1,
  .ipad-home1 {
    margin-top: 38px; }

  .counter-container {
    margin: 20px 0 0; }

  .social-footer {
    font-size: 32px;
    margin: 0; }

  .footer-subscribe-container,
  .footer-title-list {
    margin-top: 19px; }

  .iphone-home3 {
    margin-bottom: 38px; }

  .panel-home3 {
    margin-top: 38px;
    margin-bottom: 0 !important; }

  .parallax-home3-container {
    padding: 70px 0 !important; }

  .pricing-table.featured-pricing {
    margin-top: 20px; }

  .author-full {
    margin-bottom: 38px; }

  .time-line-list li:after {
    display: none; }

  #me-page-header .me-breadcrumb {
    text-align: center; }

  .heading-title span {
    font-size: 18px; }

  .page-title-header h1 {
    font-size: 24px; }

  .page-title-header .heading-title:after {
    top: 28px; }

  .blog-info {
    display: none; }

  .blog-container {
    margin-left: 0;
    padding: 19px; }

  .post-info li {
    display: block;
    padding: 0;
    border: none; }

  .sharing-box .share-facebook {
    display: none; }

  .sharing-box {
    padding: 19px 6px; }

  .blog-author img {
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center;
    display: block;
    float: none; }

  .blog-author .author-description {
    display: block;
    text-align: center;
    width: 100%;
    margin-left: 0;
    clear: both; }

  .blog-author .author-description p {
    display: none; }

  .blog-comment-container ol {
    margin-top: 38px; }

  .avatar {
    position: relative;
    margin-bottom: -19px;
    left: -15px;
    top: -18px;
    width: 45px;
    height: 45px; }
    .avatar img {
      width: 45px;
      height: 45px; }

  .comment-text {
    margin-left: 0;
    padding: 38px 30px 18px; }

  .comment-text .reply {
    top: 0;
    right: 0; }

  .blog-comment-container ol li ol {
    margin: 0px 0px 38px 16px; }

  .form-blog-comment .label-required,
  .form-blog-comment input.form-control {
    width: 100%; }

  .form-blog-comment .label-required {
    margin: 10px 0 0; }

  .me-fb-likepage iframe {
    width: 100%; }

  .accordion {
    margin-bottom: 38px !important; }

  .portfolio-filter ul li {
    display: block; }
    .portfolio-filter ul li:after {
      display: none; }

  .blog-link a {
    font-size: 15px; }

  .pagination-container {
    text-align: center; }
    .pagination-container span {
      width: 100%;
      display: block;
      margin-bottom: 20px; }

  .inner-column-left {
    margin: 0 -19px; }

  .map-information {
    padding: 38px 0; }

  .contact-address dt {
    width: auto; }

  .footer-info-container {
    text-align: center; }

  .logo-footer-container {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px; }

  .button-app-demo .button + .button {
    margin-left: 0; }

  .cta-image-app {
    display: none; }

  .keid-app .menu-trigger {
    display: none; }
  .keid-app .social-header {
    margin: 0;
    padding-right: 0;
    display: block;
    width: 100%; }
  .keid-app .header-info-container {
    text-align: center; }
  .keid-app .cta-app-container {
    height: auto;
    text-align: center; }

  .slideshow-app-inner {
    margin-top: 60px;
    text-align: center; }
    .slideshow-app-inner .sub-text-slide,
    .slideshow-app-inner .caption-text-slide {
      margin-left: 0;
      margin-right: 0; }

  #slideshow-container.slideshow-app-container,
  .keid-app .slideshow-app {
    min-height: 560px !important;
    height: 560px !important; }

  .app-logo-list {
    margin-bottom: 38px !important; }

  .button.button-app.button-border + .button {
    margin-left: 0; }

  .chief-image {
    text-align: center; }
    .chief-image img {
      right: 0; }

  .chief-restaurant-container {
    padding-bottom: 70px !important; }

  .menu-list .description-menu p {
    display: none; }

  .menu-list .heading-title h2 {
    margin-bottom: 0; }
  .menu-list .heading-title:after {
    display: none; }

  .menu-list-circle li {
    border-right: none; }

  .restaurant-reservation-form fieldset {
    padding: 36px 18px 52px; }

  .pricing-table.pricing-style4 .cta-button {
    padding: 21px 0 23px;
    text-align: center; }

  .pricing-table.pricing-style4 .price {
    width: 100%;
    display: block;
    border-right: none;
    padding: 0; }

  .pricing-table.pricing-style4 .button {
    display: block; }

  .heading-tab-big span {
    font-size: 80px;
    top: 5px;
    text-align: center;
    display: block; }

  .heading-tab-big small {
    font-size: 50%;
    display: block;
    margin: 0; }

  .me-tab-big .resp-tab-content {
    padding: 38px; }

  .talking-list li {
    padding-bottom: 38px; }

  select {
    height: 39px;
    border: 1px solid #fff; }

  .input-group-select {
    width: 30%; }

  #me-header.header-style2 .info-button {
    display: none; }

  #me-header.header-style2 .menu-container {
    padding-top: 20px; }
  #me-header.header-style2 .me-menu a {
    color: #7b7b7b; }

  .keid-hosting #slideshow-container + .container {
    margin-top: 0;
    padding-top: 40px !important; }

  .keid-hosting #slideshow-container .slideshow {
    height: 160px !important; }

  .keid-medical #slideshow-container + .container {
    margin-top: 0;
    padding-top: 0; }

  .medical-parallax .me-video {
    margin-bottom: 38px; }

  .medical-doctor-photo,
  .medical-department,
  .medical-appointment {
    margin-right: 0;
    margin-left: 0; }

  .medical-doctor-photo {
    text-align: center; }

  .medical-facilities .img-facilities {
    display: block;
    width: 100%; }

  .medical-facilities {
    text-align: center; }
    .medical-facilities .container-facilities {
      margin-left: 0;
      display: block;
      float: left;
      margin-top: 19px; }

  .keid-hotel #slideshow-container + .container {
    margin-top: 0;
    padding-top: 40px !important; }
  .keid-hotel .img-frame {
    margin-bottom: 38px; }

  .hotel-room .room-facilities {
    display: block;
    -webkit-border-radius: 0;
    border-radius: 0; }

  #me-header.header-style2 + #slideshow-container {
    margin-top: 0; }

  #me-header.header-style2 {
    height: 145px;
    min-height: 145px; }

  #me-header.header-style4 .header-box {
    margin-top: 0;
    border-bottom: none; }
  #me-header.header-style4 .header-upper-info,
  #me-header.header-style4 .language-flag {
    display: none; }
  #me-header.header-style4 .social-header a {
    color: #dadada; }
  #me-header.header-style4 .social-header {
    border: none;
    padding: 0; }
  #me-header.header-style4 .header-widget {
    display: none; }
  #me-header.header-style4 .logo-container {
    padding-top: 21px;
    padding-bottom: 25px; } }
