.resource_HubArea {
    width: 100%;
    padding: 100px 0 366px;
    position: relative;
    z-index: 1;

}
.resource_HubArea:before{
    content: "";
    width: 100%;
    height: 896px;
    background: url(../images/resource_Bg.png) no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    z-index: -1;
}
.resource_HubArea .heading {
    padding: 0 0 100px;
} 
.resource_HubArea .resourceBox .hub_content {
    margin: 0 0 30px;
}
.resource_HubArea .resourceBox .item {
    min-height: 500px;
    padding: 80px 60px;
    display: flex;
    align-items: flex-end;
    position: relative;
}
.resource_HubArea .resourceBox .item.image {
    background-size: cover;
    background-repeat: no-repeat;
}
.resource_HubArea .resourceBox .hub_content:nth-of-type(2) .item.image .text p, .resource_HubArea .resourceBox .hub_content:nth-of-type(3) .item.image .text p {
    color: #4D4D4D;
}
.resource_HubArea .resourceBox .hub_content:nth-of-type(2) .item.image .text h3.text_white, .resource_HubArea .resourceBox .hub_content:nth-of-type(3) .item.image .text h3.text_white {
    color: #111111;
}
.resource_HubArea .resourceBox .hub_content:nth-of-type(2) .item.image .text .btn-sm, .resource_HubArea .resourceBox .hub_content:nth-of-type(3) .item.image .text .btn-sm {
    color: #111111;
}
.resource_HubArea .resourceBox .hub_content:nth-of-type(2) .item.image .text .btn-sm:hover, .resource_HubArea .resourceBox .hub_content:nth-of-type(3) .item.image .text .btn-sm:hover {
    color: #fff;
}
.resource_HubArea .resourceBox .hub_content:nth-of-type(2) .item.image .text .btn-sm:after, .resource_HubArea .resourceBox .hub_content:nth-of-type(3) .item.image .text .btn-sm:after {
    background: #00625C;    
}
.resource_HubArea .resourceBox .item .text {
    max-width: 340px;    
}
.resource_HubArea .resourceBox .item p {
    margin-bottom: 60px;
}
.resource_HubArea .resourceBox .item.image .text p {
    color: #c7c7c7;
} 
.resource_HubArea .resourceBox .item.grantAward {
    overflow: hidden;
    z-index: 1;
}  
.resource_HubArea .resourceBox .item.grantAward h3 {
    color: #111111;
}
.resource_HubArea .resourceBox .item.grantAward p {
    color:#4D4D4D;
}
.resource_HubArea .resourceBox .item.grantAward:before {
    content: "";
    width: 419px;
    height: 774px;
    background: url(../images/resource_award.png) no-repeat;
    position: absolute;
    right: -22px;
    bottom: 10px;
    z-index: -1;
}
.resource_HubArea .resourceBox .item.grantAward.specialis:before {
    width: 534px;
    height: 476px;
    background: url(../images/resource_specialis.png) no-repeat;   
    bottom: auto;
    top: -56px;
    right: -60px; 
}

@media(max-width: 1440px){

    .resource_HubArea {
        padding: 100px 0 320px;
    }
    .resource_HubArea:before {
       height: 810px;
    }
    
    
}
@media(max-width: 1365px){
    .resource_HubArea:before {
        height: 750px;
    }
}

@media(max-width: 1279px){
    .resource_HubArea:before {
        height: 700px;
    }
}

@media(max-width: 1199px){

    
    .resource_HubArea {
        padding: 80px 0 220px;
    }
    .resource_HubArea:before {
        height: 600px;
    }
    .resource_HubArea .resourceBox .item.grantAward.specialis:before {
        width: 490px;
        height: 450px;
        background-size: 490px;
    }
    .resource_HubArea .resourceBox .item {
        padding: 60px 40px;
    }
    .resource_HubArea .heading {
        padding: 0 0 80px;
    }
    
}

@media(max-width: 991px){

    .resource_HubArea {
        padding: 70px 0 170px;
    }
    .resource_HubArea .heading {
        padding: 0 0 70px;
    }
    .resource_HubArea:before {
        height: 455px;
    }
    
    .resource_HubArea .resourceBox .item {
        padding: 50px 20px;
    }
    .resource_HubArea .resourceBox .item {
        min-height: 390px;
    }
    .resource_HubArea .resourceBox .item p {
        margin-bottom: 40px;
    }
    .resource_HubArea .resourceBox .item.grantAward:before {
        width: 331px;
        height: 609px;
        background-size: 330px;
    }
    .resource_HubArea .resourceBox .item.grantAward.specialis:before {             
        width: 360px;
        height: 476px;
        top: -30px;
        right: -41px;
        background-size: 360px;
    }
   
}

@media(max-width: 767px){

    .resource_HubArea {
        padding: 60px 0 110px;
    }
    .resource_HubArea:before {
        height: 335px;
    }
    .resource_HubArea .heading {
        padding: 0 0 60px;
    }
  
}

@media(max-width: 575px){
    .resource_HubArea:before {
        height: 285px;
    }
    .resource_HubArea .resourceBox .item {
        padding: 36px 20px;
    }
    .resource_HubArea .resourceBox .item p {
        margin-bottom: 20px;
    }
}

@media(max-width: 479px){
    .resource_HubArea {
        padding: 60px 0 80px;
    }
    .resource_HubArea .resourceBox .item {
        min-height: 330px;
    }
    .resource_HubArea .resourceBox .item.grantAward:before {
        width: 290px;
        height: 538px;
        background-size: 290px;
        right: -12px;
    }
    .resource_HubArea .resourceBox .item.grantAward.specialis:before {
        width: 300px;
        height: 476px;
        top: -24px;
        right: -30px;
        background-size: 300px;
    }
    .resource_HubArea:before {
        height: 200px;
    }
}