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

    /* routeTabs starts */

    #routeTabs .company-links .nav{

        flex-wrap: nowrap;

    }

    #routeTabs .company-links li a{

        padding: 0px;

        margin-left: 10px;

        margin-right: 10px;

    }

    #routeTabs .company-links li a span{

        font-size: 14px;

        line-height: 12px;

    }

    #routeTabs .company-links li a img {

        max-width: 40px;

    }

    /* routeTabs ends */

    /* businessHall starts */

    #businessHall .row .col-5{

        padding-left: 0px;

        padding-right: 0px;

    }

    #businessHall .row .col-6{

        padding-right: 0px;

    }

    #businessHall .row .col-1{

        padding-left: 0px;

    }

    #businessHall img {

        min-height: 100px;

    }

    #businessHall h5 {

        font-size: 15px;

        font-weight: bold;

        margin-bottom: 2px;

    }

    #businessHall .lock i {

        font-size: 14px;

    }

    

    /* businessHall ends */

    #useCommission h5{

        font-size: 13px;

    }

    /* bottom header */

    #bottomHeader .nav{

        padding-left: 12px;

        padding-right: 12px;

        flex-wrap: nowrap;

    }

    #bottomHeader a {

        padding: 0px;

    }

    #bottomHeader .grab-link {

        width: 75px;

    }

    #bottomHeader a .grab {

        height: 60px;

        width: 60px;

        line-height: 50px;

    }

    /* bottom heade ends */

    /* grab page starts */

    #grabBanner .grab-spinner {

        height: 225px;

    }

    #grabBanner h5{

        font-size: 17px;

    }

    #grabBanner p{

        font-size: 14px;

        margin-bottom: 8px;

    }

    .autograbPopUp .modal-content {

        position: absolute;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);

        background-color: white;

        width: 19rem;

        border-radius: 0.5rem;

    }

    .autograbPopUp .grab-body .grab-img{

        border: 1.5px solid #dbdbdb;

        padding: 5px;

        border-radius: 10px;

    }

    .autograbPopUp .grab-body .grab-title{

        font-size: 12px;

    }

    .autograbPopUp .grab-body .grab-detail{

        font-size: 11px;

    }

    .animation_item img {

        width: 3.6rem;

        height: 4.62rem;

    }

    #grabBanner .animation_item .img_box {

        padding: .133333rem 0;

        width: 3.6rem;

        height: 4.62rem;

    }

    .grab-links a {

        padding: 10px 5px;

        font-size: 14px;

        font-weight: 560;

        border-radius: 10px;

    }

    /* grab page ends */

    /* order page css */

    .available-asset h4 , .commission-table h4{

        font-size: 14px;

    }

    #orderData .nav-link {

        font-size: 12px;

        padding-left: 0px;

        padding-right: 0px;

    }

    #orderData .ribbon span {

        font-size: 0.75rem;

    }

    #orderData .card .card-header span , #orderData .card .card-footer span{

        font-size: 14px;

    }

    #orderData .card .card-title span {

        font-size: 14px;

    }

    #orderData .card .card-feature-img {

        padding-left: 5px;

    }

    /* order page ends */

    /* online page starts */

    #onlineContact .contact-box {

        border-radius: 5px;

    }

    #onlineContact .contact-box h4 {

        padding: 5px 0 0px;

        font-size: 10px;

    }

    

    /* online page ends */

    /* profile page starts */

    /* userDetails starts */

    #userDetails .user h5 {

        font-size: 15px;

    }

    #userDetails .user .user-level {

        padding: 5px 14px;

        font-size: 12px;

    }

    #userDetails .profile-img img{

        max-width: 65px;

    }

    .user-info .top-middle {

        padding: 18px;

        padding-top: 85px;

        padding-bottom: 85px;
        text-align: center;

    }

    .user-info .top-middle .user-buttons a {

        padding: 4px 10px;

        font-size: 12px;

    }

    .user-info .top-middle .user-buttons .deposit {

        margin-right: 4px;

    }

    .user-info .top-middle h5 {

        font-size: 14px;

    }

    .user-info .last-part {

        padding: 10px;

        padding-bottom: 30px;

    }

    .user-info .last-part h5{

        font-size: 14px;

    }

    .user-info .last-part h6 , .user-info .top-middle h6{

        font-size: 12px;

    }

    /* user details ends */

    /* userLink starts */

    #userLinks .user-box{

        border-radius: 50px;

        height: 100%;

        padding-left: 15px;

        padding-right: 15px;

    }

    #userLinks .user-box img {

        max-width: 35px;

    }

    #userLinks .user-box h6 {

        font-size: 14px;
        margin-bottom: 0;

    }

    .user-info .toggle-down-arrow , .user-info .toggle-up-arrow {

        left: 45%;

        right: 55%;

    }

    /* userLink ends */

    /* profile page ends */

    /* loginReg pages css stasts */

    #loginReg .submit-btn {

        font-size: 20px;

    }

    #loginReg form .form-control {

        padding: 10px;

        border-radius: 30px;

    }

    /* loginReg pages css ends */

    /* announcement starts */

    #announcement .announcement-title h2 {

        font-size: 20px;

    }

    #announcement .announcement-img img {

        border-radius: 5px;

    }

    /* announcement ends */

    /* personal info starts */

    #accountInfo h5 {

        font-size: 14px;

    }

    /* personal info ends */

    /* deposit page starts */

    #depositOptions h5 {

        font-size: 16px;

    }

    #payForm form .btn {

        padding: 10px 20px;

    }

    #payForm .remind-btn {
        border-radius: 0px;
        padding: 10px 15px;
    }

    /* deposit page ends */

    /* inviteFriend page starts */

    #inviteTopHeader .header-title h2{

        font-size: 16px;

    }

    /* inviteFriend page ends */

    /* teamReport starts */

       #teamReport .box h4 {
        font-size: 15px;
        color: #198754;
    }

    /* teamReport ends */

    /* common css */

    #nav-tabContent h4{

        font-size: 18px !important;

    }

    .gray-body #topHeader .header-title h2 {

        font-size: 16px;

    }

    .not-found-data {

        font-size: 15px;

    }

    .page-notice h5{

        font-size: 14px;

    }

    #topHeader .header-title h2 {

        color: #fff;

        font-size: 17px;

        font-weight: bold;
        margin-bottom: 0;

    }

  }

  

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

    .autograbPopUp .grab-body .grab-img{

        border: 2px solid #dbdbdb;

        padding: 20px;

        border-radius: 10px;

        max-width: 100%;

    }

    .autograbPopUp .grab-body .grab-title {

        font-size: 14px;

        margin-top: 10px;

    }

    .autograbPopUp .grab-body .grab-detail{

        font-size: 12px;

    }

  }