@media screen and (max-width: 768px) {
    .ml_auto {
        margin-left: 15px;
        margin-right: 15px;
    }

    .navbar {
        padding: 0;
    }

    .navbar-brand img {
        width: 60px;
        height: 50px;
    }

    .btn_login {

        background: #880606 !important;
        color: white !important;
        width: auto;
        display: inline-block;
    }

    .navbar-toggler {
        border: 1px solid #880606;
    }

    .navbar-toggler i {

        color: #880606;
        font-size: 16px;
    }


    .banner h1 {
        font-size: 26px;
        font-weight: 600;
        color: #875534;
        line-height: 38px;
    }

    button:focus:not(:focus-visible) {
        box-shadow: none;
    }

    .banner {

        background-position-x: 29%;
        padding: 41px 0px 40px;
    }

    .brand_slider {
        margin-bottom: 4px;
        margin-top: 16px;
    }

    .right_img img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 52px;
    }

    .service_icon {
        width: 100px;
        height: 100px;
        padding: 25px;
        padding-left: 22px;

    }

    .service_icon img {
        width: 57px;
    }

    .heading h2 {
        font-size: 20px;
        line-height: 32px;
    }

    .heading h2::before {
        display: none;
    }

    .heading h2::after {
        display: none;
    }

    .service {
        margin-top: 0;
        margin-bottom: 0px;
    }

    .heading p {
        width: 100% !important;
    }

    .service_plan .decription li {
        display: inline-block;
    }

    .shape1,
    .shape2 {
        z-index: -1;
        display: none;
    }

    .btn_buy {
        padding: 10px 86px;
        width: auto;
        font-size: 15px !important;
    }

    .report_type_bg1 {
        margin-top: 10px !important;
    }

    .price_box {
        margin-bottom: 30px;
    }

    .footer_left_icon {
        width: 46px;
        height: 46px;
        padding: 9px;
        margin-right: 13px;
        border: 1px solid #875534;
        border-radius: 5px;
        text-align: center;
    }

    .service .col-lg-6.mt-5 {
        margin-top: 0px !important;
    }

    .service_card {
        width: 90%;
        margin: auto;
        margin-bottom: 16px;
    }

    .service_content {
        padding: 20px;
    }

    .service_content p {
        margin-bottom: 0;
    }

    .footer_contact3 {
        width: 114px !important;
    }

    .footer_logo img {
        width: 100px;
        height: 50px;
        margin-top: 10px;
    }

    .btn_request:hover,
    .btn_request:active:focus-visible,
    .btn_request:focus {
        background-color: transparent !important;
        border: none !important;
    }

    .btn_submit:hover,
    .btn_submit:focus,
    .btn-check:checked+.btn,
    .btn.active,
    .btn.show,
    .btn:first-child:active,
    :not(.btn-check)+.btn:active {
        background-color: transparent !important;
        color: black !important;
    }

    .social_media_links ul li {
        margin-right: 5px;
    }

    .footerlinks .footer_links li {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 19px;
    }

    .testimonial_section .row.mt-5.pt-5.mb-5 {
        padding-top: 0 !important;
    }

    .background li:first-child a {
        color: white !important;
        border-radius: 8px;
        padding: 8px 20px !important;
        margin-top: 8px !important;
        margin-bottom: 11px !important;
    }



    .navbar-nav {
        margin-right: 15px;
    }

    .navbar-toggler-icon {
        background-image: url('../images/mobile-menu.png');
    }

    .btn_request {
        margin-left: 0 !important;
        margin-top: 9px;
        margin-bottom: 15px;
        font-weight: 500 !important;
        font-size: 15px !important;
        background: transparent;
        border: none;
        padding: 0px !important;
        color: #368f79 !important;
        text-transform: uppercase !important;
    }

    .navbar-collapse {
        margin-bottom: 16px;
        margin-top: 16px;
    }

    .background {
        background-color: transparent;
        padding: 0;
    }

    .copyright p {
        margin: 10px 0px;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding: 6px 0;
        font-size: 15px;
        font-weight: 400;

    }

    .brands img {
        width: 69%;
        margin: auto;
    }

    .price_box.border {
        margin-bottom: 0;
    }

    .footerlinks h4 {
        margin-top: 0;
        margin-bottom: 13px;
    }

    .testimonial_section {
        margin-bottom: 0;
    }

    .slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .testimonial_slider_box {
        margin: 50px 15px 15px;
    }

    .footer_heading {
        margin-bottom: 15px;
    }

    .footer_border_right::after {
        display: none;
    }

    .social_media_links h4 {
        margin-bottom: 10px;
    }

    .RequestDemo .col-lg-8.pr-0 {
        padding: 27px;
        padding-top: 0;
    }

    .login {
        height: auto;
        padding: 0;
        background-position-x: 50%;
        padding-top: 15px;
    }

    .form .mb-3.mt-3 {
        margin-bottom: 0 !important;
    }

    .social_media_login {
        padding: 14px !important;
    }

    .RequestDemo {
        top: 1%;
    }

    .RequestDemo h1 {

        font-size: 23px;
        font-weight: 500;
        line-height: 32px;
    }

    .back_to_top {
        bottom: 30px;
        right: 8px;
        width: 40px;
        height: 40px;
    }

    .RequestDemo {
        z-index: 999999;
    }

    .modal_left {
        display: none;
    }

    .back_to_top img {
        width: 30%;
        margin-top: -20px;
    }

    .footer_contact h4 {
        font-size: 17px;
    }

    .footerlinks h4 {
        font-size: 17px;
    }

    .footer_contact_right p {
        margin-bottom: 0;
    }

    .footer_contact {
        margin-bottom: 20px;
    }

    .compnay_icon img {
        width: 99px;
    }

    .top_info p {
        font-size: 13px;
    }

    .top_info {
        padding: 15px;
    }

    .top_info h2 {
        text-align: right;
        font-size: 21px;
        font-weight: 600;
    }

    .login_form_inner h2 {
        margin-top: 7px;
        font-size: 20px;
        margin-bottom: 30px;
    }

    .cube {
        display: none;
    }

    .login_form_inner {
        padding: 20px;
    }

    .social_media_login ul li a i {
        margin-right: 0;
        margin-right: 5px;
    }

    .login_group .input-group-text {
        padding: 11px 16px;
    }

    .social_media_login ul li a {
        text-transform: uppercase;
        text-decoration: none;
        color: white;
        font-size: 11px;
    }

    .social_media_login ul li {
        display: inline-block;
        float: left;

        width: 30.33%;
        margin-right: 11px;
    }

    .have_account {
        text-align: center;
        font-size: 15px;
        font-weight: 500;
        margin-top: 20px;
    }

    .login_group label {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .login_form {
        margin-bottom: 15px;
    }

    .btn_submit {
        margin-top: 17px;
        padding: 10px 50px;
        margin-bottom: 13px;
        border-radius: 35px;
    }

    .social_media_login ul li {
        text-align: center;

        padding: 5px 10px;
    }

    .crm_banner {
        padding: 50px 0px;
        background-position-x: 30%;
    }

    .crm_banner h1 {
        font-size: 26px;
        font-weight: 600;
        line-height: 35px;
        margin-bottom: 15px;
    }

    .heading2 h1 {
        font-size: 23px;
        line-height: 38px;
    }

    .customized_crm {
        margin: 19px 0px;
    }

    .customized_crm img {
        width: 100%;
    }

    .crm_services_box {
        margin-bottom: 30px;
    }

    .crm_services_box h2 {
        font-size: 19px;
    }

    .crm_service {
        padding: 50px 0px;
    }

    .heading2 h2 {
        font-size: 26px;
    }

    .project_management_features_heading h4 {
        font-size: 18px;
        font-weight: 500;
        margin: 0;
        line-height: 27px;
        color: white;
        position: relative;
    }

    .project_management_features ul li {
        width: 81%;
    }

    .crm_trust_icon .brands {
        margin-bottom: 30px;
    }

    .crm_services_box img {
        width: 73px;
    }

    .books_management:after {

        border-top-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .books_management h1 {
        line-height: 42px;
        font-size: 26px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .books_management p {
        padding-left: 15px;
        padding-right: 15px;
    }

    .whychoose_box1::after {
        display: none;
    }

    .whychoose_box2::after {
        display: none;
    }

    .invoice_img img {
        width: 100%;
        height: auto;
    }

    .invoice .heading2 h1 {
        line-height: 41px;
    }

    .invoice .heading2 p {

        font-size: 15px;
        line-height: 28px;
        width: 100%;
    }

    .inventory_mangement_content {
        padding-left: 0;
    }

    .inventory_mangement_content h1 {
        line-height: 41px;
        font-size: 26px;
    }

    .inventory_mangement_content p {
        font-size: 15px;
        line-height: 28px;
    }

    .inventory_right_img {
        margin-top: 100px;
    }

    .inventory_benefits .heading h2 {
        font-size: 26px;
        line-height: 42px;
    }

    .benefits_card {

        margin-bottom: 25px;
    }

    .inventory_features {
        margin-top: 0;
    }

    .optimization_section {
        padding: 64px 0px;
    }

    .optimization_section .nav {
        margin-left: 26px;
    }

    .optimization_section::after {

        width: 74%;
    }

    .inventory_management_report_box {
        padding: 0;
    }

    .plan_section {
        margin: 50px 0px;
    }

    .right_report {
        padding-left: 0;
    }

    .report_type {
        margin-bottom: 10px !important;
    }

    .books_management {
        padding: 50px 0px;
    }

    .whychoose_box p {
        width: 100%;
    }

    .whychoose {
        margin: 50px 0px;
    }

    .invoice .heading2 {
        width: 100%;
        margin-left: 0;
    }

    .hrms_banner {
        padding: 50px 0px;
    }

    .hrmc_banner_heading h1 {

        font-size: 27px;
    }

    .hrmc_banner_heading p {

        width: 100%;

    }

    .hrms_about {
        margin: 0px 0;
        margin-top: 40px;
        border-radius: 30px;
        background-color: #368773;
        padding: 19px 19px;
    }

    .hrms_about ul li {
        display: unset;
    }

    .hrms_about ul li .hrms_about_icon img {
        width: 50px;
        height: 50px;
    }

    .hrms_banner_content h4 {
        font-size: 18px;
        padding-top: 20px;
        font-weight: 700;
        color: white;
        text-align: center;
    }

    .hrms_banner_content p {
        font-size: 15px;
        color: white;
        text-align: center;
        margin-bottom: 0px;
    }

    .crm_mockup img {
        width: 100%;
    }

    .main_banner .brands img {
        width: 72%;
        margin: auto;
    }

    .heading3 h1 {
        padding-left: 0;
    }

    .heading3 p {
        padding-left: 0px;
    }

    .hrms_services {
        padding-left: 0px;
        padding-top: 0;
    }

    .hrms_service_content img {
        width: 100%;
        margin: auto;
        margin-top: -135px;
        margin-bottom: 10px;
        height: 100%;
    }

    .hrms_service_content h3 {
        font-size: 19px;
    }

    .circle1 {
        z-index: -1;
        width: 150px;
        height: 150px;
        top: 41px;
        right: -112px;
    }

    .p_50 {

        padding-top: 82px;
    }

    .mt_5 {
        margin-top: 87px;
    }

    .testimonial_slider_box {
        padding-left: 25px;
    }

    .trust_box_inner img {
        width: 200px;
        height: 200px;
        border-radius: 50%;
        margin-top: 0;
        margin-bottom: 21px;
    }

    .testimonial_title {
        margin-top: -13px;
        margin-bottom: 32px;
        margin-left: -23px;
    }

    .testimonial_right_Content p {
        font-size: 15px;
        padding: 15px;
    }

    .contact_form {
        width: 90%;
        margin: auto;
        margin-top: 36px;
    }

    .about_us_pagesection {
        margin: 50px 0px;
    }

    .about2 {

        width: 100%;
        margin-top: 35px;
    }

    .about_us_pagesection h1 {
        font-size: 30px;
    }

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

    .ourteam {
        padding: 50px 0px;
    }

    .ourteam .heading h1 {
        text-align: center;
    }

    .counter2 {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .service_area {

        padding-left: 20px;
        padding-right: 20px;
    }

    .ourteam .heading .line1 {
        margin: unset;
        margin: auto !important;
    }

    .service_box {
        margin-bottom: 20px;
    }

    .ourteam .heading .line2 {
        margin: unset;
        margin: auto;
        margin-top: 5px;
    }

    .ourteam .heading {
        border: none;
        padding-right: 0;
    }

    .mission_section {

        padding: 50px 0px;
    }

    .about_us_pagesection .small_text {
        margin-left: 0;
        text-align: center;
        float: none;
    }

    .about_pg {
        padding-right: 0;
    }

    .footer_left p {
        margin-top: 9px;
    }

    .footer_section h3 {

        margin-top: 19px;
    }

    .footer_section .logo img {
        width: 64px;
    }

    .contact {
        padding: 50px 0px;
    }

    .testimonial_image {

        width: 100px;
        height: 100px;

        margin-left: -33px;
    }

    .testimonial {
        padding: 50px 0px;
    }

    .mt_30 {
        margin-top: -21px;
    }

    .why_Trust_box {
        margin-bottom: 3px;
    }

    .circle2 {
        z-index: -1;
        z-index: -1;
        width: 150px;
        height: 150px;
    }

    .hrms_services {

        padding-bottom: 49px;
    }

    .download_app h2 {
        padding-left: 0;
    }

    .download_app ul li {
        margin-right: 10px;
        /* line-height: 34px; */
        margin-bottom: 32px;
    }

    .all_price h2 {
        font-size: 25px;
        margin-bottom: 15px;
        line-height: 40px;
    }

    .faq {
        margin: 50px 0px 50px;
    }

    .all_price .price_heading {
        padding: 15px;
    }

    .yearly_monthly li label {
        font-size: 15px;
    }

    .page_title h3 {
        font-size: 26px;
        font-weight: 500;
        color: white;
        line-height: 44px;
    }

    .page_title {
        background-color: #875534;
        padding: 50px 0px;
    }

    .page_title .btn {

        padding: 15px 55px;
    }

    .all_price {
        margin-top: 30px;
        margin-bottom: 30px;
        position: relative;
    }

    .faq .card button {

        font-size: 15px;
    }

    .faq .card-header {
        padding: 10px;
    }

    .faq .card button i {

        top: 8px;
        right: 8px;
    }

    .faq .card-body p {
        font-size: 14px;
        margin-bottom: 0;
    }

    .yearly_monthly {
        float: none;
    }

    .project_management_section {
        margin: 50px 0px;
    }

    .customized_crm p {
        font-size: 15px;
        line-height: 27px;
    }

    .project_management_section .heading2 p {
        font-size: 15px;
        line-height: 27px;
    }

    .project_management {
        width: 100%;
    }

    .pattern1 {
        width: 100px !important;
        z-index: -1;
    }

    .banner_top h1 {
        font-size: 30px;
        line-height: 41px;
    }

    .banner_top p {
        font-size: 15px;
        line-height: 25px;
    }

    .banner_top {
        padding: 42px 0px;
        position: relative;
        z-index: 999999;
    }

    .banner_top img {
        width: 100%;
    }

    .counter h1 {
        font-size: 34px;
        display: grid;
        align-items: center;
        font-weight: 600;
        color: #880606;
        margin-bottom: 30px;
    }

    .contact_right {
        padding-left: 0;
        margin-top: 40px;
    }

    .bgone {
        padding: 54px 0px 99px !important;
    }

    .login .contact_form {

        padding: 30px 10px !important;
    }

    .login .contact_form .form-group {
        margin: 0;
        margin-bottom: 15px;
    }

    .contactus {
        padding-bottom: 0px;
    }

    .smsmodal .modal-body {
        padding: 15px !important;
    }

    .mediascreen_p {
        padding: 90px !important;
    }

    .footer_section {
        padding: 0px;
    }

    .contact_information {
        margin-left: 0px;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .ml_auto {
        margin-left: 15px;
        margin-right: 15px;
    }

    .navbar-expand-sm .navbar-collapse {
        display: none !important;
        flex-basis: auto;
    }

    .navbar {
        padding: 0;
    }

    .navbar-collapse.show {
        display: block !important;
        position: absolute;
        left: 0;
        top: 40px;
        z-index: 9999999;
        padding: 30px;
        background: white;
        width: 100%;
    }

    .navbar-brand img {
        width: 64px;
        height: 50px;
    }

    .trust_box_inner img {
        width: 100%;
        height: 218px;
        border-radius: 50%;
        margin-top: 138px;
        margin-bottom: 21px;
    }

    .testimonial_right_Content {
        padding: 0;
        padding-left: 0px;
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: column;
    }

    .navbar-toggler {
        border: none;
    }

    .navbar-expand-sm .navbar-toggler {
        display: block;
        border: 1px solid #880606;
    }

    .banner h1 {
        font-size: 25px;
        font-weight: 600;
        color: #875534;
        line-height: 38px;
    }

    button:focus:not(:focus-visible) {
        box-shadow: none;
    }

    .banner {

        background-position-x: 29%;
        padding: 41px 0px 99px;
    }

    .brand_slider {
        margin-bottom: 4px;
        margin-top: 16px;
    }

    .right_img img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 52px;
    }

    .service_icon {
        width: 100px;
        height: 100px;
        padding: 25px;
        padding-left: 22px;

    }

    .service_icon img {
        width: 57px;
    }

    .heading h2 {
        font-size: 20px;
        line-height: 32px;
    }

    .heading h2::before {
        display: none;
    }

    .heading h2::after {
        display: none;
    }

    .service {
        margin-top: 0;
        margin-bottom: 0px;
    }

    .heading p {
        width: 100% !important;
    }

    .service_plan .decription li {
        display: inline-block;
    }

    .shape1,
    .shape2 {
        z-index: -1;
        display: none;
    }

    .btn_buy {
        padding: 10px 108px;
        width: auto;
        font-size: 15px !important;
    }

    .report_type_bg1 {
        margin-top: 10px !important;
    }

    .price_box {
        margin-bottom: 30px;
    }

    .footer_left_icon {
        width: 46px;
        height: 46px;
        padding: 9px;
        margin-right: 13px;
        border: 1px solid #875534;
        border-radius: 5px;
        text-align: center;
    }

    .service .col-lg-6.mt-5 {
        margin-top: 0px !important;
    }

    .service_card {
        width: 100%;
        margin: auto;
        margin-bottom: 16px;
    }

    .service_content {
        padding: 20px;
    }

    .service_content p {
        margin-bottom: 0;
    }

    .footer_contact3 {
        width: 114px !important;
    }

    .footer_logo img {
        width: 100px;
        height: 50px;
        margin-top: 10px;
    }

    .btn_request:hover,
    .btn_request:active:focus-visible,
    .btn_request:focus {
        background-color: transparent !important;
        border: none !important;
    }

    .btn_submit:hover,
    .btn_submit:focus,
    .btn-check:checked+.btn,
    .btn.active,
    .btn.show,
    .btn:first-child:active,
    :not(.btn-check)+.btn:active {
        background-color: transparent !important;
        color: black !important;
    }

    .social_media_links ul li {
        margin-right: 5px;
    }

    .footerlinks .footer_links li {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 19px;
    }

    .testimonial_section .row.mt-5.pt-5.mb-5 {
        padding-top: 0 !important;
    }

    .background li:first-child a {
        color: white !important;
        border-radius: 8px;
        padding: 8px 20px !important;
        margin-top: 8px !important;
        margin-bottom: 11px !important;
    }

    .btn_login {

        background: #880606 !important;
        color: white !important;
        width: auto;
        display: inline-block;
        border-radius: 35px;
    }

    .navbar-nav {
        margin-right: 15px;
    }

    .navbar-toggler-icon {
        background-image: url('../images/mobile-menu.png');
    }

    .btn_request {
        margin-left: 0 !important;
        margin-top: 9px;
        margin-bottom: 15px;
        font-weight: 500 !important;
        font-size: 15px !important;
        background: transparent;
        border: none;
        padding: 0px !important;
        color: #368f79 !important;
        text-transform: uppercase !important;
    }

    .navbar-collapse {
        margin-bottom: 16px;
        margin-top: 16px;
    }

    .background {
        background-color: transparent;
        padding: 0;
    }

    .copyright p {
        margin: 10px 0px;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding: 6px 0;
        font-size: 15px;
        font-weight: 400;

    }

    .brands img {
        width: 69%;
        margin: auto;
    }

    .price_box.border {
        margin-bottom: 0;
    }

    .footerlinks h4 {
        margin-top: 0;
        margin-bottom: 13px;
    }

    .testimonial_section {
        margin-bottom: 0;
    }

    .slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .testimonial_slider_box {
        margin: 9px 15px 15px;
        padding-top: 16px;
    }

    .about2 {

        height: 235px;
    }

    .team_inner_content h2 {
        font-size: 18px;
        font-weight: 600;
    }

    .team_inner_content h2 {
        font-size: 18px;
        font-weight: 600;
        margin: 0;
    }

    .team_content {

        margin: 15px 0px;
    }

    .about3 {
        width: 100%;
        height: 139px;
    }

    .about_us_pagesection .small_text {
        font-size: 14px !important;
    }

    .footer_heading {
        margin-bottom: 15px;
        margin-top: 36px;
    }

    .social_media_links {
        margin-top: 0;
    }

    .footer_border_right::after {
        display: none;
    }

    .social_media_links h4 {
        margin-bottom: 10px;
    }

    .RequestDemo .col-lg-8.pr-0 {
        padding: 27px;
        padding-top: 0;
    }

    .login {
        height: auto;
        padding: 0;
        background-position-x: 50%;
        padding-top: 15px;
    }

    .form .mb-3.mt-3 {
        margin-bottom: 0 !important;
    }

    .social_media_login {
        padding: 14px !important;
    }

    .RequestDemo {
        top: 1%;
    }

    .RequestDemo h1 {

        font-size: 23px;
        font-weight: 500;
        line-height: 32px;
    }

    .back_to_top {
        bottom: 30px;
        right: 8px;
        width: 40px;
        height: 40px;
    }

    .RequestDemo {
        z-index: 999999;
    }

    .modal_left {
        display: none;
    }

    .back_to_top img {
        width: 30%;
        margin-top: -20px;
    }

    .footer_contact h4 {
        font-size: 17px;
    }

    .footerlinks h4 {
        font-size: 17px;
    }

    .footer_contact_right p {
        margin-bottom: 0;
    }

    .footer_contact {
        margin-bottom: 20px;
    }

    .compnay_icon img {
        width: 99px;
    }

    .top_info p {
        font-size: 13px;
    }

    .top_info {
        padding: 15px;
    }

    .top_info h2 {
        text-align: right;
        font-size: 21px;
        font-weight: 600;
    }

    .login_form_inner h2 {
        margin-top: 7px;
        font-size: 20px;
        margin-bottom: 30px;
    }

    .cube {
        display: none;
    }

    .login_form_inner {
        padding: 20px;
    }

    .social_media_login ul li a i {
        margin-right: 0;
        margin-right: 5px;
    }

    .login_group .input-group-text {
        padding: 11px 16px;
    }

    .social_media_login ul li a {
        text-transform: uppercase;
        text-decoration: none;
        color: white;
        font-size: 11px;
    }

    .social_media_login ul li {
        display: inline-block;
        float: left;

        width: 30.33%;
        margin-right: 11px;
    }

    .have_account {
        text-align: center;
        font-size: 15px;
        font-weight: 500;
        margin-top: 20px;
    }

    .login_group label {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .login_form {
        margin-bottom: 15px;
        max-width: 449px;
    }

    .register .login_form {
        max-width: 449px;
    }

    .btn_submit {
        margin-top: 17px;
        padding: 10px 50px;
        margin-bottom: 13px;
        border-radius: 35px;
    }

    .social_media_login ul li {
        text-align: center;

        padding: 5px 10px;
    }

    .crm_banner {
        padding: 50px 0px;
        background-position-x: 30%;
    }

    .crm_banner h1 {
        font-size: 26px;
        font-weight: 600;
        line-height: 35px;
        margin-bottom: 15px;
    }

    .heading2 h1 {
        font-size: 23px;
        line-height: 38px;
    }

    .customized_crm {
        margin: 19px 0px;
    }

    .customized_crm img {
        width: 100%;
    }

    .crm_services_box {
        margin-bottom: 30px;
    }

    .crm_services_box h2 {
        font-size: 19px;
    }

    .crm_service {
        padding: 50px 0px;
    }

    .heading2 h2 {
        font-size: 26px;
    }

    .project_management_features_heading h4 {
        font-size: 18px;
        font-weight: 500;
        margin: 0;
        line-height: 27px;
        color: white;
        position: relative;
    }

    .project_management_features ul li {
        width: 81%;
    }

    .crm_trust_icon .brands {
        margin-bottom: 30px;
    }

    .crm_services_box img {
        width: 73px;
    }

    .books_management:after {

        border-top-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .books_management h1 {
        line-height: 42px;
        font-size: 26px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .books_management p {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 15px;
        line-height: 25px;
    }

    .whychoose_box1::after {
        display: none;
    }

    .whychoose_box2::after {
        display: none;
    }

    .invoice_img img {
        width: 100%;
        height: auto;
    }

    .invoice .heading2 h1 {
        line-height: 41px;
    }

    .invoice .heading2 p {

        font-size: 15px;
        line-height: 28px;
        width: 100%;
    }

    .inventory_mangement_content {
        padding-left: 0;
    }

    .inventory_mangement_content h1 {
        line-height: 41px;
        font-size: 26px;
    }

    .inventory_mangement_content p {
        font-size: 15px;
        line-height: 28px;
    }

    .inventory_right_img {
        margin-top: 100px;
    }

    .inventory_benefits .heading h2 {
        font-size: 26px;
        line-height: 42px;
    }

    .benefits_card {

        margin-bottom: 25px;
    }

    .inventory_features {
        margin-top: 0;
    }

    .optimization_section {
        padding: 64px 0px;
    }

    .optimization_section .nav {
        margin-left: 26px;
    }

    .optimization_section::after {

        width: 88%;
    }

    .inventory_management_report_box {
        padding: 0;
    }

    .optimization_section .nav-link {
        padding: 10px;
    }

    .plan_section {
        margin: 50px 0px;
    }

    .right_report {
        padding-left: 0;
    }

    .report_type {
        margin-bottom: 10px !important;
    }

    .books_management {
        padding: 50px 0px;
    }

    .whychoose_box p {
        width: 100%;
    }

    .whychoose {
        margin: 50px 0px;
    }

    .invoice .heading2 {
        width: 100%;
        margin-left: 0;
    }

    .hrms_banner {
        padding: 50px 0px;
    }

    .hrmc_banner_heading h1 {

        font-size: 27px;
    }

    .hrmc_banner_heading p {

        width: 100%;

    }

    .hrms_about {
        margin: 0px 0;
        margin-top: 40px;
        border-radius: 30px;
        background-color: #368773;
        padding: 19px 19px;
    }

    .hrms_about ul li {
        display: flex;
    }

    .hrms_about ul li .hrms_about_icon img {
        width: 50px;
        height: 50px;
    }

    .hrms_banner_content h4 {
        font-size: 18px;
        padding-top: 20px;
        font-weight: 700;
        color: white;
        text-align: center;
    }

    .hrms_banner_content p {
        font-size: 15px;
        color: white;
        text-align: center;
        margin-bottom: 0px;
    }

    .crm_mockup img {
        width: 100%;
    }

    .main_banner .brands img {
        width: 72%;
        margin: auto;
    }

    .heading3 h1 {
        padding-left: 0;
    }

    .heading3 p {
        padding-left: 0px;
    }

    .hrms_services {
        padding-left: 0px;
        padding-top: 0;
    }

    .hrms_service_content img {
        width: 100%;
        margin: auto;
        margin-top: -135px;
        margin-bottom: 10px;
        height: 100%;
    }

    .hrms_service_content h3 {
        font-size: 19px;
    }

    .circle1 {
        z-index: -1;
    }

    .circle2 {
        z-index: -1;
    }

    .hrms_services {

        padding-bottom: 49px;
    }

    .download_app h2 {
        padding-left: 0;
    }

    .download_app ul li {
        margin-right: 10px;
        /* line-height: 34px; */
        margin-bottom: 32px;
    }

    .all_price h2 {
        font-size: 25px;
        margin-bottom: 15px;
        line-height: 40px;
    }

    .faq {
        margin: 50px 0px 50px;
    }

    .all_price .price_heading {
        padding: 15px;
    }

    .yearly_monthly li label {
        font-size: 15px;
    }

    .page_title h3 {
        font-size: 26px;
        font-weight: 500;
        color: white;
        line-height: 44px;
    }

    .page_title {
        background-color: #875534;
        padding: 50px 0px;
    }

    .page_title .btn {

        padding: 15px 55px;
    }

    .all_price {
        margin-top: 30px;
        margin-bottom: 30px;
        position: relative;
    }

    .faq .card button {

        font-size: 15px;
    }

    .faq .card-header {
        padding: 10px;
    }

    .faq .card button i {

        top: 8px;
        right: 8px;
    }

    .faq .card-body p {
        font-size: 14px;
        margin-bottom: 0;
    }

    .yearly_monthly {
        float: right;
    }

    .project_management_section {
        margin: 50px 0px;
    }

    .customized_crm p {
        font-size: 15px;
        line-height: 27px;
    }

    .project_management_section .heading2 p {
        font-size: 15px;
        line-height: 27px;
    }

    .project_management {
        width: 100%;
        padding-right: 30px;
    }

    .books_management img {
        width: 100%;
        margin: auto;
    }

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

    .footer_contact3 {
        width: 62px !important;
    }

    .btn_request_send {
        margin-bottom: 0;
    }

    .inventory_right_img::after {

        top: -117px;
    }

    .inventory_mangement {
        padding-top: 0;
    }

    .inventory_management_report_box img {
        width: 39%;
    }

    .download_app ul {
        margin-top: 60px;
        margin-bottom: 0;
    }
}


@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .ml_auto {
        margin-left: 0;
    }

    .btn_request {
        padding: 9px 9px !important;
        margin-left: 12px !important;
        font-size: 13px !important;
        margin-top: -6%;
    }

    .btn_buy {

        padding: 10px 85px;
    }

    .social_media_links ul li {
        margin-right: 9px;
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        font-size: 13px;
        padding: 0px 8px;
    }

    .navbar-brand img {

        width: 115px;
        margin-left: 22px;
        height: auto;
    }

    .background li a {
        font-size: 13px !important;
    }

    .btn_login {

        font-size: 13px !important;
        padding: 8px 6px !important;
    }

    .shape1 {
        z-index: -1;
    }

    .shape2 {
        z-index: -1;
    }

    .banner h1 {
        font-size: 26px;
        font-weight: 600;
        color: #875534;
        line-height: 38px;
    }

    button:focus:not(:focus-visible) {
        box-shadow: none;
    }

    .banner {

        background-position-x: 29%;
        padding: 41px 0px 40px;
    }

    .brand_slider {
        margin-bottom: 4px;
        margin-top: 16px;
    }

    .right_img img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 52px;
    }

    .service_icon {
        width: 100px;
        height: 100px;
        padding: 25px;
        padding-left: 22px;

    }

    .service_icon img {
        width: 57px;
    }

    .heading h2 {
        font-size: 20px;
        line-height: 32px;
    }

    .heading h2::before {
        display: none;
    }

    .heading h2::after {
        display: none;
    }

    .service {
        margin-top: 0;
        margin-bottom: 0px;
    }

    .heading p {
        width: 100% !important;
    }

    .service_plan .decription li {
        display: inline-block;
    }

    .shape1,
    .shape2 {
        z-index: -1;
        display: none;
    }

    .btn_buy {
        padding: 10px 86px;
        width: auto;
        font-size: 15px !important;
    }

    .report_type_bg1 {
        margin-top: 10px !important;
    }

    .price_box {
        margin-bottom: 30px;
    }

    .footer_left_icon {
        width: 46px;
        height: 46px;
        padding: 9px;
        margin-right: 13px;
        border: 1px solid #875534;
        border-radius: 5px;
        text-align: center;
    }

    .service .col-lg-6.mt-5 {
        margin-top: 0px !important;
    }

    .service_card {
        width: 90%;
        margin: auto;
        margin-bottom: 16px;
    }

    .service_content {
        padding: 20px;
    }

    .service_content p {
        margin-bottom: 0;
    }

    .footer_contact3 {
        width: 114px !important;
    }

    .footer_logo img {
        width: 100px;
        height: 50px;
        margin-top: 10px;
    }

    .btn_request:hover,
    .btn_request:active:focus-visible,
    .btn_request:focus {
        background-color: transparent !important;
        border: none !important;
    }

    .btn_submit:hover,
    .btn_submit:focus,
    .btn-check:checked+.btn,
    .btn.active,
    .btn.show,
    .btn:first-child:active,
    :not(.btn-check)+.btn:active {
        background-color: transparent !important;
        color: black !important;
    }

    .social_media_links ul li {
        margin-right: 5px;
    }

    .footerlinks .footer_links li {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 19px;
    }

    .testimonial_section .row.mt-5.pt-5.mb-5 {
        padding-top: 0 !important;
    }



    .navbar-nav {
        margin-right: 15px;
    }

    .navbar-toggler-icon {
        background-image: url('../images/mobile-menu.png');
    }


    .navbar-collapse {
        margin-bottom: 16px;
        margin-top: 16px;
    }


    .copyright p {
        margin: 10px 0px;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
    }


    .brands img {
        width: 69%;
        margin: auto;
    }

    .price_box.border {
        margin-bottom: 0;
    }

    .footerlinks h4 {
        margin-top: 0;
        margin-bottom: 13px;
    }

    .testimonial_section {
        margin-bottom: 0;
    }

    .slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .testimonial_slider_box {
        margin: 50px 15px 15px;
    }

    .footer_heading {
        margin-bottom: 15px;
    }

    .footer_border_right::after {
        display: none;
    }

    .social_media_links h4 {
        margin-bottom: 10px;
    }

    .RequestDemo .col-lg-8.pr-0 {
        padding: 27px;
        padding-top: 0;
    }

    .login {
        height: auto;
        padding: 0;
        padding-top: 15px;
    }

    .form .mb-3.mt-3 {
        margin-bottom: 0 !important;
    }

    .social_media_login {
        padding: 14px !important;
    }

    .RequestDemo {
        top: 1%;
    }

    .RequestDemo h1 {

        font-size: 23px;
        font-weight: 500;
        line-height: 32px;
    }

    .back_to_top {
        bottom: 30px;
        right: 8px;
        width: 40px;
        height: 40px;
    }

    .RequestDemo {
        z-index: 999999;
    }

    .modal_left {
        display: none;
    }

    .back_to_top img {
        width: 30%;
        margin-top: -20px;
    }

    .footer_contact h4 {
        font-size: 17px;
    }

    .footerlinks h4 {
        font-size: 17px;
    }

    .footer_contact_right p {
        margin-bottom: 0;
    }

    .footer_contact {
        margin-bottom: 20px;
    }

    .compnay_icon img {
        width: 99px;
    }

    .top_info p {
        font-size: 13px;
    }

    .top_info {
        padding: 15px;
    }

    .top_info h2 {
        text-align: right;
        font-size: 21px;
        font-weight: 600;
    }

    .login_form_inner h2 {
        margin-top: 7px;
        font-size: 20px;
        margin-bottom: 30px;
    }

    .cube {
        display: none;
    }

    .login_form_inner {
        padding: 20px;
    }

    .social_media_login ul li a i {
        margin-right: 0;
        margin-right: 5px;
    }

    .login_group .input-group-text {
        padding: 11px 16px;
    }

    .social_media_login ul li a {
        text-transform: uppercase;
        text-decoration: none;
        color: white;
        font-size: 11px;
    }

    .social_media_login ul li {
        display: inline-block;
        float: left;

        width: 30.33%;
        margin-right: 11px;
    }

    .have_account {
        text-align: center;
        font-size: 15px;
        font-weight: 500;
        margin-top: 20px;
    }

    .login_group label {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .login_form {
        margin-bottom: 15px;
    }

    .btn_submit {
        margin-top: 17px;
        padding: 10px 50px;
        margin-bottom: 13px;
        border-radius: 35px;
    }

    .social_media_login ul li {
        text-align: center;

        padding: 5px 10px;
    }

    .crm_banner {
        padding: 50px 0px;
        background-position-x: 30%;
    }

    .crm_banner h1 {
        font-size: 26px;
        font-weight: 600;
        line-height: 35px;
        margin-bottom: 15px;
    }

    .heading2 h1 {
        font-size: 23px;
        line-height: 38px;
    }

    .customized_crm {
        margin: 19px 0px;
    }

    .customized_crm img {
        width: 100%;
    }

    .crm_services_box {
        margin-bottom: 30px;
    }

    .crm_services_box h2 {
        font-size: 19px;
    }

    .crm_service {
        padding: 50px 0px;
    }

    .heading2 h2 {
        font-size: 26px;
    }

    .project_management_features_heading h4 {
        font-size: 18px;
        font-weight: 500;
        margin: 0;
        line-height: 27px;
        color: white;
        position: relative;
    }

    .project_management_features ul li {
        width: 81%;
    }

    .crm_trust_icon .brands {
        margin-bottom: 30px;
    }

    .crm_services_box img {
        width: 73px;
    }

    .books_management:after {

        border-top-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .books_management h1 {
        line-height: 42px;
        font-size: 26px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .books_management p {
        padding-left: 15px;
        padding-right: 15px;
    }

    .whychoose_box1::after {
        display: none;
    }

    .whychoose_box2::after {
        display: none;
    }

    .invoice_img img {
        width: 100%;
        height: auto;
    }

    .invoice .heading2 h1 {
        line-height: 41px;
    }

    .invoice .heading2 p {

        font-size: 15px;
        line-height: 28px;
        width: 100%;
    }

    .inventory_mangement_content {
        padding-left: 0;
    }

    .inventory_mangement_content h1 {
        line-height: 41px;
        font-size: 26px;
    }

    .inventory_mangement_content p {
        font-size: 15px;
        line-height: 28px;
    }

    .inventory_right_img {
        margin-top: 100px;
    }

    .inventory_benefits .heading h2 {
        font-size: 26px;
        line-height: 42px;
    }

    .benefits_card {

        margin-bottom: 25px;
    }

    .inventory_features {
        margin-top: 0;
    }

    .optimization_section {
        padding: 64px 0px;
    }

    .optimization_section .nav {
        margin-left: 26px;
    }

    .optimization_section::after {

        width: 74%;
    }

    .inventory_management_report_box {
        padding: 0;
    }

    .plan_section {
        margin: 50px 0px;
    }

    .right_report {
        padding-left: 0;
    }

    .report_type {
        margin-bottom: 10px !important;
    }

    .books_management {
        padding: 50px 0px;
    }

    .whychoose_box p {
        width: 100%;
    }

    .whychoose {
        margin: 50px 0px;
    }

    .invoice .heading2 {
        width: 100%;
        margin-left: 0;
    }

    .hrms_banner {
        padding: 50px 0px;
    }

    .hrmc_banner_heading h1 {

        font-size: 27px;
    }

    .hrmc_banner_heading p {

        width: 100%;

    }

    .hrms_about {
        margin: 0px 0;
        margin-top: 40px;
        border-radius: 30px;
        background-color: #368773;
        padding: 19px 19px;
    }


    .hrms_about ul li .hrms_about_icon img {
        width: 50px;
        height: 50px;
    }

    .hrms_banner_content h4 {
        font-size: 18px;
        padding-top: 20px;
        font-weight: 700;
        color: white;
        text-align: center;
    }

    .hrms_banner_content p {
        font-size: 15px;
        color: white;
        text-align: center;
        margin-bottom: 0px;
    }

    .crm_mockup img {
        width: 100%;
    }

    .main_banner .brands img {
        width: 72%;
        margin: auto;
    }

    .heading3 h1 {
        padding-left: 0;
    }

    .heading3 p {
        padding-left: 0px;
    }

    .hrms_services {
        padding-left: 0px;
        padding-top: 0;
    }

    .hrms_service_content img {
        width: 100%;
        margin: auto;
        margin-top: -135px;
        margin-bottom: 10px;
        height: 100%;
    }

    .hrms_service_content h3 {
        font-size: 19px;
    }

    .circle1 {
        z-index: -1;
    }

    .circle2 {
        z-index: -1;
    }

    .hrms_services {

        padding-bottom: 49px;
    }

    .download_app h2 {
        padding-left: 0;
    }

    .download_app ul li {
        margin-right: 10px;
        /* line-height: 34px; */
        margin-bottom: 32px;
    }

    .all_price h2 {
        font-size: 25px;
        margin-bottom: 15px;
        line-height: 40px;
    }

    .faq {
        margin: 50px 0px 50px;
    }

    .all_price .price_heading {
        padding: 15px;
    }

    .yearly_monthly li label {
        font-size: 15px;
    }

    .page_title h3 {
        font-size: 26px;
        font-weight: 500;
        color: white;
        line-height: 44px;
    }

    .page_title {
        background-color: #875534;
        padding: 50px 0px;
    }

    .page_title .btn {

        padding: 15px 55px;
    }

    .all_price {
        margin-top: 30px;
        margin-bottom: 30px;
        position: relative;
    }

    .faq .card button {

        font-size: 15px;
    }

    .faq .card-header {
        padding: 10px;
    }

    .faq .card button i {

        top: 8px;
        right: 8px;
    }

    .faq .card-body p {
        font-size: 14px;
        margin-bottom: 0;
    }

    .project_management_section {
        margin: 50px 0px;
    }

    .customized_crm p {
        font-size: 15px;
        line-height: 27px;
    }

    .project_management_section .heading2 p {
        font-size: 15px;
        line-height: 27px;
    }

    .project_management {
        width: 100%;
    }

}