@media (max-width: 768px) {


   
    body{
        overflow-x: hidden !important;
    }
  h1 {
    font-size: 40px !important;
  }
  h2 {
    font-size: 28px !important;
  }
  p {
    font-size: 14px !important;
  }
  a {
    font-size: 14px !important;
  }
  li {
    font-size: 14px !important;
  }
  .form-banner {
    display: none;
  }
  .navbar-toggler-icon {
    filter: brightness(0) !important;
}
ul.navbar-nav.top-nav {
    align-items: center;
}
.navbar-toggler {
    border: none !important;
}

  .why-ban {
    display: none;
}

.hero-sec-image {
    margin-top: 20px;
}
.form-ban img {
    display: none;
    /* width: 70%; */
}
.ser-sec-features-tabs {
    grid-template-columns: 50% 50%;
}

/* writer sec */
.writer-name {
    margin-left: 100px;
}
.writer-card-sec {
    margin-top: 30px;
}
/* cta sec */
section.call-action {
    margin-top: 0px;
    padding: 30px 0;
}
.call-action-image {
    display: none;
}

/* faq sec */
.hh-faq-sec {
    background-image: none;
    background-color: var(--dark-blue);
}
.faq-content {
    margin-bottom: 30px;
}
.faq-content h2 {
    color: #fff !important;
}
.faq-content p {
    color: #fff !important;
}

.copy-right-main {
    grid-template-columns: 50% 50%;
    gap: 20px;
}
section.service-category-sec {
    padding: 50px 0 0px 0;
}
.content-area-each h2 {
    font-size: 20px !important;
}

.about-banner {
    margin-bottom: 30px;
    text-align: center;
}

.row.service-form {
    margin-top: 40px;
}
.service-cta {
    display: none;
}
.service-cta-sec {
    padding: 40px 0;
}
.qualty-icon-main {
    grid-template-columns: 23% 23% 23% 23%;
   
}
span.h4 {
    font-size: 20px;
}

.box-1:before {
    top: -28px;
}
.content-area {
    height: auto;
}
.single-review.card {
   
    height: 230px;
}
}



@media (max-width: 568px) {
    body{
        overflow-x: hidden !important;
    }
    h1 {
    font-size: 32px !important;
}
 h2 {
    font-size: 24px !important;
}
.service-category-content li {
    font-size: 9px !important;
}
div#avail-btn {
    display: block;
}
.hh-con-sec-head-btn {
    display: grid;
}
.single-review.card {
    height: 280px;
}
.hh-btn, .ph-btn {
    padding: 10px 10px;
    font-size: 14px !important;
    width: 100% !important;
}
.hero-sec-image img {
    display: none;
}
a.hh-btn svg {
    width: 14px;
    fill: var(--btn-2-color);
}
a.ph-btn svg {
    width: 14px;
    /* fill: var(--btn-2-color); */
}
.form-banner {
    display: none;
    border-radius: 0;
}
.cta-satisfaction span {
    font-size: 22px;
    font-weight: 500;
}
.banner-list {
    display: grid;
    grid-template-columns: 100%;
    gap: 0px 10px;
    padding: 0 0px 0 0px;
}
.form-banner {
    /* margin-top: 120px !important; */
    padding: 15px;
}
section.hero-sec {
    padding: 120px 0 120px 0;
    background-color: hsl(36deg 100% 90.2%);
}
#hero-sec-service{
    padding-bottom: 0;
}
.ser-sec-features-tabs {
    grid-template-columns: 100%;
    padding: 30px 15px 40px 15px;
}
.ser-sec-features-tabs ul.nav.nav-pills {
    padding: 30px 10px 15px 10px;
}
.tab-content.clearfix {
    padding: 20px 0px 0 5px;
}
section.about-sec-main {
    padding: 50px 0 50px 0;
}
.about-banner {
    margin-top: 30px;
}
.writer-num-exp span {
    font-size: 15px;
}
span.writer-guaranteed {
    font-size: 22px;
}
p.bottom-content {
    padding: 10px 0 15px 0;
}
.writer-pro img {
    width: 100px;
}
.writer-name {
    margin-left: 0px;
}
section.call-action  {
    padding: 50px 0;
}
section.call-action img {
    display: none;
}

.process-box {
    grid-template-columns: 100%;
    padding: 10px;
}

.reviews-logo {
    text-align: center;
    margin-bottom: 30px;
}
.reviews-logo img {
    margin: 10px 0;
}
#review-btn {
    justify-content: center;
    margin-bottom: 30px;
}

.service-category-content ul {
    grid-template-columns: 50% 50%;
}

.hh-faq-sec {
    padding: 50px 0;
    background-image: none;
   
}
    .faq-content h2 {
        /* color: var(--dark-color) !important; */
    }
        .faq-content p {
        /* color: var(--dark-color) !important; */
    }
    .faq-questions {
    margin-top: 30px !important;
}
section.main-con-sec {
    padding: 50px 0;
}
.content-area {
    grid-template-columns: 100%;
}
.content-area-each {
  
    padding: 30px;
}
.hh-footer-counter-card-con{
    margin-bottom: 20px;
}
.hh-footer-counter-card-con span {
    font-size: 20px;
    font-weight: 700;
}
.copy-right-content p {
   margin: 0;
}
.copy-right-main {
    grid-template-columns: 100%;
    gap: 10px;
}
.mh-social-icons {
    gap: 10px;
    justify-content: left;
}
.policy ul {
  
    gap: 10px;
    justify-content: left;
}

.banner-list ul {
    margin: 0;
}

.form-group select {
    margin-bottom: 12px;
}

.banner-list ul li {
    padding-bottom: 5px;
}
.contact-form {
    padding: 30px 20px;
}
.contact-box {
    grid-template-columns: 100%;
    gap: 15px;
}
.contact-box-each {
    justify-content: start;
}
.contact-area-sec {
    grid-template-columns: 100%;
    gap: 30px;
}
.contact-form .form-inner select {
    margin-bottom: 20px;
}


.feature-main {
    grid-template-columns: 100%;
}
.qualty-icon-main {
    grid-template-columns: 50% 50%;
    width: 93%;
}

.box-1:before {
 display: none;
}

span.second-text {
    background-color: transparent;
    color: var(--btn-1-color);
    padding: 0;
}
}