.hk1{
    background-image: url(../images/hk-1.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 15px;
}
.hk2{
    background-image: url(../images/hk-2.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 15px;
}
.hk3{
    background-image: url(../images/hk-3.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 15px;

}
.hk4{
    background-image: url(../images/hk-4.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;    
    border-radius: 15px;

}
.hk5{
    background-image: url(../images/hk-5.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 15px;

}
#chitietmonhoc-hk1{
    background-image: url(../images/hk1-2.jpg)!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 20px 60px!important;
}
#chitietmonhoc-hk2{
    background-image: url(../images/hk2-2.jpg)!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 20px 60px!important;
}
#chitietmonhoc-hk3{
    background-image: url(../images/hk3-2.jpg)!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 20px 60px!important;
}
#chitietmonhoc-hk4{
    background-image: url(../images/hk4-2.jpg)!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 20px 60px!important;
}
#chitietmonhoc-hk5{
    background-image: url(../images/hk5-2.jpg)!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 20px 60px!important;
}
/* .img{
    display: none;
} */
.hk-content img{
    padding: 0px;
  }
@media screen and (max-width: 767px){

    h4 {
        padding: 0;
    }
    .hk1{
        background-image: none;
        padding: 20px;
    }
    .hk2{
        background-image: none;
        padding: 20px;
    }
    .hk3{
        background-image: none;
        padding: 20px;
    }
    .hk4{
        background-image: none;
        padding: 20px;
    }
    .hk5{
        background-image: none;
        padding: 20px;
    }
    #chitietmonhoc-hk1{
        padding: 10px!important;
    }
    #chitietmonhoc-hk2{
        padding: 10px!important;
    }
    #chitietmonhoc-hk3{
        padding: 10px!important;
    }
    #chitietmonhoc-hk4{
        padding: 10px!important;
    }
    #chitietmonhoc-hk5{
        padding: 10px!important;
    }
    .img {
        display: initial;
    }
    .img img{
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
    }
    .arrow-hk {
        margin: 15px;
    }
    .row.hk1{
        padding:0 15px ;
    }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .hk1{
    background-size: 100% 100%;
        padding: 20px;
    }
    .hk2{
        background-size: 100% 100%;
        padding: 20px;
    }
    .hk3{
        background-size: 100% 100%;
        padding: 20px;
    }
    .hk4{
        background-size: 100% 100%;
        padding: 20px;
    }
    .hk5{
        background-size: 100% 100%;
        padding: 20px;
    }
    .row.hk1{
        padding: 0;
    }
}