@media (max-width: 768px) {

    .home-banner {
    padding: 30% 0 11% 0;
}

.home-hd h1 {
    font-size: 65px;
}
span.sub-heading {
    font-size: 20px;
    color: #e64529;
    font-weight: 500;
    /* text-align: center; */
}


.new-banner .btn-3 {
    text-align: start;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
}

.home-hd {
    text-align: center;
}


.why-us-sec {
    padding: 23px 0 10px;
    text-align: center;
}

.why-pic {
    width: 100%;
    min-height: 25vh;
    height: 100%;
    margin-top: 25px;
}

.sr-deatils p {
  text-align: center;
}

.plan-sec{
  text-align: center;  
}

.bilder-pic img {
    width: 62%;
    margin-top: 43px;
}


.services-sec h3 {
    font-size: 2.0rem;
}


.about-sec{
    text-align: center;
}


.sr-deatils { 
    padding: 23% 38px 3% 46px;
    text-align: center;

}


.why-us-sec h2 {
    font-size: 2.0rem;
    margin-bottom: 0px;
}

.home-btn {
   display: block;
   margin: 0px auto;
}

     .mian-header {
         display: none;
    }
     #mobile_nav {
         display: block;
    }
     #mobile_nav label.logo-head {
         font-size: 30px;
         padding-left: 50px;
    }
     #mobile_nav ul li a {
         font-size: 20px;
         font-weight: normal;
         font-style: normal;
         font-display: swap;
         font-family: 'Poppins';
    }
     #mobile_nav .checkbtn {
         display: block;
    }
     #mobile_nav ul {
         position: fixed;
         width: 100%;
         height: 100vh;
         background: #292927;
         left: -100%;
         text-align: center;
         transition: all 0.5s;
         margin-top: 13px;
    }
     #mobile_nav ul li {
        /* display: block;
         */
        margin: 37px 34px;
        line-height: 0;
        text-align: center;
    }
     #mobile_nav #check:checked ~ ul {
         left: 0;
    }
     p {
         font-size: 13px;
         text-align: center;
    }
     .main-banner {
         padding: 7rem 0px 0rem 0px;
    }
     .sec-pd {
         padding: 2rem 0 2rem 0;
    }
     .mian-hd {
         font-size: 2.0rem;
         text-align: center;
         font-weight: 600;
    }
     .home-hd h1 {
         font-size: 2.6rem;
    }
     .home-hd img {
         width: 4%;
    }
     .start-up-form {
         margin-top: 0px;
    }
     .form-btn-1,.form-btn-2{
         display: none;
    }
     .form-bg {
         background-image: none;
         margin-top: 1rem;
    }
     .form-bg::after {
         content: '';
         display: none;
    }
     .form-sec:hover::after{
         display: none;
    }
     .start-up-form input {
         margin-top: 6px;
         margin-bottom: 4px;
         text-align: center;
         display: block;
         width: 63%;
    }
     .start-up-form .deal-btn {
         margin: 4px auto;
         width: 63%;
         text-align: center;
         display: block;
    }
     .service-tabs-nav {
         text-align: center;
    }
     .faq-sec .accordion:after {
         height: 30px;
         width: 30px;
         margin: 0px auto;
         font-size: 19px;
         transform: rotate(360deg);
    }
     .faq-sec .accordion {
         font-size: 1.0rem;
    }
     .panelfaq p {
         text-align: left;
    }
     .panelfaq{
         margin-top:10px;
         margin-bottom: 10px;
    }
     .panelfaq img{
         margin-top:15px;
    }
     


     .why-pic h3 {
         font-size: 1.0rem;
         font-weight: 500;
         padding: 9px;
         margin: -52px 0px;
    }
     .why-pic img {
         width: 80%;
    }
     .contact-heading {
         font-size: 1.2rem;
         font-weight: 500;
    }
     .why-content {
         text-align: center;
         margin-top: 5rem;
    }
     .skills .title-bar h5 {
         font-size: 1.0rem;
         line-height: 43px;
    }
     .cta-content ul {
         margin-top: 23px;
    }
     .cta-content {
         margin: 30px 0px 26px 0px;
         text-align: center;
    }
     .cta-content ul.inline-block li {
         padding-left: 51px;
         padding-right: 12px;
    }
     .caller small {
         margin-left: 4px;
         font-size: 16px;
    }
     .textter small {
         font-size: 16px;
    }
     .cta-content span {
         font-size: 1.3rem;
    }
     .cta-sec-1 {
         padding: 4% 0px 6% 0px;
         margin-top: 0rem;
         margin-bottom: 0rem;
    }
     .cta-hd {
         top: 12px;
         font-size: 2rem;
         letter-spacing: 3.2px;
    }
     .protfolio-gallry-1 {
         margin: -25px 0px;
         padding-left: 20px;
         padding-right: 20px;
    }
     .protfolio-gallry-2 {
         margin: 8px 0px;
         padding-left: 20px;
         padding-right: 20px;
    }
     .service-tabs-nav .nav-tabs button {
         font-size: 13px;
    }
     .over-deign-process {
         text-align: center;
    }
     .brand-logo img {
         margin-left: 20px;
         margin-right: 10px;
         margin-top: 12px;
         margin-bottom: 7px;
    }
     .clint-slider {
         margin-top: 0rem;
    }
     .clint-slider p {
         text-align: left;
    }
     .line-1{
         display: none;
    }
     .btn-1 {
         text-align: end;
         margin-top: 10px;
         margin-bottom: 10px;
    }
     .btn-2 {
         text-align: center;
    }
     .btn-3 {
         text-align: start;
         margin-top: 10px;
         margin-bottom: 10px;
    }
     .line-main{
         margin-top: 0rem;
    }
     .proces-text ul li {
         font-size: 16px;
    }
     .proces-text samp {
         margin-left: 6px;
         margin-right: 4px;
         font-size: 21px;
         font-weight: 600;
    }
     .ft-list {
         text-align: center;
    }
     .ft-last-list {
         text-align: center;
         margin-top: 15px;
    }
     .last-footer {
         text-align: center;
         margin-top: 0px;
    }
     .footer-bottom {
         color: #fff;
         
    }
     .ft-list li {
         padding: 2px;
    }
     .mobile-cs {
         margin-top: 25px;
    }
     h4.light-cyan {
         margin-top: 13px;
    }


.footer-logo {
    padding-right:0px;
    margin: 0px;
    padding-top: 0px;
    text-align: center;
}

.soical-icons {
    margin-bottom: 26px;
}

footer.footer-sec {
    text-align: center;
}


footer.footer-sec ul.inline-block li {   
    padding: 4px 8px;

}

.footer-hd {
    margin: 32px 0 0px 0px;
}

footer.footer-sec ul.inline-block li::before {
   display: none;
}



/*    banner css */

.banner-sec {
    padding: 10rem 0 3rem 0rem;
}
.banner-content img{
    width: 4%;
}
.banner-sec h1 {
    font-size: 2.6rem;
}
.main-content-hd {
    font-size: 2.0rem;  
}
.about-content {
    text-align: center;
}

.discount-1 h3 {
    font-size: 1.3rem;
}


.under-one-roof  .inline-block li{
    padding-top: 10px;
}

.vissions-box {
    text-align: center;
}

.vissions-box .main-content-hd {
    text-align: center;
}
.card-1 img {
    margin: 0px auto;
    width: 53%;
    margin-bottom: 10px;
}
.creative-pepole {
    text-align: center;
}
.card-1 span {
    margin-top: 29px;
    font-size: 16px;
}

.services-indutry-content {
    font-size: 2.0rem;
}

.reviews-pic {
    align-items: center;
    justify-content: left;
}

.reviews-content h4 {
    font-size: 1.2rem;
}

.reviews-box p {
    font-size: 13px;
    text-align: left;
}

.reviews-pic img {
    width: 33%;
    margin-bottom: 14px;
}
.reviews-content ul.inline-block {
    margin-top: 5px;
    margin-bottom: 7px;
}

.three-btn .inline-block li {
    padding: 6px;
}

/*wrting css response */

.home-1{
    display:none;

}


.main-banner {
    height: 60vh;
    min-height: 60vh;
}


.green-btn {
    font-size: 14px;
    padding: 9px 25px;
}


}



 @media (max-width: 1400px) {


    .home-1 {
    width: 68%;
    
}

.home-hd h1 {
    font-size: 65px;
    letter-spacing: 3.2px;
}

.content-box h3 {
    font-size: 20px;
}
 }