@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 (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;}
.footer-abt img {
    width: 50%;
}
.main-banner-head h3 span {

    color: #fbbc05;

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

}