@media (min-width: 1200px) and (max-width: 1400px) {

    .main-banner-head h3 {

        font-size: 70px;

        line-height: 80px;

    }

    .wiki-slider .client-box {
        height: 390px !important;
    }



    header ul {

        column-gap: 16px;

        padding: 0;

    }



    img.process-before {

        width: 20%;

    }

    a.banner-chat {

        padding: 10px 15px;

        font-size: 15px;

    }

    section.about {

        padding: 50px 0 75px;

    }

    .client-box {

        height: 330px;

    }

    section.portfolio {

        height: 725px;

    }

    section.portfolio {

        padding: 65px 100px;

        height: 668px;

    }

    .cta-cnt h3 {

        font-size: 45px;

    }

    a.banner-call span {

        font-size: 22px;

    }

    .about-btn a {

        font-size: 15px;

        padding: 10px 17px;

    }

    section.testi1 {

        padding: 89px 0 25px;

    }

    section.testi1 .about-cnt h2 {

        font-size: 45px;

    }

    .about-cnt h2 {

        font-size: 45px;

    }

    .contact-box h5 {

        font-size: 30px;

    }

    section.contact {

        padding: 0 0 50px;

    }



}

@media (max-width: 768px) {
    .centeredText {
        text-align: center !important;
    }

    .smallText {
        font-size: 26px !important;
        line-height: 1.3 !important;
    }

    .smallText2 {
        font-size: 16px !important;
    }

    .whatsapp-chat {
        display: block !important;
    }

    .desktop-screen {
        display: none;
    }

    .mobile-screen {
        display: block !important;
    }

    .blink {
        display: block !important;
        text-align: center;
        animation: blinkText 1s infinite;
    }

    @keyframes blinkText {
        0% {
            opacity: 1;
        }

        50% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }
}


@media (min-width: 768px) and (max-width: 991px) {

    .main-banner-head h5 {

        font-size: 20px;

    }

    .logo {
        max-width: 145px !important;
    }

    .main-banner-head h5:before {

        bottom: 8px;

    }



    .main-banner-head h3 {

        font-size: 38px;

        line-height: 50px;

        padding: 17px 0 0 0;

        margin: 0;

    }



    .main-banner {

        height: 55vh;

    }



    .item.box-1::before,
    .item.box-2::before,
    .item.box-3::before,
    .item.box-4::before,
    .item.box-5::before,
    .item.box-6::before,
    .item.box-7::before,
    .item.box-8::before,
    .item.box-9::before {

        bottom: 16px;

    }



    .banner-carousel1 .item {}



    .banner-slide-btn h5 {

        margin-bottom: 25px;

    }



    section.about {

        padding: 25px 0;

    }



    .what-cnt h3 {

        font-size: 50px;

    }



    h3 span.count {

        font-size: 55px;

    }



    .nu-main p {

        font-size: 14px;

    }



    section.testi {

        padding: 60px 0;

    }



    section.portfolio {

        height: 666px;

        padding: 60px 0;

    }



    .cta-cnt h3 {

        font-size: 24px;

    }



    a.banner-call span {

        font-size: 13px;

    }

    section.cta .about-btn {

        display: grid;

        justify-content: center;

        align-items: center;

    }

    section.our_process .about-cnt {

        width: 100%;

    }

    section.our_process {

        padding: 50px 0;

    }

    img.process-before {

        width: 22%;

    }

    section.testi1 {

        padding: 50px 0;

    }

    section.testi1 .about-cnt h2 {

        font-size: 30px;

    }



    .about-cnt h4 {

        font-size: 25px;

    }

    .contact-box h5 {

        font-size: 25px;

    }



    a.banner-call span {

        font-size: 12px;

    }



    .contact-box {

        padding: 20px;

    }



    .about-cnt h2 {

        font-size: 30px;

    }

    .footer-services {

        margin-left: 0px;

    }



    .footer-services a {

        font-size: 14px;

    }



    .footer-abt p {

        font-size: 14px;

    }



    .footer-info a {

        font-size: 14px;

    }

    section.cta a.about-quote {

        margin-bottom: 10px;

    }

    .testi_slider .item {

        height: 32vh;

    }

    section.about-us .col-md-6 {

        width: 100%;

    }



    section.about-us .col-md-3 {

        width: 100%;

    }

    .testi_slider .slick-list.draggable {

        width: 100%;

    }

    section.inner-services .about-cnt h2 {

        font-size: 40px;

    }

    .inner-services-tabs div#v-pills-tabContent {

        width: 60%;

    }



    .inner-services-tabs div#v-pills-tab {

        width: 40%;

    }

    section.main-banner.inner-banner {

        height: 469px;

        padding: 200px 0 30px 0;

    }

    section.inner-services {

        padding: 50px 0;

    }

    .inner-services-tabs .nav-link {

        font-size: 19px;

    }

    section.autobiography-serv .col-md-3 {

        width: 50%;

        margin-bottom: 25px;

    }

    section.autobiography-serv {

        padding: 50px 0;

    }



    section.genres {

        padding: 50px 0;

    }

    section.pricing .col-md-4 {

        width: 50%;

    }



    section.pricing .row {

        justify-content: center;

    }

    section.packages .col-md-4 {

        width: 50%;

    }



    section.packages .row {

        justify-content: center;

    }

}



@media (min-width: 320px) and (max-width: 767px) {

    section.main-banner::before {
        bottom: 0;
        background-position: -150px center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .about-box {
        height: 270px;
    }



    section.about-us {
        padding: 0 0 40px;
    }

    img.logo {
        max-width: 150px;
        filter: brightness(0) invert(1);
    }

    .footer-abt img {
        width: 50%;
    }

    .main-banner-head h3 span {

        color: #ce0e2d;

        height: auto;

    }

    .auto-serv-box {

        margin-bottom: 20px;

    }



    section.autobiography-serv {

        padding: 40px 0;

    }



    section.genres {

        padding: 0px 0 40px;

    }



    section.genres .col-md-2 {

        width: 50%;

    }

    p,
    li,
    a {

        font-size: 15px !important;

    }



    .navbar-light .navbar-toggler-icon {

        filter: invert(1);

    }



    .navbar-light .navbar-toggler {

        border-color: rgb(251 188 5);

    }

    .main-header .col-md-2,
    .main-header .col-md-8 {

        width: 50%;

    }



    .navbar {

        justify-content: end;

    }

    .main-header {

        padding: 20px 0px 0 0;

    }

    .main-header .row {

        align-items: center;

    }



    .main-banner-head h3 {

        font-size: 40px;

        padding: 5px 0 5px 0;

        line-height: 50px;

    }

    .main-banner-head h5 {

        font-size: 20px;

    }

    a.banner-call span {

        font-size: 20px;

    }

    .banner-carousel1 .item {

        width: 100%;

    }

    .main-banner {

        padding: 130px 0 30px 0;

        height: 760px;

    }

    ul.banner-cta a.banner-chat {
        /* display: none; */
    }

    .banner-cta {

        display: table;

        margin: auto;

    }

    a.banner-call {

        margin-right: 10px;

    }

    section.about {

        padding: 10px 0;

    }



    .about-img img {

        width: 100%;

    }



    .about-cnt h4 {

        font-size: 25px;

        text-align: center;

    }



    .about-cnt h2 {
        font-size: 35px;
        text-align: center;
    }



    .about-cnt {

        text-align: center;

        margin: 20px 0;

    }

    .about-btn {

        justify-content: center;

    }



    section.about-reagan {

        padding: 50px 0;

        text-align: center;

    }

    .what-cnt h5 {

        font-size: 25px;

    }



    .what-cnt h3 {

        font-size: 35px;

    }

    section.testi {

        padding: 40px 0;

    }

    section.testi .about-cnt h2 {

        font-size: 30px;

    }

    section.portfolio {

        padding: 50px 0;

        height: 630px;

    }

    .cta-cnt h3 {

        font-size: 30px;

        text-align: center;

    }



    .cta-btns {

        justify-content: left;

        margin: 20px 0;

    }

    .cta-btns.wow.fadeInUp.animated {
        justify-content: center;
    }

    section.testi1 {

        padding: 40px 0;

    }



    section.testi1 .about-cnt h2 {

        font-size: 30px;

    }



    section.testi1 .about-cnt {

        text-align: center;

    }

    .testi_slider .slick-list.draggable {

        width: unset;

    }

    .testi_slider .item {

        height: 30vh;

    }

    .contact-box {

        padding: 20px 20px;

    }



    .contact-box h5 {

        font-size: 30px;

    }

    .cta-btns a.banner-call span {

        font-size: 15px;
        width: 100%;

    }

    .sec10_left h2 {

        font-size: 28px;

    }



    section.contact .col-sm-12.col-md-12.text-end {

        display: flex;

        justify-content: center;

    }

    section.contact {

        padding: 40px 0 40px;

    }

    section.footer {

        padding: 40px 0;

    }



    .footer-abt img {

        display: table;

        margin: auto;

    }



    .footer-abt p {

        text-align: center;

    }



    .social-links {

        justify-content: center;

    }

    section.footer .col-md-3 {

        width: 100%;

        margin: 35px 0 0;
    }

    section.footer .footer-services {
        margin-left: 0;
    }

    .banner-cta img {

        height: auto;

        width: 10%;

        margin-right: 10px;

    }

    .main-banner-head p {

        padding: 0 0 0px 0;

    }

    .footer-btm p {

        font-size: 13px !important;

    }

    .client-box {

        text-align: center;

    }



    .combo_btn {

        justify-content: center;

    }

    img.process-before {

        display: none;

    }

    section.pricing {

        padding: 35px 0;

    }



    section.inner-services {

        padding: 35px 0;

    }



    section.inner-services .about-cnt.text-center {

        width: 100%;

    }



    h4.wow.fadeInUp.animated {}



    .about-cnt.text-center h4 {

        font-size: 20px;

    }



    section.inner-services .about-cnt h2 {

        font-size: 35px;

    }

    .d-flex.align-items-start {

        display: table !important;

    }

    .inner-services-tabs div#v-pills-tab {

        width: 100%;

    }

    .inner-services-tabs div#v-pills-tabContent {

        width: 100%;

    }

    .inner-serv-content {

        height: 330px;

    }

    img.inner-service-before {

        display: none;

    }

    .inner-services-tabs div#v-pills-tab {

        margin-bottom: 20px;

    }

    .wow {

        animation-name: none !important;

        visibility: visible !important;

    }

    section.main-banner.inner-banner {

        padding: 255px 0 30px 0;

        margin-bottom: 30px;

        height: 500px;

    }

    .about-box.box-1 {

        margin: 0;

    }

    section.our_process .about-cnt {
        width: 100%;
        margin: auto;
    }

}