@media (max-width: 480px) {
    
    .myDesktop{display: none;}
    .myMobile{display: block;}
    .navbar-nav{    
        margin-top: 15px;
        margin-left: -10px !important;
    }
    
    #navbarSupportedContent button{
        width: 50%;
    }
    
    #img-truck{max-width: 320px;}
    
    #sec-two{padding: 0px;}
    
    
    #txt-deliveryPartner{
          max-width: 320px !important;
          padding: 40px 15px;
    }
    
    .icon-delivery{width: 100%; height: auto;}
    
    .wrapper-catering{ padding: 0 40px;}
    
    .txt-location-name{max-height: 60px;}
    .txt-location-address{width: 100%; padding: 20px 0;}
    .btn-location-direction{width: 50%; padding: 0;}
    
    #txt-ourLocation{
        max-width: 250px;
        padding: 20px 0 0;
    }
    
    #footer-logo{ width: 100%; padding: 40px 0 10px;}
    
    #warp-footer-icon {padding: 20px 0 60px; margin-bottom: 40px; }
    
}


// Small devices (landscape phones, less than 768px)
// Medium devices (tablets, less than 992px)
// Large devices (desktops, less than 1200px)
// X-Large devices (large desktops, less than 1400px)