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

@media screen and (max-width:1340px) {
    nav .header_links ul li {
        padding: 15px 15px;
    }
}

@media screen and (max-width:1200px) {
    .menuBar {
        display: none !important;
    }
 
    .hamMenu {
        margin-left: 20px;
        padding: 10px 0;
    }

    .menuForMobile {
        display: flex;
        align-items: center;
    }
    .mobileMenuBar{
        display: none !important;
        background-color: white;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        
    }
    .mobileMenuBar.mobileMenuOpen{
        display: block !important;
    }
    .mobileMenuBar li { 
        padding: 0 10px !important;
    }
    .mobileMenuBar li a{
        display: flex;
        justify-content: space-between;
        padding: 20px 10px;
        color: #002655 !important; 
        font-size: 18.716px !important;
        font-style: normal !important;
        font-weight: 500 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    }
    .MenuClose{
        text-align: end;
        padding: 0 10px;
        font-size: 28px;
        width: fit-content;
    }
    
}

@media screen and (max-width:992px) {
    .hideInmOBILE {
        display: none;
    }

    .abt_why {
        padding: 20px 0;
    }

    .ebook_content p {
        line-height: normal;
        font-size: 16px;
    }

    .ebook_content button {
        margin-top: 0;
    }

    .ebook_row {
        padding-top: 40px;
    }

    .ebook_image img {
        width: 150px;
    }

    .mySwiper {
        width: 100%;
        height: 100px;
        float: left;
    }

    .productDetailSwiperArea {
        display: flex;
        flex-direction: column-reverse;
    }

    .mySwiper2 {
        width: 100%;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {}

@media screen and (min-width:769px) and (max-width:1200px) {}

@media screen and (min-width:701px) and (max-width:992px) {}

@media screen and (min-width:560px) and (max-width:700px) {}

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

    .ProductDetailCard .productName {
        font-size: 28px;
        margin-bottom: 5px;
    }

    .ProductDetailCard .productPrice {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .ProductDetailCard .productCategory,
    .ProductDetailCard .cuttedPrice {
        margin-bottom: 5px;
        font-size: 14px;
    }

    .ProductDetailCard .c-rating-wrapper {
        gap: 0;
    }

    .ProductDetailCard .ProductDescroptionArea p {
        font-size: 16px;
    }

    .contact_page {
        padding-top: 30px;
    }

    .get_in_box {
        padding: 20px;
        padding-top: 20px;
    }

    .get_in_box h3 {
        font-size: 38px;
    }

    .get_in_box p {
        font-size: 16px;
    }

    .contact_address {
        padding-top: 15px;
    }

    .addres_flex {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .socialLinks {
        margin-top: 100px;
    }

    .ContactInput {
        margin-bottom: 20px;
    }

    .HeaderCart {
        width: 350px;
        left: -185px;
    }

    .cart_product {
        padding: 35px 15px 15px 15px;
        gap: 10px;
    }

    .cart_product_image {
        width: 80px;
        height: 80px;
        padding: 10px;
    }

    .cart_product h3,
    .cart_product_content h2 {
        font-size: 16px;
        line-height: normal;
    }

    .addressCrd h4 {
        font-size: 18px;
    }

    .checkouProduct .checkoutProductImage {
        width: 80px;
        height: 80px;
    }

    .TotalInner .totalName,
    .checkouProduct .checkputProductContent h6,
    .checkouProduct .checkputProductContent p,
    .checkout_card .checkoutProductprice {
        font-size: 14px;
    }

    .TotalInner .totalValue {
        font-size: 16px;
    }

    .checkout_card .checkoutProductprice {
        padding: 10px;
    }

    .AddressAddForm {
        width: 100%;
    }

    .Total .allTotal {
        font-size: 20px;
    }

    .checkoutotal {
        margin-top: 15px;
    }

    .about_page {
        padding-top: 10px;
    }

    .service_box {
        flex-direction: column;
        padding: 12px
    }

    .ser_btn {
        padding-top: 10px;
    }

    .ser_content {
        margin-left: 0;
    }

    .service_box .ser_icons {
        margin-bottom: 10px;
    }

    .service_box button {
        padding: 8px 15px;
    }

    .service_detail {
        padding-left: 0;
    }

    .about_page h6 {
        padding-top: 5px;
    }

    .about_page h2 {
        padding-bottom: 0;
    }
    .profile_page .nav{
        width: 100%;
    }
    .my_profile_box{width: 100%;}
    .purhased_flex{
        flex-direction: column;
        gap: 0;
    }
    .purchased_box{
        padding: 20px;
    }
    .purchased_btn { 
        gap: 5px;
        padding-top: 1px;
    }
    .purchased_btn button { 
        padding: 7px 11px; 
        gap: 4px;
        font-size: 13px; 
    }
    .purchased_content h4{
        font-size: 20px;
    }
    .purchased_img{
        width: 150px;
    }
    .service_detail ul li{
        font-size: 14px; 
        line-height: normal;
    }
}

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


    .common_padding {
        padding-left: 15px;
        padding-right: 15px;
    }

    .banner_content h4 {
        font-size: 18px;
    }

    .banner_content p {
        font-size: 14px;
        line-height: 24px;
        padding-top: 20px;
    }

    .banner_content h2 {
        font-size: 28px;
    }

    .banner_head::after {
        display: none;
    }

    .banner_content h6 {
        font-size: 16px;
        line-height: 27px;
    }

    .footer_links {
        flex-wrap: wrap;
    }

    .footer-logo_section img {
        width: 60%;
    }

    .footer-logo_section p {
        font-size: 12px;
    }

    .social_links {
        padding-top: 10px;
    }

    .footer_links h4 {
        font-size: 16px;
    }

    .footer_links ul li a {
        line-height: 31px;
        font-size: 14px;
    }

    .footer_botom {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .footer_botom div {
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .footer_botom p {
        font-size: 12px;
    }

    .footer_botom div a {
        font-size: 12px;
    }

    .res-none {
        /* display: none; */
    }

    header {
        padding: 14px 0px;
    }

    nav .header_links ul li a img {
        width: 21px;
    }

    .about_page h2 {
        font-size: 24px;
    }
    .about_page h2 span{
        font-size: 16px;
    }
    .about_page p {
        font-size: 14px !important;
        line-height: 28px;
    }
    .abt_why .row h5{
        font-size: 14px 
    }
    .about_page h4 {
        font-size: 18px;
    }
    .service_detail ul li{
        line-height: 28px;
    }
    .ebookont p{
        font-size: 14px;
        line-height: 28px;
    }
    .e-book_head h2{
        font-size: 18px;
    }
    .ebook_content {
        font-size: 20px;
    }
    .ebook_content p{
        font-size:14px ;
        line-height: 28px;
        background-color: transparent;
    }
    .border-rights {
        display: none;
    }
    .ser_content h3{
        font-size: 18px;
    }

    .about_page h6 {
        font-size: 14px;
    }

    .abt_why {
        padding: 20px 15px;
    }
    .banner_content{
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 6.95%, rgba(0, 0, 0, 0.9) 75.68%);
    }
}

@media screen and (max-width:560px) {
    .table tr td{
        font-size: 14px;
    }
    #v-pills-profile .table thead th{
        font-size: 14px;
    }
    .product_title h5{
        font-size: 18px;
        line-height: normal;
    }
    .product_title p{
        font-size: 14px; 
        line-height: normal;
    }
    .purchase_modal .modal-body{
        padding: 5px;
    }
    .product_view_content{
        padding: 10px;
    }
    .purchase_modal .modal-content{
        padding: 10px;
    }
    .product_image{
        width: 80px;
    }
}