.ourwarrior h3 {
    font-size: 76px;
    font-weight: 900;
    color: #d4d4d4;
    text-align: center;
    padding: 0 0 15px;
}
.our-warrior-main {
    padding: 0 0 50px;
}
.our-warrior-list {
    padding: 0 0 50px;
}
.our-warrior-list-img {
    display: inline-block;
    width: 18%;
    vertical-align: top;
    position: relative;
}
.our-warrior-list-img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.our-warrior-list-info {
    display: inline-block;
    width: 83%;
    vertical-align: top;
    background: #fff;
    padding: 30px 30px 30px 60px;
    margin: 150px 0 0 -30px;
    min-height: 230px;
}
.our-warrior-list-img:before {
    content: "";
    position: absolute;
    left: 15px;
    right: -20px;
    top: 15px;
    bottom: -20px;
    border-top: 0 none;
    border-left: 0 none;
    border-bottom-width: 20px;
    border-right-width: 20px;
    border-color: #ff5722;
    border-style: solid;
    z-index: 1;
}
.our-warrior-list:nth-child(3n+1) .our-warrior-list-img:before {
    border-color: #1a58a1;
}
.our-warrior-list:nth-child(3n+2) .our-warrior-list-img:before {
    border-color: #fba21b;
}
.our-warrior-list:nth-child(3n) .our-warrior-list-img:before {
    border-color: #795548;
}









@media only screen and (min-width:1200px) and (max-width:1500px)
{

.our-warrior-list-img {
    width: 28%;
}
.our-warrior-list-info {
    width: 74%;
}


}




@media only screen and (min-width:240px) and (max-width:767px)
{


.ourwarrior h3 {
    font-size: 30px;
}
.our-warrior-list-img {
    width: 100%;
}
.our-warrior-list-info {
    width: 100%;
    margin: 0;
    padding: 30px 15px 20px 15px;
}


}