.web_hosting_for_blogger_bnnr {

    padding: 0 4rem;

    background: #f0f0ff;

    display: flex;

    align-items: center;

    justify-content: center

}



.banner_left_s h1 {

    font-size: 18px;

    font-weight: 500;

    color: #080808;

    text-align: left;

    display: inline-block;

    padding: 4px 0;

    border-radius: 4px

}



.banner_left_s h2 {

    font-size: 36px;

    font-weight: 700;

    color: #080808;

    margin: 10px 0

}



p.banner_data_txt {

    font-size: 18px;

    font-weight: 500;

    color: #080808

}



.banner-left-s-features {

    margin: 30px 0

}



.banner-left-s-features p,

.banner-pricing-box {

    font-weight: 400;

    color: #080808;

    font-size: 18px

}



.banner-left-s-features p {

    margin-bottom: 10px

}



.banner-left-s-features p i {

    margin-right: 10px;

    color: #080808

}



.price-box-bnr {

    font-size: 24px;

    font-weight: 500;

    margin-bottom: 20px;

    color: #080808

}



.price-box-bnr span {

    font-size: 32px;

    color: #080808;

    font-weight: 700

}



@media only screen and (max-width:1600px) {

    .banner-left-s-features p {

        font-size: 16px;

        margin: 8px 0

    }



    .web_hosting_for_blogger_bnnr {

        padding: 40px 60px

    }

}



@media only screen and (max-width:1399px) {

    .banner_left_s h2 {

        font-size: 28px

    }

}



@media only screen and (max-width:992px) {

    .bnnr-wbh-right {

        padding-top: 40px

    }

}



@media only screen and (max-width:768px) {

    .web_hosting_for_blogger_bnnr {

        background-position: top

    }

}



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

    .home_page_wbh_bnnr {

        padding: 0

    }



    .web_hosting_for_blogger_bnnr {

        padding: 20px

    }



    .banner_left_s h2 {

        font-size: 24px;

        margin: 20px 0

    }



    .banner_left_s h1 {

        font-size: 18px

    }

}