@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: Google-spies;
    src:url(../fonts/Google-spies.ttf);
}
@font-face {
    font-family: KGAllofMe;
    src:url(../fonts/KGAllofMe.ttf);
}
@font-face {
    font-family: Narkisim;
    src:url(../fonts/Narkisim.ttf);
}
@font-face {
    font-family: Roboto-Regular;
    src:url(../fonts/Roboto-Regular.ttf);
}
@font-face {
    font-family: treasure;
    src:url(../fonts/treasure.ttf);
}
@font-face {
    font-family: OpenSans-Regular;
    src:url(../fonts/OpenSans-Regular.ttf);
}
@font-face {
    font-family: OpenSans-Light;
    src:url(../fonts/OpenSans-Light.ttf);
}

*
{
	margin:0 auto;
	padding:0;
}

/*html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}*/

/* CSS for Index page */

#page
{
    width: 100%;
    background: url(../images/dandeli-bg.jpg) no-repeat;
    /*background-image: url('../images/demo-2-bg.jpg');
	background-position: center bottom;
    background-attachment: fixed;*/
    background-size: cover;
    
}
#page .wrapper
{
    width: 88%;
    padding: 0 6%;
}
#page .wrapper .inner-wrapper
{
    width:90%;
    padding: 0 5%;
}
.header
{
    width: 100%;
    padding-bottom: 3%;
}
.header .social-top
{
    width: 10%;
    padding-top: 15px;
    margin: 0 0 0 76%;
}
.header .social-top i
{
    margin-right: 10px;
    font-size: 1.2em;
    color:black;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.header .social-top .twitter:hover
{
    color:#50a5e6;
}
.header .social-top .facebook:hover
{
    color:#3b5998;
}
.header .social-top .gplus:hover
{
    color:#dd4e42;
}
.header .social-top .linkedin:hover
{
    color:#0274b3;
}
.header img
{
    width:70%;
    margin:0.5% 15% 0.5% 15%;
}
.header .tagline
{
    text-align: center;
    font-family: KGAllofMe;
    font-size: 36pt;
    color:#e1e7b2;
    text-shadow: 2px 2px black;
}
.nav
{
	background:#e1e7b2;
    
}
.nav ul{
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width:85%;
  padding: 14px 8% 14px 7%;
}
.nav li
{
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0;
	        flex: 1 1 0;
    text-align: center;
    border-right: solid 1px black;
}
.nav a{
  text-decoration: none;
  color: black;
  font-family: OpenSans-Regular;
  font-size: 18px;
}
.nav .active
{
  color: #a7b259;  
}
.nav a:hover{
  color: #a7b259;
}
#page .contact-fixed
{
    width: 15%;
    position: fixed;
    top:50%;
    right:-6%;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
#page .contact-fixed a
{
    text-decoration: none;
    color: white;
    font-family: Roboto-Regular;
    background: green;
    padding: 10px;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
#page .contact-fixed a:hover
{
    background: #7e8a3f;
}
.main1
{
    width:100%;
    margin-top: 10%;
}
.main1 .box1
{
    float: left;
    width:48%;
}
.main1 .box1 .heading1
{
    font-family: KGAllofMe;
    font-size: 35pt;
    text-align: right;
    color: #edf0e2;
    margin-top: -7px;
}
.main1 .box1 .heading2
{
    font-family: Google-spies;
    font-size: 70pt;
    text-align: right;
    color:#f5f7ea;
    margin-top: -8px;
    text-shadow: 2px 2px 1px black;
}
.main1 .box1 .white-water-raft
{
    height:267px;
    width: 95%;
    float: left;
    margin-left: 4.4%;
    border:solid 1px white;
    background: url(../images/white-water-rafting.jpg) right no-repeat;
    background-size: cover;
    overflow: hidden;
}
.main1 .box1 .white-water-raft .water-rafting
{
    height:76px;
    position: relative;
    margin-top:191px;
    background: url(../images/white-water-bg.png) right repeat;
    opacity: 0.8;
    bottom:-76px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.main1 .box1 .white-water-raft:hover .water-rafting
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main1 .box1 .white-water-raft .water-rafting .heading
{
    font-size: 28px;
    font-family: Narkisim;
    color: #f5f7ea;
    text-align: left;
    padding: 5px 15px 0px 10px;
}
.main1 .box1 .white-water-raft .water-rafting .desc
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:white;
    margin-left: 0px;
    padding: 0px 15px 5px 10px;
}
.main1 .box3
{
    float: left;
    width:48%;
    margin-left: 1%;
    display:none;
}
.main1 .box3 .homestay1
{
    width:46%;
    height:170px;
    float:left;
    margin-left: 3%;
    background: url(../images/bison-river-resort.jpg) no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
}
.main1 .box3 .homestay2
{
    width:46%;
    height:170px;
    float:left;
    margin-left: 2%;
    margin-bottom: 10px;
    background: url(../images/hornbill-resort.jpg) right no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
}
.main1 .box3 .homestay3
{
    width:46%;
    height:170px;
    float:left;
    margin-left: 3%;
    background: url(../images/Whistling-Woodzs-Resort.jpg) no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
}
.main1 .box3 .homestay4
{
    width:46%;
    height:170px;
    float:left;
    margin-left: 2%;
    background: url(../images/white-water-river-resort.jpg) right no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
}
.main1 .box3 .homestay-name1
{
    position: relative;
    width:100%;
    height:32px;
    margin-top: 138px;
    background: url(../images/homestay-name-bg.png) no-repeat;
    bottom: -32px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.main1 .box3 .homestay-name1 p
{
    font-family: Roboto-Regular;
    text-align: center;
    line-height: 32px;
}
.main1 .box3 .homestay-name1 p a
{
    color: darkgreen;
    text-decoration: none;
    border-bottom: solid 1px green;
}
.main1 .box3 .homestay-name1 p a:hover
{
    border-bottom: double 3px green;
}
.main1 .box3 .homestay1:hover .homestay-name1
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main1 .box3 .homestay2:hover .homestay-name1
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main1 .box3 .homestay3:hover .homestay-name1
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main1 .box3 .homestay4:hover .homestay-name1
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main1 .box2
{
    width:47%;
    float:left;
    margin-left: 3.3%;
}
.main1 .box2 .plan-of-visit
{
    width:90%;
    height: 369px;
    float:left;
    margin-top: 50px;
    border: solid 1px white; 
    overflow: hidden;
}
.main1 .box2 .plan-of-visit img
{
    width: 100%;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.main1 .box2 .plan-of-visit img:hover
{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.main1:after
{
    display: block;
    content: "";
    clear: both; 
}
.main2
{
    width:100%;
    margin: 2% 0;
	background: url(../images/boat.png) 96% center no-repeat;
}
.main2 .box1
{
    float: left;
    width:48%;
    margin-left: 1%;
}
.main2 .box1 .homestay1
{
    width:46%;
    height:170px;
    float:left;
    margin-left: 3%;
    background: url(../images/bison-river-resort.jpg) no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
}
.main2 .box1 .homestay2
{
    width:46%;
    height:170px;
    float:left;
    margin-left: 2%;
    margin-bottom: 10px;
    background: url(../images/hornbill-resort.jpg) right no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
}
.main2 .box1 .homestay3
{
    width:46%;
    height:170px;
    float:left;
    margin-left: 3%;
    background: url(../images/Whistling-Woodzs-Resort.jpg) no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
}
.main2 .box1 .homestay4
{
    width:46%;
    height:170px;
    float:left;
    margin-left: 2%;
    background: url(../images/white-water-river-resort.jpg) right no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
}
.main2 .box1 .homestay-name1
{
    position: relative;
    width:100%;
    height:32px;
    margin-top: 138px;
    background: url(../images/homestay-name-bg.png) no-repeat;
    background-size: cover;
    bottom: -32px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.main2 .box1 .homestay-name1 p
{
    font-family: Roboto-Regular;
    text-align: center;
    line-height: 32px;
}
.main2 .box1 .homestay-name1 p a
{
    color: darkgreen;
    text-decoration: none;
    border-bottom: solid 1px green;
}
.main2 .box1 .homestay-name1 p a:hover
{
    border-bottom: double 3px green;
}
.main2 .box1 .homestay1:hover .homestay-name1
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main2 .box1 .homestay2:hover .homestay-name1
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main2 .box1 .homestay3:hover .homestay-name1
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main2 .box1 .homestay4:hover .homestay-name1
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main2 .box2
{
    float: left;
    width:25%;
    padding-bottom: 3px;
    height:auto;
    margin-left: 2%;
    background: url(../images/content_bg.png);
}
.main2 .box2 .homestay-resorts
{
    font-family: Narkisim;
    font-size: 24pt;
    color: white;
    text-align: center;
    margin-top: 8px;
}
.main2 .box2 .homestay-resorts-desc
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color: white;
    padding: 2% 4%;
    line-height: 20px;
}
.main2 .box2 .know-more1
{
    width:100%;
    margin-top: 8%;
}
.main2 .box2 .know-more1 i
{
    color: white;
    background: darkgreen;
    padding: 1px 8px;
    text-align: center;
    position: relative;
    top: 5px;
}
.main2 .box2 .know-more1 a
{
    text-decoration: none;
    color: lightgreen;
    line-height: 35px;
    background: #656e33;
    padding: 9px 20px 8px;
}
.main2 .box2 .know-more1 a:hover
{
    color:white;
}
.main2:after
{
    display: block;
    content: "";
    clear: both; 
}
.main3
{
    width:100%;
    background: url(../images/shoes.png) 0% 12% no-repeat;
}
.main3 .box1
{
    float: left;
    width:48%;
    margin-left: 1.5%;
}
.main3 .box1 .heading1
{
    font-family: KGAllofMe;
    font-size: 35pt;
    color: #edf0e2;
    margin-top: -1.5%;
    display: none;
}
.main3 .box1 .heading2
{
    font-family: Google-spies;
    font-size: 70pt;
    color:#f5f7ea;
    margin-top: -0.8%;
    text-shadow: 2px 2px 1px black;
    display: none;
}
.main3 .box1 .nature-walk1
{
    width: 96.5%;
    height: 273px;
    float: left;
    margin-top: 4.8%;
    border: solid 1px white;
    overflow: hidden;
    display: none;
}
.main3 .box1 .nature-walk1 img
{
    width: 100%;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.main3 .box1 .nature-walk1 img:hover
{
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
.main3 .box1 .homestay1
{
    width:45%;
    height:170px;
    float:left;
    background: url(../images/century-resort.jpg) no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
    display: none;
}
.main3 .box1 .homestay2
{
    width:45%;
    height:170px;
    float:left;
    margin-left: 2%;
    margin-bottom: 2%;
    background: url(../images/shikra-resort.jpg) right no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
    display: none;
}
.main3 .box1 .homestay3
{
    width:45%;
    height:170px;
    float:left;
    background: url(../images/Wild-Flower-Homestay.jpg) no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
    display: none;
}
.main3 .box1 .homestay4
{
    width:45%;
    height:170px;
    float:left;
    margin-left: 2%;
    background: url(../images/Kadumane.jpg) right no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
    display: none;
}
.main3 .box1 .homestay-name2
{
    position: relative;
    width:100%;
    height:32px;
    margin-top: 138px;
    background: url(../images/homestay-name-bg.png) no-repeat;
    bottom: -32px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: none;
}
.main3 .box1 .homestay-name2 p
{
    font-family: Roboto-Regular;
    text-align: center;
    line-height: 32px;
}
.main3 .box1 .homestay-name2 p a
{
    color: darkgreen;
    text-decoration: none;
    border-bottom: solid 1px green;
}
.main3 .box1 .homestay-name2 p a:hover
{
    border-bottom: double 3px green;
}
.main3 .box1 .homestay1:hover .homestay-name2
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main3 .box1 .homestay2:hover .homestay-name2
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main3 .box1 .homestay3:hover .homestay-name2
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main3 .box1 .homestay4:hover .homestay-name2
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main3 .box1 .desc
{
    width:48%;
    height:auto;
    float: right;
    margin-right: 16px;
    background: url(../images/content_bg.png);
}
.main3 .box1 .descc
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color: white;
    padding: 4%;
    line-height: 20px;
}
.main3 .box1 .know-more2
{
    width:100%;
    margin-top: 3.8%;
}
.main3 .box1 .know-more2 i
{
    color: white;
    background: darkgreen;
    padding: 1px 8px 2px;
    text-align: center;
    position: relative;
    top: 5px;
}
.main3 .box1 .know-more2 a
{
    text-decoration: none;
    color:lightgreen;
    line-height: 35px;
    background: #656e33;
    padding: 9px 20px;
}
.main3 .box1 .know-more2 a:hover
{
    color:white;
}
.main3 .box1 .nature-walk
{
    width: 96%;
    height: 272px;
    float: left;
    margin-top: 4.8%;
    margin-left: 3px;
    border: solid 1px white;
    overflow: hidden;
}
.main3 .box1 .nature-walk img
{
    width: 100%;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.main3 .box1 .nature-walk img:hover
{
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
.main3 .box2
{
    float: left;
    width:49%;
    margin-left: 1.5%;
}
.main3 .box2 .heading1
{
    font-family: KGAllofMe;
    font-size: 35pt;
    color: #edf0e2;
    margin-top: -1.5%;
}
.main3 .box2 .heading2
{
    font-family: Google-spies;
    font-size: 70pt;
    color:#f5f7ea;
    margin-top: -1.5%;
    text-shadow: 2px 2px 1px black;
}
.main3 .box2 .homestay1
{
    width:45%;
    height:170px;
    float:left;
    background: url(../images/century-resort.jpg) no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
}
.main3 .box2 .homestay2
{
    width:45%;
    height:170px;
    float:left;
    margin-left: 2%;
    margin-bottom: 2%;
    background: url(../images/shikra-resort.jpg) right no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
}
.main3 .box2 .homestay3
{
    width:45%;
    height:170px;
    float:left;
    background: url(../images/Wild-Flower-Homestay.jpg) no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
}
.main3 .box2 .homestay4
{
    width:45%;
    height:170px;
    float:left;
    margin-left: 2%;
    background: url(../images/Kadumane.jpg) right no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
}
.main3 .box2 .homestay-name2
{
    position: relative;
    width:100%;
    height:32px;
    margin-top: 138px;
    background: url(../images/homestay-name-bg.png) no-repeat;
    background-size: cover;
    bottom: -32px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.main3 .box2 .homestay-name2 p
{
    font-family: Roboto-Regular;
    text-align: center;
    line-height: 32px;
}
.main3 .box2 .homestay-name2 p a
{
    color: darkgreen;
    text-decoration: none;
    border-bottom: solid 1px green;
}
.main3 .box2 .homestay-name2 p a:hover
{ 
    border-bottom: double 3px green;
}
.main3 .box2 .homestay1:hover .homestay-name2
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main3 .box2 .homestay2:hover .homestay-name2
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main3 .box2 .homestay3:hover .homestay-name2
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main3 .box2 .homestay4:hover .homestay-name2
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main3:after
{
    display: block;
    content: "";
    clear: both; 
}
.main4
{
    width:100%;
    background: url(../images/jeep-deer.png) 195% 34.2% no-repeat;
    margin: 2% 0;
}
.main4 .box1
{
    float: left;
    width:48%;
    margin-left: 1.5%;
}
.main4 .box1 .heading1
{
    font-family: KGAllofMe;
    font-size: 35pt;
    color: #edf0e2;
    margin-top: -1.5%;
    display: none;
}
.main4 .box1 .heading2
{
    font-family: Google-spies;
    font-size: 70pt;
    color:#f5f7ea;
    margin-top: -3.0%;
    text-shadow: 2px 2px 1px black;
    display: none;
}
.main4 .box1 .jungle-safari
{
    width:96%;
    height:357px;
    float:left;
    background:url(../images/jungle-safari.jpg) no-repeat;
    margin-top:16.5%;
    border: solid 1px white;
    overflow: hidden;
    display: none;
}
.main4 .box1 .jungle-safari .jungle-safari-desc
{
    position: relative;
    width: 97%;
    height:80px;
    margin-left: 0px;
    padding: 5px 1.5%;
    /*margin-top:277px;*/
    background: url(../images/white-water-bg.png) right repeat;
    opacity: 0.8;
    top:-90px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.main4 .box1 .jungle-safari:hover .jungle-safari-desc
{
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
}
.main4 .box1 .jungle-safari .jungle-safari-desc .heading
{
    font-size: 28px;
    font-family: Narkisim;
    color: #f5f7ea;
    text-align: left;
}
.main4 .box1 .jungle-safari .jungle-safari-desc .desc
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:white;
    margin-left: 0px;
    margin-top: -3px;
}
.main4 .box1 .desc
{
    width:51%;
    height: auto;
    float: left;
    margin-left: 46.5%;
    margin-bottom: 25px;
    background: url(../images/content_bg.png);
}
.main4 .box1 .descc
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color: white;
    padding: 4%;
    line-height: 20px;
}
.main4 .box1 .know-more3
{
    width:100%;
}
.main4 .box1 .know-more3 i
{
    color: white;
    background: darkgreen;
    padding: 1px 8px 2px;
    text-align: center;
    position: relative;
    top: 5px;
}
.main4 .box1 .know-more3 a
{
    text-decoration: none;
    color:lightgreen;
    line-height: 35px;
    background: #656e33;
    padding: 9px 20px;
}
.main4 .box1 .know-more3 a:hover
{
    color:white;
}
.main4 .box1 .homestay1
{
    width:46%;
    height:170px;
    float:left;
    margin-left: 3%;
    background: url(../images/Crocodile-Hunk-Homestay.jpg) no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
}
.main4 .box1 .homestay2
{
    width:46%;
    height:170px;
    float:left;
    margin-left: 2%;
    margin-bottom: 2%;
    background: url(../images/Dandeli-Jungle-Camp.jpg) right no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
}
.main4 .box1 .homestay3
{
    width:46%;
    height:170px;
    float:left;
    margin-left: 3%;
    background: url(../images/kingfisher-jungle-stay.jpg) no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
}
.main4 .box1 .homestay4
{
    width:46%;
    height:170px;
    float:left;
    margin-left: 2%;
    background: url(../images/Dandeli-Chalet.jpg) right no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
}
.main4 .box1 .homestay-name3
{
    position: relative;
    width:100%;
    height:32px;
    margin-top: 138px;
    background: url(../images/homestay-name-bg.png) no-repeat;
    background-size: cover;
    bottom:-32px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.main4 .box1 .homestay-name3 p
{
    font-family: Roboto-Regular;
    text-align: center;
    line-height: 32px;
}
.main4 .box1 .homestay-name3 p a
{
    color: darkgreen;
    text-decoration: none;
    border-bottom: solid 1px green;
}
.main4 .box1 .homestay-name3 p a:hover
{
    
    border-bottom: double 3px green;
}
.main4 .box1 .homestay1:hover .homestay-name3
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main4 .box1 .homestay2:hover .homestay-name3
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main4 .box1 .homestay3:hover .homestay-name3
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main4 .box1 .homestay4:hover .homestay-name3
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main4 .box1 .desc1
{
    width:51%;
    height: auto;
    float: left;
    margin-left: 47%;
    margin-bottom: 20px;
    background: #25a8e0;
    display: none;
}
.main4 .box1 .descc
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color: white;
    padding: 4%;
    line-height: 20px;
}
.main4 .box1 .know-more3
{
    width:100%;
}
.main4 .box1 .know-more3 i
{
    color: white;
    background: darkgreen;
    padding: 1px 8px 2px;
    text-align: center;
    position: relative;
    top: 5px;
}
.main4 .box1 .know-more3 a
{
    text-decoration: none;
    color:lightgreen;
    line-height: 35px;
    background: #656e33;
    padding: 9px 20px;
}
.main4 .box1 .know-more3 a:hover
{
    color:white;
}
.main4 .box2
{
    float: left;
    width:49%;
    margin-left: 1.5%;
}   
.main4 .box2 .heading1
{
    font-family: KGAllofMe;
    font-size: 35pt;
    color: #edf0e2;
    margin-top: -1.5%;
}
.main4 .box2 .heading2
{
    font-family: Google-spies;
    font-size: 70pt;
    color:#f5f7ea;
    margin-top: -1.5%;
    text-shadow: 2px 2px 1px black;
}
.main4 .box2 .jungle-safari
{
    width:93%;
    height:352px;
    float:left;
    background:url(../images/jungle-safari1.jpg) no-repeat;
    background-size: cover;
    margin-top:29.4%;
    border: solid 1px white;
    overflow: hidden;
}
.main4 .box2 .jungle-safari .jungle-safari-desc
{
    position: relative;
    width: 97%;
    height:80px;
    margin-left: 0px;
    padding: 5px 1.5%;
    /*margin-top:277px;*/
    background: url(../images/white-water-bg.png) right repeat;
    opacity: 0.8;
    top:-90px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.main4 .box2 .jungle-safari:hover .jungle-safari-desc
{
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
}
.main4 .box2 .jungle-safari .jungle-safari-desc .heading
{
    font-size: 28px;
    font-family: Narkisim;
    color: #f5f7ea;
    text-align: left;
}
.main4 .box2 .jungle-safari .jungle-safari-desc .desc
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:white;
    margin-left: 0px;
    margin-top: -3px;
}
.main4:after
{
    display: block;
    content: "";
    clear: both; 
}
.main5
{
    width:100%;
    padding-bottom: 8%;
    margin-top: 2.5%;
}
.main5 .box1
{
    float: left;
    width:48%;
    margin-left: 1.5%;
}
.main5 .box1 .heading1
{
    font-family: KGAllofMe;
    font-size: 35pt;
    color: #edf0e2;
    text-align: right;
    margin-top: -1.5%;
    margin-right: 2.5%;
}
.main5 .box1 .heading2
{
    font-family: Google-spies;
    font-size: 70pt;
    color:#f5f7ea;
    text-align:right;
    margin:-1.5% 2.5% 1% 0px;
    text-shadow: 2px 2px 1px black;
}
.main5 .box1 .homestay1
{
    width:46%;
    height:170px;
    float:left;
    margin-left: 2.2%;
    background: url(../images/homestay-13.jpg) no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
}
.main5 .box1 .homestay2
{
    width:46%;
    height:170px;
    float:left;
    margin-left: 2%;
    margin-bottom: 3%;
    background: url(../images/homestay-14.jpg) right no-repeat;
    background-size: cover;
    border: solid 1px white;
    overflow: hidden;
}
.main5 .box1 .homestay-name4
{
    position: relative;
    width:100%;
    height:32px;
    margin-top: 138px;
    background: url(../images/homestay-name-bg.png) no-repeat;
    background-size: cover;
    bottom:-32px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.main5 .box1 .homestay-name4 p
{
    font-family: Roboto-Regular;
    text-align: center;
    line-height: 32px;
}
.main5 .box1 .homestay-name4 p a
{
    color: darkgreen;
    text-decoration: none;
    border-bottom: solid 1px green;
}
.main5 .box1 .homestay-name4 p a:hover
{
    
    border-bottom: double 3px green;
}
.main5 .box1 .homestay1:hover .homestay-name4
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main5 .box1 .homestay2:hover .homestay-name4
{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.main5 .box1 .places-heading
{
    font-size: 25pt;
    font-family: Narkisim;
    color: #f5f7ea;
    text-align: left;
    margin-left: 5px;
    padding: 5px 15px 0px 10px;
}
.main5 .box1 .places-desc
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:white;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0px 15px 5px 10px;
}
.main5 .box2
{
    float: left;
    width:48%;
    margin-left: 1.5%;
}
.main5 .box2 .img1
{
    width:100%;
    float: left;
    margin-bottom: 1.8%;
}
.main5 .box2 .img1 .desc
{
    float: left;
    width:46.5%;
    height:auto;
    background: url(../images/content_bg.png);
}
.main5 .box2 .img1 .desc .know-more4
{
    width:100%;
}
.main5 .box2 .img1 .desc .know-more4 i
{
    color: white;
    background: darkgreen;
    padding: 1px 8px 2px;
    text-align: center;
    position: relative;
    top: 5px;
}
.main5 .box2 .img1 .desc .know-more4 a
{
    text-decoration: none;
    color:lightgreen;
    line-height: 35px;
    background: #656e33;
    padding: 9px 20px;
}
.main5 .box2 .img1 .desc .know-more4 a:hover
{
    color:white;
}
.main5 .box2 .img1 .desc p
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color: white;
    padding: 3.78%;
    line-height: 20px;
}
.main5 .box2 .img2
{
    width: 100%;
    float: left;
}
.main5 .box2 .places1
{
    height:235px;
    width: 46.5%;
    float: left;
    margin-left: 2%;
    border: solid 1px white;
    overflow: hidden;
}
.main5 .box2 .places2
{
    height:235px;
    width: 46.5%;
    float: left;
    border: solid 1px white;
    overflow: hidden;
}
.main5 .box2 .places3
{
    height:235px;
    width: 46.5%;
    float: left;
    margin-left: 2%;
    border: solid 1px white;
    overflow: hidden;
}
.main5 .box2 img
{
    width: 105%;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.main5 .box2 img:hover
{
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
.main5 .box2 .desc1
{
    float: left;
    width:48%;
    height:auto;
    background: #25a8e0;
    display: none;
}
.main5 .box2 .desc1 .know-more4
{
    width:100%;
}
.main5 .box2 .desc1 .know-more4 i
{
    color: white;
    background: darkgreen;
    padding: 1px 8px 2px;
    text-align: center;
    position: relative;
    top: 5px;
}
.main5 .box2 .desc1 .know-more4 a
{
    text-decoration: none;
    color:lightgreen;
    line-height: 35px;
    background: #656e33;
    padding: 9px 20px;
}
.main5 .box2 .desc1 .know-more4 a:hover
{
    color:white;
}
.main5 .box2 .desc1 p
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color: white;
    padding: 4%;
    line-height: 20px;
}
.main5:after
{
    display: block;
    content: "";
    clear: both; 
}
.footer
{
    width:100%;
    background: url(../images/footer-bg.jpg) no-repeat;
    background-size: cover;
}
.footer .footer-top
{
    width: 80%;
    padding: 1% 10%;
}
.footer .footer-top .inner-wrapper .links1
{
    width: 17%;
    float:left;
}
.footer .footer-top .inner-wrapper .map
{
    width: 40%;
    float:left;
    padding-left: 1%;
    box-sizing: border-box;
}
.footer .footer-top .inner-wrapper .map .heading
{
    font-family: OpenSans-Light;
    font-size: 20pt;
}
.footer .footer-top .inner-wrapper .map table
{
    margin-top: 2%;
}
.footer .footer-top .inner-wrapper .map table tr .icon
{
    width: 37px;
}
.footer .footer-top .inner-wrapper .map table tr .desc
{
    font-family: OpenSans-Light;
    font-size: 12pt;
}
.footer .footer-top .inner-wrapper .map table tr .desc a
{
    text-decoration: none;
    color: #7c8b45;
}
.footer .footer-top .inner-wrapper .map table tr .desc a:hover
{
    text-decoration: none;
    color: #a7b259;
}
.footer .footer-top .inner-wrapper .map .mob-footer-do-dont
{
    display: none;
}
.footer .footer-top .inner-wrapper .map mob-footer-do-dont tr .icon
{
    width: 37px;
}
.footer .footer-top .inner-wrapper .map mob-footer-do-dont tr .desc
{
    font-family: OpenSans-Light;
    font-size: 12pt;
}
.footer .footer-top .inner-wrapper .map mob-footer-do-dont tr .desc a
{
    text-decoration: none;
    color: #7c8b45;
}
.footer .footer-top .inner-wrapper .map mob-footer-do-dont tr .desc a:hover
{
    text-decoration: none;
    color: #a7b259;
}
.footer .footer-top .subscribe p
{
    font-family: OpenSans-Light;
    font-size: 20pt;
    margin-left: 5%;
}
.footer .footer-top .subscribe span
{
   font-family: Verdana, Arial, sans-serif; 
   font-size: 0.7em;
   color: #900;
   background-color : #ffff00;
    margin-left: 14px;
    margin-top: 10px;
}
.footer .footer-top .links1 a
{
    text-decoration: none;
    color:#7e8a3f;;
    font-family: OpenSans-Light;
    font-size: 12pt;
}
.footer .footer-top .links1 a:hover
{
    color:#a7b259;
}
.footer .footer-top .links1 p
{
    margin-top: 0px;
    margin-left: 7.5%;
    line-height: 30px;
}
.footer .footer-top .subscribe
{
    width: 25%;
    float:left;
}
.footer .footer-top .subscribe p
{
    font-family: OpenSans-Light;
    font-size: 20pt;
    margin-left: 5%;
}
.footer .footer-top .subscribe .sub-txt-box
{
    font-family: OpenSans-Light;
    background:none; 
    border:solid 1px white; 
    height:30px; 
    width:175px; 
    margin:5% 0px 0px 5%;
    padding: 0 10% 0 4%;
    color:white;
    font-size: 11pt;
    background: url(../images/down-arroww.png) 186px no-repeat;
    outline: none;
}
.footer .footer-top .subscribe .sub-sbtn
{
    font-family: OpenSans-Light;
    font-size: 18px;
    margin-top: 7%;
    margin-left: 5%;
    width:120px;
    height:30px;
    background: #9d9f10;
    color:white;
    border: none;
}
.footer .footer-top .social
{
    width: 26%;
    float:left;
}
.footer .footer-top .social p
{
    font-family: OpenSans-Light;
    font-size: 20pt;
    margin-left: 30%;
}
.footer .footer-top .social a:nth-child(2)
{
    margin-left: 30%;
}
.footer .footer-top .social i
{
    margin: 5% 5% 0px 0px;
    color:black;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.footer .footer-top .social .twitter:hover
{
    color:#50a5e6;
}
.footer .footer-top .social .facebook:hover
{
    color:#3b5998;
}
.footer .footer-top .social .gplus:hover
{
    color:#dd4e42;
}
.footer .footer-top .social .linkedin:hover
{
    color:#0274b3;
}
.footer .footer-bottom
{
    width: 80%;
    height:30px;
    padding-left: 10%;
    padding-right: 10%;
    background: #2b380d;
}
.footer .footer-bottom .copy
{
    width: 50%;
    float:left;
}
.footer .footer-bottom p
{
    font-family: OpenSans-Light;
    font-size: 9pt;
    line-height: 30px;
    margin-left:2.5%;
    color:#7c8b45;
}
.footer .footer-bottom .design
{
    width: 50%;
    float:left;
}
.footer .footer-bottom .design p
{
    float:right;
    margin-right:2.5%;
    margin-left:0px
}
.footer .footer-bottom a
{
    text-decoration: none;
    color:#5b7b19;
}
.footer .footer-bottom a:hover
{
    color:#a7b259;
}
.footer .footer-top:after
{
    display: block;
    content: "";
    clear: both; 
}

/* CSS for Homestays and Resorts page */

.homestay
{
    width:100%;
    margin: 80px 0px;
}
.homestay .homestay-details
{
    width: 75%;
    float: left;
}
.homestay .homestay-details .homestay-name
{
    width:96%;
    padding: 2%;
    margin-bottom:20px;
    background: rgba(229,228,216,0.8);
}
.homestay .homestay-details .homestay-name .name
{
    font-family: Narkisim;
    font-size: 25pt;
    color:#5b4e2d;
}
.homestay .homestay-details .homestay-name .desc
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:#5b4e2d;
    margin-top: 8px;
    line-height: 22px;
}
.homestay .homestay-details .homestay-name .desktop-collage
{
    margin: 10px 0px -8px -10px;
}
.homestay .homestay-details .homestay-slider
{
    width:48%;
    height:450px;
    float:left;
    border: solid 1px white;
    background: white;
}
.homestay .homestay-details .homestay-slider .slider{
	width: 100%;
	position: relative;
	padding-top: 350px;
	margin: 0px auto;
	/*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);*/
}
.homestay .homestay-details .homestay-slider .slider>img{
	position: absolute;
	left: 0; top: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
    width:100%;
}
.homestay .homestay-details .homestay-slider .slider input[name='slide_switch'] {
	display: none;
}
.homestay .homestay-details .homestay-slider .slider label {
	margin: 18px 0 0 18px;
	border: 3px solid #999;
	float: left;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0.6;
}
.homestay .homestay-details .homestay-slider .slider label img{
    width: 68px;
    height: 62px;
	display: block;
}
.homestay .homestay-details .homestay-slider .slider input[name='slide_switch']:checked+label {
	border-color: #666;
	opacity: 1;
}
.homestay .homestay-details .homestay-slider .slider input[name='slide_switch'] ~ img {
	opacity: 0;
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
}
.homestay .homestay-details .homestay-slider .slider input[name='slide_switch']:checked+label+img {
	opacity: 1;
	-webkit-transform: scale(1);
	        transform: scale(1);
}
.homestay .homestay-details .homestay-desc
{
    width:49%;
    height: 394px;
    float:left;
    margin-left: 20px;
    background: #f1ede4;
}
.homestay .homestay-details .homestay-desc .desc-nav
{
    background:#596809;
    height:20px;
    padding: 15px;
}
.desc-nav ul{
    list-style-type: none;
    width:100%;
}
.desc-nav li
{
    float:left;
    text-align: center;
    line-height: 20px;
    width:30%;
    color: white;
    font-family: Roboto-Regular;
    font-size: 16px;
    cursor: pointer;
    border-right: solid 1px #e0d9c4;
}
.desc-nav .active
{
  text-decoration: underline;  
}
.desc-nav li:hover{
  text-decoration: underline;
}
.homestay .homestay-details .homestay-desc p
{
    font-family: Roboto-Regular;
    font-size: 12pt;
    line-height: 22px;
    color: #796e52;
}
.homestay .homestay-details .homestay-desc p i
{
    margin-right: 5px;
}
/*.homestay .homestay-details .homestay-desc ul li
{
    font-family: Roboto-Regular;
    font-size: 12pt;
    line-height: 22px;
    color: #796e52;
}*/
.homestay .homestay-details .homestay-desc .location
{
    width: 92%;
    padding: 2% 4%;
}
.homestay .homestay-details .homestay-desc .location ul li
{
    margin-left: 30px;
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:#5b4e2d;
    line-height: 24px;
}
.homestay .homestay-details .homestay-desc .activities, .nearest-spots
{
    width: 92%;
    padding: 2% 4%;
    display: none;
}
.homestay .homestay-details .homestay-desc .activities ul li
{
    margin-left: 30px;
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:#5b4e2d;
    line-height: 24px;
}
.homestay .homestay-details .book-now
{
    width: 49%;
    height:50px;
    margin-top: 8px;
    margin-left: 20px;
    float: left;
}
.homestay .homestay-details .book-now .book-now-btn
{
    width: 393px;
    height: 47px;
    color:#1c93ca;
    background: url(../images/book-now.png) no-repeat;
    line-height: 42px;
    font-size: 30px;
    font-family: OpenSans-Regular;
    cursor: pointer;
    border-radius: 10px;
    border: none;
}
.homestay .homestay-details .book-now .book-now-btn:hover
{
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
.homestay .homestay-list
{
    width: 23.5%;
    background: #596809;
    margin-left: 15px;
    float:left;
}
.homestay .homestay-list .heading
{
    font-family: Narkisim;
    font-size: 20pt;
    color: white;
    margin: 15px 10px 5px;
    text-align: left;
}
.homestay .homestay-list a
{
    font-family: Roboto-Regular;
    font-size: 12pt;
    padding:0px 10px; 
    text-decoration: none;
    color: white;
    display: block;
    text-align: left;
    height: 40px;
    line-height: 40px;
}
.homestay .homestay-list a.active
{
    background: #63730f;
}
.homestay .homestay-list a i
{
    margin-right: 10px;
    color: lightgreen;
}
.homestay .homestay-list a:hover
{
    background: #63730f;
}
.homestay:after
{
    display: block;
    content: "";
    clear: both; 
}
.homestay .homestay-details:after
{
    display: block;
    content: "";
    clear: both; 
}
.homestay .homestay-slider:after
{
    display: block;
    content: "";
    clear: both; 
}
.homestay .homestay-desc:after
{
    display: block;
    content: "";
    clear: both; 
}
.homestay .homestay-list:after
{
    display: block;
    content: "";
    clear: both; 
}

/* CSS for About Us page */

.about-dandeli
{
    width: 96%;
    padding: 2%;
    background: rgba(0,0,0,0.7);
    margin-top: 80px;
    margin-bottom: 20px;
}
.about-dandeli .heading
{
    font-family: Narkisim;
    font-size: 25pt;
    color:white;
    margin-bottom: 5px;
}
.about-dandeli .desc
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:white;
    line-height: 24px;
}
.about-main1
{
    width: 100%;
    margin-bottom: 20px;
}
.about-main1 .about-homestays
{
    float: left;
    width: 68%;
    padding: 1.5%;
    background: rgba(222,221,212,0.7);
}
.about-main1 .about-homestays .heading
{
    font-family: Narkisim;
    font-size: 20pt;
    color:#5b4e2d;
    margin-bottom: 5px;
}
.about-main1 .about-homestays .img
{
    width: 50%;
    float:left;
}
.about-main1 .about-homestays .img img
{
    width: 100%;
    height: 296px;
    border: solid 1px white;
}
.about-main1 .about-homestays .text
{
    width: 49%;
    margin-left: 1%;
    float: left;
}
.about-main1 .about-homestays .text .desc
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:#5b4e2d;
    line-height: 20px;
}
.about-main1 .about-homestays .text .know-more1
{
    width:100%;
    height:34px;
    margin-top: 15px;
    background: url(../images/know-more.png) no-repeat;
}
.about-main1 .about-homestays .text .know-more1 a
{
    text-decoration: none;
    color:#1c93ca;
    line-height: 35px;
    background: #264a63;
    padding: 9px 20px 8px 20px;
    margin-left: 34px;
}
.about-main1 .about-homestays .text .know-more1 a:hover
{
    color:white;
}
.about-main1 .about-homestays1
{
    float: left;
    width: 69%;
    padding: 1%;
    background: rgba(222,221,212,0.7);
    margin-bottom: 20px;
    display: none;
}
.about-main1 .about-homestays1 .heading
{
    font-family: Narkisim;
    font-size: 20pt;
    color:#5b4e2d;
    margin-bottom: 5px;
}
.about-main1 .about-homestays1 .img
{
    width: 50%;
    float:left;
}
.about-main1 .about-homestays1 .text
{
    width: 49%;
    margin-left: 1%;
    float: left;
}
.about-main1 .about-homestays1 .text .desc
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:#5b4e2d;
    line-height: 20px;
}
.about-main1 .about-homestays1 .text .know-more1
{
    width:100%;
    margin-top: 10px;
}
.about-main1 .about-homestays1 .text .know-more1 i
{
    color: white;
    background: darkgreen;
    padding: 1px 8px 2px;
    text-align: center;
    position: relative;
    top: 5px;
}
.about-main1 .about-homestays1 .text .know-more1 a
{
    text-decoration: none;
    color:lightgreen;
    line-height: 35px;
    background: #656e33;
    padding: 9px 20px;
}
.about-main1 .about-homestays1 .text .know-more1 a:hover
{
    color:white;
}

.about-main1 .activities
{
    float: left;
    width: 28%;
    height:auto;
    margin-left: 1%;
    background: #596809;
}
.about-main1 .activities .heading
{
    font-family: Narkisim;
    font-size: 20pt;
    color:white;
    margin: 14px 0px 3px 20px;
}
.about-main1 .activities .act
{
    font-family: Roboto-Regular;
    font-size: 12pt;
    text-decoration: none;
    color: white;
    display: block;
    height: 36px;
    line-height: 36px;
    padding-left: 20px;
}
.about-main1 .activities .act i
{
    margin-right: 10px;
    color: lightgreen;
}
.about-main1 .activities .act:hover
{
    background: #63730f;
}
.about-main1:after
{
    display: block;
    content: "";
    clear: both;
}
.about
{
    width: 100%;
    margin-bottom: 60px;
}
.about .about-main2
{
    float: left;
    width: 71%;
}
.about .about-main2 .about-main3
{
    width: 97%;
    padding: 1.5%;
    background: rgba(222,221,212,0.7);
    margin-bottom: 20px;
}
.about .about-main2 .about-main3 .heading
{
    font-family: Narkisim;
    font-size: 20pt;
    color:#5b4e2d;
    margin-bottom: 5px;
}
.about .about-main2 .about-main3 .img
{
    width: 50%;
    float:left;
}
.about .about-main2 .about-main3 .img img
{
    width: 100%;
    border: solid 1px white;
    
}
.about .about-main2 .about-main3 .img .abt-resort
{
    height: 310px;
}
.about .about-main2 .about-main3 .text
{
    width: 49%;
    margin-left: 1%;
    float: left;
}
.about .about-main2 .about-main3 .text .desc
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:#5b4e2d;
    line-height: 20px;
}
.about .about-main2 .about-main3 .text .know-more1
{
    width:100%;
    margin-top: 68px;
}
.about .about-main2 .about-main3 .text .know-more1 i
{
    color: white;
    background: darkgreen;
    padding: 1px 8px 2px;
    text-align: center;
    position: relative;
    top: 5px;
}
.about .about-main2 .about-main3 .text .know-more1 a
{
    text-decoration: none;
    color:lightgreen;
    line-height: 35px;
    background: #656e33;
    padding: 9px 20px;
}
.about .about-main2 .about-main3 .text .know-more1 a:hover
{
    color:white;
}
.about-main3:after
{
    display: block;
    content: "";
    clear: both;
}
.about .activities1
{
    float: left;
    width: 28%;
    height:333px;
    margin-left: 1%;
    background: #596809;
    display: none;
}
.about .activities1 .heading
{
    font-family: Narkisim;
    font-size: 25pt;
    color:white;
    margin: 15px 0px 5px 20px;
}
.about .activities1 .act
{
    font-family: Roboto-Regular;
    font-size: 12pt;
    text-decoration: none;
    color: white;
    display: block;
    height: 33px;
    line-height: 33px;
    padding-left: 20px;
}
.about .activities1 .act:hover
{
    background: #63730f;
}
.about .main-testimonials
{
    float: left;
    width: 28%;
    margin-left: 1%;
    background: #596809;
}
.main-testimonials .heading
{
    font-family: Narkisim;
    font-size: 20pt;
    color:white;
    margin: 14px 0px 3px 20px;
}
#testimonials{
	width:300px;
	height:auto;
    margin-top: 10px;
	position:relative;
}
#testimonials .testimonial{
	position:absolute;
	left:0px;
	top:0px;
	width:260px;
    padding: 0px 19px;
	z-index:1;
}
#test_container{
	position:relative;
    padding-bottom:73px;
	overflow:hidden;
}
#testimonials .testimonial_text{
	font-size:14px;
	font-family: Roboto-Regular;
    color: white;
}
#testimonials .testimonial_name{
	font-size:12px;
	margin:10px auto 3px;
	font-family: sans-serif;
    color: white;
}
#testimonials .testimonial_designation{
	font-size: 12px;
	line-height: 14px;
	font-family: Roboto-Regular;
    color: white;
    margin-bottom: 5px;
}
#t_pagers{
	position:absolute;
	left:40%;
	bottom:20px;
	z-index:2;
}
#t_pagers .pager{
	display:inline-block;
	text-decoration:none;
	width:10px;
	min-height:10px;
	margin-right:5px;
	background:#ccc;
	border-radius:50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
	cursor:pointer;
}
#t_pagers .pager.active{
	background:#f25911;
}
.about:after
{
    display: block;
    content: "";
    clear: both;
}

/* CSS for Explore page */

.explore-main1
{
    width: 98%;
    padding: 1%;
    margin-top: 80px;
    margin-bottom: 20px;
    background: rgba(228,226,210,0.7);
}
.explore-main1 .heading
{
    font-family: Narkisim;
    font-size: 25pt;
    color:#5b4e2d;
    margin-bottom: 5px;
}
.explore-main1 .img
{
    float: left;
    width:42%;
}
.explore-main1 .img img
{
    border: solid 1px white;
}
.explore-main1 .text
{
    width: 54%;
    padding: 0 2%;
    float: left;
}
.explore-main1 .text .desc
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:#5b4e2d;
    line-height: 22px;
}
.explore-main1:after
{
   display: block;
    content: "";
    clear: both; 
}
.list-of-activities-nav
{
    width: 100%;
    margin-bottom: 20px;
    background: #e1e7b2;
    display: none;
}
.list-of-activities-nav .burger-navv
{
    width: 100%;
    height:40px;
    background: url(../images/list-of-activities-nav.png) no-repeat center;
    cursor: pointer;
}
.list-of-activities-nav table
{
    width:100%;
    margin-left: 0px;
    background: #6A8437;
    border-collapse: collapse;
    display: none;
}
.explore-main2
{
    width: 100%;
    padding:0;
    margin-bottom: 80px;
    background: #596809;
    border: solid 1px white;
}
.explore-main2 .list-of-activities
{
    float: left;
    width:30%;
    background: #5b7b19;
}
.explore-main2 .list-of-activities .heading
{
    font-family: Narkisim;
    font-size: 20pt;
    color:white;
    margin: 10px 0px 10px 20px;
}
.explore-main2 .list-of-activities table
{
    width:100.6%;
    margin-left: 0px;
    border-collapse: collapse;
}
.explore-main2 .list-of-activities table tr
{
    
}
.explore-main2 .list-of-activities table tr td
{
    cursor: pointer;
}
.explore-main2 .list-of-activities table tr .img1
{
    width:25%;
    height:50px;
    padding-left:20px;
    padding-right: 10px;
    display: none;
}
.explore-main2 .list-of-activities table tr .img2
{
    width:25%;
    height:50px;
    padding-left:20px;
    padding-right: 10px;
}
.explore-main2 .list-of-activities table tr .img3
{
    width:25%;
    height:50px;
    padding-left:20px;
    padding-right: 10px;
}
.explore-main2 .list-of-activities table tr .img4
{
    width:25%;
    height:50px;
    padding-left:20px;
    padding-right: 10px;
}
.explore-main2 .list-of-activities table tr .img5
{
    width:25%;
    height:50px;
    padding-left:20px;
    padding-right: 10px;
}
.explore-main2 .list-of-activities table tr .img6
{
    width:25%;
    height:50px;
    padding-left:20px;
    padding-right: 10px;
}
.explore-main2 .list-of-activities table tr .img7
{
    width:25%;
    height:50px;
    padding-left:20px;
    padding-right: 10px;
}
.explore-main2 .list-of-activities table tr .img8
{
    width:25%;
    height:50px;
    padding-left:20px;
    padding-right: 10px;
}
.explore-main2 .list-of-activities table tr .imgg1
{
    width:25%;
    height:50px;
    padding-left:20px;
    padding-right: 10px;
}
.explore-main2 .list-of-activities table tr .imgg2
{
    width:25%;
    height:50px;
    padding-left:20px;
    padding-right: 10px;
    display: none;
}
.explore-main2 .list-of-activities table tr .imgg3
{
    width:25%;
    height:50px;
    padding-left:20px;
    padding-right: 10px;
    display: none;
}
.explore-main2 .list-of-activities table tr .imgg4
{
    width:25%;
    height:50px;
    padding-left:20px;
    padding-right: 10px;
    display: none;
}
.explore-main2 .list-of-activities table tr .imgg5
{
    width:25%;
    height:50px;
    padding-left:20px;
    padding-right: 10px;
    display: none;
}
.explore-main2 .list-of-activities table tr .imgg6
{
    width:25%;
    height:50px;
    padding-left:20px;
    padding-right: 10px;
    display: none;
}
.explore-main2 .list-of-activities table tr .imgg7
{
    width:25%;
    height:50px;
    padding-left:20px;
    padding-right: 10px;
    display: none;
}
.explore-main2 .list-of-activities table tr .imgg8
{
    width:25%;
    height:50px;
    padding-left:20px;
    padding-right: 10px;
    display: none;
}
.explore-main2 .list-of-activities table tr .name
{
    color: #e3e0d7;
    font-family: Roboto-Regular;
    font-size: 14px;
}
.explore-main2 .list-of-activities .active
{
    background:darkgreen; /*#63730f*/
}
.explore-main2 .list-of-activities tr:hover{
    background:darkgreen;
}
.desc-img1
{
    float: left;
}
.desc-img2
{
    float: right;
}
.explore-main2 .white-water-rafting
{
    float: left;
    width:64%;
    padding: 0 3%;
}
.explore-main2 .white-water-rafting .white-water-rafting-desc-img
{
    float: left;
    width: 100%;
}
.explore-main2 .white-water-rafting .white-water-rafting-desc-img img
{
    margin: 10px 0px 3px 0px;
    border: solid 1px white;
}
.explore-main2 .white-water-rafting .white-water-rafting-desc-text
{
    float: left;
    width:100%;
    margin-top: 3px;
}
.explore-main2 .white-water-rafting .white-water-rafting-desc-text p
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:white;
    text-align: justify;
    line-height: 21px;
}
.explore-main2 .rappelling
{
    float: left;
    width:64%;
    padding: 0 3%;
    display: none;
}
.explore-main2 .rappelling .rappelling-desc-img
{
    float: left;
    width: 100%;
}
.explore-main2 .rappelling .rappelling-desc-img img
{
    margin: 10px 0px 3px 0px;
    border: solid 1px white;
}
.explore-main2 .rappelling .rappelling-desc-text
{
    float: left;
    width:100%;
    margin-top: 3px;
}
.explore-main2 .rappelling .rappelling-desc-text p
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:white;
    text-align: justify;
    line-height: 21px;
}
.explore-main2 .adventure-trekking
{
    float: left;
    width:64%;
    padding: 0 3%;
    display: none;
}
.explore-main2 .adventure-trekking .adventure-trekking-desc-img
{
    float: left;
    width: 100%;
}
.explore-main2 .adventure-trekking .adventure-trekking-desc-img img
{
    margin: 10px 0px 3px 0px;
    border: solid 1px white;
}
.explore-main2 .adventure-trekking .adventure-trekking-desc-text
{
    float: left;
    width:100%;
    margin-top: 3px;
}
.explore-main2 .adventure-trekking .adventure-trekking-desc-text p
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:white;
    text-align: justify;
    line-height: 21px;
}
.explore-main2 .bird-watching
{
    float: left;
    width:64%;
    padding: 0 3%;
    display: none;
}
.explore-main2 .bird-watching .bird-watching-desc-img
{
    float: left;
    width: 100%;
}
.explore-main2 .bird-watching .bird-watching-desc-img img
{
    margin: 10px 0px 3px 0px;
    border: solid 1px white;
}
.explore-main2 .bird-watching .bird-watching-desc-text
{
    float: left;
    width:100%;
    margin-top: 3px;
}
.explore-main2 .bird-watching .bird-watching-desc-text p
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:white;
    text-align: justify;
    line-height: 21px;
}
.explore-main2 .jungle-safari-in-open-jeep
{
    float: left;
    width:64%;
    padding: 0 3%;
    display: none;
}
.explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img
{
    float: left;
    width: 100%;
}
.explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img img
{
    margin: 10px 0px 3px 0px;
    border: solid 1px white;
}
.explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-text
{
    float: left;
    width:100%;
    margin-top: 3px;
}
.explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-text p
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:white;
    text-align: justify;
    line-height: 21px;
}
.explore-main2 .kayaking
{
    float: left;
    width:64%;
    padding: 0 3%;
    display: none;
}
.explore-main2 .kayaking .kayaking-desc-img
{
    float: left;
    width: 100%;
}
.explore-main2 .kayaking .kayaking-desc-img img
{
    margin: 10px 0px 3px 0px;
    border: solid 1px white;
}
.explore-main2 .kayaking .kayaking-desc-text
{
    float: left;
    width:100%;
    margin-top: 3px;
}
.explore-main2 .kayaking .kayaking-desc-text p
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:white;
    text-align: justify;
    line-height: 21px;
}
.explore-main2 .nature-walks
{
    float: left;
    width:64%;
    padding: 0 3%;
    display: none;
}
.explore-main2 .nature-walks .nature-walks-desc-img
{
    float: left;
    width: 100%;
}
.explore-main2 .nature-walks .nature-walks-desc-img img
{
    margin: 10px 0px 3px 0px;
    border: solid 1px white;
}
.explore-main2 .nature-walks .nature-walks-desc-text
{
    float: left;
    width:100%;
    margin-top: 3px;
}
.explore-main2 .nature-walks .nature-walks-desc-text p
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:white;
    text-align: justify;
    line-height: 21px;
}
.explore-main2 .outdoor-camping
{
    float: left;
    width:64%;
    padding: 0 3%;
    display: none;
}
.explore-main2 .outdoor-camping .outdoor-camping-desc-img
{
    float: left;
    width: 100%;
}
.explore-main2 .outdoor-camping .outdoor-camping-desc-img img
{
    margin: 10px 0px 3px 0px;
    border: solid 1px white;
}
.explore-main2 .outdoor-camping .outdoor-camping-desc-text
{
    float: left;
    width:100%;
    margin-top: 3px;
}
.explore-main2 .outdoor-camping .outdoor-camping-desc-text p
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:white;
    text-align: justify;
    line-height: 21px;
}
.explore-main2:after
{
	display: block;
    content: "";
    clear: both; 
}

/* CSS for Contact Us page */

.contact
{
	width:96%;
	margin:80px 0px;
}
.contact .contact-map
{
	width:60%;
    margin-left: 5%;
	float:right;
}
.contact .contact-map iframe
{
    width:100%;
    height: 420px;
}
.contact .contact-map table
{
    border-collapse: collapse;
    background: rgba(114,134,68,0.7);
    border: solid 1px #ccc;
    margin-top: 20px;
    width: 100%;
}
.contact .contact-map table td
{
    padding: 5px;
}
.contact .contact-map table td i
{
    font-size: 1.5em;
}
.contact .contact-map .icon
{
    width: 50px;
    text-align: center;
}
.contact .contact-map .content
{
    width: 590px;
    font-family: Narkisim;
    font-size: 14pt;
    line-height: 24px;
    color: white;
}
.contact .contact-map .content a
{
    text-decoration: none;
    color: white;
}
.contact .contact-map .content a:hover
{
    color:lightgreen;
}
.contact .contact-form
{
	width:35%;
	float:left;
}
.contact .contact-form a
{
    color:lightblue;
}
.contact .contact-form table
{
    border-collapse: collapse;
    background: rgba(114,134,68,0.7);
    border: solid 1px #ccc;
    margin-top: 20px;
    width: 100%;
    display: none;
}
.contact .contact-form td
{
    padding: 5px;
}
.contact .contact-form table td i
{
    font-size: 1.5em;
}
.contact .contact-form .icon
{
    width: 50px;
    text-align: center;
}
.contact .contact-form .content
{
    width: 590px;
    font-family: Narkisim;
    font-size: 14pt;
    color: white;
}
.contact .contact-form .content a
{
    text-decoration: none;
    color: white;
}
.contact .contact-form .content a:hover
{
    color:lightblue;
}
.contact:after
{
   	display: block;
    content: "";
    clear: both; 
}
#contactus fieldset
{
    width:320px;
    padding: 15px 20px 10px 20px;
    border:1px solid #ccc;
    background: rgba(114,134,68,0.7);
}
#contactus .heading
{
    text-align: center;
    font-size: 25pt;
    font-family: Narkisim;
    margin-bottom: 10px;
    color: white;
}
#contactus p
{
    font-family : arial;
    font-size:1.1em;
    color:#e1e7b2;
}
#contactus h2
{
    font-family : Roboto-Regular;
    font-size: 1.3em;
    font-weight:bold;
    color: white;
}
#contactus label
{
    font-family : arial;
    font-size:0.8em;
    font-weight: bold;
    color:white;
}
#contactus i
{
    color: darkgreen;
    margin-left: 3px;
}
#contactus input[type="text"], input[type="number"], textarea
{
    font-family : Arial, Verdana, sans-serif;
    font-size: 0.8em;
    line-height:140%;
    color : #000; 
    padding : 3px; 
    border : 1px solid #999;
    border-radius: 5px;
}
#contactus input[type="text"]
{
    height:18px;
    width:285px;
    border-radius: 5px;   
}
#contactus input[type="number"]
{
    height:18px;
    width:285px;
    border-radius: 5px;   
}
#contactus input[type="radio"]
{
    height:12px;
    width:12px;
    margin-top: 5px;
}
#contactus select
{
    height: 28px;
    width:178px;
    font-size: 0.8em;
    margin-left: -8px;
    float: left;
    border-radius: 5px;
}
#contactus select option
{
    font-family : Arial, Verdana, sans-serif;
}
#contactus #adults
{
    height:18px;
    width:80px;
}

#contactus #children
{
    height:18px;
    width:80px;
    margin-left: 10px;
}

#contactus #foreigners
{
    height:18px;
    width:80px;
    margin-left: 10px;
}

#contactus .label-children
{
    margin-left: 55px;
}

#contactus .label-foreigners
{
    margin-left: 42px;
}

#contactus #homestays {
    display: none;
    padding: 10px;
}

#contactus #resorts {
    display: none;
    padding: 10px;
}

#contactus input[value="Homestay"]:checked ~ #homestays {
    display: block;
}
#contactus input[value="Resort"]:checked ~ #homestays {
    display: block;
}

#contactus input[value="resorts"]:checked ~ #homestays {
    display: block;
}

#contactus .img-box
{
    height: 120px;
    width: 120px;
    margin: -42px 0px -10px 180px;
    border: solid 1px white;
}
#contactus .homestay-1
{
    display: block;
}
#contactus .homestay-2
{
    display: none;
    border: solid 1px white;
}
#contactus .homestay-3
{
    display: none;
    border: solid 1px white;
}
#contactus .homestay-4
{
    display: none;
    border: solid 1px white;
}
#contactus .resort-1
{
    display: block;
    border: solid 1px white;
}
#contactus .resort-2
{
    display: none;
    border: solid 1px white;
}
#contactus .resort-3
{
    display: none;
    border: solid 1px white;
}
#contactus .resort-4
{
    display: none;
    border: solid 1px white;
}
#contactus .resort-5
{
    display: none;
    border: solid 1px white;
}
#contactus img
{
    width: 120px;
    height: 120px;
}
#contactus input[type="submit"]
{   
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 8px 2px 2px;
    border-radius: 5px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}
#contactus input[type="submit"]:hover
{
    /*background-color: white;
    color: #4CAF50;*/
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
#contactus input[type="text"]:focus, input[type="number"]:focus, textarea:focus
{
  color : #009;
  border : 1px solid #990000;
  background-color : #ffff99;
  font-weight:bold;
}
#contactus .container
{
   margin-top:8px;
   margin-bottom: 10px;
}
#contactus span
{
   font-family: Verdana, Arial, sans-serif; 
   font-size: 0.7em;
   color: #900;
   background-color : #ffff00;
}
#contactus .short_explanation
{
   font-family : Arial, sans-serif;
   font-size: 0.6em;
   color:#fff; 
    margin: 5px 0px 10px;
}

#page:after
{
    display: block;
    content: "";
    clear: both; 
}
.wrapper:after
{
    display: block;
    content: "";
    clear: both; 
}
.inner-wrapper:after
{
    display: block;
    content: "";
    clear: both; 
}

/* CSS for Do's & Don'ts Page */

.about-dandeli .headingg
{
    font-family: Narkisim;
    font-size: 20pt;
    color:white;
    margin-bottom: 5px;
}
.about-main1 .about-homestays .do
{
    width: 100%;
    margin-left: 0%;
    float: left;
}
.about-main1 .about-homestays .do ul li
{
    list-style-type: none;
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:#5b4e2d;
    line-height: 24px;
}
.about-main1 .about-homestays .do ul li i
{
    margin-right: 5px;
}
.about-main1 .about-homestays1
{
    display: none;
}
.about-main1 .about-homestays1 .do
{
    width: 100%;
    margin-left: 0%;
    float: left;
}
.about-main1 .about-homestays1 .do ul li
{
    list-style-type: none;
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:#5b4e2d;
    line-height: 24px;
}
.about-main1 .about-homestays1 .do ul li i
{
    margin-right: 5px;
}
.about-main1 .activitiess
{
    float: left;
    width: 25%;
    padding: 1.5%;
    height:auto;
    margin-left: 1%;
    background: #596809;
}
.about-main1 .activitiess .headingg
{
    font-family: Narkisim;
    font-size: 20pt;
    color:white;
    margin: 0px;
    margin-bottom: 5px;
}
.about-main1 .activitiess .desc
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color: white;
    line-height: 20px;
    padding-bottom: 40px;
}
.about .activities
{
    float: left;
    width: 25%;
    padding: 1.5%;
    height:auto;
    margin-left: 1%;
    background: #596809;
}
.about .activities .heading
{
    font-family: Narkisim;
    font-size: 20pt;
    color:white;
    margin: 0px;
    margin-bottom: 5px;
}
.about .activities ul li
{
    font-family: Roboto-Regular;
    font-size: 11pt;
    color: white;
    line-height: 20px;
    margin-left: 20px;
}
.about .about-main2 .about-main3 .do ul li
{
    list-style-type: none;
    font-family: Roboto-Regular;
    font-size: 11pt;
    color:#5b4e2d;
    line-height: 24px;
}
.about .about-main2 .about-main3 .do ul li i
{
    margin-right: 5px;
}
.about .about-main2 .about-main3 .about-homestays .do table
{
    width: 100%;
    margin-left: 0%;
    float: left;
}
.about .about-main2 .about-main3 .about-homestays .do table tr td
{
    text-align: left;
    background: #afb68f;
    padding-left: 10px;
    height: 30px;
}
.about .about-main2 .about-main3 .about-homestays .do table tr td a
{
    color:#5b4e2d;
}
.about .about-main2 .about-main3 .about-homestays .do table .ans1, .ans2, .ans3, .ans4, .ans5
{
    display: none;
    
}
/*----- Accordion -----*/
.accordion, .accordion * {
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
 
.accordion {
    overflow:hidden;
    /*border:1px solid #5b4e2d;*/
    /*box-shadow:0px 1px 3px rgba(0,0,0,0.25);
    border-radius:3px;
    background:#f7f7f7;*/
}
.accordion-section
{
    margin-bottom: 5px;
}
/*----- Section Titles -----*/
.accordion-section-title {
    width:100%;
    padding:10px;
    text-decoration: none;
    display:inline-block;
    background:#afb68f;
    /*border-bottom:1px solid #5b4e2d;*/
    transition:all linear 0.15s;
    /* Type */
    font-size: 11pt;
    color:#5b4e2d;
}

.accordion-section:last-child .accordion-section-title {
    border-bottom:none;
}
 
/*----- Section Content -----*/
.accordion-section-content {
    padding:10px;
    color: #5b4e2d;
    font-size: 11pt;
    line-height: 18px;
    display:none;
}

/* Media Queries */

@media screen and (max-width: 320px)
{
    /* CSS for Index Page */
    
    #page
    {
        width: 100%;
        background: url("../images/index-bg.jpg") no-repeat;
        background-size: cover;
    }
    #page .wrapper
    {
        width: 94%;
        padding: 0 3%;
    }
    #page .wrapper .inner-wrapper
    {
        width:94%;
        padding: 0 3%;
    }
    .header .social-top
    {
        width: 35%;
        padding-top: 15px;
        margin: 0 0 0 35%;
    }
    .header .social-top i
    {
        margin-right: 7px;
    }
    .header img
    {
        width:90%;
        content:url("../images/logo-mobile.png");
        margin:4% 5% 0% 5%;
    }
    .header .tagline
    {
        width:80%;
        text-align: center;
        font-family: KGAllofMe;
        font-size: 18pt;
        color:#e1e7b2;
    }
    .nav
    {
        margin-top:5px;
        background:#e1e7b2;
    }
    .nav ul{
        list-style-type: none;
        /*display: flex;*/
        display: block;
        width:100%;
        height:0;
        padding: 0;
        overflow: hidden;
    }
    .nav ul.open
    {
        height: auto;
    }
    .nav li
    {
        float: none;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 0;
                flex: 0 0 0;
        width: 100%;
        background: #556a2c;
        border-right: none;
        border-bottom: solid 1px #e1e7b2;
    }
    .nav a{
        text-decoration: none;
        color: black;
        display: block;
        padding: 10px;
        text-align: center;
        font-size: 16px;
    }
    .nav .burger-nav
    {
        width: 100%;
        height:40px;
        background: url(../images/burger-navv.png) no-repeat center;
        cursor: pointer;
    }
    #page .contact-fixed
    {
        width: 40%;
        position: fixed;
        top:95%;
        right: 30%;
        -webkit-transform: none;
                transform: none;
    }
    .main1 .box1
    {
        width:100%;
    }
    .main1 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 18pt;
        text-align: center;
        color: #edf0e2;
        margin-top: -7px;
    }
    .main1 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 35pt;
        text-align: center;
        color:#f5f7ea;
        margin-top: 0px;
        margin-bottom:10px;
        text-shadow: 2px 2px 1px black;
    }
    .main1 .box1 .white-water-raft
    {
        height:267px;
        width: 100%;
        float: left;
        margin-left: 0;
        border:solid 1px white;
        background: url("../images/white-water-rafting.jpg") right no-repeat;
        background-size: cover;
        overflow: hidden;
    }
    .main1 .box1 .white-water-raft .water-rafting .heading
    {
        font-size: 14.4pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 5px 15px 0px 10px;
    }
    .main1 .box1 .white-water-raft .water-rafting .desc
    {
        font-family: Roboto-Regular;
        font-size: 10pt;
        color:white;
        margin-left: 0px;
        padding: 0px 15px 5px 10px;
    }
    .main1 .box3
    {
        float: left;
        width:100%;
        margin-left: 0%;
        display: block;
    }
    .main1 .box3 .homestay1
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-top:10px;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay2
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay3
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay4
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay-name1
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom: -32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .main1 .box2
    {
        width:100%;
        margin-left: 0;
    }
    .main1 .box2 .plan-of-visit
    {
        width:100%;
        height: 288px;
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .main1 .box2 .plan-of-visit img
    {
        width: 125%;
    }
    .main2
    {
        width:100%;
        margin: 0 0;
        background: none;
    }
    .main2 .box1
    {
        display: none;
    }
    .main2 .box2
    {
        width:100%;
        height:auto;
        margin-left: 0%;
        margin-bottom:10px;
        padding-bottom: 8px;
        background: url(../images/content_bg.png);
    }
    .main2 .box2 .know-more1
    {
        margin-top: 5%;
    }
    .main2 .box2 .homestay-resorts
    {
        text-align: left;
        margin-left: 4%;
    }
    .main3
    {
        width:100%;
        margin:10px 0;
        background: none;
    }
    .main3 .box1
    {
        width:100%;
        float:right;
        margin-left: 0%;
    }
    .main3 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 18pt;
        text-align:center;
        margin-top: 5px;
        color: #edf0e2;
        display: block;
    }
    .main3 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 35pt;
        text-align:center;
        color:#f5f7ea;
        margin-bottom: 10px;
        text-shadow: 2px 2px 1px black;
        display: block;
    }
    .main3 .box1 .nature-walk1
    {
        width: 100%;
        height: 157px;
        float: left;
        margin-top: 0px;
        margin-bottom: 10px;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay1
    {
        width:100%;
        height:170px;
        float:left;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay2
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay3
    {
        width:100%;
        height:170px;
        float:left;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay4
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay-name2
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom: -32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        display: block;
    }
    .main3 .box1 .desc
    {
        width:100%;
        height:auto;
        margin-right: 0px;
        background: url(../images/content_bg.png);
    }
    .main3 .box1 .know-more2
    {
        width:100%;
        margin-top: 5%;
        background: none;
    }
    .main3 .box1 .nature-walk
    {
        display: none;
    }
    .main3 .box2
    {
        display: none;
    }
    .main3 .box2 .heading1
    {
        display: none;
    }
    .main3 .box2 .heading2
    {
        display: none;
    }
    .main3 .box2 .homestay1
    {
        display: none;
    }
    .main3 .box2 .homestay2
    {
        display: none;
    }
    .main3 .box2 .homestay3
    {
        display: none;
    }
    .main3 .box2 .homestay4
    {
        display: none;
    }
    .main3 .box2 .homestay-name2
    {
        display: none;
    }
    .main4
    {
        width:100%;
        margin: 20px 0px 10px 0px;
        background: none;
    }
    .main4 .box1
    {
        width:100%;
        margin-left: 0%;
    }
    .main4 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 18pt;
        text-align:center;
        color: #edf0e2;
        margin-top: 0%;
        display: block;
    }
    .main4 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 35pt;
        text-align:center;
        color:#f5f7ea;
        margin-top: 0%;
        margin-bottom:10px;
        text-shadow: 2px 2px 1px black;
        display: block;
    }
    .main4 .box1 .jungle-safari
    {
        width:100%;
        height:357px;
        float:left;
        background:url(../images/jungle-safari1.jpg) 50% no-repeat;
        background-size: cover;
        margin-top:0%;
        margin-bottom: 10px;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main4 .box1 .jungle-safari .jungle-safari-desc .heading
    {
        font-size: 14pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 0;
    }
    .main4 .box1 .jungle-safari .jungle-safari-desc .desc
    {
        font-family: Roboto-Regular;
        font-size: 9.1pt;
        color:white;
        margin-left: 0px;
        margin-top: 0px;
        padding: 0;
        display: block;
    }
    .main4 .box1 .desc
    {
        width:100%;
        height: auto;
        float: none;
        margin-left: 0%;
        margin-bottom: 0px;
        background: none;
        display: none;
    }
    .main4 .box1 .homestay1
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay2
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay3
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay4
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay-name3
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom:-32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .main4 .box1 .desc1
    {
        width:100%;
        height: auto;
        float: left;
        margin-left: 0%;
        margin-bottom: 10px;
        background: url(../images/content_bg.png);
        display: block;
    }
    .main4 .box2
    {
        float: left;
        width:100%;
        margin-left: 0%;
    }   
    .main4 .box2 .heading1
    {
        display: none;
    }
    .main4 .box2 .heading2
    {
        display: none;
    }
    .main4 .box2 .jungle-safari
    {
       display: none;
    }
    .main5
    {
        width:100%;
        margin:20px 0px;
    }
    .main5 .box1
    {
        float: left;
        width:100%;
        margin-left: 0%;
    }
    .main5 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 18pt;
        text-align:center;
        color: #edf0e2;
        margin-top: 0%;
        margin-right: 0%;
    }
    .main5 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 35pt;
        color:#f5f7ea;
        text-align:center;
        margin:0px 0px 10px 0px;
        text-shadow: 2px 2px 1px black;
    }
    .main5 .box1 .homestay1
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background: url("../images/homestay-13.jpg") no-repeat;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box1 .homestay2
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background: url("../images/homestay-14.jpg") right no-repeat;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box1 .homestay-name4
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom:-32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .main5 .box1 .places-heading
    {
        font-size: 21pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        margin-left: 0px;
        padding: 0px 0px 0px 0px;
    }
    .main5 .box1 .places-desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        margin:5px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
    }
    .main5 .box2
    {
        float: left;
        width:100%;
        margin-left: 0%;
    }
    .main5 .box2 .img1
    {
        width:100%;
        float: left;
    }
    .main5 .box2 .img1 .desc
    {
        float: left;
        width:100%;
        height:auto;
        margin-bottom:10px;
        background: #25a8e0;
        display: none;
    }
    .main5 .box2 .img2
    {
        width: 100%;
        float: left;
    }
    .main5 .box2 .places1
    {
        height:230px;
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-bottom:10px;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box2 .places2
    {
        height:230px;
        width: 100%;
        float: left;
        margin-bottom:10px;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box2 .places3
    {
        height:230px;
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-bottom:10px;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box2 img
    {
        width:100%;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .main5 .box2 .desc1
    {
        float: left;
        width:100%;
        height:auto;
        margin-bottom:30px;
        background: url(../images/content_bg.png);
        display: block;
    }
    .footer .footer-top
    {
        width: 90%;
        padding: 10px 4% 15px 6%;
    }
    .footer .footer-top .inner-wrapper
    {
        margin-right: 2%;
    }
    .footer .footer-top .inner-wrapper .links1
    {
        width: 50%;
        float:left;
    }
    .footer .footer-top .inner-wrapper .links1 p
    {
        margin-left: 0%;
    }
    .footer .footer-top .inner-wrapper .map
    {
        width: 50%;
        margin-top: 10px;
    }
    .footer .footer-top .inner-wrapper .map .heading
    {
        font-size: 15pt;
        margin-left: 0;
    }
    .footer .footer-top .inner-wrapper .map table
    {
        display: none;
    }
    .footer .footer-top .inner-wrapper .map .mob-footer-do-dont
    {
        display: block;
    }
    .footer .footer-top .inner-wrapper .map table tr .icon
    {
        float: left;
    }
    .footer .footer-top .inner-wrapper .map table tr .desc
    {
        font-size: 11pt;
        padding-right: 15px;
    }
    .footer .footer-top .inner-wrapper .map iframe
    {
        width: 100%;
        height: 175px;
    }
    .footer .footer-top .links1 a
    {
        text-decoration: none;
        font-family: OpenSans-Light;
        font-size: 11pt;
    }
    .footer .footer-top .subscribe
    {
        width: 42%;
        padding-right: 8%;
        float:left;
        margin-top: 10px;
    }
    .footer .footer-top .subscribe p
    {
        font-family: OpenSans-Light;
        font-size: 15pt;
        margin-left: 0%;
    }
    .footer .footer-top .subscribe .sub-txt-box
    {
        font-family: OpenSans-Light;
        background:none; 
        border:solid 1px white;
        font-size: 11px;
        height:30px; 
        width:100px; 
        margin:5% 0px 0px 0%;
        padding-left: 3%;
        color:white;
        background: none;
    }
    .footer .footer-top .subscribe span
    {
        margin-left: 0px;
    }
    .footer .footer-top .subscribe .sub-sbtn
    {
        font-family: OpenSans-Light;
        font-size: 14px;
        margin-top: 7%;
        margin-left: 0%;
        width:80px;
        height:30px;
        background: #9d9f10;
        color:white;
        border: none;
    }
    .footer .footer-top .social
    {
        width: 50%;
        float:left;
        margin-top: 10px;
    }
    .footer .footer-top .social p
    {
        font-family: OpenSans-Light;
        font-size: 15pt;
        margin-left: 0%;
    }
    .footer .footer-top .social a
    {
        margin: 0px 12% 0px 0px;
        color:black;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .footer .footer-top .social a:nth-child(2)
    {
        margin-left:0px;
    }
    .footer .footer-bottom
    {
        width: 94%;
        height:60px;
        padding-left: 3%;
        padding-right: 3%;
        background: #2b380d;
    }
    .footer .footer-bottom .copy
    {
        width: 100%;
        float:left;
        margin-top: 8px;
    }
    .footer .footer-bottom p
    {
        font-family: OpenSans-Light;
        font-size: 9pt;
        text-align: center;
        line-height: 22px;
        margin-left:00%;
        color:#7c8b45;
    }
    .footer .footer-bottom .design
    {
        width: 100%;
        float:left;
    }
    .footer .footer-bottom .design p
    {
        float:none;
        text-align: center;
        margin-right:0%;
        margin-left:0px
    }
    
    /* CSS for About Page */
    
    .about-dandeli
    {
        width: 96%;
        padding: 2%;
        background: rgba(0,0,0,0.7);
        margin-top: 50px;
        margin-bottom: 20px;
    }
    .about-dandeli .heading
    {
        font-family: Narkisim;
        font-size: 23pt;
        color:white;
        margin-bottom: 5px;
    }
    .about-dandeli .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        line-height: 20px;
    }
    .about-main1
    {
        width: 100%;
    }
    .about-main1 .about-homestays
    {
        float: left;
        width: 96%;
        padding: 2%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
    }
    .about-main1 .about-homestays .img
    {
        width: 100%;
        float:left;
    }
    .about-main1 .about-homestays .img img
    {
        width: 100%;
        height: 200px;
    }
    .about-main1 .about-homestays .text
    {
        width: 100%;
        margin-left: 0%;
        float: left;
    }
    .about-main1 .about-homestays .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:#5b4e2d;
        line-height: 20px;
    }
    .about-main1 .about-homestays1
    {
        float: left;
        width: 96%;
        padding: 2%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
        display: block;
    }
    .about-main1 .about-homestays1 .img
    {
        width: 100%;
        float:left;
    }
    .about-main1 .about-homestays1 .img img
    {
        width: 100%;
        height: 200px;
    }
    .about-main1 .about-homestays1 .text
    {
        width: 100%;
        margin-left: 0%;
        float: left;
    }
    .about-main1 .about-homestays1 .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:#5b4e2d;
        line-height: 20px;
    }
    .about .about-main2
    {
        display: none;
    }
    .about-main1 .activities
    {
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-bottom: 20px;
        background: #596809;
    }
    .about-main1 .activities .heading
    {
        font-family: Narkisim;
        font-size: 20pt;
        color:white;
        margin: 15px 0px 5px 14px;
    }
    .about-main1 .activities .act
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        text-decoration: none;
        color: white;
        display: block;
        height: 33px;
        line-height: 33px;
        padding-left: 14px;
    }
    .about .main-testimonials
    {
        float: left;
        width: 100%;
        margin-left: 0%;
        background: #596809;
    }
    .main-testimonials .heading
    {
        font-family: Narkisim;
        font-size: 20pt;
        color:white;
        margin: 15px 0px 5px 12px;
    }
    #testimonials .testimonial{
        position:absolute;
        left:0px;
        top:0px;
        width:260px;
        padding: 0px 14px;
        z-index:1;
    }
    
    .about-main1 .about-homestays .do ul li
    {
        line-height: 22px;
    }
    .about-main1 .activitiess
    {
        float: left;
        width: 96%;
        padding: 2%;
        height:auto;
        margin-left: 0;
        background: #596809;
    }
    .about-main1 .activitiess .desc
    {
        padding-bottom: 0;
    }
    .about .activities
    {
        float: left;
        width: 96%;
        padding: 2%;
        height:auto;
        margin-left: 0%;
        background: #596809;
    }
    
    /* CSS for Homestays and Resorts Pages */
    
    .homestay
    {
        width:100%;
        margin:50px 0px;
    }
    .homestay .homestay-details
    {
        width: 100%;
        float: left;
    }
    .homestay .homestay-details .homestay-name
    {
        width:96%;
        padding: 2%;
        margin-bottom:20px;
        background: rgba(229,228,216,0.8);
    }
    .homestay .homestay-details .homestay-name .name
    {
        font-size: 23pt;
    }
    .homestay .homestay-details .homestay-name .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:#5b4e2d;
        margin-top: 0px;
        line-height: 22px;
    }
	.homestay .homestay-details .homestay-name .desktop-collage
	{
		display:none;
	}
    .homestay .homestay-details .homestay-slider
    {
        width:100%;
        height:325px;
        float:left;
        border: solid 1px white;
        background: white;
    }
    .homestay .homestay-details .homestay-slider .slider{
        width: 100%;
        position: relative;
        padding-top: 250px;
        margin: 0px auto;
        /*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);*/
    }
    .homestay .homestay-details .homestay-slider .slider>img{
        position: absolute;
        left: 0; top: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        width: 100%;
        height: 260px;
    }
    .homestay .homestay-details .homestay-slider .slider label {
        margin: 18px 0 0 11.5px;
        border: 3px solid #999;
        float: left;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0.6;
    }
    .homestay .homestay-details .homestay-slider .slider label img{
        width: 50px;
        height: 45px;
        display: block;
    }
    .homestay .homestay-details .homestay-desc
    {
        width:100%;
        height:auto;
        float:left;
        margin: 20px 0px 10px;
    }
    .homestay .homestay-details .homestay-desc .desc-nav
    {
        height:20px;
        padding: 10px 5px;
    }
    .desc-nav li
    {
        float:left;
        text-align: center;
        line-height: 20px;
        width:30%;
        color: #e0d9c4;
        font-family: Roboto-Regular;
        font-size: 10.5pt;
        cursor: pointer;
        border-right: solid 1px #e0d9c4;
    }
    .homestay .homestay-details .homestay-desc .location ul li
    {
        margin-left: 20px;
        font-size: 10.5pt;
    }
    .homestay .homestay-details .book-now
    {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 20px;
    }
    .homestay .homestay-details .book-now .book-now-btn
    {
        width: 282px;
        height: 40px;
        margin: 0px;
        background: url(../images/book-now.png) 45% no-repeat;
    }
    .homestay .homestay-details .homestay-desc p
    {
        font-size: 11pt;
    }
    .homestay .homestay-list
    {
        width: 100%;
        background: #596809;
        margin-left: 0px;
        float:left;
    }
    
    /* CSS for Explore page */

    .explore-main1
    {
        width: 100%;
        padding: 0%;
        margin-top: 50px;
        margin-bottom: 20px;
        background: rgba(228,226,210,0.7);
    }
    .explore-main1 .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:#5b4e2d;
        padding: 2%;
        margin-bottom: 0px;
    }
    .explore-main1 .img
    {
        float: left;
        width:100%;
    }
    .explore-main1 .img img
    {
        float: left;
        width:100%;
    }
    .explore-main1 .text
    {
        width: 96%;
        padding: 2%;
        float: left;
    }
    .explore-main1 .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:#5b4e2d;
        line-height: 20px;
    }
    .explore-main2
    {
        width: 100%;
        padding: 0%;
        padding-left: 0;
        padding-bottom: 0px;
        margin-bottom: 50px;
        background: #596809;
        border: none;
    }
    .explore-main2 .list-of-activities
    {
        float: left;
        width:100%;
    }
    .list-of-activities-nav
    {
        width: 100%;
        margin-bottom: 20px;
        background: #e1e7b2;
        display: block;
    }
    .list-of-activities-nav .burger-navv
    {
        width: 100%;
        height:40px;
        background: url(../images/list-of-activities-nav.png) no-repeat center;
        cursor: pointer;
    }
    .list-of-activities-nav table
    {
        width:100%;
        margin-left: 0px;
        background: #6A8437;
        border-collapse: collapse;
        display: none;
    }
    .list-of-activities-nav table tr
    {

    }
    .list-of-activities-nav table tr td
    {
        cursor: pointer;
        border-bottom: solid 1px #e1e7b2;
    }
    .list-of-activities-nav table tr .img1
    {
        width:25%;
        height:50px;
        padding-left:60px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .img2
    {
        width:25%;
        height:50px;
        padding-left:60px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img3
    {
        width:25%;
        height:50px;
        padding-left:60px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img4
    {
        width:25%;
        height:50px;
        padding-left:60px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img5
    {
        width:25%;
        height:50px;
        padding-left:60px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img6
    {
        width:25%;
        height:50px;
        padding-left:60px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img7
    {
        width:25%;
        height:50px;
        padding-left:60px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img8
    {
        width:25%;
        height:50px;
        padding-left:60px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .imgg1
    {
        width:25%;
        height:50px;
        padding-left:60px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .imgg2
    {
        width:25%;
        height:50px;
        padding-left:60px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg3
    {
        width:25%;
        height:50px;
        padding-left:60px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg4
    {
        width:25%;
        height:50px;
        padding-left:60px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg5
    {
        width:25%;
        height:50px;
        padding-left:60px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg6
    {
        width:25%;
        height:50px;
        padding-left:60px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg7
    {
        width:25%;
        height:50px;
        padding-left:60px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg8
    {
        width:25%;
        height:50px;
        padding-left:60px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .name
    {
        color: #e3e0d7;
        font-family: Roboto-Regular;
        font-size: 14px;
    }
    .list-of-activities-nav .active
    {
        background:#63730f;
    }
    .list-of-activities-nav tr:hover{
        background:#63730f;
    }
    .explore-main2 .list-of-activities .heading
    {
        display: none;
    }
    .explore-main2 .list-of-activities table
    {
        width:100%;
        margin-left: 0px;
        border-collapse: collapse;
        display: none;
    }
    .desc-img1
    {
        float: left;
    }
    .desc-img2
    {
        float: left;
    }
    .explore-main2 .white-water-rafting
    {
        float: left;
        width:100%;
        padding: 0 0;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: left;
        line-height: 20px;
    }
    .explore-main2 .rappelling
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .rappelling .rappelling-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .rappelling .rappelling-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .rappelling .rappelling-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .rappelling .rappelling-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .rappelling .rappelling-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .adventure-trekking
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .bird-watching
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .bird-watching .bird-watching-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .jungle-safari-in-open-jeep
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .kayaking
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .kayaking .kayaking-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .kayaking .kayaking-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .kayaking .kayaking-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .kayaking .kayaking-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .kayaking .kayaking-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .nature-walks
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .nature-walks .nature-walks-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .outdoor-camping
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    
    /* CSS for Contact Us page */

    .contact
    {
        width:100%;
        margin:50px 0px;
    }
    .contact .contact-map
    {
        width:100%;
        margin-left: 0%;
        float:left;
    }
    .contact .contact-map table
    {
        margin: 20px 0px;
        width: 100%;
    }
    .contact .contact-map .icon
    {
        width: 0px;
        text-align: center;
        padding: 4%;
    }
    .contact .contact-map .content
    {
        width: 0px;
        font-family: Narkisim;
        font-size: 14pt;
        color: white;
        padding: 4%;
    }
    .contact .contact-form
	{
		width:100%;
		float:left;
		margin-bottom:20px;
	}
    #contactus fieldset
    {
        width:90%;
        padding:5%;
        border:1px solid #ccc;
        background: rgba(114,134,68,0.7);
    }
    #contactus input[type="text"]
    {
        height:18px;
        width:88%;
        border-radius: 5px;   
    }
    #contactus select
    {
        height: 28px;
        width:100%;
        margin-left: -8px;
        float: left;
        border-radius: 5px;
    }
    #contactus select option
    {
        font-family : Arial, Verdana, sans-serif;
    }
    #contactus #adults
    {
        height:18px;
        width:60px;
    }

    #contactus #children
    {
        height:18px;
        width:60px;
        margin-left: 10px;
    }

    #contactus #foreigners
    {
        height:18px;
        width:60px;
        margin-left: 10px;
    }

    #contactus .label-children
    {
        margin-left: 35px;
    }

    #contactus .label-foreigners
    {
        margin-left: 20px;
    }
    #contactus .img-box
    {
        height: 150px;
        width: 100%;
        margin-left: -7px;
        margin-top: 40px;
        border: solid 1px white;
    }
    #contactus img
    {
        height: 150px;
        width: 100%;
    }
}

@media screen and (min-width: 321px) and (max-width: 400px)
{
    #page
    {
        width: 100%;
        background: url("../images/index-bg.jpg") no-repeat;
        background-size: cover;
    }
    #page .wrapper
    {
        width: 94%;
        padding: 0 3%;
    }
    #page .wrapper .inner-wrapper
    {
        width:94%;
        padding: 0 3%;
    }
    .header .social-top
    {
        width: 35%;
        padding-top: 15px;
        margin: 0 0 0 35%;
    }
    .header .social-top i
    {
        margin-right: 7px;
    }
    .header img
    {
        width:90%;
        content:url("../images/logo-mobile.png");
        margin:4% 5% 0% 5%;
    }
    .header .tagline
    {
        width:80%;
        text-align: center;
        font-family: KGAllofMe;
        font-size: 21pt;
        color:#e1e7b2;
    }
    .nav
    {
        margin-top:0;
        background:#e1e7b2;
    }
    .nav ul{
        list-style-type: none;
        /*display: flex;*/
        display: block;
        width:100%;
        height:0;
        padding: 0;
        overflow: hidden;
    }
    .nav ul.open
    {
        height: auto;
    }
    .nav li
    {
        float: none;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 0;
                flex: 0 0 0;
        width: 100%;
        background: #556a2c;
        border-right: none;
        border-bottom: solid 1px #e1e7b2;
    }
    .nav a{
        text-decoration: none;
        color: black;
        display: block;
        padding: 10px;
        text-align: center;
        font-size: 16px;
    }
    .nav .burger-nav
    {
        width: 100%;
        height:40px;
        background: url(../images/burger-navv.png) no-repeat center;
        cursor: pointer;
    }
    #page .contact-fixed
    {
        width: 40%;
        position: fixed;
        top:95.6%;
        right: 25%;
        -webkit-transform: none;
                transform: none;
    }
    .main1 .box1
    {
        width:100%;
    }
    .main1 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 18pt;
        text-align: center;
        color: #edf0e2;
        margin-top: -7px;
    }
    .main1 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 35pt;
        text-align: center;
        color:#f5f7ea;
        margin-top: 0px;
        margin-bottom:10px;
        text-shadow: 2px 2px 1px black;
    }
    .main1 .box1 .white-water-raft
    {
        height:267px;
        width: 100%;
        float: left;
        margin-left: 0;
        border:solid 1px white;
        background: url("../images/white-water-rafting.jpg") right no-repeat;
        background-size: cover;
        overflow: hidden;
    }
    .main1 .box1 .white-water-raft .water-rafting .heading
    {
        font-size: 14.4pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 5px 15px 0px 10px;
    }
    .main1 .box1 .white-water-raft .water-rafting .desc
    {
        font-family: Roboto-Regular;
        font-size: 10pt;
        color:white;
        margin-left: 0px;
        padding: 0px 15px 5px 10px;
    }
    .main1 .box3
    {
        float: left;
        width:100%;
        margin-left: 0%;
        display: block;
    }
    .main1 .box3 .homestay1
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-top:10px;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay2
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay3
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay4
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay-name1
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom: -32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .main1 .box2
    {
        width:100%;
        margin-left: 0;
    }
    .main1 .box2 .plan-of-visit
    {
        width:100%;
        height: 324px;
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .main1 .box2 .plan-of-visit img
    {
        width: 125%;
    }
    .main1 .box2 .plan-of-visit .label-code
    {
        margin-left: 20px;
    }
    .main1 .box2 .heading2
    {
        font-family: OpenSans-Regular;
        font-size: 14pt;
        color: #865a3c;
        margin: 4% 0 0 0;
        text-decoration: underline;
    }
    .main1 .box2 .plan-of-visit .outer-table-div2 input[type="number"]
    {
        height:25px;
        width: 30px;
        border: none;
        background: none;
    }
    .main1 .box2 .plan-of-visit .persons
    {
        height:25px;
        width:27px;
        border: none;
        background: none;
        padding-left: 5px;
        margin-right: 2px;
    }
    .main1 .box2 .plan-of-visit .code
    {
        height:25px;
        width:27%;
        border: none;
        background: none;
        margin-top:5px;
        border-bottom: dashed 1px #683a1f;
    }
    .main1 .box2 .plan-of-visit .plan-to-visit-sbtn
    {
        font-family: Myriad Pro;
        font-size: 12pt;
        height: 30px;
        color: white;
        background: #97b80d;
        padding: 0px 40px;
        margin: 22px 0px 15px 90px;
        border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        border: none;
    }
    .main2
    {
        width:100%;
        margin: 0 0;
        background: none;
    }
    .main2 .box1
    {
        display: none;
    }
    .main2 .box2
    {
        width:100%;
        height:auto;
        padding-bottom: 10px;
        margin-left: 0%;
        margin-bottom:10px;
        background: url(../images/content_bg.png);
    }
    .main2 .box2 .know-more1
    {
        margin-top: 5%;
    }
    .main2 .box2 .homestay-resorts
    {
        text-align: left;
        margin-left: 4%;
    }
    .main3
    {
        width:100%;
        margin:10px 0;
        background: none;
    }
    .main3 .box1
    {
        width:100%;
        float:right;
        margin-left: 0%;
    }
    .main3 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 18pt;
        text-align:center;
        color: #edf0e2;
        margin-top: 10px;
        display: block;
    }
    .main3 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 35pt;
        text-align:center;
        color:#f5f7ea;
        margin-bottom: 10px;
        text-shadow: 2px 2px 1px black;
        display: block;
    }
    .main3 .box1 .nature-walk1
    {
        width: 100%;
        height: 176px;
        float: left;
        margin-top: 0px;
        margin-bottom: 10px;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay1
    {
        width:100%;
        height:170px;
        float:left;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay2
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay3
    {
        width:100%;
        height:170px;
        float:left;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay4
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay-name2
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom: -32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        display: block;
    }
    .main3 .box1 .desc
    {
        width:100%;
        height:auto;
        margin-right: 0px;
        background: url(../images/content_bg.png);
    }
    .main3 .box1 .know-more2
    {
        width:100%;
        margin-top: 10px;
    }
    .main3 .box1 .nature-walk
    {
        display: none;
    }
    .main3 .box2
    {
        display: none;
    }
    .main3 .box2 .heading1
    {
        display: none;
    }
    .main3 .box2 .heading2
    {
        display: none;
    }
    .main3 .box2 .homestay1
    {
        display: none;
    }
    .main3 .box2 .homestay2
    {
        display: none;
    }
    .main3 .box2 .homestay3
    {
        display: none;
    }
    .main3 .box2 .homestay4
    {
        display: none;
    }
    .main3 .box2 .homestay-name2
    {
        display: none;
    }
    .main4
    {
        width:100%;
        margin: 20px 0px 10px 0px;
        background: none;
    }
    .main4 .box1
    {
        width:100%;
        margin-left: 0%;
    }
    .main4 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 18pt;
        text-align:center;
        color: #edf0e2;
        margin-top: 0%;
        display: block;
    }
    .main4 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 35pt;
        text-align:center;
        color:#f5f7ea;
        margin-top: 0%;
        margin-bottom:10px;
        text-shadow: 2px 2px 1px black;
        display: block;
    }
    .main4 .box1 .jungle-safari
    {
        width:100%;
        height:357px;
        float:left;
        background:url("../images/jungle-safari1.jpg") 50% no-repeat;
        margin-top:0%;
        margin-bottom: 10px;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    
    .main4 .box1 .jungle-safari .jungle-safari-desc .heading
    {
        font-size: 14pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
    }
    .main4 .box1 .jungle-safari .jungle-safari-desc .desc
    {
        font-family: Roboto-Regular;
        font-size: 10.1pt;
        color:white;
        margin-left: 0px;
        margin-top: -2px;
        display: block;
    }
    .main4 .box1 .desc
    {
        width:100%;
        height: auto;
        float: none;
        margin-left: 0%;
        margin-bottom: 0px;
        background: none;
        display: none;
    }
    .main4 .box1 .homestay1
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay2
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay3
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay4
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay-name3
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom:-32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .main4 .box1 .desc1
    {
        width:100%;
        height: auto;
        float: left;
        margin-left: 0%;
        margin-bottom: 10px;
        background: url(../images/content_bg.png);
        display: block;
    }
    .main4 .box2
    {
        float: left;
        width:100%;
        margin-left: 0%;
    }   
    .main4 .box2 .heading1
    {
        display: none;
    }
    .main4 .box2 .heading2
    {
        display: none;
    }
    .main4 .box2 .jungle-safari
    {
       display: none;
    }
    .main5
    {
        width:100%;
        margin:20px 0px 0px 0px;
    }
    .main5 .box1
    {
        float: left;
        width:100%;
        margin-left: 0%;
    }
    .main5 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 18pt;
        text-align:center;
        color: #edf0e2;
        margin-top: 0%;
        margin-right: 0%;
    }
    .main5 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 35pt;
        color:#f5f7ea;
        text-align:center;
        margin:0px 0px 10px 0px;
        text-shadow: 2px 2px 1px black;
    }
    .main5 .box1 .homestay1
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background: url("../images/homestay-13.jpg") no-repeat;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box1 .homestay2
    {
        width:100%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background: url("../images/homestay-14.jpg") right no-repeat;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box1 .homestay-name4
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom:-32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .main5 .box1 .places-heading
    {
        font-size: 21pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        margin-left: 0px;
        padding: 0px 0px 0px 0px;
    }
    .main5 .box1 .places-desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        margin:5px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
    }
    .main5 .box2
    {
        float: left;
        width:100%;
        margin-left: 0%;
    }
    .main5 .box2 .img1
    {
        width:100%;
        float: left;
    }
    .main5 .box2 .img1 .desc
    {
        float: left;
        width:100%;
        height:auto;
        margin-bottom:10px;
        background: #25a8e0;
        display: none;
    }
    .main5 .box2 .img2
    {
        width: 100%;
        float: left;
    }
    .main5 .box2 .places1
    {
        height:230px;
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-bottom:10px;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box2 .places2
    {
        height:230px;
        width: 100%;
        float: left;
        margin-bottom:10px;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box2 .places3
    {
        height:230px;
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-bottom:10px;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box2 img
    {
        width:100%;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .main5 .box2 .desc1
    {
        float: left;
        width:100%;
        height:auto;
        margin-bottom:30px;
        background: url(../images/content_bg.png);
        display: block;
    }
    .footer .footer-top
    {
        width: 90%;
        padding: 10px 4% 15px 6%;
    }
    .footer .footer-top .inner-wrapper
    {
        margin-right: 2%;
    }
    .footer .footer-top .inner-wrapper .links1
    {
        width: 50%;
        float:left;
    }
    .footer .footer-top .links1 a
    {
        text-decoration: none;
        font-family: OpenSans-Light;
        font-size: 11pt;
    }
    .footer .footer-top .inner-wrapper .links1 p
    {
        margin-left: 0%;
    }
    .footer .footer-top .inner-wrapper .map
    {
        width: 50%;
        margin-top: 10px;
    }
    .footer .footer-top .inner-wrapper .map .heading
    {
        font-size: 15pt;
        margin-left: 0;
    }
    .footer .footer-top .inner-wrapper .map table
    {
        display: none;
    }
    .footer .footer-top .inner-wrapper .map .mob-footer-do-dont
    {
        display: block;
    }
    .footer .footer-top .inner-wrapper .map table tr .icon
    {
        float: left;
    }
    .footer .footer-top .inner-wrapper .map table tr .desc
    {
        font-size: 11pt;
        padding-right: 20px;
    }
    .footer .footer-top .inner-wrapper .map iframe
    {
        width: 100%;
        height: 175px;
    }
    .footer .footer-top .links1 a
    {
        text-decoration: none;
        font-family: OpenSans-Light;
        font-size: 11pt;
    }
    .footer .footer-top .subscribe
    {
        width: 40%;
        padding-right: 10%;
        float:left;
        margin-top: 10px;
    }
    .footer .footer-top .subscribe p
    {
        font-family: OpenSans-Light;
        font-size: 15pt;
        margin-left: 0%;
    }
    .footer .footer-top .subscribe .sub-txt-box
    {
        font-family: OpenSans-Light;
        background:none; 
        border:solid 1px white;
        font-size: 11px;
        height:30px; 
        width:115px; 
        margin:5% 0px 0px 0%;
        padding-left: 3%;
        color:white;
        background: none;
    }
    .footer .footer-top .subscribe span
    {
        margin-left: 0px;
    }
    .footer .footer-top .subscribe .sub-sbtn
    {
        font-family: OpenSans-Light;
        font-size: 14px;
        margin-top: 7%;
        margin-left: 0%;
        width:80px;
        height:30px;
        background: #9d9f10;
        color:white;
        border: none;
    }
    .footer .footer-top .social
    {
        width: 50%;
        float:left;
        margin-top: 10px;
    }
    .footer .footer-top .social p
    {
        font-family: OpenSans-Light;
        font-size: 15pt;
        margin-left: 0%;
    }
    .footer .footer-top .social a
    {
        margin: 0px 12% 0px 0px;
        color:black;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .footer .footer-top .social a:nth-child(2)
    {
        margin-left:0px;
    }
    .footer .footer-bottom
    {
        width: 94%;
        height:60px;
        padding-left: 3%;
        padding-right: 3%;
        background: #2b380d;
    }
    .footer .footer-bottom .copy
    {
        width: 100%;
        float:left;
        margin-top: 8px;
    }
    .footer .footer-bottom p
    {
        font-family: OpenSans-Light;
        font-size: 9pt;
        text-align: center;
        line-height: 22px;
        margin-left:00%;
        color:#7c8b45;
    }
    .footer .footer-bottom .design
    {
        width: 100%;
        float:left;
    }
    .footer .footer-bottom .design p
    {
        float:none;
        text-align: center;
        margin-right:0%;
        margin-left:0px
    }
    
    /* CSS for About Page */
    
    .about-dandeli
    {
        width: 96%;
        padding: 2%;
        background: rgba(0,0,0,0.7);
        margin-top: 50px;
        margin-bottom: 20px;
    }
    .about-dandeli .heading
    {
        font-family: Narkisim;
        font-size: 23pt;
        color:white;
        margin-bottom: 5px;
    }
    .about-dandeli .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        line-height: 20px;
    }
    .about-main1
    {
        width: 100%;
    }
    .about-main1 .about-homestays
    {
        float: left;
        width: 96%;
        padding: 2%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
    }
    .about-main1 .about-homestays1
    {
        display: block;
    }
    .about-main1 .about-homestays .img
    {
        width: 100%;
        float:left;
    }
    .about-main1 .about-homestays .img img
    {
        width: 100%;
        height: 200px;
    }
    .about-main1 .about-homestays .text
    {
        width: 100%;
        margin-left: 0%;
        float: left;
    }
    .about-main1 .about-homestays .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:#5b4e2d;
        line-height: 20px;
    }
    .about-main1 .about-homestays1
    {
        float: left;
        width: 96%;
        padding: 2%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
        display: block;
    }
    .about-main1 .about-homestays1 .img
    {
        width: 100%;
        float:left;
    }
    .about-main1 .about-homestays1 .img img
    {
        width: 100%;
        height: 200px;
    }
    .about-main1 .about-homestays1 .text
    {
        width: 100%;
        margin-left: 0%;
        float: left;
    }
    .about-main1 .about-homestays1 .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:#5b4e2d;
        line-height: 20px;
    }
    .about-main1 .about-homestays .do ul li
    {
        line-height: 22px;
    }
    .about-main1 .activitiess
    {
        float: left;
        width: 96%;
        padding: 2%;
        height:auto;
        margin-left: 0;
        background: #596809;
    }
    .about-main1 .activitiess .desc
    {
        padding-bottom: 0;
    }
    .about .activities
    {
        float: left;
        width: 96%;
        padding: 2%;
        height:auto;
        margin-left: 0%;
        background: #596809;
    }
    .about .about-main2
    {
        display: none;
    }
    .about-main1 .activities
    {
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-bottom: 20px;
        background: #596809;
    }
    .about-main1 .activities .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:white;
        margin: 15px 0px 5px 14px;
    }
    .about-main1 .activities .act
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        text-decoration: none;
        color: white;
        display: block;
        height: 33px;
        line-height: 33px;
        padding-left: 14px;
    }
    .about .main-testimonials
    {
        float: left;
        width: 100%;
        margin-left: 0%;
        background: #596809;
    }
    .main-testimonials .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:white;
        margin: 15px 0px 5px 12px;
    }
    #testimonials .testimonial{
        position:absolute;
        left:0px;
        top:0px;
        width:260px;
        padding: 0px 14px;
        z-index:1;
    }
    
    /* CSS for Homestays and Resorts Pages */
    
    .homestay
    {
        width:100%;
        margin:50px 0px;
    }
    .homestay .homestay-details
    {
        width: 100%;
        float: left;
    }
    .homestay .homestay-details .homestay-name
    {
        width:96%;
        padding: 2%;
        margin-bottom:20px;
        background: rgba(229,228,216,0.8);
    }
    .homestay .homestay-details .homestay-name .name
    {
        font-size: 23pt;
    }
    .homestay .homestay-details .homestay-name .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:#5b4e2d;
        margin-top: 0px;
        line-height: 22px;
    }
	.homestay .homestay-details .homestay-name .desktop-collage
	{
		display:none;
	}
    .homestay .homestay-details .homestay-slider
    {
        width:100%;
        height:325px;
        float:left;
        border: solid 1px white;
        background: white;
    }
    .homestay .homestay-details .homestay-slider .slider{
        width: 100%;
        position: relative;
        padding-top: 250px;
        margin: 0px auto;
        /*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);*/
    }
    .homestay .homestay-details .homestay-slider .slider>img{
        position: absolute;
        left: 0; top: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        width: 100%;
        height: 260px;
    }
    .homestay .homestay-details .homestay-slider .slider label {
        margin: 6% 0 0 6.3%;
        border: 3px solid #999;
        float: left;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0.6;
    }
    .homestay .homestay-details .homestay-slider .slider label img{
        width: 50px;
        height: 42px;
        display: block;
    }
    .homestay .homestay-details .homestay-desc
    {
        width:100%;
        height:auto;
        float:left;
        margin: 20px 0px 10px;
    }
    .homestay .homestay-details .homestay-desc .desc-nav
    {
        background:#596809;
        height:20px;
        padding: 10px 5px;
    }
    .desc-nav li
    {
        float:left;
        text-align: center;
        line-height: 20px;
        width:30%;
        color: #e0d9c4;
        font-family: Roboto-Regular;
        font-size: 11pt;
        cursor: pointer;
        border-right: solid 1px #e0d9c4;
    }
    .homestay .homestay-details .homestay-desc .location ul li
    {
        margin-left: 22px;
    }
    .homestay .homestay-details .homestay-desc p
    {
        font-size: 11pt;
    }
    .homestay .homestay-details .book-now
    {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 20px;
    }
    .homestay .homestay-details .book-now .book-now-btn
    {
        width: 100%;
        height: 40px;
        margin: 0px;
        background: url(../images/book-now.png) 42% no-repeat;
    }
    .homestay .homestay-list
    {
        width: 100%;
        background: #596809;
        margin-left: 0px;
        float:left;
    }
    
    /* CSS for Explore page */

    .explore-main1
    {
        width: 100%;
        padding: 0%;
        margin-top: 50px;
        margin-bottom: 20px;
        background: rgba(228,226,210,0.7);
    }
    .explore-main1 .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:#5b4e2d;
        padding: 2%;
        margin-bottom: 0px;
        text-align: center;
    }
    .explore-main1 .img
    {
        float: left;
        width:100%;
    }
    .explore-main1 .img img
    {
        float: left;
        width:100%;
    }
    .explore-main1 .text
    {
        width: 96%;
        padding: 2%;
        float: left;
    }
    .explore-main1 .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:#5b4e2d;
        line-height: 20px;
    }
    .explore-main2
    {
        width: 100%;
        padding: 0%;
        padding-left: 0;
        padding-bottom: 0px;
        margin-bottom: 50px;
        background: #596809;
        border: none;
    }
    .explore-main2 .list-of-activities
    {
        float: left;
        width:100%;
    }
    .list-of-activities-nav
    {
        width: 100%;
        margin-bottom: 20px;
        background: #e1e7b2;
        display: block;
    }
    .list-of-activities-nav .burger-navv
    {
        width: 100%;
        height:40px;
        background: url(../images/list-of-activities-nav.png) no-repeat center;
        cursor: pointer;
    }
    .list-of-activities-nav table
    {
        width:100%;
        margin-left: 0px;
        background: #6A8437;
        border-collapse: collapse;
        display: none;
    }
    .list-of-activities-nav table tr
    {

    }
    .list-of-activities-nav table tr td
    {
        cursor: pointer;
        border-bottom: solid 1px #e1e7b2;
    }
    .list-of-activities-nav table tr .img1
    {
        width:25%;
        height:50px;
        padding-left:80px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .img2
    {
        width:25%;
        height:50px;
        padding-left:80px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img3
    {
        width:25%;
        height:50px;
        padding-left:80px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img4
    {
        width:25%;
        height:50px;
        padding-left:80px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img5
    {
        width:25%;
        height:50px;
        padding-left:80px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img6
    {
        width:25%;
        height:50px;
        padding-left:80px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img7
    {
        width:25%;
        height:50px;
        padding-left:80px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img8
    {
        width:25%;
        height:50px;
        padding-left:80px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .imgg1
    {
        width:25%;
        height:50px;
        padding-left:80px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .imgg2
    {
        width:25%;
        height:50px;
        padding-left:80px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg3
    {
        width:25%;
        height:50px;
        padding-left:80px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg4
    {
        width:25%;
        height:50px;
        padding-left:80px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg5
    {
        width:25%;
        height:50px;
        padding-left:80px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg6
    {
        width:25%;
        height:50px;
        padding-left:80px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg7
    {
        width:25%;
        height:50px;
        padding-left:80px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg8
    {
        width:25%;
        height:50px;
        padding-left:80px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .name
    {
        color: #e3e0d7;
        font-family: Roboto-Regular;
        font-size: 14px;
    }
    .list-of-activities-nav .active
    {
        background:#63730f;
    }
    .list-of-activities-nav tr:hover{
        background:#63730f;
    }
    .explore-main2 .list-of-activities .heading
    {
        display: none;
    }
    .explore-main2 .list-of-activities table
    {
        width:100%;
        margin-left: 0px;
        border-collapse: collapse;
        display: none;
    }
    .desc-img1
    {
        float: left;
    }
    .desc-img2
    {
        float: left;
    }
    .explore-main2 .white-water-rafting
    {
        float: left;
        width:100%;
        padding: 0 0;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: left;
        line-height: 20px;
    }
    .explore-main2 .rappelling
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .rappelling .rappelling-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .rappelling .rappelling-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .rappelling .rappelling-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .rappelling .rappelling-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .rappelling .rappelling-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .adventure-trekking
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .bird-watching
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .bird-watching .bird-watching-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .jungle-safari-in-open-jeep
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .kayaking
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .kayaking .kayaking-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .kayaking .kayaking-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .kayaking .kayaking-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .kayaking .kayaking-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .kayaking .kayaking-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .nature-walks
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .nature-walks .nature-walks-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .outdoor-camping
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    
    /* CSS for Contact Us page */

    .contact
    {
        width:100%;
        margin:50px 0px;
    }
    .contact .contact-map
    {
        width:100%;
        margin-left: 0%;
        float:left;
    }
    .contact .contact-map table
    {
        margin: 20px 0px;
        width: 100%;
    }
    .contact .contact-map .icon
    {
        width: 0px;
        text-align: center;
        padding: 4%;
    }
    .contact .contact-map .content
    {
        width: 0px;
        font-family: Narkisim;
        font-size: 14pt;
        color: white;
        padding: 4%;
    }
	.contact .contact-form
	{
		width:100%;
        float:left;
		margin-bottom:20px;
	}
    #contactus fieldset
    {
        width:90%;
        padding:5%;
        border:1px solid #ccc;
        background: rgba(114,134,68,0.7);
    }
    #contactus input[type="text"]
    {
        height:18px;
        width:89%;
        border-radius: 5px;   
    }
    #contactus select
    {
        height: 28px;
        width:100%;
        margin-left: -8px;
        float: left;
        border-radius: 5px;
    }
    #contactus #adults
    {
        height:18px;
        width:70px;
    }

    #contactus #children
    {
        height:18px;
        width:70px;
        margin-left: 10px;
    }

    #contactus #foreigners
    {
        height:18px;
        width:70px;
        margin-left: 10px;
    }

    #contactus .label-children
    {
        margin-left: 44px;
    }

    #contactus .label-foreigners
    {
        margin-left: 30px;
    }
    #contactus .img-box
    {
        height: 150px;
        width: 100%;
        margin-left: -7px;
        margin-top: 40px;
        border: solid 1px white;
    }
    #contactus img
    {
        height: 150px;
        width: 100%;
    }
}

@media screen and (min-width: 401px) and (max-width: 480px)
{
    #page
    {
        width: 100%;
        background: url("../images/index-bg.jpg") no-repeat;
        background-size: cover;
    }
    #page .wrapper
    {
        width: 94%;
        padding: 0 3%;
    }
    #page .wrapper .inner-wrapper
    {
        width:94%;
        padding: 0 3%;
    }
    .header .social-top
    {
        width: 35%;
        padding-top: 15px;
        margin: 0 0 0 35%;
    }
    .header .social-top i
    {
        margin-right: 7px;
    }
    .header img
    {
        width:90%;
        content:url("../images/logo-mobile.png");
        margin:1% 5% 0% 5%;
    }
    .header .tagline
    {
        width:80%;
        text-align: center;
        font-family: KGAllofMe;
        font-size: 25pt;
        color:#e1e7b2;
    }
    .nav
    {
        margin-top:0px;
        background:#e1e7b2;
    }
    .nav ul{
        list-style-type: none;
        /*display: flex;*/
        display: block;
        width:100%;
        height:0;
        padding: 0;
        overflow: hidden;
    }
    .nav ul.open
    {
        height: auto;
    }
    .nav li
    {
        float: none;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 0;
                flex: 0 0 0;
        width: 100%;
        background: #556a2c;
        border-right: none;
        border-bottom: solid 1px #e1e7b2;
    }
    .nav a{
        text-decoration: none;
        color: black;
        display: block;
        padding: 10px;
        text-align: center;
        font-size: 16px;
    }
    .nav .burger-nav
    {
        width: 100%;
        height:40px;
        background: url(../images/burger-navv.png) no-repeat center;
        cursor: pointer;
    }
    #page .contact-fixed
    {
        width: 40%;
        position: fixed;
        top:96.2%;
        right: 25%;
        -webkit-transform: none;
                transform: none;
    }
    .main1 .box1
    {
        width:100%;
    }
    .main1 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 25pt;
        text-align: center;
        color: #edf0e2;
        margin-top: -7px;
    }
    .main1 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 45pt;
        text-align: center;
        color:#f5f7ea;
        margin-top: 0px;
        margin-bottom:10px;
        text-shadow: 2px 2px 1px black;
    }
    .main1 .box1 .white-water-raft
    {
        height:267px;
        width: 100%;
        float: left;
        margin-left: 0;
        border:solid 1px white;
        background: url("../images/white-water-rafting.jpg") right no-repeat;
        background-size: cover;
        overflow: hidden;
    }
    .main1 .box1 .white-water-raft .water-rafting .heading
    {
        font-size: 17pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 5px 15px 0px 10px;
    }
    .main1 .box1 .white-water-raft .water-rafting .desc
    {
        font-family: Roboto-Regular;
        font-size: 9.8pt;
        color:white;
        margin-left: 0px;
        padding: 0px 15px 5px 10px;
    }
    .main1 .box3
    {
        float: left;
        width:100%;
        margin-left: 0%;
        display: block;
    }
    .main1 .box3 .homestay1
    {
        width:48%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-top:10px;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay2
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-top:10px;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay3
    {
        width:48%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay4
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay-name1
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom: -32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .main1 .box2
    {
        width:100%;
        margin-left: 0;
    }
    .main1 .box2 .plan-of-visit
    {
        width:100%;
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .main1 .box2 .plan-of-visit img
    {
        width: 125%;
    }
    .main1 .box2 .plan-of-visit .label-code
    {
        margin-left: 6%;
    }
    .main1 .box2 .heading2
    {
        font-family: OpenSans-Regular;
        font-size: 14pt;
        color: #865a3c;
        margin: 4% 0 0 0;
        text-decoration: underline;
    }
    .main1 .box2 .plan-of-visit .outer-table-div2 input[type="number"]
    {
        height:25px;
        width: 40px;
        border: none;
        background: none;
    }
    .main1 .box2 .plan-of-visit .persons
    {
        height:25px;
        width:27px;
        border: none;
        background: none;
        padding-left: 5px;
        margin-right: 2px;
    }
    .main1 .box2 .plan-of-visit .code
    {
        height:25px;
        width:24%;
        border: none;
        background: none;
        margin-top:5px;
        border-bottom: dashed 1px #683a1f;
    }
    .main1 .box2 .plan-of-visit .plan-to-visit-sbtn
    {
        font-family: Myriad Pro;
        font-size: 12pt;
        height: 30px;
        color: white;
        background: #97b80d;
        padding: 0px 40px;
        margin: 22px 0px 15px 32%;
        border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        border: none;
    }
    .main2
    {
        width:100%;
        margin: 0 0;
        background: none;
    }
    .main2 .box1
    {
        display: none;
    }
    .main2 .box2
    {
        width:100%;
        height:auto;
        margin-left: 0%;
        margin-bottom:10px;
        padding-bottom: 10px;
        background: url(../images/content_bg.png);
    }
    .main2 .box2 .know-more1
    {
        margin-top: 5%;
    }
    .main2 .box2 .homestay-resorts
    {
        padding-left: 4%;
        text-align: left;
    }
    .main2 .box2 .homestay-resorts-desc
    {
        padding: 2% 4%;
    }
    .main3
    {
        width:100%;
        margin:10px 0;
        background: none;
    }
    .main3 .box1
    {
        width:100%;
        float:right;
        margin-left: 0%;
    }
    .main3 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 25pt;
        text-align:center;
        color: #edf0e2;
        margin-top: 10px;
        display: block;
    }
    .main3 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 45pt;
        text-align:center;
        color:#f5f7ea;
        margin-bottom: 10px;
        text-shadow: 2px 2px 1px black;
        display: block;
    }
    .main3 .box1 .nature-walk1
    {
        width: 100%;
        height: 200px;
        float: left;
        margin-top: 0px;
        margin-bottom: 10px;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay1
    {
        width:48%;
        height:170px;
        float:left;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay2
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay3
    {
        width:48%;
        height:170px;
        float:left;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay4
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay-name2
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom: -32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        display: block;
    }
    .main3 .box1 .desc
    {
        width:100%;
        height:auto;
        margin-right: 0px;
        background: url(../images/content_bg.png);
    }
    .main3 .box1 .know-more2
    {
        width:100%;
        margin-top: 5%;
        background: none;
    }
    .main3 .box1 .nature-walk
    {
        display: none;
    }
    .main3 .box2
    {
        display: none;
    }
    .main3 .box2 .heading1
    {
        display: none;
    }
    .main3 .box2 .heading2
    {
        display: none;
    }
    .main3 .box2 .homestay1
    {
        display: none;
    }
    .main3 .box2 .homestay2
    {
        display: none;
    }
    .main3 .box2 .homestay3
    {
        display: none;
    }
    .main3 .box2 .homestay4
    {
        display: none;
    }
    .main3 .box2 .homestay-name2
    {
        display: none;
    }
    .main4
    {
        width:100%;
        margin: 20px 0px 10px 0px;
        background: none;
    }
    .main4 .box1
    {
        width:100%;
        margin-left: 0%;
    }
    .main4 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 25pt;
        text-align:center;
        color: #edf0e2;
        margin-top: 0%;
        display: block;
    }
    .main4 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 45pt;
        text-align:center;
        color:#f5f7ea;
        margin-top: 0%;
        margin-bottom:10px;
        text-shadow: 2px 2px 1px black;
        display: block;
    }
    .main4 .box1 .jungle-safari
    {
        width:100%;
        height:357px;
        float:left;
        background:url("../images/jungle-safari1.jpg") 45% no-repeat;
        margin-top:0%;
        margin-bottom: 10px;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main4 .box1 .jungle-safari .jungle-safari-desc
    {
        height: 85px;
        top: -95px;
    }
    .main4 .box1 .jungle-safari .jungle-safari-desc .heading
    {
        font-size: 17pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 0;
    }
    .main4 .box1 .jungle-safari .jungle-safari-desc .desc
    {
        font-family: Roboto-Regular;
        font-size: 10pt;
        color:white;
        margin-left: 0px;
        margin-top: 0px;
        padding: 0;
        display: block;
    }
    .main4 .box1 .desc
    {
        width:100%;
        height: auto;
        float: none;
        margin-left: 0%;
        margin-bottom: 0px;
        background: none;
        display: none;
    }
    .main4 .box1 .homestay1
    {
        width:48%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay2
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay3
    {
        width:48%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay4
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay-name3
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom:-32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .main4 .box1 .desc1
    {
        width:100%;
        height: auto;
        float: left;
        margin-left: 0%;
        margin-bottom: 10px;
        background: url(../images/content_bg.png);
        display: block;
    }
    .main4 .box2
    {
        float: left;
        width:100%;
        margin-left: 0%;
    }   
    .main4 .box2 .heading1
    {
        display: none;
    }
    .main4 .box2 .heading2
    {
        display: none;
    }
    .main4 .box2 .jungle-safari
    {
       display: none;
    }
    .main5
    {
        width:100%;
        /*margin:20px 0px;*/
        margin: 0px;
    }
    .main5 .box1
    {
        float: left;
        width:100%;
        margin-left: 0%;
    }
    .main5 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 25pt;
        text-align:center;
        color: #edf0e2;
        margin-top: 0%;
        margin-right: 0%;
    }
    .main5 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 45pt;
        color:#f5f7ea;
        text-align:center;
        margin:0px 0px 10px 0px;
        text-shadow: 2px 2px 1px black;
    }
    .main5 .box1 .homestay1
    {
        width:48%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background: url("../images/homestay-13.jpg") no-repeat;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box1 .homestay2
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom:10px;
        background: url("../images/homestay-14.jpg") right no-repeat;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box1 .homestay-name4
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom:-32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .main5 .box1 .places-heading
    {
        font-size: 21pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        margin-left: 0px;
        padding: 0px 0px 0px 0px;
    }
    .main5 .box1 .places-desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        margin:5px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
    }
    .main5 .box2
    {
        float: left;
        width:100%;
        margin-left: 0%;
        margin-bottom: 20px;
    }
    .main5 .box2 .img1
    {
        width:100%;
        float: left;
        margin-bottom: 10px;
    }
    .main5 .box2 .img1 .desc
    {
        float: left;
        width:100%;
        height:auto;
        margin-bottom:0px;
        background: url(../images/content_bg.png);
        display: block;
    }
    .main5 .box2 .img1 .desc .know-more4
    {
        width:100%;
        margin-top: 0px;
        background: none;
    }
    .main5 .box2 .img2
    {
        width: 100%;
        float: left;
    }
    .main5 .box2 .places1
    {
        height:200px;
        width: 48%;
        float: right;
        margin-left: 0%;
        margin-bottom:0px;
        border: solid 1px white;
        overflow: hidden;
        display: none;
    }
    .main5 .box2 .places2
    {
        height:200px;
        width: 48%;
        float: right;
        margin-bottom:10px;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box2 .places3
    {
        height:200px;
        width: 48%;
        float: left;
        margin-left: 0%;
        margin-bottom:10px;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box2 img
    {
        width:121%;
        float: right;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .main5 .box2 .desc1
    {
        float: left;
        width:100%;
        height:auto;
        margin-bottom:30px;
        background: #25a8e0;
        display: none;
    }
    .footer .footer-top
    {
        width: 90%;
        padding: 10px 4% 15px 6%;
    }
    .footer .footer-top .inner-wrapper
    {
        margin-right: 2%;
    }
    .footer .footer-top .inner-wrapper .links1
    {
        width: 50%;
        float:left;
    }
    .footer .footer-top .links1 a
    {
        text-decoration: none;
        font-family: OpenSans-Light;
        font-size: 14pt;
    }
    .footer .footer-top .inner-wrapper .links1 p
    {
        margin-left: 0%;
    }
    .footer .footer-top .inner-wrapper .map
    {
        width: 50%;
        margin-top: 10px;   
    }
    .footer .footer-top .inner-wrapper .map .heading
    {
        font-size: 18pt;
        margin-left: 0;
    }
    .footer .footer-top .inner-wrapper .map table
    {
        display: none;
    }
    .footer .footer-top .inner-wrapper .map .mob-footer-do-dont
    {
        display: block;
    }
    .footer .footer-top .inner-wrapper .map table tr .icon
    {
        float: left;
    }
    .footer .footer-top .inner-wrapper .map table tr .desc
    {
        font-size: 14pt;
        padding-right: 20px;
    }
    .footer .footer-top .subscribe
    {
        width: 40%;
        padding-right: 10%;
        float:left;
        margin-top: 10px;
    }
    .footer .footer-top .subscribe .sub-txt-box
    {
        font-family: OpenSans-Light;
        background:none; 
        border:solid 1px white;
        font-size: 11px;
        height:30px; 
        width:125px; 
        margin:5% 0px 0px 0%;
        padding-left: 3%;
        color:white;
        background: none;
    }
    .footer .footer-top .subscribe span
    {
        margin-left: 0px;
    }
    .footer .footer-top .subscribe p
    {
        font-family: OpenSans-Light;
        font-size: 18pt;
        margin-left: 0%;
    }
    .footer .footer-top .subscribe .sub-sbtn
    {
        font-family: OpenSans-Light;
        font-size: 14px;
        margin-top: 7%;
        margin-left: 0%;
        width:90px;
        height:30px;
        background: #9d9f10;
        color:white;
        border: none;
    }
    .footer .footer-top .social
    {
        width: 50%;
        float:left;
        margin-top: 10px;
    }
    .footer .footer-top .social p
    {
        font-family: OpenSans-Light;
        font-size: 18pt;
        margin-left: 0%;
    }
    .footer .footer-top .social a
    {
        margin: 0px 0px 0px 0px;
        color:black;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .footer .footer-top .social a:nth-child(2)
    {
        margin-left:0px;
    }
    .footer .footer-bottom
    {
        width: 94%;
        height:60px;
        padding-left: 3%;
        padding-right: 3%;
        background: #2b380d;
    }
    .footer .footer-bottom .copy
    {
        width: 100%;
        float:left;
        margin-top: 8px;
    }
    .footer .footer-bottom p
    {
        font-family: OpenSans-Light;
        font-size: 10pt;
        text-align: center;
        line-height: 22px;
        margin-left:00%;
        color:#7c8b45;
    }
    .footer .footer-bottom .design
    {
        width: 100%;
        float:left;
    }
    .footer .footer-bottom .design p
    {
        float:none;
        text-align: center;
        margin-right:0%;
        margin-left:0px
    }
    
    /* CSS for About Page */
    
    .about-dandeli
    {
        width: 96%;
        padding: 2%;
        background: rgba(0,0,0,0.7);
        margin-top: 50px;
        margin-bottom: 20px;
    }
    .about-dandeli .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:white;
        margin-bottom: 5px;
    }
    .about-dandeli .desc
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        color:white;
        line-height: 22px;
    }
    .about-main1
    {
        width: 100%;
    }
    .about-main1 .about-homestays
    {
        float: left;
        width: 96%;
        padding: 2%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
    }
    .about-main1 .about-homestays .img
    {
        width: 100%;
        float:left;
    }
    .about-main1 .about-homestays .img img
    {
        width: 100%;
        height: 250px;
    }
    .about-main1 .about-homestays .text
    {
        width: 100%;
        margin-left: 0%;
        float: left;
    }
    .about-main1 .about-homestays .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        color:#5b4e2d;
        line-height: 22px;
    }
    .about-main1 .about-homestays1
    {
        float: left;
        width: 96%;
        padding: 2%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
        display: block;
    }
    .about-main1 .about-homestays1 .img
    {
        width: 100%;
        float:left;
    }
    .about-main1 .about-homestays1 .img img
    {
        width: 100%;
        height: 250px;
    }
    .about-main1 .about-homestays1 .text
    {
        width: 100%;
        margin-left: 0%;
        float: left;
    }
    .about-main1 .about-homestays1 .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        color:#5b4e2d;
        line-height: 22px;
    }
    .about-main1 .activitiess
    {
        float: left;
        width: 96%;
        padding: 2%;
        height:auto;
        margin-left: 0;
        background: #596809;
    }
    .about-main1 .activitiess .desc
    {
        padding-bottom: 0;
    }
    .about .activities
    {
        float: left;
        width: 96%;
        padding: 2%;
        height:auto;
        margin-left: 0%;
        background: #596809;
    }
    .about .about-main2
    {
        display: none;
    }
    .about-main1 .activities
    {
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-bottom: 20px;
        background: #596809;
    }
    .about-main1 .activities .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:white;
        margin: 15px 0px 5px 14px;
    }
    .about-main1 .activities .act
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        text-decoration: none;
        color: white;
        display: block;
        height: 33px;
        line-height: 33px;
        padding-left: 14px;
    }
    .about .main-testimonials
    {
        float: left;
        width: 100%;
        margin-left: 0%;
        background: #596809;
    }
    .main-testimonials .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:white;
        margin: 15px 0px 5px 12px;
    }
    #testimonials .testimonial{
        position:absolute;
        left:0px;
        top:0px;
        width:260px;
        padding: 0px 14px;
        z-index:1;
    }
    
    /* CSS for Homestays and Resorts Pages */
    
    .homestay
    {
        width:100%;
        margin:50px 0px;
    }
    .homestay .homestay-details
    {
        width: 100%;
        float: left;
    }
    .homestay .homestay-details .homestay-name
    {
        width:96%;
        padding: 2%;
        margin-bottom:20px;
        background: rgba(229,228,216,0.8);
    }
    .homestay .homestay-details .homestay-name .desc
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        color:#5b4e2d;
        margin-top: 0px;
        line-height: 22px;
    }
	.homestay .homestay-details .homestay-name .desktop-collage
	{
		display:none;
	}
    .homestay .homestay-details .homestay-slider
    {
        width:100%;
        height:360px;
        float:left;
        border: solid 1px white;
        background: white;
    }
    .homestay .homestay-details .homestay-slider .slider{
        width: 100%;
        position: relative;
        padding-top: 277px;
        margin: 0px auto;
        /*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);*/
    }
    .homestay .homestay-details .homestay-slider .slider>img{
        position: absolute;
        left: 0; top: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        width: 100%;
        height: 280px;
    }
    .homestay .homestay-details .homestay-slider .slider label {
        margin: 4.2% 0 0 6%;
        border: 3px solid #999;
        float: left;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0.6;
    }
    .homestay .homestay-details .homestay-slider .slider label img{
        width: 60px;
        height: 50px;
        display: block;
    }
    .homestay .homestay-details .homestay-desc
    {
        width:100%;
        height:auto;
        float:left;
        margin: 20px 0px 10px;
    }
    .homestay .homestay-details .homestay-desc .desc-nav
    {
        background:#596809;
        height:20px;
        padding: 10px 5px;
    }
    .desc-nav li
    {
        float:left;
        text-align: center;
        line-height: 20px;
        width:30%;
        color: #e0d9c4;
        font-family: Roboto-Regular;
        font-size: 16px;
        cursor: pointer;
        border-right: solid 1px #e0d9c4;
    }
    .homestay .homestay-details .homestay-desc p
    {
        font-size: 12pt;
    }
    .homestay .homestay-details .homestay-desc .location ul li
    {
        margin-left: 25px;
    }
    .homestay .homestay-details .book-now
    {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 20px;
    }
    .homestay .homestay-details .book-now .book-now-btn
    {
        width: 100%;
        height: 40px;
        margin: 0px;
        background: url(../images/book-now.png) 40% no-repeat;
    }
    .homestay .homestay-list
    {
        width: 100%;
        background: #596809;
        margin-left: 0px;
        float:left;
    }
    
    /* CSS for Explore page */

    .explore-main1
    {
        width: 100%;
        padding: 0%;
        margin-top: 50px;
        margin-bottom: 20px;
        background: rgba(228,226,210,0.7);
    }
    .explore-main1 .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:#5b4e2d;
        padding: 2%;
        margin-bottom: 0px;
        text-align: left;
    }
    .explore-main1 .img
    {
        float: left;
        width:100%;
    }
    .explore-main1 .img img
    {
        float: left;
        width:100%;
    }
    .explore-main1 .text
    {
        width: 96%;
        padding: 2%;
        float: left;
    }
    .explore-main1 .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        color:#5b4e2d;
        line-height: 22px;
    }
    .explore-main2
    {
        width: 100%;
        padding: 0%;
        padding-left: 0;
        padding-bottom: 0px;
        margin-bottom: 50px;
        background: #596809;
        border: none;
    }
    .explore-main2 .list-of-activities
    {
        float: left;
        width:100%;
    }
    .list-of-activities-nav
    {
        width: 100%;
        margin-bottom: 20px;
        background: #e1e7b2;
        display: block;
    }
    .list-of-activities-nav .burger-navv
    {
        width: 100%;
        height:40px;
        background: url(../images/list-of-activities-nav.png) no-repeat center;
        cursor: pointer;
    }
    .list-of-activities-nav table
    {
        width:100%;
        margin-left: 0px;
        background: #6A8437;
        border-collapse: collapse;
        display: none;
    }
    .list-of-activities-nav table tr
    {

    }
    .list-of-activities-nav table tr td
    {
        cursor: pointer;
        border-bottom: solid 1px #e1e7b2;
    }
    .list-of-activities-nav table tr .img1
    {
        width:25%;
        height:50px;
        padding-left:115px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .img2
    {
        width:25%;
        height:50px;
        padding-left:115px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img3
    {
        width:25%;
        height:50px;
        padding-left:115px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img4
    {
        width:25%;
        height:50px;
        padding-left:115px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img5
    {
        width:25%;
        height:50px;
        padding-left:115px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img6
    {
        width:25%;
        height:50px;
        padding-left:115px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img7
    {
        width:25%;
        height:50px;
        padding-left:115px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img8
    {
        width:25%;
        height:50px;
        padding-left:115px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .imgg1
    {
        width:25%;
        height:50px;
        padding-left:115px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .imgg2
    {
        width:25%;
        height:50px;
        padding-left:115px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg3
    {
        width:25%;
        height:50px;
        padding-left:115px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg4
    {
        width:25%;
        height:50px;
        padding-left:115px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg5
    {
        width:25%;
        height:50px;
        padding-left:115px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg6
    {
        width:25%;
        height:50px;
        padding-left:115px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg7
    {
        width:25%;
        height:50px;
        padding-left:115px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg8
    {
        width:25%;
        height:50px;
        padding-left:115px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .name
    {
        color: #e3e0d7;
        font-family: Roboto-Regular;
        font-size: 16px;
    }
    .list-of-activities-nav .active
    {
        background:#63730f;
    }
    .list-of-activities-nav tr:hover{
        background:#63730f;
    }
    .explore-main2 .list-of-activities .heading
    {
        display: none;
    }
    .explore-main2 .list-of-activities table
    {
        width:100%;
        margin-left: 0px;
        border-collapse: collapse;
        display: none;
    }
    .desc-img1
    {
        float: left;
    }
    .desc-img2
    {
        float: left;
    }
    .explore-main2 .white-water-rafting
    {
        float: left;
        width:100%;
        padding: 0 0;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        color:white;
        text-align: left;
        line-height: 22px;
    }
    .explore-main2 .rappelling
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .rappelling .rappelling-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .rappelling .rappelling-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .rappelling .rappelling-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .rappelling .rappelling-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .rappelling .rappelling-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 13pt;
        color:white;
        text-align: justify;
        line-height: 22px;
    }
    .explore-main2 .adventure-trekking
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 13pt;
        color:white;
        text-align: justify;
        line-height: 22px;
    }
    .explore-main2 .bird-watching
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .bird-watching .bird-watching-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 13pt;
        color:white;
        text-align: justify;
        line-height: 22px;
    }
    .explore-main2 .jungle-safari-in-open-jeep
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 13pt;
        color:white;
        text-align: justify;
        line-height: 22px;
    }
    .explore-main2 .kayaking
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .kayaking .kayaking-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .kayaking .kayaking-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .kayaking .kayaking-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .kayaking .kayaking-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .kayaking .kayaking-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 13pt;
        color:white;
        text-align: justify;
        line-height: 22px;
    }
    .explore-main2 .nature-walks
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .nature-walks .nature-walks-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 13pt;
        color:white;
        text-align: justify;
        line-height: 22px;
    }
    .explore-main2 .outdoor-camping
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img .desc-img1
    {
        width: 100%;
        margin: 0px;
        border: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img .desc-img2
    {
        width: 100%;
        margin: 10px 0px 0px 0px;
        border: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 13pt;
        color:white;
        text-align: justify;
        line-height: 22px;
    }
    
    /* CSS for Contact Us page */

    .contact
    {
        width:100%;
        margin:50px 0px;
    }
    .contact .contact-map
    {
        width:100%;
        margin-left: 0%;
        float:left;
    }
    .contact .contact-map table
    {
        margin: 20px 0px;
        width: 100%;
    }
    .contact .contact-map .icon
    {
        width: 0px;
        text-align: center;
        padding: 4%;
    }
    .contact .contact-map .content
    {
        width: 0px;
        font-family: Narkisim;
        font-size: 14pt;
        color: white;
        padding: 4%;
    }
    .contact .contact-form
	{
		width:100%;
        float:left;
		margin-bottom:20px;
	}
    #contactus fieldset
    {
        width:90%;
        padding:5%;
        border:1px solid #ccc;
        background: rgba(114,134,68,0.7);
    }
    #contactus input[type="text"]
    {
        height:18px;
        width:90%;
        border-radius: 5px;   
    }
    #contactus #adults
    {
        height:18px;
        width:83px;
    }

    #contactus #children
    {
        height:18px;
        width:83px;
        margin-left: 10px;
    }

    #contactus #foreigners
    {
        height:18px;
        width:83px;
        margin-left: 10px;
    }

    #contactus .label-children
    {
        margin-left: 60px;
    }

    #contactus .label-foreigners
    {
        margin-left: 44px;
    }
}

@media screen and (min-width: 560px) and (max-width: 600px)
{
    #page
    {
        width: 100%;
        background: url("../images/index-bg.jpg") no-repeat;
        background-size: cover;
    }
    #page .wrapper
    {
        width: 80%;
        padding: 0 10%;
    }
    #page .wrapper .inner-wrapper
    {
        width:100%;
        padding: 0 0;
    }
    .header .social-top
    {
        width: 35%;
        padding-top: 15px;
        margin: 0 0 0 35%;
        text-align: center;
    }
    .header img
    {
        width:90%;
        content:url("../images/logo-mobile.png");
        margin:1% 5% 0% 5%;
    }
    .header .tagline
    {
        width:80%;
        text-align: center;
        font-family: KGAllofMe;
        font-size: 36pt;
        color:#e1e7b2;
    }
    .nav
    {
        margin-top:0px;
        background:#e1e7b2;
    }
    .nav ul{
        list-style-type: none;
        /*display: flex;*/
        display: block;
        width:100%;
        height:0;
        padding: 0;
        overflow: hidden;
    }
    .nav ul.open
    {
        height: auto;
    }
    .nav li
    {
        float: none;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 0;
                flex: 0 0 0;
        width: 100%;
        background: #556a2c;
        border-right: none;
        border-bottom: solid 1px #e1e7b2;
    }
    .nav a{
        text-decoration: none;
        color: black;
        display: block;
        padding: 10px;
        text-align: center;
        font-size: 16px;
    }
    .nav .burger-nav
    {
        width: 100%;
        height:40px;
        background: url(../images/burger-navv.png) no-repeat center;
        cursor: pointer;
    }
    #page .contact-fixed
    {
        width: 23%;
        right: -8.4%;
    }
    .main1 .box1
    {
        width:100%;
    }
    .main1 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 32pt;
        text-align: center;
        color: #edf0e2;
        margin-top: -7px;
    }
    .main1 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 50pt;
        text-align: center;
        color:#f5f7ea;
        margin-top: 0px;
        margin-bottom:10px;
        text-shadow: 2px 2px 1px black;
    }
    .main1 .box1 .white-water-raft
    {
        height:267px;
        width: 100%;
        float: left;
        margin-left: 0;
        border:solid 1px white;
        background: url("../images/white-water-rafting.jpg") right no-repeat;
        background-size: cover;
        overflow: hidden;
    }
    .main1 .box1 .white-water-raft .water-rafting .heading
    {
        font-size: 22pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 5px 15px 0px 10px;
    }
    .main1 .box1 .white-water-raft .water-rafting .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        margin-left: 0px;
        padding: 0px 15px 5px 10px;
    }
    .main1 .box3
    {
        float: left;
        width:100%;
        margin-left: 0%;
        display: block;
    }
    .main1 .box3 .homestay1
    {
        width:48%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-top:10px;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay2
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-top:10px;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay3
    {
        width:48%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay4
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay-name1
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom: -32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .main1 .box2
    {
        width:100%;
        margin-left: 0;
    }
    .main1 .box2 .plan-of-visit
    {
        width:100%;
        margin-top: 0px;
        margin-bottom: 10px;
    }
    
    .main1 .box2 .plan-of-visit .label-code
    {
        margin-left: 6%;
    }
    .main1 .box2 .plan-of-visit .plan-to-visit-sbtn
    {
        font-family: Myriad Pro;
        font-size: 12pt;
        height: 30px;
        color: white;
        background: #97b80d;
        padding: 0px 40px;
        margin: 22px 0px 15px 30%;
        border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        border: none;
    }
    .main2 .box2 .know-more1
    {
        width:100%;
        height:34px;
        margin-top: 5%;
        background: url(../images/know-more.png) no-repeat;
    }
    .main1 .box2 .heading2
    {
        font-family: OpenSans-Regular;
        font-size: 14pt;
        color: #865a3c;
        margin: 4% 0 0 0;
        text-decoration: underline;
    }
    .main1 .box2 .plan-of-visit .persons
    {
        height:25px;
        width:27px;
        border: none;
        background: none;
        padding-left: 5px;
        margin-right: 2px;
    }
    .main1 .box2 .plan-of-visit .code
    {
        height:25px;
        width:24%;
        border: none;
        background: none;
        margin-top:5px;
    }
    .main1 .box2 .plan-of-visit .plan-to-visit-sbtn
    {
        font-family: Myriad Pro;
        font-size: 12pt;
        height: 30px;
        color: white;
        background: #97b80d;
        padding: 0px 40px;
        margin: 22px 0px 15px 28%;
        border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        border: none;
    }
    .main2
    {
        width:100%;
        margin: 0 0;
        background: none;
    }
    .main2 .box1
    {
        display: none;
    }
    .main2 .box2
    {
        width:100%;
        height:auto;
        margin-left: 0%;
        margin-bottom:10px;
        padding-bottom: 10px;
        background: url(../images/content_bg.png);
    }
    .main2 .box2 .homestay-resorts
    {
        text-align: left;
        padding-left: 4%;
    }
    .main3
    {
        width:100%;
        margin:10px 0;
        background: none;
    }
    .main3 .box1
    {
        width:100%;
        float:right;
        margin-left: 0%;
    }
    .main3 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 32pt;
        text-align:center;
        color: #edf0e2;
        margin-top: 10px;
        display: block;
    }
    .main3 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 50pt;
        text-align:center;
        color:#f5f7ea;
        margin-bottom: 10px;
        text-shadow: 2px 2px 1px black;
        display: block;
    }
    .main3 .box1 .nature-walk1
    {
        width: 100%;
        height: 250px;
        float: left;
        margin-top: 0px;
        margin-bottom: 10px;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay1
    {
        width:48%;
        height:170px;
        float:left;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay2
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay3
    {
        width:48%;
        height:170px;
        float:left;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay4
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay-name2
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom: -32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        display: block;
    }
    .main3 .box1 .desc
    {
        width:100%;
        height:auto;
        margin-right: 0px;
        background: url(../images/content_bg.png);
    }
    .main3 .box1 .know-more2
    {
        width:100%;
        margin-top: 0%;
        background: none;
    }
    .main3 .box1 .nature-walk
    {
        display: none;
    }
    .main3 .box2
    {
        display: none;
    }
    .main3 .box2 .heading1
    {
        display: none;
    }
    .main3 .box2 .heading2
    {
        display: none;
    }
    .main3 .box2 .homestay1
    {
        display: none;
    }
    .main3 .box2 .homestay2
    {
        display: none;
    }
    .main3 .box2 .homestay3
    {
        display: none;
    }
    .main3 .box2 .homestay4
    {
        display: none;
    }
    .main3 .box2 .homestay-name2
    {
        display: none;
    }
    .main4
    {
        width:100%;
        margin: 20px 0px 10px 0px;
        background: none;
    }
    .main4 .box1
    {
        width:100%;
        margin-left: 0%;
    }
    .main4 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 32pt;
        text-align:center;
        color: #edf0e2;
        margin-top: 0%;
        display: block;
    }
    .main4 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 50pt;
        text-align:center;
        color:#f5f7ea;
        margin-top: 0%;
        margin-bottom:10px;
        text-shadow: 2px 2px 1px black;
        display: block;
    }
    .main4 .box1 .jungle-safari
    {
        width:100%;
        height:357px;
        float:left;
        background:url("../images/jungle-safari1.jpg") no-repeat;
        background-size: cover;
        margin-top:0%;
        margin-bottom: 10px;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    
    .main4 .box1 .jungle-safari .jungle-safari-desc .heading
    {
        font-size: 17pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 0;
    }
    .main4 .box1 .jungle-safari .jungle-safari-desc .desc
    {
        font-family: Roboto-Regular;
        font-size: 9.8pt;
        color:white;
        margin-left: 0px;
        margin-top: 0px;
        padding: 0;
        display: block;
    }
    .main4 .box1 .desc
    {
        width:100%;
        height: auto;
        float: none;
        margin-left: 0%;
        margin-bottom: 0px;
        background: none;
        display: none;
    }
    .main4 .box1 .homestay1
    {
        width:48%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay2
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay3
    {
        width:48%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay4
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay-name3
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom:-32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .main4 .box1 .desc1
    {
        width:100%;
        height: auto;
        float: left;
        margin-left: 0%;
        margin-bottom: 10px;
        background: url(../images/content_bg.png);
        display: block;
    }
    .main4 .box2
    {
        float: left;
        width:100%;
        margin-left: 0%;
    }   
    .main4 .box2 .heading1
    {
        display: none;
    }
    .main4 .box2 .heading2
    {
        display: none;
    }
    .main4 .box2 .jungle-safari
    {
       display: none;
    }
    .main5
    {
        width:100%;
        margin:20px 0px;
    }
    .main5 .box1
    {
        float: left;
        width:100%;
        margin-left: 0%;
    }
    .main5 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 32pt;
        text-align:center;
        color: #edf0e2;
        margin-top: 0%;
        margin-right: 0%;
    }
    .main5 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 50pt;
        color:#f5f7ea;
        text-align:center;
        margin:0px 0px 10px 0px;
        text-shadow: 2px 2px 1px black;
    }
    .main5 .box1 .homestay1
    {
        width:48%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background: url("../images/homestay-13.jpg") no-repeat;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box1 .homestay2
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom:10px;
        background: url("../images/homestay-14.jpg") right no-repeat;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box1 .homestay-name4
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom:-32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .main5 .box1 .places-heading
    {
        font-size: 21pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        margin-left: 0px;
        padding: 0px 0px 0px 0px;
    }
    .main5 .box1 .places-desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        margin:5px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
    }
    .main5 .box2
    {
        float: left;
        width:100%;
        margin-left: 0%;
        margin-bottom: 20px;
    }
    .main5 .box2 .img1
    {
        width:100%;
        float: left;
        margin-bottom: 10px;
    }
    .main5 .box2 .img1 .desc
    {
        float: left;
        width:100%;
        height:auto;
        margin-bottom:0px;
        background: url(../images/content_bg.png);
        display: block;
    }
    .main5 .box2 .img1 .desc .know-more4
    {
        width:100%;
        margin-top: 0;
        background: none;
    }
    .main5 .box2 .img2
    {
        width: 100%;
        float: left;
    }
    .main5 .box2 .places1
    {
        height:auto;
        width: 48%;
        float: right;
        margin-left: 0%;
        margin-bottom:0px;
        border: solid 1px white;
        overflow: hidden;
        display: none;
    }
    .main5 .box2 .places2
    {
        height:auto;
        width: 48%;
        float: right;
        margin-bottom:10px;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box2 .places3
    {
        height:auto;
        width: 48%;
        float: left;
        margin-left: 0%;
        margin-bottom:10px;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box2 img
    {
        width:100%;
        float: right;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .main5 .box2 .desc1
    {
        float: left;
        width:100%;
        height:auto;
        margin-bottom:30px;
        background: #25a8e0;
        display: none;
    }
    .footer .footer-top
    {
        width: 80%;
        padding: 10px 10% 15px 10%;
    }
    .footer .footer-top .inner-wrapper .links1
    {
        width: 50%;
        float:left;
    }
    .footer .footer-top .inner-wrapper .links1 p
    {
        margin-left: 0%;
    }
    .footer .footer-top .inner-wrapper .map
    {
        width: 50%;
        margin-top: 10px;
    }
    .footer .footer-top .inner-wrapper .map .heading
    {
        font-size: 18pt;
        margin-left: 0;
    }
    .footer .footer-top .inner-wrapper .map table
    {
        display: none;
    }
    .footer .footer-top .inner-wrapper .map .mob-footer-do-dont
    {
        display: block;
    }
    .footer .footer-top .inner-wrapper .map table tr .icon
    {
        float: left;
    }
    .footer .footer-top .inner-wrapper .map table tr .desc
    {
        font-size: 14pt;
    }
    .footer .footer-top .subscribe
    {
        width: 41%;
        padding-right: 9%;
        float:left;
        margin-top: 10px;
    }
    .footer .footer-top .subscribe .sub-txt-box
    {
        font-family: OpenSans-Light;
        background:none; 
        border:solid 1px white;
        font-size: 11px;
        height:30px; 
        width:160px; 
        margin:5% 0px 0px 0%;
        padding-left: 3%;
        color:white;
        background: none;
    }
    .footer .footer-top .subscribe span
    {
        margin-left: 0px;
    }
    .footer .footer-top .links1 a
    {
        text-decoration: none;
        font-family: OpenSans-Light;
        font-size: 14pt;
    }
    .footer .footer-top .subscribe p
    {
        font-family: OpenSans-Light;
        font-size: 18pt;
        margin-left: 0%;
    }
    .footer .footer-top .subscribe .sub-sbtn
    {
        font-family: OpenSans-Light;
        font-size: 14px;
        margin-top: 7%;
        margin-left: 0%;
        width:90px;
        height:30px;
        background: #9d9f10;
        color:white;
        border: none;
    }
    .footer .footer-top .social
    {
        width: 50%;
        float:left;
        margin-top: 10px;
    }
    .footer .footer-top .social p
    {
        font-family: OpenSans-Light;
        font-size: 18pt;
        margin-left: 0%;
    }
    .footer .footer-top .social a
    {
        margin: 0px 0px 0px 0px;
        color:black;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .footer .footer-top .social a:nth-child(2)
    {
        margin-left:0px;
    }
    .footer .footer-bottom
    {
        width: 94%;
        height:60px;
        padding-left: 3%;
        padding-right: 3%;
        background: #2b380d;
    }
    .footer .footer-bottom .copy
    {
        width: 100%;
        float:left;
        margin-top: 8px;
    }
    .footer .footer-bottom p
    {
        font-family: OpenSans-Light;
        font-size: 10pt;
        text-align: center;
        line-height: 22px;
        margin-left:00%;
        color:#7c8b45;
    }
    .footer .footer-bottom .design
    {
        width: 100%;
        float:left;
    }
    .footer .footer-bottom .design p
    {
        float:none;
        text-align: center;
        margin-right:0%;
        margin-left:0px
    }
    
    /* CSS for About Page */
    
    .about-dandeli
    {
        width: 96%;
        padding: 2%;
        background: rgba(0,0,0,0.7);
        margin-top: 50px;
        margin-bottom: 20px;
    }
    .about-dandeli .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:white;
        margin-bottom: 5px;
    }
    .about-dandeli .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        line-height: 20px;
    }
    .about-main1
    {
        width: 100%;
    }
    .about-main1 .about-homestays
    {
        float: left;
        width: 96%;
        padding: 2%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
    }
    .about-main1 .about-homestays .img
    {
        width: 100%;
        float:left;
    }
    .about-main1 .about-homestays .img img
    {
        width: 100%;
        height: 239px;
    }
    .about-main1 .about-homestays .text
    {
        width: 100%;
        margin-left: 0%;
        float: left;
    }
    .about-main1 .about-homestays .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:#5b4e2d;
        line-height: 20px;
    }
    .about-main1 .about-homestays1
    {
        float: left;
        width: 96%;
        padding: 2%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
        display: block;
    }
    .about-main1 .about-homestays1 .img
    {
        width: 100%;
        float:left;
    }
    .about-main1 .about-homestays1 .img img
    {
        width: 100%;
    }
    .about-main1 .about-homestays1 .text
    {
        width: 100%;
        margin-left: 0%;
        float: left;
    }
    .about-main1 .about-homestays1 .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:#5b4e2d;
        line-height: 20px;
    }
    .about .about-main2
    {
        display: none;
    }
    .about-main1 .activities
    {
        float: left;
        width: 100%;
        height:333px;
        margin-left: 0%;
        margin-bottom: 20px;
        background: #596809;
    }
    .about-main1 .activities .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:white;
        margin: 15px 0px 5px 14px;
    }
    .about-main1 .activities .act
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        text-decoration: none;
        color: white;
        display: block;
        height: 33px;
        line-height: 33px;
        padding-left: 14px;
    }
    .about .main-testimonials
    {
        float: left;
        width: 100%;
        margin-left: 0%;
        background: #596809;
    }
    .main-testimonials .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:white;
        margin: 15px 0px 5px 12px;
    }
    #testimonials .testimonial{
        position:absolute;
        left:0px;
        top:0px;
        width:260px;
        padding: 0px 14px;
        z-index:1;
    }
    .about-main1 .activitiess
    {
        width: 96%;
        padding: 2%;
        margin-left: 0;
    }
    .about-main1 .activitiess .desc
    {
        padding-bottom: 0px;
    }
    .about .activities
    {
        width: 96%;
        padding: 2%;
        margin-left: 0;
    }
    
    /* CSS for Homestays and Resorts Pages */
    
    .homestay
    {
        width:100%;
        margin:50px 0px;
    }
    .homestay .homestay-details
    {
        width: 100%;
        float: left;
    }
    .homestay .homestay-details .homestay-name
    {
        width:96%;
        padding: 2%;
        margin-bottom:20px;
        background: rgba(229,228,216,0.8);
    }
    .homestay .homestay-details .homestay-name .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:#5b4e2d;
        margin-top: 0px;
        line-height: 20px;
    }
    .homestay .homestay-details .homestay-name .desktop-collage
    {
        display: none;
    }
    .homestay .homestay-details .homestay-slider
    {
        width:100%;
        height:400px;
        float:left;
        border: solid 1px white;
        background: white;
    }
    .homestay .homestay-details .homestay-slider .slider{
        width: 100%;
        position: relative;
        padding-top: 310px;
        margin: 0px auto;
        /*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);*/
    }
    .homestay .homestay-details .homestay-slider .slider>img{
        position: absolute;
        left: 0; top: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        width: 100%;
        height: 320px;
    }
    .homestay .homestay-details .homestay-slider .slider label {
        margin: 4% 0 0 8%;
        border: 3px solid #999;
        float: left;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0.6;
    }
    .homestay .homestay-details .homestay-slider .slider label img{
        width: 65px;
        height: 54px;
        display: block;
    }
    .homestay .homestay-details .homestay-desc
    {
        width:100%;
        height:auto;
        float:left;
        margin: 20px 0px 10px;
    }
    .homestay .homestay-details .homestay-desc .desc-nav
    {
        background:#9b5c04;
        height:20px;
        padding: 10px 5px;
    }
    .homestay .homestay-details .book-now
    {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 20px;
    }
    .homestay .homestay-details .book-now .book-now-btn
    {
        width: 100%;
        height: 50px;
        margin: 0px;
        background: url(../images/book-now.png) 50% no-repeat;
    }
    .desc-nav li
    {
        float:left;
        text-align: center;
        line-height: 20px;
        width:25%;
        color: #e0d9c4;
        font-family: Roboto-Regular;
        font-size: 16px;
        cursor: pointer;
        border-right: solid 1px #e0d9c4;
    }
    .homestay .homestay-details .homestay-desc p
    {
        font-size: 12pt;
    }
    .homestay .homestay-list
    {
        width: 100%;
        background: #596809;
        margin-left: 0px;
        float:left;
    }
    
    /* CSS for Explore page */

    .explore-main1
    {
        width: 100%;
        padding: 0%;
        margin-top: 50px;
        margin-bottom: 20px;
        background: rgba(228,226,210,0.7);
    }
    .explore-main1 .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:#5b4e2d;
        padding: 2%;
        margin-bottom: 0px;
    }
    .explore-main1 .img
    {
        float: left;
        width:100%;
    }
    .explore-main1 .img img
    {
        float: left;
        width:100%;
    }
    .explore-main1 .text
    {
        width: 96%;
        padding: 2%;
        float: left;
    }
    .explore-main1 .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:#5b4e2d;
        line-height: 20px;
    }
    .explore-main2
    {
        width: 100%;
        padding: 0%;
        padding-left: 0;
        padding-bottom: 0px;
        margin-bottom: 50px;
        background: #596809;
        border: none;
    }
    .explore-main2 .list-of-activities
    {
        float: left;
        width:100%;
    }
    .list-of-activities-nav
    {
        width: 100%;
        margin-bottom: 20px;
        background: #e1e7b2;
        display: block;
    }
    .list-of-activities-nav .burger-navv
    {
        width: 100%;
        height:40px;
        background: url(../images/list-of-activities-nav.png) no-repeat center;
        cursor: pointer;
    }
    .list-of-activities-nav table
    {
        width:100%;
        margin-left: 0px;
        background: #6A8437;
        border-collapse: collapse;
        display: none;
    }
    .list-of-activities-nav table tr
    {

    }
    .list-of-activities-nav table tr td
    {
        cursor: pointer;
        border-bottom: solid 1px #e1e7b2;
    }
    .list-of-activities-nav table tr .img1
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .img2
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img3
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img4
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img5
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img6
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img7
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img8
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .imgg1
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .imgg2
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg3
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg4
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg5
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg6
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg7
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg8
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .name
    {
        color: #e3e0d7;
        font-family: Roboto-Regular;
        font-size: 16px;
    }
    .list-of-activities-nav .active
    {
        background:#63730f;
    }
    .list-of-activities-nav tr:hover{
        background:#63730f;
    }
    .explore-main2 .list-of-activities .heading
    {
        display: none;
    }
    .explore-main2 .list-of-activities table
    {
        width:100%;
        margin-left: 0px;
        border-collapse: collapse;
        display: none;
    }
    .desc-img1
    {
        float: left;
    }
    .desc-img2
    {
        float: left;
    }
    .explore-main2 .white-water-rafting
    {
        float: left;
        width:100%;
        padding: 0 0;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .rappelling
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .rappelling .rappelling-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .rappelling .rappelling-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .rappelling .rappelling-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .rappelling .rappelling-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .rappelling .rappelling-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .adventure-trekking
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .bird-watching
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img .desc-img2
    {
       width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .bird-watching .bird-watching-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .jungle-safari-in-open-jeep
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .kayaking
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .kayaking .kayaking-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .kayaking .kayaking-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .kayaking .kayaking-desc-img .desc-img2
    {
       width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .kayaking .kayaking-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .kayaking .kayaking-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .nature-walks
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .nature-walks .nature-walks-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .outdoor-camping
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img .desc-img1
    {
        width: 49%;
        margin: 0px;
        float: left;
        border: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    
    /* CSS for Contact Us page */

    .contact
    {
        width:100%;
        margin:50px 0px;
    }
    .contact .contact-map
    {
        width:100%;
        margin-left: 0%;
        float:left;
    }
    .contact .contact-map table
    {
        margin: 20px 0px;
        width: 100%;
    }
    .contact .contact-map .icon
    {
        width: 0px;
        text-align: center;
        padding: 4%;
    }
    .contact .contact-map .content
    {
        width: 0px;
        font-family: Narkisim;
        font-size: 14pt;
        color: white;
        padding: 4%;
    }
    .contact .contact-form
    {
        width:100%;
        float:left;
		margin-bottom:20px;
    }
    #contactus fieldset
    {
        width:90%;
        padding:5%;
        border:1px solid #ccc;
        background: rgba(114,134,68,0.7);
    }
    #contactus input[type="text"]
    {
        height:18px;
        width:90%;
        border-radius: 5px;   
    }
    #contactus #adults
    {
        height:18px;
        width:26%;
    }

    #contactus #children
    {
        height:18px;
        width:26%;
        margin-left: 10px;
    }

    #contactus #foreigners
    {
        height:18px;
        width:26%;
        margin-left: 10px;
    }

    #contactus .label-children
    {
        margin-left: 20.5%;
    }

    #contactus .label-foreigners
    {
        margin-left: 17%;
    }
    #contactus .img-box
    {
        height: 150px;
        width: 55%;
        margin-left: 185px;
        margin-top: -42px;
        border: solid 1px white;
    }
    #contactus img
    {
        height: 150px;
        width: 100%;
    }
}

@media screen and (min-width: 601px) and (max-width: 650px)
{
    #page
    {
        width: 100%;
        background: url("../images/index-bg.jpg") no-repeat;
        background-size: cover;
    }
    #page .wrapper
    {
        width: 80%;
        padding: 0 10%;
    }
    #page .wrapper .inner-wrapper
    {
        width:100%;
        padding: 0 0;
    }
    .header .social-top
    {
        width: 35%;
        padding-top: 15px;
        margin: 0 0 0 35%;
        text-align: center;
    }
    .header img
    {
        width:90%;
        content:url("../images/logo-mobile.png");
        margin:1% 5% 0% 5%;
    }
    .header .tagline
    {
        width:80%;
        text-align: center;
        font-family: KGAllofMe;
        font-size: 36pt;
        color:#e1e7b2;
    }
    .nav
    {
        margin-top:0px;
        background:#e1e7b2;
    }
    .nav ul{
        list-style-type: none;
        /*display: flex;*/
        display: block;
        width:100%;
        height:0;
        padding: 0;
        overflow: hidden;
    }
    .nav ul.open
    {
        height: auto;
    }
    .nav li
    {
        float: none;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 0;
                flex: 0 0 0;
        width: 100%;
        background: #556a2c;
        border-right: none;
        border-bottom: solid 1px #e1e7b2;
    }
    .nav a{
        text-decoration: none;
        color: black;
        display: block;
        padding: 10px;
        text-align: center;
        font-size: 16px;
    }
    .nav .burger-nav
    {
        width: 100%;
        height:40px;
        background: url(../images/burger-navv.png) no-repeat center;
        cursor: pointer;
    }
    #page .contact-fixed
    {
        width: 23%;
        right: -8.4%;
    }
    .main1 .box1
    {
        width:100%;
    }
    .main1 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 32pt;
        text-align: center;
        color: #edf0e2;
        margin-top: -7px;
    }
    .main1 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 50pt;
        text-align: center;
        color:#f5f7ea;
        margin-top: 0px;
        margin-bottom:10px;
        text-shadow: 2px 2px 1px black;
    }
    .main1 .box1 .white-water-raft
    {
        height:267px;
        width: 100%;
        float: left;
        margin-left: 0;
        border:solid 1px white;
        background: url("../images/white-water-rafting.jpg") right no-repeat;
        background-size: cover;
        overflow: hidden;
    }
    .main1 .box1 .white-water-raft .water-rafting .heading
    {
        font-size: 22pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 5px 15px 0px 10px;
    }
    .main1 .box1 .white-water-raft .water-rafting .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        margin-left: 0px;
        padding: 0px 15px 5px 10px;
    }
    .main1 .box3
    {
        float: left;
        width:100%;
        margin-left: 0%;
        display: block;
    }
    .main1 .box3 .homestay1
    {
        width:48%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-top:10px;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay2
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-top:10px;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay3
    {
        width:48%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay4
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay-name1
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom: -32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .main1 .box2
    {
        width:100%;
        margin-left: 0;
    }
    .main1 .box2 .plan-of-visit
    {
        width:100%;
        margin-top: 0px;
        margin-bottom: 10px;
    }
    
    .main1 .box2 .plan-of-visit .label-code
    {
        margin-left: 6%;
    }
    .main1 .box2 .plan-of-visit .plan-to-visit-sbtn
    {
        font-family: Myriad Pro;
        font-size: 12pt;
        height: 30px;
        color: white;
        background: #97b80d;
        padding: 0px 40px;
        margin: 22px 0px 15px 30%;
        border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        border: none;
    }
    .main2 .box2 .know-more1
    {
        width:100%;
        height:34px;
        margin-top: 5%;
        background: url(../images/know-more.png) no-repeat;
    }
    .main1 .box2 .heading2
    {
        font-family: OpenSans-Regular;
        font-size: 14pt;
        color: #865a3c;
        margin: 4% 0 0 0;
        text-decoration: underline;
    }
    .main1 .box2 .plan-of-visit .persons
    {
        height:25px;
        width:27px;
        border: none;
        background: none;
        padding-left: 5px;
        margin-right: 2px;
    }
    .main1 .box2 .plan-of-visit .code
    {
        height:25px;
        width:24%;
        border: none;
        background: none;
        margin-top:5px;
    }
    .main1 .box2 .plan-of-visit .plan-to-visit-sbtn
    {
        font-family: Myriad Pro;
        font-size: 12pt;
        height: 30px;
        color: white;
        background: #97b80d;
        padding: 0px 40px;
        margin: 22px 0px 15px 28%;
        border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        border: none;
    }
    .main2
    {
        width:100%;
        margin: 0 0;
        background: none;
    }
    .main2 .box1
    {
        display: none;
    }
    .main2 .box2
    {
        width:100%;
        height:auto;
        margin-left: 0%;
        margin-bottom:10px;
        padding-bottom: 10px;
        background: url(../images/content_bg.png);
    }
    .main2 .box2 .homestay-resorts
    {
        text-align: left;
        padding-left: 4%;
    }
    .main3
    {
        width:100%;
        margin:10px 0;
        background: none;
    }
    .main3 .box1
    {
        width:100%;
        float:right;
        margin-left: 0%;
    }
    .main3 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 32pt;
        text-align:center;
        color: #edf0e2;
        margin-top: 10px;
        display: block;
    }
    .main3 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 50pt;
        text-align:center;
        color:#f5f7ea;
        margin-bottom: 10px;
        text-shadow: 2px 2px 1px black;
        display: block;
    }
    .main3 .box1 .nature-walk1
    {
        width: 100%;
        height: 250px;
        float: left;
        margin-top: 0px;
        margin-bottom: 10px;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay1
    {
        width:48%;
        height:170px;
        float:left;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay2
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay3
    {
        width:48%;
        height:170px;
        float:left;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay4
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay-name2
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom: -32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        display: block;
    }
    .main3 .box1 .desc
    {
        width:100%;
        height:auto;
        margin-right: 0px;
        background: url(../images/content_bg.png);
    }
    .main3 .box1 .know-more2
    {
        width:100%;
        margin-top: 0%;
    }
    .main3 .box1 .nature-walk
    {
        display: none;
    }
    .main3 .box2
    {
        display: none;
    }
    .main3 .box2 .heading1
    {
        display: none;
    }
    .main3 .box2 .heading2
    {
        display: none;
    }
    .main3 .box2 .homestay1
    {
        display: none;
    }
    .main3 .box2 .homestay2
    {
        display: none;
    }
    .main3 .box2 .homestay3
    {
        display: none;
    }
    .main3 .box2 .homestay4
    {
        display: none;
    }
    .main3 .box2 .homestay-name2
    {
        display: none;
    }
    .main4
    {
        width:100%;
        margin: 20px 0px 10px 0px;
        background: none;
    }
    .main4 .box1
    {
        width:100%;
        margin-left: 0%;
    }
    .main4 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 32pt;
        text-align:center;
        color: #edf0e2;
        margin-top: 0%;
        display: block;
    }
    .main4 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 50pt;
        text-align:center;
        color:#f5f7ea;
        margin-top: 0%;
        margin-bottom:10px;
        text-shadow: 2px 2px 1px black;
        display: block;
    }
    .main4 .box1 .jungle-safari
    {
        width:100%;
        height:357px;
        float:left;
        background:url("../images/jungle-safari1.jpg") no-repeat;
        background-size: cover;
        margin-top:0%;
        margin-bottom: 10px;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    
    .main4 .box1 .jungle-safari .jungle-safari-desc .heading
    {
        font-size: 17pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 0;
    }
    .main4 .box1 .jungle-safari .jungle-safari-desc .desc
    {
        font-family: Roboto-Regular;
        font-size: 9.8pt;
        color:white;
        margin-left: 0px;
        margin-top: 0px;
        padding: 0;
        display: block;
    }
    .main4 .box1 .desc
    {
        width:100%;
        height: auto;
        float: none;
        margin-left: 0%;
        margin-bottom: 0px;
        background: none;
        display: none;
    }
    .main4 .box1 .homestay1
    {
        width:48%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay2
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay3
    {
        width:48%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay4
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay-name3
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom:-32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .main4 .box1 .desc1
    {
        width:100%;
        height: auto;
        float: left;
        margin-left: 0%;
        margin-bottom: 10px;
        background: url(../images/content_bg.png);
        display: block;
    }
    .main4 .box2
    {
        float: left;
        width:100%;
        margin-left: 0%;
    }   
    .main4 .box2 .heading1
    {
        display: none;
    }
    .main4 .box2 .heading2
    {
        display: none;
    }
    .main4 .box2 .jungle-safari
    {
       display: none;
    }
    .main5
    {
        width:100%;
        margin:20px 0px;
    }
    .main5 .box1
    {
        float: left;
        width:100%;
        margin-left: 0%;
    }
    .main5 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 32pt;
        text-align:center;
        color: #edf0e2;
        margin-top: 0%;
        margin-right: 0%;
    }
    .main5 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 50pt;
        color:#f5f7ea;
        text-align:center;
        margin:0px 0px 10px 0px;
        text-shadow: 2px 2px 1px black;
    }
    .main5 .box1 .homestay1
    {
        width:48%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background: url("../images/homestay-13.jpg") no-repeat;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box1 .homestay2
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom:10px;
        background: url("../images/homestay-14.jpg") right no-repeat;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box1 .homestay-name4
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom:-32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .main5 .box1 .places-heading
    {
        font-size: 21pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        margin-left: 0px;
        padding: 0px 0px 0px 0px;
    }
    .main5 .box1 .places-desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        margin:5px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
    }
    .main5 .box2
    {
        float: left;
        width:100%;
        margin-left: 0%;
        margin-bottom: 20px;
    }
    .main5 .box2 .img1
    {
        width:100%;
        float: left;
        margin-bottom: 10px;
    }
    .main5 .box2 .img1 .desc
    {
        float: left;
        width:48.5%;
        height:auto;
        margin-bottom:0px;
        background: url(../images/content_bg.png);
        display: block;
    }
    .main5 .box2 .img1 .desc .know-more4
    {
        width:100%;
        margin-top: 0%;
    }
    .main5 .box2 .img2
    {
        width: 100%;
        float: left;
    }
    .main5 .box2 .places1
    {
        height:auto;
        width: 48%;
        float: right;
        margin-left: 0%;
        margin-bottom:0px;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box2 .places2
    {
        height:auto;
        width: 48%;
        float: right;
        margin-bottom:10px;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box2 .places3
    {
        height:auto;
        width: 48%;
        float: left;
        margin-left: 0%;
        margin-bottom:10px;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box2 img
    {
        width:100%;
        float: right;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .main5 .box2 .desc1
    {
        float: left;
        width:100%;
        height:auto;
        margin-bottom:30px;
        background: #25a8e0;
        display: none;
    }
    .footer .footer-top
    {
        width: 80%;
        padding: 10px 10% 15px 10%;
    }
    .footer .footer-top .inner-wrapper .links1
    {
        width: 50%;
        float:left;
    }
    .footer .footer-top .inner-wrapper .links1 p
    {
        margin-left: 0%;
    }
    .footer .footer-top .inner-wrapper .map
    {
        width: 50%;
        margin-top: 10px;
    }
    .footer .footer-top .links1 a
    {
        text-decoration: none;
        font-family: OpenSans-Light;
        font-size: 14pt;
    }
    .footer .footer-top .subscribe
    {
        width: 50%;
        float:left;
        margin-top: 10px;
    }
    .footer .footer-top .subscribe span
    {
        margin-left: 0px;
    }
    .footer .footer-top .subscribe p
    {
        font-family: OpenSans-Light;
        font-size: 18pt;
        margin-left: 0%;
    }
    .footer .footer-top .subscribe .sub-txt-box
    {
        font-family: OpenSans-Light;
        background:none; 
        border:solid 1px white;
        font-size: 12px;
        height:30px; 
        width:165px; 
        margin:5% 0px 0px 0%;
        padding-left: 5%;
        color:white;
        background: url(../images/down-arroww.png) 175px no-repeat;
    }
    .footer .footer-top .subscribe .sub-sbtn
    {
        font-family: OpenSans-Light;
        font-size: 14px;
        margin-top: 7%;
        margin-left: 0%;
        width:90px;
        height:30px;
        background: #9d9f10;
        color:white;
        border: none;
    }
    .footer .footer-top .social
    {
        width: 50%;
        float:left;
        margin-top: 10px;
    }
    .footer .footer-top .social p
    {
        font-family: OpenSans-Light;
        font-size: 18pt;
        margin-left: 0%;
    }
    .footer .footer-top .social a
    {
        margin: 0px 0px 0px 0px;
        color:black;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .footer .footer-top .social a:nth-child(2)
    {
        margin-left:0px;
    }
    .footer .footer-bottom
    {
        width: 94%;
        height:60px;
        padding-left: 3%;
        padding-right: 3%;
        background: #2b380d;
    }
    .footer .footer-bottom .copy
    {
        width: 100%;
        float:left;
        margin-top: 8px;
    }
    .footer .footer-bottom p
    {
        font-family: OpenSans-Light;
        font-size: 10pt;
        text-align: center;
        line-height: 22px;
        margin-left:00%;
        color:#7c8b45;
    }
    .footer .footer-bottom .design
    {
        width: 100%;
        float:left;
    }
    .footer .footer-bottom .design p
    {
        float:none;
        text-align: center;
        margin-right:0%;
        margin-left:0px
    }
    
    /* CSS for About Page */
    
    .about-dandeli
    {
        width: 96%;
        padding: 2%;
        background: rgba(0,0,0,0.7);
        margin-top: 50px;
        margin-bottom: 20px;
    }
    .about-dandeli .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:white;
        margin-bottom: 5px;
    }
    .about-dandeli .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        line-height: 20px;
    }
    .about-main1
    {
        width: 100%;
    }
    .about-main1 .about-homestays
    {
        float: left;
        width: 96%;
        padding: 2%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
    }
    .about-main1 .about-homestays .img
    {
        width: 100%;
        float:left;
    }
    .about-main1 .about-homestays .img img
    {
        width: 100%;
        height: 269px;
    }
    .about-main1 .about-homestays .text
    {
        width: 100%;
        margin-left: 0%;
        float: left;
    }
    .about-main1 .about-homestays .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:#5b4e2d;
        line-height: 20px;
    }
    .about-main1 .about-homestays1
    {
        float: left;
        width: 96%;
        padding: 2%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
        display: block;
    }
    .about-main1 .about-homestays1 .img
    {
        width: 100%;
        float:left;
    }
    .about-main1 .about-homestays1 .img img
    {
        width: 100%;
    }
    .about-main1 .about-homestays1 .text
    {
        width: 100%;
        margin-left: 0%;
        float: left;
    }
    .about-main1 .about-homestays1 .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:#5b4e2d;
        line-height: 20px;
    }
    .about .about-main2
    {
        display: none;
    }
    .about-main1 .activities
    {
        float: left;
        width: 100%;
        height:333px;
        margin-left: 0%;
        margin-bottom: 20px;
        background: #596809;
    }
    .about-main1 .activities .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:white;
        margin: 15px 0px 5px 14px;
    }
    .about-main1 .activities .act
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        text-decoration: none;
        color: white;
        display: block;
        height: 33px;
        line-height: 33px;
        padding-left: 14px;
    }
    .about .main-testimonials
    {
        float: left;
        width: 100%;
        margin-left: 0%;
        background: #596809;
    }
    .main-testimonials .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:white;
        margin: 15px 0px 5px 12px;
    }
    #testimonials .testimonial{
        position:absolute;
        left:0px;
        top:0px;
        width:260px;
        padding: 0px 14px;
        z-index:1;
    }
    .about-main1 .activitiess
    {
        width: 96%;
        padding: 2%;
        margin-left: 0;
    }
    .about-main1 .activitiess .desc
    {
        padding-bottom: 0;
    }
    .about .activities
    {
        width: 96%;
        padding: 2%;
        margin-left: 0;
    }
    
    /* CSS for Homestays and Resorts Pages */
    
    .homestay
    {
        width:100%;
        margin:50px 0px;
    }
    .homestay .homestay-details
    {
        width: 100%;
        float: left;
    }
    .homestay .homestay-details .homestay-name
    {
        width:96%;
        padding: 2%;
        margin-bottom:20px;
        background: rgba(229,228,216,0.8);
    }
    .homestay .homestay-details .homestay-name .desc
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        color:#5b4e2d;
        margin-top: 0px;
        line-height: 22px;
    }
    .homestay .homestay-details .homestay-name .desktop-collage
    {
        display: none;
    }
    .homestay .homestay-details .homestay-slider
    {
        width:100%;
        height:400px;
        float:left;
        border: solid 1px white;
        background: white;
    }
    .homestay .homestay-details .homestay-slider .slider{
        width: 100%;
        position: relative;
        padding-top: 310px;
        margin: 0px auto;
        /*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);*/
    }
    .homestay .homestay-details .homestay-slider .slider>img{
        position: absolute;
        left: 0; top: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        width: 100%;
        height: 320px;
    }
    .homestay .homestay-details .homestay-slider .slider label {
        margin: 4% 0 0 8%;
        border: 3px solid #999;
        float: left;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0.6;
    }
    .homestay .homestay-details .homestay-slider .slider label img{
        width: 65px;
        height: 54px;
        display: block;
    }
    .homestay .homestay-details .homestay-desc
    {
        width:100%;
        height:auto;
        float:left;
        margin: 20px 0px 10px;
    }
    .homestay .homestay-details .homestay-desc .desc-nav
    {
        background:#596809;
        height:20px;
        padding: 10px 5px;
    }
    .desc-nav li
    {
        float:left;
        text-align: center;
        line-height: 20px;
        width:30%;
        color: #e0d9c4;
        font-family: Roboto-Regular;
        font-size: 16px;
        cursor: pointer;
        border-right: solid 1px #e0d9c4;
    }
    .homestay .homestay-details .homestay-desc p
    {
        font-size: 12pt;
    }
    .homestay .homestay-details .homestay-desc .location ul li
    {
        margin-left: 40px;
    }
    .homestay .homestay-details .book-now
    {
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .homestay .homestay-details .book-now .book-now-btn
    {
        width: 100%;
        height: 50px;
        margin: 0px;
        background: url(../images/book-now.png) 50% no-repeat;
    }
    .homestay .homestay-list
    {
        width: 100%;
        background: #596809;
        margin-left: 0px;
        float:left;
    }
    
    /* CSS for Explore page */

    .explore-main1
    {
        width: 100%;
        padding: 0%;
        margin-top: 50px;
        margin-bottom: 20px;
        background: rgba(228,226,210,0.7);
    }
    .explore-main1 .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:#5b4e2d;
        padding: 2%;
        margin-bottom: 0px;
    }
    .explore-main1 .img
    {
        float: left;
        width:100%;
    }
    .explore-main1 .img img
    {
        float: left;
        width:100%;
    }
    .explore-main1 .text
    {
        width: 96%;
        padding: 2%;
        float: left;
    }
    .explore-main1 .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:#5b4e2d;
        line-height: 20px;
    }
    .explore-main2
    {
        width: 100%;
        padding: 0%;
        padding-left: 0;
        padding-bottom: 0px;
        margin-bottom: 50px;
        background: #596809;
        border: none;
    }
    .explore-main2 .list-of-activities
    {
        float: left;
        width:100%;
    }
    .list-of-activities-nav
    {
        width: 100%;
        margin-bottom: 20px;
        background: #e1e7b2;
        display: block;
    }
    .list-of-activities-nav .burger-navv
    {
        width: 100%;
        height:40px;
        background: url(../images/list-of-activities-nav.png) no-repeat center;
        cursor: pointer;
    }
    .list-of-activities-nav table
    {
        width:100%;
        margin-left: 0px;
        background: #6A8437;
        border-collapse: collapse;
        display: none;
    }
    .list-of-activities-nav table tr
    {

    }
    .list-of-activities-nav table tr td
    {
        cursor: pointer;
        border-bottom: solid 1px #e1e7b2;
    }
    .list-of-activities-nav table tr .img1
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .img2
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img3
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img4
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img5
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img6
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img7
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img8
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .imgg1
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .imgg2
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg3
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg4
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg5
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg6
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg7
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg8
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .name
    {
        color: #e3e0d7;
        font-family: Roboto-Regular;
        font-size: 16px;
    }
    .list-of-activities-nav .active
    {
        background:#63730f;
    }
    .list-of-activities-nav tr:hover{
        background:#63730f;
    }
    .explore-main2 .list-of-activities .heading
    {
        display: none;
    }
    .explore-main2 .list-of-activities table
    {
        width:100%;
        margin-left: 0px;
        border-collapse: collapse;
        display: none;
    }
    .desc-img1
    {
        float: left;
    }
    .desc-img2
    {
        float: left;
    }
    .explore-main2 .white-water-rafting
    {
        float: left;
        width:100%;
        padding: 0 0;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .rappelling
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .rappelling .rappelling-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .rappelling .rappelling-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .rappelling .rappelling-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .rappelling .rappelling-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .rappelling .rappelling-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .adventure-trekking
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .bird-watching
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img .desc-img2
    {
       width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .bird-watching .bird-watching-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .jungle-safari-in-open-jeep
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .kayaking
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .kayaking .kayaking-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .kayaking .kayaking-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .kayaking .kayaking-desc-img .desc-img2
    {
       width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .kayaking .kayaking-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .kayaking .kayaking-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .nature-walks
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .nature-walks .nature-walks-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .outdoor-camping
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img .desc-img1
    {
        width: 49%;
        margin: 0px;
        float: left;
        border: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    
    /* CSS for Contact Us page */

    .contact
    {
        width:100%;
        margin:50px 0px;
    }
    .contact .contact-map
    {
        width:100%;
        margin-left: 0%;
        float:left;
    }
    .contact .contact-map table
    {
        margin: 20px 0px;
        width: 100%;
    }
    .contact .contact-map .icon
    {
        width: 0px;
        text-align: center;
        padding: 4%;
    }
    .contact .contact-map .content
    {
        width: 0px;
        font-family: Narkisim;
        font-size: 14pt;
        color: white;
        padding: 4%;
    }
    .contact .contact-form
    {
        width:100%;
        float:left;
		margin-bottom:20px;
    }
    #contactus fieldset
    {
        width:90%;
        padding:5%;
        border:1px solid #ccc;
        background: rgba(114,134,68,0.7);
    }
    #contactus input[type="text"]
    {
        height:18px;
        width:90%;
        border-radius: 5px;   
    }
    #contactus #adults
    {
        height:18px;
        width:26%;
    }

    #contactus #children
    {
        height:18px;
        width:26%;
        margin-left: 10px;
    }

    #contactus #foreigners
    {
        height:18px;
        width:26%;
        margin-left: 10px;
    }

    #contactus .label-children
    {
        margin-left: 20.5%;
    }

    #contactus .label-foreigners
    {
        margin-left: 17%;
    }
    #contactus .img-box
    {
        height: 150px;
        width: 55%;
        margin-left: 200px;
        margin-top: -42px;
        border: solid 1px white;
    }
    #contactus img
    {
        height: 150px;
        width: 100%;
    }
}

@media screen and (min-width: 651px) and (max-width: 699px)
{
    #page
    {
        width: 100%;
        background: url("../images/index-bg.jpg") no-repeat;
        background-size: cover;
    }
    #page .wrapper
    {
        width: 80%;
        padding: 0 10%;
    }
    #page .wrapper .inner-wrapper
    {
        width:100%;
        padding: 0 0;
    }
    .header .social-top
    {
        width: 35%;
        padding-top: 15px;
        margin: 0 0 0 35%;
        text-align: center;
    }
    .header img
    {
        width:90%;
        content:url("../images/logo-mobile.png");
        margin:1% 5% 0% 5%;
    }
    .header .tagline
    {
        width:80%;
        text-align: center;
        font-family: KGAllofMe;
        font-size: 36pt;
        color:#e1e7b2;
    }
    .nav
    {
        margin-top:0px;
        background:#e1e7b2;
    }
    .nav ul{
        list-style-type: none;
        /*display: flex;*/
        display: block;
        width:100%;
        height:0;
        padding: 0;
        overflow: hidden;
    }
    .nav ul.open
    {
        height: auto;
    }
    .nav li
    {
        float: none;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 0;
                flex: 0 0 0;
        width: 100%;
        background: #556a2c;
        border-right: none;
        border-bottom: solid 1px #e1e7b2;
    }
    .nav a{
        text-decoration: none;
        color: black;
        display: block;
        padding: 10px;
        text-align: center;
        font-size: 16px;
    }
    .nav .burger-nav
    {
        width: 100%;
        height:40px;
        background: url(../images/burger-navv.png) no-repeat center;
        cursor: pointer;
    }
    #page .contact-fixed
    {
        width: 23%;
        right: -8.4%;
    }
    .main1 .box1
    {
        width:100%;
    }
    .main1 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 32pt;
        text-align: center;
        color: #edf0e2;
        margin-top: -7px;
    }
    .main1 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 50pt;
        text-align: center;
        color:#f5f7ea;
        margin-top: 0px;
        margin-bottom:10px;
        text-shadow: 2px 2px 1px black;
    }
    .main1 .box1 .white-water-raft
    {
        height:267px;
        width: 100%;
        float: left;
        margin-left: 0;
        border:solid 1px white;
        background: url("../images/white-water-rafting.jpg") right no-repeat;
        background-size: cover;
        overflow: hidden;
    }
    .main1 .box1 .white-water-raft .water-rafting .heading
    {
        font-size: 22pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 5px 15px 0px 10px;
    }
    .main1 .box1 .white-water-raft .water-rafting .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        margin-left: 0px;
        padding: 0px 15px 5px 10px;
    }
    .main1 .box3
    {
        float: left;
        width:100%;
        margin-left: 0%;
        display: block;
    }
    .main1 .box3 .homestay1
    {
        width:48%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-top:10px;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay2
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-top:10px;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay3
    {
        width:48%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay4
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main1 .box3 .homestay-name1
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom: -32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .main1 .box2
    {
        width:100%;
        margin-left: 0;
    }
    .main1 .box2 .plan-of-visit
    {
        width:100%;
        margin-top: 0px;
        margin-bottom: 10px;
    }
    
    .main1 .box2 .plan-of-visit .label-code
    {
        margin-left: 6%;
    }
    .main1 .box2 .plan-of-visit .plan-to-visit-sbtn
    {
        font-family: Myriad Pro;
        font-size: 12pt;
        height: 30px;
        color: white;
        background: #97b80d;
        padding: 0px 40px;
        margin: 22px 0px 15px 30%;
        border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        border: none;
    }
    .main2 .box2 .know-more1
    {
        width:100%;
        height:34px;
        margin-top: 5%;
        background: url(../images/know-more.png) no-repeat;
    }
    .main1 .box2 .heading2
    {
        font-family: OpenSans-Regular;
        font-size: 14pt;
        color: #865a3c;
        margin: 4% 0 0 0;
        text-decoration: underline;
    }
    .main1 .box2 .plan-of-visit .persons
    {
        height:25px;
        width:27px;
        border: none;
        background: none;
        padding-left: 5px;
        margin-right: 2px;
    }
    .main1 .box2 .plan-of-visit .code
    {
        height:25px;
        width:24%;
        border: none;
        background: none;
        margin-top:5px;
    }
    .main1 .box2 .plan-of-visit .plan-to-visit-sbtn
    {
        font-family: Myriad Pro;
        font-size: 12pt;
        height: 30px;
        color: white;
        background: #97b80d;
        padding: 0px 40px;
        margin: 22px 0px 15px 28%;
        border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        border: none;
    }
    .main2
    {
        width:100%;
        margin: 0 0;
        background: none;
    }
    .main2 .box1
    {
        display: none;
    }
    .main2 .box2
    {
        width:100%;
        height:auto;
        margin-left: 0%;
        margin-bottom:10px;
        padding-bottom: 10px;
        background: url(../images/content_bg.png);
    }
    .main2 .box2 .homestay-resorts
    {
        text-align: left;
        padding-left: 4%;
    }
    .main3
    {
        width:100%;
        margin:10px 0;
        background: none;
    }
    .main3 .box1
    {
        width:100%;
        float:right;
        margin-left: 0%;
    }
    .main3 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 32pt;
        text-align:center;
        color: #edf0e2;
        margin-top: 10px;
        display: block;
    }
    .main3 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 50pt;
        text-align:center;
        color:#f5f7ea;
        margin-bottom: 10px;
        text-shadow: 2px 2px 1px black;
        display: block;
    }
    .main3 .box1 .nature-walk1
    {
        width: 100%;
        height: 250px;
        float: left;
        margin-top: 0px;
        margin-bottom: 10px;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay1
    {
        width:48%;
        height:170px;
        float:left;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay2
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay3
    {
        width:48%;
        height:170px;
        float:left;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay4
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    .main3 .box1 .homestay-name2
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom: -32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        display: block;
    }
    .main3 .box1 .desc
    {
        width:100%;
        height:auto;
        margin-right: 0px;
        background: url(../images/content_bg.png);
    }
    .main3 .box1 .know-more2
    {
        width:100%;
        margin-top: 0%;
    }
    .main3 .box1 .nature-walk
    {
        display: none;
    }
    .main3 .box2
    {
        display: none;
    }
    .main3 .box2 .heading1
    {
        display: none;
    }
    .main3 .box2 .heading2
    {
        display: none;
    }
    .main3 .box2 .homestay1
    {
        display: none;
    }
    .main3 .box2 .homestay2
    {
        display: none;
    }
    .main3 .box2 .homestay3
    {
        display: none;
    }
    .main3 .box2 .homestay4
    {
        display: none;
    }
    .main3 .box2 .homestay-name2
    {
        display: none;
    }
    .main4
    {
        width:100%;
        margin: 20px 0px 10px 0px;
        background: none;
    }
    .main4 .box1
    {
        width:100%;
        margin-left: 0%;
    }
    .main4 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 32pt;
        text-align:center;
        color: #edf0e2;
        margin-top: 0%;
        display: block;
    }
    .main4 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 50pt;
        text-align:center;
        color:#f5f7ea;
        margin-top: 0%;
        margin-bottom:10px;
        text-shadow: 2px 2px 1px black;
        display: block;
    }
    .main4 .box1 .jungle-safari
    {
        width:100%;
        height:357px;
        float:left;
        background:url("../images/jungle-safari1.jpg") no-repeat;
        background-size: cover;
        margin-top:0%;
        margin-bottom: 10px;
        border: solid 1px white;
        overflow: hidden;
        display: block;
    }
    
    .main4 .box1 .jungle-safari .jungle-safari-desc .heading
    {
        font-size: 17pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 0;
    }
    .main4 .box1 .jungle-safari .jungle-safari-desc .desc
    {
        font-family: Roboto-Regular;
        font-size: 9.8pt;
        color:white;
        margin-left: 0px;
        margin-top: 0px;
        padding: 0;
        display: block;
    }
    .main4 .box1 .desc
    {
        width:100%;
        height: auto;
        float: none;
        margin-left: 0%;
        margin-bottom: 0px;
        background: none;
        display: none;
    }
    .main4 .box1 .homestay1
    {
        width:48%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay2
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay3
    {
        width:48%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay4
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom:10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay-name3
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom:-32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .main4 .box1 .desc1
    {
        width:100%;
        height: auto;
        float: left;
        margin-left: 0%;
        margin-bottom: 10px;
        background: url(../images/content_bg.png);
        display: block;
    }
    .main4 .box2
    {
        float: left;
        width:100%;
        margin-left: 0%;
    }   
    .main4 .box2 .heading1
    {
        display: none;
    }
    .main4 .box2 .heading2
    {
        display: none;
    }
    .main4 .box2 .jungle-safari
    {
       display: none;
    }
    .main5
    {
        width:100%;
        margin:20px 0px;
    }
    .main5 .box1
    {
        float: left;
        width:100%;
        margin-left: 0%;
    }
    .main5 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 32pt;
        text-align:center;
        color: #edf0e2;
        margin-top: 0%;
        margin-right: 0%;
    }
    .main5 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 50pt;
        color:#f5f7ea;
        text-align:center;
        margin:0px 0px 10px 0px;
        text-shadow: 2px 2px 1px black;
    }
    .main5 .box1 .homestay1
    {
        width:48%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom:10px;
        background: url("../images/homestay-13.jpg") no-repeat;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box1 .homestay2
    {
        width:48%;
        height:170px;
        float:right;
        margin-left: 0%;
        margin-bottom:10px;
        background: url("../images/homestay-14.jpg") right no-repeat;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box1 .homestay-name4
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url("../images/homestay-name-bg.png") no-repeat;
        background-size:cover;
        bottom:-32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .main5 .box1 .places-heading
    {
        font-size: 21pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        margin-left: 0px;
        padding: 0px 0px 0px 0px;
    }
    .main5 .box1 .places-desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        margin:5px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
    }
    .main5 .box2
    {
        float: left;
        width:100%;
        margin-left: 0%;
        margin-bottom: 20px;
    }
    .main5 .box2 .img1
    {
        width:100%;
        float: left;
        margin-bottom: 10px;
    }
    .main5 .box2 .img1 .desc
    {
        float: left;
        width:48.5%;
        height:auto;
        margin-bottom:0px;
        background: url(../images/content_bg.png);
        display: block;
    }
    .main5 .box2 .img1 .desc .know-more4
    {
        width:100%;
        margin-top: 9.6%;
    }
    .main5 .box2 .img2
    {
        width: 100%;
        float: left;
    }
    .main5 .box2 .places1
    {
        height:auto;
        width: 48%;
        float: right;
        margin-left: 0%;
        margin-bottom:0px;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box2 .places2
    {
        height:auto;
        width: 48%;
        float: right;
        margin-bottom:10px;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box2 .places3
    {
        height:auto;
        width: 48%;
        float: left;
        margin-left: 0%;
        margin-bottom:10px;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box2 img
    {
        width:100%;
        float: right;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .main5 .box2 .desc1
    {
        float: left;
        width:100%;
        height:auto;
        margin-bottom:30px;
        background: #25a8e0;
        display: none;
    }
    .footer .footer-top
    {
        width: 80%;
        padding: 10px 10% 15px 10%;
    }
    .footer .footer-top .inner-wrapper .links1
    {
        width: 50%;
        float:left;
    }
    .footer .footer-top .inner-wrapper .links1 p
    {
        margin-left: 0%;
    }
    .footer .footer-top .inner-wrapper .map
    {
        width: 50%;
        margin-top: 0px;
        margin-bottom: 59px;
    }
    .footer .footer-top .inner-wrapper .map iframe
    {
        width: 100%;
        height: 181px;
    }
    .footer .footer-top .links1 a
    {
        text-decoration: none;
        font-family: OpenSans-Light;
        font-size: 14pt;
    }
    .footer .footer-top .subscribe
    {
        width: 50%;
        float:left;
        margin-top: 10px;
    }
    .footer .footer-top .subscribe p
    {
        font-family: OpenSans-Light;
        font-size: 18pt;
        margin-left: 0%;
    }
    .footer .footer-top .subscribe .sub-txt-box
    {
        font-family: OpenSans-Light;
        background:none; 
        border:solid 1px white;
        font-size: 12px;
        height:30px; 
        width:165px; 
        margin:5% 0px 0px 0%;
        padding-left: 5%;
        color:white;
        background: url(../images/down-arroww.png) 150px no-repeat;
    }
    .footer .footer-top .subscribe .sub-sbtn
    {
        font-family: OpenSans-Light;
        font-size: 14px;
        margin-top: 7%;
        margin-left: 0%;
        width:90px;
        height:30px;
        background: #9d9f10;
        color:white;
        border: none;
    }
    .footer .footer-top .social
    {
        width: 50%;
        float:left;
        margin-top: 10px;
    }
    .footer .footer-top .social p
    {
        font-family: OpenSans-Light;
        font-size: 18pt;
        margin-left: 0%;
    }
    .footer .footer-top .social a
    {
        margin: 0px 0px 0px 0px;
        color:black;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .footer .footer-top .social a:nth-child(2)
    {
        margin-left:0px;
    }
    .footer .footer-bottom
    {
        width: 94%;
        height:60px;
        padding-left: 3%;
        padding-right: 3%;
        background: #2b380d;
    }
    .footer .footer-bottom .copy
    {
        width: 100%;
        float:left;
        margin-top: 8px;
    }
    .footer .footer-bottom p
    {
        font-family: OpenSans-Light;
        font-size: 10pt;
        text-align: center;
        line-height: 22px;
        margin-left:00%;
        color:#7c8b45;
    }
    .footer .footer-bottom .design
    {
        width: 100%;
        float:left;
    }
    .footer .footer-bottom .design p
    {
        float:none;
        text-align: center;
        margin-right:0%;
        margin-left:0px
    }
    
    /* CSS for About Page */
    
    .about-dandeli
    {
        width: 96%;
        padding: 2%;
        background: rgba(0,0,0,0.7);
        margin-top: 50px;
        margin-bottom: 20px;
    }
    .about-dandeli .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:white;
        margin-bottom: 5px;
    }
    .about-dandeli .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        line-height: 20px;
    }
    .about-main1
    {
        width: 100%;
    }
    .about-main1 .about-homestays
    {
        float: left;
        width: 96%;
        padding: 2%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
    }
    .about-main1 .about-homestays .img
    {
        width: 100%;
        float:left;
    }
    .about-main1 .about-homestays .img img
    {
        width: 100%;
        height: 280px;
    }
    .about-main1 .about-homestays .text
    {
        width: 100%;
        margin-left: 0%;
        float: left;
    }
    .about-main1 .about-homestays .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:#5b4e2d;
        line-height: 20px;
    }
    .about-main1 .about-homestays1
    {
        float: left;
        width: 96%;
        padding: 2%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
        display: block;
    }
    .about-main1 .about-homestays1 .img
    {
        width: 100%;
        float:left;
    }
    .about-main1 .about-homestays1 .img img
    {
        width: 100%;
    }
    .about-main1 .about-homestays1 .text
    {
        width: 100%;
        margin-left: 0%;
        float: left;
    }
    .about-main1 .about-homestays1 .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:#5b4e2d;
        line-height: 20px;
    }
    .about .about-main2
    {
        display: none;
    }
    .about-main1 .activities
    {
        float: left;
        width: 100%;
        height:333px;
        margin-left: 0%;
        margin-bottom: 20px;
        background: #596809;
    }
    .about-main1 .activities .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:white;
        margin: 15px 0px 5px 14px;
    }
    .about-main1 .activities .act
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        text-decoration: none;
        color: white;
        display: block;
        height: 33px;
        line-height: 33px;
        padding-left: 14px;
    }
    .about .main-testimonials
    {
        float: left;
        width: 100%;
        margin-left: 0%;
        background: #596809;
    }
    .main-testimonials .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:white;
        margin: 15px 0px 5px 12px;
    }
    #testimonials .testimonial{
        position:absolute;
        left:0px;
        top:0px;
        width:260px;
        padding: 0px 14px;
        z-index:1;
    }
    
    /* CSS for Homestays and Resorts Pages */
    
    .homestay
    {
        width:100%;
        margin:50px 0px;
    }
    .homestay .homestay-details
    {
        width: 100%;
        float: left;
    }
    .homestay .homestay-details .homestay-name
    {
        width:96%;
        padding: 2%;
        margin-bottom:20px;
        background: rgba(229,228,216,0.8);
    }
    .homestay .homestay-details .homestay-name .desc
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        color:#5b4e2d;
        margin-top: 0px;
        line-height: 22px;
    }
    .homestay .homestay-details .homestay-name .desktop-collage
    {
        display: none;
    }
    .homestay .homestay-details .homestay-slider
    {
        width:100%;
        height:400px;
        float:left;
        border: solid 1px white;
        background: white;
    }
    .homestay .homestay-details .homestay-slider .slider{
        width: 100%;
        position: relative;
        padding-top: 310px;
        margin: 0px auto;
        /*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);*/
    }
    .homestay .homestay-details .homestay-slider .slider>img{
        position: absolute;
        left: 0; top: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        width: 100%;
        height: 320px;
    }
    .homestay .homestay-details .homestay-slider .slider label {
        margin: 4% 0 0 8%;
        border: 3px solid #999;
        float: left;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0.6;
    }
    .homestay .homestay-details .homestay-slider .slider label img{
        width: 65px;
        height: 54px;
        display: block;
    }
    .homestay .homestay-details .homestay-desc
    {
        width:100%;
        height:auto;
        float:left;
        margin: 20px 0px 10px;
    }
    .homestay .homestay-details .homestay-desc .desc-nav
    {
        background:#596809;
        height:20px;
        padding: 10px 5px;
    }
    .desc-nav li
    {
        float:left;
        text-align: center;
        line-height: 20px;
        width:30%;
        color: #e0d9c4;
        font-family: Roboto-Regular;
        font-size: 16px;
        cursor: pointer;
        border-right: solid 1px #e0d9c4;
    }
    .homestay .homestay-details .homestay-desc p
    {
        font-size: 12pt;
    }
    .homestay .homestay-details .homestay-desc .location ul li
    {
        margin-left: 40px;
    }
    .homestay .homestay-details .book-now
    {
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .homestay .homestay-details .book-now .book-now-btn
    {
        width: 100%;
        height: 50px;
        margin: 0px;
        background: url(../images/book-now.png) 50% no-repeat;
    }
    .homestay .homestay-list
    {
        width: 100%;
        background: #596809;
        margin-left: 0px;
        float:left;
    }
    
    /* CSS for Explore page */

    .explore-main1
    {
        width: 100%;
        padding: 0%;
        margin-top: 50px;
        margin-bottom: 20px;
        background: rgba(228,226,210,0.7);
    }
    .explore-main1 .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:#5b4e2d;
        padding: 2%;
        margin-bottom: 0px;
    }
    .explore-main1 .img
    {
        float: left;
        width:100%;
    }
    .explore-main1 .img img
    {
        float: left;
        width:100%;
    }
    .explore-main1 .text
    {
        width: 96%;
        padding: 2%;
        float: left;
    }
    .explore-main1 .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:#5b4e2d;
        line-height: 20px;
    }
    .explore-main2
    {
        width: 100%;
        padding: 0%;
        padding-left: 0;
        padding-bottom: 0px;
        margin-bottom: 50px;
        background: #596809;
        border: none;
    }
    .explore-main2 .list-of-activities
    {
        float: left;
        width:100%;
    }
    .list-of-activities-nav
    {
        width: 100%;
        margin-bottom: 20px;
        background: #e1e7b2;
        display: block;
    }
    .list-of-activities-nav .burger-navv
    {
        width: 100%;
        height:40px;
        background: url(../images/list-of-activities-nav.png) no-repeat center;
        cursor: pointer;
    }
    .list-of-activities-nav table
    {
        width:100%;
        margin-left: 0px;
        background: #6A8437;
        border-collapse: collapse;
        display: none;
    }
    .list-of-activities-nav table tr
    {

    }
    .list-of-activities-nav table tr td
    {
        cursor: pointer;
        border-bottom: solid 1px #e1e7b2;
    }
    .list-of-activities-nav table tr .img1
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .img2
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img3
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img4
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img5
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img6
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img7
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img8
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .imgg1
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .imgg2
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg3
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg4
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg5
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg6
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg7
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg8
    {
        width:25%;
        height:50px;
        padding-left:220px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .name
    {
        color: #e3e0d7;
        font-family: Roboto-Regular;
        font-size: 16px;
    }
    .list-of-activities-nav .active
    {
        background:#63730f;
    }
    .list-of-activities-nav tr:hover{
        background:#63730f;
    }
    .explore-main2 .list-of-activities .heading
    {
        display: none;
    }
    .explore-main2 .list-of-activities table
    {
        width:100%;
        margin-left: 0px;
        border-collapse: collapse;
        display: none;
    }
    .desc-img1
    {
        float: left;
    }
    .desc-img2
    {
        float: left;
    }
    .explore-main2 .white-water-rafting
    {
        float: left;
        width:100%;
        padding: 0 0;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .rappelling
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .rappelling .rappelling-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .rappelling .rappelling-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .rappelling .rappelling-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .rappelling .rappelling-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .rappelling .rappelling-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .adventure-trekking
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .bird-watching
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img .desc-img2
    {
       width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .bird-watching .bird-watching-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .jungle-safari-in-open-jeep
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .kayaking
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .kayaking .kayaking-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .kayaking .kayaking-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .kayaking .kayaking-desc-img .desc-img2
    {
       width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .kayaking .kayaking-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .kayaking .kayaking-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .nature-walks
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .nature-walks .nature-walks-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    .explore-main2 .outdoor-camping
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img .desc-img1
    {
        width: 49%;
        margin: 0px;
        float: left;
        border: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:white;
        text-align: justify;
        line-height: 20px;
    }
    
    /* CSS for Contact Us page */

    .contact
    {
        width:100%;
        margin:50px 0px;
    }
    .contact .contact-map
    {
        width:100%;
        margin-left: 0%;
        float:left;
    }
    .contact .contact-map table
    {
        margin: 20px 0px;
        width: 100%;
    }
    .contact .contact-map .icon
    {
        width: 0px;
        text-align: center;
        padding: 4%;
    }
    .contact .contact-map .content
    {
        width: 0px;
        font-family: Narkisim;
        font-size: 14pt;
        color: white;
        padding: 4%;
    }
    .contact .contact-form
    {
        width:100%;
        float:left;
		margin-bottom:20px;
    }
    #contactus fieldset
    {
        width:90%;
        padding:5%;
        border:1px solid #ccc;
        background: rgba(114,134,68,0.7);
    }
    #contactus input[type="text"]
    {
        height:18px;
        width:90%;
        border-radius: 5px;   
    }
    #contactus #adults
    {
        height:18px;
        width:26%;
    }

    #contactus #children
    {
        height:18px;
        width:26%;
        margin-left: 10px;
    }

    #contactus #foreigners
    {
        height:18px;
        width:26%;
        margin-left: 10px;
    }

    #contactus .label-children
    {
        margin-left: 20.5%;
    }

    #contactus .label-foreigners
    {
        margin-left: 17%;
    }
    #contactus .img-box
    {
        height: 150px;
        width: 55%;
        margin-left: 200px;
        margin-top: -42px;
        border: solid 1px white;
    }
    #contactus img
    {
        height: 150px;
        width: 100%;
    }
}

@media screen and (min-width: 700px) and (max-width: 750px)
{
    #page .wrapper
    {
        width: 90%;
        padding: 0 5%;
    }
    #page .wrapper .inner-wrapper
    {
        width:100%;
        padding: 0 0;
    }
    .nav a{
      text-decoration: none;
      color: black;
      font-size: 16px;
    }
    .header
    {
        width: 100%;
        padding-bottom: 3%;
    }
    .header .social-top
    {
        width: 35%;
        padding-top: 15px;
        margin: 0 0 0 78%;
    }
    .header img
    {
        width:90%;
        margin:0% 5% 1% 5%;
    }
    .header .tagline
    {
        text-align: center;
        font-family: KGAllofMe;
        font-size: 26pt;
        color:#e1e7b2;
    }
    #page .contact-fixed
    {
        width: 18%;
        right: -6.5%;
    }
    .main1 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 22pt;
        text-align: right;
        color: #edf0e2;
        margin-top: 0px;
    }
    .main1 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 42pt;
        text-align: right;
        color:#f5f7ea;
        margin-top: 0px;
        margin-bottom: 10px;
        text-shadow: 2px 2px 1px black;
    }
    .main1 .box1 .white-water-raft
    {
        height:267px;
        width: 100%;
        float: left;
        margin-left: 0%;
        border:solid 1px white;
        background: url(../images/white-water-rafting.jpg) right no-repeat;
        background-size: cover;
        overflow: hidden;
    }
    .main1 .box1 .white-water-raft .water-rafting .heading
    {
        font-size: 14pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 5px 15px 0px 10px;
    }
    .main1 .box1 .white-water-raft .water-rafting .desc
    {
        font-family: Roboto-Regular;
        font-size: 10pt;
        color:white;
        margin-left: 0px;
        padding: 0px 15px 5px 10px;
    }
    .main1 .box2 .plan-of-visit
    {
        width:100%;
        height: 350px;
        float:left;
        margin-top: 30px;
        margin-left: 1%;
    }
    .main1 .box2 .plan-of-visit img
    {
        width: 100%;
        height: 350px;
    }
    .main1 .box2 .plan-of-visit .label-code
    {
        margin-left: 16px;
    }
    .main1 .box2 .plan-of-visit .plan-to-visit-sbtn
    {
        font-family: Myriad Pro;
        font-size: 12pt;
        height: 30px;
        color: white;
        background: #97b80d;
        padding: 0px 40px;
        margin: 22px 0px 15px 80px;
    }
    .main2 .box1
    {
        float: left;
        width:50%;
        margin-left: 0;
    }
    .main2 .box1 .homestay1
    {
        width:46%;
        height:170px;
        float:left;
        margin-left: 0%;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main2 .box1 .homestay2
    {
        width:46%;
        height:170px;
        float:left;
        margin-left: 3%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main2 .box1 .homestay3
    {
        width:46%;
        height:170px;
        float:left;
        margin-left: 0%;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main2 .box1 .homestay4
    {
        width:46%;
        height:170px;
        float:left;
        margin-left: 3%;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main2 .box1 .homestay-name1
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url(../images/homestay-name-bg.png) no-repeat;
        bottom: -32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .main2 .box2
    {
        float: left;
        width:43%;
        height:auto;
        margin-left: 2%;
        padding-bottom: 23px;
        background: url(../images/content_bg.png);
    }
    .main2 .box2 .homestay-resorts
    {
        text-align: left;
        margin-left: 4%;
    }
    .main2 .box2 .know-more1
    {
        width:100%;
        height:34px;
        margin-top: 16.5%;
        background: url(../images/know-more.png) no-repeat;
    }
    .main3 .box1 .desc
    {
        width:70%;
        height:auto;
        float: right;
        margin-right: 8px;
        background: url(../images/content_bg.png);
    }
    .main3 .box1 .know-more2
    {
        margin-top: 2%;
    }
    .main3 .box1 .nature-walk
    {
        width: 97%;
        height: 214px;
        float: left;
        margin-top: 4.8%;
        border: solid 1px white;
        overflow: hidden;
    }
    .main3 .box1 .nature-walk img
    {
        width: 125%;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .main3 .box2 .heading1
    {
        font-family: KGAllofMe;
        font-size: 22pt;
        color: #edf0e2;
        margin-top: 0%;
    }
    .main3 .box2 .heading2
    {
        font-family: Google-spies;
        font-size: 42pt;
        color:#f5f7ea;
        margin-top: 0%;
        text-shadow: 2px 2px 1px black;
    }
    .main4
    {
        width:100%;
        background: url(../images/jeep-deer.png) 75% 28.5% no-repeat;
        margin: 2% 0;
    } 
    .main4 .box1 .desc
    {
        width:91%;
        height: auto;
        float: left;
        margin-left: 9%;
        margin-bottom: 20px;
        background: url(../images/content_bg.png);
    }
    .main4 .box1 .descc
    {
        font-size: 10.9pt;
    }
    .main4 .box1 .know-more3
    {
        width:100%;
        margin-top: 3px;
    }
    .main4 .box1 .homestay1
    {
        width:46%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay2
    {
        width:46%;
        height:170px;
        float:left;
        margin-left: 10px;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay3
    {
        width:46%;
        height:170px;
        float:left;
        margin-left: 0%;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay4
    {
        width:46%;
        height:170px;
        float:left;
        margin-left: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box2 .heading1
    {
        font-family: KGAllofMe;
        font-size: 22pt;
        margin-top: 0;
        color: #edf0e2;
    }
    .main4 .box2 .heading2
    {
        font-family: Google-spies;
        font-size: 42pt;
        color:#f5f7ea;
        margin-top: 0;
        text-shadow: 2px 2px 1px black;
    }
    .main4 .box2 .jungle-safari
    {
        width:96%;
        height:350px;
        float:left;
        background:url(../images/jungle-safari1.jpg) no-repeat;
        background-size: cover;
        margin-top:50.3%;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box2 .jungle-safari .jungle-safari-desc .heading
    {
        font-size: 15pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 0;
    }
    .main4 .box2 .jungle-safari .jungle-safari-desc .desc
    {
        font-family: Roboto-Regular;
        font-size: 9.4pt;
        color:white;
        margin-left: 0px;
        margin-top: 0px;
        padding: 0;
    }
    .main5 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 22pt;
        color: #edf0e2;
        text-align: right;
        margin-top: 0%;
        margin-right: 2.5%;
    }
    .main5 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 42pt;
        color:#f5f7ea;
        text-align:right;
        margin:0% 2.5% 1% 0px;
        text-shadow: 2px 2px 1px black;
    }
    .main5 .box1 .places-heading
    {
        font-size: 20pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        margin-left: 5px;
        padding: 5px 15px 0px 10px;
    }
    .main5 .box2 .img1 .desc
    {
        float: left;
        width:100%;
        height:auto;
        margin-bottom: 15px;
        margin-top: 5px;
        background: url(../images/content_bg.png);
    }
    .main5 .box2 .img1 .desc p
    {
        line-height: 19px;
    }
    .main5 .box2 .img1 .desc .know-more4
    {
        width:100%;
        margin-top: 0px;
    }
    .main5 .box2 .img1 .desc .know-more4 a
    {
        text-decoration: none;
        color:lightgreen;
        line-height: 35px;
        background: #656e33;
        padding: 9px 20px;
    }
    .main5 .box2 .places1
    {
        height:200px;
        width: 46%;
        float: left;
        margin-left: 4%;
        border: solid 1px white;
        overflow: hidden;
        display: none;
    }
    .main5 .box2 .places2
    {
        height:200px;
        width: 49%;
        float: left;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box2 .places3
    {
        height:200px;
        width: 46%;
        float: left;
        margin-left:3.7%;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box2 img
    {
        width: 145%;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .footer .footer-top
    {
        width: 90%;
        padding: 1% 5%;
    }
    .footer .footer-bottom
    {
        width: 90%;
        height:30px;
        padding-left: 5%;
        padding-right: 5%;
        background: #2b380d;
    }
    .footer .footer-top .inner-wrapper .links1
    {
        width: 15%;
        margin-left: 2%;
        float: left;
    }
    .footer .footer-top .inner-wrapper .map
    {
        width: 40%;
        padding: 0 2%;
        float:left;
        margin-top: 3px;
    }
    .footer .footer-top .inner-wrapper .links1 p
    {
        margin-left: 0%;
    }
    .footer .footer-top .inner-wrapper .map iframe
    {
        width: 100%;
        height: 181px;
    }
    .footer .footer-top .links1 a
    {
        text-decoration: none;
        font-family: OpenSans-Light;
        font-size: 11pt;
    }
    .footer .footer-top .subscribe p
    {
        font-family: OpenSans-Light;
        font-size: 15pt;
        margin-left: 5%;
    }
    .footer .footer-top .subscribe .sub-txt-box
    {
        font-family: OpenSans-Light;
        font-size: 12px;
        background:none; 
        border:solid 1px white; 
        height:30px; 
        width:145px; 
        margin:5% 0px 0px 5%;
        padding-left: 5%;
        color:white;
    }
    .footer .footer-top .subscribe span
    {
        margin-left: 0px;
    }
    .footer .footer-top .subscribe .sub-sbtn
    {
        font-family: OpenSans-Light;
        font-size: 14px;
        margin-top: 7%;
        margin-left: 5%;
        width:100px;
        height:30px;
        background: #9d9f10;
        color:white;
        border: none;
    }
    .footer .footer-top .social p
    {
        font-family: OpenSans-Light;
        font-size: 15pt;
        margin-left: 15%;
    }
    .footer .footer-top .social a:nth-child(2)
    {
        margin-left: 15%;
    }
    .footer .footer-top .social i
    {
        margin: 5% 0% 0px 0px;
        color:black;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    
    /* CSS for About Page */
    
    .about-main1
    {
        width: 100%;
    }
    .about-main1 .about-homestays
    {
        float: left;
        width: 98%;
        padding: 1%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
    }
    .about-main1 .about-homestays .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:#5b4e2d;
        margin-bottom: 5px;
    }
    .about-main1 .about-homestays .img
    {
        width: 40%;
        float:left;
    }
    .about-main1 .about-homestays .img img
    {
        width: 100%;
        height: 260px;
        float:left;
    }
    .about-main1 .about-homestays .text
    {
        width: 59%;
        margin-left: 1%;
        float: left;
    }
    .about-main1 .about-homestays1
    {
        float: left;
        width: 98%;
        padding: 1%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
        display: block;
    }
    .about-main1 .about-homestays1 .img
    {
        width: 40%;
        float:left;
    }
    .about-main1 .about-homestays1 .img img
    {
        width: 100%;
        height: 275px;
    }
    .about-main1 .about-homestays1 .text
    {
        width: 59%;
        margin-left: 1%;
        float: left;
    }
    .about-main1 .about-homestays1 .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:#5b4e2d;
        line-height: 20px;
        text-align: justify;
    }
    .about-main1 .about-homestays1 .text .know-more1
    {
        margin-top: 75px;
    }
    .about .about-main2
    {
        display: none;
    }
    .about-main1 .activities
    {
        display: none;
    }
    .about .activities1
    {
        float: left;
        width: 49%;
        margin-left: 0%;
        margin-bottom: 20px;
        background: #596809;
        display: block;
    }
    .about .activities1 .act i
    {
        margin-right: 10px;
        color: lightgreen;
    }
    .about .main-testimonials
    {
        float: left;
        width: 49%;
        margin-left: 2%;
        background: #596809;
    }
    
    /* CSS for Homestays and Resorts Pages */
    
    .homestay
    {
        width:100%;
        margin: 60px 0px;
    }
    .homestay .homestay-details
    {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }
    .homestay .homestay-details .homestay-name .desktop-collage
    {
        display: none;
    }
    .homestay .homestay-details .homestay-slider
    {
        width:48%;
        height:462px;
        float:left;
        border: solid 1px white;
        background: white;
    }
    .homestay .homestay-details .homestay-slider .slider{
        width: 100%;
        position: relative;
        padding-top: 350px;
        margin: 0px auto;
        /*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);*/
    }
    .homestay .homestay-details .homestay-slider .slider>img{
        position: absolute;
        left: 0; top: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        width:100%;
        height: 360px;
    }
    .homestay .homestay-details .homestay-slider .slider label {
        margin: 30px 0 0 7px;
        border: 3px solid #999;
        float: left;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0.6;
    }
    .homestay .homestay-details .homestay-slider .slider label img{
        width: 65px;
        height: 60px;
        display: block;
    }
    .homestay .homestay-details .homestay-desc
    {
        width:49.7%;
        height: auto;
        float:left;
        margin-left: 2%;
        background: #f1ede4;
    }
    .homestay .homestay-details .homestay-desc .desc-nav
    {
        background:#596809;
        height:20px;
        padding: 20px 0px;
    }
    .desc-nav ul{
        list-style-type: none;
        width:100%;
    }
    .desc-nav li
    {
        float:left;
        text-align: center;
        line-height: 20px;
        width:30%;
        color: #e0d9c4;
        font-family: Roboto-Regular;
        font-size: 16px;
        cursor: pointer;
        border-right: solid 1px #e0d9c4;
    }
    .homestay .homestay-details .homestay-desc p
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        line-height: 22px;
        color: #796e52;
    }
    .homestay .homestay-details .homestay-desc .location
    {
        width: 90%;
        padding: 5%;
    }
    .homestay .homestay-details .homestay-desc .activities, .rate, .nearest-spots
    {
        width: 90%;
        padding: 5%;
        display: none;
    }
    .homestay .homestay-list
    {
        width: 48%;
        background: #596809;
        margin-left: 0px;
        float:left;
    }
    .homestay .homestay-list .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color: white;
        margin: 10px;
        margin-top: 15px;
    }
    .homestay .homestay-list a
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        text-decoration: none;
        color: white;
        display: block;
    }
    .homestay .homestay-details .book-now
    {
        margin-left: 10px;
    }
    .homestay .homestay-details .book-now .book-now-btn
    {
        width: 334px;
        background:  url(../images/book-now.png) no-repeat;
        background-size: contain;
    }
    
    /* CSS for Explore page */

    .explore-main1
    {
        width: 100%;
        padding: 0%;
        margin-top: 50px;
        margin-bottom: 20px;
        background: rgba(228,226,210,0.7);
    }
    .explore-main1 .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:#5b4e2d;
        padding: 1%;
        margin-bottom: 0px;
        text-align: left;
    }
    .explore-main1 .img
    {
        float: left;
        width:48%;
        margin-left: 1%;
        margin-bottom: 1%;
    }
    .explore-main1 .img img
    {
        float: left;
        width:100%;
        height: 218px;
    }
    .explore-main1 .text
    {
        width: 49%;
        padding: 0px;
        margin: 0 1% 1% 1%;
        float: left;
    }
    .explore-main1 .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        color:#5b4e2d;
        line-height: 22px;
    }
    .explore-main2
    {
        width: 100%;
        padding: 0%;
        padding-left: 0;
        padding-bottom: 0px;
        margin-bottom: 50px;
        background: #596809;
        border: none;
    }
    .explore-main2 .list-of-activities
    {
        float: left;
        width:100%;
    }
    .list-of-activities-nav
    {
        width: 100%;
        margin-bottom: 20px;
        background: #e1e7b2;
        display: block;
    }
    .list-of-activities-nav .burger-navv
    {
        width: 100%;
        height:40px;
        background: url(../images/list-of-activities-nav.png) no-repeat center;
        cursor: pointer;
    }
    .list-of-activities-nav table
    {
        width:100%;
        margin-left: 0px;
        background: #6A8437;
        border-collapse: collapse;
        display: none;
    }
    .list-of-activities-nav table tr
    {

    }
    .list-of-activities-nav table tr td
    {
        cursor: pointer;
        border-bottom: solid 1px #e1e7b2;
    }
    .list-of-activities-nav table tr .img1
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .img2
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img3
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img4
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img5
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img6
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img7
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img8
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .imgg1
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .imgg2
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg3
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg4
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg5
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg6
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg7
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg8
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .name
    {
        color: #e3e0d7;
        font-family: Roboto-Regular;
        font-size: 18px;
    }
    .list-of-activities-nav .active
    {
        background:#63730f;
    }
    .list-of-activities-nav tr:hover{
        background:#63730f;
    }
    .explore-main2 .list-of-activities .heading
    {
        display: none;
    }
    .explore-main2 .list-of-activities table
    {
        width:100%;
        margin-left: 0px;
        border-collapse: collapse;
        display: none;
    }
    .desc-img1
    {
        float: left;
    }
    .desc-img2
    {
        float: left;
    }
    .explore-main2 .white-water-rafting
    {
        float: left;
        width:100%;
        padding: 0 0;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        color:white;
        text-align: justify;
        line-height: 22px;
    }
    .explore-main2 .rappelling
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .rappelling .rappelling-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .rappelling .rappelling-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .rappelling .rappelling-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .rappelling .rappelling-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .rappelling .rappelling-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        color:white;
        text-align: justify;
        line-height: 24px;
    }
    .explore-main2 .adventure-trekking
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        color:white;
        text-align: justify;
        line-height: 24px;
    }
    .explore-main2 .bird-watching
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img .desc-img2
    {
       width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .bird-watching .bird-watching-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        color:white;
        text-align: justify;
        line-height: 24px;
    }
    .explore-main2 .jungle-safari-in-open-jeep
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        color:white;
        text-align: justify;
        line-height: 24px;
    }
    .explore-main2 .kayaking
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .kayaking .kayaking-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .kayaking .kayaking-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .kayaking .kayaking-desc-img .desc-img2
    {
       width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .kayaking .kayaking-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .kayaking .kayaking-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        color:white;
        text-align: justify;
        line-height: 24px;
    }
    .explore-main2 .nature-walks
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .nature-walks .nature-walks-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        color:white;
        text-align: justify;
        line-height: 24px;
    }
    .explore-main2 .outdoor-camping
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img .desc-img1
    {
        width: 49%;
        margin: 0px;
        float: left;
        border: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        color:white;
        text-align: justify;
        line-height: 24px;
    }
    
    /* CSS for Contact Us page */

    .contact
    {
        width:100%;
        margin:50px 0px;
    }
    .contact .contact-map
    {
        width:100%;
        margin-left: 0%;
        float:left;
    }
    .contact .contact-map table
    {
        margin: 20px 0px;
        width: 100%;
        display: block;
    }
    .contact .contact-form
    {
        width:100%;
        float:left;
        margin-bottom: 20px;
    }
    .contact .contact-form .icon
    {
        width: 10%;
        text-align: center;
        padding: 4%;
    }
    .contact .contact-form .content
    {
        width: 90%;
        font-family: Narkisim;
        font-size: 14pt;
        color: white;
        padding: 4%;
    }
    #contactus fieldset
    {
        width:91%;
        padding:4%;
        border:1px solid #ccc;
        background: rgba(114,134,68,0.7);
        float: left;
        margin-left: 0%;
    }
    #contactus input[type="text"]
    {
        height:18px;
        width:90%;
        border-radius: 5px;   
    }
    #contactus #adults
    {
        height:18px;
        width:25%;
    }
    #contactus #children
    {
        height:18px;
        width:25%;
        margin-left: 10px;
    }
    #contactus #foreigners
    {
        height:18px;
        width:25%;
        margin-left: 10px;
    }
    #contactus .label-children
    {
        margin-left: 17%;
    }
    #contactus .label-foreigners
    {
        margin-left: 13%;
    }
    #contactus .img-box
    {
        height: 150px;
        width: 55%;
        margin-left: 200px;
        margin-top: -42px;
        border: solid 1px white;
    }
    #contactus img
    {
        height: 150px;
        width: 100%;
    }
}

@media screen and (min-width: 751px) and (max-width: 799px)
{
    #page .wrapper
    {
        width: 90%;
        padding: 0 5%;
    }
    #page .wrapper .inner-wrapper
    {
        width:100%;
        padding: 0 0;
    }
    .nav a{
      text-decoration: none;
      color: black;
      font-size: 16px;
    }
    .header
    {
        width: 100%;
        padding-bottom: 3%;
    }
    .header .social-top
    {
        width: 35%;
        padding-top: 15px;
        margin: 0 0 0 78%;
    }
    .header img
    {
        width:90%;
        margin:0% 5% 1% 5%;
    }
    .header .tagline
    {
        text-align: center;
        font-family: KGAllofMe;
        font-size: 26pt;
        color:#e1e7b2;
    }
    #page .contact-fixed
    {
        width: 18%;
        right: -6.5%;
    }
    .main1 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 22pt;
        text-align: right;
        color: #edf0e2;
        margin-top: 0px;
    }
    .main1 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 42pt;
        text-align: right;
        color:#f5f7ea;
        margin-top: 0px;
        margin-bottom: 10px;
        text-shadow: 2px 2px 1px black;
    }
    .main1 .box1 .white-water-raft
    {
        height:267px;
        width: 100%;
        float: left;
        margin-left: 0%;
        border:solid 1px white;
        background: url(../images/white-water-rafting.jpg) right no-repeat;
        background-size: cover;
        overflow: hidden;
    }
    .main1 .box1 .white-water-raft .water-rafting .heading
    {
        font-size: 14pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 5px 15px 0px 10px;
    }
    .main1 .box1 .white-water-raft .water-rafting .desc
    {
        font-family: Roboto-Regular;
        font-size: 10pt;
        color:white;
        margin-left: 0px;
        padding: 0px 15px 5px 10px;
    }
    .main1 .box2 .plan-of-visit
    {
        width:100%;
        height: 350px;
        float:left;
        margin-top: 30px;
        margin-left: 1%;
    }
    .main1 .box2 .plan-of-visit img
    {
        width: 100%;
        height: 350px;
    }
    .main1 .box2 .plan-of-visit .label-code
    {
        margin-left: 16px;
    }
    .main1 .box2 .plan-of-visit .plan-to-visit-sbtn
    {
        font-family: Myriad Pro;
        font-size: 12pt;
        height: 30px;
        color: white;
        background: #97b80d;
        padding: 0px 40px;
        margin: 22px 0px 15px 80px;
    }
    .main2 .box1
    {
        float: left;
        width:50%;
        margin-left: 0;
    }
    .main2 .box1 .homestay1
    {
        width:46%;
        height:170px;
        float:left;
        margin-left: 0%;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main2 .box1 .homestay2
    {
        width:46%;
        height:170px;
        float:left;
        margin-left: 3%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main2 .box1 .homestay3
    {
        width:46%;
        height:170px;
        float:left;
        margin-left: 0%;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main2 .box1 .homestay4
    {
        width:46%;
        height:170px;
        float:left;
        margin-left: 3%;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main2 .box1 .homestay-name1
    {
        position: relative;
        width:100%;
        height:32px;
        margin-top: 138px;
        background: url(../images/homestay-name-bg.png) no-repeat;
        bottom: -32px;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .main2 .box2
    {
        float: left;
        width:43%;
        height:auto;
        margin-left: 2%;
        padding-bottom: 22px;
        background: url(../images/content_bg.png);
    }
    .main2 .box2 .homestay-resorts
    {
        text-align: left;
        margin-left: 4%;
    }
    .main2 .box2 .know-more1
    {
        width:100%;
        height:34px;
        margin-top: 15.5%;
        background: url(../images/know-more.png) no-repeat;
    }
    .main3
    {
        background: none;
    }
    .main3 .box1 .desc
    {
        width:70%;
        height:auto;
        float: right;
        margin-right: 8px;
        background: url(../images/content_bg.png);
    }
    .main3 .box1 .know-more2
    {
        margin-top: 2%;
    }
    .main3 .box1 .nature-walk
    {
        width: 97%;
        height: 214px;
        float: left;
        margin-top: 4.8%;
        border: solid 1px white;
        overflow: hidden;
    }
    .main3 .box1 .nature-walk img
    {
        width: 125%;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .main3 .box2 .heading1
    {
        font-family: KGAllofMe;
        font-size: 22pt;
        color: #edf0e2;
        margin-top: 0%;
    }
    .main3 .box2 .heading2
    {
        font-family: Google-spies;
        font-size: 42pt;
        color:#f5f7ea;
        margin-top: 0%;
        text-shadow: 2px 2px 1px black;
    }
    .main4
    {
        width:100%;
        background: url(../images/jeep-deer.png) 81% 28% no-repeat;
        margin: 2% 0;
    } 
    .main4 .box1 .desc
    {
        width:91%;
        height: auto;
        float: left;
        margin-left: 7%;
        margin-bottom: 20px;
        background: url(../images/content_bg.png);
    }
    .main4 .box1 .know-more3
    {
        width:100%;
        margin-top: 0px;
    }
    .main4 .box1 .homestay1
    {
        width:46%;
        height:170px;
        float:left;
        margin-left: 0%;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay2
    {
        width:46%;
        height:170px;
        float:left;
        margin-left: 10px;
        margin-bottom: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay3
    {
        width:46%;
        height:170px;
        float:left;
        margin-left: 0%;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box1 .homestay4
    {
        width:46%;
        height:170px;
        float:left;
        margin-left: 10px;
        background-size: cover;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box2 .heading1
    {
        font-family: KGAllofMe;
        font-size: 22pt;
        margin-top: 0;
        color: #edf0e2;
    }
    .main4 .box2 .heading2
    {
        font-family: Google-spies;
        font-size: 42pt;
        color:#f5f7ea;
        margin-top: 0;
        text-shadow: 2px 2px 1px black;
    }
    .main4 .box2 .jungle-safari
    {
        width:96%;
        height:350px;
        float:left;
        background:url(../images/jungle-safari1.jpg) no-repeat;
        margin-top:47.5%;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box2 .jungle-safari .jungle-safari-desc .heading
    {
        font-size: 15pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 0;
    }
    .main4 .box2 .jungle-safari .jungle-safari-desc .desc
    {
        font-family: Roboto-Regular;
        font-size: 9.4pt;
        color:white;
        margin-left: 0px;
        margin-top: 0px;
        padding: 0;
    }
    .main5 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 22pt;
        color: #edf0e2;
        text-align: right;
        margin-top: 0%;
        margin-right: 2.5%;
    }
    .main5 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 42pt;
        color:#f5f7ea;
        text-align:right;
        margin:0% 2.5% 1% 0px;
        text-shadow: 2px 2px 1px black;
    }
    .main5 .box1 .places-heading
    {
        font-size: 20pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        margin-left: 5px;
        padding: 5px 15px 0px 10px;
    }
    .main5 .box2 .img1 .desc
    {
        float: left;
        width:100%;
        height:auto;
        margin-top: 5px;
        margin-bottom: 15px;
        background: url(../images/content_bg.png);
    }
    .main5 .box2 .img1 .desc p
    {
        line-height: 19px;
    }
    .main5 .box2 .img1 .desc .know-more4
    {
        width:100%;
        margin-top: 0px;
    }
    .main5 .box2 .img1 .desc .know-more4 a
    {
        text-decoration: none;
        color:lightgreen;
        line-height: 35px;
        background: #656e33;
        padding: 9px 20px;
    }
    .main5 .box2 .places1
    {
        height:200px;
        width: 46%;
        float: left;
        margin-left: 4%;
        border: solid 1px white;
        overflow: hidden;
        display: none;
    }
    .main5 .box2 .places2
    {
        height:200px;
        width: 49%;
        float: left;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box2 .places3
    {
        height:200px;
        width: 46%;
        float: left;
        margin-left:3.7%;
        border: solid 1px white;
        overflow: hidden;
    }
    .main5 .box2 img
    {
        width: 145%;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .footer .footer-top
    {
        width: 90%;
        padding: 1% 5%;
    }
    .footer .footer-bottom
    {
        width: 90%;
        height:30px;
        padding-left: 5%;
        padding-right: 5%;
        background: #2b380d;
    }
    .footer .footer-top .inner-wrapper .links1
    {
        width: 15%;
        margin-left: 2%;
    }
    .footer .footer-top .inner-wrapper .map
    {
        width: 40%;
        padding: 0 2%;
        float:left;
        margin-top: 3px;
    }
    .footer .footer-top .inner-wrapper .links1 p
    {
        margin-left: 0%;
    }
    .footer .footer-top .inner-wrapper .map iframe
    {
        width: 100%;
        height: 181px;
    }
    .footer .footer-top .links1 a
    {
        text-decoration: none;
        font-family: OpenSans-Light;
        font-size: 11pt;
    }
    .footer .footer-top .subscribe p
    {
        font-family: OpenSans-Light;
        font-size: 15pt;
        margin-left: 5%;
    }
    .footer .footer-top .subscribe .sub-txt-box
    {
        font-family: OpenSans-Light;
        font-size: 12px;
        background:none; 
        border:solid 1px white; 
        height:30px; 
        width:145px; 
        margin:5% 0px 0px 5%;
        padding-left: 5%;
        color:white;
    }
    .footer .footer-top .subscribe span
    {
        margin-left: 10px;
    }
    .footer .footer-top .subscribe .sub-sbtn
    {
        font-family: OpenSans-Light;
        font-size: 14px;
        margin-top: 7%;
        margin-left: 5%;
        width:100px;
        height:30px;
        background: #9d9f10;
        color:white;
        border: none;
    }
    .footer .footer-top .social p
    {
        font-family: OpenSans-Light;
        font-size: 15pt;
        margin-left: 18%;
    }
    .footer .footer-top .social a:nth-child(2)
    {
        margin-left: 18%;
    }
    .footer .footer-top .social i
    {
        margin: 5% 0% 0px 0px;
        color:black;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    
    /* CSS for About Page */
    
    .about-main1
    {
        width: 100%;
    }
    .about-dandeli .desc
    {
        font-size: 12pt;
        line-height: 22px;
    }
    .about-main1 .about-homestays
    {
        float: left;
        width: 98%;
        padding: 1%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
    }
    .about-main1 .about-homestays .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:#5b4e2d;
        margin-bottom: 5px;
    }
    .about-main1 .about-homestays .img
    {
        width: 40%;
        float:left;
    }
    .about-main1 .about-homestays .img img
    {
        width: 100%;
        height: 305px;
        float:left;
    }
    .about-main1 .about-homestays .text
    {
        width: 59%;
        margin-left: 1%;
        float: left;
    }
    .about-main1 .about-homestays .text .desc
    {
        font-size: 12pt;
        line-height: 22px;
    }
    .about-main1 .about-homestays1
    {
        float: left;
        width: 98%;
        padding: 1%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
        display: block;
    }
    .about-main1 .about-homestays1 .img
    {
        width: 40%;
        float:left;
    }
    .about-main1 .about-homestays1 .img img
    {
        width: 100%;
        height: 325px;
    }
    .about-main1 .about-homestays1 .text
    {
        width: 59%;
        margin-left: 1%;
        float: left;
    }
    .about-main1 .about-homestays1 .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        color:#5b4e2d;
        line-height: 22px;
    }
    .about-main1 .about-homestays1 .text .know-more1
    {
        margin-top: 108px;
    }
    .about .about-main2
    {
        display: none;
    }
    .about-main1 .activities
    {
        display: none;
    }
    .about .activities1
    {
        float: left;
        width: 49%;
        margin-left: 0%;
        margin-bottom: 20px;
        background: #596809;
        display: block;
    }
    .about .activities1 .act i
    {
        margin-right: 10px;
        color: lightgreen;
    }
    .about .main-testimonials
    {
        float: left;
        width: 49%;
        margin-left: 2%;
        background: #596809;
    }
    .about-main1 .about-homestays .do ul li
    {
        font-size: 12pt;
        line-height: 22px;
    }
    .about-main1 .about-homestays1 .do ul li
    {
        font-size: 12pt;
        line-height: 22px;
    }
    .about-main1 .activitiess
    {
        width: 96%;
        padding: 2%;
        margin-left: 0;
    }
    .about-main1 .activitiess .desc
    {
        padding-bottom: 0;
        font-size: 12pt;
        line-height: 22px;
    }
    .about .activities
    {
        width: 96%;
        padding: 2%;
        margin-left: 0;
    }
    .about .activities ul li
    {
        font-size: 12pt;
        line-height: 22px;
    }
    /* CSS for Homestays and Resorts Pages */
    
    .homestay
    {
        width:100%;
        margin: 60px 0px;
    }
    .homestay .homestay-details .homestay-name .desc
    {
        font-size: 12pt;
    }
    .homestay .homestay-details
    {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }
	.homestay .homestay-details .homestay-name .desktop-collage
	{
		margin: 10px 0px -8px -63px;
	}
    .homestay .homestay-details .homestay-slider
    {
        width:48%;
        height:462px;
        float:left;
        border: solid 1px white;
        background: white;
    }
    .homestay .homestay-details .homestay-slider .slider{
        width: 100%;
        position: relative;
        padding-top: 350px;
        margin: 0px auto;
        /*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);*/
    }
    .homestay .homestay-details .homestay-slider .slider>img{
        position: absolute;
        left: 0; top: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        width:100%;
        height: 360px;
    }
    .homestay .homestay-details .homestay-slider .slider label {
        margin: 30px 0 0 7px;
        border: 3px solid #999;
        float: left;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0.6;
    }
    .homestay .homestay-details .homestay-slider .slider label img{
        width: 65px;
        height: 60px;
        display: block;
    }
    .homestay .homestay-details .homestay-desc
    {
        width:49.7%;
        height: auto;
        float:left;
        margin-left: 2%;
        background: #f1ede4;
    }
    .homestay .homestay-details .homestay-desc .desc-nav
    {
        background:#596809;
        height:20px;
        padding: 20px 0px 10px;
    }
    .desc-nav ul{
        list-style-type: none;
        width:100%;
    }
    .desc-nav li
    {
        float:left;
        text-align: center;
        line-height: 20px;
        width:30%;
        color: #e0d9c4;
        font-family: Roboto-Regular;
        font-size: 16px;
        cursor: pointer;
        border-right: solid 1px #e0d9c4;
    }
    .homestay .homestay-details .homestay-desc p
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        line-height: 22px;
        color: #796e52;
    }
    .homestay .homestay-details .homestay-desc .location
    {
        width: 90%;
        padding: 5%;
    }
    .homestay .homestay-details .homestay-desc .activities, .rate, .nearest-spots
    {
        width: 90%;
        padding: 5%;
        display: none;
    }
    .homestay .homestay-list
    {
        width: 48%;
        background: #596809;
        margin-left: 0px;
        float:left;
    }
    .homestay .homestay-list .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color: white;
        margin: 10px;
        margin-top: 15px;
    }
    .homestay .homestay-details .book-now
    {
        margin-left: 15px;
    }
    .homestay .homestay-details .book-now .book-now-btn
    {
        width: 340px;
        background:  url(../images/book-now.png) no-repeat;
        background-size: contain;
    }
    .homestay .homestay-list a
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        text-decoration: none;
        color: white;
        display: block;
    }
    
    /* CSS for Explore page */

    .explore-main1
    {
        width: 100%;
        padding: 0%;
        margin-top: 50px;
        margin-bottom: 20px;
        background: rgba(228,226,210,0.7);
    }
    .explore-main1 .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:#5b4e2d;
        padding: 1%;
        margin-bottom: 0px;
        text-align: left;
    }
    .explore-main1 .img
    {
        float: left;
        width:48%;
        margin-left: 1%;
        margin-bottom: 1%;
    }
    .explore-main1 .img img
    {
        float: left;
        width:100%;
        height: 218px;
    }
    .explore-main1 .text
    {
        width: 49%;
        padding: 0px;
        margin: 0 1% 1% 1%;
        float: left;
    }
    .explore-main1 .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        color:#5b4e2d;
        line-height: 22px;
    }
    .explore-main2
    {
        width: 100%;
        padding: 0%;
        padding-left: 0;
        padding-bottom: 0px;
        margin-bottom: 50px;
        background: #596809;
        border: none;
    }
    .explore-main2 .list-of-activities
    {
        float: left;
        width:100%;
    }
    .list-of-activities-nav
    {
        width: 100%;
        margin-bottom: 20px;
        background: #e1e7b2;
        display: block;
    }
    .list-of-activities-nav .burger-navv
    {
        width: 100%;
        height:40px;
        background: url(../images/list-of-activities-nav.png) no-repeat center;
        cursor: pointer;
    }
    .list-of-activities-nav table
    {
        width:100%;
        margin-left: 0px;
        background: #6A8437;
        border-collapse: collapse;
        display: none;
    }
    .list-of-activities-nav table tr
    {

    }
    .list-of-activities-nav table tr td
    {
        cursor: pointer;
        border-bottom: solid 1px #e1e7b2;
    }
    .list-of-activities-nav table tr .img1
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .img2
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img3
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img4
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img5
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img6
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img7
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img8
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .imgg1
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .imgg2
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg3
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg4
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg5
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg6
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg7
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg8
    {
        width:25%;
        height:50px;
        padding-left:260px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .name
    {
        color: #e3e0d7;
        font-family: Roboto-Regular;
        font-size: 18px;
    }
    .list-of-activities-nav .active
    {
        background:#63730f;
    }
    .list-of-activities-nav tr:hover{
        background:#63730f;
    }
    .explore-main2 .list-of-activities .heading
    {
        display: none;
    }
    .explore-main2 .list-of-activities table
    {
        width:100%;
        margin-left: 0px;
        border-collapse: collapse;
        display: none;
    }
    .desc-img1
    {
        float: left;
    }
    .desc-img2
    {
        float: left;
    }
    .explore-main2 .white-water-rafting
    {
        float: left;
        width:100%;
        padding: 0 0;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        color:white;
        text-align: justify;
        line-height: 22px;
    }
    .explore-main2 .rappelling
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .rappelling .rappelling-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .rappelling .rappelling-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .rappelling .rappelling-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .rappelling .rappelling-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .rappelling .rappelling-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        color:white;
        text-align: justify;
        line-height: 24px;
    }
    .explore-main2 .adventure-trekking
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        color:white;
        text-align: justify;
        line-height: 24px;
    }
    .explore-main2 .bird-watching
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img .desc-img2
    {
       width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .bird-watching .bird-watching-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        color:white;
        text-align: justify;
        line-height: 24px;
    }
    .explore-main2 .jungle-safari-in-open-jeep
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        color:white;
        text-align: justify;
        line-height: 24px;
    }
    .explore-main2 .kayaking
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .kayaking .kayaking-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .kayaking .kayaking-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .kayaking .kayaking-desc-img .desc-img2
    {
       width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .kayaking .kayaking-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .kayaking .kayaking-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        color:white;
        text-align: justify;
        line-height: 24px;
    }
    .explore-main2 .nature-walks
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .nature-walks .nature-walks-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        color:white;
        text-align: justify;
        line-height: 24px;
    }
    .explore-main2 .outdoor-camping
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img .desc-img1
    {
        width: 49%;
        margin: 0px;
        float: left;
        border: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        color:white;
        text-align: justify;
        line-height: 24px;
    }
    
    /* CSS for Contact Us page */

    .contact
    {
        width:100%;
        margin:50px 0px;
    }
    .contact .contact-map
    {
        width:100%;
        margin-left: 0%;
        float:left;
    }
    .contact .contact-map table
    {
        margin: 20px 0px;
        width: 100%;
    }
    .contact .contact-form
    {
        width:100%;
        float:left;
        margin: 20px 0;
    }
    .contact .contact-form .icon
    {
        width: 10%;
        text-align: center;
        padding: 4%;
    }
    .contact .contact-form .content
    {
        width: 90%;
        font-family: Narkisim;
        font-size: 14pt;
        color: white;
        padding: 4%;
    }
    #contactus fieldset
    {
        width:91%;
        padding:4%;
        border:1px solid #ccc;
        background: rgba(114,134,68,0.7);
        float: left;
        margin-left: 0;
    }
    #contactus input[type="text"]
    {
        height:18px;
        width:90%;
        border-radius: 5px;   
    }
    #contactus #adults
    {
        height:18px;
        width:25%;
    }
    #contactus #children
    {
        height:18px;
        width:25%;
        margin-left: 10px;
    }
    #contactus #foreigners
    {
        height:18px;
        width:25%;
        margin-left: 10px;
    }
    #contactus .label-children
    {
        margin-left: 17%;
    }
    #contactus .label-foreigners
    {
        margin-left: 13%;
    }
    #contactus .img-box
    {
        height: 150px;
        width: 55%;
        margin-left: 200px;
        margin-top: -42px;
        border: solid 1px white;
    }
    #contactus img
    {
        height: 150px;
        width: 100%;
    }
}

@media screen and (min-width: 800px) and (max-width: 865px)
{
    .header .tagline
    {
        text-align: center;
        font-family: KGAllofMe;
        font-size: 28pt;
        color:#e1e7b2;
    }
    .main1 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 20pt;
        text-align: right;
        color: #edf0e2;
        margin-top: -7px;
    }
    .main1 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 45pt;
        text-align: right;
        color:#f5f7ea;
        margin-top: -8px;
        text-shadow: 2px 2px 1px black;
    }
    .main1 .box1 .white-water-raft .water-rafting .heading
    {
        font-size: 15pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 5px 15px 0px 10px;
    }
    .main1 .box1 .white-water-raft .water-rafting .desc
    {
        font-family: Roboto-Regular;
        font-size: 10pt;
        color:white;
        margin-left: 0px;
        padding: 0px 15px 5px 10px;
    }
    .main1 .box2 .plan-of-visit
    {
        width:85%;
        float:left;
        margin-top: 0px;
        background: url(../images/plan-of-visit-bg.png) no-repeat;
    }
    .main2 .box2
    {
        float: left;
        width:39.5%;
        height:auto;
        margin-left: 2%;
        background: #25a8e0;
    }
    .main3 .box1 .desc
    {
        width:70%;
        height:auto;
        float: right;
        margin-right: 15px;
        background: #25a8e0;
    }
    .main3 .box1 .nature-walk
    {
        width: 96.5%;
        height: 206px;
        float: left;
        margin-top: 4.8%;
        border: solid 1px white;
        overflow: hidden;
    }
    .main3 .box1 .nature-walk img
    {
        width: 120%;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .main3 .box2 .heading1
    {
        font-family: KGAllofMe;
        font-size: 20pt;
        color: #edf0e2;
        margin-top: -1.5%;
    }
    .main3 .box2 .heading2
    {
        font-family: Google-spies;
        font-size: 45pt;
        color:#f5f7ea;
        margin-top: -0.8%;
        text-shadow: 2px 2px 1px black;
    }
    .main4
    {
        width:100%;
        background: url(../images/section3-bg.png) 30% 15.5% no-repeat;
        margin: 2% 0;
    } 
    .main4 .box1 .desc
    {
        width:70%;
        height: auto;
        float: left;
        margin-left: 28%;
        margin-bottom: 20px;
        background: #25a8e0;
    }
    .main4 .box1 .know-more3
    {
        width:100%;
        height:34px;
        margin-top: 52px;
        background: url(../images/know-more.png) no-repeat;
    }
    .main4 .box2 .heading1
    {
        font-family: KGAllofMe;
        font-size: 20pt;
        margin-top: 0;
        color: #edf0e2;
    }
    .main4 .box2 .heading2
    {
        font-family: Google-spies;
        font-size: 45pt;
        color:#f5f7ea;
        margin-top: 0;
        text-shadow: 2px 2px 1px black;
    }
    .main4 .box2 .jungle-safari
    {
        width:96%;
        height:357px;
        float:left;
        background:url(../images/jungle-safari.jpg) no-repeat;
        margin-top:40%;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box2 .jungle-safari .jungle-safari-desc .heading
    {
        font-size: 17pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 1px 15px 0px 10px;
    }
    .main4 .box2 .jungle-safari .jungle-safari-desc .desc
    {
        font-family: Roboto-Regular;
        font-size: 9.8pt;
        color:white;
        margin-left: 0px;
        margin-top: -5px;
        padding: 2px 0px 0px 10px;
    }
    .main5 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 20pt;
        color: #edf0e2;
        text-align: right;
        margin-top: -1.5%;
        margin-right: 2.5%;
    }
    .main5 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 45pt;
        color:#f5f7ea;
        text-align:right;
        margin:-1.5% 2.5% 1% 0px;
        text-shadow: 2px 2px 1px black;
    }
    .main5 .box1 .places-heading
    {
        font-size: 20pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        margin-left: 5px;
        padding: 5px 15px 0px 10px;
    }
    .main5 .box2 .img1 .desc
    {
        float: left;
        width:49%;
        height:auto;
        background: #25a8e0;
    }
    .main5 .box2 .img1 .desc .know-more4
    {
        width:100%;
        height:34px;
        margin-top: 28px;
        background: url(../images/know-more.png) no-repeat;
    }
    .footer .footer-top .subscribe p
    {
        font-family: OpenSans-Light;
        font-size: 16pt;
        margin-left: 5%;
    }
    .footer .footer-top .subscribe .sub-txt-box
    {
        font-family: OpenSans-Light;
        font-size: 14px;
        background:none; 
        border:solid 1px white; 
        height:30px; 
        width:150px; 
        margin:5% 0px 0px 5%;
        padding-left: 5%;
        color:white;
        background: url(../images/down-arroww.png) 130px no-repeat;
    }
    .footer .footer-top .subscribe .sub-sbtn
    {
        font-family: OpenSans-Light;
        font-size: 14px;
        margin-top: 7%;
        margin-left: 5%;
        width:100px;
        height:30px;
        background: #9d9f10;
        color:white;
        border: none;
    }
    .footer .footer-top .social p
    {
        font-family: OpenSans-Light;
        font-size: 16pt;
        margin-left: 18%;
    }
    .footer .footer-top .social i
    {
        margin: 5% 2% 0px 0px;
        color:black;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    
    /* CSS for About Page */
    
    .about-main1
    {
        width: 100%;
    }
    .about-main1 .about-homestays
    {
        float: left;
        width: 98%;
        padding: 1%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
    }
    .about-main1 .about-homestays .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:#5b4e2d;
        margin-bottom: 5px;
    }
    .about-main1 .about-homestays .img
    {
        width: 40%;
        float:left;
    }
    .about-main1 .about-homestays .img img
    {
        width: 100%;
        height: 250px;
        float:left;
    }
    .about-main1 .about-homestays .text
    {
        width: 59%;
        margin-left: 1%;
        float: left;
    }
    .about-main1 .about-homestays1
    {
        float: left;
        width: 98%;
        padding: 1%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
        display: block;
    }
    .about-main1 .about-homestays1 .img
    {
        width: 40%;
        float:left;
    }
    .about-main1 .about-homestays1 .img img
    {
        width: 100%;
        height: 250px;
    }
    .about-main1 .about-homestays1 .text
    {
        width: 59%;
        margin-left: 1%;
        float: left;
    }
    .about-main1 .about-homestays1 .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        color:#5b4e2d;
        line-height: 20px;
        text-align: justify;
    }
    .about .about-main2
    {
        display: none;
    }
    .about-main1 .activities
    {
        display: none;
    }
    .about .activities1
    {
        float: left;
        width: 49%;
        height:333px;
        margin-left: 0%;
        margin-bottom: 20px;
        background: #596809;
        display: block;
    }
    .about .main-testimonials
    {
        float: left;
        width: 49%;
        margin-left: 2%;
        background: #596809;
    }
}

@media screen and (min-width: 866px) and (max-width: 960px)
{
    .header .tagline
    {
        text-align: center;
        font-family: KGAllofMe;
        font-size: 30pt;
        color:#e1e7b2;
    }
    .main1 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 22pt;
        text-align: right;
        color: #edf0e2;
        margin-top: -7px;
    }
    .main1 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 50pt;
        text-align: right;
        color:#f5f7ea;
        margin-top: -8px;
        text-shadow: 2px 2px 1px black;
    }
    .main1 .box1 .white-water-raft .water-rafting .heading
    {
        font-size: 17pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 5px 15px 0px 10px;
    }
    .main1 .box1 .white-water-raft .water-rafting .desc
    {
        font-family: Roboto-Regular;
        font-size: 10pt;
        color:white;
        margin-left: 0px;
        padding: 0px 15px 5px 10px;
    }
    .main1 .box2 .plan-of-visit
    {
        width:77%;
        float:left;
        margin-top: 0px;
        background: url(../images/plan-of-visit-bg.png) no-repeat;
    }
    .main2 .box2
    {
        float: left;
        width:36%;
        height:auto;
        margin-left: 2%;
        background: #25a8e0;
    }
    .main3 .box1 .nature-walk
    {
        width: 96.5%;
        height: 214px;
        float: left;
        margin-top: 4.8%;
        border: solid 1px white;
        overflow: hidden;
    }
    .main3 .box1 .nature-walk img
    {
        width: 112%;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .main3 .box2 .heading1
    {
        font-family: KGAllofMe;
        font-size: 22pt;
        color: #edf0e2;
        margin-top: -1.5%;
    }
    .main3 .box2 .heading2
    {
        font-family: Google-spies;
        font-size: 50pt;
        color:#f5f7ea;
        margin-top: -0.8%;
        text-shadow: 2px 2px 1px black;
    }
    .main4
    {
        width:100%;
        background: url(../images/section3-bg.png) 30% 13.5% no-repeat;
        margin: 2% 0;
    } 
    .main4 .box1 .know-more3
    {
        width:100%;
        height:34px;
        margin-top: 45px;
        background: url(../images/know-more.png) no-repeat;
    }
    .main4 .box2 .heading1
    {
        font-family: KGAllofMe;
        font-size: 22pt;
        margin-top: 0;
        color: #edf0e2;
    }
    .main4 .box2 .heading2
    {
        font-family: Google-spies;
        font-size: 50pt;
        color:#f5f7ea;
        margin-top: 0;
        text-shadow: 2px 2px 1px black;
    }
    .main4 .box2 .jungle-safari
    {
        width:96%;
        height:357px;
        float:left;
        background:url(../images/jungle-safari.jpg) no-repeat;
        margin-top:35%;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box2 .jungle-safari .jungle-safari-desc .heading
    {
        font-size: 17pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 1px 15px 0px 10px;
    }
    .main4 .box2 .jungle-safari .jungle-safari-desc .desc
    {
        font-family: Roboto-Regular;
        font-size: 9.8pt;
        color:white;
        margin-left: 0px;
        margin-top: -5px;
        padding: 2px 0px 0px 10px;
    }
    .main5 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 22pt;
        color: #edf0e2;
        text-align: right;
        margin-top: -1.5%;
        margin-right: 2.5%;
    }
    .main5 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 50pt;
        color:#f5f7ea;
        text-align:right;
        margin:-1.5% 2.5% 1% 0px;
        text-shadow: 2px 2px 1px black;
    }
    .main5 .box2 .img1 .desc .know-more4
    {
        width:100%;
        height:34px;
        margin-top: 45px;
        background: url(../images/know-more.png) no-repeat;
    }
    .footer .footer-top .subscribe p
    {
        font-family: OpenSans-Light;
        font-size: 16pt;
        margin-left: 5%;
    }
    .footer .footer-top .subscribe .sub-txt-box
    {
        font-family: OpenSans-Light;
        font-size: 14px;
        background:none; 
        border:solid 1px white; 
        height:30px; 
        width:150px; 
        margin:5% 0px 0px 5%;
        padding-left: 5%;
        color:white;
        background: url(../images/down-arroww.png) 130px no-repeat;
    }
    .footer .footer-top .subscribe .sub-sbtn
    {
        font-family: OpenSans-Light;
        font-size: 14px;
        margin-top: 7%;
        margin-left: 5%;
        width:100px;
        height:30px;
        background: #9d9f10;
        color:white;
        border: none;
    }
    .footer .footer-top .social p
    {
        font-family: OpenSans-Light;
        font-size: 16pt;
        margin-left: 18%;
    }
    .footer .footer-top .social i
    {
        margin: 5% 2% 0px 0px;
        color:black;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    
    /* CSS for About Page */
    
    .about-main1
    {
        width: 100%;
    }
    .about-main1 .about-homestays
    {
        float: left;
        width: 98%;
        padding: 1%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
    }
    .about-main1 .about-homestays .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:#5b4e2d;
        margin-bottom: 5px;
    }
    .about-main1 .about-homestays .img
    {
        width: 40%;
        float:left;
    }
    .about-main1 .about-homestays .img img
    {
        width: 100%;
        height: 250px;
        float:left;
    }
    .about-main1 .about-homestays .text
    {
        width: 59%;
        margin-left: 1%;
        float: left;
    }
    .about-main1 .about-homestays1
    {
        float: left;
        width: 98%;
        padding: 1%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
        display: block;
    }
    .about-main1 .about-homestays1 .img
    {
        width: 40%;
        float:left;
    }
    .about-main1 .about-homestays1 .img img
    {
        width: 100%;
        height: 250px;
    }
    .about-main1 .about-homestays1 .text
    {
        width: 59%;
        margin-left: 1%;
        float: left;
    }
    .about-main1 .about-homestays1 .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        color:#5b4e2d;
        line-height: 20px;
        text-align: justify;
    }
    .about .about-main2
    {
        display: none;
    }
    .about-main1 .activities
    {
        display: none;
    }
    .about .activities1
    {
        float: left;
        width: 49%;
        height:333px;
        margin-left: 0%;
        margin-bottom: 20px;
        background: #596809;
        display: block;
    }
    .about .main-testimonials
    {
        float: left;
        width: 49%;
        margin-left: 2%;
        background: #596809;
    }
}

@media screen and (min-width: 961px) and (max-width: 1024px)
{
    .header .social-top
    {
        width: 35%;
        padding-top: 15px;
        margin: 0 0 0 73%;
    }
    #page .contact-fixed
    {
        width: 13%;
        right: -4.6%;
    }
    .main1 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 27pt;
        text-align: right;
        color: #edf0e2;
        margin-top: -7px;
    }
    .main1 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 58pt;
        text-align: right;
        color:#f5f7ea;
        margin-top: -8px;
        text-shadow: 2px 2px 1px black;
    }
    .main1 .box1 .white-water-raft .water-rafting .heading
    {
        font-size: 17pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 5px 15px 0px 10px;
    }
    .main1 .box1 .white-water-raft .water-rafting .desc
    {
        font-family: Roboto-Regular;
        font-size: 10pt;
        color:white;
        margin-left: 0px;
        padding: 0px 15px 5px 10px;
    }
    .main1 .box2 .plan-of-visit
    {
        width:100%;
        height: 350px;
        float:left;
        margin-top: 38px;
    }
    .main1 .box2 .plan-of-visit img
    {
        width: 100%;
        height: 350px;
    }
    .main2 .box2
    {
        float: left;
        width:34%;
        height:auto;
        margin-left: 2%;
        padding-bottom: 23px;
        background: url(../images/content_bg.png);
    }
    .main3 .box1 .desc
    {
        width: 51%;
        margin-right: 10px;
    }
    .main2 .box2 .know-more1
    {
        margin-top: 17%;
    }
    .main3 .box1 .know-more2
    {
        margin-top: 13px;
    }
    .main3 .box1 .nature-walk
    {
        width: 96.5%;
        height: 228px;
        float: left;
        margin-top: 4.8%;
        border: solid 1px white;
        overflow: hidden;
    }
    .main3 .box1 .nature-walk img
    {
        width: 112%;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .main3 .box2 .heading1
    {
        font-family: KGAllofMe;
        font-size: 27pt;
        color: #edf0e2;
        margin-top: 0;
    }
    .main3 .box2 .heading2
    {
        font-family: Google-spies;
        font-size: 58pt;
        color:#f5f7ea;
        margin-top: 0;
        margin-bottom: 10px;
        text-shadow: 2px 2px 1px black;
    }
    .main4
    {
        width:100%;
        background: url(../images/jeep-deer.png) 50% 25.5% no-repeat;
        margin: 2% 0;
    } 
    .main4 .box1 .desc
    {
        width: 91%;
        margin-left: 7%;
    }
    .main4 .box1 .know-more3
    {
        width:100%;
        height:34px;
        margin-top: 20px;
        background: url(../images/know-more.png) no-repeat;
    }
    .main4 .box2 .heading1
    {
        font-family: KGAllofMe;
        font-size: 27pt;
        margin-top: 0;
        color: #edf0e2;
    }
    .main4 .box2 .heading2
    {
        font-family: Google-spies;
        font-size: 52pt;
        color:#f5f7ea;
        margin-top: 0;
        text-shadow: 2px 2px 1px black;
    }
    .main4 .box2 .jungle-safari
    {
        width:96%;
        height:349px;
        float:left;
        background:url(../images/jungle-safari1.jpg) no-repeat;
        margin-top:30.5%;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box2 .jungle-safari .jungle-safari-desc .heading
    {
        font-size: 17pt;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 0;
    }
    .main4 .box2 .jungle-safari .jungle-safari-desc .desc
    {
        font-family: Roboto-Regular;
        font-size: 9.8pt;
        color:white;
        margin-left: 0px;
        margin-top: 0px;
        padding: 0;
    }
    .main5 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 24pt;
        color: #edf0e2;
        text-align: right;
        margin-top: -1.5%;
        margin-right: 2.5%;
    }
    .main5 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 52pt;
        color:#f5f7ea;
        text-align:right;
        margin:-1.5% 2.5% 1% 0px;
        text-shadow: 2px 2px 1px black;
    }
    .main5 .box2 .img1 .desc
    {
        width: 100%;
        margin-bottom: 10px;
    }
    .main5 .box2 .places1
    {
        width: 48%;
        display: none;
    }
    .main5 .box2 .places2
    {
        width: 48%;
    }
    .main5 .box2 .places3
    {
        width: 48%;
    }
    .main5 .box2 img
    {
        width: 133%;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .main5 .box2 .img1 .desc .know-more4
    {
        width:100%;
        margin-top: 0px;
    }
    .footer .footer-top .links1 a
    {
        text-decoration: none;
        font-family: OpenSans-Light;
        font-size: 14pt;
    }
    .footer .footer-top .inner-wrapper .map
    {
        width: 40%;
        padding: 0 2%
    }
    .footer .footer-top .social p
    {
        margin-left: 15%;
    }
    .footer .footer-top .social a:nth-child(2)
    {
        margin-left: 15%;
    }
    .footer .footer-top .inner-wrapper .map iframe
    {
        width: 100%;
    }
    .footer .footer-top .subscribe .sub-txt-box
    {
        font-family: OpenSans-Light;
        font-size: 14px;
        background:none; 
        border:solid 1px white; 
        height:30px; 
        width:175px; 
        margin:5% 0px 0px 5%;
        padding-left: 5%;
        color:white;
        background: url(../images/down-arroww.png) 181px no-repeat;
    }
    .footer .footer-top .subscribe span
    {
        margin-left: 10px;
    }
    .footer .footer-top .subscribe .sub-sbtn
    {
        font-family: OpenSans-Light;
        font-size: 18px;
        margin-top: 7%;
        margin-left: 5%;
        width:120px;
        height:30px;
        background: #9d9f10;
        color:white;
        border: none;
    }
    
    /* CSS for About Page */
    
    .about-main1
    {
        width: 100%;
    }
    .about-main1 .about-homestays
    {
        float: left;
        width: 98%;
        padding: 1%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
    }
    .about-main1 .about-homestays .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:#5b4e2d;
        margin-bottom: 5px;
    }
    .about-main1 .about-homestays .img
    {
        width: 40%;
        float:left;
    }
    .about-main1 .about-homestays .img img
    {
        width: 100%;
        height: 220px;
        float:left;
    }
    .about-main1 .about-homestays .text
    {
        width: 59%;
        margin-left: 1%;
        float: left;
    }
    .about-main1 .about-homestays1
    {
        float: left;
        width: 98%;
        padding: 1%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
        display: block;
    }
    .about-main1 .about-homestays1 .img
    {
        width: 40%;
        float:left;
    }
    .about-main1 .about-homestays1 .img img
    {
        width: 100%;
        height: 216px;
    }
    .about-main1 .about-homestays1 .text .know-more1
    {
        margin-top: 55px;
    }
    .about-main1 .about-homestays1 .text
    {
        width: 59%;
        margin-left: 1%;
        float: left;
    }
    .about-main1 .about-homestays1 .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:#5b4e2d;
        line-height: 20px;
        text-align: justify;
    }
    .about .about-main2
    {
        display: none;
    }
    .about-main1 .activities
    {
        display: none;
    }
    .about .activities1
    {
        float: left;
        width: 49%;
        height:333px;
        margin-left: 0%;
        margin-bottom: 20px;
        background: #596809;
        display: block;
    }
    .about .activities1 .act i
    {
        margin-right: 10px;
        color: lightgreen;
    }
    .about .main-testimonials
    {
        float: left;
        width: 49%;
        margin-left: 2%;
        background: #596809;
    }
    .about-main1 .activitiess
    {
        width: 96%;
        padding: 2%;
        margin-left: 0;
    }
    .about-main1 .activitiess .desc
    {
        padding-bottom: 0;
    }
    .about .activities
    {
        width: 96%;
        padding: 2%;
        margin-left: 0;
    }
    /* CSS for Homestays and Resorts Pages */
    
    .homestay
    {
        width:100%;
        margin: 60px 0px;
    }
    .homestay .homestay-details
    {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }
    .homestay .homestay-details .homestay-slider
    {
        width:48%;
        height:450px;
        float:left;
        border: solid 1px white;
        background: white;
    }
    .homestay .homestay-details .homestay-slider .slider{
        width: 100%;
        position: relative;
        padding-top: 335px;
        margin: 0px auto;
    }
    .homestay .homestay-details .homestay-slider .slider>img{
        position: absolute;
        left: 0; top: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        width:100%;
        height: 360px;
    }
    .homestay .homestay-details .homestay-slider .slider label {
        margin: 35px 0 0 25px;
        border: 3px solid #999;
        float: left;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0.6;
    }
    .homestay .homestay-details .homestay-slider .slider label img{
        width: 60px;
        display: block;
    }
    .homestay .homestay-details .homestay-desc
    {
        width:49.7%;
        height: auto;
        float:left;
        margin-left: 2%;
        background: #f1ede4;
    }
    .homestay .homestay-details .homestay-desc .desc-nav
    {
        background:#9b5c04;
        height:20px;
        padding: 20px 0px;
    }
    .desc-nav ul{
        list-style-type: none;
        width:100%;
    }
    .desc-nav li
    {
        float:left;
        text-align: center;
        line-height: 20px;
        width:25%;
        color: #e0d9c4;
        font-family: Roboto-Regular;
        font-size: 16px;
        cursor: pointer;
        border-right: solid 1px #e0d9c4;
    }
    .homestay .homestay-details .homestay-desc p
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        line-height: 22px;
        color: #796e52;
    }
    .homestay .homestay-details .homestay-desc .location
    {
        width: 90%;
        padding: 5%;
    }
    .homestay .homestay-details .homestay-desc .activities, .rate, .nearest-spots
    {
        width: 90%;
        padding: 5%;
        display: none;
    }
    .homestay .homestay-list
    {
        width: 48%;
        background: #596809;
        margin-left: 0px;
        float:left;
    }
    .homestay .homestay-list .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color: white;
        margin: 10px;
        margin-top: 15px;
    }
    .homestay .homestay-list a
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        text-decoration: none;
        color: white;
        display: block;
    }
    
    /* CSS for Explore page */

    .explore-main1
    {
        width: 100%;
        padding: 0%;
        margin-top: 50px;
        margin-bottom: 20px;
        background: rgba(228,226,210,0.7);
    }
    .explore-main1 .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:#5b4e2d;
        padding: 1%;
        margin-bottom: 0px;
        text-align: left;
    }
    .explore-main1 .img
    {
        float: left;
        width:48%;
        margin-left: 1%;
        margin-bottom: 1%;
    }
    .explore-main1 .img img
    {
        float: left;
        width:100%;
    }
    .explore-main1 .text
    {
        width: 49%;
        padding: 0px;
        margin-left: 1%;
        margin-right: 1%;
        float: left;
    }
    .explore-main1 .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 11pt;
        color:#5b4e2d;
        line-height: 20px;
    }
    .explore-main2
    {
        width: 100%;
        padding: 0%;
        padding-left: 0;
        padding-bottom: 0px;
        margin-bottom: 50px;
        background: #596809;
        border: none;
    }
    .explore-main2 .list-of-activities
    {
        float: left;
        width:100%;
    }
    .list-of-activities-nav
    {
        width: 100%;
        margin-bottom: 20px;
        background: #e1e7b2;
        display: block;
    }
    .list-of-activities-nav .burger-navv
    {
        width: 100%;
        height:40px;
        background: url(../images/list-of-activities-nav.png) no-repeat center;
        cursor: pointer;
    }
    .list-of-activities-nav table
    {
        width:100%;
        margin-left: 0px;
        background: #6A8437;
        border-collapse: collapse;
        display: none;
    }
    .list-of-activities-nav table tr
    {

    }
    .list-of-activities-nav table tr td
    {
        cursor: pointer;
        border-bottom: solid 1px #e1e7b2;
    }
    .list-of-activities-nav table tr .img1
    {
        width:25%;
        height:50px;
        padding-left:410px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .img2
    {
        width:25%;
        height:50px;
        padding-left:410px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img3
    {
        width:25%;
        height:50px;
        padding-left:410px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img4
    {
        width:25%;
        height:50px;
        padding-left:410px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img5
    {
        width:25%;
        height:50px;
        padding-left:410px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img6
    {
        width:25%;
        height:50px;
        padding-left:410px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img7
    {
        width:25%;
        height:50px;
        padding-left:410px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .img8
    {
        width:25%;
        height:50px;
        padding-left:410px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .imgg1
    {
        width:25%;
        height:50px;
        padding-left:410px;
        padding-right: 10px;
    }
    .list-of-activities-nav table tr .imgg2
    {
        width:25%;
        height:50px;
        padding-left:410px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg3
    {
        width:25%;
        height:50px;
        padding-left:410px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg4
    {
        width:25%;
        height:50px;
        padding-left:410px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg5
    {
        width:25%;
        height:50px;
        padding-left:410px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg6
    {
        width:25%;
        height:50px;
        padding-left:410px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg7
    {
        width:25%;
        height:50px;
        padding-left:410px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .imgg8
    {
        width:25%;
        height:50px;
        padding-left:410px;
        padding-right: 10px;
        display: none;
    }
    .list-of-activities-nav table tr .name
    {
        color: #e3e0d7;
        font-family: Roboto-Regular;
        font-size: 18px;
    }
    .list-of-activities-nav .active
    {
        background:#63730f;
    }
    .list-of-activities-nav tr:hover{
        background:#63730f;
    }
    .explore-main2 .list-of-activities .heading
    {
        display: none;
    }
    .explore-main2 .list-of-activities table
    {
        width:100%;
        margin-left: 0px;
        border-collapse: collapse;
        display: none;
    }
    .desc-img1
    {
        float: left;
    }
    .desc-img2
    {
        float: left;
    }
    .explore-main2 .white-water-rafting
    {
        float: left;
        width:100%;
        padding: 0 0;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .white-water-rafting .white-water-rafting-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        color:white;
        text-align: justify;
        line-height: 22px;
    }
    .explore-main2 .rappelling
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .rappelling .rappelling-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .rappelling .rappelling-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .rappelling .rappelling-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .rappelling .rappelling-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .rappelling .rappelling-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        color:white;
        text-align: justify;
        line-height: 24px;
    }
    .explore-main2 .adventure-trekking
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .adventure-trekking .adventure-trekking-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        color:white;
        text-align: justify;
        line-height: 24px;
    }
    .explore-main2 .bird-watching
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-img .desc-img2
    {
       width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .bird-watching .bird-watching-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .bird-watching .bird-watching-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        color:white;
        text-align: justify;
        line-height: 24px;
    }
    .explore-main2 .jungle-safari-in-open-jeep
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .jungle-safari-in-open-jeep .jungle-safari-in-open-jeep-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        color:white;
        text-align: justify;
        line-height: 24px;
    }
    .explore-main2 .kayaking
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .kayaking .kayaking-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .kayaking .kayaking-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .kayaking .kayaking-desc-img .desc-img2
    {
       width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .kayaking .kayaking-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .kayaking .kayaking-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        color:white;
        text-align: justify;
        line-height: 24px;
    }
    .explore-main2 .nature-walks
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img .desc-img1
    {
        width: 49%;
        float: left;
        margin: 0px;
        border: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .nature-walks .nature-walks-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .nature-walks .nature-walks-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        color:white;
        text-align: justify;
        line-height: 24px;
    }
    .explore-main2 .outdoor-camping
    {
        float: left;
        width:100%;
        padding: 0 0;
        display: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img
    {
        float: left;
        width: 100%;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img .desc-img1
    {
        width: 49%;
        margin: 0px;
        float: left;
        border: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-img .desc-img2
    {
        width: 49%;
        float: left;
        margin: 0px 0px 0px 2%;
        border: none;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-text
    {
        float: left;
        width:96%;
        padding: 2%;
        margin-top: 0px;
    }
    .explore-main2 .outdoor-camping .outdoor-camping-desc-text p
    {
        font-family: Roboto-Regular;
        font-size: 14pt;
        color:white;
        text-align: justify;
        line-height: 24px;
    }
    
    /* CSS for Contact Us page */

    .contact
    {
        width:100%;
        margin:50px 0px;
    }
    .contact .contact-map
    {
        width:100%;
        margin-right: 0%;
        float:left;
    }
    .contact .contact-map table
    {
        margin: 20px 0px;
        width: 100%;
        display: none;
    }
    .contact .contact-form
    {
        width:100%;
        float:left;
        margin-top: 20px;
    }
    .contact .contact-form table
    {
        border-collapse: collapse;
        background: rgba(114,134,68,0.7);
        border: solid 1px #ccc;
        margin-top: 0px;
        width: 42%;
        float: left;
        display: block;
    }
    .contact .contact-form .icon
    {
        width: 10%;
        text-align: center;
        padding: 4%;
    }
    .contact .contact-form .content
    {
        width: 90%;
        font-family: Narkisim;
        font-size: 14pt;
        color: white;
        padding: 4%;
    }
    #contactus fieldset
    {
        width:47%;
        padding:4%;
        border:1px solid #ccc;
        background: rgba(114,134,68,0.7);
        float: left;
        margin-left: 2%;
    }
    #contactus input[type="text"]
    {
        height:18px;
        width:90%;
        border-radius: 5px;   
    }
    #contactus #adults
    {
        height:18px;
        width:25%;
    }
    #contactus #children
    {
        height:18px;
        width:25%;
        margin-left: 10px;
    }
    #contactus #foreigners
    {
        height:18px;
        width:25%;
        margin-left: 10px;
    }
    #contactus .label-children
    {
        margin-left: 19%;
    }
    #contactus .label-foreigners
    {
        margin-left: 15%;
    }
    #contactus .img-box
    {
        height: 150px;
        width: 55%;
        margin-left: 145px;
        margin-top: -42px;
        border: solid 1px white;
    }
    #contactus img
    {
        height: 150px;
        width: 100%;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1122px)
{
    .main1 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 27pt;
        text-align: right;
        color: #edf0e2;
        margin-top: -7px;
    }
    .main1 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 58pt;
        text-align: right;
        color:#f5f7ea;
        margin-top: -8px;
        text-shadow: 2px 2px 1px black;
    }
    .main1 .box1 .white-water-raft .water-rafting .heading
    {
        font-size: 25px;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 5px 15px 0px 10px;
    }
    .main1 .box1 .white-water-raft .water-rafting .desc
    {
        font-family: Roboto-Regular;
        font-size: 10.5pt;
        color:white;
        margin-left: 0px;
        padding: 0px 15px 5px 10px;
    }
    .main1 .box2 .plan-of-visit
    {
        width:66%;
        float:left;
        margin-top: 20px;
        background: url(../images/plan-of-visit-bg.png) no-repeat;
    }
    .main2 .box2
    {
        float: left;
        width:31%;
        height:auto;
        margin-left: 2%;
        background: #25a8e0;
    }
    .main3 .box1 .nature-walk
    {
        width: 96.5%;
        height: 240px;
        float: left;
        margin-top: 4.8%;
        border: solid 1px white;
        overflow: hidden;
    }
    .main3 .box1 .nature-walk img
    {
        width: 107%;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .main3 .box2 .heading1
    {
        font-family: KGAllofMe;
        font-size: 27pt;
        color: #edf0e2;
        margin-top: -1.5%;
    }
    .main3 .box2 .heading2
    {
        font-family: Google-spies;
        font-size: 58pt;
        color:#f5f7ea;
        margin-top: -0.8%;
        text-shadow: 2px 2px 1px black;
    }
    .main4
    {
        width:100%;
        background: url(../images/section3-bg.png) 30% 13.3% no-repeat;
        margin: 2% 0;
    } 
    .main4 .box1 .know-more3
    {
        width:100%;
        height:34px;
        margin-top: 45px;
        background: url(../images/know-more.png) no-repeat;
    }
    .main4 .box2 .heading1
    {
        font-family: KGAllofMe;
        font-size: 27pt;
        margin-top: 0;
        color: #edf0e2;
    }
    .main4 .box2 .heading2
    {
        font-family: Google-spies;
        font-size: 58pt;
        color:#f5f7ea;
        margin-top: 0;
        text-shadow: 2px 2px 1px black;
    }
    .main4 .box2 .jungle-safari
    {
        width:96%;
        height:349px;
        float:left;
        background:url(../images/jungle-safari.jpg) no-repeat;
        margin-top:23.2%;
        border: solid 1px white;
        overflow: hidden;
    }
    .main4 .box2 .jungle-safari .jungle-safari-desc .heading
    {
        font-size: 25px;
        font-family: Narkisim;
        color: #f5f7ea;
        text-align: left;
        padding: 1px 15px 0px 10px;
    }
    .main4 .box2 .jungle-safari .jungle-safari-desc .desc
    {
        font-family: Roboto-Regular;
        font-size: 10.5pt;
        color:white;
        margin-left: 0px;
        margin-top: -5px;
        padding: 2px 0px 0px 10px;
    }
    .main5 .box1 .heading1
    {
        font-family: KGAllofMe;
        font-size: 27pt;
        color: #edf0e2;
        text-align: right;
        margin-top: -1.5%;
        margin-right: 2.5%;
    }
    .main5 .box1 .heading2
    {
        font-family: Google-spies;
        font-size: 58pt;
        color:#f5f7ea;
        text-align:right;
        margin:-1.5% 2.5% 1% 0px;
        text-shadow: 2px 2px 1px black;
    }
    .main5 .box2 .img1 .desc .know-more4
    {
        width:100%;
        height:34px;
        margin-top: 64px;
        background: url(../images/know-more.png) no-repeat;
    }
    .footer .footer-top .subscribe .sub-txt-box
    {
        font-family: OpenSans-Light;
        font-size: 14px;
        background:none; 
        border:solid 1px white; 
        height:30px; 
        width:175px; 
        margin:5% 0px 0px 5%;
        padding-left: 5%;
        color:white;
        background: url(../images/down-arroww.png) 155px no-repeat;
    }
    .footer .footer-top .subscribe .sub-sbtn
    {
        font-family: OpenSans-Light;
        font-size: 18px;
        margin-top: 7%;
        margin-left: 5%;
        width:120px;
        height:30px;
        background: #9d9f10;
        color:white;
        border: none;
    }
    
    /* CSS for About Page */
    
    .about-main1
    {
        width: 100%;
    }
    .about-main1 .about-homestays
    {
        float: left;
        width: 98%;
        padding: 1%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
    }
    .about-main1 .about-homestays .heading
    {
        font-family: Narkisim;
        font-size: 25pt;
        color:#5b4e2d;
        margin-bottom: 5px;
    }
    .about-main1 .about-homestays .img
    {
        width: 40%;
        float:left;
    }
    .about-main1 .about-homestays .img img
    {
        width: 100%;
        height: 250px;
        float:left;
    }
    .about-main1 .about-homestays .text
    {
        width: 59%;
        margin-left: 1%;
        float: left;
    }
    .about-main1 .about-homestays1
    {
        float: left;
        width: 98%;
        padding: 1%;
        background: rgba(222,221,212,0.7);
        margin-bottom: 20px;
        display: block;
    }
    .about-main1 .about-homestays1 .img
    {
        width: 40%;
        float:left;
    }
    .about-main1 .about-homestays1 .img img
    {
        width: 100%;
        height: 250px;
    }
    .about-main1 .about-homestays1 .text
    {
        width: 59%;
        margin-left: 1%;
        float: left;
    }
    .about-main1 .about-homestays1 .text .desc
    {
        font-family: Roboto-Regular;
        font-size: 12pt;
        color:#5b4e2d;
        line-height: 20px;
        text-align: justify;
    }
    .about .about-main2
    {
        display: none;
    }
    .about-main1 .activities
    {
        display: none;
    }
    .about .activities1
    {
        float: left;
        width: 49%;
        height:333px;
        margin-left: 0%;
        margin-bottom: 20px;
        background: #596809;
        display: block;
    }
    .about .main-testimonials
    {
        float: left;
        width: 49%;
        margin-left: 2%;
        background: #596809;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1280px)
{
    .explore-main2 .white-water-rafting .white-water-rafting-desc-img img
    {
        width: 49%;
    }
}