@media (max-width:1600px) {
 .main-heading { font-size: 30px!important; margin-bottom: 15px; }
 .content-box { font-size: 12px!important; margin-bottom: 15px !important; }
 .main-btn .btn-link { width: 150px; font-size: 12px; }
 .form-button .button-link { width: 60%; font-size: 12px; }
 #estimateForm .form-group .label-group { font-size: 12px !important; }
 .form-group .label-group span.required { font-size: 12px !important; }
 #estimateForm .form-group label #agreement { font-size: 12px !important; }
 .navbar-expand-lg .navbar-nav .nav-link { font-size: 14px !important; }
 .bi-text-scroll-item-2 h3{ font-size: 40px; }
 .common-section-all .slider__item .panel .row .title { font-size: 12px; }
 .faqs .accordion-faqs-content p { font-size: 12px; }
 .faqs .accordion-faqs .accordion-faqs-item .accordion-faqs-header p { font-size: 14px; }
 .mobile-app-dev .row-two .mpd-box p { font-size: 12px; }
 .mobile-app-dev .row-two .mpd-box .primary-color-span { font-size: 16px; }
 .mobile-app-dev .row-two .mpd-box { gap: 0.5rem; padding: 1rem; height: 300px; }
 .gameChangingBoxes .item .boxFront .lightText { font-size: 12px; }
 .gameChangingBoxes .boxBack .lightText { font-size: 12px; }
 .shopping-destination .container-fluid .row-two .right-content-main { padding: 5rem; }
 .shopping-destination .container-fluid .row-1 .left-content-main { padding: 5rem; }
 .footer-form-container .form-label-field { font-size: 12px !important; }
 .footer-form-container .field-one:after { top: 37%; left: 64px; }
 .footer-form-container .field-two:after { top: 37%; left: 64px; }
 .footer-form-container .field-three:after { top: 37%; left: 122px; }
 .footer-form-container .field-four:after { top: 37%; left: 91px; }
 .footer-form-container .field-five:after { top: 37%; left: 90px; }
 .footer-form-container .field-six:after { top: 37%; }
 .footer-form-container .field-seven:after { top: 37%; left: 86px; }
 .crafting-impactfull-app .container .row-two .impactfull-app-box-main .impactfull-app-heading-box::before { top: -6px; }
 .bi-testimonial-item-3 .testimonial-text { font-size: 12px !important; width: 85%; }
 .bi-testimonial-item-3 .testimonial-author h3 { font-size: 16px !important; }
 .bi-testimonial-feed-item .testimonial-author span,.bi-testimonial-item-3 .testimonial-author span { font-size: 12px !important; }
 .bi-testimonial-content-3 .slick-dots { left: -150px; right: 0; }
 .gameChangingBoxes { padding: 133px 0 0; }
 .crafting-impactfull-app .container .row-two .impactfull-app-box-main .impactfull-app-heading-box::before { top: -6px; }
 .bi-footer-widget .menu-widget ul li a { font-size: 12px !important; }
 .bi-footer-widget .about-widget p { font-size: 12px !important; }
 .bi-footer-widget .about-widget h3 { font-size: 24px; }
 .bi-footer-widget .widget-title,.hpt-footer-widget .widget-title { font-size: 24px; }
 .bi-footer-social-content ul li a { font-size: 16px; }
 .adjustpositioning .new-heading-style h5 { font-size: 16px !important; }
 .adjustpositioning .new-heading-style h4 { font-size: 16px !important; }
 .adjustpositioning .new-heading-style p { font-size: 12px !important; }
 #myCarouseladdress .item h4 { font-size: 16px !important; }
 #myCarouseladdress .item h5 { font-size: 12px !important; }
 #myCarouseladdress .item p { font-size: 14px; }
 #myCarouseladdress .item p { font-size: 14px; }
 #myCarouseladdress .item p i { font-size: 14px; }
 .put-your-business .container .row-two .services-bullet-points .service-box .service-box-links { font-size: 16px !important; }
 .wcu-points .container-fluid .row .wcu-points-box { min-height: 550px; }
 }
 @media (max-width:1399px) {
  .main-heading { font-size: 30px!important; margin-bottom: 15px; }
 .content-box { font-size: 12px!important; }
 .main-btn .btn-link { width: 150px; font-size: 12px; }
 .form-button .button-link { width: 60%; font-size: 12px; }
 #estimateForm .form-group .label-group { font-size: 12px !important; }
 .form-group .label-group span.required { font-size: 12px !important; }
 #estimateForm .form-group label #agreement { font-size: 12px !important; }
 .bi-text-scroll-item-2 h3{ font-size: 40px; }
 .common-section-all .slider__item .panel .row .title { font-size: 12px; }
 .form .container .row .inner-left-form:after { left: 92px; }
 .faqs .accordion-faqs-content p { font-size: 12px; }
 .faqs .accordion-faqs .accordion-faqs-item .accordion-faqs-header p { font-size: 16px; }
 .mobile-app-dev .row-two .mpd-box p { font-size: 12px; }
 .gameChangingBoxes .item .boxFront .lightText { font-size: 12px; }
 .gameChangingBoxes .boxBack .lightText { font-size: 12px; }
 .mobile-app-dev .row-two .mpd-box .primary-color-span { font-size: 16px; }
 .mobile-app-dev .row-two .mpd-box { gap: 0.5rem; padding: 1rem; height: 300px; }
 .shopping-destination .container-fluid .row-1 .left-content-main { padding-left: 2rem; }
 .shopping-destination .container-fluid .row-two .left-image-main { padding-left: 2rem; }
 .crafting-impactfull-app .container .row-two .impactfull-app-box-main .impactfull-app-heading-box::before { left: -64px; width: 350px; top: -5px; }
 .crafting-impactfull-app .container .row-one .main-content { margin: 0; width: 100%; }
 .put-your-business .container .row-one .main-content { margin: 0; width: 100%; }
 .pioneering-advance-mobile .main-content { width: 100%; margin: 0; }
 .why-choose-app-design .main-content { margin: 0; width: 100%; }
 .elevate-your-busines .main-content { margin: 0; width: 100%; }
 .budget .container .row .budget-main .buidget-main-content { padding: 3.5rem; }
 .budget .container .row .budget-main .buidget-main-content .content-box { width: 100%; margin: 0; }
 .budget .container .row .main-heading { margin: 0; }
 .shopping-destination .container-fluid .row-two .right-content-main { padding: 5rem; }
 .shopping-destination .container-fluid .row-1 .left-content-main { padding: 5rem; }
 .footer-form-container .form-label-field { font-size: 12px !important; }
 .footer-form-container .field-one:after { top: 37%; left: 64px; }
 .footer-form-container .field-two:after { top: 37%; left: 64px; }
 .footer-form-container .field-three:after { top: 37%; left: 122px; }
 .footer-form-container .field-four:after { top: 37%; left: 91px; }
 .footer-form-container .field-five:after { top: 37%; left: 90px; }
 .footer-form-container .field-six:after { top: 37%; }
 .footer-form-container .field-seven:after { top: 37%; left: 86px; }
 .bi-testimonial-item-3 .testimonial-text { font-size: 12px !important; width: 85%; }
 .bi-testimonial-item-3 .testimonial-author h3 { font-size: 16px !important; }
 .bi-testimonial-feed-item .testimonial-author span,.bi-testimonial-item-3 .testimonial-author span { font-size: 12px !important; }
 .bi-testimonial-content-3 .slick-dots { left: -150px; right: 0; }
 .crafting-impactfull-app .container .row-two .impactfull-app-box-main .impactfull-app-heading-box::before { top: -6px; }
 .gameChangingBoxes { padding: 133px 0 0; }
 .crafting-impactfull-app .container .row-two .impactfull-app-box-main .impactfull-app-heading-box::before { top: -6px; }
 .bi-footer-widget .menu-widget ul li a { font-size: 12px !important; }
 .bi-footer-widget .about-widget p { font-size: 12px !important; }
 .bi-footer-widget .about-widget h3 { font-size: 24px; }
 .bi-footer-widget .widget-title,.hpt-footer-widget .widget-title { font-size: 24px; }
 .bi-footer-social-content ul li a { font-size: 16px; }
 .adjustpositioning .new-heading-style h5 { font-size: 16px !important; }
 .adjustpositioning .new-heading-style h4 { font-size: 16px !important; }
 .adjustpositioning .new-heading-style p { font-size: 12px !important; }
 #myCarouseladdress .item h4 { font-size: 16px !important; }
 #myCarouseladdress .item h5 { font-size: 12px !important; }
 #myCarouseladdress .item p { font-size: 14px; }
 #myCarouseladdress .item p { font-size: 14px; }
 #myCarouseladdress .item p i { font-size: 14px; }
 .put-your-business .container .row-two .services-bullet-points .service-box .service-box-links { font-size: 16px !important; }
 .wcu-points .container-fluid .row .wcu-points-box { max-height: 550px; }
 }
 @media (max-width:1169px) {
 .first-main-section { padding: 100px 0 0 0; }
 .put-your-business .container .row-two .services-bullet-points .column { border: none; }
 .put-your-business .container .row-two .services-bullet-points .column .service-box { border: 1px solid #fff; height: 9rem; width: 100%; display: flex; align-items: center; justify-content: center; margin: 0.1rem; }
 .crafting-impactfull-app .container .row-two .impactfull-app-box-main .impactfull-app-heading-box::before { left: -69px; width: 360px; }
 .bi-testimonial-item-3 .quote-icon { position: absolute; z-index: -1; }
 .bi-testimonial-item-3 { position: relative; z-index: 1; }
 .bi-testimonial-content-3 .slick-dots { left: -192px; }
 .container,.container-md,.container-sm { max-width: 100% !important; }
 .faqs .container-two .left-image,.faqs .container-two .right-image { display: none; }
 .shopping-destination .container-fluid .row-1 .left-content-main { padding-left: 2rem; }
 .shopping-destination .container-fluid .row-two .left-image-main { padding-left: 2rem; }
 .crafting-impactfull-app .container .row-two .impactfull-app-box-main .impactfull-app-heading-box::before { left: -64px; width: 350px; top: -5px; }
 .crafting-impactfull-app .container .row-one .main-content { margin: 0; width: 100%; }
 .put-your-business .container .row-one .main-content { margin: 0; width: 100%; }
 .pioneering-advance-mobile .main-content { width: 100%; margin: 0; }
 .why-choose-app-design .main-content { margin: 0; width: 100%; }
 .elevate-your-busines .main-content { margin: 0; width: 100%; }
 .budget .container .row .budget-main .buidget-main-content { padding: 3.5rem; }
 .budget .container .row .budget-main .buidget-main-content .content-box { width: 100%; margin: 0; }
 .budget .container .row .main-heading { margin: 0; }
 .budget .container .row .budget-main .budget-main-image { display: none; }
 .budget { background: url('../images/mobile-bg.jpg') 82% 100%/cover no-repeat; height: 500px; }
 .budget:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--dark-rgba-purple); z-index: 1; }
 .budget .container .row .budget-main .buidget-main-content { padding: 0; top: 50px; }
 .shopping-destination .container-fluid .row-two .right-content-main { padding: 0 0 0 2rem; }
 .form .container .row .inner-left-form:after { left: 77px; }
 .faqs .container-one { width: 100%; 
/* margin: 0; */
 }
 .mobile-app-dev .row-two .mpd-box { padding: 1rem; }
 .budget .container .row .budget-main .buidget-main-content { padding: 1rem; }
 .put-your-business .services-bullet-points-btn .btn-link { margin-top: 2rem; }
 .crafting-impactfull-app .container .row-two .impactfull-app-box-main .impactfull-app-heading-box::before { left: -69px; width: 360px; }
 .premium-mobile-app .container .row .main-content { width: 100%; margin: 0; }
 .footer-form-container { margin: 0; padding: 0; }
 .bi-testimonial-content-3 .slick-dots { left: -175px; }
 }
 @media (max-width:1024px) {
 .container,.container-md,.container-sm { max-width: 100% !important; }
 .gameChangingBoxes { display: grid; grid-template-columns: 1fr 1fr; }
 .mobile-app-dev .row-two .mpd-box { gap: 1rem; padding: 3rem 2rem; }
 .first-main-section { background: url(../images/getYourAppDesignBG.png) 94% 0% / cover no-repeat; }
 .section { padding: 50px 0; }
 .second-main-section { padding: 0; }
 .main-heading { font-size: 35px; line-height: 40px; }
 .content-box { font-size: 14px; }
 .navbar-toggler { border: none !important; }
 .navbar-toggler .navbar-toggler-icon { font-size: 24px; }
 .banner .container .row { flex-wrap: wrap-reverse; }
 .banner .container .row .left-main { margin-top: 1rem; }
 .bi-text-scroll-item-2 h3 { font-size: 50px; }
 .common-section-all .slider__item .panel .row { padding: 1rem; }
 .portfolio-app img { height: 400px; }
 .faqs .container-one { width: 100%; }
 .faqs .container-two .left-image::before { top: 2rem; left: 6rem; width: 250px; }
 .faqs .container-two .left-image .left-box-image,.faqs .container-two .right-image .right-box-image { margin-top: 0rem; height: 200px; }
 .faqs .accordion-faqs .accordion-faqs-item .accordion-faqs-header p { font-size: 14px; }
 .faqs .accordion-faqs-content p { font-size: 14px; }
 .faqs .container-two .right-image::after { top: 6rem; left: 7rem; }
 .faqs .container-two .right-image::before { top: 6rem; left: 7rem; }
 .faqs .container-two .left-image,.faqs .container-two .right-image { display: none; }
 .gameChangingBoxes { flex-direction: column; background: none; padding: 0; margin-top: 0px; }
 .gameChangingBoxes::before { display: none; }
 .gameChangingBoxes .item { width: 100%; }
 .gameChangingBoxes .item:hover .boxBack { top: -220px; height: 244px; }
 .gameChangingBoxes .boxBack .lightText { margin: 0; }
 .budget .container .row .budget-main .budget-main-image { display: none; }
 .budget { background: url('../images/mobile-bg.jpg') 82% 100%/cover no-repeat; height: 379px; }
 .budget:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--dark-rgba-purple); z-index: 1; }
 .budget .container .row .budget-main .buidget-main-content { padding: 0; top: 50px; }
 .first-main-section { padding-bottom: 0; }
 .budget .container .row .budget-main .buidget-main-content .content-box { margin: 0; width: 100%; }
 .put-your-business .container .row-two .services-bullet-points .column .service-box { border: 1px solid #fff; height: 9rem; width: 100%; display: flex; align-items: center; justify-content: center; margin: 0.1rem; }
 .put-your-business .container .row-two .services-bullet-points .column { border: none; }
 .put-your-business .services-bullet-points-btn .btn-link { margin: 0 auto; }
 .premium-mobile-app .container .row .main-content { width: 100%; margin: 0; }
 .shopping-destination .container-fluid .row-two .right-content-main { padding-right: 0; padding: 1rem; }
 .shopping-destination .container-fluid .row-two .left-image-main { padding: 1rem; }
 .shopping-destination .container-fluid .row-1 .left-content-main { padding: 1rem; }
 .crafting-impactfull-app .container .row-one .main-content { width: 100%; padding: 0 1rem; }
 .crafting-impactfull-app .container .row-two .col-md-4:nth-child(2) .impactfull-app-box-main { margin: 7rem 0 0 0; }
 .transformative-mobile .container-one .row-one .content-box.para { padding: 0 1rem; width: 100%; }
 .put-your-business .container .row-one .main-content { width: 100%; padding: 0 1rem; }
 .pioneering-advance-mobile .main-content { padding: 0 1rem; width: 100%; }
 .why-choose-app-design .main-content { width: 100%; padding: 0 1rem; }
 .elevate-your-busines .main-content { width: 100%; padding: 0 1rem; }
 .crafting-impactfull-app .container .row-two .col-md-4:nth-child(2) .impactfull-app-box-main { margin: 7rem 0 0 0; }
 .crafting-impactfull-app .container .row-two .impactfull-app-box-main .impactfull-app-heading-box::before { left: -45px; right: 0; width: 312px; }
 .bi-footer-social-content ul { display: flex; align-items: start; justify-content: start; flex-direction: column; padding: 0; }
 .premium-mobile-app .container .row .main-content { width: 100%; margin: 0; }
 .shopping-destination .container-fluid .row-two .right-content-main { padding-right: 0; padding: 1rem; }
 .shopping-destination .container-fluid .row-two .left-image-main { padding: 1rem; }
 .shopping-destination .container-fluid .row-1 .left-content-main { padding: 1rem; }
 .crafting-impactfull-app .container .row-two .impactfull-app-box-main { margin-top: 6rem; }
 .bi-testimonial-item-3 { max-width: 462px; }
 .bi-testimonial-item-3 .testimonial-text { font-size: 16px; }
 .bi-testimonial-item-3 .quote-icon { top: 0; right: 14px; z-index: -1; }
 .bi-testimonial-item-3.position-relative { position: relative; z-index: 1; }
 .bi-testimonial-content-3 .slick-dots { left: -146px; bottom: -30px; }
 .premium-mobile-app .container .row .main-content { width: 100%; margin: 0; }
 .footer-form-container { margin: 0; padding: 0 1rem; }
 .branding-and-rebranding .left-box img { max-width: 350px; }
 .branding-and-rebranding .left-box { display: flex; justify-content: center; }
 }
 @media (max-width:991px) {
 .navbar .container .navbar-brand img { max-width: 170px; }
 .section { padding: 50px 0; }
 .container,.container-md,.container-sm { max-width: 100% !important; }
 .second-main-section { padding: 0; }
 .main-heading { font-size: 35px; line-height: 40px; }
 .content-box { font-size: 14px; }
 .navbar-toggler { border: none !important; }
 .navbar-toggler .navbar-toggler-icon { font-size: 24px; }
 .banner .container .row { flex-wrap: wrap; }
 .banner .container .row .left-main { margin-top: 1rem; }
 #estimateForm .form-group .email::after { left: 193px; }
 #estimateForm .form-group .phone-number::after { left: 194px; }
 #estimateForm .form-group .project-details::after { left: 131px; }
 .formfooter-control { margin: 0; }
 .crafting-impactfull-app .container .row-two .impactfull-app-box-main .impactfull-app-heading-box::before { left: -40px; width: 300px; }
 .bi-text-scroll-item-2 h3 { font-size: 50px; }
 .common-section-all .slider__item .panel .row { padding: 1rem; }
 .portfolio-app img { height: 400px; }
 .faqs .container-one { width: 100%; }
 .faqs .container-two .left-image::before { top: 2rem; left: 6rem; width: 250px; }
 .faqs .container-two .left-image .left-box-image,.faqs .container-two .right-image .right-box-image { margin-top: 0rem; height: 200px; }
 .faqs .accordion-faqs .accordion-faqs-item .accordion-faqs-header p { font-size: 14px; }
 .faqs .accordion-faqs-content p { font-size: 14px; }
 .faqs .container-two .right-image::after { top: 6rem; left: 7rem; }
 .faqs .container-two .right-image::before { top: 6rem; left: 7rem; }
 .faqs .container-two .left-image,.faqs .container-two .right-image { display: none; }
 .gameChangingBoxes { flex-direction: column; background: none; padding: 0; margin-top: 0px; display: grid; grid-template-columns: 1fr 1fr; }
 .gameChangingBoxes::before { display: none; }
 .gameChangingBoxes .item { width: 100%; }
 .gameChangingBoxes .item:hover .boxBack { top: -220px; height: 244px; }
 .gameChangingBoxes .boxBack .lightText { margin: 0; }
 .budget .container .row .budget-main .budget-main-image { display: none; }
 .budget { background: url('../images/mobile-bg.jpg') 82% 100%/cover no-repeat; height: 400px; }
 .budget:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--dark-rgba-purple); z-index: 1; }
 .budget .container .row .budget-main .buidget-main-content { padding: 0; top: 50px; }
 .first-main-section { padding-bottom: 0; }
 .budget .container .row .budget-main .buidget-main-content .content-box { margin: 0; width: 100%; }
 .put-your-business .container .row-two .services-bullet-points .column .service-box { border: 1px solid #fff; height: 9rem; width: 100%; display: flex; align-items: center; justify-content: center; margin: 0.1rem; }
 .put-your-business .container .row-two .services-bullet-points .column { border: none; }
 .put-your-business .services-bullet-points-btn .btn-link { margin: 0 8rem; }
 .put-your-business .container .row-two .services-bullet-points-btn { display: flex; align-items: center; justify-content: center; }
 .premium-mobile-app .container .row .main-content { width: 100%; margin: 0; }
 .shopping-destination .container-fluid .row-two .right-content-main { padding-right: 0; padding: 1rem; }
 .shopping-destination .container-fluid .row-two .left-image-main { padding: 1rem; }
 .shopping-destination .container-fluid .row-1 .left-content-main { padding: 1rem; }
 .crafting-impactfull-app .container .row-one .main-content { width: 100%; padding: 0 1rem; }
 .crafting-impactfull-app .container .row-two .col-md-4:nth-child(2) .impactfull-app-box-main { margin: 7rem 0 0 0; }
 .transformative-mobile .container-one .row-one .content-box.para { padding: 0 1rem; width: 100%; }
 .put-your-business .container .row-one .main-content { width: 100%; padding: 0 1rem; }
 .pioneering-advance-mobile .main-content { padding: 0 1rem; width: 100%; }
 .why-choose-app-design .main-content { width: 100%; padding: 0 1rem; }
 .elevate-your-busines .main-content { width: 100%; padding: 0 1rem; }
 .crafting-impactfull-app .container .row-two .col-md-4:nth-child(2) .impactfull-app-box-main { margin: 7rem 0 0 0; }
 .bi-footer-social-content ul { display: flex; align-items: start; justify-content: start; flex-direction: column; padding: 0; }
 .premium-mobile-app .container .row .main-content { width: 100%; margin: 0; }
 .shopping-destination .container-fluid .row-two .right-content-main { padding-right: 0; padding: 1rem; }
 .shopping-destination .container-fluid .row-two .left-image-main { padding: 1rem; }
 .shopping-destination .container-fluid .row-1 .left-content-main { padding: 1rem; }
 .crafting-impactfull-app .container .row-two .impactfull-app-box-main { margin-top: 6rem; }
 .bi-testimonial-item-3 { max-width: 462px; }
 .bi-testimonial-item-3 .testimonial-text { font-size: 16px; }
 .bi-testimonial-item-3 .quote-icon { top: 0; right: 14px; z-index: -1; }
 .bi-testimonial-item-3.position-relative { position: relative; z-index: 1; }
 .bi-testimonial-content-3 .slick-dots { left: -146px; bottom: -30px; }
 .premium-mobile-app .container .row .main-content { width: 100%; margin: 0; }
 .footer-form-container { margin: 0; padding: 0 1rem; }
 .custome-redesign-websites .container .row-two { flex-direction: row; }
 .custome-redesign-websites .container .row-two .left-box { margin: 0 auto; }
 .want-a-website .container .row .right-box { justify-content: center; margin-top: 2rem; }
 .want-a-website .left-box { text-align: center; }
 .w-t-f .container .row-two { flex-direction: row; }
 
    
/* .build-your-business .right-box .content-bullet { 
                                               /* display: grid; */
 
    
/* grid-template-columns: 1fr 1fr;
                                               } */
 .build-your-business .right-box .content-bullet .content-bullet-box .content-bullet-icon img { width: 35px; height: 35px; object-fit: contain; }
 .trustworthy-website .row .right-box { justify-content: center; }
 .want-a-website .container .row { align-items: center; }
 .want-a-website .container .row .main-heading { margin: 0; }
 .want-a-website .container .row .right-box { margin: 0; }
 .want-a-website .container .row .left-box { text-align: left; }
 
    
/* .banner .container .row .right-main {    margin-top: 1rem;
                                               } */
 .branding-partner .right-box { margin-top: 2rem; display: flex; align-items: center; justify-content: center; }
 
    
/* .branding-and-rebranding .row { 
                                               /* flex-direction: column-reverse;
                                               } */
 .branding-and-rebranding .left-box img { max-width: 350px; }
 .branding-and-rebranding .left-box { display: flex; align-items: center; justify-content: center; }
 .professional-for-blockchain .row .right-box { justify-content: center; }
 .professional-for-blockchain .row .right-box img { max-width: 350px; }
 .unlock-smart-contract .left-box img { max-width: 350px; }
 .unlock-smart-contract .left-box { display: flex; justify-content: center; }
 .list-unique .item-unique .content-unique { top: 62%; }
 .list-unique .item-unique .content-unique .des-unique { font-size: 12px; }
 .list-unique .item-unique .content-unique .main-heading-slider-unique { font-size: 26px !important; line-height: 26px !important; }
 .carouselAccodian-unique .list-unique .item-unique { height: 150px; }
 .main-btn-unique .btn-link-unique { width: 150px !important; font-size: 12px; }
 .arrows-unique { top: 82%; }
 .arrows-unique .prev-unique { width: 35px; height: 35px; }
 .arrows-unique .next-unique { width: 35px; height: 35px; }
 }
 @media (max-width:767px) {
 .navbar .container .navbar-brand img { max-width: 170px; }
 .section { padding: 50px 0; }
 .second-main-section { padding: 0; }
 .main-heading { font-size: 26px; line-height: 26px; }
 .content-box { font-size: 14px; }
 .navbar-toggler { border: none !important; }
 .navbar-toggler .navbar-toggler-icon { font-size: 24px; }
 .banner .container .row { flex-wrap: wrap; }
 .banner .container .row .left-main { margin-bottom: 1rem; }
 #estimateForm .form-group .email::after { left: 192px; }
 #estimateForm .form-group .phone-number::after { left: 193px; }
 #estimateForm .form-group .project-details::after { left: 132px; }
 .bi-text-scroll-item-2 h3 { font-size: 50px; }
 .common-section-all .slider__item .panel .row { padding: 1rem; }
 .portfolio-app img { height: 400px; }
 .faqs .container-one { width: 100%; }
 .faqs .container-two .left-image::before { top: 2rem; left: 6rem; width: 250px; }
 .faqs .container-two .left-image .left-box-image,.faqs .container-two .right-image .right-box-image { margin-top: 0rem; height: 200px; }
 .faqs .accordion-faqs .accordion-faqs-item .accordion-faqs-header p { font-size: 14px; }
 .faqs .accordion-faqs-content p { font-size: 14px; }
 .faqs .container-two .right-image::after { top: 6rem; left: 7rem; }
 .faqs .container-two .right-image::before { top: 6rem; left: 7rem; }
 .faqs .container-two .left-image,.faqs .container-two .right-image { display: none; }
 .gameChangingBoxes { flex-direction: column; background: none; padding: 0; margin-top: 0px; }
 .gameChangingBoxes::before { display: none; }
 .gameChangingBoxes .item { width: 100%; }
 .gameChangingBoxes .boxFront { width: 75%; margin: 0 auto; }
 .gameChangingBoxes .item:hover .boxBack { top: -220px; height: 244px; }
 .gameChangingBoxes .boxBack .lightText { margin: 0; }
 .budget .container .row .budget-main .budget-main-image { display: none; }
 .budget { background: url('../images/mobile-bg.jpg') 82% 100%/cover no-repeat; height: 500px; }
 .budget:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--dark-rgba-purple); z-index: 1; }
 .budget .container .row .budget-main .buidget-main-content { padding: 0; top: 50px; }
 .first-main-section { padding-bottom: 0; }
 .budget .container .row .budget-main .buidget-main-content .content-box { margin: 0; width: 100%; }
 .put-your-business .container .row-two .services-bullet-points .column .service-box { border: 1px solid #fff; height: 9rem; width: 75%; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
 .put-your-business .container .row-two .services-bullet-points .column { border: none; }
 .put-your-business .services-bullet-points-btn .btn-link { margin: 0 8rem; }
 .put-your-business .container .row-two .services-bullet-points-btn { display: flex; align-items: center; justify-content: center; }
 .premium-mobile-app .container .row .main-content { width: 100%; margin: 0; }
 .shopping-destination .container-fluid .row-two .right-content-main { padding-right: 0; padding: 1rem; }
 .shopping-destination .container-fluid .row-two .left-image-main { padding: 1rem; }
 .shopping-destination .container-fluid .row-1 .left-content-main { padding: 1rem; }
 .crafting-impactfull-app .container .row-one .main-content { width: 100%; padding: 0 1rem; }
 .crafting-impactfull-app .container .row-two .col-md-4:nth-child(2) .impactfull-app-box-main { margin: 7rem 0 0 0; }
 .crafting-impactfull-app .container .row-two .impactfull-app-box-main .impactfull-app-heading-box::before { left: -143px; width: 508px; }
 .transformative-mobile .container-one .row-one .content-box.para { padding: 0 1rem; width: 100%; }
 .put-your-business .container .row-one .main-content { width: 100%; padding: 0 1rem; }
 .pioneering-advance-mobile .main-content { padding: 0 1rem; width: 100%; }
 .why-choose-app-design .main-content { width: 100%; padding: 0 1rem; }
 .elevate-your-busines .main-content { width: 100%; padding: 0 1rem; }
 .crafting-impactfull-app .container .row-two .col-md-4:nth-child(2) .impactfull-app-box-main { margin: 7rem 0 0 0; }
 .bi-footer-social-content ul { display: flex; align-items: start; justify-content: start; flex-direction: column; padding: 0; }
 .premium-mobile-app .container .row .main-content { width: 100%; margin: 0; }
 .shopping-destination .container-fluid .row-two .right-content-main { padding-right: 0; padding: 1rem; }
 .shopping-destination .container-fluid .row-two .left-image-main { padding: 1rem; }
 .shopping-destination .container-fluid .row-1 .left-content-main { padding: 1rem; }
 .shopping-destination .container-fluid .row-two { flex-direction: column-reverse; }
 .shopping-destination .container-fluid .row-1 .right-image-main img { margin-bottom: 30px; }
 .crafting-impactfull-app .container .row-two .impactfull-app-box-main { margin-top: 6rem; }
 .bi-testimonial-item-3 { max-width: 462px; }
 .bi-testimonial-item-3 .testimonial-text { font-size: 16px; }
 .bi-testimonial-item-3 .quote-icon { top: 0; right: 14px; z-index: -1; }
 .bi-testimonial-item-3.position-relative { position: relative; z-index: 1; }
 .bi-testimonial-content-3 .slick-dots { left: -146px; bottom: -30px; }
 .premium-mobile-app .container .row .main-content { width: 100%; margin: 0; }
 .footer-form-container { margin: 0; padding: 0 1rem; }
 .why-choose-us .container .row .wcu-left { margin-bottom: 1rem; }
 .call-to-action .container .row .cta-image-box { margin-bottom: 1rem; }
 .form .container .row .inner-left-form:after { left: 133px; }
 .formfooter-control { margin: 0; }
 .mb-3 { margin-bottom: 0 !important; }
 .web-three-developemt .container .row .right-box { margin-top: 2rem !important; }
 .business-horizon .container .row .right-box { margin-bottom: 2rem !important; }
 .business-horizon .left-box .content-box.para { margin-bottom: 0; }
 .web-three-solution .right-box { padding: 0; }
 .web-three-solution .right-box .content-bullet .content-bullet-box { margin-bottom: 1rem; }
 .web-three-solution .right-box .content-bullet { display: grid; grid-template-columns: 1fr 1fr; }
 .web-three-solution .right-box .content-bullet .content-bullet-box .content-bullet-icon img { width: 35px; }
 .trustworthy-website .row .right-box img { margin-top: 2rem; }
 .trustworthy-website .row .right-box { justify-content: center; }
 .custome-redesign-websites .container .row-one .right-box { margin: 0 auto; }
 .custome-redesign-websites .container .row-two { flex-direction: column-reverse; }
 .custome-redesign-websites .container .row-two .left-box { margin: 0 auto; }
 .want-a-website .container .row .right-box { justify-content: center; margin-top: 2rem; }
 .want-a-website .left-box { text-align: center; }
 .w-t-f .container .row-two { flex-direction: column-reverse; }
 .build-your-business .right-box .content-bullet { display: grid; grid-template-columns: 1fr 1fr; }
 .build-your-business .right-box .content-bullet .content-bullet-box .content-bullet-icon img { width: 35px; height: 35px; object-fit: contain; }
 .banner .container .row .right-main { margin-top: 1rem; }
 .branding-partner .right-box { margin-top: 2rem; display: flex; align-items: center; justify-content: center; }
 .branding-and-rebranding .row { flex-direction: column-reverse; }
 .branding-and-rebranding .left-box img { max-width: 350px; }
 .branding-and-rebranding .left-box { display: flex; align-items: center; justify-content: center; }
 .streamlined .right-box { display: flex; justify-content: center; }
 .premium-smart-contract .row .right-box { justify-content: center; }
 .professional-for-blockchain .row .right-box { justify-content: center; }
 .digital-strategy .left-box { justify-content: center; display: flex; margin-top: 2rem; }
 .transformation-services .container .row-two .left-box { max-width: 350px; margin: 0 auto; margin-bottom: 2rem; }
 .evolution-and-transformation .container .row-one .left-box { padding: 0; }
 .evolution-and-transformation .container .row-one .right-box { margin: 0 auto; }
 .evolution-and-transformation .container .row-two { flex-direction: column-reverse; }
 .evolution-and-transformation .container .row-two .right-box { padding: 0; }
 .evolution-and-transformation .container .row-two .left-box { margin: 0 auto; }
 .pick-us-to-help .container .row .right-box { max-width: 350px; margin: 0 auto; margin-bottom: 2rem; }
 .dgda .container .row-one .left-box { padding: 0; }
 .dgda .container .row-one .right-box { max-width: 350px; margin: 0 auto; margin-bottom: 2rem; }
 .dgda .container .row-two { flex-direction: column-reverse; }
 .dgda .container .row-two .left-box { max-width: 350px; margin: 0 auto; margin-bottom: 2rem; }
 .dgda .container .row-two .right-box { padding: 0; }
 .dgda .container .row-three .left-box { padding: 0; }
 .dgda .container .row-three .right-box { max-width: 350px; margin: 0 auto; }
 .dgda .container .row-four { flex-direction: column-reverse; }
 .dgda .container .row-four .right-box { padding: 0; }
 .dgda .container .row-four .left-box { max-width: 350px; margin: 0 auto; }
 .transforming-ides .container .row-two .col-border { width: 75%; margin: 0 auto; margin-bottom: 0.5rem; border: 1px solid #fff; }
 .transforming-ides .container .row-two .transforming-ides-box .tib-image img { object-fit: contain; width: 200px; }
 .transforming-ides .container .row-two .transforming-ides-box .tib-image { display: flex; justify-content: center; align-items: center; }
 .transforming-ides .container .row-two .transforming-ides-box { height: 211px; }
 .list-unique .item-unique .content-unique { top: 62%; }
 .list-unique .item-unique .content-unique .des-unique { font-size: 12px; }
 .list-unique .item-unique .content-unique .main-heading-slider-unique { font-size: 26px !important; line-height: 26px !important; }
 .carouselAccodian-unique .list-unique .item-unique { height: 150px; }
 .main-btn-unique .btn-link-unique { width: 150px !important; font-size: 12px; }
 .arrows-unique { top: 82%; }
 .arrows-unique .prev-unique { width: 35px; height: 35px; }
 .arrows-unique .next-unique { width: 35px; height: 35px; }
 }
 @media (max-width:479px) {
 .navbar .container .navbar-brand img { max-width: 170px; }
 .section { padding: 50px 0; }
 .second-main-section { padding: 0; }
 .main-heading { font-size: 26px; line-height: 26px; }
 .content-box { font-size: 14px; }
 .navbar-toggler { border: none !important; }
 .navbar-toggler .navbar-toggler-icon { font-size: 24px; }
 .banner .container .row { flex-wrap: wrap; }
 .banner .container .row .left-main { margin-bottom: 1rem; }
 #estimateForm .form-group .first-name::after { left: 170px; }
 #estimateForm .form-group .email::after { left: 192px; }
 #estimateForm .form-group .phone-number::after { left: 193px; }
 #estimateForm .form-group .project-details::after { left: 130px; }
 .bi-text-scroll-item-2 h3 { font-size: 50px; }
 .common-section-all .slider__item .panel .row { padding: 1rem; }
 .portfolio-app img { height: 400px; }
 .faqs .container-one { width: 100%; }
 .faqs .container-two .left-image::before { top: 2rem; left: 6rem; width: 250px; }
 .faqs .container-two .left-image .left-box-image,.faqs .container-two .right-image .right-box-image { margin-top: 0rem; height: 200px; }
 .faqs .accordion-faqs .accordion-faqs-item .accordion-faqs-header p { font-size: 14px; }
 .faqs .accordion-faqs-content p { font-size: 14px; }
 .faqs .container-two .right-image::after { top: 6rem; left: 7rem; }
 .faqs .container-two .right-image::before { top: 6rem; left: 7rem; }
 .faqs .container-two .left-image,.faqs .container-two .right-image { display: none; }
 .gameChangingBoxes { flex-direction: column !important; background: none; padding: 0; margin-top: 0px; display: grid; grid-template-columns: 1fr; }
 .gameChangingBoxes::before { display: none; }
 .gameChangingBoxes .item { width: 100%; }
 .gameChangingBoxes .boxFront { width: 75%; margin: 0 auto; }
 .gameChangingBoxes .item:hover .boxBack { top: -220px; height: 244px; }
 .gameChangingBoxes .boxBack .lightText { margin: 0; }
 .budget .container .row .budget-main .budget-main-image { display: none; }
 .budget { background: url('../images/mobile-bg.jpg') 82% 100%/cover no-repeat; height: 500px; }
 .budget:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--dark-rgba-purple); z-index: 1; }
 .budget .container .row .budget-main .buidget-main-content { padding: 0; top: 50px; }
 .first-main-section { padding-bottom: 0; }
 .budget .container .row .budget-main .buidget-main-content .content-box { margin: 0; width: 100%; }
 .put-your-business .container .row-two .services-bullet-points .column .service-box { border: 1px solid #fff; height: 9rem; width: 100%; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
 .put-your-business .container .row-two .services-bullet-points .column { border: none; }
 .put-your-business .services-bullet-points-btn .btn-link { margin: 0 8rem; }
 .premium-mobile-app .container .row .main-content { width: 100%; margin: 0; }
 .shopping-destination .container-fluid .row-two .right-content-main { padding-right: 0; padding: 1rem; }
 .shopping-destination .container-fluid .row-two .left-image-main { padding: 1rem; }
 .shopping-destination .container-fluid .row-1 .left-content-main { padding: 1rem; }
 .crafting-impactfull-app .container .row-one .main-content { width: 100%; padding: 0 1rem; }
 .crafting-impactfull-app .container .row-two .col-md-4:nth-child(2) .impactfull-app-box-main { margin: 7rem 0 0 0; }
 .crafting-impactfull-app .container .row-two .impactfull-app-box-main .impactfull-app-heading-box::before { left: -114px; width: 449px; }
 .transformative-mobile .container-one .row-one .content-box.para { padding: 0 1rem; width: 100%; }
 .put-your-business .container .row-one .main-content { width: 100%; padding: 0 1rem; }
 .pioneering-advance-mobile .main-content { padding: 0 1rem; width: 100%; }
 .why-choose-app-design .main-content { width: 100%; padding: 0 1rem; }
 .elevate-your-busines .main-content { width: 100%; padding: 0 1rem; }
 .crafting-impactfull-app .container .row-two .col-md-4:nth-child(2) .impactfull-app-box-main { margin: 7rem 0 0 0; }
 .bi-footer-social-content ul { display: flex; align-items: start; justify-content: start; flex-direction: column; padding: 0; }
 .premium-mobile-app .container .row .main-content { width: 100%; margin: 0; }
 .shopping-destination .container-fluid .row-two .right-content-main { padding-right: 0; padding: 1rem; }
 .shopping-destination .container-fluid .row-two .left-image-main { padding: 1rem; }
 .shopping-destination .container-fluid .row-1 .left-content-main { padding: 1rem; }
 .shopping-destination .container-fluid .row-two { flex-direction: column-reverse; }
 .shopping-destination .container-fluid .row-1 .right-image-main img { margin-bottom: 30px; }
 .crafting-impactfull-app .container .row-two .impactfull-app-box-main { margin-top: 6rem; }
 .bi-testimonial-item-3 { max-width: 462px; }
 .bi-testimonial-item-3 .testimonial-text { font-size: 16px; }
 .bi-testimonial-item-3 .quote-icon { top: 0; right: 14px; z-index: -1; }
 .bi-testimonial-item-3.position-relative { position: relative; z-index: 1; }
 .bi-testimonial-content-3 .slick-dots { left: -146px; bottom: -30px; }
 .premium-mobile-app .container .row .main-content { width: 100%; margin: 0; }
 .footer-form-container { margin: 0; padding: 0 1rem; }
 .why-choose-us .container .row .wcu-left { margin-bottom: 1rem; }
 .call-to-action .container .row .cta-image-box { margin-bottom: 1rem; }
 .form .container .row .inner-left-form:after { left: 94px; }
 .formfooter-control { margin: 0; }
 .mb-3 { margin-bottom: 0 !important; }
 .transforming-ides .container .row-two .col-border { border: 1px solid #fff; margin: 0.2rem auto; width: 75%; }
 .web-three-developemt .container .row .right-box { margin-top: 2rem !important; }
 .business-horizon .container .row .right-box { margin-bottom: 2rem !important; }
 .business-horizon .left-box .content-box.para { margin-bottom: 0; }
 .web-three-solution .right-box { padding: 0; }
 .web-three-solution .right-box .content-bullet .content-bullet-box { margin-bottom: 1rem; }
 .web-three-solution .right-box .content-bullet { display: grid; grid-template-columns: 1fr 1fr; }
 .web-three-solution .right-box .content-bullet .content-bullet-box .content-bullet-icon img { width: 35px; }
 .trustworthy-website .row .right-box img { margin-top: 2rem; }
 .custome-redesign-websites .container .row-one .right-box { margin: 0 auto; }
 .custome-redesign-websites .container .row-two { flex-direction: column-reverse; }
 .custome-redesign-websites .container .row-two .left-box { margin: 0 auto; }
 .want-a-website .container .row .right-box { justify-content: center; margin-top: 2rem; }
 .want-a-website .left-box { text-align: center; }
 .w-t-f .container .row-two { flex-direction: column-reverse; }
 .build-your-business .right-box .content-bullet { display: grid; grid-template-columns: 1fr 1fr; }
 .build-your-business .right-box .content-bullet .content-bullet-box .content-bullet-icon img { width: 35px; height: 35px; object-fit: contain; }
 .banner .container .row .right-main { margin-top: 1rem; }
 .branding-partner .right-box { margin-top: 2rem; }
 .branding-and-rebranding .row { flex-direction: column-reverse; }
 .branding-and-rebranding .left-box img { max-width: 350px; }
 .branding-and-rebranding .left-box { display: flex; align-items: center; justify-content: center; }
 .premium-smart-contract .row .right-box { margin-top: 2rem; }
 .professional-for-blockchain .row .right-box img { max-width: 350px; }
 .professional-for-blockchain .row .right-box { justify-content: center; }
 .unlock-smart-contract .row { flex-direction: column-reverse; }
 .unlock-smart-contract .row img { max-width: 350px; }
 .unlock-smart-contract .row .left-box { display: flex; justify-content: center; }
 .dgda .container .row-four .right-box { padding: 0; }
 .dgda .container .row-three .left-box { padding: 0; }
 .dgda .container .row-two .right-box { padding: 0; }
 .dgda .container .row-one .left-box { padding: 0; }
 .dgda .container .row-two { flex-direction: column-reverse; }
 .dgda .container .row-four { flex-direction: column-reverse; }
 .evolution-and-transformation .container .row-one .left-box { padding: 0; }
 .evolution-and-transformation .container .row-one { padding: 0; margin: 0 0 2rem 0; }
 .evolution-and-transformation .container .row-two .right-box { padding: 0; }
 .dgda .container .row-one .right-box { display: flex; justify-content: center; margin-bottom: 2rem; }
 .dgda .container .row-two .left-box { display: flex; justify-content: center; margin-bottom: 2rem; }
 .dgda .container .row-three .right-box { display: flex; justify-content: center; margin-bottom: 2rem; }
 .dgda .container .row-four .left-box { display: flex; justify-content: center; }
 .right-box .right-box-image { max-width: 350px; }
 .left-box .left-box-image { max-width: 350px; }
 .evolution-and-transformation .container .row-two { flex-direction: column-reverse; }
 .evolution-and-transformation .container .row-one .right-box { margin: 0 auto; }
 .evolution-and-transformation .container .row-two .left-box { margin: 0 auto; }
 .transformation-services .container .row-two .left-box { max-width: 350px; margin: 0 auto; margin-bottom: 2rem; }
 .digital-strategy .left-box { margin-top: 2rem; }
 .evolution-and-transformation .container .row-one { margin-bottom: 4rem; }
 .growth-strategists .right-box { margin: 0 auto; max-width: 350px; }
 .list-unique .item-unique .content-unique { top: 62%; }
 .list-unique .item-unique .content-unique .des-unique { font-size: 12px; }
 .list-unique .item-unique .content-unique .main-heading-slider-unique { font-size: 26px !important; line-height: 26px !important; }
 .carouselAccodian-unique .list-unique .item-unique { height: 150px; }
 .main-btn-unique .btn-link-unique { width: 150px !important; font-size: 12px; }
 .arrows-unique { top: 82%; }
 .arrows-unique .prev-unique { width: 35px; height: 35px; }
 .arrows-unique .next-unique { width: 35px; height: 35px; }
 }
 
/* Adjust slider styles for 1600px and below */
 @media (max-width:1600px) {
 .slider-portfolio-js .slick-slide { padding: 0 0px; 
/* Reduce padding for better fit */
 }
 }
 
/* Adjust slider styles for 1399px and below */
 @media (max-width:1399px) {
 .slider-portfolio-js .slick-slide { padding: 0 0px; }
 
    
/* .panel.panel--portfolio {      font-size: 14px; 
                                                   } */
 }
 
/* Adjust slider styles for 1169px and below */
 @media (max-width:1169px) {
 .slider-portfolio-js .slick-slide { padding: 0 0px; }
 
    
/* .panel.panel--portfolio {      font-size: 13px;
                                                   } */
 }
 
/* Adjust slider styles for 1024px and below */
 @media (max-width:1024px) {
 .panel.panel--portfolio { padding: 0px; }
 .portfolio-app img { max-width: 80%; }
 }
 
/* Adjust slider styles for 991px and below */
 @media (max-width:991px) {
 .slider-portfolio-js .slick-slide { padding: 0 0px; }
 .col-md-6 { width: 100%; }
 .col-md-5.col-md-offset-1 { margin-top: 20px; }
 }
 
/* Adjust slider styles for 767px and below */
 @media (max-width:767px) {
 
    
/* .main-heading {      font-size: 16px; 
                                                   } */
 
    
/* .title {      font-size: 12px; 
                                                   } */
 }
 
/* Adjust slider styles for 479px and below */
 @media (max-width:479px) {
 .slider-portfolio-js { padding: 0; }
 
    
/* .panel.panel--portfolio {      font-size: 12px; 
                                                   } */
 .portfolio-app img { max-width: 100%; }
 }
 

/* //.gameChangingBoxes .item:hover .boxBack
                                               @media (max-width:1200px) { .container { width: 900px; height: 500px; }
                                                .slide .item { width: 180px; height: 270px; }
                                                .slide .item:nth-child(4) { left: calc(50% + 200px); }
                                                .slide .item:nth-child(5),.slide .item:nth-child(n + 6) { left: calc(50% + 380px); }
                                                .item .content { left: 80px; width: 250px; }
                                                .content .name { font-size: 35px; }
                                                .content .description { font-size: 16px; }
                                               }
                                               @media (max-width:768px) { .container { width: 600px; height: 400px; }
                                                .slide .item { width: 150px; height: 225px; }
                                                .slide .item:nth-child(4) { left: calc(50% + 170px); }
                                                .slide .item:nth-child(5),.slide .item:nth-child(n + 6) { left: calc(50% + 320px); }
                                                .item .content { left: 50px; width: 200px; }
                                                .content .name { font-size: 28px; }
                                                .content .description { font-size: 14px; }
                                                .button { bottom: 15px; }
                                               }
                                               @media (max-width:480px) { .container { width: 350px; height: 300px; }
                                                .slide .item { width: 120px; height: 180px; }
                                                .slide .item:nth-child(4) { left: calc(50% + 140px); }
                                                .slide .item:nth-child(5),.slide .item:nth-child(n + 6) { left: calc(50% + 260px); }
                                                .item .content { left: 20px; width: 150px; }
                                                .content .name { font-size: 20px; }
                                                .content .description { font-size: 12px; }
                                                .content button { font-size: 12px; }
                                                .button { bottom: 10px; }
                                                .button button { width: 35px; height: 30px; }
                                               } */
 @media only screen and (min-width:300px) and (max-width:519px) {
 .ripple-index-sec { background-color: #1f1f26; padding: 1rem 0; position: relative; z-index: 1; margin: 0 0 0; }
 .ripple-index-sec .title h2 { font-size: 35px; line-height: 35px; }
 .ripple-index-sec .title p { padding: 10px 0 30px; font-size: 14px; line-height: 23px; }
 .ripple-index-sec .main-slider { height: unset; flex-direction: column; }
 .ripple-index-sec .nonActive { padding: 20px 0; width: 100%; }
 .ripple-index-sec .main-slider .nonActive .noncontent { transform: rotate(0deg); font-size: 20px; }
 .ripple-index-sec .active { padding: 20px 15px; padding-bottom: unset; width: 100%; padding-bottom: 15px; border-radius: 0px; }
 .ripple-index-sec .main-slider .slide h2 { font-size: 30px; }
 .ripple-index-sec .main-slider .slide .ative-content p { padding: 0 0 14px; font-size: 12px; line-height: 20px; }
 .ripple-index-sec .btn-main { margin: 5px 0 30px; }
 .ripple-index-sec .main-slider .slide .ative-content .btn-main a { font-size: 12px; padding: 8px 20px; }
 .ripple-index-sec .img-slider { margin: 20px; }
 .ripple-index-sec::before { height: 450px; width: 300px; left: 48px; top: 0; z-index: -1; }
 }
 @media only screen and (min-width:520px) and (max-width:767px) {
 .ripple-index-sec { background-color: #1f1f26; padding: 1rem 0; position: relative; z-index: 1; margin: 0 0 0; }
 .ripple-index-sec .title h2 { font-size: 48px; line-height: 47px; }
 .ripple-index-sec .title p { padding: 10px 0 30px; font-size: 14px; line-height: 23px; }
 .ripple-index-sec .main-slider { height: unset; flex-direction: column; }
 .ripple-index-sec .nonActive { padding: 20px 0; width: 100%; }
 .ripple-index-sec .main-slider .nonActive .noncontent { transform: rotate(0deg); font-size: 20px; }
 .ripple-index-sec .active { padding: 20px 15px; padding-bottom: unset; width: 100%; }
 .ripple-index-sec .main-slider .slide h2 { font-size: 30px; }
 .ripple-index-sec .main-slider .slide .ative-content p { padding: 0 0 14px; font-size: 14px; line-height: 22px; }
 .ripple-index-sec .btn-main { margin: 5px 0 30px; }
 .ripple-index-sec .main-slider .slide .ative-content .btn-main a { font-size: 12px; padding: 8px 20px; }
 .ripple-index-sec .img-slider { margin: 20px; text-align: center; }
 .ripple-index-sec::before { height: 450px; width: 430px; left: 60px; top: 0; z-index: -1; }
 }
 @media only screen and (min-width:768px) and (max-width:991px) {
 .ripple-index-sec { background-color: #1f1f26; padding: 1rem 0; position: relative; z-index: 1; margin: 0 0 0; }
 .ripple-index-sec .title h2 { font-size: 48px; line-height: 47px; }
 .ripple-index-sec .title p { padding: 10px 0 30px; font-size: 14px; line-height: 23px; }
 .ripple-index-sec .main-slider { height: unset; flex-direction: column; }
 .ripple-index-sec .nonActive { padding: 20px 0; width: 100%; }
 .ripple-index-sec .main-slider .nonActive .noncontent { transform: rotate(0deg); font-size: 20px; }
 .ripple-index-sec .active { padding: 20px 15px; padding-bottom: unset; width: 100%; }
 .ripple-index-sec .main-slider .slide h2 { font-size: 30px; }
 .ripple-index-sec .main-slider .slide .ative-content p { padding: 0 0 14px; font-size: 14px; line-height: 22px; }
 .ripple-index-sec .btn-main { margin: 5px 0 30px; }
 .ripple-index-sec .main-slider .slide .ative-content .btn-main a { font-size: 12px; padding: 8px 20px; }
 .ripple-index-sec .img-slider { margin: 20px; text-align: center; }
 .ripple-index-sec::before { height: 500px; width: 500px; left: 40%; top: -20px; z-index: -1; transform: translateX(-50%); }
 }