/*  R E S P O N S I V E   */


@media screen and (min-width: 968px){

body{   font: 16px/1.45 Roboto, sans-serif;
          font-weight: 300;
    }
.reservation{
  display: flex;
}    
.header{
    position: absolute;
    display: flex;
    height:200px;
    background: none;
    background-image:  linear-gradient(
        hsl(0, 0%, 0%) 0%,
        hsla(0, 0%, 0%, 0.738) 19%,
        hsla(0, 0%, 0%, 0.541) 34%,
        hsla(0, 0%, 0%, 0.382) 47%,
        hsla(0, 0%, 0%, 0.278) 56.5%,
        hsla(0, 0%, 0%, 0.194) 65%,
        hsla(0, 0%, 0%, 0.126) 73%,
        hsla(0, 0%, 0%, 0.075) 80.2%,
        hsla(0, 0%, 0%, 0.042) 86.1%,
        hsla(0, 0%, 0%, 0.021) 91%,
        hsla(0, 0%, 0%, 0.008) 95.2%,
        hsla(0, 0%, 0%, 0.002) 98.2%,
        hsla(0, 0%, 0%, 0) 100%
      );    
 } 

.social, .lang, .cart {
    display: flex;
    
}




.logo{
  width: auto;
  margin-right: auto;
     }

/**/
.navbar-toggler{
  display: none;
              }         
.nav{
    display: flex;
    background: none;
    position: absolute;
    left: 0;
    right: 0;
    padding-right: 10px;     
    } 
         

.nav a.current-link{
      color: #F58220;
   }   
   
.nav ul{
  opacity: 0;
  z-index: 0;

  transition: all .5s ease 0.1s;
  -webkit-transition: all .5s ease 0.1s;
 

  position: absolute;
  left: 0;
  right: 0;
  list-style: none ;
  justify-content: center;
  width: 100%;
  border-top: 1px solid rgba(255,255,255, 0.3) ;
  font-weight: 300;
  padding-bottom: 150px;
  
  display: none;
  }   
       
.nav ul.current-link-submenu{
  display: flex;
  
  opacity: 1;
  z-index: 999;
}      
    
/**/

.intro{
    height: calc(100vw * .39);
       }
.intro--caption{
  position: absolute;
  left: 50%;
  bottom:0;
  max-width: 800px;  /*contanier 1600px*/
  min-height: auto;
}       

.owl-item img {
    height: calc(100vw * .39);
} 

.intro .owl-dots{
    /* left: calc((100vw - 1600px)/2); */
    right: 50%;
    bottom: 70px;
}
      
 


/**/
.blok-nabizime{
  display: flex; 
  flex-direction: row; 
  /* padding: 5vw  0 10vw 0;  */
  padding: 4vmax 0vmax 6vmax 4vmax
 }  
      
.blok-nabizime .sloupec2{
   flex: 1 70% ; 
}    
.blok-nabizime .desc{
    position: absolute;
    width: 80%;
    background: #f0f0f0;
    padding: 3rem 3rem 1rem 3rem;;
}
.blok-nabizime .navi{
  position: absolute;
    display: flex;
                    }
/**/

.hp-articles{
  text-align: left;
            }

.hp-articles h2{
  text-align: left;
            } 

.hp-articles .thumbnail{
  float: right;
  margin-right: 1em;
  margin-top: 0;  
            }  
.hp-articles .owl-dots{
  justify-content: start;
            }            
             


/**/                    
.events{
  flex-direction: row; 
  /* padding: 1vw  0 1vw 0; */
  padding: 2vmax 3vmax ;
 }
.events .event{
  /*flex: 1 260px;  */
  border-right: 1px solid #ccc ;
  border-top: 1px solid #ccc ;
  padding: 2vmax  1vmax ;
  margin: 1vmax;
  text-align: left;
  
      } 
    
                           
/**/
     
       
/**/             
.reservation{
    top: 35vh;
    bottom: auto;
             }    
         
/**/         
.flexbox:nth-of-type(odd) .flexbox--item:first-of-type {
  order: 2;
} 
.room-list.flexbox:nth-of-type(odd) .flexbox--item:first-of-type {
  order: 0;
} 

.room-list .room-item .room-img {
    width: 460px;
    max-width: 100%;
}


.flexbox--item{
 flex: 1 50%;
} 
.box{
  /*padding: 2vmax 5vmax 2vmax 5vmax ;*/
  padding: 3vmax 4vmax 3vmax 4vmax ;
    }


.three_cols {
  padding: 0 2vmax ;
}
.three_cols .flexbox--item{
  flex: 1 33%;
}
.three_cols .flexbox--item .box{
  padding: 3vmax 2vmax 3vmax 2vmax;
}

.three_cols h1:before, .three_cols h2:before {
    display: none;
    content: "";
    height: 1px;
    width: 50px;
    margin: 20px 0;
    background: #f58220;
}


input[type=text], input[type=email], input[type=number], select, textarea{
      min-width: 380px;
    }


.full-link .title{
  font-size: 4rem;
                 }

input[type=text], input[type=email], input[type=number], select, textarea{
  min-width: 300px;
     }
#frm-newsletter-form input[name=Email]{
  min-width: 300px;
}                 
    
    
#frm-formular-2-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
                     }
#frm-formular-2-form .form-group{
  min-width: 35%;
                     } 
#frm-formular-2-form .form-group:nth-of-type(5),
#frm-formular-2-form .form-group:nth-of-type(8),
#frm-formular-2-form .form-group:nth-of-type(9),
#frm-formular-2-form .form-group:nth-of-type(10)
{
  min-width: 70%;
                     }        
    
                 
input[type=text], input[type=email], input[type=number], select, textarea{
      min-width: 380px;
    }
 
 
.m-only{
  display: none;
       } 
                 
}














/*                                                                                      */

@media screen and (min-width: 1100px){


.nav a {
  padding: 1.5em 1.15em ;
}
.social a, .lang a{
    padding: 1.5em  0.35em ;
}


.cart a {
    padding: 1.5em ;
    color: #f58220;
}


}



/**/




@media screen and (min-width: 1400px){

body{   font: 18px/1.45 Roboto, sans-serif;
          font-weight: 300;
    }
.logo{
  max-width: 300px;
  }    

.nav a {
  padding: 1.5em 1.15em ;
  }    
.lang a{
    padding: 1.5em  0.5em ;
}
   

p.lead{
  font-size: 1.2em;
  /*font-weight: 400;*/
     }
      
    
}
    
    
/**/



@media screen and (min-width: 1600px){

.nav a {
  padding: 1.5em 1.5em ;
  } 

.intro .owl-dots {
    left: calc((100vw - 1600px)/2);
}

/* */

.reservation--button{
    padding: 1em;
                     }

}