@media (max-width:1100px) {
	.site header .navbar .navbar-brand {
		width: 170px;
		margin: 0 20px!important
	}
	.site header .navbar .navbar-nav > li > a {
		font-size: 12px;
		padding: 15px 20px
	}
	.site header .navbar .navbar-nav > li > a > i {
		font-size: 20px
	}
	.site .banner-bg .banner-content .banner-contact {
		left: 10px
	}
	.site .banner-bg .banner-content .banner-contact .banner-contact-circle {
		width: 150px;
		height: 150px
	}
	.site .banner-bg .banner-content .banner-contact .banner-contact-circle span.contact-number {
		font-size: 20px;
		margin-top: 35px
	}
	.site .banner-bg .banner-content .banner-contact .banner-contact-circle span.contact-text {
		font-size: 15px;
		margin-top: 64px
	}
	.site .banner-bg .banner-content .banner-contact .banner-contact-circle > i {
		margin-top: 90px;
		font-size: 40px
	}
	.site .banner-bg .banner-content .banner-contact .banner-whatsup-number {
		top: 55px;
		left: 120px;
		width: 200px;
		font-size: 18px;
		padding: 5px 0 5px 30px
	}
	.site .banner-bg .banner-content .banner-contact .banner-whatsup-text {
		top: 75px;
		left: 120px;
		font-size: 18px;
		width: 190px;
		padding: 5px 0 5px 35px
	}
	.site .banner-bg .banner-content .banner-contact .banner-whatsup-text > img {
		right: -20px;
		margin-top: -21px;
		width: 40px
	}
	.site .banner-bg .banner-content .banner-price {
		width: 100px;
		height: 100px;
		right: 75px
	}
	.site .banner-bg .banner-content .banner-price > span.price-percentage {
		font-size: 48px;
		line-height: 20px;
       margin-top: 31px;
        font-weight: 500;
        margin-left: 12px;
	}
	.site .banner-bg .banner-content .banner-price > span.price-text {
		font-size: 20px;
		top: 64px;
		left: 36px;
		padding: 0 20px
	}
	.site .wrapper .reservation-block .hexagon {
		bottom: -10px
	}
	

}

@media (max-width:767px) {
	.site header {
		position: relative
	}
	.site header .navbar {
		padding: 25px;
		background-color: #213761
	}
	.site header .navbar .navbar-nav > li:not(:last-child) a:after {
		background-color: transparent
	}
	.site header .navbar .navbar-nav > li > a:hover {
		color: #FFF
	}
	.site header .navbar .logo-brand {
		margin: 0!important;
		width: 100%
	}
	.site header .navbar .logo-brand .navbar-brand {
		display: inline-block;
		padding: 0!important;
		margin: 0!important
	}
	.site header .navbar .logo-brand .navbar-toggler {
		float: right;
		border: 1px solid #FFF;
		margin-top: 10px
	}
	.site header .navbar .logo-brand .navbar-toggler .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
	}
}

@media (max-width:550px) {
    
    
    .site .banner-bg .banner-content .banner-contact .banner-whatsup-number {
	display: block;
	position: absolute;
	top: 45px;
	left: 170px;
	width: 265px;
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-size: 28px;
	padding: 5px 0 5px 30px;
	background-color: #213661;
	color: #FFF;
	z-index: -1
}
    
	.site .banner-bg .banner-content .banner-contact {
		left: 5px;
		margin-top: -45px
	}
	.site .banner-bg .banner-content .banner-contact .banner-contact-circle {
		width: 100px;
		height: 100px
	}
	.site .banner-bg .banner-content .banner-contact .banner-contact-circle:after {
		top: 5px;
		left: 5px;
		right: 5px;
		bottom: 5px
	}
	.site .banner-bg .banner-content .banner-contact .banner-contact-circle span.contact-number {
		font-size: 12px;
		margin-top: 27px
	}
	.site .banner-bg .banner-content .banner-contact .banner-contact-circle span.contact-text {
		font-size: 12px;
		margin-top: 44px;
		line-height: 14px
	}
	.site .banner-bg .banner-content .banner-contact .banner-contact-circle > i {
		margin-top: 61px;
		font-size: 20px
	}
	.site .banner-bg .banner-content .banner-contact .banner-whatsup-number {
		top: 15px;
		left: 80px;
		width: 120px;
		font-size: 12px;
		padding: 5px 0 5px 20px
	}
	.site .banner-bg .banner-content .banner-contact .banner-whatsup-text {
        display: block;
		top: 45px;
		left: 80px;
		font-size: 12px;
		width: 120px;
		padding: 5px 0 5px 25px
	}
	.site .banner-bg .banner-content .banner-contact .banner-whatsup-text > img {
		right: -18px;
		margin-top: -14px;
		width: 30px
	}
	.site .banner-bg .banner-content .banner-price {
		width: 75px;
		height: 75px;
		right: 25px;
		margin-top: -30px
	}
	.site .banner-bg .banner-content .banner-price > span.price-percentage {
		font-size: 30px;
		line-height: 20px;
          margin-top: 15px;
    margin-left: 7px;
	}
	.site .banner-bg .banner-content .banner-price > span.price-text {
		font-size: 17px;
		top: 45px;
		left: 10px;
		padding: 0 24px
	}
	.site .wrapper .flexslider-block > ul > li img {
		height: auto;
		max-height: auto
	}
	.site .wrapper section.padding {
		padding: 20px 0
	}
	.site .wrapper #accordion,
	.site footer > p {
		padding: 0 20px
	}
	.site .wrapper .contact-list > li > a {
		font-size: 16px
	}
	.site .wrapper #accordion > .card > .card-header > h5 .btn-link {
		font-size: 14px
	}
	.site footer > ul.apps > li {
		margin-bottom: 10px
	}
	
	.mr-auto, .mx-auto {
		
		margin-right: -30px !important;
	}
	
	.navbar-collapse {
		
		box-shadow: inset 0 0 0 rgba(255,255,255,.1);
	}
	

	
	}

	@media (max-width:450px){
 .ors-widget .input input, .ors-widget .select select {
 
  width: 355px !important;
  
}
	
	.ors-width  {
		display: none;
	}
}

	@media (max-width:400px){
 .ors-widget .input input, .ors-widget .select select {
 
  width: 315px !important;
  
}
	
	.ors-width  {
		display: none;
	}
}

.gezi-rehberi-baslik {
  
  padding-top: 20px;
}

.fa-angle-left, .fa-angle-right {
  

  font-size: 35px;
  color: #213661 !important;
   text-shadow: -2px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;
}