/*start media query*/
@media screen and (max-width: 768px) {
    .ontop_themehead {
        font-size: 14px;
        padding: 8px;
        width: 100%;
    }

    .dotted-border {
        border: 2px dotted #e4e2e2 !important;
        /* Blue dotted border */
        padding: 6px !important;
        width: 50px !important;
        text-align: center;
        margin: 20px auto;
    }

    .hading_themehead {
        width: 100%;
           }

    .dataTables_length {
        margin-bottom: .5rem !important; 
    }

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

    .basic-text {
        font-size: 13px;
    }

    .step_num {
        font-size: 20px !important;
        width: 20px !important;
        height: 18px !important;
    }

    .card-title {
        font-size: 17px;
    }

    .card-title1 {
        font-size: 17px;
    }

    .solu_description p {
        font-size: 15px;
    }

    .hading_themehead {
        font-size: 14px;
    }

    .mobile-view-margin {
        margin: 0 !important;
    }

    .Rmb-3 {
        margin-bottom: 15px;
    }

    .solution_card .solu_description p {
        font-size: 17px;
        margin-bottom: 10px;
    }
}

@media (max-width: 1550px) {

    .form-label,
    .form-check-label {
        font-size: 14px;
    }
}


@media screen and (min-width: 320px) {
    .sol_card_top_3 {
        position: relative;
        top: 0;
    }

    .our_solution_category {
        width: 100%;
        margin: 0 auto;
    }

    .our_solution_category .solution_cards_box {
        flex: auto;
    }
}

@media only screen and (min-width: 768px) {
    .our_solution_category .solution_cards_box {
        flex: 1;
    }
}

@media only screen and (min-width: 1024px) {
    .sol_card_top_3 {
        position: relative;
        top: -3rem;
    }

    .our_solution_category {
        /* width: 50%; */
        margin: 0 auto;
    }
}

@media (max-width: 1199px) {
    #main {
        padding: 20px;
    }
}

@media (min-width: 768px) {
    .dropdown-menu-arrow::before {
     content: "";
        width: 13px;
        height: 13px;
        background: #477c53;
        position: absolute;
        top: -7px;
        right: 20px;
        transform: rotate(45deg);
        border-top: 1px solid #eaedf1;
        border-left: 1px solid #eaedf1;
    }
}

@media (min-width: 1200px) {
    .logo {
        width: 680px;
    }
}

@media (max-width: 1199px) {
    .header .search-bar {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        padding: 20px;
        box-shadow: 0px 0px 15px 0px rgba(1, 41, 112, 0.1);
        background: white;
        z-index: 9999;
        transition: 0.3s;
        visibility: hidden;
        opacity: 0;
    }

    .header .search-bar-show {
        top: 100px;
        visibility: visible;
        opacity: 1;
    }
}

@media (max-width: 1199px) {
    .sidebar {
        left: -300px;
    }
}


@media (min-width: 1200px) {
    #main, #footer {
        margin-left: 205px;
    }
}

@media (max-width: 1199px) {
    .toggle-sidebar .sidebar {
        left: 0;
    }
}

@media (min-width: 1200px) {

    .toggle-sidebar #main,
    .toggle-sidebar #footer {
        margin-left: 0;
    }

    .toggle-sidebar .sidebar {
        left: -300px;
    }
}

@media (min-width: 992px) {
    .error-404 img {
        max-width: 50%;
    }
}

@media screen and (max-width: 767px) {
    #header span img {
        max-height: 2.9rem;
    }

    #header p img {
        width: 45px;
    }

    .tm_invoice_info_right1 {
        width: 92% !important;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }

}


@media screen and (max-width: 400px) {
    #header span img {
        max-height: 2.7rem;
    }

    #header p img {
        width: 40px;
        margin-left: -15px;
    }


}