@charset "utf-8";
/* CSS Document */
/* Eartic Solutions */
/* Version 1.0 */
/* Design By Ashan Eranga */


@media (min-width: 320px) {
	.eartic_navbar{
		background-color:transparent;
		padding-bottom:2%;
		margin-bottom:10px;
		border-radius:0;
		border:none;
		transition:all 0.4s;
		height:auto;
		z-index:999 !important;
		position:relative;
		margin-top:-290%;
	}
	
	#recen_gal{
	  height: auto;
	  width: auto;
	  background-color: rgba(146,204,9,0.5);
	  transform: none;
	  top:3;
	  left:0;
	  position:relative;
	  border:solid 2px #FFF;
	  margin-bottom:4%;
	  margin-top:2%;
	  z-index:auto !important;
	  padding-bottom:2%;
	}
	
	.w_slide{
		transform:none !important;
		margin-left:0%;
		margin-top:10%;
	}
	
	#recen_gal1{	  
	  min-height:1px;
	  width: 100%;
	  background-color: rgba(146,204,9,0.5);
	  transform: none;
	  top:10px;
	  left:0%;
	  position:relative;
	  border:solid 2px #FFF;
	  margin-bottom:4%;
	  margin-top:5%;
	  z-index:auto !important;
	  padding-bottom:2%;
	}
	
	.w_slide1{
		transform:none !important;
		margin-left:0%;
		margin-top:10%;
	}
		
	#recen_gal2{
	  height: auto;
	  width: auto;
	  background-color: rgba(146,204,9,0.5);
	  transform: none;
	  top:8px;
	  left:0%;
	  position:relative;
	  border:solid 2px #FFF;
	  margin-bottom:4%;
	  margin-top:8%;
	  z-index:auto !important;
	  padding-bottom:2%;
	}
	
	.w_slide2{
		transform: none !important;
		margin-left:0%;
		margin-top:10%;
	}
	
	#recen_gal3{
	  height: auto;
	  width: auto;
	  background-color: rgba(146,204,9,0.5);
	  transform: none;
	  top:8px;
	  left:0%;
	  position:relative;
	  border:solid 2px #FFF;
	  margin-bottom:18%;
	  margin-top:8%;
	  z-index:auto !important;
	  padding-bottom:2%;
	}
	
	.w_slide3{
		transform: none !important;
		margin-left:0%;
		margin-top:10%;
	}
	
	.main_titt{
		color:#333;
		font-size:25px;
		background-image:url(../images/titt_bg.png);
		background-position:center;
		background-repeat:no-repeat;
		text-align:center;
		height:200px;
		padding-top:33%;
	}
	
}

@media (min-width: 360px) {
	.eartic_navbar{
		background-color:transparent;
		padding-bottom:2%;
		margin-bottom:8px;
		border-radius:0;
		border:none;
		transition:all 0.4s;
		height:auto;
		z-index:999 !important;
		position:relative;
		margin-top:-260%;
	}
}

@media (min-width: 400px) {
	.eartic_navbar{
		background-color:transparent;
		padding-bottom:2%;
		margin-bottom:8px;
		border-radius:0;
		border:none;
		transition:all 0.4s;
		height:auto;
		z-index:999 !important;
		position:relative;
		margin-top:-240%;
	}
	
	.main_titt{
		color:#333;
		font-size:25px;
		background-image:url(../images/titt_bg.png);
		background-position:center;
		background-repeat:no-repeat;
		text-align:center;
		height:200px;
		padding-top:28%;
	}
}



@media (min-width: 420px) {
	.eartic_navbar{
		background-color:transparent;
		padding-bottom:2%;
		margin-bottom:8px;
		border-radius:0;
		border:none;
		transition:all 0.4s;
		height:auto;
		z-index:999 !important;
		position:relative;
		margin-top:-200%;
	}
}

@media (min-width: 500px) {
	.eartic_navbar{
		background-color:transparent;
		padding-bottom:2%;
		margin-bottom:8px;
		border-radius:0;
		border:none;
		transition:all 0.4s;
		height:auto;
		z-index:999 !important;
		position:relative;
		margin-top:-180%;
	}
	
	.main_titt{
		color:#333;
		font-size:25px;
		background-image:url(../images/titt_bg.png);
		background-position:center;
		background-repeat:no-repeat;
		text-align:center;
		height:200px;
		padding-top:23%;
	}
}

@media (min-width: 550px) {
	.eartic_navbar{
		background-color:transparent;
		padding-bottom:2%;
		margin-bottom:8px;
		border-radius:0;
		border:none;
		transition:all 0.4s;
		height:100px;
		z-index:999 !important;
		position:relative;
		margin-top:-150%;
	}
	
	.main_titt{
		color:#333;
		font-size:25px;
		background-image:url(../images/titt_bg.png);
		background-position:center;
		background-repeat:no-repeat;
		text-align:center;
		height:200px;
		padding-top:20%;
	}
}

@media (min-width: 640px) {
	.eartic_navbar{
		background-color:transparent;
		padding-bottom:2%;
		margin-bottom:30px;
		border-radius:0;
		border:none;
		transition:all 0.4s;
		height:100px;
		z-index:999 !important;
		position:relative;
		margin-top:-140%;
	}
	
	.main_titt{
		color:#333;
		font-size:25px;
		background-image:url(../images/titt_bg.png);
		background-position:center;
		background-repeat:no-repeat;
		text-align:center;
		height:200px;
		padding-top:18%;
	}
}

@media (min-width: 700px) {
	.eartic_navbar{
		background-color:transparent;
		padding-bottom:2%;
		margin-bottom:30px;
		border-radius:0;
		border:none;
		transition:all 0.4s;
		height:100px;
		z-index:999 !important;
		position:relative;
		margin-top:-127%;
	}
	
	.main_titt{
		color:#333;
		font-size:25px;
		background-image:url(../images/titt_bg.png);
		background-position:center;
		background-repeat:no-repeat;
		text-align:center;
		height:200px;
		padding-top:15%;
	}
}

@media (min-width: 760px) {
	.eartic_navbar{
		background-color:transparent;
		padding-bottom:2%;
		margin-bottom:30px;
		border-radius:0;
		border:none;
		transition:all 0.4s;
		height:100px;
		z-index:999 !important;
		position:relative;
		margin-top:-115%;
	}
	
	.menu_li{
		float:none !important;
		display:inline-block !important;
	}
	
	#recen_gal1{	  
	  min-height:1px;
	  width: 100%;
	  background-color: rgba(146,204,9,0.5);
	  transform: none;
	  top:10px;
	  left:0%;
	  position:relative;
	  border:solid 2px #FFF;
	  margin-bottom:4%;
	  margin-top:15%;
	  z-index:auto !important;
	  padding-bottom:2%;
	}
	
	.w_slide1{
		transform:none !important;
		margin-left:0%;
		margin-top:10%;
	}
}

@media (min-width: 1000px) {
	.eartic_navbar{
		background-color:transparent;
		padding-bottom:2%;
		margin-bottom:30px;
		border-radius:0;
		border:none;
		transition:all 0.4s;
		height:100px;
		z-index:999 !important;
		position:relative;
		margin-top:-90%;
	}
	
	.main_titt{
		color:#333;
		font-size:25px;
		background-image:url(../images/titt_bg.png);
		background-position:center;
		background-repeat:no-repeat;
		text-align:center;
		height:200px;
		padding-top:12%;
	}
}

@media (min-width: 1024px) {
	.eartic_navbar{
		background-color:transparent;
		padding-bottom:2%;
		margin-bottom:30px;
		border-radius:0;
		border:none;
		transition:all 0.4s;
		height:100px;
		z-index:999 !important;
		position:relative;
		margin-top:-73%;
	}
	
	#recen_gal{
	  height: 500px;
	  width: 500px;
	  background-color: rgba(146,204,9,0.5);
	  transform: rotate(45deg);
	  top:100px;
	  left:28%;
	  position:relative;
	  border:solid 15px #FFF;
	  margin-bottom:0px;
	  margin-top:12%;
	  z-index:999999 !important;
	}
	
	.w_slide{
		transform: rotate(315deg) !important;
		margin-left:0%;
		margin-top:10%;
	}
	
	#recen_gal1{	  
	  height: 300px;
	  width: 300px;
	  background-color: rgba(146,204,9,0.5);
	  transform: rotate(45deg);
	  top:100px;
	  left:37%;
	  position:relative;
	  border:solid 15px #FFF;
	  margin-bottom:0px;
	  margin-top:12%;
	  z-index:999999 !important;
	}
	
	.w_slide1{
		transform: rotate(315deg) !important;
		margin-left:0%;
		margin-top:10%;
	}
	
	#recen_gal2{
		  height: 300px;
		  width: 300px;
		  background-color: rgba(146,204,9,0.5);
		  transform: rotate(45deg);
		  top:100px;
		  left:14%;
		  position:relative;
		  border:solid 15px #FFF;
		  margin-bottom:0px;
		  margin-top:-2%;
		  z-index:999999 !important;
	}
	
	.w_slide2{
		transform: rotate(315deg) !important;
		margin-left:3%;
		margin-top:15%;
	}
	
	#recen_gal3{
		  height: 300px;
		  width: 300px;
		  background-color: rgba(146,204,9,0.5);
		  transform: rotate(45deg);
		  top:-180px;
		  left:60%;
		  position:relative;
		  border:solid 15px #FFF;
		  margin-bottom:0px;
		  margin-top:-2%;
		  z-index:999999 !important;
	}
	
	.w_slide3{
		transform: rotate(315deg) !important;
		margin-left:3%;
		margin-top:10%;
	}
	
	.main_titt{
		color:#333;
		font-size:25px;
		background-image:url(../images/titt_bg.png);
		background-position:center;
		background-repeat:no-repeat;
		text-align:center;
		height:200px;
		padding-top:10%;
	}

}

@media (min-width: 1200px) {
	.eartic_navbar{
		background-color:transparent;
		padding-bottom:2%;
		margin-bottom:30px;
		border-radius:0;
		border:none;
		transition:all 0.4s;
		height:100px;
		z-index:999 !important;
		position:relative;
		margin-top:-73%;
	}
	
	#recen_gal{
	  height: 500px;
	  width: 500px;
	  background-color: rgba(146,204,9,0.5);
	  transform: rotate(45deg);
	  top:100px;
	  left:28%;
	  position:relative;
	  border:solid 15px #FFF;
	  margin-bottom:0px;
	  margin-top:12%;
	  z-index:999999 !important;
	}
	
	.w_slide{
		transform: rotate(315deg) !important;
		margin-left:0%;
		margin-top:10%;
	}
	
	#recen_gal1{	  
	  height: 300px;
	  width: 300px;
	  background-color: rgba(146,204,9,0.5);
	  transform: rotate(45deg);
	  top:100px;
	  left:37%;
	  position:relative;
	  border:solid 15px #FFF;
	  margin-bottom:0px;
	  margin-top:12%;
	  z-index:999999 !important;
	}
	
	.w_slide1{
		transform: rotate(315deg) !important;
		margin-left:0%;
		margin-top:10%;
	}
	
	#recen_gal2{
		  height: 300px;
		  width: 300px;
		  background-color: rgba(146,204,9,0.5);
		  transform: rotate(45deg);
		  top:100px;
		  left:14%;
		  position:relative;
		  border:solid 15px #FFF;
		  margin-bottom:0px;
		  margin-top:-2%;
		  z-index:999999 !important;
	}
	
	.w_slide2{
		transform: rotate(315deg) !important;
		margin-left:3%;
		margin-top:15%;
	}
	
	#recen_gal3{
		  height: 300px;
		  width: 300px;
		  background-color: rgba(146,204,9,0.5);
		  transform: rotate(45deg);
		  top:-180px;
		  left:60%;
		  position:relative;
		  border:solid 15px #FFF;
		  margin-bottom:0px;
		  margin-top:-2%;
		  z-index:999999 !important;
	}
	
	.w_slide3{
		transform: rotate(315deg) !important;
		margin-left:3%;
		margin-top:10%;
	}
	
	.main_titt{
		color:#333;
		font-size:25px;
		background-image:url(../images/titt_bg.png);
		background-position:center;
		background-repeat:no-repeat;
		text-align:center;
		height:200px;
		padding-top:10%;
	}

}