/*-- banner --*/
.banner-img1,.banner-img2,.banner-img3,.banner-img4{
	background:url(../images/bnn1.jpg)no-repeat center 0px;
	background-size:cover;
	min-height:570px;
	
}
.banner-img2{
	background:url(../images/bnn2.jpg)no-repeat center 0px;
	background-size:cover;
}
.banner-img3{
	background:url(../images/bnn3.jpg)no-repeat center 0px;
	background-size:cover;
}.banner-img4{
	background:url(../images/bnn4.jpg)no-repeat center 0px;
	background-size:cover;
}
.banner-w3text {
    padding-top: 22%;
    text-align: right;
    width: 76%;
    margin: 0 auto;
}
.banner-w3text h3,.banner-w3text h2{
    font-size: 6em;
    color: #fff; 
    text-transform: Uppercase;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    padding-left: 2em;
    line-height: 1.3em;
} 
a.agilebtn {
    font-size: 1em;
    color: #fff; 
    padding: 0.7em 2em;
    display: inline-block; 
	outline:none;
	margin-top: 1em; 
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
} 
.agilebtn::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	border: 1px solid rgba(255,255,255,0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.agilebtn:hover::before{
	opacity: 0;
	-webkit-transform: scale(1.2,1.2);
	-moz-transform: scale(1.2,1.2);
	-o-transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);
}
.agilebtn::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: rgba(255,255,255,0.25);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: scale(0.5,0.5);
	-moz-transform: scale(0.5,0.5);
	-o-transform: scale(0.5,0.5);
	-ms-transform: scale(0.5,0.5);
	transform: scale(0.5,0.5);
}
.agilebtn:hover::after{
	opacity: 1 ;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
}
/*-- //banner --*/
@media(max-width:1366px){
.banner-w3text h3, .banner-w3text h2 {
    font-size: 5.5em; 
}
.banner-w3text {
    padding-top: 25%; 
}
.about-w3banner .banner-img1 {
    min-height: 260px;
}
}
@media(max-width:1280px){
.banner-w3text h3, .banner-w3text h2 { 
    padding-left: 1em; 
}
}
@media(max-width:1080px)
{
    
.banner-w3text h3, .banner-w3text h2 {
    padding-left: 0;
    font-size: 5em;
}
.banner-w3text {
    padding-top: 30%;
} 


} 
@media(max-width:991px){

.banner-w3text h3, .banner-w3text h2 { 
    font-size: 4.5em;
}
.banner-img1, .banner-img2, .banner-img3, .banner-img4 { 
    min-height: 600px;
}
.about-w3banner .banner-w3text {
    padding-top: 6%;
}


}
@media(max-width:900px)
{
    
.banner-w3text {
    width: 83%; 
}
}
@media(max-width:800px){
.banner-w3text h3, .banner-w3text h2 {
    font-size: 4em;
}
.banner-img1, .banner-img2, .banner-img3, .banner-img4 {
    min-height: 510px;
}   
}
@media(max-width:768px)
{
    



}
@media(max-width:767px){






}
@media(max-width:736px){

.banner-w3text h3, .banner-w3text h2 {
    font-size: 3.6em;
}
.banner-w3text {
    padding-top: 34%;
}


}
@media(max-width:667px){
.banner-w3text {
    width: 87%;
    padding-top: 38%;
}
.flip-content {
    width: 240px;
}


}
@media(max-width:600px){
.banner-w3text h3, .banner-w3text h2 {
    font-size: 3.2em;
}
.banner-img1, .banner-img2, .banner-img3, .banner-img4 {
    min-height: 460px;
}



}
@media(max-width:568px){
.banner-w3text h3, .banner-w3text h2 {
    font-size: 2.8em;
}
.banner-img1, .banner-img2, .banner-img3, .banner-img4 {
    min-height: 425px;
}

.flip-content {
    width: 215px;
}

}
@media(max-width:480px)
{
    

.banner-w3text h3, .banner-w3text h2 {
    font-size: 2.5em;
}
.banner-img1, .banner-img2,.banner-img3, .banner-img4 {
    min-height: 370px;
}




.flip-content {
    width: 236px;
    margin: 0 auto !important;
}  


}
@media(max-width:414px){

.banner-w3text h3, .banner-w3text h2 {
    font-size: 2em;
}
.banner-img1, .banner-img2, .banner-img3, .banner-img4 {
    min-height: 330px;
}

} 
@media(max-width:384px){

}   
@media(max-width:320px)
{
    
 
.banner-img1, .banner-img2, .banner-img3, .banner-img4 {
    min-height: 270px;
}
.banner-w3text h3, .banner-w3text h2 {
    font-size: 1.7em;
}

}