@media screen and (min-width: 320px) and (max-width: 374.98px) { 
	
    h3{
        font-size: 1rem !important;
    }

    h5{
        font-size: 0.9rem !important;
    }

    th,td{
        font-size: 0.8rem !important;
    }

    .btn{
        font-size: 0.8rem !important;
    }

    .breadcrumb-item{
        font-size: 0.9rem !important;
    }

    .list-group-item{
        font-size: 0.8rem !important;
    }

    .dcsem-l{
        width: 65px;
        height: 65px;
       
    }
    
    .dcsem-t{
        font-size: 0.72rem;
        line-height: 1.1 !important;
    }
    
    .satymev-l{
        height : 60px;
        /* height: 60px;
        margin-top: 6px; */
    }

    .top-icons-ty1{
        padding: 4px 2px 8px 2px !important;
    }

    .top-icons-ty2{
        padding:2px 2px 2px 2px !important;
    }

    p{
        margin-bottom: 0px !important;
        font-size: 14px;
    }

    .form-control{
        font-size: 12px !important;
        line-height: 1.1 !important;
        height: 20px;
        width: 70%;
    }
    
    .top-icons-ty2 a{
        font-size: 14px !important;
    }

    .bk_bx{
        height: 12px;
        width: 12px;
    } 

    .color_bx{
        height: 12px;
        width: 12px;
    }    

    .footer-img > .w-25{
        width: 50% !important;
    }

    .flex-column > li > a{
    	font-size: 0.75rem !important;
    }

@media  screen and (min-width: 375px) and (max-width:424.98px) { 
    
    .dcsem-l{
        width: 70px;
        height: 70px;
       
    }
    
    .dcsem-t{
        font-size: 0.8rem;
        line-height: 1.2 !important;
    }
    
    .satymev-l{
        height : 70px;
        /* height: 60px;
        margin-top: 6px; */
    }

    .bk_bx{
        height: 12px;
        width: 12px;
    } 
    
    .color_bx{
        height: 12px;
        width: 12px;
    }

    
} 

@media (max-width: 400px) {

    .forms-table-responsive-div{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
 
    .forms-table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
  
    .forms-table-responsive 
    .btn {
        white-space: nowrap;
    }
  
    .forms-table-responsive 
    table {
        min-width: 600px;
    }
}

@media  screen and (min-width: 424px) and (max-width: 574.98px) { 
    
    .dcsem-l{
        width: 80px;
        height: 80px;
        margin-top: 13px;
    }
    
    .dcsem-t{
        font-size: 0.95rem;
        line-height: 1.3 !important;
    }
    
    .satymev-l{
        height : 80px;
        /* height: 60px;
        margin-top: 6px; */
    }

    .bk_bx{
        height: 12px;
        width: 12px;
    } 
    
    .color_bx{
        height: 12px;
        width: 12px;
    }

    
}

@media screen and (min-width: 575px) and (max-width: 767.98){
    
}

@media screen and (max-width: 767.98px) {
    .mbheader {
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .top-icons-ty1{
        padding: 4px 2px 2px 2px !important;
    }

    .top-icons-ty2{
        padding:4px 4px 2px 4px !important;
    }

    .top-icons-ty2 > p {
        padding: 5px 0px 0px 0px !important;
        font-size: 12px !important;
    }

    .top-icons-ty2 > a {
        font-size: 12px !important;
    }

    .dcsem-t{
        font-size: 0.80rem;
    }

    .dcsem-l{
        height: 80px;
        width: 80px;

    }

    .satymev-l{
        height:100px;
        width: 71px;
    }

  
    .bk_bx{
        height: 12px;
        width: 12px;
    } 
    
    .color_bx{
        height: 12px;
        width: 12px;
    }

    

    .nav-link{
        padding: 0.5rem 0.5rem !important;
        font-size: 14px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .top-icons-ty1{
        padding: 4px 2px 8px 2px !important;
    }
    .top-icons-ty2{
        padding:8px 4px 8px 4px !important;
    }
    .dcsem-t{
        font-size: 0.85rem;
    }    
}

/* ===============================
   400% Zoom Fix (WCAG Reflow)
   Page: Allotment Forms
   =============================== */

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

    /* Scope only inside this tab */
    #v-pills-home table {
        display: block;
        width: 100%;
    }

    #v-pills-home tr {
        display: block;
        margin-bottom: 12px;
    }

    #v-pills-home td {
        display: block;
        width: 100%;
    }

    /* Fix Download button */
    #v-pills-home .btn.btn-light {
        display: block;
        width: 100%;
        padding: 6px 10px;   /* Reduced padding */
        font-size: 14px;
        white-space: normal;
        word-break: break-word;
        text-align: center;
    }

    #v-pills-home a[role="button"],
    #v-pills-home a.btn {
        display: block;
        width: 100%;
    }
}