@media screen and (max-width:1024px){
	#container{
	width:95%;
	height:auto;
	padding:0px;
	margin:0px auto;
}

.nav{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px auto;
}

.box{
	width:29%;
	height:auto;
	padding:0px;
	margin:10px 13px;
	background-color:#e1e1e1;
	float:left;
}

.box2{
	width:50%;
	height:320px;
	padding:0px;
	margin-top:35px;
	float:left;
	background:rgba(0, 0, 0, 0.5);
}

.package-left{
	width:30.5%;
	height:auto;
	padding:0px;
	margin:15px 12px;
	float:left;
	border:1px solid#e1e1e1;
}

.package-right{
	width:30.5%;
	height:auto;
	padding:0px;
	margin:15px 12px;
	float:right;
	border:1px solid#e1e1e1;
}


	
}


@media screen and (max-width:980px){

#container{
	width:95%;
	height:auto;
	padding:0px;
	margin:0px auto;
}
#header{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px auto;
	position:relative;
	background-color: rgba(255, 255, 255, 0.7);
	background: rgba(255, 255, 255, 0.7);
	z-index:000;
}
.navbar{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px auto;
	background-color:#000;
	margin-bottom:15px;
	-moz-box-shadow: 0px -3px 5px #3d3d3d;
	-webkit-box-shadow: 0px -3px 5px #3d3d3d;
	box-shadow: 0px -3px 5px #3d3d3d;
}


.box{
	width:100%;
	height:auto;
	padding:0px;
	margin:10px 0px;
	background-color:#e1e1e1;
	float:none;
}

.box2{
	width:100%;
	height:auto;
	padding:0px;
	margin-top:15px;
	float:none;
	background:rgba(0, 0, 0, 0.5);
}
.box-left{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;
	float:none;
	text-align:justify;
}	

.box-right{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;
	float:none;
}

.package-left{
	width:80%;
	height:auto;
	padding:0px;
	margin:0px auto;
	margin-bottom:10px;
	float:none;
	border:1px solid#e1e1e1;
}

.package-right{
	width:80%;
	height:auto;
	padding:0px;
	margin:0px auto;
	margin-bottom:10px;
	float:none;
	border:1px solid#e1e1e1;
}
.inner-container{
	width:100%;
	height:auto;
	padding-top:0px;
	margin:0px auto;
}

.nav{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px auto;
	background:#000;
	display:none;
}
.nav ul li{
	list-style-type:none;
}
.nav ul li a{
	list-style-type:none;
	float:none;
	line-height:50px;
	color:#fff;
	padding:0px 30px;
	text-decoration:none;
}
.trigger{
	width:100%;
	height:50px;
	padding:0px;
	margin:0px auto;
	background:#000;
	display:block;
	border-bottom:1px solid#e1e1e1;
	line-height:50px;
	color:#fff;
	cursor:pointer;
}
.box-right{
	width:100%;
	height:auto;
	padding:0px;
	margin-bottom:10px;
	float:none;
}
.box-left{
	width:100%;
	height:auto;
	padding:0px;
	margin-bottom:10px;
	float:none;
	text-align:justify;
}

.about-left{
	width:100%;
	height:auto;
	padding:0px;
	margin-bottom:10px; 
	float:none;
}

.about-right{
	width:100%;
	height:auto;
	padding:0px;
	margin-bottom:10px; 
	float:none;
}





}