/* max-width: 320 sm mobail screen
320px — 480px: Mobile devices.
481px — 768px: iPads, Tablets.
769px — 1024px: Small screens, laptops.
1025px — 1200px: Desktops, large screens.
1201px and more — Extra large screens, TV. */
@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1600px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1380px;
    }

    .frame_area {
        padding: 2rem;
    }

    .product_main_img {
        height: 100%;
    }

    .product_page_grid {
        grid-template-columns: 5fr 8fr;
    }
}

@media screen and (min-width:769px) and (max-width:1024px) {
    .nav_02 {
        gap: 1rem;
    }

    .category_grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .discount_cupon h2,
    .discount_cupon h2 span {
        font-size: 21px;
    }

    .line {
        left: -30px;
    }

    .cupon_code {
        font-size: 24px;
    }

    .product_card {
        margin: 50px 10px;
    }

    .text_card {
        font-size: 1.5rem;
    }

    .collection_btn {

        padding: 5px;
        font-size: 12px;
    }

    .bg_cards {
        height: 310px;
    }

    .nav_link {
        font-size: 14px;
    }

    .bill_line p,
    .bill_line span,
    .order_card .price,
    .blog_sidebar_title h5 {
        font-size: 1rem;
    }

    .billtotal span,
    .billtotal p {
        font-size: 1.5rem;
    }

    .cslc_title {
        font-size: 1.1rem;
    }

    .add_quantity span:nth-child(3),
    .add_quantity span:nth-child(4),
    .add_quantity span:nth-child(5) {
        font-size: 0.9rem;
    }

    .cart_card {
        gap: 0.5rem;
    }

    .address_card_body div:nth-child(2) {
        padding-left: 1rem;
    }

    .address_card_body p {
        font-size: 0.9rem;
    }

    .product_main_img {
        height: 100%;
    }

    .product_other_images {
        grid-template-columns: repeat(6, 1fr);
    }

    .price_area_box {
        grid-template-columns: 3fr 6fr;
    }

    .price_area_box .m_p_price:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .m_p_btns {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .m_p_btns .btn:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .create_theme_edit_area {
        grid-template-columns: 5fr 9fr;
    }

    .upload_img_box::before {
        inset: 15px;
    }

    .upload_images_box {
        padding: 1rem;
    }

    .upload_images_box {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }

    .icon_box p {
        font-size: 14px;
    }

    .frame_area {
        padding: 2rem;
    }

    .profile_inner_area {
        grid-template-columns: 3fr 8fr;
    }

    .my-order-table {
        grid-template-columns: 2fr 8fr 1.5fr;
    }

    .my-order-table .my-order-table-title {
        font-size: 14px;
    }
}

@media screen and (min-width:821px) and (max-width:912px) {}

@media screen and (min-width:100px) and (max-width:820px) {

    .line {
        top: -8px;
        left: 0;
        height: 1px;
        width: 100%;
        opacity: 0.3;
    }

    .nav_02 {
        flex-direction: column;
        height: 100vh;
        justify-content: start;
        gap: 0;
        position: fixed;
        background: #fff;
        padding: 1rem 2rem;
        top: 48px;
        left: -100%;
        width: 50%;
        transition: all .3s ease-in-out;
    }

    .menushow {
        left: 0;
    }

    .nav_02 li {
        border-bottom: 1px solid #0000000a;
        padding: 0.5rem 0;
    }

    .nav_link {
        padding-bottom: 0;
    }

    .main_menu_box{
        padding:0.5rem 1rem;
    }

    .modal_grid {
        display: grid;
        grid-template-columns: 1fr;
    }

    .modal_slider {
        display: none;
    }

    .title_box {
        font-size: 1.1rem;
    }

    .form_area {
        padding-right: 0;
        padding-bottom: 2rem;
    }

    .form_area::before {
        display: none;
    }

    .product_page_grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .product_img_area {
        position: static;
    }

    .product_main_img {
        height: 100%;
    }

    .vertical_btn_group {
        display: none;
    }

    .create_theme_edit_area {
        grid-template-columns: 1fr;
    }

    .profile_inner_area {
        grid-template-columns: 1fr 11fr;
    }

    .p_p_link span,
    .profile_img_name span {
        display: none;
    }

    .profile_img_name i,
    .profile_page_menu_border .p_p_link a i {
        margin-right: 0px;
        font-size: 18px;
    }

    .profile_img_name i {
        margin-right: 5px;
    }

    .frame_area {
        padding: 1rem;
    }

    .my-order-table {
        grid-template-columns: 1fr;
        row-gap: 1rem;
    }
}

@media screen and (min-width:577px) and (max-width:768px) {


    .category_grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .discount_cupon h2 {
        font-size: 30px;
    }

    .line {
        top: -8px;
        left: 0;
        height: 1px;
        width: 100%;
        opacity: 0.3;
    }

    .product_card {
        margin: 10px 10px;
    }

    .price_area_box {
        grid-template-columns: 3fr 6fr;
    }

    .price_area_box .m_p_price:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 3;
    }


}


@media screen and (max-width:576px) {
    .category_grid {
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }

    .mtb-80 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .title {
        font-size: 26px;
    }

    .text_card {
        font-size: 1.2rem;
    }

    .collection_btn {
        padding: 5px;
        font-size: 11px;
    }

    .product_card {
        margin: 30px 8px;
    }

    .prise {
        font-size: 13px;
    }

    .nav_01 {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .web_logo {
        width: 125px;
        margin: auto;
    }

    .top_search input {
        padding: 6px 12px 6px 47px;
    }

    .serch_i {
        top: 7px;
    }

    .admin_area .icon i,
    .admin_area span {
        font-size: 15px;
    }

    .nav_02 {
        top: 0;
        width: 100%;
        margin: 0;
    }

    .dropdown-menu {
        --bs-dropdown-min-width: auto;
    }


    .bill_line p,
    .bill_line span,
    .order_card .price,
    .blog_sidebar_title h5 {
        font-size: 0.9rem;
    }

    .billtotal span,
    .billtotal p {
        font-size: 1rem;
    }

    .billtotal small {
        font-size: 0.8rem;
    }

    .cart_menus {
        font-size: 0.875rem;
        padding: 0.8rem 0.5rem;
        gap: 0.5rem;
        flex-wrap: wrap;
    }



    .cals_amount,
    .cslc_title {
        font-size: 1rem;
    }

    .emicalc div {
        padding: 5px;
    }

    .cart_card {
        grid-template-columns: 1fr 3fr;
    }

    .cart_item_img {
        height: 85px;
        width: 85px;
    }

    .add_quantity span:nth-child(3),
    .add_quantity span:nth-child(4),
    .add_quantity span:nth-child(5) {
        font-size: 0.9rem;
    }

    .add_quantity input {
        width: 65px;
    }

    .address_card_body div:nth-child(2) {
        padding-left: 0;
    }

    .address_card_body {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .address_card_body::before {
        content: "";
        position: absolute;
        top: 56%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 1px;
        width: 100%;
        background: var(--border-color);
    }

    .m_p_title {
        font-size: 1.5rem;
    }

    .m_p_price p {
        font-size: 1rem;
    }

    .m_p_price h5 {
        font-size: 1.2rem;
    }

    .price_area_box div:nth-child(2) p {
        font-size: 0.9rem;
    }

    .m_p_btns {
        grid-template-columns: repeat(2, 1fr);
    }

    .m_p_btns .btn:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .price_area_box {
        grid-template-columns: 1fr;
    }

    .price_area_box div:nth-child(2) .d-flex {
        justify-content: start !important;
        gap: 1rem;
    }

    .up_image {
        height: 100px;
    }

    .edit_img_box {
        width: 100%;
        aspect-ratio: 1/3;
        height: 560px;
    }

    .upgrade_card_body {
        padding: 1rem;
    }

    .icon_box p {
        font-size: 10px;
    }

    .icon_box .icon {
        height: 40px;
        width: 40px;
    }

    .profile_inner_area .sticky_area {
        display: none;
    }

    .profile_inner_area {
        grid-template-columns: 1fr;
    }

    .profile_info,
    .my_order,
    .manage_address,
    .notification,
    .wish_list_page {
        display: block !important;
        /* Show all sections on small screens */
        margin-bottom: 20px;
    }

    .profile_inner_area .cart_card {
        grid-template-columns: 1fr;
    }

    .profile_inner_area .cart_title {
        font-size: 13px;
    }

    .profile_inner_area .border_card_header label {
        font-size: 15px;
    }

    .profile_inner_area {
        padding: 0rem;
    }
}

@media screen and (max-width:375px) {

    .footer_title {
        font-size: 18px;

    }

    .footer_link {
        font-size: 13px;
    }

    .footer_menu {
        line-height: auto;
    }

    .category_title {
        font-size: 14px;
    }

    .paymentimg {
        width: 64px;
    }

    .accordion-button span {
        font-size: 1rem;
    }

    .emicalc {
        grid-template-columns: 1fr 1fr;
    }

    .emicalc div:nth-child(3) {
        border-top: 1px solid var(--border-color);
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .emicalc div:nth-child(2) {
        border-left: 1px solid var(--border-color);
        border-right: none;
    }

    .wish_remove span {
        font-size: 14px;
    }

    .add_quantity {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .add_quantity input {
        grid-column-start: 2;
        grid-column-end: 4;
        width: 100%;
    }

    .price_area_box {
        grid-template-columns: 1fr;
    }

    .price_area_box div:nth-child(2) .d-flex {
        justify-content: start !important;
        gap: 1rem;
    }

    .wish_list {
        flex-direction: column;
    }

    .upload_images_box {
        grid-template-columns: repeat(2, 1fr);
    }

    .edit_image {
        height: 275px;
        width: 100%;
    }

    .cart_card {
        grid-template-columns: 1fr;
    }

    .for_icons_area {
        padding: 15px 3px;
    }
}