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

    .sm-d-none {
        display: none !important;
    }


    /**========================================================================
    *                                  GENERAL
    *========================================================================**/
    /* MIX */

    body {
        font-size: 14px !important;
    }

    .btn-base {
        font-size: 14px;
    }


    .btn_white_outline {
        font-size: 10px;
    }

    .mob-m-0 {
        margin: 0 !important;
    }

    /*================== MARGINS =================*/

    .section-my {
        margin-bottom: 80px !important;
        margin-top: 80px !important;
    }

    .section-mb {
        margin-bottom: 80px !important;
    }

    .section-mt {
        margin-top: 80px !important;
    }

    .section-py {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .section-pb {
        padding-bottom: 80px !important;
    }


    .section-pt {
        padding-top: 80px !important;
    }

    .section-padding {
        padding: 80px;
    }

    .section-py-mob {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .section-pb-mob {
        padding-bottom: 80px !important;
    }

    .section-pt-mob {
        padding-top: 80px !important;
    }

    /* BTN */

    .btn_blue_outline {
        font-size: 11px;
        padding: 10px 16px 10px;
    }

    /* GENERAL */

    .big-heading {
        font-size: 22px;
    }

    .section-heading,
    .sub-heading {
        font-size: 20px;
        line-height: 1.5;
    }

    .secondary-heading {
        font-size: 20px;
        line-height: 1.5;
    }


    /**========================================================================
    *                                  MIX
    *========================================================================**/


    .section-counter .counter-bg {
        grid-template-columns: repeat(1, 1fr);
        gap: 48px;
    }

    /**========================================================================
    *                                  HEADER
    *========================================================================**/

    .top_bar {
        background: #ffffff;
        color: var(--blue) !important;
        padding-top: 50px;
        border: 1px solid var(--blue);
    }

    .top_bar .top_right_links {
        padding: 10px 0;
        justify-content: center;
    }

    .top_bar .top_right_links a {
        font-size: 13px;
    }

    .top_bar .top_right_links .social_links {
        display: none;
    }

    .top_bar .top_right_links p i {
        margin: 0;
        margin-right: 8px;
        font-size: 14px;
        color: var(--blue);
    }

    /* .navbar {
        display: none !important;
    } */

    .header {
        margin-bottom: 0 !important;
    }

    /*================== BREADCRUMB =================*/

    .section-breadcrumb {
        height: 210px;
    }

    .section-breadcrumb .banner-text {
        padding: 24px 45px 24px 0px;
    }

    .section-breadcrumb .banner-text:before {
        height: 18px;
    }

    .section-breadcrumb .banner-text::after {
        height: 18px;
    }

    .section-breadcrumb .banner-title h2 {
        margin-bottom: 5px;
    }

    .section-info .info-grid {
        margin-top: 300px;
    }

    .section-erp-breadcrumb {
        height: 180px;
    }

    /**========================================================================
    *                                  HOME PAGE 
    *========================================================================**/

    /**============================================
    *               SLIDER
    *=============================================**/

    .slider-rev-text {
        display: none !important;
    }


    /*================== SOFTWARE SLIDER =================*/



    .slick-prev {
        left: -15px;
    }

    .slick-next {
        right: -15px;
    }

    .slick-track {
        gap: 0;
    }

    .testimonial {
        margin-right: 24px;
        margin-left: 24px;
    }

    .slick-arrow {
        bottom: 64.5%;
        transform: translateY(50%);
    }


    /* SECTION COUNTER */

    .section-counter .counter-box .counter {
        font-size: 32px;
        font-weight: bold;
    }

    /**========================================================================
    *                                  CONTACT US
    *========================================================================**/

    .contact-side-info {
        margin-top: 50px;
        padding: 30px 20px;
    }

    .contact-side-info .single-address:first-child .address-icon i {
        width: 70px;
    }

    .contact-side-info .single-address:last-child {
        padding-bottom: 0;
    }

    .section-map iframe {
        height: 300px;
    }

    /**========================================================================
    *                                  BLOG SINGLE PAGE
    *========================================================================**/

    .blog-single-page .blog-content p,
    .blog-single-page .blog-content ul,
    .blog-single-page .blog-content ol {
        font-size: 14px;
    }

    .blog-single-page .blog-heading {
        font-size: 26px;
        line-height: 32px;
    }

    .blog-content .prs-h3 {
        font-size: 20px;
    }

    .blog-content .prs-h4 {
        font-size: 16px;
    }

    /**========================================================================
    *                                  ABOUT US
    *========================================================================**/

    .manager_card {
        height: 225px;
    }

    .profile_card,
    .profile_card:hover {
        height: 295px;
        width: 290px;
    }

    .profile_card.mob-profile_card_md,
    .profile_card.mob-profile_card_md:hover {
        height: 322px;
        width: 290px;
    }

    .profile_card.ceo_card,
    .profile_card.ceo_card:hover {
        height: 285px;
        width: 320px;
    }

    .profile_card.asif_card,
    .profile_card.asif_card:hover {
        height: 252px;
    }

    .profile_card.adam_card,
    .profile_card.adam_card:hover {
        height: 224px;
    }

    .profile_card.manager_card .content .details h2 {
        margin-bottom: 0 !important;
    }

    .ceo_card {
        width: 320px;
    }


    .profile_card .content .details {
        padding: 33px 20px 38px;
    }

    .profile_card .content .details h2 {
        margin-bottom: 20px;
    }

    .profile_card .content .details {
        opacity: 1;
        position: relative;
        visibility: visible;
        top: 0;
    }

    .profile_card:hover .content .details {
        top: 0;
    }

    .profile_card {
        margin-bottom: 110px;
        margin: auto;
    }

    .ceo_card {
        margin-bottom: 0px;
    }

    .section-counter .counter-bg {
        padding: 30px 0 0;
        gap: 34px;
    }

    .section-counter .counter-box {
        border-right: none;
        border-bottom: 1px solid white;
        padding-bottom: 40px;
    }

    .section-counter .counter-box .counter {
        font-size: 35px;
    }

    /**========================================================================
    *                               SERVICES PAGES
    *========================================================================**/

    .left-line.top-heading {
        padding-left: 42px;
    }

    .left-line.top-heading::before {
        width: 30px;
    }

    .cover-heading {
        font-size: 20px;
    }

    .service-overlap-padding {
        padding: 0;
    }

    .custom-shadow {
        box-shadow: 0 0 19px -6px rgb(0 0 0 / 35%) !important;
    }

    .fixed-image {
        padding: 130px 0px;
    }

    .services_page_services_cont {
        padding: 36px 10px 28px;
        margin: 40px 0px 30px;
    }

    .our_process_cont {
        background: url(../../img/services/our_process_res.png) center no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
    }

    .our_process_cont .our_process_item {
        padding-bottom: 50px;
    }

    .our_process_cont .our_process_item h4,
    .our_process_cont .our_process_item p {
        background-color: white;
    }

    .our_process_cont .our_process_item h4 {
        padding: 12px 0 15px;
        margin-top: 18px;
        margin-bottom: 0;
    }

    .our_process_cont .our_process_item p {
        padding-bottom: 24px;
    }

    .pricing-table {
        margin-bottom: 40px !important;
    }

    /**========================================================================
    *                               PACKAGES PAGE
    *========================================================================**/

    .pricing_plan .ppheader {
        margin-bottom: 15px;
    }

    .pricing_plan .ppfooter {
        float: none;
        position: relative;
        bottom: 0;
        right: 0;
        text-align: start;
    }

    /**========================================================================
    *                                  FOOTER
    *========================================================================**/


    .section_get_started {
        height: 242px;
    }

    .newsletter {
        width: 100%;
        flex-direction: column;
        padding: 65px 15px;
        margin: 0px 0 0;
        float: none;
        transform: translateY(0);
    }


    .newsletter .newsletter-textbox {
        width: 100%;
    }

    .newsletter-box {
        width: 100%;
        margin: 15px 0 0;
    }

    .newsletter .newsletter-textbox .f-sub-heading {
        font-size: 18px;
        text-align: center;
    }

    .newsletter .newsletter-textbox .heading {
        font-size: 20px;
        line-height: 32px;
        text-align: center;
        margin-bottom: 3px;
    }


    .newsletter-box .newsletter-box-input {
        font-size: 14px;
        height: 40px;
    }

    .newsletter-box button {
        height: 40px;
        padding: 0 25px;
        font-size: 15px;
    }

    .footer {
        padding: 80px 0 0;
    }

    .footer_get_in_touch {
        display: none;
    }

    .footer_newsletter {
        flex-direction: column;
        gap: 40px;
    }

    .footer_newsletter input {
        width: 100%;
    }

    .footer .footer_right_side .social_links {
        justify-content: center;
    }

    .footer_copyright {
        flex-direction: column;
        align-items: center;
        padding: 18px 40px;
    }

    .footer_copyright p {
        line-height: 1.6;
    }

    .widget-call-wrap {
        margin-bottom: 10px;
        margin-left: 5px;
    }
}

@media only screen and (max-width: 1300px) {
    .header_logo.with-text {
        display: none;
    }

    .header_logo.icon {
        display: block !important;
    }
}

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

    .header_logo.icon {
        max-height: 30px !important;
    }
}