/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .wp_intro .img-box,
    .wp_about .img-box{
        text-align: center;
        margin-bottom: 20px;
    }
    .wp_intro .img-box img,
    .wp_about .img-box img
    {
        width: 70%;
        border-radius: 0;
    }
    .wp_intro .info,
    .wp_about .info{
        text-align: center;
    }
    .wp_about .info h1
    {
        font-size: 27px;
    }
    .wp_intro .info h1{
        font-size:20px;
    }
    .wp_intro .info h5,
    .wp_about .info h5
    {
        font-size: 15px;
    }
    .wp_intro .info p,
    .wp_about .info p
    {
        font-size: 15px;
    }
    .wp_title h1{
        font-size: 17px;
    }
    .wp_about .img-box{
        text-align: center;
        margin-bottom: 15px;
    }
    .wp_about .info{
        text-align: center;
    }
    .wp_book .book_cover .img-box img{
        width: 60%;
    }
    .wp_book .book_cover .data .name{
        font-size: 15px;
        text-align: center;
    }
    .wp_book .book_cover .data{
        width: 100%;
    }
    .wp_book .wp_title{
        display: none;
    }
    .wp_book .show_items_sec .wp_title{
        display: block;
    }
    .wp_title h1 i{
        top: 10px;
        font-size: 20px;
    }
    .side_ul h5{
        margin-top: 20px;
    }
    .wp_book .wp_title h1, .wp_post .wp_title h1{
        font-size: 17px;
    }
    .wp_media_audio_sec .block .wp_social_share,
    .wp_media_audio_sec .block .view{
        text-align: center;
    }
    .wp_intro .info{
        width:100%
    }
    /*Start Post Block*/
    .post-block .img-block{
        height:130px;
    }
    /*End Post Block*/
    .wp_404 h2{
        font-size: 25px;
    }
    .wp_404 p{
        font-size: 17px;
    }
    .wp_intro .block .key{
        font-size:11px
    }
    .wp_intro .block .value{
        font-size:12px;
    }
    .wp_intro .img-box{
        height: 200px;
    }
}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .wp_intro .img-box,
    .wp_about .img-box{
        text-align: center;
        margin-bottom: 20px;
    }
    .wp_intro .img-box img,
    .wp_about .img-box img{
        width: 60%;
        border-radius: 0;
    }
    .wp_about .info{
        text-align: center;
    }
    .wp_intro .info h1,
    .wp_about .info h1{
        font-size: 35px;
    }
    .wp_intro .info h5,
    .wp_about .info h5{
        font-size: 17px;
    }
    .wp_about .img-box{
        text-align: center;
        margin-bottom: 15px;
    }
    .wp_about .info{
        text-align: center;
    }
    .wp_book .book_cover .img-box img{
        width: 40%;
    }
    .wp_book .wp_title{
        display: none;
    }
    .wp_media_audio_sec .block .wp_social_share,
    .wp_media_audio_sec .block .view{
        text-align: center;
    }
    .wp_intro .info{
        width:100%
    }

    /*Start Post Block*/
    .post-block .img-block{
        height:130px;
    }
    /*End Post Block*/
    .wp_plan_sec .title{
        font-size: 35px;
    }
    .wp_plan_sec .card-title{
        font-size:16px;
    }
    .wp_plan_sec .card li{
        font-size:14px;
    }
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .wp_intro .info h1,
    .wp_about .info h1{
        font-size: 35px;
    }
    .wp_intro .info h5,
    .wp_about .info h5{
        font-size: 16px;
    }
    .wp_intro .info p,
    .wp_about .info p{
        font-size: 16px;
    }
    .wp_about .img-box{
        text-align: center;
        margin-bottom: 15px;
    }
    .wp_about .info{
        text-align: center;
    }
    .wp_book .book_cover .img-box img{

    }
    .wp_book .wp_title h1,
    .wp_post .wp_title h1,
    .wp_index .wp_title h1{
        font-size: 17px;
    }
    .wp_book .wp_title h1 i,
    .wp_post .wp_title h1 i,
    .wp_index .wp_title h1 i{
        font-size: 15px;
        top: 5px;
    }
    .wp_book .book_cover .data .name{
        font-size: 17px;
    }

}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .wp_book .book_cover .data .name{
        font-size: 17px;
    }
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}