@media (max-width:1440px) {
    
    .your-header .navbar {
    padding-left: 50px;
}


    .slides-content h1 {font-size: 45px;}

.slides-content h1 .gird-span {
    font-size: 50px;
}

.back-google {
    padding: 2.5rem 1.5rem 0;
}
 .footer-side-form h5 {
    font-size: 25px;
}
 .social-links ul li a {
    font-size: 14px;
}


.inner-do .grow-buisness h2 {
    font-size: 35px;
}
    
}


@media (max-width:1199px) {
    
    .your-header .navbar {
    padding-left: 100px;
}
    
    .menubar {
    z-index: 56;
    top: 40%;
}

.top-sidemenu {
    padding-left: 20px;
    width: 26%;
}

.home-banner {
    height: 600px;
    align-items: end;
}

.slides-content h1 .gird-span {
    font-size: 45px;
}
.mobile-app {
    padding-left: 150px;
}

.back-google h4 {
    font-size: 22px;
}

.back-google p {
    font-size: 15px;
}

.mobile-growth h2 {
    font-size: 35px;
}

.mobile-growth p {
    font-size: 18px;
}

.back-cover-mob figure img {
    width: 90% !important;
    margin-left: 20px;
}

.back-cover-mob figure {
}

.mobile-slides:before {
    width: 265px;
    height: 509px;
}
.notch-portfolio h2 {
    font-size: 35px;
}

.tabs-portfolio {
    padding: 80px 0 50px;
}
.take-brand h2 {
    font-size: 35px;
}

.revamping-off:before {
    width: 430px;
    height: 350px;
    top: -30px;
}

.main-unique {
    padding: 1rem;
}

.unique-design h4 {
    font-size: 20px;
}.main-tabs .nav-tabs {
    gap: 40px;
}

.basic-rates h5 {
    font-size: 20px;
}

.main-client .side-bar-client {
    gap: 10px;
}

.side-bar-client h4 {
    font-size: 18px;
}

.side-bar-client p {
    font-size: 14px;
}

.side-bar-client h6 {
    font-size: 14px;
}.grow-buisness h2 {
    font-size: 35px;
}

.social-links h4 {
    font-size: 25px;
}

.web-b p {
    width: 100%;
    font-size: 15px;
}

.footer-side-form h5 {
    font-size: 18px;
}

.footer-side-form p {
    font-size: 14px;
}

.footer-side-form .form-control {
    font-size: 12px;
}

footer::before {
    width: 1000px;
}

.social-links ul li a {
    font-size: 12px;
}
footer {
    padding: 50px 0 0;
}

.banner-cont h1 {
    font-size: 75px;
}

.inner-do {
    padding: 50px 50px;
}

.revamping-off {
    background-size: cover;
}

.chitter-chatter .back-blue {
    width: 100px;
    height: 100px;
}

.chitter-chatter h4 {
    font-size: 25px;
}

.logo-design-agency .slides-content h1 {
    font-size: 40px;
}

.inner-do .grow-buisness h2 {
    font-size: 30px;
    line-height: 40px !important;
}
.logoservices ul li .item_body .item_text {
    width: 700px;
    padding: 50px 60px 50px 20px;
}

.logoservices ul li .item_body {
    padding-left: 50px;
    width: 50px;
}

.logoservices ul li .item_body .item_heading {
    left: -176px;
}

.logoservices ul li .item_body .item_heading h4 {
    font-size: 16px;
}

.logoservices ul .logo_slide_item.colchang .item_body {
    width: 650px;
}

.logoservices ul li .item_body .item_text p {
    width: 76%;
}


.hand-phone .slides-content h1 {
    font-size: 32px;
    line-height: 40px !important;
    margin-bottom: 10px;
}


.website-design-services {
    height: 700px;
    align-items: end;
    padding-bottom: 50px;
}



}


@media (max-width: 991px) { 
    
    .your-header .navbar {
    padding-left: 100px;
}

.btn-blue {
    font-size: 14px;
    padding: 10px 16px;
}

.talltop a {
    gap: 10px;
    font-size: 14px;
}

.talltop a img {
    width: 30px;
    height: 30px;
    padding: 7px;
}

a.navbar-brand img {
    max-width: 180px;
}

.top-sidemenu {
    width: 30%;
    padding-left: 10px;
    padding-top: 20px;
}

.dropdown-slides li a {font-size: 14px;}

.follow-links {
    padding-top: 15px;
}

.follow-links h4 {
    font-size: 16px;
}

.follow-links ul li a i {
    width: 25px;
    height: 25px;
    font-size: 13px;
}
    
    
.home-banner {
    align-items: center;
}
    
    
    .slides-content h5 {
    font-size: 15px;
}

.slides-content h1 {
    font-size: 30px;
    line-height: 40px !important;
}

.slides-content h1 .gird-span {
    font-size: 35px !important;
}

.grid-btn a {
    padding: 12px 25px;
    font-size: 14px;
}

.main-upper-slides .swiper {
    height: 100px;
}

.grow-buisness h2 {
    font-size: 30px;
}

.grow-buisness p {
    font-size: 15px;
}

.mobile-app {
    padding-left: 50px;
}

.back-google {
    padding: 2rem 1rem 0;
    height: 380px;
}

.back-google h4 {
    font-size: 16px;
}

.back-google img {
    width: 80%;
}

.mobile-sec:after {font-size: 300px;top: 0;left: 0;right: 0;margin: auto;}

.mobile-growth h2 {
    font-size: 28px;
    line-height: 32px !important;
}

.mobile-growth p {
    font-size: 15px;
}

.mobile-slides:before {
    width: 205px;
    height: 390px;
    left: -10px;
}.notch-portfolio h2 {
    font-size: 25px;
}

.main-tabs {
    padding-top: 30px;
}

.tabs-portfolio {
    padding: 50px 0 20px;
}

.blue-curv {
    padding: 12px 25px;
    font-size: 14px;
}

.take-brand h2 {
    font-size: 25px;
    line-height: 35px !important;
    margin-bottom: 10px;
}

.grid-btn {
    gap: 8px;
}

.revamping-off:before {width: 360px;height: 300px;}

.revamping-off {
    margin-top: 0;
}

.have-to-offer {
    padding: 50px 0px;
}

.offer-what p {
    width: 100%;
}

.main-unique {
    margin-top: 30px;
}

.unique-design h4 {
    font-size: 16px;
    line-height: 22px !important;
}

.unique-design p {
    font-size: 14px;
}

.packages-prices {
    padding: 50px 0;
}

.main-tabs .nav-tabs {
    gap: 10px;
}

.main-tabs .nav-link.active {
    padding: 12px 20px;
}

.plane-out .nav-link {
    padding: 10px !important;
    font-size: 20px;
}

.rs-pack {
    padding: 10px;
    font-size: 20px;
}

.points-pack {
    padding: 1rem;
}

.points-pack h4 {
    font-size: 22px;
}

.points-pack ul li .fa-check {
    width: 17px;
    height: 17px;
    font-size: 13px;
}

.points-pack ul li {
    margin-bottom: 5px;
}

.basic-rates h5 {
    font-size: 14px;
}

.basic-rates p {
    margin: 1rem 0;
}

.basic-rates:before {
    width: 200px;
    bottom: -90px;
    left: 0;
}
.grow-buisness h2 {
    font-size: 25px;
    line-height: 30px !important;
}

.side-bar-client h4 {
    font-size: 14px;
}

.side-bar-client p {
    font-size: 12px;
}

.side-bar-client h6 {
    font-size: 11px;
}

.side-bar-client img {
    width: 20px;
}

.main-client .side-bar-client {
    gap: 1px;
}

.footer-side-form {
    padding: 150px 50px 50px 20px;
}

.footer-side-form::before {
    top: 30px;
    left: 90px;
}

footer {
    padding: 0;
}

.footer-side-form h5 {
    font-size: 15px;
}

.footer-side-form p {
    font-size: 12px;
}

.footer-side-form .form-control {
    /* height: 65px; */
}

.inner-do {
    padding: 50px 0px;
}

.banner-cont h1 {
    font-size: 60px;
}

.banner-cont p {
    width: 80%;
}

.chitter-chatter h5 {
    font-size: 15px;
}

.chitter-chatter p {
    font-size: 14px;
}

.chitter-chatter h4 {
    font-size: 22px;
}


.inner-do .grow-buisness h2 {
    font-size: 23px;
    line-height: 30px !important;
}
.logoservices ul li .item_body .item_text ul li img {
    width: 70%;
}

.logoservices ul li {
    justify-content: start;
}



.logoservices ul li .item_body .item_text {
    width: 700px;
    padding: 50px 60px 50px 20px;
}

.logoservices ul li .item_body {
    padding-left: 50px;
    width: 50px;
}

.logoservices ul li .item_body .item_heading {
    left: -176px;
}

.logoservices ul li .item_body .item_heading h4 {
    font-size: 16px;
}

.logoservices ul .logo_slide_item.colchang .item_body {
    width: 650px;
}

.logoservices ul li .item_body .item_text p {
    width: 76%;
}


.hand-phone .slides-content h1 {
    font-size: 32px;
    line-height: 40px !important;
    margin-bottom: 10px;
}


    .logoservices ul li .item_body .item_text {
    width: 500px;
}

.logoservices ul .logo_slide_item.colchang .item_body {
    width: 500px;
}

.logoservices ul li .item_body .item_text p {
    font-size: 13px;
}


.slides-content h4 {
    font-size: 25px;
}


.website-design-services {
    height: 600px;
}



.modal-main .modal-dialog {
    left: 10%;
}



}

    
    
 
@media (max-width: 767px) {      
    
    
    .home-banner {
    height: 950px;
    align-items: end;
}

.your-header .navbar {
    padding: 0;
    margin-top: 20px;
    justify-content: center;
}

.btn-blue {
    padding: 8px 12px;
    font-size: 12px;
}

.talltop {
    gap: 5px;
    display: none !important;
}

.talltop a {
    font-size: 13px;
}

.menubar {top: 55px;}

.menubar a img {
    width: 70%;
}

.slides-content {
    text-align: center;
}

.grid-btn {
    justify-content: center;
}

.side-img-slides figure img {
    width: 70% !important;
    margin: auto;
    margin-top: 80px;
}
    
    
    .top-sidemenu {
    width: 50%;
}


.grow-buisness {
    text-align: center;
}

.grow-buisness p {
    margin-top: 20px;
}

.grow-buisness h2 {
    font-size: 30px;
}

.mobile-app {
    padding: 0;
    margin-top: 30px;
}

.back-google {
    text-align: center;
    padding: 10px;
    height: 500px;
}

.back-google h4 {
    font-size: 30px;
    margin-top: 25px;
}

    .back-google img {
    width: 50%;
}

    
.back-google p {
    font-size: 18px;
}
.mobile-sec {
    padding-top: 0;
    padding-bottom: 50px;
}

.mobile-growth {
    text-align: center;
}

.mobile-growth h2 {
    font-size: 23px;
}

.mobile-slides:before {
    right: 0;
    top: 20px;
    left: 0%;
    width: 250px;
}

.back-cover-mob figure img {
    width: 63% !important;
    margin-left: 10px;
    margin-top: 16px;
}

.mobile-slides {padding: 20px;}

.notch-portfolio h2 {
    font-size: 20px;
}

.text-end {
    text-align: center !important;
}

.revamping-off {
    padding-bottom: 200px;
    background-size: cover;
    padding-top: 95px;
}

.revamping-off:before {background-size: contain;height: 160px;width: 200px;top: 290px;left: 0;right: 0;margin: auto;}

.take-brand {
    text-align: center;
}

.take-brand h2 {
    font-size: 35px;
    line-height: 50px !important;
}
.main-tabs .nav-tabs {
    gap: 0px;
}

.main-tabs .nav-link.active {padding: 12px 10px;}

.basic-rates {
    padding: 2rem 1rem 8rem;
    text-align: center;
    margin-top: 40px;
}

.basic-rates h5 {
    font-size: 25px;
}

.basic-rates p {
    font-size: 18px;
}

.basic-rates:before {
    margin: auto;
    right: 0;
}

.points-pack {
    margin-top: 30px;
    margin-bottom: 20px;
}

.points-pack h4 {
    font-size: 30px;
}

.main-tabs .nav-tabs {
    margin-bottom: 0;
    padding-bottom: 0;
}

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

.main-client {
    margin-top: 0;
}

.grow-buisness {
    margin-bottom: 20px;
}

.main-client .side-bar-client {
    gap: 30px;
}

.side-bar-client img {
    width: 15%;
}

.side-bar-client h4 {
    font-size: 30px;
}

.side-bar-client p {
    font-size: 20px;
}

.side-bar-client h6 {
    font-size: 25px;
}

.footer-side-form h5 {
    font-size: 30px;
}

.footer-side-form p {
    font-size: 17px;
}

.footer-side-form .form-control {
    height: 65px;
    font-size: 16px;
}

.social-links ul li a {
    font-size: 17px;
}

.social-links {
    margin-top: 20px;
}

.social-links .threeul {
    column-count: 1;
}

.main-wb {
    display: block;
    text-align: center;
}

.web-b p {
    margin-top: 10px;
    justify-content: center;
}

.pay-pal-main {
    text-align: center;
}


.banner-cont p {
    width: 100%;
}

.grow-buisness.back-psd {
    width: 100%;
}

.inner-do .grow-buisness h2 {
    margin-top: 20px;
}



.take-brand .form_submission {
    margin-top: 40px;
}

.chitter-chatter .back-blue {
    width: 150px;
    height: 150px;
}


.inner-banner {
    height: 950px !important;
}

.logo-design-agency .slides-content {
    margin-top: 60px;
}

.logo-design-agency .side-img-slides figure img {
    margin: auto;
}

.logo-design-agency .side-img-slides {
    text-align: center;
    margin-top: 40px;
}

.range-design {
    padding-bottom:250px;
}


.logoservices ul {
    transform: rotate(90deg);
    margin-top: 5rem;
    width: 100%;
}

.logoservices ul li .item_body .item_text {
    width: 324px;
    padding: 15px 0 0 20px;
    transform: rotate(270deg);
    height: 320px;
}

    .item_text ul {
    display: block;
    margin-top: 40px;
}

.logoservices ul li .item_body .item_text ul li img {
    width: 45%;
}

.logoservices ul .logo_slide_item.colchang .item_body {
    width: 380px;
}

.hand-phone {
    background: none;
}

.website-design-services .slides-content h1 .gird-span {
    font-size: 25px;
}


.offer-what h2 {
    font-size: 30px;
}

}





@media (max-width: 575px) { 


.home-banner {
    height: 800px;
}

.back-google {
    height: 450px;
}

.back-google img {
    width: 60%;
}

.mobile-app .mySwiper2 {
    padding-bottom: 30px;
}

.mobile-sec {
    padding-bottom: 40px;
}

.mobile-slides:before {
    width: 170px;
}

.back-cover-mob figure img {
    width: 76% !important;
    margin-left: 7px;
}

.take-brand h2 {
    font-size: 27px;
}

.revamping-off {
    padding-top: 60px;
    padding-bottom: 240px;
}

.offer-what h2 {
    font-size: 30px;
}

.unique-design p {
    font-size: 15px;
}

.red-btn {
    padding: 10px 15px !important;
    font-size: 15px;
}

.banner-cont h1 {
    font-size: 40px;
}

.inner-banner {
    height: 80vh;
}


.chitter-chatter {
    margin: 30px 0;
}

.hand-phone .slides-content h1 {
    font-size: 20px;
    line-height: 25px !important;
}

.hand-phone .slides-content h5 {
    margin-bottom: 0;
}

.slides-content h6 {
    font-size: 16px;
}

.slides-content h4 {
    font-size: 20px;
}


.logo-design-agency {
    height: 850px;
}

.logo-design-agency .slides-content h1 {
    font-size: 25px;
}


.logoservices {
    padding-bottom: 100px;
}


.modal-main .modal-dialog {
    padding: 18px;
    width: 95%;
    top: 10%;
    left: 0;
    right: 0;
}

.main-modal h5 {
    font-size: 22px;
}

.modal-main .btn-close {
    top: -30px;
    right: -30px;
}

}