.salary-calculator-container {
    width: 100%;
    max-width: 100% !important;
    background: #07233d;
    letter-spacing: 1px;
}
.salary-calculator-container .selection-holder {
    display: flex;
    width: 100%;
    max-width: 100% !important;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 80px;
}
.salary-calculator-container .selection-holder select{
    width: 350px;
    padding: 20px;
    border-radius: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid #707070;
    height: auto;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    letter-spacing: 0.1em;
    margin: 20px;
}
.salary-calculator-container .selection-holder select:enabled{
    color: #07233d;       
}
.salary-calculator-container .selection-holder select:disabled {
    background: #635c5c;
    color: #c3c0c0;
}
.salary-calculator-container .salary-display,
.salary-calculator-container .ote-display{
    /*width: 100% !important;*/
    /*max-width: 100% !important;*/
    padding-top: 80px !important;
    text-transform: uppercase;
}
.salary-calculator-container .salary-display > h5,
.salary-calculator-container .ote-display > h5{
    color: #ffffff;
    margin: 5px 0 40px !important;
    font-size: 20px;
}
.salary-calculator-container .salary-holder,
.salary-calculator-container .ote-holder{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    background: #06284a;
    color: #ffffff;
    background: linear-gradient(90deg, rgba(6,40,74,1) 21%, rgba(165,169,173,1) 50%, rgba(6,40,74,1) 79%);
    border-radius: 20px;
    padding: 20px 20px;
    border: 1px solid #ffffff;
}
.salary-calculator-container .salary-holder > div,
.salary-calculator-container .ote-holder > div{
    width: 30%;
    font-weight: bold;
}
.salary-calculator-container .salary-holder > div p,
.salary-calculator-container .ote-holder > div p{
    margin-bottom: 0 !important;
    font-weight: bold;
    font-size: 25px;
}    
.salary-calculator-container .salary-holder .salary-min-holder,
.salary-calculator-container .ote-holder .ote-min-holder{
    text-align: left;
}
.salary-calculator-container .salary-holder .salary-avg-holder,
.salary-calculator-container .ote-holder .ote-avg-holder{
    text-align: center;
}
.salary-calculator-container .salary-holder .salary-max-holder,
.salary-calculator-container .ote-holder .ote-max-holder{
    text-align: right;
}
.salary-calculator-container .label-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    color: #ffffff;
    padding: 5px 20px;
}
.salary-calculator-container .label-holder div {
    width: 30%;
    font-weight: bold;
}
.salary-calculator-container .label-holder div h5{
    margin: 20px 0;
    font-size: 20px;
    color: #ffffff;
}
.salary-calculator-container .label-holder div:nth-child(1) h5{
   text-align: left;     
}
.salary-calculator-container .label-holder div:nth-child(2) h5{
   text-align: center;    
}
.salary-calculator-container .label-holder div:nth-child(3) h5{
   text-align: right;     
}
@media all and (min-width: 1934px) {
    .salary-calculator-container .selection-holder select{
	    width: 30%;
	}
}
@media all and (min-width: 1500px) and (max-width: 1585px) {
      .salary-calculator-container .selection-holder select{
	    width: 30%;
	}
}
@media all and (max-width: 1300px) {
    /*.salary-calculator-container .selection-holder{*/
    /*    justify-content: space-around;*/
    /*}*/
	.salary-calculator-container .selection-holder select{
	    width: 30%;
        margin: 10px;
	}
}
@media all and (max-width: 768px) {
	.salary-calculator-container .selection-holder select{
	    width: 90%;
	}
}
@media all and (max-width: 480px) {
    .salary-calculator-container .selection-holder{
        margin-bottom: 0;
    }
    .salary-calculator-container .selection-holder select{
        padding: 10px;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        font-size: 13px;
    }
    .salary-calculator-container .salary-display,
    .salary-calculator-container .ote-display{
        padding-top: 50px !important;    
    }
    .salary-calculator-container .salary-display > h5,
    .salary-calculator-container .ote-display > h5{
        margin: 5px 0 20px !important;
        font-size: 15px;
    }
    .salary-calculator-container .salary-holder > div p,
    .salary-calculator-container .ote-holder > div p {
        font-size: 13px;
    }
    .salary-calculator-container .label-holder div h5{
        margin: 10px 0;
        font-size: 13px;
    }
}