@media (min-width: 1200px) and (max-width: 1400px) {
header {
    padding: 0px 0px 20px;
}
section.footer .container {
    max-width: 100% !important;
    padding: 0 20px;
}
header .container {
    max-width: 100%;
}

.main-banner-head h3 {font-size: 65px;line-height: 80px;}
 .sellbok ul:before{left:-30px;width:3%;}
.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: auto;}

section.portfolio {

padding: 65px 100px;

/* height: 668px; */
}

.cta-cnt h3 {

    font-size: 40px;

}

a.banner-call span {

    font-size: 18px;

}

.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 (min-width: 768px) and (max-width: 1199px) { 
    
    .about-btn a {
        font-size: 15px;
        padding: 7px 12px;
    }
    .container {
        max-width: 100%;
    }
    
    .social-links a {
        height: 35px;
        width: 35px;
    }
    
    .footer-services a i {
    margin-right: 5px;
    color: #4ab9c6;
}

.footer-abt p {
    color: #fff;
    margin-top: 25px;
    font-size: 15px;
}
    
        .footer-services a {
        font-size: 13px;
    }
    
    .payment_method img {
    width: 240px;
    display: table;
    margin: 10px 0 0;
}
    
    a.banner-call span {
        font-size: 12px;
    }
    ul.get_stated_ul img {
        width: 16px;
        height: auto !important;
    }
    
    header ul {
        column-gap: 15px;
    }
    
    a.has_drop:before {
        top: 0;
    }
    
    header nav ul li a {
    font-size: 12px;
}


.main-banner-head h3 {
    font-size: 44px;
    line-height: 60px;
    height: auto;
}

.about-cnt h2 {
    font-size: 42px;
}

.what-cnt h3 {
    font-size: 52px;
}

.main-heading {
    font-size: 30px;
}

.sellbok ul:before {
    height: 177px;
}

.cta-cnt h3 {
    font-size: 34px;
}

img.process-before {
    bottom: -130px;
    width: 160px;
}

section.testi1 .about-cnt h2 {
    font-size: 45px;
    line-height: 50px;
}

section.footer ul.traust_logosss {
    display: flex;
    /* flex-wrap: nowrap; */
    column-gap: 10px;
    padding: 10px 0px;
    margin: 0px 0 0;
}

section.footer ul.traust_logosss img {
    width: auto;
    margin: 0;
    height: 39px;
}


.pop-form-new-popp.ta-center-new-pop {
    background: url(http://localhost/reagan/https://truenorthauthoragency.com/assets/images/new-year-popup-bg.webp) no-repeat scroll center #000;
    width: 600px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
    .responsive_menu .clm_wrap ul.subMenu li a:hover {
    color: #fff !important;
}

    .main-banner-head h5 {

    font-size: 20px;

}



.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) {
    
    .responsive_menu .clm_wrap ul.subMenu li a:hover {
    color: #fff !important;
}

    .main-heading {
    font-size: 30px;
    text-align: center;
}
ul.traust_logosss {
    padding: 10px 0px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 15px !important;
    margin: 50px auto 0;
    /* background-color: #ffffffa1; */
    /* width: 100%; */
    border-radius: 0;
    column-count: 2;
}

ul.traust_logosss li {
    list-style: none;
    display: table;
    margin: 0 0px;
}

.main-banner-head h3 {
    text-align: center;
    font-size: 65px;
    font-weight: bold;
    color: #fff;
    padding: 17px 0 0px 0;
    line-height: 80px;
    height: auto;
}

.about-btn.banner-cta {
    column-gap: 10px;
    display: flex;
}
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: 120px;}

.main-banner-head h3 span {

    color: #4ab9c6;

    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;

}

.responsive_menu ul li a{
    color:#fff !important;
}

    .main-banner-head h3 {

    font-size: 40px;

    padding: 5px 0 5px 0;

    line-height: 50px;

}

     .main-banner-head h3 br{
         display:none;
     }

.main-banner-head h5 {

    font-size: 20px;

}

a.banner-call span {font-size: 18px;}

.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 15px;

    /*height: 630px;*/

}

.cta-cnt h3 {

    font-size: 30px;

    text-align: center;

}



.cta-btns {

    justify-content: center;

    margin: 20px 0;

}

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: auto;}

.contact-box {

    padding: 20px 20px;

}



.contact-box h5 {

    font-size: 30px;

}

.cta-btns a.banner-call span {

    font-size: 15px;

}

.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: start;}

section.footer .col-md-3 {/* width: 50%; *//* margin: 35px 0 0; */}
.footer-services ul {
    padding-left: 0;
    margin: 20px 0 20px;
}

    ul.traust_logosss img {
    width: auto !important;
    margin: 0;
    height: 37px;
}

ul.protected_by_sec {
    display: flex;
    align-items: center;
    column-gap: 20px;
    margin: 0px 0 30px !important;
}

.payment_method.footer-services {
    margin: 0 0 30px;
}
.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;

}

}