@media only screen and (max-width:767px) {
    section.get-answers {
        padding-bottom: 50px;
    }
    body .ExclusiveCard {
        width: 100%;
      
    }
    body .exclusiveButtonSection label{
        margin: 3px;
    }
    .trialpack-main-selection .model-row {
        flex-wrap: wrap;
        justify-content: center;
        margin: -20px 0;
    }
    .trialpack-main-selection .selection-model .item-box {
        padding: 20px 0;
    }
    .trialpack-main-selection .progress-bar-box .steps-list-box li {
        font-size: 9px;
    }
    .trialpack-main-selection .progress-bar-box .progress-bar-div {
        margin-bottom: 10px;
        height: 10px;
    }
    .trialpack-main-selection .hadding-name {
        font-size: 21px;
        line-height: 31px;
    }
    .trialpack-main-selection .progress-bar-box .steps-list-box {
        margin-bottom: 20px;
    }
    .trialpack-main-selection .hadding-name span {
        line-height: 22px;
    }
    .trialpack-main-selection .selection-size .size-row {
        grid-template-columns: repeat(1, 1fr);
        margin: -20px 0;
    }
    .trialpack-main-selection .selection-size .size-row .size-box {
        padding: 10px 0;
    }
    .trialpack-main-selection .selection-size .size-row .size-item {
        max-width: 140px;
        margin: 0 auto;
    }
    .trialpack-main-selection .selection-farve .farve-row {
        grid-template-columns: repeat(1, 1fr);
    }
    .trialpack-main-selection .selection-farve .farve-row:last-child {
        max-width: 250px;
        margin: 0 auto;
    }
    .trialpack-main-selection .selection-farve .hadding-name2 {
        font-size: 14px;
    }
    .trialpack-main-selection .selection-farve .farve-row .farve-item h3 {
        padding-bottom: 5px;
    }
    .trialpack-main-selection .bekraft-model .bekraft-row {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .trialpack-main-selection .bekraft-model .bekraft-row .item-box {
        max-width: 300px;
        margin: auto;
    }
    .top-bar .delivery-time p {
        display: flex;
        align-items: center;
        gap: 5px;
    }
    .top-bar .delivery-time p span {
        display: initial;
        text-align: left;
        font-size: 9px;
        width: 100%;
    }
    .trialpack-main-selection .progress-bar-box {
        margin-top: 30px;
        position: relative;
        max-width: 320px;
        margin: 20px auto 0;
    }
    .trialpack-main-selection .progress-bar-box .progress-bar-div::before {
        top: 0;
        width: 15% !important;
        height: -webkit-fill-available;
    }
    .trialpack-main-selection .progress-bar-box .progress-bar-div[data-progress=size]::before {
        width: 40% !important;
    }
    .trialpack-main-selection .progress-bar-box .progress-bar-div[data-progress=farve]::before {
        width: 64% !important;
    }
    .trialpack-main-selection .progress-bar-box .progress-bar-div[data-progress=bekraft]::before {
        width: 90% !important;
    }
    .evry-second-body {
        grid-template-columns: 1fr;
        justify-content: center;
        gap: 20px;
    }
    .evry-second-body .redirect-image .row-name {
        flex-wrap: wrap;
        justify-content: unset;
    }
    .evry-second-body .image-right {
        text-align: center;
    }
    .evry-second-body .redirect-image .text-s {
        font-size: 14px;
    }
    .evry-second-body .redirect-image .row-name .box {
        font-size: 14px;
    }
    .evry-second-body .image-right .image img {
        height: 300px;
    }

    /* .antalBox ?*/
    body .antalBox {
        width: 100%;
    }
    body .subscriptionDeliveryCard {
        width: 49.66% !important;
    }
   
}

@media only screen and (max-width:1199px){
    .subscriptionDeliveryCard {
        padding: 10px;
    }

    .antalBox {

        padding: 15px;
    }
    .subscriptionDeliverySectionLabels {
               justify-content: center;
    }
    body .subscriptionDeliveryCard {
        width: 18.66%;
    }
    .ExclusiveCard {
        width: 50%;
       
    }
    .alertRow p {
    
        line-height: 14px;
        
    }

}
@media only screen and (max-width:991px){
    .antalSectionBoxMain {
        justify-content: center;
        flex-wrap: wrap;
      
    }
    .antalBox {
        width: 50%;
    
    }

    body .subscriptionDeliverySectionMain {
        margin: 40px 0px;
    }

    .subscriptionDeliveryCard {
        width: 26.66%;
        padding: 6px;
    }
    .subscriptionDeliverySectionLabels {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}