/* mobile width till 1490px ----------------------------------- */

@media (max-width: 1490px) {
	.bannertext h2 {font-size:40px;}
	.bannertext {left: 10%;}
}
/* mobile width till 1024px ----------------------------------- */
@media (max-width: 1024px) {
.navbar-brand {width: 280px;    height: 80px;}
.nexttooffer a p {
    font-size: 29px;
}
.book img { top: -47px;}
.about_me li {margin-right: 80px;}
}
/* mobile width from 768px till 1024px --------------------- */

@media only screen and (min-width: 768px) and (max-width: 1024px) { 
.bannertext {
    max-width:56%;
	left:6%;
	top:30%; 	
}
}
/* mobile width from 768px till 1023px --------------------- */

@media only screen and (min-width: 768px) and (max-width: 1023px) { 
.navbar-brand {
	background:url(../images/logo.png) no-repeat left 40px bottom;
	background-size:160px auto;
}
.navbar-default .navbar-nav>li>a {font-size: 12px;}
.bannertext {
    max-width:56%;
	left:4%;
	top:30%; 	
}
.bannertext h2{font-size:30px;}
header .col-sm-12 strong {font-size: 10px;}
.navbar-brand > strong {font-size:20px !important;}
.book img {
    top: -27px;
    max-width: 76%;
}
.book_text h3 {font-size: 18px;}
.odesilani .col-sm-1:first-child {display: none;}
.text3 .col-sm-5 {width:50%;}
.video {
    background-color: #27bcbd;
    min-height:280px;
}
.nav>li>a {padding: 10px;}
.buttab {
    float:none;
	display:block;
	width:auto;
}
.modra .col-sm-6 {width:100%;}
.cena {
	display:block;
	border:none;
	padding-left:0;
	margin:10px 0 0 0;
}
}
/* mobile width till 767px ----------------------------------- */
@media (max-width: 767px){
header {
    position:relative;
    margin-top:0;
	background:#b9b9b9;
}
.navbar-brand>img {
    display: inline-block;
	width:230px;
	margin-top:5px;
}
.navbar-brand {
    padding: 15px 0 45px 0;
    background: url(../images/logo.png) no-repeat left 0px bottom;
    background-size: 158px auto;
    height: 62px;
}
.navbar-brand > strong {font-size:22px !important;}
.navbar-header {top:0;}
.navbar-toggle {
    margin:10px 5px 0 0;
    border:1px solid #fff !important;
    border-radius:0;
}
.navbar-default .navbar-toggle .icon-bar {background-color:#fff;}
.navbar-collapse {
	border:none;
	text-align:right;
	box-shadow:none;
}
.writeAboutUs .owl-carousel .owl-item img {margin-bottom: 40px;}
.nexttooffer a {margin-bottom: 20px;}
       .input-semicircle-menu,
    .input-semicircle-submenu {
        left: 50%;
    }
.nav>li>a {padding:10px 5px;}
.navbar-nav>li:hover {border-radius:0px;}
#home-slider .col-sm-6.col-xs-6 {
	    position: relative;
    bottom: 0px;
    right: 0;
    left: 82px;
    top: 150px;
}
.zkusenosti .col-sm-4 {
	margin-bottom: 20px;
	border-bottom: 1px solid;
}
.zkusenosti .col-sm-4:last-child {
	border-bottom: 0px solid;
}
#home-slider h2 {font-size:130%;}
.bannertext {    
    top:10px;
	left:15px;
	max-width:93%;
}
.book img {
    position: initial;
   display: block;
    margin-left: auto;
    margin-right: auto;
	    margin-bottom: 73px;
    }
.odesilani {
    padding: 50px 0;
}

.odesilani p {text-align: center;}
.form-control {margin-bottom: 10px;}
}
/* mobile width from 481px till 766px --------------------- */

@media only screen and (min-width: 481px) and (max-width: 766px) {
	.bannertext {max-width:50%;}
#home-slider h2 {font-size:130%;}
#home-slider p {font-size:85%;}
.video .col-sm-3 {
    float:left;
	width:50%;
}
}
/* mobile width till 480px ----------------------------------- */
@media (max-width: 480px){
.bannertext {
	position:relative;
    top:auto;
    left:15px;
	right:15px;
    max-width:90%;
    text-shadow: 0 0 0 #000;
	padding-bottom:30px;
}
.bannertext h2 {color: #fff;}
.uvod {background:#003144;}
.kontakt #map-canvas {
	width:100%;
	height:156px;
}
.kont {text-align: center;}
.back2 {
	background-size:auto 150px;
	background-position:center;
	height:150px;
}
.cena {
	display:block;
	border:none;
	padding-left:0;
	margin:10px 0 0 0;
}
.modra {padding:15px 5px;}
.modra .col-sm-12.text-center{text-align:left !important;}
.buttab {
	margin-bottom:10px;
	float:none;
	display:inline-block;
}
.navbar-brand {
    width: 248px;
}
.about_me li {
    background-size:auto 75px;
	padding-bottom:10px;
	margin:5px 0;
	display:block;
}

}