@media handheld,only screen and (max-width:767px){
.row,.body,.container{
width:100%;
margin-left:0;
margin-right:0;
padding-left:0;
padding-right:0
}
.pre_1,.pre_2,.pre_3,.pre_4,.pre_5,.pre_6,.pre_7,.pre_8,.pre_9,.pre_10,.pre_11{
padding-left:0
}
.suf_1,.suf_2,.suf_3,.suf_4,.suf_5,.suf_6,.suf_7,.suf_8,.suf_9,.suf_10,.suf_11{
padding-right:0
}
.col_1,.col_2,.col_3,.col_4,.col_5,.col_6,.col_7,.col_8,.col_9,.col_10,.col_11,.col_12{
clear:both;
float:none;
margin-left:0;
margin-right:0;
padding-left:20px;
padding-right:20px;
width:auto;
width:-moz-available
}
.col_2 .col_1,.col_3 .col_2,.col_3 .col_1,.col_4 .col_3,.col_4 .col_2,.col_4 .col_1,.col_5 .col_4,.col_5 .col_3,.col_5 .col_2,.col_5 .col_1,.col_6 .col_5,.col_6 .col_4,.col_6 .col_3,.col_6 .col_2,.col_6 .col_1,.col_7 .col_6,.col_7 .col_5,.col_7 .col_4,.col_7 .col_3,.col_7 .col_2,.col_7 .col_1,.col_8 .col_7,.col_8 .col_6,.col_8 .col_5,.col_8 .col_4,.col_8 .col_3,.col_8 .col_2,.col_8 .col_1,.col_9 .col_1,.col_9 .col_2,.col_9 .col_3,.col_9 .col_4,.col_9 .col_5,.col_9 .col_6,.col_9 .col_7,.col_9 .col_8,.col_10 .col_9,.col_10 .col_8,.col_10 .col_7,.col_10 .col_6,.col_10 .col_5,.col_10 .col_4,.col_10 .col_3,.col_10 .col_2,.col_10 .col_1,.col_11 .col_10,.col_11 .col_9,.col_11 .col_8,.col_11 .col_7,.col_11 .col_6,.col_11 .col_5,.col_11 .col_4,.col_11 .col_3,.col_11 .col_2,.col_11 .col_1,.col_12 .col_11,.col_12 .col_10,.col_12 .col_9,.col_12 .col_8,.col_12 .col_7,.col_12 .col_6,.col_12 .col_5,.col_12 .col_4,.col_12 .col_3,.col_12 .col_2,.col_12 .col_1{
padding-left:0;
padding-right:0;
width:100%
}
.container h1{
margin:.5em 0 .5em
}
.container h2{
margin:.5em 0 .535em;
}
.container aside h2{
	margin:0;
}
.container h3{
margin:.5em 0 .57em
}
.container h4{
margin:.5em 0 .615em
}
.container h5{
margin:.5em 0 .67em
}
.container h6{
margin:.5em 0 .8em
}
.mobile-hide{
display:none
}
.mobile-only{
display:block
}
#footer #sub-input span{
	max-width:100%;
}
#footer #sub-btn{
	position:static;
	width:100%;
}
#footer #sub-form #sub-btn .button input{
	width:100%;
}
.slides-container{
	width:100%;
	padding:0;
}
article.post .date {
    /*position: static;*/
    margin-bottom: 10px;
}
.blog #the-content img{
	max-width:100%;
}


#btn-itinerary,#btn-enquire-now,#btn-registration{
margin:20px auto 0;
}


#price-box{
padding:15px 15px 15px 15px !important;
}

}


@media only screen and (max-width:840px){
#travel-encounters-footer #travel-encounters-text{
	width: 100%;
}
 .tabify_detail .tabify a {
    padding: 7px 2px;
    font-size: 9px;
 }
}


@media only screen and (min-width:768px) and (max-width:1024px){
#nav-main ul li a{
	font-size:16px;
	padding: 0 22px;
}
#slides .tour-info {
    font-size: 19px;
}
 
#slides a.btn-tour-details {
    font-size: 17px;
    width: 117px;
    padding: 0 23px 0 18px;
}
.blog_detail{
  width: 150px;
}
.blog-image-container{
   height:120px;
 }
}


@media only screen and (min-width:480px){
#logo{
margin:0 10px
}
#nav-dropdown{
text-align:left
}
#btn-itinerary{
/* margin:30px 0 10px 28px; */

}
.blog article.post .entry-content,.blog article header h1,.blog article header h2,.blog article header .post-cats,.blog #respond,.blog #comments,.archive article.post .entry-content,.archive article header h2,.archive article header .post-cats{
/*padding-left:77px*/
}
.blog article.post .date{
float:left;
margin-left:0
}

}
@media only screen and (min-width:768px){
#header{
height:150px
}
#header .row{
overflow:visible
}
#nav-main{
padding-top:91px
}
#nav_1605119{
display:block
}
#nav-dropdown{
display:none
}
#logo{
position:absolute;
top:0;
left:0;
margin-left:10px
}
.caption-container{
display:block
}
#price-box{
margin-bottom:0
}
.blog #respond{
margin-bottom:0;
padding-bottom:0;
border:0
}
.booking #sidebar{
display:block
}
#footer #recent-posts-2 h3{
padding-left:22px
}

#btn-itinerary,#btn-enquire-now,#btn-registration{
margin:20px 0 20px  0;
}





}
@media print{
*{
background:transparent!important;
color:black!important;
text-shadow:none!important;
filter:none!important;
-ms-filter:none!important
}
a,a:visited{
text-decoration:underline
}
a[href]:after{
content:" (" attr(href) ")"
}
abbr[title]:after{
content:" (" attr(title) ")"
}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{
content:""
}
pre,blockquote{
border:1px solid #999;
page-break-inside:avoid
}
thead{
display:table-header-group
}
tr,img{
page-break-inside:avoid
}
img{
max-width:100%!important
}
@page{
margin:.5cm
}
p,h2,h3{
orphans:3;
widows:3
}
h2,h3{
page-break-after:avoid
}

}
@media handheld,only screen and (max-width:479px){
  .blog-image-container{
      width:100%; 
      position:relative;  
    }
    .blog-image-container img{
        width:100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
         -mz-transform: translate(-50%,-50%);
         -moz-transform: translate(-50%,-50%);
    }
	
	.blog-image-container{
    height: 240px;
}
	
    article.post .date{
        z-index:1;   
    }
}