.postcodechecker{display: flex;align-items: center;justify-content: space-between;}

.postcodechecker > div:nth-child(1){width: 50%;}
.postcodechecker > div:nth-child(1) input[type='text']{border: 1px solid #999999;border-radius: 5px;box-shadow: none;padding: 15px;height: 56px;max-width: 360px;display: inline-block;}
.postcodechecker > div:nth-child(1) button{border-radius: 25px;background: #265473;color: white;padding: 20px 30px;height: 56px;margin-left: 10px;cursor: pointer;}

.postcodechecker > div:nth-child(2){}
.postcodechecker > div:nth-child(2) > div.message{display: flex;align-items: center;background: white;padding: 10px;height: 56px;border-radius: 5px;}
.postcodechecker > div:nth-child(2) > div.message > div:nth-child(1){  }
.postcodechecker > div:nth-child(2) > div.message > div:nth-child(1) svg{width: 41px;height: 41px;margin-right: 10px;}
.postcodechecker > div:nth-child(2) > div.message > div:nth-child(2){font-size: 14px;}
.postcodechecker > div:nth-child(2) > div.message > div:nth-child(3){  }
.postcodechecker > div:nth-child(2) > div.message > div:nth-child(3) .nextstep{border-radius: 25px;background: #2baae2;color: white !important;padding: 20px 30px;height: 56px;margin-left: 10px;position: relative;right: -25px;cursor: pointer;}


.catchmentarea{ margin-top: 10px; -webkit-clip-path: polygon(0 54px, 100% 54px, 100% 100%, 0% 100%); clip-path: polygon(0 70px, 100% 70px, 100% 100%, 0% 100%); }
.catchmentarea iframe{ width: 100% !important; min-height: 600px !important; }

.registration-hero {max-width: 1350px; margin: auto;padding: 25px;}

@media screen and (max-width: 39.9375em) {

    .postcodechecker { flex-wrap: wrap;}
    .postcodechecker > div:nth-child(1){width: 100%;text-align: center;margin-bottom: 25px;}
    .postcodechecker > div:nth-child(1) button { height: 45px; padding: 10px 25px;}
    .postcodechecker > div:nth-child(1) input[type='text'] {height: 45px;}
    .postcodechecker > div:nth-child(2) > div.message {height: auto;line-height: 17px;}
    .catchmentarea iframe{ width: 100% !important; min-height: 400px !important; }
    .postcodechecker > div:nth-child(2) > div.message > div:nth-child(3) .nextstep{ padding: 10px;width: 100px;}
}