/******************************************
    File Name: responsive.css
    Template Name: Landigoo
    Created By: MelodyThemes
    Envato Profile: http://themeforest.net/user/melodythemes
    Website: https://melodythemes.com
    Version: 1.0
/****************************************** */

@media (min-width: 768px) {

.banner-cell .mouse:after {
    position: absolute;
    top: 25px;
    left: 50%;
    width: calc(4px * 4);
    height: calc(4px * 4);
  }
 .banner-cell .mouse {
    width: calc(16px * 4);
    height: calc(31px * 4);
    margin: 70px auto 0px;
    background: none;
    border: 2px solid white;
    border-radius: calc(16px * 4);
  }
}

@media (max-width: 1310px) {}

@media (max-width: 1240px) {
	.main-menu nav li a{
		margin: 0 7px;
	}
}
@media (max-width: 1200px) {

	.banner {
		height: 1100px;
	}
	.overlay{
       height: 1100px !important;
}
	 
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: transparent;
	}
	
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #e75b1e;
		width: 35px;
	}
	.main-menu .navbar-toggle .icon-bar {
		position: relative;
		transition: all 250ms ease-in-out;
	}
	.main-menu .navbar-toggle .icon-bar {
		position: relative;
		transition: all 250ms ease-in-out;
		-webkit-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
	}
	.main-menu .navbar-toggle .icon-bar:nth-of-type(3) {
		top: 1px;
	}
	.main-menu .navbar-toggle .icon-bar:nth-of-type(4) {
		top: 2px;
	}
	.navbar-toggle .icon-bar+.icon-bar {
		margin-top: 7px;
	}
	.main-menu .navbar-toggle.active .icon-bar:nth-of-type(2) {
		top: 7.5px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}
	.main-menu .navbar-toggle.active .icon-bar:nth-of-type(3) {
		background-color: transparent;
	}
	.main-menu .navbar-toggle.active .icon-bar:nth-of-type(4) {
		top: -10px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
	}
	
}

@media (max-width: 1158px) {
	.main-menu nav li a{
		margin: 0 7px;
	}
}
@media (max-width: 1120px) {

	#logo {
		font-size: 1.7em !important;
	}

	.banner-text h1{
		margin-top: 50px;
	}

	.main-menu nav li a{
		margin: 0px 10px;
		margin-top: -5px;
		margin-bottom: 10px;
		font-size: 12px;
	}
}
@media (max-width: 992px) {

	.banner-text h1{
		font-size: 4.8em;
	}
	.banner-text h2{
		font-size: 30px;
		letter-spacing: 1.7px;
	}

	.banner-cell .mouse{
		display:none;
	}
	.footer-box-a, .footer-box-b, .footer-box-c, .footer-box-d{
		margin-bottom:20px;
	}
	.main-menu .navbar-header {
		float: right;
		width: 100%;
		margin: 0;
		padding: 0 15px;
	}
	.navbar-toggle {
		margin: 0;
		border: 0;
		padding: 0;
		top: 35px;
		right: 0;
		display: block !important;
		z-index: 11;
		cursor: pointer;
		color: #fff;
	}
	.fixed-menu .navbar-brand {
       padding-bottom: 30px !important;
}
    .navbar-header {
        float: none;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

   .navbar-collapse.collapse.in {  /* NEW */
        display: block!important; 
		background: #202020;
		margin-bottom: 50px;
    }
	.main-menu nav li a{
		padding: 15px 0px;
	}
	.panel-body p strong{
		font-size: 28px;
	}

	.tab-menu {
        margin-top: -30px;
}

	.offer-item img {
    width: 50%;
}

.offer-item div {
    width: 100%;
}

	.footer-box iframe {
		margin-bottom: 30px;
	}

	.footer-box h2 {
		font-size: 3em;
	}
	#logo {
     width: 90px;
     height: 60px;
     margin-bottom: 20px;
   }
}


@media (max-width: 768px) {

	#logo {
		font-size: 1.5em !important;
	}
	.main-menu nav li a{
		padding: 15px 0px;
	}
	.navbar-toggle{
		top: 35px;
	}
	.navbar-nav{
		background: #202020;
		margin: 0px 0px;
	}
	.banner {
		height: 1010px;
	}
	.overlay{
       height: 1010px !important;
}
	.banner-text h1 {
		font-size: 60px;
		line-height: 60px;
		margin-top: -30px !important;
	}
	.banner-text h2{
		font-size: 28px;
	}
	.block-title{
		font-size: 34px;
	}
	.title-caption{
		padding: 20px 10px;
		line-height: 28px !important;
		font-size: 18px;
	}
	.fixed-menu .navbar-toggle{
		top: 18px;
	}
	.navbar-brand > img {
		max-width: 180px;
	}
	[class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after {
		font-size: 35px;
	}

	#uvod {
	font-size: 3em;
	margin-top: 30px;
}
#uvod1 {
	font-size: 18px;
	margin-bottom: 0px;
}

	.ft-title.color-white {
		font-size: 3em;
	}

	.footer-news p {
		font-size: 25px;
	}
	
	.footer-box-a, .footer-box-c, .footer-box-d{
		margin-bottom:20px;
	}
	.fixed-menu .main-menu nav li a{
		padding: 10px 0px;
	}

	#kont {
		margin-top: 20px;
	}

	.footer-box iframe {
		margin-bottom: 30px;
		height: 350px;
	}

	.footer-box h2 {
		font-size: 2.5em;
	}
}
@media (max-width: 600px) {

	
}
@media (max-width: 480px) {

	#logo {
		font-size: 1.2em !important;
	}

	.navbar-toggle {
		top: 30px;
	}

	.banner {
		height: 950px;
	}

   .overlay{
       height: 950px !important;
}

.banner-text h1 {
		font-size: 36px;
	}

	.banner-text p {
		font-size: 18px;
	}

	.book-btn a{
	min-width: 100px;
    padding: 10px 20px;
    font-weight: 600;
	font-size:14px;
	margin-top: -20px;
}
.book-btn a:hover{
	border:2px solid #e75b1e;
}

#menu .block-title {
    font-size: 2em;
    margin-top: 30px;
}

#menu .title-caption {
	font-size: 14px;
	margin-top: -10px;
	margin-bottom: 30px;
}

	.ft-title.color-white {
		font-size: 2em;
		margin-top: 30px;
	}

	#menu {
       margin-bottom: 10px;
}

#menu h3 span {
        font-size: 25px;
}

	.tab-menu {
		margin-top: 30px;
	}

	.offer-item img {
    width: 70%;
    margin-top: -30px;
}

.offer-item div h3 {
    font-size: 25px;
}

.offer-item div p {
    font-size: 14px;
}

.offer-item div span{
    font-size: 18px;
}

#our_team h2 {
	font-size: 1.8em;
	margin-top: 20px;
	margin-bottom: 10px;
}

.sf-team {
	margin-bottom: 30px;
}

	.footer-news p {
		font-size: 18px;
	}

	.footer-box iframe {
		height: 250px;
	}

	#but{
	   min-width: 100px;
       padding: 10px 20px;
       font-weight: 600;
	   font-size:14px;
	   margin-top: 0px;
}
    #but:hover{
	  border:2px solid #e75b1e;
}

   .footer-logo h2 {
   	font-size: 1.8em;
   	margin-top: 30px;
   	margin-bottom: -30px;
   }

   .scrollup {
   	width:40px;
	height:40px;			
	text-indent:-9999px;
	opacity:0.3;
	position:fixed;
	bottom:50px;
	right:15px;
	display:none;			
	background:url(../images/icon_top.png) no-repeat;
    color: white;
}
#nds {
	margin-left: -30px;
}
#footer h6 {
	margin-left: -30px;
}
#logo {
     width: 80px;
     height: 50px;
     margin-bottom: 20px;
   }
   }

@media (max-width: 320px) {

	.banner-text h1 {
		font-size: 30px;
		margin-bottom: -20px;
	}
	.banner-text h2{
		font-size: 24px !important;
	}

}