/*--------------------------------------------------------------------- File Name: responsive.css ---------------------------------------------------------------------*/


/*------------------------------------------------------------------- 991px x 768px ---------------------------------------------------------------------*/

@media (min-width: 1200px) and (max-width: 1612px) {
	
	.navigation.navbar-dark .navbar-nav .nav-link {
		 margin: 0 10px;
		 font-size: 14px;
	}
	
}

@media (min-width: 1200px) and (max-width: 1342px) {
	.mod-languages img{
		width:24px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

    .carousel-indicators {
        bottom: 17px;
    }
    .about_img {
        margin-right: 0px;
    }
	.navigation.navbar-dark .navbar-nav .nav-link {
		 margin: 0 8px;
		 font-size: 12px;
	}
	.mod-languages img{
		width:24px;
	}
	.logo {
		padding:10px 0 0 30px;
	}
}
@media (max-width: 1199px) {
	.book_room h1 {
	     font-size: 28px;
		line-height: 30px;
		padding-bottom: 10px;
	}
	.standard .denni-menu ,
	.standard .stale-menu ,
	.standard .napojove-menu {
		margin-top: 10px;
		
	}
}
@media (max-width: 991px) {
	.row {
	  margin: 0px !important;
	  padding: 0 !important;
	  
	 /* margin-left: -15px;*/
	}
	.container {
	  margin: 0px !important;
		padding: 0 !important;
	 /* margin-left: -15px;*/
	}
		
	/* Přepis všech sloupců uvnitř řádku, který je uvnitř dalšího řádku */
	.row .row .col,
	.row .row .col-1, .row .row .col-2, .row .row .col-3, .row .row .col-4, .row .row .col-5,
	.row .row .col-6, .row .row .col-7, .row .row .col-8, .row .row .col-9,
	.row .row .col-10, .row .row .col-11, .row .row .col-12, .row .row .col-auto,

	.row .row .col-sm, .row .row .col-sm-1, .row .row .col-sm-2, .row .row .col-sm-3, .row .row .col-sm-4,
	.row .row .col-sm-5, .row .row .col-sm-6, .row .row .col-sm-7, .row .row .col-sm-8, .row .row .col-sm-9,
	.row .row .col-sm-10, .row .row .col-sm-11, .row .row .col-sm-12, .row .row .col-sm-auto,

	.row .row .col-md, .row .row .col-md-1, .row .row .col-md-2, .row .row .col-md-3, .row .row .col-md-4,
	.row .row .col-md-5, .row .row .col-md-6, .row .row .col-md-7, .row .row .col-md-8, .row .row .col-md-9,
	.row .row .col-md-10, .row .row .col-md-11, .row .row .col-md-12, .row .row .col-md-auto,

	.row .row .col-lg, .row .row .col-lg-1, .row .row .col-lg-2, .row .row .col-lg-3, .row .row .col-lg-4,
	.row .row .col-lg-5, .row .row .col-lg-6, .row .row .col-lg-7, .row .row .col-lg-8, .row .row .col-lg-9,
	.row .row .col-lg-10, .row .row .col-lg-11, .row .row .col-lg-12, .row .row .col-lg-auto,

	.row .row .col-xl, .row .row .col-xl-1, .row .row .col-xl-2, .row .row .col-xl-3, .row .row .col-xl-4,
	.row .row .col-xl-5, .row .row .col-xl-6, .row .row .col-xl-7, .row .row .col-xl-8, .row .row .col-xl-9,
	.row .row .col-xl-10, .row .row .col-xl-11, .row .row .col-xl-12, .row .row .col-xl-auto {

		padding-right: 0px !important;
		padding-left:  0px !important;
	}

	
	.standard {
		padding: 30px 0 30px 0;
		margin-top: 0px;
	}


	.standard.white{
		padding: 30px 0 30px 0;
		margin-top: 0px;
	}
	.standard.hotel p,
	.standard.hostel p,
	.standard.vylety  p,
	.standard.restaurace p,
	.standard.rezervace p,
	.standard.pronajem p,
	.standard.kontakty p,
	.standard.foto p{

		font-size:14px;
	}
	.standard.hostel .titlepage h2,
	.standard.foto .titlepage h2,
	.standard.hotel .titlepage h2,
	.standard.kontakty .titlepage h2,
	.standard.pronajem .titlepage h2,
	.standard.rezervace .titlepage h2,
	.standard.restaurace .titlepage h2,
	.standard.vylety .titlepage h2 {
		font-size: 30px;
		line-height:35px;
	}
	.standard h2 .fa {
		width: 35px;
		font-size: 30px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.navigation.navbar-dark .navbar-nav .nav-link {
		 margin: 0 6px;
		 font-size: 10px;
	}
	.mod-languages img{
		width:24px;
	}
	.logo {
		padding:10px 0 0 20px;
	}
	
	
    .carousel-item img {
     
    }

    .carousel-indicators {
        bottom: 27px;
    }
    .about_img {
        margin-right: 0px;
    }
    .book_btn {
        padding: 5px 0;
    }
}
@media (max-width: 767px) {
	.standard.hotel p,
	.standard.hostel p,
	.standard.vylety  p,
	.standard.restaurace p,
	.standard.rezervace p,
	.standard.pronajem p,
	.standard.kontakty p,
	.standard.foto p{
		font-size:16px;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	
	.logo {
		padding:5px 0 0 20px;
	}
	.logo img {
		width:150px;
	}
    .header {
        height: 76px;
    }
	.mod-languages{
		margin: 10px 0 0 0 !important;
	}
	.mod-languages a:hover img{
		-webkit-filter: drop-shadow(0px 0px 2px #FFF);
		filter: drop-shadow(0px 0px 2px #FFF);
	}
	.mod-languages a img.activelng{
		-webkit-filter: drop-shadow(0px 0px 5px #FFF);
		filter: drop-shadow(0px 0px 5px #FFF);
	}
    .carousel-item img {
     /*   min-height: 570px;*/
    }
    .carousel-indicators {
        bottom: 27px;
    }
    .about .titlepage {
        max-width: inherit;
    }
    .about_img {
        margin-right: 0px;
        margin-top: 30px;
    }
    .main_form .send_btn {
        margin-bottom: 30px;
    }
    ul.link_menu {
        margin-bottom: 20px;
    }

	
    .navigation.navbar {
        float: right;
        display: inherit !important;
        padding: 0;
        width: 100%;
        padding-top: 5px !important;
    }
    .navigation .navbar-collapse {
        background: #0f1521;
        padding: 20px;
        margin-top: 56px;
		
        position: absolute;
		right:-20px;
        width: 100%;
        margin-right: 0px;
        z-index: 999;
    }
	.navigation.navbar-dark .navbar-nav .nav-link {
		padding: 7px 0px 27px 0px;
		margin: 0 0px;
		color: #010101;
		font-size: 16px;
		line-height: 20px;
		font-weight: 500;
		border-bottom: #fff solid 1px;
	}
	.navigation.navbar-dark .navbar-nav .active > .nav-link, .navigation.navbar-dark .navbar-nav .nav-link.active, .navigation.navbar-dark .navbar-nav .nav-link.show, .navigation.navbar-dark .navbar-nav .show > .nav-link {
		border-bottom: 1px solid var(--menu-barva);
	}
	.navigation.navbar-dark .navbar-nav .nav-link:focus, .navigation.navbar-dark .navbar-nav .nav-link:hover {
		border-bottom: 1px solid var(--menu-barva);
	}
    .navigation.navbar-dark .navbar-nav .nav-link {
        padding: 2px 0;
        color: #fff;
    }
    .navigation.navbar-dark .navbar-toggler {
        border: inherit;
        float: right;
        padding-top: 9px;
    }
    .navigation.navbar-dark .navbar-toggler-icon {
        background: url(../images/menu_icon.png);
        background-repeat: no-repeat;
    }
    .d_none {
        display: none;
    }
}

@media (max-width: 575px) {
    .logo {
		padding:5px 0 0 20px;
	}
	.logo img {
		width:150px;
	}
    .header {
        height: 76px;
    }
    .carousel-item img {
       /*min-height: 570px;*/
    }

	.mod-languages img{
		
		margin: 10px 0 0 0 !important;
	}
	.mod-languages a:hover img{
		-webkit-filter: drop-shadow(0px 0px 2px #FFF);
		filter: drop-shadow(0px 0px 2px #FFF);
	}
	.mod-languages a img.activelng{
		-webkit-filter: drop-shadow(0px 0px 5px #FFF);
		filter: drop-shadow(0px 0px 5px #FFF);
	}
    .book_room h1 {
        font-size: 20px;
        line-height: 25px;
        padding-bottom: 15px;
    }
    .book_now .online_book {
        margin-bottom: 20px;
    }
    .book_btn {
        padding: 5px 0;
    }
    .about .titlepage {
        max-width: inherit;
    }
    .about_img {
        margin-right: 0px;
        margin-top: 30px;
    }
    .main_form .send_btn {
        margin-bottom: 30px;
    }
    ul.link_menu {
        margin-bottom: 20px;
    }
    .navigation.navbar {
        float: right;
        display: inherit !important;
        padding: 0;
        width: 100%;
    }
    .navigation .navbar-collapse {
        background: #0f1521;
        padding: 20px;
		margin-top: -10px;
        position: absolute;
		right: -20px;
        width: 100%;
        margin-right: 0px;
        z-index: 999;
    }

	.navigation.navbar-dark .navbar-nav .nav-link {
		padding: 5px 0px;
		margin: 0 0px;
		color: white;
		font-size: 16px;
		line-height: 20px;
		font-weight: 500;
		border-bottom: #fff solid 1px;
	}
	
    .navigation.navbar-dark .navbar-toggler {
        float: right;
        border: inherit;
        margin-top: -61px;
    }
    .testimonial_box {
        padding: 0px 19px 40px 20px;
    }
    .navigation.navbar-dark .navbar-toggler-icon {
        background: url(../images/menu_icon.png);
        background-repeat: no-repeat;
    }
		.navigation.navbar-dark .navbar-nav .active > .nav-link, .navigation.navbar-dark .navbar-nav .nav-link.active, .navigation.navbar-dark .navbar-nav .nav-link.show, .navigation.navbar-dark .navbar-nav .show > .nav-link {
		border-bottom: 1px solid var(--menu-barva);
	}
	.navigation.navbar-dark .navbar-nav .nav-link:focus, .navigation.navbar-dark .navbar-nav .nav-link:hover {
		border-bottom: 1px solid var(--menu-barva);
	}
    .d_none {
        display: none;
    }
	.odskokres {
		padding-top:25px;
	}
	.butto_res {
		font-size: 14px;
		padding: 4px 4px;
		border-radius: 15px;
	}
	.carousel-indicators {
		right: inherit;
		bottom: 10px;
		margin-left: calc(50% - 40px);
	}

}