@media only screen and (max-width:1170px){#navigation{padding:0 20px}
}@media only screen and (min-width:970px){#blockquote p.blockquote{font-size:38px}
.col-xs-2,.col-xs-5,.col-xs-7,.col-xs-10{width:33.333%;margin:0 auto 0}
}@media only screen and (max-width:970px){#blockquote p.blockquote{font-size:32px}
.inner{padding-left:30px;padding-right:30px}
.col-xs-2,.col-xs-5,.col-xs-7,.col-xs-10{width:50%;margin:0 auto 0}
.fixed-text{font-size:50px}
.not-visible-nav{opacity:1}
#navigation a.mob-nav-button{display:block}
#navigation .nav-menu{display:none;height:auto;top:100%;left:0;width:100%;position:absolute;background:rgba(255,255,255,0.90);box-shadow:0 1px 4px rgba(0,0,0,0.1)}
#navigation ul.nav li{display:inline-block;height:auto;width:100%}
#navigation ul.nav li a{display:block;height:auto;width:100%;padding:0 20px;color:#555;border-top:0;line-height:40px}
#navigation ul.nav li a:hover,#navigation ul.nav li.active a{border-top:0;background:#ddd}
#navigation ul.nav ul.dropdown-menu{width:100%;position:relative;margin:0;padding:0;background:rgba(255,255,255,0.97)!important;box-shadow:0 1px 4px rgba(0,0,0,0.1)}
#navigation ul.nav ul.dropdown-menu li{width:100%}
#navigation ul.nav ul.dropdown-menu li a{border-top:0;padding:5px 15px;line-height:30px}
}@media only screen and (max-width:800px){#blockquote p.blockquote{font-size:22px}
.loader-item{left:48%}
.footer img{max-width:200px}
.fixed-text{font-size:40px}
.h-item{font-size:11px}
.about-box{width:50%}
.service-box{width:33.3%}
.destination-spots .spot{width:50%}
}@media only screen and (max-width:768px){#blockquote p.blockquote{font-size:20px}
.inner{padding-left:30px;padding-right:30px}
.inner h1{font-size:25px!important}
.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10{width:100%;margin:0 auto 20px}
.dest-main-img{width:100%;height:auto;padding-bottom:25px}
}@media only screen and (max-width:480px){#blockquote p.blockquote{font-size:12px}
.fixed-text{font-size:20px}
.about-box{width:100%}
.service-box{width:100%}
.destination-spots .spot{width:100%}
#contact-us div{width:100%}
}@media only screen and (max-width:360px){#blockquote i.fa{padding-left:40px;font-size:2px}
.inner-details .spot-details .spot-details-inner{top:7%;-webkit-transform:translateY(-0%);-moz-transform:translateY(-0%);transform:translateY(-0%)}
#map .google-map-big-button{font-size:15px}
.filter-menu ul li{margin:10px auto}
.fixed-text{font-size:22px}
.loader-item{left:46.5%}
.block{display:block}
.filter-menu ul li a{line-height:0}
#services{background:url(../images/parallax3.jpg) top center fixed;padding:55px 0;overflow:hidden}
.footer img{max-width:200px}
.h-item{padding:5px 9px 5px 0;font-size:10px}
.dest-main-img{width:100%;margin:0}
.btn-green{clear:both!important}
}