@import '../style';

#main {
    .main-container {
        .main-grid {
            .main-grid-right {
                .info-wrapper {
                    .info-container {
                        grid-template-columns: 1fr 1fr 1fr 1.3fr;

                        .info-item {
                            .payment-container {
                                .payment-item {
                                    img {
                                        &:nth-child(3) {
                                            height: 1.3rem;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #main {
        .main-container {
            .main-grid {
                .main-grid-right {
                    .info-wrapper {
                        .info-container {
                            grid-template-columns: 1fr 1fr;
                        }
                    }
                }
            }
        }
    }
}

@media screen and (max-width: 767px) {
    #main {
        .main-container {
            .main-grid {
                .main-grid-right {
                    .info-wrapper {
                        .info-container {
                            grid-template-columns: initial;
                            gap: 2rem;

                            // .info-item {
                            //     .lang-box {
                            //         .lang-dropdown-content {
                            //             width: 12rem;
                            //         }
                            //     }
                            // }
                        }
                    }
                }
            }
        }
    }
}