.blog-form {
  max-width: 870px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: white;
  border-radius: 20px;
  margin: 0 auto;
  padding-left: 50px;
  padding-right: 50px;

}
@media(max-width: 768px ) {
.blog-form {
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;

}
}
.blog-form h3 {
  color: white;
  font-size: 30px;
  text-align: center;
}
.blog-form .form-top-banner-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
  flex-direction: column;
padding-top: 75px;
}

.blog-form {  
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}
.blog-form .banner-form-wrapper {
  min-width: 400px;
  margin-bottom: 50px;

}

.blog-form h3 {
  margin-bottom: 20px;
}

@media (min-width: 1300px) {
.blog-form  .form-top-banner__content {
    max-width: 1200px;
  margin-bottom: 50px;
  }

}

.blog-form h3 {
  font-weight: 600;
  font-size: 26px;
  line-height: 1.2;
}

@media (min-width: 992px) {
  .blog-form h3 {
    font-size: 28px;
  }
}


@media (min-width: 1280px) {
  .blog-form .mob_bnr_menu {
    display: none !important;
  }
  .post-items-wrap .title__lg {
  margin-bottom: 50px;
    
  }
}

@media (min-width: 1500px) {
  .blog-form  .secondary-nav__navbar ul li {
    margin-right: 1.825vw;
  }
}

.blog-form  .fixed-under-header {
  position: fixed !important;
  form-top: 56px;
  left: 0;
  right: 0;
}

@media(max-width: 1300px ) {
  .form-top-banner__content--content {
  max-width: 100%;
  }
  .blog-form .banner-form-wrapper {
   min-width: 100%;
   
  }
  .form-top-banner__content--content ul {
  text-align: left;
  }
  
  .blog-form .form-top-banner__content {
  max-width: 100%;
  text-align: center;
  padding-right: 0!important;
  margin-bottom: 50px;
  }
  .blog-form .form-top-banner-wrapper {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  }
  
  .section-pb {padding-bottom: 50px;}
  @media (min-width: 768px) {
    .section-pb {padding-bottom: 60px;}
  }
  @media (min-width: 1280px) {
    .section-pb {padding-bottom: 80px;}
  }
  @media (min-width: 1640px) {
    .section-pb {padding-bottom: 100px;}
  }