@media (max-width: 991px) {
    .table-control-wrap {
        display: none;
    }
  
}
@media (max-width:768px) {
    .div-table .text-center, .div-table .text-end {
        text-align: left !important;
    }

    .flex-1per, .flex-2per, .flex-3per, .flex-4per, .flex-5per, .flex-6per, .flex-7per, .flex-8per, .flex-9per, .flex-10per,
    .flex-11per, .flex-12per, .flex-13per, .flex-14per, .flex-15per, .flex-16per, .flex-17per, .flex-18per, .flex-19per, .flex-20, .flex-21per, .flex-22per, .flex-23per, .flex-24per, per.flex-25per, .flex-26per,
    .flex-27per, .flex-28per, .flex-29per, .flex-30per, .flex-31per, .flex-32per, .flex-33per, .flex-34per, .flex-35per, .flex-36per, .flex-37per, .flex-38per, .flex-39per .flex-40per, .flex-50per {
        flex: 0 0 100% !important;
        max-width: 100%;
        min-width: 100%;
    }
    .flex-column-mob {
        flex-direction: column;
    }

    .mb-2-mob {
        margin-bottom: 10px !important;
    }

    .flex-1-mob {
        flex: 1;
    }

    .min-width-90-mob {
        min-width: 90px;
    }

    .white-space-pre-mob {
        white-space: pre;
    }
    .div-table-row {
        padding: 0.15rem;
    }
    #cnt-main {
        background-image: none !important;
    }

    .conatainer-outer {
        flex-direction: column;
    }

    .container-login-left {
        order: 2;
    }

    .container-login-right {
        order: 1;
    }

    .wrap-login100 {
        width: 95%;
        padding: 10px;
        margin: 0 auto;
    }
    .mtop-sm-2 {
        margin-top: 10px;
    }

    .full-width-sm {
        flex: 0 0 100% !important;
        max-width: 100%;
        min-width: 100%;
    }
    .mob-flex-1-4 {
        width: 25% !important;
        min-width: 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
    .mob-row {
    flex-direction:row;
    }
    .div-table-body-mob .div-table-col:before {
       display:none;
    }
    .div-table-body-mob .mob-row .mob-flex-1-4:first-child, .div-table-body-mob .mob-row .mob-flex-1-4:nth-child(3) {
        width: 30% !important;
        min-width: 30% !important;
        flex: 0 0 30% !important;
        max-width: 30% !important;
    }

    .div-table-body-mob .mob-row .mob-flex-1-3:first-child, .div-table-body-mob .mob-row .mob-flex-1-3:nth-child(2), .div-table-body-mob .mob-row .mob-flex-1-3:nth-child(3) {
        width: 30% !important;
        min-width: 30% !important;
        flex: 0 0 30% !important;
        max-width: 30% !important;
    }
    
}
    
/* Desktop styles (768px and up) */
@media (min-width: 768px) {
    .div-table-header {
        display: block;
    }

    .div-table-row {
        flex-direction: row;
        padding: 0;
    }

    .div-table-col {
        flex: 1;
        padding: 0.75rem;        
        display: block;
    }

        .div-table-col:before {
            display: none;
        }

        .div-table-col:last-child {
            border-right: none;
        }
    
}

@media (max-width:575px) {
    #ic-img.agtg-logo {
    top:16vh;
    }
    #ic-img.jenco-logo {
    top:19vh;
    }
    #ic-img.toolmarts-logo {
    top:16vh;
    }
    #ic-img.thrifco-logo {
    top:10vh;
    }
    .topbar-right-wrap {
        flex-direction: column;
    }
        .topbar-right-wrap .chanels-nme {
            margin-right: 0px !important;
            width: 100%;
            flex-direction: row;
        }
        .topbar-right-wrap .loginDisplay {
            width: 100%;
            margin: 10px 0 10px 0;
        }
    ul.navbar-nav {
    margin-bottom:5px;
    }
    .main-menu ul li a {
    display:block;white-space:nowrap;
    }
    .main-menu ul {
        display: flex;
        flex-direction: row;
        overflow-x: scroll;
        width: 100% !important;
    }
}