@media only screen and (max-width:560px)
{
.all-plans{
padding:5% 2%;
padding-top: 0;
}
.plans-container .plan-one{
margin: 0 0px;
border: solid 1px rgba(0,0,0,0.1);
padding: 10px;
margin-bottom: 10px;
}
	.two-bg{
background-image: url('../images/two-bg.jpg');
background-size: cover;
width: 100%;
float: left !important;
height: 200px;
}
.cin{
background-color: #16a085;
height: auto;
}
.two-bg h2{
color: #ffffff;
font-size: 30px;
text-align: center;
padding-top: 75px;
}
.intro-sec{
padding: 2% ;
padding-bottom: 2%;
}
.intro-sec p{
text-align: justify;
padding: 10px ;
}
.intro-sec a{
font-size: 17px;
background-color: #16a085;
color: #ffffff;
padding: 7px 20px;
display: block;
width: 50%;
}
.one-bg{

height: 200px;
}
.one-bg h2{
color: #ffffff;
font-size: 24px;
text-align: center;
padding-top: 75px;
}
.three-bg h2{
color: #ffffff;
font-size: 30px;
text-align: center;
padding-top: 75px;
}
.three-bg{
background-image: url('../images/three-bg.jpg');
background-size: cover;
width: 100%;
height: 200px;
}
.intro-sec h2{
text-align: center;
color: #16a085;
font-size: 30px;
}
	div#slider{
	height: 40vh;
	}
div#slider img{
max-height:40vh;
max-width: 100%;
}
div#next{	
position:absolute !important;
z-index: 100 !important;
top:24vh !important; 
left:10px;
}
div#next a {
font-size: 20px;
z-index: 120 !important;
}
div#prev{	
position:absolute !important;
z-index: 100 !important;
top:24vh !important;  
float: right;
left: 90%;
}

div#prev a {
font-size: 20px;
z-index: 120 !important;

}
div.text{
top: 90px;
}
div.text h1{
font-size: 14px;	


}
div#text-slider{
	margin-top: 10%;
}
div#text-slider h1.wel{
font-size: 40px;	
z-index: 10!important;
overflow: hidden;	
letter-spacing: 0px;
text-align: center;
height: 80px;
width: 100%;
text-transform: uppercase;
color:  #16a085;
font-weight: 600;
}
div#text-slider{
overflow: hidden;
position:   absolute !important;
z-index: 10 !important;
top:80px !important;  text-align: center; 
width: 100%;
}


/*top*/

.top{
padding: 10px;

}
.top .logo a{
	font-size: 28px;
}
.menu{
display: none;
}
.mob-menu{
background-color: #ffffff;
position: fixed;
top: 60px;
z-index: 9999 !important;
right: 0;
left: 0;
display: none;
box-shadow: rgba(0,0,0,0.05) 1px 3px 2px;
}
.mob-menu ul{
margin: 0;
padding: 0;
}
.mob-menu ul li{
margin: 0;
padding: 0 15px;
}
.mob-menu ul li a{
display: block;
padding: 7px;
color: #222;
text-decoration: none;
text-align: center;
border-bottom: solid 1px rgba(0,0,0,.02);
}
a#mob-nav{
position: fixed;
top: 18px;
right: 20px;
font-size: 20px;
color: #16a085;
z-index: 999;
}

/*about*/
.about{
padding:5%;
}
.head h3{
color: #16a085;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 5px;
margin: 0;
padding: 0;
font-size: 20px;
width:50%;
}
.icon-box{
padding-top: 0px;

}
.icon-box .icon{
padding-right: 0px;
padding-bottom: 15px;
}


.head2 h3{

font-size: 20px;

}

.head2 > p{
 writing-mode: tb-rl; 
 float: left;
 letter-spacing: 1px;
 color: #ffffff;
 text-transform: uppercase;
font-size: 10px;
}
.story-box{
padding: 	10px;
padding-bottom: 0;
}
img.top-ban{
	width: 150%;
}

.story-box p{
font-size: 14px;
font-weight: 300;
}
.gallery{
padding: 5%;
}
.foot{
padding: 5%;
background-color: #16a085;
}
 .circle{
height: 45px;
width: 45px;
}	
.circle a{
color: #16a085;
display: block;
text-align: center;
font-size: 14px;
padding-top: 15px;
}
.con-home{
padding-top: 10px;
}
.contact-home h4{
color: #ffffff;
text-align: center;
font-size: 25px;
}
.contact-home h3{
font-size: 20px;
}
.bottom-foot{
padding: 1% ;
}
.bottom-foot p{
padding: 0;
margin: 0;
color: #16a085;
text-align: center;
}
.bottom-foot ul{
float: none;
padding-top: 10px;
}
.bottom-foot ul li {
text-align: center;
display: inline-block;
}
.bottom-foot ul li a{
font-size: 12px;
}
.top-bar{
height: 60px;
width: 100%;
background-color: transparent;
position: absolute;
top: 0;
padding: 5px 2%;
overflow: hidden;
background-color: #ffffff !important;
box-shadow: rgba(0,0,0,0.1) 1px 2px 2px;
z-index: 0;
}
.top-bar .logo img{
width: 55px;
}
.banner{
margin-top: 60px;

}
.banner h1{
color: #ffffff;
font-size: 40px !important;
}
.project-details{
	height: auto !important;
}
.project-container{
	height: 100%;
}
}

@media screen and (min-width:561px) and (max-width: 868px) {

a#mob-nav{
display: none;
}
.mob-menu{
display: none;
}

}



@media only screen and (min-width:869px){

a#mob-nav{
display: none;
}
.mob-menu{
display: none;
}




}