@media only screen and (max-width:480px) {
    .main-banner { background-image: url("../../images/main-img-mobile.jpg"); height: 400px; background-position: 0px 0px; background-size: cover; width: 100%; }
    .main-banner .description { top: 410px; left: 4%; font-size: 27px; width: 92%; font-family: AvenirHeavy; background-color: #fff; color: #01adef; padding: 20px; z-index: 5; text-align: center; font-size: 20px; }
    .donation-box .title-desc .title { font-size: 24px; }
    .main-content .region { display: flex; flex-direction: column; }
    #block-leftcontentblock { order: 2; width: 100%; }
    .canteen-donation-campaign-multi-step-form { order: 1; width: 100%; }
    #block-multistepdonationblock .col-sm-6 { padding-right: 0px; padding-left: 0px; }
    .donation-amounts .form-item span { width: 51%; }
    .main-container .col-sm-12 { padding-right: 0px; padding-left: 0px; }
    .donation-type fieldset .form-item { margin-top: -5px; vertical-align: top; }
    .left-content hr { margin-top: 30px; margin-bottom: 30px; }
    #block-leftcontentblock .col-sm-6 img { top: -70px; left: 25px; }
    .your-support .title { font-size: 25px; }
    .your-support .desc { display: block; }
    .your-support table td { display: block; width: 100%; }
    .your-support table { width: 100%; }
    .your-support .desc { width: 85%; }
    .your-support .desc { width: 85%; margin-top: 10px; margin-bottom: 20px; }
    .your-support .images .img.arrow { margin-top: 0px; }
    .img.arrow img { transform: rotate(90deg); width: 100%; }
    .your-support { margin-bottom: 50px; }
    .img img { width: 80%; }
    .thank-you .bg-img { background-image: url("../../images/thank-you-img-resp.jpg"); height: 323px; }
    .thank-you .details { width: 90%; }
    .site-footer { margin-top: 70px; border-top: 1px solid #1a7497; padding-top: 30px; }
    .footer .footer-list .title { padding-bottom: 20px; }
    .footer-list:nth-child(3) { display: block; font-size: 0; color: transparent; border-top: 1px solid #1a7497; }
    .footer-list:nth-child(3) li { display: inline-block; padding-right: 10px; }
    .footer-list:nth-child(3) ul { width: 40%; margin-left: auto; margin-right: auto; }
    .your-support .title { margin-top: 60px; margin-bottom: 40px; }
   /* .donation-box.step-2 > div { padding: 0px 20px 10px 20px; }
    .donation-box.step-2 .form-item-last-name { width: 100%; padding-left: 20px; }
    .donation-box.step-2 .form-item-last-name label { left: 40px; }
    .donation-box.step-2 .form-item-first-name { width: 100%; margin-right: 0; padding-right: 20px; }*/
    #edit-address-container2 .form-item-address-locality { width: 100% !important; }
    #edit-address-container2 > div.form-item { width: 47.2%; }
    .donation-box.step-3 .form-item-card-expiry-month { padding: 0 10px 20px 10px; width: 45%; }
    .donation-box.step-3 .form-item-card-cvv { display: block; width: 100%; padding: 0 20px 20px 20px; }
    .donation-box.step-3 .form-item-card-expiry-year { width: 47%; }
    .header-thank-you { margin-top: 100px; left: 30px; }
    .thank-you-page { width: 100%; padding: 0px; position: relative; margin: 0px auto 70px; }
    .thank-you-page .text { background-color: #f7f7f7; padding: 300px 30px 0; }
    .thank-you-page .title { font-size: 30px; text-align: center; position: absolute; background-color: #fff; top: -40px; width: 90%; left: 5%; padding: 20px 20px 50px; }
    .donation-box #edit-donation-type label b { font-size: 14px; padding: 10px 20px; }
    b span.sel { margin-right: 3px; }
    .donation-box.step-3 .expiry_date { margin: 0 20px 30px 20px; width: auto; display: block; }
    .donation-box.step-3 .form-item-card-cvv label { left: 40px; }
    .address-container-inline > div.form-item { width: 28.5%; margin-right: 5px; }
    .address-container-inline > div.form-item:first-child { width: 29% !important; }
    .address-container-inline > div.form-item:last-child { margin-right: 0px; width: 36.5%; }
    .donation-box.step-2 .form-item label { left: 40px; }
    .donation-box.step-2 .address-container-inline label,
    .donation-box.step-2 .address label { left: 20px; }
    .path-campaign .main-banner .description { display: none; }
    .header-thank-you { font-size: 28px; top: -400px; }
    .thank-you-page .text { background-color: #fff; padding: 50px 0px 0px; margin-top: 0px; }
    .thank-you-page .title { top: -100px; position: relative; padding: 20px 20px 0px; }
    .path-campaign #block-yoursupport { display: none; }
    .thank-you-page { margin: 0px auto 0px; }
}
@media only screen and (max-width:400px) {
    .main-banner .description { top: 390px; }
}
@media only screen and (max-width:340px) {
    #block-mainbannerdescription { top: 400px; }
    .footer-list:nth-child(3) ul { width: 45%; }
}
@media only screen and (max-width:330px) {
    .main-banner { background-size: 330px auto; background-repeat: no-repeat; }
}
@media only screen and (max-width:348px) {
    #block-mainbannerdescription { top: 380px; }
    .donation-box #edit-donation-type label b { font-size: 11px; }
    .donation-amounts .form-item span { font-size: 11px; }
    .donation-box #edit-donation-type label b { padding: 10px 15px; }
}