@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 800px) {
    .navbar-brand {
        padding-left:10%;
    }
.navbar-nav {padding-left:0px;}
.navbar-right{ display:none;}
.latest-div .col-md-3{ float:left; width:25%; padding-right:0; }
.latest-div .col-md-9{ float:left; width:74%;}
.latest-div-black .col-md-6{ float:left; width:50%;}
.resource{padding-bottom:30px;}
.resource-title-sub{  padding:0 0 10px 0;  }
.resource li{ float:left; width:100%; height:auto; }
.resource li:nth-child(2){margin:0; border:none; padding:0;}
.quick-links{display:none;}
footer{ height:auto;}

}

@media only screen and (max-width: 480px) , only screen  and (max-width:668px) and (orientation: landscape)  {
	.our-service{ text-align:center;}
	.container{ width:100%;}
	header{ height:105px;}
	.heading1{ font-size:2em; line-height:1em;}
.navbar-brand
{
    
    width: 50%;
    left: 0;
	right:auto;
	top:0px;
    text-align: left !important;
   padding:0;
	height:auto;
}
.stickBrand{ width:40%; top:0px; background:none; box-shadow:none; border-radius:0; }

.navbar-default {	margin:30px auto 0 auto;}
.navbar-nav{background:#fff; border-bottom:solid 1px #ccc; position:relative; z-index:999;}
.navbar-header { float:right; margin:10px 0 0 0;}
.navbar-collapse{ width:100%;}
.carousel-indicators {
    position: absolute;
	top:100%;
    left: 45%;
	
  
}
.carousel-indicators li, .carousel-indicators .active { width:6px; height:6px;}

.booking-float img{ width:50%; float:right; }
.carousel-indicators li {
	float:left;
   
}
.carousel-caption {
    position: absolute;
    bottom: auto;
	top:0%;
    z-index: 10;
	width:80%;
    padding-top: 5px;
	
}
.carousel-caption h2{ font:16px/22px myfont-bold, sans-serif; color:#bd088c;  margin:0;}
.carousel-caption h1{ font:1.2em/1em myfont, sans-serif; color:#414141; margin:0;}
.carousel-caption button{ margin:10px 0 0 0;  padding:5px 10px 3px 10px;  font:15px myfont, sans-serif;}
.our-service{padding:30px 0 20px 0;}
.our-service h1{padding:10px 0 10px 0; font-size:20px; line-height:20px;}
.service-detail-mid {border:none; padding:0 3%;}
.service-detail p{height:auto; }
.tour{ height:auto;  }
.booking h2{ font-size:18px; line-height:18px;}
.packages.carousel-inner{ height:140px;}
	.pack-div{ height:auto;}
	.map-iframe{height:150px;}
	footer{ text-align:center;}
	footer img{ width:50%; margin:auto;}
	
	.about-banner, .contact-banner{height:auto;  }
	.about-banner h2{font-size:2.2em; line-height:1em;}
	 .about-first-div-box{ padding-top:10px; padding-bottom:10px;}
	 .about-first-div-box{ text-align:center;}
	 .pack-banner-text{ padding:20px; height:auto;}
	 .pack-banner{ height:auto;}
	 .tab-content {
    padding: 0px; text-align:center;
}
.contact-nav { float:left;}
.packages h1{ font-size:1.5em;     padding:0; margin:0;}
.packages .carousel-inner{ height:160px;}
.about-main .container-fluid{ padding:0;}
.about-main .container{ padding:0;}
.about-first-div-box h2{ font-size:18px; line-height:18px;}
.pack-testi-name, .pack-testi-txt{ text-align:center !important;}

ul.contact-nav li{ font-size:20px; line-height:20px;}
ul.contact-nav{ padding:0; margin:0;}
.tab-content h3{ font-size:24px;}
.tab-content{ font-size:20px;}
address { font-size:18px; line-height:18px;}
#rcb h1{ font-size:20px; line-height:20px;}
#rcb.col-sm-12, #rcb.col-md-12{ padding:0 !important;}
}

@media screen and (min-width:768px){
    .navbar-brand-centered {
        position: absolute;
        left: 50%;
        display: block;
        width: 160px;
        text-align: center;
        background-color: #eee;
    }
    .navbar>.container .navbar-brand-centered, 
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -80px;
    }
}