.euroPredCnts .predHint {    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; width: 100%; background: #000; padding: 30px 16px; min-height: 210px; position: relative; margin-bottom: 22px; border-radius: 6px; overflow: hidden }
.euroPredCnts .predHint .hintMsg { display: inline-block; float: none; width: calc(100% - 260px) }
.euroPredCnts .predHint:before{content:'';background:url(../Images/warning.svg) top center;background-size:cover;width:34px;height:30px;display: inline-block;
}
.euroPredCnts .predHint .hintMsg h3 { float: right; display: inline-block; width: calc(100% - 50px); text-align: right; color: #fff; font-family: droidBold,Arial; font-size: 16px!important; line-height: 2; }
.euroPredCnts .predHint .hintMsg p{ float: right; display: inline-block; width: calc(100% - 50px); text-align: right; color: #fff; font-family: droidLight,Arial; font-size: 14px; line-height: 2; margin: 0;margin-top:8px }
.euroPredCnts .predHint .regBtn { position: relative; left: auto; bottom: auto; width: 200px; height: 50px; background: #45B3EB; color: #fff; font-family: droidLight,Arial; font-size: 14px; line-height: 3.6; text-align: center; border-radius: 4px }
 .euroPredCnts .predHint .hintMsg p, .euroRoadToCup .predHint .hintMsg p {
    margin-top:0;
}
.euroPredCnts .predHint .hintMsg p .customFont {
    font-family: droidBold, Arial;
}
@media screen and (min-width:1280px) and (max-width:1359px) {
     .euroPredCnts .predHint { padding: 20px 10px; min-height: 100% }
    .euroPredCnts .predHint .hintMsg h3 { font-size: 18px; line-height: 1.8; text-align: right }
    .euroPredCnts .predHint .hintMsg p {        text-align: right;
        margin: 0 0 30px;
        font-size: 12px; }
    .euroPredCnts .predHint .regBtn { position: relative; bottom: 0; left: 0; width: 100%; height: 40px; display: inline-block; line-height: 3.0; font-size: 14px; }
.euroPredCnts .predHint .hintMsg{width:calc(100% - 50px)}
}

@media screen and (min-width:1152px) and (max-width:1279px) {
     .euroPredCnts .predHint, .euroRoadToCup .predHint { padding: 20px 10px; min-height: 100% }
    .euroPredCnts .predHint .hintMsg h3, .euroRoadToCup .predHint .hintMsg h3 { font-size: 18px; line-height: 1.8; text-align: right }
    .euroPredCnts .predHint .hintMsg p, .euroRoadToCup .predHint .hintMsg p { text-align: right; margin: 0 0 30px; font-size: 12px; }
    .euroPredCnts .predHint .regBtn, .euroRoadToCup .predHint .regBtn { position: relative; bottom: 0; left: 0; width: 100%; height: 40px; display: inline-block; line-height: 3.0; font-size: 14px; }
.euroPredCnts .predHint .hintMsg{width:calc(100% - 50px)}
}

@media screen and (min-width:1024px) and (max-width:1151px) {
     .euroPredCnts .predHint, .euroRoadToCup .predHint { padding: 20px 10px; min-height: 100% }
    .euroPredCnts .predHint .hintMsg h3, .euroRoadToCup .predHint .hintMsg h3 { font-size: 18px; line-height: 1.8; text-align: right }
    .euroPredCnts .predHint .hintMsg p, .euroRoadToCup .predHint .hintMsg p { text-align: right; margin: 0 0 30px; font-size: 12px; }
    .euroPredCnts .predHint .regBtn, .euroRoadToCup .predHint .regBtn { position: relative; bottom: 0; left: 0; width: 100%; height: 40px; display: inline-block; line-height: 3.0; font-size: 14px; }
.euroPredCnts .predHint .hintMsg{width:calc(100% - 50px)}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
     .euroPredCnts .predHint, .euroRoadToCup .predHint { padding: 20px 10px; min-height: 100%;justify-content: center; }
    .euroPredCnts .predHint .hintMsg h3, .euroRoadToCup .predHint .hintMsg h3 { font-size: 18px; line-height: 1.8; text-align: center }
    .euroPredCnts .predHint .hintMsg p, .euroRoadToCup .predHint .hintMsg p { text-align: right; margin: 0 0 12px; font-size: 12px; }
    .euroPredCnts .predHint .regBtn, .euroRoadToCup .predHint .regBtn { position: relative; bottom: 0; left: 0;        width: 128px;
        height: 34px;
        display: inline-block;
        line-height: 34px;
        font-size: 10px;}


.euroPredCnts .predHint:before{width:31px;height:27px;margin-left: 6px;}
.euroPredCnts .predHint .hintMsg{    width: calc(100% - 40px);}

 .euroPredCnts .predHint .hintMsg h3{width:100%;font-size:12px!important;text-align: right;}
}