@media only screen and (max-width:1800px){
   
}
@media only screen and (max-width:1600px){
    .max-container{
        max-width: 100%;
        padding-left:5%;
        padding-right:5%;
    }
    h4{
        font-size: 26px;
    }
}
/* ipad pro landscape */
@media only screen and (max-width:1366px){
    h1{
        font-size: 50px;
    }
    h2{
        font-size: 45px;
    }
    h3{
        font-size: 38px;
    }
    h4 {
        font-size: 24px;
    }
   
    
}
@media only screen and (max-width: 1250px){
   
}
@media only screen and (max-width: 1025px){
    .max-container{
        max-width: 100%;
        padding-left: 2%;
        padding-right: 2%;
    }
    .pila-gap{
        padding-top: 5rem !important;
        padding-bottom: 8rem !important;
        min-height: auto !important;
    }
    
}   
@media only screen and (max-width:845px){
    h2 {
        font-size: 40px;
    }
    .max-container{
        max-width: 100%;
        padding-left: 4%;
        padding-right:4%;
    }
    .vertical-logo .icon-container{
        width: 270px !important;
    }
    .custom-column{
        gap:30px;
    }
    
    

}
@media only screen and (max-width: 767px){
    h2 {
        font-size: 25px;
    }
    h4 {
        font-size: 17px;
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 935px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape){
    h2 {
        font-size: 25px;
    }
    h4 {
        font-size: 17px;
    }
}
@media only screen and (max-width: 480px){
    
    h1{
        font-size: 31px;
    }
    h2 {
        font-size: 27px;
    }
    h3 {
        font-size: 26px;
    }
    .logo-container{
        padding-top: 5rem;
        min-height: auto !important;
    }
  
    
}