@media (max-width: 767px) {

    /** Hero - homepage **/
    .ud-hero-image .shape.shape-2{ right: -15px; }

    /** Our Mission Page **/
    #mission{ padding-top: 2rem;padding-bottom: 2rem; }
    #mission .container{flex-direction: column;gap: 1rem;}
    #mission .container > div{flex: 1;width: 100%;order: 3;}
    #mission .container > div:nth-child(1){color: rgb(17, 17, 17);font-size: 22px;font-weight: 300;text-align: center;order: 1;}
    #mission .container > div:nth-child(1) blockquote footer{ font-size: 15px; margin-top: 1rem; }
    #mission .container > div:nth-child(2) .section-title{ font-size: 34px; font-weight: 700; color: #111; }
    #mission .container > div:nth-child(2) .section-title:after{ background: var(--primary-color); content: ""; display: block; width: 30px; height: 5px; margin-top: 30px; }
    #mission .container > div:nth-child(2) p{ font-size: 15px; font-weight: normal; color: #111; margin: 1.5rem 0; }
    #mission .container > div:nth-child(2) p.section-subtitle{ font-size: 16px; font-weight: 300; color: #9c9c9c; }

    /** Terms & Conditions page **/
    #tandc{ padding-top: 2rem;padding-bottom: 2rem; }
    #tandc h4{margin-top: 2rem;}
    #tandc p{ }
    #tandc ul{ }

    
    /** Steps **/
    .steps-grid{ flex-wrap: wrap; }
    .steps-grid > div{  }


    /** Footer **/
    .ud-footer{ padding-top: 4rem; }

    
    /** QR CODE page **/
    #qr-generator{padding: 0;}
    #qr-generator .limit-reached-error{ margin-top: 0; }
    #qr-generator .ud-about-wrapper{  }
    #qr-generator .ud-about-wrapper .ud-about-content-wrapper{  }
    #qr-generator .ud-about-wrapper .ud-about-content-wrapper .ud-about-content{  }
    #qr-generator .ud-about-wrapper .sample-qr-container{  }
    #qr-generator .ud-about-wrapper .sample-qr-container img{  }

    #qr-generator .language-selector{gap: 8px;font-size: 14px;}
    #qr-generator .language-selector .language-item{background: white;width: 48.8%;}
    #qr-generator .language-selector .language-item.active,
    #qr-generator .language-selector .language-item:hover{  }
    #qr-generator .language-selector .language-item .flag-icon{  }

    #qr-generator .ud-contact-title{margin-top: 2rem;margin-bottom: 2rem;}
    #qr-generator .ud-contact-form-wrapper{  }
    #qr-generator .sample-qr-container{margin-bottom: 2rem;}
    #qr-generator .sample-qr-container .download-qr-btn{  }

}