@media screen and (max-width: 1620px), (max-device-width: 1620px) {
#form-search{
	right: 20px
}
}
@media screen and (max-width: 1440px), (max-device-width: 1440px) {
.cycle-slideshow{
	height: 500px
}
}
@media screen and (max-width: 1320px), (max-device-width: 1320px) {
.slide-info{
	margin: 0;
	text-align: center;
	width: 100%
}
.nav1 li{
	margin: 0 10px
}
.nav1 a{
	font-size: 20px
}
.nav2 li{
	margin: 0 10px;
	width: auto
}
}
@media screen and (max-width: 1200px), (max-device-width: 1200px) {

.slide-content{
	top: 215px
}
.slide-info span{
	font-size: 50px
}
}
@media screen and (max-width: 1100px), (max-device-width: 1100px) {
.nav1 a{
	font-size: 18px
}
.nav2 li{
	margin: 0 7px;
}
.nav2 a{
	font-size: 14px;
}
.nav2 li img{
	height: 70px;
	width: auto;
	margin: 0 auto 25px
}
.col1{
	width: 40%
}
.col2{
	width: 58%
}
}
@media screen and (max-width: 992px), (max-device-width: 992px) {
.nav1 li{
	margin: 0 8px
}
.nav1 a{
	font-size: 16px
}
.nav2 li{
	margin: 0 5px;
}
.nav2 a{
	font-size: 12px;
}
}
@media screen and (max-width: 870px), (max-device-width: 870px) {
.nav1 li{
	margin: 0 5px
}
/*.nav1 a{
	font-size: 14px
}*/
.nav2 a{
	font-size: 11px;
}
.nav2 li img{
	height: 50px;
	width: auto;
	margin: 0 auto 25px
}
}
@media screen and (max-width: 767px), (max-device-width: 767px) {
/*.gm-style img {
     margin: -13px 0px 0px !important;
} */
body{
	font-size: 20px
}
hr{
  height:24px
}

#peak{
	height: 140px
}
#header{
	background: #000000;
	height: 100px !important
}
#header{
	background: #000000;
	height: 100px !important
}
.scrolling #header{
	height: 80px !important
}
#form-search{
	right: 20px;
	top: 20px
}
.logo{
	width: 170px;
	height: 65px;
	float: left;
	margin: 0 0 0 20px
}
#nav-menu{
	display: block
}
.btn-map{
	display: block;
}
.nav1{
	display: none;
	height: auto;
	text-align: center;
	padding: 10px 0
}
.nav1 li{
	display: block;
	margin: 0
}
.nav1 a{
	line-height: normal;
	display: block;
	padding: 4px;
	font-size: 18px
}
.nav1 li li a{
	color: #6f6f6f !important;
}
.nav1 li li.active a{
	color: #000000 !important;	
	font-weight: 500;
}
.nav2{
	display: none
}
.nav2-mobile{
	display: block;
}
.nav2-mobile a{
	font-size: 14px;
}
.nav3{
	display: block
}
.nav4{
	display: block
}
.nav4 .filter{
	background: #ffffff;
	display: none;
	padding: 10px 15px;
	margin: 0;
	position: absolute;
	top: 37px;
	width: 247px;
	right: 0;
	z-index: 1;
	text-align: left;
	border: 2px solid #000000
}
.nav-categories .filter{
	right: auto;
	left: 0	
}
.nav4 ul li,.nav4 li:first-child{
	display: block;
	margin: 0 0 10px
}
.nav4 li a{
	font-size: 16px;
	text-decoration: none
}
.btn-filter{
	display: inline-block
}
#form-newsl{
	vertical-align: 0;
	display: block;
	margin: 0 0 10px
}
#form-newsl fieldset{
	clear: both;
	width: 100%
}
#form-newsl label{
	font-size: 20px;
	float: none;
	margin: 12px 0
}
.newsl-wrap{
	display: block;
	margin: 10px 15px
}
.nav3 li{
	display: block;
	margin: 0 0 5px
}
.nav3 li:after{
	content: ""
}
#mymap {
	height: 500px;
	margin: 20px;
	width: auto
}
.col1, .col2{
	float: none;
	width: auto
}
}
@media screen and (max-width: 600px), (max-device-width: 600px) {
#page-top{
	position: relative;
	overflow: hidden;
	left: auto;
	right: auto;
	top: auto
}
#page{
	padding-top: 20px
}
#peak{
	height: auto
}
.cycle-slideshow{
	height: 300px
}
.slide-content{
	top: 135px
}
.slide-info span{
	font-size: 27px;
	margin: 0 0 20px
}
.btn-left, .btn-right{
	display: none
}
.btn-slide-more a{
	font-size: 18px
}
.col100{
  width:100%
}

}
@media screen and (max-width: 400px), (max-device-width: 400px) {
#header{
	height: 80px !important
}
.logo{
	width: 45px;
	height: 45px;
	overflow: hidden;
	margin: 0 0 0 20px
}
.logo img{
	position: absolute;
	width: 250px;
	height: 95px;
	left: -110px; 
    top:-10px;
}
.slide-content{
	top: 100px
}
.slide-info span{
	font-size: 27px
}
h3, .text {
    font-size: 16px;
}

}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.nav1 li{
	margin: 0 10px
}
.nav1 a{
	font-size: 18px;
}
.nav2 li{
	margin: 0 10px;
	width: auto
}
.nav2 a{
	font-size: 14px;
}
.nav2 li img{
	height: 70px;
	width: auto;
	margin: 0 auto 25px
}
}