body,html{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}
/*-----------------------------------------------
                  Banner Style
-----------------------------------------------*/
#pb_banner{
    background:url('../images/pub_banner_02.jpg');
    background-size:cover;
    background-position:50% 50%;
    height:550px;
}
.pb_banner-o{
    background:rgb(0, 0, 0,.3);
    height:550px;
}
.pb_banner-c{
    position:relative;
    height:550px;
}
.pb_banner-c h1{
   color:#fff;
    font-size:30px;
    position:absolute;
    top:45%;
    left:50%;
    transform:translate(-50%, -50%);
}


/*-----------------------------------------------
                  Newsletter Style
-----------------------------------------------*/
#pb_newsletter{
    margin-top:-175px;
}
#pb_newsletter h2{
    color:#fff;
    font-size:24px;
    margin-bottom:20px;
}
.pb_news-o{
    background:#fff;
    box-shadow:0 5px 15px 0 rgba(0,0,0,.1);
    padding:8px;
}
.pb_news-c img{
    margin-bottom:10px;
    height:200px;
    object-fit: cover;
    width:100%;
    position:relative;
    z-index:0;
}
.pb_news-c img::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(77, 180, 255,.95);
    z-index:1;
    display:block;
}
.pb_news-c p{
    margin-bottom:0;
}
#pb_one, #pb_two{
    padding-right:8px;
}
#pb_three, #pb_two{
    padding-left:0;
}
.pb_more-btn{
    float:right;
    margin-top:-40px;
    position:relative;
    z-index:999;
    font-size:12px;
}
.pb_more-btn a{
    background:#fff;
    border-radius:30px;
    padding:2px 20px;
    color:#777;
    box-shadow:0 1px 5px 0 rgba(0,0,0,.1);
    cursor:pointer;
    font-size:14px;
}
.pb_more-btn a:hover{
    background:#fff;
    color:#4db4ff;
}
@media(max-width:768px){
    #pb_one, #pb_two{
        padding-right:15px;
    }
    #pb_three, #pb_two{
        padding-left:15px;
    }
    .pb_news-c{
        margin-bottom:15px;
    }
}
@media(max-width:576px){
    #pb_banner{
        height:400px;
    }
    .pb_banner-o{
        height:400px;
    }
    .pb_banner-c{
        height:400px;
    }
    #pb_newsletter h2{
        font-size:20px;
    }
    .pb_banner-c h1{
        font-size:24px;
    }
}


/*-----------------------------------------------
                 Books Style
-----------------------------------------------*/
#pb_books{
    padding:75px 0;
}
.pb_books-o{
    background:#fff;
    margin-bottom:5px;
}
.pb_books-i img{
    border-radius:5px;
}
.pb_books-c{
    padding:15px;
    border-right:1px solid #e7e7e7;
}
.pb_books-i ul li{
    padding-left:30px;
    padding-bottom:15px;
}
.pb_books-i ul li:nth-child(2){
    position:relative;
}
.pb_books-i ul li:nth-child(2) a{
    color:#aaa;
    font-size:14px;
}
.pb_books-i ul li:nth-child(1){
    color:#555;
    position:relative;
}
.pb_books-i ul li:nth-child(1)::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:25px;
    height:25px;
    background:url('../images/calender.png');
    background-size:cover;
}
.pb_four{
    padding-left:0 !important;
}
.pb_books-i ul li:nth-child(2)::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:18px;
    height:18px;
    background:url('../images/download.png');
    background-size:cover;
}


@media(max-width:576px){
    .pb_books-c{
        border-bottom:1px solid #e7e7e7;
        border-right:0 solid #e7e7e7;
        
    }
    #pb_books{
        padding:15px 0 10px 0;
    }
}