@media only screen and (max-width: 1440px){
    .header .navbar-brand {
    margin-left: -50px;
    max-height: 80px;   /* yahan value change kar ke size control kar sakte ho */
  height: auto;
  width: auto;
}




.header .navbar-brand img {
    width: 200px;
}

    .cont-bg {
    font-size: 36px;
}
        .section-1 {
    height: 767px;
    overflow: hidden;
}

.section-1-img img {
    width: 96%;
}

.section-1-img {
    top: 116px;
    right: 83px;
    width: 42%;
}

.section-1-content h1 {
    font-size: 43px;
    width: 55%;
}

.section-1-content {
    margin-top: -9rem;
}

.section-1-content p {
    font-size: 14px;
}

p.b {
    font-size: 14px;
}

.cont-bg span {
    padding: 2px 6px 2px 6px;
    width: 73%;
    font-size: 29px;
}

.pricing .nav-tabs .nav-link {
    padding: 12px 15px;
}

section.pricing {
    overflow: hidden;
    padding-top: 43px;
}

section.pricing h2, .portfolio h2 {
    font-size: 44px;
}

p.paragraph {
    font-size: 16px;
    width: 62%;
    margin: auto;
}

.tab-content.portfolio-tabs > .active {
    margin-top: 26px;
}

section.portfolio {
    padding-top: 149px;
    overflow: hidden;
}

.circle-outer {
    left: 77px;
    top: 162px;
}

.circle {
    width: 25px;
    height: 25px;
}

section.section-2 {
    overflow: hidden;
    height: 808px;
}

.character-parent {
    width: 87%;
    padding-bottom: 0px;
    height: 621px;
}

.charecter-content h1 {
    font-size: 38px;
}

section.section-3 {
    /* overflow: hidden; */
}

section.section-4 {
    overflow: hidden;
}

.sec-4-1-parent:before {
    left: -48px;
}

@keyframes arrow{
    0%{
        width:0px;
    }

    20%{
        width: 150px;
    }

    40%{
        width: 400px;
    }

     60%{
        width: 700px;
    }

     80%{
        width: 1200px;
    }

     100%{
        width:1200px;
    }

    
}

section.section-5 {
    overflow: hidden;
}

.ReviewSec {
    overflow: hidden;
}

section.form12 {
    overflow: hidden;
}

.MainFooter {
    overflow: hidden;
}

.section-01 {
    height: 600px;
    overflow: hidden;
}

section.section-01.section-1 .section-1-img {
    top: 76px;
    right: 81px;
}


}


@media only screen and (max-width: 1199px){


    
section.portfolio.pricing.ser.ss .portfolio-box {
    height: 212px;
}

.section-1 {
    height: 690px;
}

.section-1-content h1 {
    font-size: 40px;
}

.section-1-content p {
    font-size: 12px;
    margin-bottom: 4px;
}

p.b {
    font-size: 14px;
    margin-bottom: 21px;
}

.section-1-content {
    margin-top: -135px;
}

.section-1-img {
    top: 133px;
    width: 43%;
    right: 77px;
}

.section-1-img img {
    width: 100%;
}

header a.nav-link {
    font-size: 15px;
}

.btn-get {
    font-size: 14px;
    padding: 8px 8px 7px 8px;
}

.header .form-inline a {
    font-size: 14px;
}

header .navbar-brand {
    margin-right: 0px;
}

.form-inline {
    gap: 11px;
}

nav.navbar.navbar-expand-lg {
    /* padding: 0px; */
    padding-right: 0px;
    padding-left: 0px;
}

.btn-get-start {
    padding: 13px 19px 14px 19px;
}

.pricing .nav-tabs .nav-link {
    margin-right: 2px;
    margin-left: 2px;
    padding: 10px 13px;
    font-size: 12px;
}

section.pricing h2, .portfolio h2 {
    margin-bottom: 3px;
}

p.paragraph {
    font-size: 15px;
}

.portfolio-box {
    height: 272px;
}
    .price-box h3 {
    font-size: 19px;
}

.pkhead p {
    font-size: 13px;
}

h2.gradient-heading {
    font-size: 31px!important;
}

.price-box .listscroll li {
    font-size: 14px;
}

.price-box {
    padding-left: 11px;
    padding-right: 11px;
}

.price-box p:before {
    width: 42%;
}

.character-parent {
    height: 556px;
}

.icon-parent.myActive p {
    bottom: 23px;
}

.icon-parent h4 {
    margin-bottom: 37px;
}

.icon-parent img {/* margin-bottom: 16px; */padding: 25px 29px 28px 24px;/* width: 36%; */}

.icon-img:before {
    width: 37%;
    height: 75%;
}
    .charecter-content h1 {
    font-size: 32px;
}

.sec-3-content h1 {
    font-size: 24px;
}

.sec-3-content p {
    font-size: 14px;
}

.sec-3-charac img {
    width: 78%;
}

.sec-3-form-parent {
    margin-top: -153px;
}

.sec-form-cont h3 {
    font-size: 20px;
}

.sec-form-cont h4 {
    font-size: 25px;
}

.sec-3-charac {
    margin-top: -36%;
}

.sec-4-1-parent:before {
    background-image: url(../images/sec-4-arrow2.png);
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    width: 0px;
    height: 474px;
    top: -243px;
    left: -10px;
    animation: arrow 10s infinite;
    animation-delay: 1.5s;
    z-index: -1;
}
.sec-4-1-content1 {
    margin-top: 4rem;
}

.sec-4-1-content4 {
    margin-top: -16rem;
}
.client-box ul {
    margin-top: 45px;
    margin-left: 0px;
}

.client-box ul li img {
    margin-right: 5px;
}

.Quicklinkheading h5 {
    font-size: 15px;
}

.btnNumber img {
    margin-right: 5px;
    width: 23%;
    margin-left: -21px;
}

.FooterButtons {
    display: block;
}

.FooterButtons a {}

.FooterButtons a {
    margin-bottom: 4px;
}

.copyrightsecondtext ul li a {
    font-size: 14px;
}
.section-01 {
    height: 500px;
}

.header .dropdown-menu {
    min-width: 977px;
    left: -221px;
}
.section-1-content-servi h1 span {
    width: 50%;
}

.section-1-content-servi h1 {
    font-size: 40px!important;
    width: 100%;
}

.portfolio.pricing.ser .nav-tabs {
    padding-right: 0px;
    padding-left: 0px;
}

.portfolio.pricing.ser li.nav-item {
    margin-top: 6px;
}
p.paragraph {
    width: 88%;
}

}

@media only screen and (max-width: 991px){
    .carousal1 .item {
    flex-wrap: wrap;
}
    .header .dropdown-menu {
    min-width: 600px;
}

div#navbarSupportedContent {
    /* background: aquamarine; */
    background-image: -moz-linear-gradient( 54deg, rgb(59,0,0) 0%, rgb(157,0,0) 53%, rgb(195,0,0) 100%);
    background-image: -webkit-linear-gradient( 54deg, rgb(59,0,0) 0%, rgb(157,0,0) 53%, rgb(195,0,0) 100%);
    background-image: -ms-linear-gradient( 54deg, rgb(59,0,0) 0%, rgb(157,0,0) 53%, rgb(195,0,0) 100%);
    padding: 10px 10px 10px 10px;
    border-radius: 10px;
}

    .dropTitle h4 {
    font-size: 13px;
}

.dropServ a {
    gap: 10px;
    padding-bottom: 5px;
}

.dropServ img {
    width: 24px;
}

.dropServList ul li a {
    font-size: 12px;
}
header a.nav-link:hover:before {
    width: 14%;
}

.section-1 {
    height: 542px;
}

.section-1-content h1 {
    font-size: 32px;
}

h1.aos-init.aos-animate {}

p.b {
    font-size: 14px!important;
}

.section-1-content p {
    font-size: 11px;
}

.section-1-img {
    top: 53px;
    width: 45%;
    right: 52px;
}

.section-1-content {
    margin-top: -115px;
}

section.pricing h2, .portfolio h2 {
    font-size: 33px;
}
    .pricing .nav-tabs .nav-link {
    margin-top: 5px;
}

.character-parent {
    height: 490px;
    width: 100%;
}

.icon-parent h4 {
    font-size: 17px;
}

.icon-parent p {
    font-size: 12px;
}

.icon-parent img {
    width: 46%;
}

.icon-parent.myActive .fa-square-arrow-up-right:before {}

.icon-parent.myActive .fa-square-arrow-up-right:before {
    font-size: 24px;
}

.icon-parent h4 {}

.icon-parent.myActive p {
    bottom: 42px;
}

::before {}

.icon-img:before {
    width: 60px;
    height: 60px;
    left: 7px;
}

section.section-2 {
    height: 773px;
}

.sec-3-form-parent {
    width: 78%;
    margin-top: 117px;
}

.sec-3-charac img {
    width: 81%;
}

.sec-3-charac {
    left: 18px;
    margin-top: 8%;
}

.sec-3-content h1 {
    font-size: 32px;
}

section.section-3 {
    padding: 10px 0px 10px;
    /* overflow: hidden; */
}
.sec-4-1-parent {
    gap: 12px;
}

.sec-4-1-content img {
    margin-bottom: 19px;
    width: 40%;
}
.sec-4-1-parent:before {
    background-image: url(../images/sec-4-arrow3.png);
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    width: 0px;
    height: 474px;
    top: -243px;
    left: -10px;
    animation: arrow 10s infinite;
    animation-delay: 1.5s;
    z-index: -1;
}
    .sec-4-1-content1 {
    margin-top: -1rem;
}

.sec-4-1-content2 {
    margin-top: -3rem;
}

.sec-4-1-content3 {}

.sec-4-1-content3 {}

.sec-4-1-content3 {
    margin-top: -6rem;
}

.sec-4-1-content4 {
    margin-top: -15rem;
}
.client-box ul {
    margin-top: 0px;
}

.gota h1 {
    font-size: 32px;
}

.gota p {
    width: 92%;
}
.Quicklinkheading {
    margin: 17px 0px;
}
.sec-3-content {
    overflow: hidden;
}
.section-01 {
    height: 345px;
}

section.about-sec-1 {
    padding-top: 44px;
}

section.section-01.section-1 .section-1-img img {
    width: 83%;
}

section.section-01.section-1 .section-1-img {
    right: 44px;
    top: 58px;
    width: 46%;
}

.section-01 .section-1-content {
    margin-top: 49px;
}

.circle-outer {
    top: -5px;
}

.about-sec-1 h1 {
    font-size: 35px;
}

.about-img img {
    width: 100%;
}

.about-sec-1 p {
    font-size: 14px;
}

.about-sec-2-content h1 {
    font-size: 38px;
}
 
    .sec-bg {height: auto;padding: 35px 33px;}
    .section-1-content-servi h1 {
    font-size: 29px!important;
}

.section-1-content-servi h1 span {
    width: 47%;
}
section.portfolio.pricing.ser.ss .portfolio-box {
    height: 313px;
}
.gota1 h1 {
    font-size: 31px;
}
.gota1 p {
    width: 89%;
}
}

@media only screen and (max-width: 767px){
    .section-1-content h1 {
    font-size: 25px;
}

p.b {
    font-size: 12px!important;
    width: 51%;
}

.section-1 {
    height: 458px;
}

.section-1-img {
    top: 79px;
    right: 28px;
    width: 47%;
}

.btn-get-start {
    padding: 12px 14px 12px 14px;
    font-size: 13px;
}

section.pricing h2, .portfolio h2 {
    font-size: 28px;
}

p.paragraph {
    width: 100%;
    font-size: 14px;
}

.price-box h3 {
    font-size: 16px;
}

h2.gradient-heading {
    font-size: 25px!important;
}

.price-box .listscroll li {
    font-size: 13px;
}

.price-box .ftter a {
    font-size: 13px;
}

.price-box {
    margin: 11px 0px;
}
.character-img img {
    width: 66%;
    margin-left: 51px;
}

section.section-2 {
    height: auto;
}

.charecter-icon-parent {
    margin-top: 39px;
}

.icon-img:before {
    width: 91px;
    height: 90px;
    left: 0px;
    top: -2px;
}

.icon-parent img {
    width: unset;
}
    .sec-3-charac img {
    width: 68%;
}

.sec-3-charac {
    left: -1px;
}

.sec-4-1-parent:before {
    display: none;
}

.sec-4-1-parent {display: block;}

.sec-4-1-content1 {
    margin-top: 0px;
}

.sec-4-1-content2 {
    margin-top: 0px;
}

.sec-4-1-content3 {
    margin-top:0px;
}

.sec-4-1-content4 {
    margin-top:0px;
}

.sec-4-1-content img {
    width: unset;
}

.sec-4-1-content img {}

sec-4-icon img {
    width: unset;
}

.sec-4-1-content .sec-4-icon img {
    width: 16%;
}

.sec-4-1-content {
    width: 77%;
    margin: 40px 0px;
}
    .sec-5-con p {
    width: 93%;
}

.ReviewTop h2 {
    font-size: 24px;
}

.ReviewTop p {
    width: 100%;
}

.client-box p {
}

.client-box ul {
    margin-top: -77px;
}

.gota h1 {
    font-size: 23px;
}

.gota p {
    width: 100%;
}

.CopyrightMain {
    display: block;
}

.copyrightsecondtext ul li {
    margin-left: 0px;
}
    .section-01 {
    height: 289px;
}

section.section-01.section-1 .section-1-img {
    width: 55%;
    right: -24px;
    top: 51px;
}

section.about-sec-1 {
    padding-top: 13px;
}

.circle-outer {
    top: -56px;
}
    .about-img img {
    width: 92%;
    margin-top: 18px;
}
    .about-sec-1 h1 {
    font-size: 26px;
}
    .section-1-content-servi h1 {
    font-size: 24px!important;
}
.header .dropdown-menu {
    min-width: 500px;
    height: auto;
}
section.portfolio.pricing.ser.ss .portfolio-box {
    height: 256px;
}

.dropServ.dropServ2.mt-4 {
    margin-top: 0px!important;
}

.section-1-content-servi h1 span {width: 52%;}
}


@media only screen and (max-width: 575px){
    .carousal1.owl-theme .owl-dots .owl-dot span {
    width: 65px;
}


.section-1-content h1 {
    font-size: 22px;
}

.section-1 {
    height: 514px;
    text-align: center;
    /* z-index: 111; */
}

section.portfolio {
    padding-top: 235px;
    /* z-index: -1; */
}

.section-1-content {
    margin-top: -187px;
}

p.b {
    margin: auto;
    width: 100%;
    margin-bottom: 20px;
}

.section-1-img {
    width: 52%;
    top: 280px;
    /* position: absolute; */
    right: 100px;
}

.section-1-content p {
    font-size: 11px;
}
    section.pricing h2, .portfolio h2 {
    font-size: 23px;
}

.pricing .nav-tabs .nav-link {
    padding: 10px 11px;
}

.character-parent {
    height: 400px;
}

.icon-parent.myActive p {
    bottom: 30px;
}

.icon-parent h4 {
    font-size: 15px;
}

.sec-3-content h1 {
    font-size: 22px;
}

.sec-3-charac img {
    width: 58%;
}

.sec-3-charac {
    left: -17px;
    margin-top: 2px;
}

.sec-form-cont h3 {
    font-size: 17px;
}

.sec-form-cont h4 {
    font-size: 19px;
}

.sec-3-form-parent {
    padding: 10px 10px 10px 10px;
}

.sec-bg {}

.sec-bg {
    padding-right: 7px;
}

.sec-5-con h2 {
    font-size: 27px;
}

.sec-5-con p {
    font-size: 15px;
    width: 100%;
}

.sec-5-con p {
}

.ReviewTop h2 {
    font-size: 18px;
}

.client-box ul {
    margin-top: 0px;
}

.gota h1 {
    font-size: 17px;
}
section.section-01.section-1 {
    height: 368px;
}

section.section-01.section-1 .section-1-img {
    top: 169px;
    right: 81px;
    width: 65%;
}

.section-01 .section-1-content {
    margin-top: -130px;
}
.about-sec-1 h1 {
    font-size: 18px;
}
.header .dropdown-menu {
    min-width: 364px;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.dropServList ul li {
    line-height: 14px;
}
    .gota1 h1 {
    font-size: 17px;
    margin-bottom: 6px;
}

.gota1 p {
    width: 100%;font-size: 14px;
}

}