/*================================== Installment Table Responsive - Start =====================================*/

@media only screen and (min-width: 991px) {
    .installment-logo { height:45px;}
    .installment-table { width: 32.3%;}
    .installment-head.col-3 {width:30.00%;}
    .installment-head.col-2 {width:45%;}
    .installment-head.col-1  {width:25%;}
    .installment-line.installment-title,
    .installment-line.installment-amount-title,
    .installment-line.total-amount-title {height:35px;font-weight:bold;background:#fff;}
}

@media only screen and (min-width: 801px) and (max-width: 990px) {
    .installment-table { width: 32.3%;} 
    .installment-head.col-3,
    .installment-head.col-2,
    .installment-head.col-1  {width:33.3%;}
    .installment-line.installment-title,
    .installment-line.installment-amount-title,
    .installment-line.total-amount-title {height:35px;}
}

@media only screen and (min-width: 776px) and (max-width: 800px) {
    .installment-table { width: 32.1%;} 
    .installment-head.col-2 {width:41%}
}

@media only screen and (min-width: 561px) and (max-width: 775px) {
    .installment-table { width: 48.5%;} 
    .installment-head.col-3,
    .installment-head.col-2,
    .installment-head.col-1  {width:33.3%;}
    .installment-line.installment-title,
    .installment-line.installment-amount-title,
    .installment-line.total-amount-title {height:35px;}
}

@media only screen and (min-width:415px) and (max-width: 560px) {
    .installment-table { width: 48.1%;} 
    .installment-head.col-3 {width:30.00%;}
    .installment-head.col-2 {width:45%;}
    .installment-head.col-1  {width:25%;}
    .installment-line.installment-title,
    .installment-line.installment-amount-title,
    .installment-line.total-amount-title {height:35px;}
}

@media only screen and (min-width:376px) and (max-width: 414px) {
    .payment_table dd { font-size:12px;}    
    .installment-head.col-3 {width:30.00%;}    
    .installment-table { width: 100%;} 
}

@media only screen and (min-width:361px) and (max-width: 375px) {
    .payment_table dd { font-size:12px;}   
    .installment-head.col-3 {width:30.00%;}        
    .installment-table { width: 100%;}     
}

@media only screen and (min-width:321px) and (max-width: 360px) {
    .installment-table { width: 100%;} 
}

@media only screen and (min-width:1px) and (max-width: 320px) {
    .installment-table { width: 100%;} 
}

/*================================== Installment Table Responsive - End =====================================*/