@media screen and (max-width: 1200px) {
    .common_padding {
        padding: 0px 15px;
    }
}

@media screen and (max-width: 1024px) {
.quick_bill_product_grid {
    grid-template-columns: repeat(3, 2fr);
    gap: 8px;
}

}

@media screen and (max-width: 992px) {
    .margin_top {
        margin-top: 50px;
    }

    .abt_img{
        width:auto ;
    }
    .about_content {
    top: 50%;
    right: 132px;
}

    .nav_links {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 999;
        visibility: hidden;
        opacity: 0;
        transition: 0.3s;
    }

    .nav_links_active {
        visibility: visible;
        opacity: 1;
    }

    .nav_links ul {
        flex-direction: column;
        width: 50%;
        height: 100%;
        background-color: var(--color-black);
        padding: 0px;
        gap: 0px;
    }

    .nav_links ul li a {
        color: var(--color-white);
        background-color: rgba(255, 255, 255, 0.1);
        display: flex;
        padding: 14px 25px;
        border: 0.4px solid rgba(0, 0, 0, 0.1);
    }

    .button_menu {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
        border: none;
        background-color: rgba(19, 74, 153, 0.1);
        width: 53px;
        height: 53px;
    }

    .nav_head {
        padding: 14px 25px;
        display: flex;
    }

    .nav_head {
        background-color: var(--color-white);
    }

    .nav_close {
        width: 40px;
        height: 40px;
        background-color: var(--color-blue);
        border: none;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-white);
    }

    .nav_logo_h img {
        height: 55px;
        width: auto;
    }

    .nav_call {
        margin-left: auto;
    }

    .ser_grid {
        grid-template-columns: repeat(3, 1fr);
    }

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

    .client_grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .hero_semi_content {
        width: 70%;
    }

    .banner_title {
        font-size: 30px;
    }

    .footer_title {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    .margin_top {
        margin-top: 40px;
    }
    .payBoxGrid {
    grid-template-columns: repeat(1, 1fr);
}
.bar_code img {
    height: 187px;
}
    .quick_bill_product_grid {
       grid-template-columns: repeat(2, 2fr);
       gap: 8px;
      }
    .box_product_cnt h3 {
    font-size: 17px;
    line-height: 1rem;
    padding: 14px 0;
}
.grid_temapl_Product {
    grid-template-columns: repeat(2, 2fr);
    grid-gap: 9px;
}
.banner_title1 {
    font-size: 54px;
}
    .common_title_home {
        font-size: 28px;
        padding-top:9px;
    }
    .price {
       margin-bottom: 12px;
     }

    .ser_grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }

    .client_grid {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 10px;
    }

    .client_container img {
        height: 36px;
    }

    .client_container {
        padding: 20px 10px;
    }

    .contact_bg {
        padding: 20px;
    }

    .about_content {
        right: 0px;
    }

    .logo_header img {
        height: 60px;
    }

    .nav_call img {
        height: 35px;
    }

    .sub_ul ul li img {
        height: 17px
    }

    .sub_ul ul li {
        font-size: 13px;
    }

    .social_links ul li a {
        width: 22px;
        height: 22px;
    }

    .call_title {
        font-size: 14px;
    }

    .nav_call a .font_14 {
        font-size: 12px !important;
    }

    .nav_call a {
        padding: 8px 15px;
        font-size: 14px;
    }

    .semi_title {
        font-size: 12px;
    }

    .process_grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 60px 20px;
    }

    .process_img {
        width: 60px;
        height: 60px;
    }

    .process_img img {
        height: 25px;
    }
}

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

    /*p,*/
    /*a,*/
    /*button {*/
    /*    font-size: 13px;*/
    /*}*/
    .quick_bill_product_grid {
       grid-template-columns: repeat(1, 2fr);
       gap: 8px;
      }

.common_title_home {
    font-size: 24px;
    padding-bottom: 11px;
    padding-top: 12px;
}
    .sub_nav {
        display: none;
    }
    .font_15 {
        font-size: 14px;
    }

    .common_padding {
        padding: 0px 12px;
    }

    .margin_top {
        margin-top: 30px;
    }

    .button_menu {
        width: 40px;
        height: 40px;
        padding: 5px;
    }

    .button_menu img {
        height: 28px !important;
    }

    .nav_links ul {
        width: 100%;
    }

    .common_title {
        font-size: 22px;
    }

    .logo_header img {
        height: 60px;
    }

    .nav_close {
        width: 35px;
        height: 35px;
    }
    .quick_bill_product_grid {
     grid-template-columns: repeat(1, 2fr);
    }

    .nav_call a {
        padding: 7px;
        font-size: 12px;
        gap: 4px;
    }

    .nav_call img {
        height: 32px;
    }

    .nav_head {
        padding: 10px 15px;
    }

    .nav_links ul li a {
        padding: 10px 15px;
    }

    .pad_res {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    .client_grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .hero_semi_content {
        width: 100%;
    }

    .social_links ul {
        gap: 6px;
    }

    .social_links ul li a {
        width: 18px;
        height: 18px;
    }

    .sub_ul ul {
        gap: 10px;
    }

    .hero-banner .swiper-wrapper {
        padding-bottom: 5px;
    }

    .social_links ul li a i {
        font-size: 10px;
    }

    .banner_title {
        font-size: 22px;
    }

    .buttons_cont a {
        font-size: 13px;
    }

    .hero-banner .swiper-slide img {
        height: 150px;
        /*object-fit:contain;*/
    }

    .process_container .font_14 {
        font-size: 12px !important;
    }

    .process_title {
        font-size: 16px;
    }

    .buttons_cont a span {
        height: 37px;
        padding: 0px 10px;
    }

    .semi_title2 {
        font-size: 14px;
    }

    .line_1 {
        width: 25px;
    }

    .line_2 {
        width: 15px;
    }

    .buttons_cont a {
        padding-left: 12px;
    }

    .logo_header {
        display: none !important;
    }

    .logo_nav {
        display: flex;
    }

    .logo_nav img {
        height:45px;
        width: auto;
    }

    .ser_content .font_14 {
        font-size: 12px !important;
    }

    .margin_top_minus {
        width: 95%;
    }

    .view_btn i {
        font-size: 16px;
    }

    .products_container {
        padding: 10px;
    }

    .view_btn i::after {
        width: 22px;
        height: 22px;
    }

    .ser_title {
        font-size: 16px;
    }

    .ser_img img {
        height: 210px;
    }

    .ser_content img {
        height: 30px;
    }

    .ser_content {
        padding: 10px;
    }

    .product_icon img {
        height: 50px;
        width: auto;
    }

    .know_btn {
        font-size: 12px;
        padding: 5px 10px;
    }

    .ser_content .font_14 {
        display: none;
    }

    /*.product_content .font_14 {*/
    /*    font-size: 11px !important;*/
    /*}*/

    .after_before_shapes::after {
        width: 40px;
        height: 40px;
    }

    .arrow_common {
        width: 35px;
        height: 35px;
    }

    .swiper-button-prev.arrow_common {
        right: 45px;
    }

    .footer_links {
        gap: 2px;
    }

    .footer_title {
        font-size: 18px;
    }

    .ser_grid {
        grid-gap: 15px;
    }

    .social_footer li a {
        padding: 5px 13px;
    }


    .footer_logo img {
        height: 65px;
    }

    .client_container img {
        height: 22px;
    }

    .client_container {
        padding: 15px 5px;
    }

    .book_btn {
        display: none !important;
    }

    .swiper-pagination-bullet {
        width: 18px;
        height: 18px;
    }

    .swiper-pagination-bullet::after {
        width: 8px;
        height: 8px;
    }

    /*contact*/
    .contact_p_ul li p {
        font-size: 15px;
    }

    .contact_p_ul li {
        padding: 8px;
    }

    .icons_cont img {
        height: 35px;
    }

    .social_links_c_p ul {
        gap: 12px !important;
    }

    .social_links_c_p li a {
        width: 30px !important;
        height: 30px !important;
    }

    .social_links_c_p li a i {
        font-size: 15px !important;
    }

    .form_holder_inputs {
        font-size: 13px;
        padding: 8px;
        margin-top: 0px;
    }

    .sub_btn {
        font-size: 15px;
        padding: 11px;
    }

    .contact_bg {
        margin-top: -12rem;
    }

    .contact_bg {
        padding: 15px;
    }
    img.abt_img {
    width: 250px;
}

    .common_banner2 {
        height: 140px;
    }

    .process_grid {
        grid-gap: 50px 20px;
    }
     .grid_temapl_Product {
        grid-template-columns: repeat(1, 2fr);
        grid-gap:3px;
    }
    .quck_bill_grid_view {
    grid-template-columns: repeat(2, 2fr);
    grid-gap: 19px;
}
    .banner_title1 {
        font-size: 38px;
    }
}

@media screen and (max-width: 375px) {
      .logo_nav img {
        height: 36px;
        width: auto;
        object-fit: cover;
    }
     .quick_bill_product_grid {
    grid-template-columns: repeat(1, 2fr);
    }
    
    .banner_title {
        font-size: 14px;
    }
    .ser_title {
        font-size: 14px;
    }

   
    .ser_content img {
        height: 25px;
    }

    .buttons_cont a {
        font-size: 12px;
    }

    .buttons_cont a span {
        height: 33px;
    }

    .hero-banner .swiper-wrapper {
        padding-bottom: 7px;
    }

    .hero-banner .swiper-slide img {
        height:160px;
    }
}