@media (min-width:320px) and (max-width:600px){

    .section-padding {
        padding: 60px 0;
    }

    .hero-section .wrap {
        grid-template-columns: 1fr;
        padding: 57px 19px;
        gap: 50px;
    }

    .hero-section .wrap .cat-pill {
        font-size: 9px;
    }

    .hero-section .wrap h1 {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 22px;
    }

    .hero-section .wrap .lead {
        font-size: 15px;
        line-height: 25px;
        padding-bottom: 32px;
        margin: 0 0 32px;
    }

    .hero-section .wrap form .tag {
        font-size: 12px;
        margin: 0 0 12px;
    }

    .hero-section .wrap form h2 {
        font: 500 24px Fraunces, Georgia, serif;
        padding-bottom: 21px;
    }

    .hero-section .wrap form p.sub {
        margin: 0 0 12px;
        font-size: 14px;
    }

    .hero-section .wrap .steps li {
        padding: 0px 20px 24px 48px;
    }

    .hero-section .wrap .steps b {
        font-size: 15px;
    }

    .hero-section .wrap .steps span {
        font-size: 14px;
    }

    .hero-section .wrap .cta {
        gap: 12px;
    }

    .hero-section .wrap .cta .btn {
        font: 500 13px "DM Sans", sans-serif;
        letter-spacing: 0.3px;
    }

    .hero-section .wrap form {
        padding: 30px 22px;
    }

    .hero-section .wrap form .field input, .hero-section .wrap form .field select, .hero-section .wrap form .field textarea {
        font: 500 14px "DM Sans", sans-serif;
    }

    .hero-section .wrap form .grid {
        grid-template-columns: 1fr;
        gap: unset;
    }

    .hero-section .wrap form .submit {
        margin-top: 16px;
        font: 500 14px "DM Sans", sans-serif;
        padding: 16px;
    }

    /* Experience */

    .programmes .head {
        grid-template-columns: 1fr;
        gap: unset;
        margin-bottom: 40px;
    }

    .programmes .head .kicker {
        font-size: 12px;
        margin: 0 0 12px;
    }

    .programmes .head h2 {
        font-size: 26px;
        line-height: 39px;
        margin: 0 0 22px;
    }

    .programmes .head p {
        font-size: 15px;
        line-height: 25px;
    }

    .programmes .programmeSlider .swiper-pagination {
        bottom: -44px;
    }

    .programmes .programmeSlider .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }

    /* Why Choose */

    .why-choose .kicker {
        font-size: 12px;
        margin: 0 0 12px;
    }

    .why-choose .section-heading h2 {
        font-size: 26px;
        line-height: 39px;
        margin: 0 0 22px;
    }

    .why-choose .section-heading p {
        font-size: 15px;
        line-height: 25px;
        margin: 0 auto 40px;
    }

    .why-choose .why {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px 24px;
    }

    .why-choose .why div {
        padding: 30px 20px;
    }

    .why-choose .why div i {
        width: 46px;
        height: 46px;
        font-size: 18px;
    }

    .why-choose .why div h3 {
        font-size: 20px;
        margin: 22px 0 14px;
    }

    .why-choose .why div b {
        font-size: 15px;
    }
    
    /* Collection */

    .collections .head {
        grid-template-columns: 1fr;
        gap: unset;
        margin-bottom: 40px;
    }

    .collections .head .kicker {
        font-size: 12px;
        margin: 0 0 12px;
    }

    .collections .head h2 {
        font-size: 26px;
        line-height: 39px;
        margin: 0 0 22px;
    }

    .collections .head p {
        font-size: 15px;
        line-height: 25px;
    }

    .collections .track {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .collections .track .item img {
        height: 323px;
    }

    .collections .track .item h3 {
        font-size: 20px;
    }

    .collections .track .item p {
        font-size: 14px;
    }

    .collections .track .item .meta {
        font-size: 12px;
    }

    .collections .track .item .meta b {
        font: 500 16px Fraunces, Georgia, serif;
    }

    .collections .price {
        padding: 34px 28px;
    }

    .collections .price {
        padding: 34px 28px;
        gap: 22px;
    }

    .collections .price .btn {
        font-size: 13px;
    }

    /* Customization */

    .customization .wrap {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .customization .head {
        all: unset;
    }

    .customization .head .kicker {
        font-size: 12px;
        margin: 0 0 12px;
    }

    .customization .head h2 {
        font-size: 28px;
        line-height: 40px;
        margin: 0 0 22px;
    }

    .customization .head p {
        font-size: 15px;
        line-height: 25px;
    }

    .customization .list {
        padding-left: unset;
    }

    .customization .item {
        gap: 12px 4px;
    }

    .customization .item .num {
        font-size: 24px;
    }

    .customization .item .tag {
        font-size: 10px;
    }

    .customization .item h3 {
        line-height: 30px;
        font-size: 22px;
    }

    .customization .item p  {
        font-size: 14px;
    }

    /* Faq */

    .faq .section-heading .kicker {
        font-size: 12px;
        margin: 0 0 12px;
    }

    .faq .section-heading h2 {
        font-size: 28px;
        line-height: 40px;
        margin: 0 0 22px;
    }

    .faq .accordion .accordion-button {
        padding: 16px 0;
        font-size: 14px;
        gap: 10px;
        line-height: 21px;
    }

    .faq .accordion .accordion-button::after {
        background-size: 16px;
        width: 16px;
        height: 16px;
    }

    .faq .accordion .accordion-body p {
        font-size: 14px;
        line-height: 23px;
    }

    /* Quote Area */

    .quote-area .wrap {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .quote-area .wrap .kicker {
        font-size: 12px;
        margin: 0 0 12px;
    }

    .quote-area .wrap h2 {
        font-size: 26px;
        line-height: 40px;
        margin: 0 0 24px;
        padding-bottom: 24px;
    }

    .quote-area .wrap p {
        font-size: 15px;
    }

    .quote-area .wrap ul {
        margin: 30px 0 0;
    }

    .quote-area .wrap ul li {
        font-size: 14px;
    }

    .quote-area .wrap form {
        padding: 30px 22px;
    }

    .quote-area .wrap form .grid {
        grid-template-columns: 1fr;
        gap: unset;
    }

    .quote-area .wrap form .field input, .quote-area .wrap form .field select, .quote-area .wrap form .field textarea {
        font-size: 14px;
    }

    /* Disclamier */

    .disclamier {
        padding: 60px 12px;
    }

    .disclamier .content-area h2 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    .disclamier .content-area p {
        font-size: 15px;
    }

    .disclamier .content-area .tagline {
        font-size: 15px;
    }

    /* Copyright */

    .copyright .content-area p {
        font-size: 14px;
    }

    .error,
    .response div {
        font-size: 12px;
    }

}s