.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom:1rem}

.top-heading-m{padding: 60px 0;text-align: center;background-color: #f0f7fe;margin-bottom: 45px;}
.top-heading h1{display: inline-block;width: 100%;font-size: 40px;color: #0061bc;font-family:OpenSans-Bold;margin: 0;}
.blog-m{margin-bottom: 40px;}
.blog{margin-bottom: 55px;}
.blog .img{margin-bottom: 25px;}
.blog .img img{width: 100%;}
.blog-detail h4{font-size: 24px;display: inline-block;width: 100%;margin-bottom: 20px;color: #000;font-family:OpenSans-SemiBold;}
.blog-detail p{display: inline-block;width: 100%;margin-bottom: 25px;color: #58595b;}
.blog-detail ul, .blog-detail ol{padding-left: 15px;font-weight: bolder;}
.blog-detail ul li{list-style:disc!important;}
.blog-detail ul, .blog-detail ol, .blog-detail ul li, .blog-detail ol li{list-style: auto;font-weight:400;color:#58595b;}
.search-blog{margin-bottom: 50px;}
.blog-right-heading{display: inline-block;width: 100%;color: #58595b;padding-bottom: 13px;border-bottom: 1px solid #ccc;text-transform: uppercase;margin-bottom: 28px;font-family:OpenSans-SemiBold;}
.search-blog input{float: left;width: 100%;border: 1px solid #ccc;padding: 12px 6px;border-radius: 5px;}
.search-blog input::Placeholder{color: #ccc;}
.blog-categories ul{display: inline-block;width: 100%;margin: 0;}
.blog-categories ul li{display: inline-block;width: 100%;color: #58595b;margin-bottom: 25px;font-family:OpenSans-SemiBold;}
.blog-categories ul a:hover li{color:#0061bc;transition: 0.3s;}

@media screen and (min-width : 21px) and (max-width : 1200px) {
.heading-form h3{font-size: 24px;}
}
@media screen and (min-width : 21px) and (max-width : 991px) {
.blog-left{margin-bottom: 30px;}
.blog-m .col-md-8{margin: 0 auto;}
.top-heading h1{font-size: 26px;}
.top-heading-m {padding: 30px 0;}
.blog-detail h2{font-size: 24px;font-weight: 700;  }
}

@media screen and (min-width : 21px) and (max-width : 767px) {
.blog {margin-bottom:0;}
}
@media screen and (min-width : 21px) and (max-width : 700px) {
}
@media screen and (min-width : 21px) and (max-width : 575px) {
.genral-heading-m .genral-heading h2{font-size: 30px;}
.top-heading h1{font-size: 22px;}
.top-heading-m {padding: 20px 0;}	
.blog-detail h2{font-size: 22px;}	
}
@media screen and (min-width : 21px) and (max-width : 475px) {
.top-heading h1{font-size: 18px;}
.blog-detail h2{font-size: 20px;}
.blog-detail p{font-size: 14px;margin-bottom: 15px;}	
}
@media screen and (min-width : 21px) and (max-width : 375px) {
.genral-heading-m .genral-heading h2{font-size: 26px;}
.top-heading h1 {font-size: 16px;}
}
@media screen and (min-width : 21px) and (max-width : 320px) {
}