/*Media Queries*/


@media only screen and (max-device-width :2560px) and (max-device-height : 1600px) and (orientation : landscape) {

.slider {
    height:41.8%;
} 
    
@media only screen and (max-device-width :2560px) and (max-device-height : 1600px) and (orientation : landscape) {

.slider {
    height:46.6%;
}     


@media only screen and (max-device-width : 1920px) and (max-device-height : 1200px) and (orientation : landscape) {

.slider {
    height:55.6%;
}    

}

@media only screen and (max-device-width : 1920px) and (max-device-height : 1080px) and (orientation : landscape) {
    
.slider {
    height:66.6%;
}    

}



@media only screen and (max-width: 1440px) {
    
.slider {
    height:74.6%;
}    

}

@media only screen and (max-width: 1366px) {
    
.slider {
    height:96%;
}    

}


@media only screen and (max-width: 1334px) {
    
.slider {
    height:89%;
}    

} 



@media only screen and (max-device-width : 1280px) and (max-device-height : 800px) and (orientation : landscape) {
    
.slider {
    height:83.6%;
}    

} 
    
    
@media only screen and (max-device-width : 1280px) and (max-device-height : 720px) and (orientation : landscape) {
    
.slider {
    height:93%;
}    

}     

@media only screen and (max-width: 1200px) {
    
.slider {
    height:34.8%;
}    

} 

@media only screen and (max-width: 1136px) {
    
.slider {
    height:104%;
}    

}

@media only screen and (max-width: 1080px) {
    
.slider {
    height:34.8%;
} 

.contact-left  {padding-left:3%; } 
.contact-right  {padding-left: 3%;} 
    
} 

@media only screen and (max-width: 1024px) {
    
.slider {
    height:86%;
}    

.who h4{ 
font-size:24px;
line-height: 24px;
margin-top: 6%;
margin-bottom: 0%; 
}

.who h5{
font-size:22px;
line-height: 22px;
margin-top: 1%;
margin-bottom: 0%; 
}
    
.who .button { 
margin-top: 4%;
margin-bottom: 10%; 
width: 30%;
} 
    
.contact-left  {text-align: center; padding-bottom: 0%; } 
.contact-right  {text-align: center; padding-bottom: 10%; } 
    

} 
    
      
    
    
@media only screen and (max-device-width : 960px) and (max-device-height : 640px) and (orientation : landscape) {
    
.slider {
    height:98%;
}

  

} 
    
@media only screen and (max-device-width : 960px) and (max-device-height : 540px) and (orientation : landscape) {
    
.slider {
    height:118%;
}       

}