@import '../style';

#main {
    .main-container {
        .main-grid {
            .main-grid-right {
                .info-wrapper {
                    h4 {
                        &[data-i18n="v1_header_2"] {
                            width: 80%;
                        }
                    }

                    .info-container {
                        grid-template-columns: 1fr 1.5fr 1fr 1fr;

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

@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: 0.5fr 1fr;
                        }
                    }
                }
            }
        }
    }
}

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

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