@media screen and (max-device-width: 1440px) {
    .mainParent {
        grid-template-columns: 65% 35%;
    }
}

@media screen and (max-device-width: 1100px) {
    .mainParent {
        grid-template-columns: repeat(1, 1fr);
    }
    .iframeBox {
        height: 50vh;
    }
    .configBox {
        height: 50vh;
    }
    .iframeTopRightBtnBox {
        top: 10px;
        right: 10px;
        gap: 10px;
    }
    .topIcon img {
        width: 16px;
    }
    .iframeBotomIconBox {
        bottom: 10px;
        gap: 10px;
        padding: 2px 4px;
    }
    .iframeBotomIcon {
        padding: 6px;
    }
    .iframeBotomIcon img {
        width: 16px;
    }

    .summaryBox {
        padding: 10px;
        position: static;
    }
    .calculatedPrice {
        padding-bottom: 5px;
    }
    .featuresBox p {
        padding-top: 5px;
    }
    .sumBtns {
        height: 40px;
        width: 135px;
        font-size: 14px;
    }
    .contentBoxesContainer {
        gap: 10px;
        row-gap: 30px;
    }
    .contentBox {
        gap: 10px;
        height: 138px;
        width: 100px;
    }

    .accordionBtn {
        font-size: 16px;
    }
    .styleTabContent {
        padding: 20px 5px;
    }
}