.col {
	float: left;
}


.blog-header {
  height: inherit;
  width: 100%;
  float: left;
  text-align: center;
}
.blog-header h1 {
  line-height: 250px;
  color: #fff;
}

.blog-banner2 {
  height: inherit;
  width: 100%;
  float: left;
  background: #fff;
  padding: 100px 0px;
}


.blog-triangle1 {
  position: absolute;
  bottom: -118px;
  right: -12px;
  z-index: 2;
  width: 0;
  height: 0;
  border-top: 180px solid transparent;
  border-bottom: 180px solid transparent;
  border-left: 180px solid #fff;
  transform: rotateZ(45deg);
}
.blog-triangle2 {
  position: absolute;
  top: -117px;
  right: -12px;
  z-index: 2;
  width: 0;
  height: 0;
  border-top: 180px solid transparent;
  border-bottom: 180px solid transparent;
  border-left: 180px solid #fff;
  transform: rotateZ(-45deg);
}
.blog2 {
  height: inherit;
  width: 100%;
  float: left;
  background: #fff;
}
.blog-par {
  width: 100%;
  float: left;
  padding: 70px 0px;
  text-align: justify;
}
.blog-par p {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
}

.blog-banner3 {
  height: inherit;
  width: 100%;
  float: left;
  background: rgba(0, 0, 0, 0.05);
  padding: 50px;
}
.blog3 {
  height: inherit;
  width: 100%;
  float: left;
  background: #fff;
  padding: 20px 15px;
  border: 1px solid #ddd;
  box-shadow: 0px 0px 8px 0px #ddd;
  margin-bottom: 20px;
}
.blog3-content {
  width: 100%;
  float: left;
  height: inherit;
  margin-bottom: 10px;
}
.sub-blog3 {
  float: left;
  width: 100%;
  height: inherit;
  margin-bottom: 15px;
}
.sub-blog3 span {
  width: 100%;
  float: left;
}
.title-blog {
  font-size: 22px;
  text-transform: capitalize;
}
.blog-cred {
  font-size: 16px;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.7);
}
#blog_front_img {
  height: 100%;
  width: 100%;
}
.sub-blog3 p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  text-align: justify;
}
#read_blog_btn {
  float: left;
  height: 40px;
  width: 140px;
  border: none;
  font-size: 13px;
  background: #007bff;
  color: #fff;
  cursor: pointer;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
#read_blog_btn:hover {
  background: rgba(0, 0, 0, 0.8);
}

.blog4 {
  height: inherit;
  width: 100%;
  float: left;
  background: #fff;
  padding: 20px 15px;
  border: 1px solid #ddd;
  box-shadow: 0px 0px 8px 0px #ddd;
}
.blog4-title {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 17px;
  font-family: PlayfairDisplay-Regular;
  font-weight: bold;
}
.sub-blog4 {
  height: inherit;
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
.sub-blog4 span {
  float: left;
}
.blog4-b1 {
  width: 30%;
}
.blog4-b2 {
  width: 70%;
}
#sub_blog_img {
  height: 80px;
  width: 80px;
  float: left;
}
.blog4-b2 span {
  width: 100%;
  float: left;
}
.sub-blog-title {
  font-size: 15px;
  text-transform: capitalize;
}
.sub-blog-cred {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.7);
  text-transform: capitalize;
}
.sub-blog-desc {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.8);
  text-align: justify;
}

.blog-banner5 {
  height: inherit;
  width: 100%;
  float: left;
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
    url(../images/test.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.blog7 {
  width: 100%;
  float: left;
  font-size: 18px;
  text-align: center;
  color: #fff;
  padding: 20px 100px;
}

.blog_info_ban {
  height: inherit;
  width: 100%;
  float: left;
  padding: 50px;
  text-align: center;
  font-size: 14px;
  color: #0262c9;
}

@media screen and (max-width: 768px) {
  #sub_blog_img {
    height: 150px;
    width: 150px;
  }
}
@media screen and (max-width: 1024px) {
  .blog-par {
    padding: 0px 0px;
  }
}
@media screen and (max-width: 480px) {
  .blog-banner1 {
    margin-top: 60px;
  }
  .blog-header h1 {
    line-height: 150px;
  }
  #container {
    padding: 0px !important;
  }
  .blog4-b1 {
    width: 40%;
  }
  .blog4-b2 {
    width: 60%;
  }
  #sub_blog_img {
    height: 80px;
    width: 80px;
  }
}