@media only screen and (max-width: 1187px) {
    .sec1 {
        padding-top: 35px;
        background: #9f193d;
        text-align: center;
    }
    .sec1 h2 {
        font-size: 40px;
    }
    .sec1 h3 {
        text-align: center;
        font-size: 50px;
    }
    .bg1-mobi {
        position: relative;
    }
    .bg1-mobi::before {
        background: linear-gradient(180deg,#9f193d 0,#9f193d 7%,transparent 20%,transparent 100%);
        content: "";
        position: absolute;
        top: -5px;
        left: 0;
        right: 0;
        bottom: 0;
        
    }
    .hide, .d-hide {
        display: none;
    }
    .mx-5 {
        margin-left: 0;
        margin-right: 0;
    }
}
@media only screen and (max-width: 420px) {
    .container {
        padding: 35px 15px 0px;
        margin: 0 auto;
    }
    .sec1 {
        padding: 20px 0 0px;
    }
    .sec1 h2 {
        font-size: 22px;
    }
    .sec1 h3 {
        font-size: 30px;
    }
    h3 {
        font-size: 28px;
    }
    p {
        font-size: 18px;
        text-align: left;
    }
    .d-f {
        flex-direction: column;
        text-align: center;
    }
    .d-fd {
        flex-direction: column-reverse;
    }
    .w-45, .w-1, .w-2,.w-3, .w-4, .w-5,.w-6, .w-7, .w-8,.w-9 {
        width: 100%;
    }
    .long-arrow::after {
        background: none;
    }
    .pl-5, .pl-3 {
        padding-left: 0;
    }
    .pr-5, .pr-3 {
        padding-right: 0;
    }
    .mx-5 {
        margin: 0;
    }
    .p-4 {
        padding: 10px;
    }
    .buy .d-f {
        flex-direction: row;
    }
    .buy h5 {
        font-size: 18px;
    }
    .buy .w-5 p {
        font-size: 16px;
        text-align: center;
    }
    .bage::before {
        background: none;
    }
    .buy h5 span {
        font-size: 50px;
    }
    .accordion .contentBx .question {
        font-size: 20px;
        padding-right: 50px;
    }
}