.registration-title {font-size:35px; line-height:1.1em; color:#0a0a0a; }
.registration-sub-title {font-size:25px; line-height:1.1em; color:#0a0a0a; }   
.textboxreg { font-size:16px; height:41px; border-color:#fff;} 
.closePopupIcon {font-size:35px;}

@media (min-width:350px) and (max-width:575.98px) {
    .registration-title {font-size:48px; line-height:1.1em; color:#0a0a0a; }
    .registration-sub-title {font-size:30px; line-height:1.1em; color:#0a0a0a; }
}

@media (min-width:576px) and (max-width:767.98px) {
    .registration-title {font-size:50px; line-height:1.1em; color:#0a0a0a; }
    .registration-sub-title {font-size:35px; line-height:1.1em; color:#0a0a0a; } 
    .closePopupIcon {font-size:35px;}
}

@media (min-width:768px) and (max-width:991.98px) { 
    .textboxreg { font-size:23px; height:41px; border-color:#fff;}
    .registration-title {font-size:50px; line-height:1.1em; color:#0a0a0a; }
    .registration-sub-title {font-size:35px; line-height:1.1em; color:#0a0a0a; } 
    .closePopupIcon {font-size:40px;}
}

@media (min-width:992px) and (max-width:1199.98px) {
    .textboxreg { font-size:23px; height:41px; border-color:#fff;}
    .registration-title {font-size:50px; line-height:1em; color:#0a0a0a; }
    .registration-sub-title {font-size:35px; line-height:1em; color:#0a0a0a; } 
    .closePopupIcon {font-size:40px;}
}

@media (min-width:1200px) { 
    .textboxreg { font-size:28px; height:50px; border-color:#fff;}
    .registration-title {font-size:74px; line-height:1em; color:#0a0a0a; }
    .registration-sub-title {font-size:50px; line-height:1em; color:#0a0a0a; } 
    .closePopupIcon {font-size:40px;}
}