/* =================================
    Vastraa Kids Responsive Styles
================================== */
/*
TABLE OF CONTENTS
01. Desktop Adjustments
02. Tablet Navigation
03. Mobile Layout
04. Shop / Product Responsive
05. Account and Utility Pages
06. Footer Responsive
*/

@media (max-width: 1199px) {
    .vk2-pc-media {
        height: 220px;
    }
}

@media (min-width: 992px) {
    .vk2-navigation-bar {
        display: flex !important;
        justify-content: center;
        flex-grow: 1;
        margin: 0 20px;
    }

    .vk2-nav-menu {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }
}

@media (max-width: 991px) {
    .vk2-header {
        padding: 10px 0;
    }

    .vk2-header.scrolled {
        padding: 10px 0;
    }

    .vk2-mobile-toggle {
        font-size: 22px;
        color: var(--kf-dark);
        padding: 0;
    }

    .vk2-navigation-bar {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: var(--kf-white);
        border-bottom: 2px solid var(--kf-border);
        padding: 15px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
        z-index: 999;
        max-height: calc(100vh - 40px);
        overflow-y: auto;
    }

    .vk2-nav-menu {
        flex-direction: column !important;
        gap: 5px;
    }

    .vk2-nav-link {
        width: 100%;
        justify-content: space-between;
        border-radius: 8px;
    }

    .vk2-dropdown-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border: none;
        border-left: 2px dashed var(--kf-border);
        border-radius: 0;
        margin-left: 20px !important;
        padding: 4px 0 4px 10px;
        display: none;
    }

    .vk2-dropdown.active .vk2-dropdown-menu {
        display: block;
    }

    .vk2-dropdown.active .vk2-drop-arrow {
        transform: rotate(180deg);
    }

    .vk2-hero-section {
        padding: 60px 0;
        text-align: center;
        min-height: auto;
    }

    .vk2-hero-desc {
        margin-bottom: 35px !important;
    }

    .vk2-hero-media-wrapper {
        margin-top: 50px;
        max-width: 380px;
    }

    .vk2-tag-top {
        left: -5%;
    }

    .vk2-badge-bottom {
        right: -5%;
    }

    .vk2-category-section {
        padding: 70px 0;
    }

    .vk2-cat2-name {
        font-size: 17px;
    }

    .vk2-products-section {
        padding: 50px 0;
    }

    .vk2-p-info-box {
        padding: 12px !important;
    }

    .vk2-feat-section {
        padding: 70px 0;
    }

    .vk2-feat-card {
        padding: 28px 22px 22px;
    }

    .vk2-feat-icon-wrap {
        width: 62px;
        height: 62px;
        font-size: 24px;
        border-radius: 16px;
    }

    .vk2-feat-title {
        font-size: 18px;
    }

    .vk2-feat-stat-num {
        font-size: 26px;
    }

    .vk2-why-section {
        padding: 70px 0;
    }

    .vk2-why-item {
        padding: 20px 22px;
        gap: 16px;
    }

    .vk2-why-icon-box {
        width: 48px;
        height: 48px;
        min-width: 48px;
        font-size: 18px;
        border-radius: 14px;
    }

    .vk2-why-title {
        font-size: 16px;
    }

    .vk2-why-section .col-lg-5 {
        margin-bottom: 20px;
    }

    .vk2-testi-section {
        padding: 70px 0;
    }

    .vk2-testi-summary {
        padding: 20px 16px;
        gap: 0;
    }

    .vk2-testi-sum-item {
        padding: 0 16px;
        min-width: 90px;
    }

    .vk2-testi-sum-num {
        font-size: 26px;
    }

    .vk2-testi-card {
        padding: 26px 22px;
    }

    .vk2-ig-section {
        padding: 70px 0;
    }

    .vk2-ig-grid {
        grid-template-rows: 180px 180px;
        gap: 10px;
    }

    .vk2-footer2-body {
        padding: 50px 0 40px;
    }

    .vk2-footer2-nl-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .vk2-footer2-nl-form {
        max-width: 100%;
        width: 100%;
    }

    .vk2-breadcrumb-section {
        padding: 45px 0;
    }

    .vk2-shop-sidebar {
        margin-top: 10px;
        border-radius: var(--kf-radius-sm);
        padding: 20px;
        margin-bottom: 24px;
    }

    .vk2-shop-topbar {
        border-radius: 16px;
        padding: 12px 20px;
    }

    .vk2-product-gallery .vk2-gallery-main {
        height: 380px;
    }

    .vk2-cart-layout-section .sticky-top {
        position: static !important;
        margin-top: 12px;
    }

    .vk2-checkout-summary-sticky {
        position: static !important;
        margin-top: 12px;
    }

    .vk2-about-image-matrix {
        margin-top: 40px;
        height: 380px;
        max-width: 380px;
    }

    .vk2-frame-primary {
        height: 300px;
    }

    .vk2-frame-secondary {
        height: 200px;
        bottom: 20px;
    }

    .vk2-contact-map-container {
        height: 320px;
    }

    .vk2-blog-sidebar-sticky {
        position: static !important;
        margin-top: 24px;
    }

    .vk2-blog-detail-featured-media {
        height: 320px;
    }

    .vk2-testimonials-page-section .vk2-testi-summary {
        flex-direction: column;
        gap: 20px;
        border-radius: 16px;
        padding: 16px;
    }

    .scroll-margin-top-120 {
        scroll-margin-top: 20px;
    }

    .vk2-dashboard-nav-group {
        flex-direction: row !important;
        flex-wrap: wrap;
        justify-content: center;
    }

    .vk2-dash-tab-btn {
        width: auto !important;
        flex: 1 1 auto;
        text-align: center !important;
    }

    .vk2-dash-tab-btn:hover,
    .vk2-dash-tab-btn.active {
        padding-left: 16px !important;
    }
}

@media (max-width: 768px) {
    .vk2-fi {
        font-size: 18px !important;
        opacity: 0.5;
    }

    .vk2-fi-5,
    .vk2-fi-7 {
        display: none;
    }

    .vk2-p-actions-overlay {
        right: 12px !important;
        top: 12px !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .vk2-product-card .vk2-p-cart-slide {
        display: none !important;
    }

    .vk2-p-media-wrap {
        height: 180px !important;
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        background: var(--kf-white) !important;
    }

    .vk2-p-img-container {
        width: 100% !important;
        height: 100% !important;
        padding: 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .vk2-p-img {
        max-width: 100% !important;
        max-height: 100% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    .vk2-pc-footer {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .vk2-feat-card {
        padding: 24px 20px 20px;
    }

    .vk2-feat-num {
        font-size: 40px;
    }

    .vk2-feat-title {
        font-size: 17px;
    }

    .vk2-feat-desc {
        font-size: 13px;
    }

    .vk2-feat-card:hover {
        transform: none;
    }

    .vk2-feat-stat {
        padding: 18px 12px;
    }

    .vk2-feat-stat-num {
        font-size: 24px;
    }

    .vk2-feat-stat-label {
        font-size: 12px;
    }

    .vk2-why-item:hover {
        transform: none;
    }

    .vk2-why-item {
        padding: 18px 18px;
        gap: 14px;
    }

    .vk2-why-icon-box {
        width: 44px;
        height: 44px;
        min-width: 44px;
        font-size: 16px;
        border-radius: 12px;
    }

    .vk2-why-title {
        font-size: 15px;
    }

    .vk2-why-text {
        font-size: 12px;
        margin-bottom: 8px;
    }

    .vk2-why-highlight-card {
        padding: 18px 18px;
        gap: 14px;
    }

    .vk2-why-hl-icon {
        width: 44px;
        height: 44px;
        min-width: 44px;
        font-size: 18px;
    }

    .vk2-why-cta {
        font-size: 14px;
        padding: 12px 26px;
    }

    .vk2-testi-card:hover {
        transform: none;
    }

    .vk2-testi-sum-divider {
        height: 36px;
    }

    .vk2-testi-sum-item {
        padding: 0 12px;
    }

    .vk2-testi-sum-num {
        font-size: 22px;
    }

    .vk2-testi-sum-label {
        font-size: 11px;
    }

    .vk2-testi-card {
        padding: 22px 18px;
        border-radius: 22px;
    }

    .vk2-testi-text {
        font-size: 13px;
    }

    .vk2-testi-name {
        font-size: 15px;
    }

    .vk2-ig-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 180px 180px;
        gap: 10px;
    }

    .vk2-ig-tile-tall {
        grid-row: span 1;
    }

    .vk2-ig-col {
        display: contents;
    }

    .vk2-ig-tile:hover {
        transform: none;
    }

    .vk2-ig-banner {
        padding: 16px 20px;
    }

    .vk2-ig-banner-handle {
        font-size: 16px;
    }

    .vk2-footer2-newsletter {
        padding: 28px 0;
    }

    .vk2-footer2-nl-title {
        font-size: 16px;
    }

    .vk2-footer2-nl-form input,
    .vk2-footer2-nl-form button {
        padding: 11px 18px;
        font-size: 13px;
    }

    .vk2-footer2-body {
        padding: 40px 0 30px;
    }

    .vk2-footer2-logo {
        font-size: 26px;
    }

    .vk2-footer2-bottom-inner {
        flex-direction: column;
        text-align: center;
        gap: 14px;
    }

    .vk2-footer2-top {
        right: 20px;
    }

    .vk2-shop-layout-section .row.g-4>div[class*="col-6"] {
        width: 50% !important;
    }

    .vk2-pc-media {
        height: 180px !important;
    }

    .vk2-title {
        font-size: 32px;
    }

    .vk2-hero-content p {
        max-width: 100%;
    }

    .vk2-feature-item,
    .vk2-testimonial-card {
        padding: 20px;
    }

    .vk2-qv-info {
        padding: 24px 20px;
    }

    .vk2-qv-img-panel {
        min-height: 260px;
        padding: 20px 16px 14px;
        height: auto;
    }

    .vk2-qv-main-img {
        max-height: 200px;
    }

    .vk2-qv-actions {
        gap: 8px;
    }

    .vk2-qv-cart-btn {
        min-width: 120px;
        padding: 10px 16px;
    }

    #quickViewModal .row.g-0 {
        flex-direction: column;
    }

    #quickViewModal .col-lg-5,
    #quickViewModal .col-lg-7 {
        width: 100%;
    }

    .vk2-qv-thumbs {
        justify-content: center;
    }

    .vk2-product-extended-section .vk2-prod-tab {
        padding: 8px 16px !important;
        font-size: 12px !important;
    }

    .vk2-wishlist-grid-section .row.g-4>div {
        width: 50% !important;
    }

    .vk2-policy-layout-section .row.g-4>div[class*="col-md-4"] {
        width: 100% !important;
    }

    .vk2-history-card-header {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    .vk2-history-id-tag {
        text-align: left;
    }

    .vk2-dashboard-layout-section .row.g-4>div[class*="col-md-6"] {
        width: 100% !important;
    }
}

@media (max-width: 576px) {
    .vk2-hero-actions {
        flex-direction: column;
        width: 100%;
        gap: 12px !important;
    }

    .vk2-hero-actions .vk2-btn {
        width: 100%;
        padding: 14px 24px;
    }

    .vk2-cat2-name {
        font-size: 15px;
    }

    .vk2-cat2-sub {
        font-size: 11px;
    }

    .vk2-cat2-body {
        padding: 14px 14px 10px;
    }

    .vk2-cat2-card:hover .vk2-cat2-hover-panel {
        max-height: 52px;
        padding: 0 14px 14px;
    }

    .vk2-cat2-shop-btn {
        font-size: 12px;
        padding: 6px 14px;
    }

    .vk2-promo2-section {
        padding: 70px 0;
    }

    .vk2-promo2-card {
        min-height: 400px;
    }

    .vk2-promo2-content {
        padding: 24px 20px;
    }

    .vk2-promo2-disc-badge {
        width: 72px;
        height: 72px;
        top: 16px;
        right: 16px;
    }

    .vk2-promo2-disc-pct {
        font-size: 22px;
    }

    .vk2-promo2-title {
        font-size: 22px;
    }

    .vk2-promo2-pills {
        gap: 6px;
    }

    .vk2-promo2-pill {
        font-size: 11px;
        padding: 3px 10px;
    }

    .vk2-products-section .row>div {
        width: 50% !important;
    }

    .vk2-p-media-wrap {
        height: 140px !important;
    }

    .vk2-p-img-container {
        padding: 8px !important;
    }

    .vk2-p-title {
        font-size: 13px !important;
        line-height: 1.3 !important;
        height: 34px !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        margin-bottom: 6px !important;
    }

    .vk2-p-cat,
    .vk2-p-rating span {
        font-size: 11px !important;
    }

    .vk2-p-current {
        font-size: 14px !important;
    }

    .vk2-p-old {
        font-size: 11px !important;
    }

    .vk2-p-action-btn {
        width: 32px !important;
        height: 32px !important;
        font-size: 11px !important;
    }

    .vk2-feat-section {
        padding: 60px 0;
    }

    .vk2-feat-card {
        padding: 20px 18px 18px;
        border-radius: 20px;
    }

    .vk2-feat-icon-wrap {
        width: 54px;
        height: 54px;
        font-size: 20px;
        border-radius: 14px;
        margin-bottom: 14px;
    }

    .vk2-feat-title {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .vk2-feat-desc {
        font-size: 13px;
        margin-bottom: 14px;
    }

    .vk2-feat-tag {
        font-size: 10px;
        padding: 3px 9px;
    }

    .vk2-feat-num {
        font-size: 36px;
        top: 14px;
        right: 16px;
    }

    .vk2-feat-stats {
        padding-top: 28px;
    }

    .vk2-feat-stat-num {
        font-size: 22px;
    }

    .vk2-feat-stat-label {
        font-size: 11px;
    }

    .vk2-why-section {
        padding: 60px 0;
    }

    .vk2-why-item {
        padding: 16px 14px;
        gap: 12px;
        border-radius: 16px;
        margin-bottom: 10px;
    }

    .vk2-why-icon-box {
        width: 40px;
        height: 40px;
        min-width: 40px;
        font-size: 15px;
        border-radius: 10px;
    }

    .vk2-why-title {
        font-size: 14px;
    }

    .vk2-why-badge-sm {
        display: none;
    }

    .vk2-why-bar {
        height: 4px;
    }

    .vk2-why-badges {
        gap: 8px;
    }

    .vk2-why-badge {
        font-size: 11px;
        padding: 4px 10px;
    }

    .vk2-why-cta {
        width: 100%;
        justify-content: center;
    }

    .vk2-testi-section {
        padding: 60px 0;
    }

    .vk2-testi-summary {
        gap: 16px;
        padding: 20px;
    }

    .vk2-testi-sum-divider {
        display: none;
    }

    .vk2-testi-sum-item {
        padding: 14px 10px;
        min-width: calc(50% - 8px);
        border: 1.5px solid var(--kf-border);
        border-radius: 14px;
    }

    .vk2-testi-sum-num {
        font-size: 20px;
    }

    .vk2-testi-card {
        padding: 20px 16px;
        border-radius: 20px;
    }

    .vk2-testi-quote {
        font-size: 22px;
        margin-bottom: 8px;
    }

    .vk2-testi-stars {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .vk2-testi-text {
        font-size: 13px;
        margin-bottom: 12px;
    }

    .vk2-testi-avatar {
        width: 40px;
        height: 40px;
        min-width: 40px;
        font-size: 16px;
    }

    .vk2-testi-name {
        font-size: 14px;
    }

    .vk2-testi-featured-badge {
        font-size: 10px;
        padding: 4px 14px;
    }

    .vk2-ig-section {
        padding: 60px 0;
    }

    .vk2-ig-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 150px 150px;
        gap: 8px;
    }

    .vk2-ig-stat {
        font-size: 13px;
    }

    .vk2-ig-stat i {
        font-size: 14px;
    }

    .vk2-ig-banner {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding: 16px;
    }

    .vk2-ig-follow-btn {
        width: 100%;
        justify-content: center;
    }

    .vk2-ig-banner-icon {
        width: 44px;
        height: 44px;
        font-size: 18px;
        border-radius: 12px;
    }

    .vk2-footer2-newsletter {
        padding: 24px 0;
    }

    .vk2-footer2-nl-text {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .vk2-footer2-nl-icon {
        width: 44px;
        height: 44px;
        font-size: 18px;
    }

    .vk2-footer2-nl-form input {
        border-radius: 50px;
    }

    .vk2-footer2-nl-form button {
        border-radius: 50px;
    }

    .vk2-footer2-body {
        padding: 36px 0 28px;
    }

    .vk2-footer2-socials a {
        width: 36px;
        height: 36px;
        font-size: 13px;
    }

    .vk2-footer2-payments i {
        font-size: 22px;
    }

    .vk2-footer2-copy {
        font-size: 12px;
    }

    .vk2-footer2-top {
        bottom: 20px;
        right: 20px;
        width: 42px;
        height: 42px;
        font-size: 14px;
    }

    .vk2-breadcrumb-section {
        padding: 35px 0;
    }

    .vk2-breadcrumb-list {
        padding: 8px 18px;
    }

    .vk2-breadcrumb-item {
        font-size: 13px;
    }

    .vk2-breadcrumb-separator {
        padding: 0 10px;
    }

    .vk2-fi-breadcrumb-1,
    .vk2-fi-breadcrumb-2 {
        display: none !important;
    }

    .vk2-shop-topbar {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 12px;
    }

    .vk2-sort-select {
        width: 100%;
    }

    .vk2-pagination a {
        width: 38px;
        height: 38px;
        font-size: 13px;
    }

    .vk2-product-gallery .vk2-gallery-main {
        height: 290px;
    }

    .vk2-gallery-thumb-item {
        width: 65px;
        height: 65px;
    }

    .vk2-detail-action-suite {
        flex-direction: column;
        align-items: stretch !important;
    }

    #quickViewModal .modal-dialog {
        margin: 8px;
    }

    #quickViewModal .modal-content {
        max-height: 92vh;
        overflow-y: auto;
    }

    .vk2-qv-price {
        font-size: 22px;
    }

    .vk2-qv-title {
        font-size: 18px;
    }

    .vk2-detail-trust-footer .row>div {
        width: 100% !important;
    }

    .vk2-product-extended-section .vk2-prod-tabs {
        gap: 6px !important;
    }

    .vk2-specs-table th,
    .vk2-specs-table td {
        display: block;
        width: 100% !important;
    }

    .vk2-specs-table th {
        border-bottom: none !important;
    }

    .vk2-wishlist-remove-btn {
        width: 32px;
        height: 32px;
        font-size: 12px;
        top: 10px;
        right: 10px;
    }

    .vk2-wishlist-oos .vk2-pc-cart.disabled {
        font-size: 11px;
        padding: 10px 6px;
    }

    .vk2-cart-table thead {
        display: none;
    }

    .vk2-cart-item-row {
        display: flex;
        flex-direction: column;
        position: relative;
        padding: 16px 4px;
        border-bottom: 2px dashed var(--kf-border);
    }

    .vk2-cart-item-row td {
        border: none !important;
        padding: 4px 16px !important;
    }

    .vk2-cart-item-row td:nth-child(2)::before {
        content: "Price: ";
        color: var(--kf-text);
        font-weight: 500;
    }

    .vk2-cart-item-row td:nth-child(4)::before {
        content: "Subtotal: ";
        color: var(--kf-text);
        font-weight: 500;
    }

    .vk2-cart-del-icon {
        position: absolute;
        top: 16px;
        right: 16px;
    }

    .vk2-checkout-grand-total {
        font-size: 20px;
    }

    .vk2-checkout-textarea {
        min-height: 90px;
    }

    .vk2-about-image-matrix {
        display: none;
    }

    .vk2-about-timeline::before {
        left: 4px;
    }

    .vk2-about-timeline .vk2-shop-sidebar {
        padding: 16px !important;
        margin-left: 24px !important;
    }

    .vk2-timeline-year {
        font-size: 16px;
    }

    .vk2-contact-map-container {
        height: 250px;
    }

    .vk2-contact-card-box {
        padding: 12px !important;
    }

    .vk2-blog-layout-section .row.g-4>div[class*="col-sm-6"] {
        width: 100% !important;
    }

    .vk2-blog-post-media {
        height: 200px;
    }

    .vk2-blog-post-title {
        font-size: 16px;
    }

    .vk2-blog-detail-wrapper {
        padding: 24px 16px !important;
    }

    .vk2-blog-detail-featured-media {
        height: 220px;
    }

    .vk2-blog-blockquote {
        font-size: 14px;
        padding: 16px !important;
    }

    .vk2-quote-bg-icon {
        font-size: 40px;
    }

    .vk2-testimonials-page-section .row.g-4>div {
        width: 100% !important;
    }

    .vk2-star-select-btn {
        font-size: 20px;
    }

    .vk2-comingsoon-layout-section {
        padding: 40px 0;
    }

    .vk2-countdown-box {
        width: 76px;
        padding: 12px 6px !important;
    }

    .vk2-comingsoon-nl-form {
        flex-direction: column;
        gap: 12px;
    }

    .vk2-comingsoon-nl-form input {
        border-radius: 50px !important;
        text-align: center;
        padding: 12px !important;
    }

    .vk2-comingsoon-nl-form button {
        border-radius: 50px !important;
        padding: 12px !important;
        width: 100%;
    }

    .vk2-error-layout-section {
        padding: 40px 0;
    }

    .vk2-error-action-btns {
        flex-direction: column;
        align-items: stretch;
        padding: 0 20px;
    }

    .vk2-error-action-btns .vk2-btn {
        width: 100%;
        min-width: initial;
    }

    .vk2-faq-trigger {
        padding: 16px !important;
    }

    .vk2-faq-question {
        font-size: 14px;
    }

    .vk2-faq-icon-indicator {
        width: 28px;
        height: 28px;
        font-size: 10px;
    }

    .vk2-faq-body-content {
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-bottom: 16px !important;
    }

    .vk2-terms-layout-section .vk2-blog-detail-wrapper {
        padding: 24px 16px !important;
    }

    .vk2-legal-document-block h3 {
        font-size: 18px !important;
    }

    .vk2-policy-layout-section .vk2-blog-detail-wrapper {
        padding: 24px 16px !important;
    }

    .vk2-policy-text-block h3 {
        font-size: 18px !important;
    }

    .vk2-policy-custom-table {
        min-width: 480px;
    }

    .vk2-auth-layout-section .vk2-shop-sidebar {
        padding: 24px 16px !important;
    }

    .vk2-auth-layout-section .row.g-5 {
        gap: 24px !important;
    }

    .vk2-auth-layout-section .vk2-shop-sidebar {
        padding: 24px 16px !important;
    }

    #vk2StandaloneRegisterForm .border-top {
        margin-top: 16px !important;
        padding-top: 12px !important;
    }

    .vk2-dashboard-layout-section .vk2-blog-detail-wrapper {
        padding: 24px 16px !important;
    }

    .vk2-dashboard-nav-group {
        flex-direction: column !important;
    }

    .vk2-dash-tab-btn {
        width: 100% !important;
    }

    .vk2-history-order-card .row.g-3 {
        flex-direction: column;
        align-items: stretch !important;
    }

    .vk2-history-order-card .col-sm-4 {
        flex-direction: column;
        width: 100%;
    }

    .vk2-history-order-card .vk2-btn {
        width: 100% !important;
    }

    .vk2-dashboard-layout-section .vk2-blog-detail-wrapper {
        padding: 24px 16px !important;
    }

    .vk2-address-form-slide-wrapper {
        padding: 16px !important;
    }

    .vk2-track-layout-section .vk2-shop-sidebar,
    .vk2-track-layout-section .vk2-blog-detail-wrapper {
        padding: 24px 16px !important;
    }

    .vk2-track-id-header,
    .vk2-track-date-header {
        font-size: 15px !important;
    }

    .vk2-auth-layout-section .vk2-shop-sidebar {
        padding: 24px 16px !important;
    }

    #vk2ForgotPasswordRecoveryForm .border-top {
        margin-top: 16px !important;
        padding-top: 12px !important;
    }
}

@media (max-width: 480px) {

    .vk2-tag-top,
    .vk2-badge-bottom {
        display: none !important;
    }

    .vk2-hero-main-frame {
        border-radius: 20px 40px 20px 40px;
    }
}