/*@media only screen and (min-width: 768px) {
		
}
@media only screen and (max-width: 767px) {
	

}*/
/* mobile responsiveness*/
@media only screen and (min-width:10px) and (max-width:650px){
	.main-container{
		margin:5px;
		padding:4px;
	}
	.loader{
		width:100px;
		height:100px;
		position:absolute;
	}
	.preloader{
		position:relative;
		text-align:center;
	}
	.logo{
		visibility:hidden;
	}
	#slider {
		width:100%;
		height:300px;
	}
	#clbc{
		font-size:30px;
		letter-spacing:5px;
	}
	.request,.testimony{
		display:block-inline;
		width:100%;
	}
	.testimony-request{
		position:relative;
		top:25px;
	}
	.navbar{
		position:relative;
		height:auto;
	}
	.navbar ul{
		display:none;
		width:50%;
		height:auto;
		position:absolute;
		top:-69px;
		background-color:rgba(112,32,172,0.6);
		text-align:left;
	}
	.list-s{
	position:absolute;
	top:-80px;
	}
	#mobile-menu-list{
		display:none;
		width:50%;
		height:200px;
		background-color:rgba(188,190,192,0.9);
		text-align:left;
		z-index:1;
		box-shadow:5px 7px 5px 7px rgba(0,0,0,0.5);
		border-radius:10px;
		position:absolute;
		top:50px;
		color:black;
	}
	#mobile-menu-list li{
		list-style:none;
		display:block;
		padding-top:5px;
		font-size:1.2em;
		width:75%;
	}
	#mobile-menu-list li a{
		text-decoration:none;
		font-size:1.2em;
		color:black;
	}
	.navbar ul li{
		font-size:20px;
		list-style:block;
		margin-left:5px;
	}
	.navbar ul li a{
		font-size:20px;
		color:white;
	}
	.mobile-menu{
		width:100%;
		height:auto;
		background-color:transparent;
		position:relative;
		top:20px;
		text-align:center;
		float:left;
	}
	.mobile-menu #showbtn{
		font-family:Arial Black;
		font-size:30px;
		width:100%;
		cursor:pointer;
	}
	.mobile-name{
	position:relative;
	top:-40px;
	left:70px;
	font-size:60px;
	letter-spacing:9px;
}

	#show{
		cursor:pointer;
		width:50%;
	}
	.footer-logo{
		width:100%;
		height:200px;
	}
	.depart-img-container{
		width:100%;
		position:relative;
	}
	.depart-image{
		width:98%;
		display:inline-block;
		text-align:center;
		margin:3px;
		overflow:hidden;
	}
	#accordion img{
		width:98%;
		padding:3px;
	}
	#display{
		width:100%;
		position:relative;
	}
	#displayed{
	}
	div.sp-img{
		width:100%;
	}
	.gallery-pic{
		width:100%;
		height:180px;
	}
}
@media only screen and (max-width:360px){
	
}
@media only screen and (min-width:370px){
	
}
@media only screen and (min-width:390px){
		
}

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

@media only screen and (min-width: 480px) and (max-width: 899px){

}



@media only screen and (max-width: 780px) {
	
}

@media only screen and (min-width: 480px){
	
}
@media only screen and (max-width: 680px) and (min-width: 500px) {
	
}
@media only screen and (min-width:500px){
	
}	
@media only screen and (min-width:520px){


}

@media only screen and (min-width:550px){
	
}
@media only screen and (min-width:580px){
	
}
@media only screen and (min-width:610px){
	
}

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

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

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

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

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

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

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

@media only screen and (min-width:860px){
		
}
@media only screen and (min-width:899px){
	
}
/*end of mobile responsiveness*/

/*desktop responsiveness*/

@media only screen and (min-width:920px){
	
}
@media only screen and (min-width:950px){
	
}

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

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

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

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

@media only screen and (min-width:1140px){
	
}
@media only screen and (min-width:1180px){
	
}

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

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

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


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

/*end of desktop responsiveness*/

/*@media only screen and (max-width: 1600px)  {
		
	
}
@media only screen and (max-width: 1366px) {

	
}
@media only screen and (max-width: 1199px)  and (min-width: 992px){
	
	
	
}
@media only screen and (max-width: 990px) {

}

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

}
@media only screen and (max-width: 1200px){
	
		
}
*/