@media only screen and (max-width:600px) {
    .dp-hero-grid {grid-template-columns: unset;}
    
}
    @media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
      
    }
    @media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
   
    
}
    @media only screen and (min-device-width:414px) and (max-device-width:900px) and (orientation :landscape) {
   
    }
    @media only screen and (min-width:1200px) and (max-width:1290px) {
   .dp-btn { gap: 12px; padding: 15px 15px; font-size: 15px;}
    }
    @media only screen and (min-width :1400px) {
   .dp-btn {padding: 15px 18px;}
   .dp-hero-actions { gap: 20px;}
    }
    @media only screen and (min-width :1600px) {   
      
    }
    @media only screen and (min-width :1800px) {
      
    }
@media only screen and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:landscape) {
     
    }