/* styles for desktop */
#nav {}
.tinynav { display: none }


@media screen and (max-width:1209px)
{
    .image-block .halfcol .caption .line1 {font-size:120px;line-height: 100px;}
    .image-block .halfcol .caption .line2 {font-size:21px;line-height: 21px;margin-left:7px}
    .sf-menu li{margin-left: 1px;margin-right:1px;}
}
@media screen and (max-width:1009px)
{
    .image-block .halfcol .caption .line1 {font-size:90px;line-height: 70px;}
    .image-block .halfcol .caption .line2 {font-size:18px;line-height: 18px;margin-left:6px}

    ul.whyus {margin:0 30px}
    ul.whyus li {float:left;width:32%;margin-right:2%;font-size: 0}
    ul.whyus li .num, ul.whyus li .details {display:inline-block;vertical-align: top;height:220px}
    ul.whyus li .num {width:22%;}
    ul.whyus li .details {width: 78%;}
    ul.whyus li .num .inner {text-align: center;padding-top:10px}
    ul.whyus li .details .inner {padding:30px 25px;}
    ul.whyus li .details .title {font-size: 26px;line-height: 28px;margin-bottom:10px;}


    nav {top:190px;right:auto;left:0}
    .smaller nav {top:0px;right:0;left:auto}
    .subpage nav {top:180px}
    .subpage #logo {top:70px}
    .sf-menu li:first-child {margin-left: 0}
    .sf-menu li a, .sf-menu li a:visited
    {
       padding: 10px 5px;
    }

    .headerbar .tel {font-size:16px;padding-top:8px}
    .headerbar .sidelinks {display:none}
}
@media screen and (max-width:767px)
{
    ul.szallas li .name .title {font-size: 26px}
    ul.szallas li {float:left; width:100%;margin-right: 0%;margin-bottom: 2%}
    ul.szallas li:nth-child(3n) {margin-right: 0}
    ul.szallas li:nth-child(3n+1) {clear: both}

    .subpage #logo {top:5px;left:5px}
    .slides-container .containers h2 {font-size: 40px}
    #headerslides .title {font-size: 30px;line-height:32px;padding:10px 20px}
    .headerbar .container-fluid {padding:0 10px}
    .reserve {position: absolute;top:42px;left:120px;border-left: 1px solid #fff;padding-left:0px;margin:0}
    .headerbar .reserve span {
        background: none;
        color: white;
        cursor: pointer;
        display: block;
        font-size: 20px;
        margin: 0;
        padding: 3px 10px;font-weight: bold;
        transition: all 0.5s ease 0s;text-transform: uppercase;
    }
    nav div {display: none}
    nav .mobilmenu {display:block;margin:8px 8px 0;float:right}

    .gallery-wide-container {width:100%;text-align: left}
    .headerbar {position: relative;left:auto;top:auto;}
    #header, .smaller #header {position: static;left:auto;top:auto;background: rgba(51,202,134,0.95);z-index: 1999;height:50px;}
    .smaller #logo, .smaller.subpage #logo, .subpage #logo,#logo {top: 5px;left:10px;z-index: 1900}
    .smaller #logo img, #logo img {height:40px}
    .smaller nav, .smaller.subpage nav,.subpage nav, nav {top: 5px;right:10px}

    #header .container-fluid, #header .container-fluid .row {padding:0}
    .image-block .aloha-image {position: relative}
    .image-block .halfcol {width:100%;height:auto;overflow:hidden;display:block;vertical-align: middle}
    .image-block .halfcol.img {padding-top:200px}
    .image-block .halfcol.text {position: absolute;top:0;left:0;z-index:1000}
    .image-block .halfcol .caption .line1 {font-size:90px;line-height: 70px;}
    .image-block .halfcol .caption .line2 {font-size:18px;line-height: 18px;margin-left:6px}
    .image-block .halfcol .caption {padding:10% 10% 15% 10%;text-transform: uppercase}

    ul.whyus {margin:0 0px}
    ul.whyus li {float:none;width:100%;margin-right:0;font-size: 0;margin-bottom:1px}
    ul.whyus li .num, ul.whyus li .details {display:inline-block;vertical-align: top;height:220px}
    ul.whyus li .num {width:22%;}
    ul.whyus li .details {width: 77%;}
    ul.whyus li .num .inner {text-align: center;padding-top:10px}
    ul.whyus li .details .inner {padding:30px 25px;}
    ul.whyus li .details .title {font-size: 26px;line-height: 28px;margin-bottom:10px;}
    ul.whyus li:nth-child(3n) {margin-right: 0}
    ul.whyus li:nth-child(3n+1) {clear: none}

    .booking-fields ul li {display:block;margin-right: 0}
    .booking-fields ul li.inp.title::after {display:none}
    .booking-fields .date, .booking-fields .num {margin-right: 0}

  .tinynav { display: block;margin:0px auto 0px auto}
  #nav .menu { display: none }
  #page-wrap {
    margin: 0px auto;
    padding: 0px;
  }

  .article-list {margin-right:0px;width:100%}
  
  .collection-type-blog.layout-style-left #sidebar {
    position: relative;top:auto;right:auto;left:auto;bottom:auto;
    width:100%;
  }

  .copy {text-align: center}
  .flogo, .terms {text-align: center}
  
  .tagscloud div {float:left; margin-right:30px}
  
  .footer-menu .one-col {width: 150px}
  .one-col.footerlogo {float:none; clear:both;}

  .footer-menu [class*=col-] {margin-bottom:40px}
  
  /*.footer-categories .one-col {width:50%}
  .one-col.half:atfer {content:""; clear:both}*/

    .headerbar .tel {font-size: 12px;padding-top:8px}
    .headerbar .mail {padding-top:6px}
    .headerbar a {font-size: 12px;}
}
@media screen and (max-width:479px)
{
  .headerbar .tel, .headerbar .mail {display:none}
  .footer-menu .one-col {width: 100%;float:none;clear:both;text-align: center;}
  .one-col.footerlogo {width: 100%;float:none; clear:both;text-align: center;}
  .footer-categories {text-align: center;}
  .footer-categories .one-col {width: 100%;}
  .footer-categories .name-level-0, .footer-menu .name-level-0 {padding-right: 0px;text-align: center;}
  .footer-categories .name-level-1, .footer-menu .name-level-1 {padding-right: 0px;text-align: center;}
  .flogo {float:none;margin:30px 0px 0px 0px;border:0px solid #b60000}
  nav .category-menus {display:none}
  nav .menu {display:none}
}

@media screen and (max-width: 700px){
  
 /* ------------- sqs-grid-breaker.less ----------------- */
  .sqs-layout .sqs-block {
    clear: none;
  }
  .sqs-layout .column {
    float: none !important;
    width: auto !important;
  }
  .sqs-layout .spacer-block {
    display: none;
  }
  .sqs-layout .sqs-row .sqs-block:first-child {
    padding-top: 17px !important;
  }
  .sqs-layout .sqs-row .sqs-block:last-child {
    padding-bottom: 17px !important;
  }
  .sqs-layout .sqs-row + .sqs-row,
  .sqs-layout .sqs-row + .sqs-block {
    margin-top: 0 !important;
  }
  .sqs-gallery-design-grid-slide {
    width: 50% !important;
    margin: 0 0 10px 0 !important;
  }
  .footer-wrapper {
    padding: 20px;
  }
  .content-inner,
  .title-nav-wrapper {
    padding: 20px !important;
  }
  .collection-type-gallery .sqs-system-gallery .simple {
    padding-left: 20px;
    padding-right: 20px;
  }
  .collection-type-gallery .sqs-system-gallery .slide-meta {
    padding: 20px 0;
  }
  .collection-type-gallery .sqs-system-gallery .slide-meta .title,
  .collection-type-gallery .sqs-system-gallery .slide-meta .clickthrough {
    padding: 0 20px;
  }
  .collection-type-gallery .sqs-system-gallery .slide-meta .description {
    padding: 0 20px;
  }
  .title-desc-inner {
    padding: 40px 20px 20px !important;
    max-width: 660px !important;
  }
  .title--description-position-over-image .title-desc-wrapper:not(.has-main-image) .title-desc-inner {
    padding: 20px !important;
  }
  .title--description-position-over-image .title-desc-wrapper.has-main-image .title-desc-inner {
    padding-top: 20px !important;
  }
  .collection-type-index.title--description-position-over-image .title-desc-wrapper.has-main-image .title-desc-inner {
    padding-bottom: 125px !important;
  }
  .collection-type-index.title--description-position-over-image .title-desc-wrapper:not(.has-main-image) {
    padding: 0;
  }
  .collection-type-index.title--description-position-over-image .title-desc-wrapper.has-main-image {
    padding: 0;
  }
  .collection-type-index .title-desc-wrapper:not(.over-image) .title-desc-inner {
    padding: 20px 0 40px !important;
    margin-bottom: 0;
  } 
  
}
@media only screen and (max-width: 900px) { 

}

/*@media only screen and (max-width: 580px) { 
}

@media only screen and (max-width: 580px) { }

@media all and (max-width: 1366px) and (max-height: 768px) {}
 
@media all and (max-height: 675px) { }*/