@media screen and (max-width: 1220px)
{
    .wrapper
    {
        width: 100%;
        padding: 0 10px;
    }

    .wrapper.padding0
    {
        width: 100%;
        padding: 0 10px;
    }

}

@media screen and (max-width: 1120px)
{

}

@media screen and (max-width: 1010px)
{

}

@media screen and (max-width: 991px)
{
    #sys_btn_toogle_menu, #support, #location {
        display: block;
        margin-top: 0;
    }

    #language, .headerMenu, .contactDescription, ul.headerSocial, ul.headerSocial2, #owl-slider .owl-pagination, .footer h2 {
        display: none;
    }

    .header {
        padding-bottom: 0;
    }

    .topLogoContainer {
        padding: 10px 0;
    }

    .topLogoContainer h1.logo {
        width: 315px;
    }

    .homeDegress {
        top: 70px;
    }

    .main {
        padding-top: 82px;
    }

    .main.mpMenuActive {
          padding-top: 0;
          position: static;
    }

    .content_inner_page {
        top: 0;
    }
    
    a.onlineRezervation 
    {
        margin: 18px 0 0;
        }

    ul.gallery li {
        width: 33.333%;
    }
}

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

@media screen and (max-width: 767px)
{
    body {
        overflow-y: auto;
        position: static;
    }    

    .homeDegress, .tripadvisorWidget, .ButtonContainer, .jspVerticalBar {
        display: none;
    }

    .detailContentContainer .coverPhoto {
        max-height: 175px;
    }

    .main {
        padding-top: 0;
        position: static;
    }

    .content_inner_page, .content_inner_page.smallContent {
        width: 100%;
        float: left;
        position: static;
    }

    .titleContainer, .detailContentContainer {
        padding-left: 0;
        padding-right: 0;
    }

    .scroll-pane {
        width: 100%!important;
        height: 100%!important;
        float: left;
        overflow: hidden;
        background-color: transparent;
    }

    .jspContainer {
        width: 100%!important;
        height: 100%!important;
        float: left;
    }

    .jspPane {
        width: 100%!important;
        float: left;
        top: 0!important;
        position: static;
    }

    ul.gallery li {
        width: 50%;
    }

    ul.gallery li a .lucky-bg {
       filter: Alpha(Opacity=20);
       opacity: .2; 
    } 

    #map {
        height: 270px!important;
    }

}

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

@media screen and (max-width: 540px)
{
  .topLogoContainer h1.logo {
    width: 200px;
  }

  ul.gridList li, ul.gallery li {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .galleryList {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 480px)
{
   ul.subMenu li a {
    padding-left: 7px;
    font-size: 14px;
  }

  ul.gallery li a img {
    height: 210px;
  }

  ul.gallery li a .lucky-bg {
    height: 210px;
    margin-top: -210px;
  }

}

@media screen and (max-width: 400px)
{
    .topLogoContainer .container-fluid {
        padding-left: 10px;
        padding-right: 10px;
    }

    form.rezervation .input-field.mLeft, form.contact .input-field.mLeft,
    form.rezervation .input-field.mRight, form.contact .input-field.mRight,
    form.rezervation .input-field.column-3.column-xxs, form.contact .input-field.column-3.column-xxs
     {
        width: 100%;
        margin-left: 0;
        margin-right: 0;  
    }

    form.rezervation .input-field.column-3, form.contact .input-field.column-3 {
       width: 49%; 
    }
}

@media screen and (max-width: 380px)
{
  .topLogoContainer h1.logo {
        width: 130px;
    }  

  .topLogoContainer h1.logo a img {
        background-image: url(../../img/mobilLogo.png);
    }
}