@media screen and (max-width: 768px) {
    h1,h2,h3 {
        font-weight:700!important
    }

    .con-sec-right ul li,.flex-space del,.flex-space span,.form-g-btn button,.free-tool-body li,.mh-footer-list ul li,.sec-one-right-fields input,.service-form-sec input,p {
        font-size: 14px
    }
    form.dynamic-validate.first-form {
    padding: 0 !important;
}
.form-contact{
    padding: 0 !important;
}
.g-btn, .top-header-right ul {
    gap: 25px;
    display: grid
;
    justify-content: center;
}
    h1 {
        font-size: 26px!important
    }

    h2 {
        font-size: 22px!important
    }

    h3 {
        font-size: 20px!important
    }

    a {
        font-size: 14px!important
    }

    .top-header-left ul {
        margin: 0;
        display: block;
        padding: 0
    }

    .top-header-left ul li {
        margin: 15px 0;
        list-style: none
    }

    .fg-logo a img,.g-logo a img {
        width: 200px
    }

    .about-cta-image,.cta-docs,.sec-one-image,.sec-three-abs,.testinomail-head-abs,.writer-main-top-head-abs {
        display: none
    }

    .sec-one-left {
        position: relative;
        padding: 40px 0
    }

    .sec-one-right-sec {
        padding-left: 0
    }

    .sec-one {
        padding: 80px 0 100px;
    }

    .cta-center span,.hh-faq-title span,.sec-five-head span,.sec-one-right span,.sec-six-head span,.testinomail-head span {
        font-size: 22px
    }

    .sec-two-carousel {
        padding: 20px 0
    }

    .sec-three,section.sec-five {
        padding: 50px 0
    }

    .contact-form-left li,.sec-three-head span,.writer-head-top span {
        font-size: 16px
    }

    .ser-body-main {
        margin: 0 auto!important;
        padding-top: 0;
                gap: 57px;
    }

    .service-body {
        margin-top: 70px
    }

    .contact-form-left span,.free-tool-head span,.mh-footer-list span,.service-body span,.service-con-main span,.tab-pane span {
        font-size: 20px
    }

    ul.nav.nav-pills {
        display: grid
    }

    .tab-head {
        display: flex;
        align-items: center;
        gap: 20px;
        padding: 5px
    }

    .tab-head span {
        padding-top: 0
    }

    .tab-head img {
        width: 50px
    }

    .tab-pane {
        margin-top: -7%;
        padding: 85px 50px 30px;
        margin-left: 0
    }

    .writer-card .sub-block li {
        font-size: 14px;
        padding: 5px
    }

    .cta-center {
        padding: 30px 0
    }

    .test-quote-left img,.test-quote-right img {
        width: 40px
    }

    .testinmial-info {
        margin: 20px 0
    }

    .sec-testionmial {
        margin: 0 50px
    }

    .according-qh {
        font-size: 16px!important
    }

    .mh-social-icons {
        padding-bottom: 10px
    }

    .mh-footer-list svg,.mh-social-icons svg {
        width: 16px
    }

    .sec-two-contact {
        padding: 40px 0
    }

    section.contact-form-sec {
        padding-bottom: 30px
    }

    .sec-one-about-right {
        margin-top: -70px
    }

    .about-cta {
        padding: 30px 0;
        text-align: center
    }

    .about-cta-sec {
        padding: 50px 0 30px
    }

    .about-writer-con span {
        font-size: 25px
    }

    .about-writer-con p {
        font-size: 13px
    }

    .service-form-sec {
        margin: 0
    }
}

@media screen and (max-width: 568px) {
    body {
        overflow-x:hidden!important
    }

    .sec-one {
        background-image: linear-gradient(45deg,#090808,#283a91de);
        padding: 80px 0;
        color: #fff;
    }

    .top-header-main {
        align-items: center
    }

    .top-header-icon svg {
        width: 15px
    }

    .top-header-left ul li {
        padding: 5px 0
    }

    .top-header-left ul li a {
        gap: 8px;
        font-size: 14px
    }

    .top-header-right ul {
        margin: 0;
        display: flex;
        justify-content: start;
        padding: 5px 0
    }

    .top-header-right ul li a svg {
        width: 17px
    }

    .faqs-abs,.g-btn-one,.proc-sub-body .arrow,.sec-three-abs,.test-quote-left,.test-quote-right,.testinomail-head-abs {
        display: none
    }

    .about-con-main,.about-cta,.cta-main,.sec-five-main,.sec-two-carousel {
        border-radius: 0
    }

    .sec-three-right-con img {
        width: 100%
    }

    .sec-six-tabs {
        padding-top: 10px
    }

    .tab-pane {
        padding: 60px 20px 20px
    }

    .about-cta-sec,.sec-seven-cta {
        padding: 50px 0
    }

    .hh-faq-title h2 {
        padding-left: 20px;
        margin-bottom: 10px
    }

    .writer-card .buttons .about-btn,a.hire-btn {
        padding: 10px
    }

    .writer-card {
        padding: 30px 15px
    }

    .writer-card .orders .complete-order,.writer-card .orders li {
        font-size: 14px
    }

    .testinomail-head {
        margin-bottom: 30px
    }

    .sec-testionmial {
        margin: 0
    }

    .testinmial-info {
        padding: 5px;
        margin: 10px
    }

    .test-main,.testinomial-carousel {
        margin: 0 auto!important
    }

    .mh-footer {
        margin-top: 0
    }

    .footer-copyright-con p {
        padding: 8px
    }

    .mh-footer-list span {
        font-size: 18px
    }

    .proc-body ul {
        display: block
    }

    .sec-two-contact {
        padding: 50px 0 20px
    }

    .contact-form-left {
        padding: 0 0 30px
    }

    .sec-two-contact-left img {
        padding-bottom: 30px
    }

    #g-ser-form {
        margin: 20px 0 0
    }

    .service-form-sec {
        padding:  0 !important;
    }

    .service-form-sec input {
        margin-bottom: 25px
    }

    .form-ser {
        margin-top: 5px!important
    }
    form.dynamic-validate.first-form {
    padding: 0 !important;
}
ul.d-flex.gap-2.list-unstyled.mb-0 {
    display: grid !important
;
}
}

@media screen and (max-width: 350px) {
    .top-header-left ul {
        padding:0;
        display: block
    }
    form.dynamic-validate.first-form {
    padding: 0 !important;
}

    .top-header-right ul {
        justify-content: left;
        padding: 6px 0
    }
}



@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .nav-link {
    color: #002C2B !important;
    font-size: 13px !important;
  }

  a#live-chat {
    background: #00cb58;
    color: white;
     padding: 18px 40px;
    font-size: 15px !important;
  }

  #live-chats {
    background: #fdcf55;
    color: black;
        padding: 18px 40px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    font-size: 15px !important;
  }
}

img.img-fluid.main-image {
    height: 100%;
}
.footer-copyright {

  padding: 10px 0;
  font-size: 14px;
  color: #ffffff;
}

.footer-copyright a {
  color: #ffffff;
  transition: color 0.3s;
}

.footer-copyright a:hover {
  color: #000000;
  text-decoration: underline;
}