/* Mobile Styles - max-width: 767px */
@media only screen and (max-width: 767px) {
    /* Typography */
    h1.tit {
        margin: 0 6%;
        font-size: 2.2em;
    }
    
    h2.sbt {
        margin: 0 6%;
        font-size: 1.4em;
    }
    
    .txt {
        font-size: 1.1em;
        margin: 4% 6%;
    }
    
    /* Header */
    #hdr-lg-c {
        width: 100%;
    }
    
    #hdr-lg {
        width: 30%;
        margin: 0 auto;
    }
    
    #hdr-mns {
        display: none;
    }
    
    #hdr-tp h1 {
        display: none;
    }
    
    /* Mobile Menu Button */
    #hd-nav-ico {
        display: block;
        width: 40px;
        height: 40px;
        cursor: pointer;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 24px;
        border: 1px solid #ccc;
        background-color: #fff;
    }
    
    .mn-shw {
        background-image: url('https://www.orasisdesign.it/ecommerce/engine-40/imgDef/icons.php?_i=mn-shw&_ca=333333');
    }
    
    .mn-cls {
        background-image: url('https://www.orasisdesign.it/ecommerce/engine-40/imgDef/icons.php?_i=mn-cls&_ca=333333');
    }
    
    /* Mobile Menu Container */
    #hdr-mns {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 999;
        padding-top: 60px;
        overflow-y: auto;
    }
    
    #hdr-mns #hdr-tp,
    #hdr-mns #hdr-md {
        width: 90%;
        margin: 0 auto;
    }
    
    #dMenu ul {
        flex-direction: column;
        gap: 0;
    }
    
    #dMenu li {
        border-bottom: 1px solid #1d1d1b;
    }
    
    #dMenu li a {
        display: block;
        padding: 15px 0;
        font-size: 1.6em;
    }
    
    /* Language selector in mobile */
    #nwLng {
        position: absolute;
        top: 15px;
        right: 20px;
        width: auto;
    }
    
    /* Hero Section */
    #vtrn {
        height: 400px;
    }
    
    .slider-track {
        padding-top: 60%;
    }
    
    .slider-btn {
        width: 30px;
        height: 30px;
        font-size: 1em;
    }
    
    .slider-prev {
        left: 10px;
    }
    
    .slider-next {
        right: 10px;
    }
    
    #vtrn-c h1 {
        font-size: 1.4em;
        padding: 0 20px;
    }
    
    /* Contact Bar */
    .cnsl-pdd {
        flex-direction: column;
        padding: 15px;
    }
    
    .date-range {
        flex-direction: column;
        width: 100%;
    }
    
    .form-group {
        width: 100%;
    }
    
    .date-input,
    .email-input {
        width: 100%;
        height: 44px;
    }
    
    .separator {
        display: none;
    }
    
    .btn {
        width: 100%;
        text-align: center;
        padding: 12px;
        font-size: 1.2em;
    }
    
    /* Gallery */
    .gallery-item {
        width: 30%;
    }
    
    /* Green Stop */
    .sct-gs24 {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    /* Pilgrim Route */
    #hme-vdc-c {
        flex-direction: column;
        text-align: center;
    }
    
    /* Partners */
    .partners-grid {
        flex-direction: column;
        align-items: center;
    }
    
    /* Footer */
    footer .txt {
        margin: 0;
    }
    
    #ftr-nts {
        font-size: 0.7em;
        padding: 10px;
    }
    
    /* Modal */
    .modal-content {
        width: 95%;
        padding: 20px;
    }
}