@media only screen and (min-width: 1600px) and (max-width: 1920px) {}
@media only screen and (min-width: 1445px) and (max-width: 1599px) {}
@media only screen and (min-width: 1400px) and (max-width: 1444px) {}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .header-area .header-inner .logo a img {
        height: 45px;
    }

    .header-area .header-inner .header-right .vw-btn-primary {
        padding: 12px 30px;
        font-size: 14px;
    }

    .header-area .header-inner .header-right .menu-icon .menu_list li a {
        font-size: 15px;
    }

    .header-area .header-inner .header-right .menu-icon .menu_list li .web-dropdown {
        padding: 12px 10px;
    }

    .header-area .header-inner .header-right .menu-icon .menu_list li .web-dropdown li a {
        padding: 7px;
    }

    .header-area .header-inner .header-right .menu-icon .menu_list li .web-dropdown li a img {
        width: 30px;
        height: 30px;
    }

    .header-area .header-inner .header-right .menu-icon .menu_list li .web-dropdown li {
        margin: 0px 0px 0px;
    }

    .header-area .header-inner .header-right .menu-icon .menu_list li:hover .web-dropdown {
        margin: 5px 0px 0px;
    }

    .head h2 {
        font-size: 40px;
        margin-bottom: 10px;
        line-height: 50px;
    }

    p {
        font-size: 16px;
        line-height: 26px;
    }

    .about_wrap .main-box .main-img img {
        height: 400px;
    }

    .about_wrap .main-box {
    }

    .online_shop_wrap .main-img img {
        height: 581px;
    }

    .online_shop_wrap::after {
        width: 360px;
        height: 830px;
        top: 10%;
    }

    .Concept_wrap::before {
        top: 12%;
        width: 450px;
        height: 230px;
    }

    .Concept_wrap .main-img img {
        height: 517px;
    }

    .online_shop_wrap.challenges_wrap .main-img img {
        height: 500px;
    }

    .online_shop_wrap.challenges_wrap::after {
        height: 580px;
        top: 10%;
    }

    .head-shape ul li {
        font-size: 14px;
        line-height: 24px;
    }

    .platform_wrap .images_wrap .main-img img {
        height: 335px;
    }

    .platform_wrap::before {
        height: 666px;
        width: 370px;
        top: 10%;
    }

    .key_features_wrap .key_features_item {
        padding: 40px 25px 25px;
    }

    .key_features_wrap .key_features_item h3 {
        font-size: 24px;
        margin: 0px 0px 15px;
    }

    .contact-area .contact-headings .heading-contact {
        font-size: 60px;
    }

    .contact-area .contact-headings .subheading-contact {
        font-size: 35px;
    }

    .footer-links-area ul.footer-nav-links a {
        font-size: 14px;
        line-height: 18px;
    }

    .address__block a,
    .footer-info-area a {
        font-size: 15px;
        line-height: 20px;
    }

    .address__block p,
    .footer-info-area p {
        font-size: 15px;
        line-height: 20px;
    }

    ul.footer-social-list li a {
        width: 30px;
        height: 30px;
    }

    ul.footer-social-list li a i {
        font-size: 23px;
    }

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

    .footer-bottom .footer-nav-links li a {
        font-size: 12px;
        line-height: 20px;
    }

    .footer-logo-area .footer-logo {
        width: 170px;
    }

    .testimonial-area-2 .testimonial-section .section-title.testimonial-right-title .section-heading {
        font-size: 30px;
        line-height: 40px;
        margin: 0px 0px 40px;
    }

    .testimonial-carousel-2 .single-testimonial-avatar img {
        width: 110px;
        height: 110px;
    }

    .key_features_wrap .main-img img {
        height: 330px;
    }

    .key_features_wrap .main-img {
        top: 20%;
    }

    .key_features_wrap .key_features_item p {
        height: 158px;
    }

    .case-study-area-sec .contant h1 {
        font-size: 55px;
        line-height: 65px;
    }

    .case-study-area-sec {
        padding: 150px 0px 0px;
    }

    .case-study-area-sec .main-img img {
        height: 100px;
    }

    .case-study-area-sec .contant .unlock .btn-unlock {
        padding: 12px 25px;
        font-size: 16px;
    }

    .case-study-area-sec .main-mobile img {
        height: 780px;
    }

    .app_screens_wrap .head {
        margin-bottom: 60px;
    }

    .app_screens_wrap .main-img img {
        height: 500px;
    }

    .app_screens_wrap .row>div:nth-child(even):hover {
        margin-top: -30px;
    }

    .app_screens_wrap .row>div:nth-child(odd) {
        margin-top: 40px;
    }

    .luxury_wrap .main-img img {
        height: 390px;
    }

    .section5_wrap .main-img .two-imgs .screen1 {
        width: 74%;
        height: 375px;
    }

    .section5_wrap .main-img .txt h2 {
        font-size: 35px;
        line-height: 43px;
        margin: 0px 0px 8px;
    }

    .section5_wrap .main-img img {
        height: 340px;
    }

    .section5_wrap .full-img img {
        height: 580px;
    }

    .section5_wrap .full-img {
        height: 705px;
    }

    .luxury_wrap,
    .app_screens_wrap {
        padding: 60px 0px 0px;
    }

    .section5_wrap {
        padding: 80px 0px 0px;
    }

    .testimonial-area-2 {
        padding: 60px 0px 40px;
    }

    .contact-area {
        padding: 80px 0;
    }

    .section5_wrap .main-img .txt {
        padding: 45px 30px;
    }

    .section5_wrap .main-img .txt h3 {
        font-size: 25px;
        line-height: 30px;
        margin: 0px 0px 10px;
    }

    .head-shape h3 {
        font-size: 25px;
        line-height: 30px;
        margin: 0px 0px 10px;
    }

    .head-shape ul li span {
        font-weight: 600;
        font-size: 18px;
    }

    .head-shape.sub-head h3 {
        font-size: 20px;
        line-height: 30px;
        margin: 0px 0px 5px;
    }

    .head-shape.sub-head p {
        margin: 0px 0px 10px;
    }

    .head-shape ul {
        gap: 12px;
    }

    .platform_wrap .images_wrap::before {
        height: 706px;
        width: 355px;
    }

    .platform_wrap .images_wrap.mbs-img-wrap::before {
        height: 706px;
    }
    .header .main-header .navbar .nav-list li a {
        font-size: 14px;
    }
    
    .header .main-header .navbar .nav-list {
        gap: 50px;
    }
    
    .header .main-header .navbar .nav-list li .btn-meun i {
        font-size: 30px;
    }
    
    .header .main-header .logo a img {
        width: 150px;
        height: 60px;
    }
    
    .modal.modal_click .modal-header .btn-close {
        width: 0px;
        height: 0px;
        line-height: 16px;
        padding: 0;
        margin: 0 !important;
    }
    
    .nav-modal .modal-content .modal-body .menu ul li a {
        font-size: 18px;
    }
    
    .nav-modal .modal-content .modal-body .contact ul li a {
        font-size: 18px;
    }
    
    .nav-modal .modal-content {
        padding: 40px 60px;
    }
    
    .nav-modal .modal-content .modal-body .dropdown .btn-back {
        font-size: 15px;
        gap: 7px;
    }
    
    .nav-modal .modal-content .modal-body .dropdown .dropdown-menu li .dropdown-item {
        font-size: 18px;
    }
    
    .nav-modal .modal-content .modal-body .menu h6 {
        margin: 0px 0px 15px;
    }
    
    .nav-modal .modal-content .modal-body .menu ul {
        gap: 10px;
    }
    
    .nav-modal .modal-content .modal-body .contact ul li a span {
        font-size: 16px;
    }
    
    .nav-modal .modal-content .modal-body .contact .follow ul li a {
        height: 50px;
        width: 50px;
    }
    
    .nav-modal .modal-content .modal-body .contact .follow ul li a i {
        font-size: 20px;
    }
    
    .nav-modal .modal-content .modal-body .contact h2 a {
        font-size: 25px;
    }
    .nav-modal .modal-dialog {
        max-width: 1000px;
        margin: 55px auto;
    }
    .head-shape h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .head-shape img {
        width: 35px !important;
        height: 35px !important;
        object-fit: cover;
    }
    .testimonials-sec {
        padding: 100px 0px 0px;
    }

    .testimonials-sec .para {
        padding: 0px 0px 30px;
    }
    .testimonials-sec .main-box p {
        font-size: 16px;
        line-height: 26px;
    }

    .testimonials-sec .para p {
        font-size: 18px;
        line-height: 28px;
    }
     .testimonials-sec .head-shape .shape2 {
        top: -21px;
        right: 66%;
    }

    .testimonials-sec .head-shape .shape3 {
        top: -20px;
        right: 710px;
    }

    .testimonials-sec .head-shape .shape1 {
        top: -60px;
        right: 64%;
    }
    .testimonials-sec .head-shape {
       margin: 0;
     }
     
      .frequently-sec {
        padding: 100px 0px 50px;
    }

    .frequently-sec::before {
        width: 500px;
        height: 500px;
    }
    .frequently-sec .accordion-flush .accordion-item h2 .accordion-button,
    .accordion-flush .accordion-item .accordion-button.collapsed {
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        padding: 15px;
    }

    .frequently-sec .accordin .accordion-item .accordion-header .accordion-button::after {
        font-size: 20px;
    }

    .frequently-sec .accordion-body p {
        font-size: 16px;
    }
    .frequently-sec .head-shape .shape2 {
        top: -22px;
        right: 51%;
    }

    .frequently-sec .head-shape .shape1 {
        top: -61px;
        right: 544px;
    }

    .frequently-sec .head-shape .shape3 {
        top: -22px;
        right: 522px;
    }
    .footer-sec .read h2 {
        font-size: 40px;
        line-height: 50px;
    }
    
    .footer-sec .read {
        padding: 0px 0px 30px;
        margin: 0px 0px 40px;
    }
    
    .footer-sec .read .talk-cir p {
        font-size: 13px;
        line-height: 16px;
    }
    
    .footer-sec .foot-logo .main-img img {
        width: 150px !important;
    }
    
    .footer-sec .quick-links ul li a {
        font-size: 14px;
    }
    
    .footer-sec .quick-links h4 {
        font-size: 20px;
        margin: 0px 0px 15px;
    }
    
    .footer-sec .contact-info ul li,
    .footer-sec .contact-info ul li a {
        font-size: 16px;
    }
    
    .footer-sec .copy-right {
        margin: 40px 0px 0px;
        padding: 15px 0px;
    }
    
    .footer-sec .copy-right p {
        font-size: 14px;
    }
    
    .footer-sec .copy-right p a {
        font-size: 14px;
    }
    
    .footer-sec .foot-logo .links ul li a i {
        font-size: 18px;
        height: 40px;
        width: 40px;
    }
    
    .footer-sec .quick-links ul {
        gap: 3px;
    }
    
    .footer-sec .read .talk-cir {
        height: 117px;
        width: 117px;
    }
    
    .footer-sec .read .talk-cir p::before {
        font-size: 17px;
        left: 37px;
        bottom: -21px;
    }
    
    .footer-sec {
        padding: 38px 0px 0px;
    }
    
    .footer-sec::before {
        width: 350px;
        height: 350px;
    }
    
    .footer-sec::after {
        width: 250px;
        height: 250px;
    }
    .main-box .shape2 {
        top: -29px;
        right: 39%;
    }
    
    .main-box .shape1 {
        top: -70px;
        right: 34%;
    }
    
    .main-box .shape3 {
        top: -28px;
        right: 30%;
    }
    .about_wrap .main-box::before {
        width: 170px;
        height: 170px;
    }
    
    .online_shop_wrap .head-shape::before {
        width: 300px;
        height: 300px;
        top: -38%;
        left: -12%;
    }
    
    .Concept_wrap::after {
        bottom: -2%;
        right: 6%;
        width: 220px;
        height: 220px;
    }
    
    .platform_wrap::after {
        bottom: -2%;
        right: 6%;
        width: 220px;
        height: 220px;
    }
    
    .key_features_wrap::before {
        width: 300px;
        height: 300px;
    }
    .case-study-area-sec .contant img {
        width: 40px;
    }
    
    .case-study-area-sec .contant img.shape2 {
        top: -43px;
        right: 2%;
    }
    
    .case-study-area-sec .contant img.shape1 {
        top: -86px;
        right: -7px;
    }
    
    .case-study-area-sec .contant img.shape3 {
        top: -41px;
        right: -3%;
    }
    
    section.about_wrap.medixin-about .main-box::after {
        width: 160px;
        height: 160px;
        top: -3%;
        left: -3%;
    }
    
    .app_screens_wrap::before {
        width: 300px;
        height: 300px;
        top: 3%;
        left: 2%;
    }
    
    .app_screens_wrap::after {
        bottom: -1%;
        right: 1%;
        width: 250px;
        height: 250px;
    }

}
@media only screen and (min-width: 992px) and (max-width: 1199px) {}
@media only screen and (min-width: 768px) and (max-width: 991px) {}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  
    .header-area {
        display: none;
    }
    .mobile-header{
      display:block;
    }


    .case-study-area-sec .main-img img {
        height: 60px;
    }

    .case-study-area-sec .contant h1 {
        font-size: 39px;
        line-height: 49px;
        margin: 0px 0px 13px;
    }

    .case-study-area-sec {
        padding: 118px 0px 0px;
    }

    p {
        font-size: 14px;
        line-height: 24px;
    }

    .case-study-area-sec .contant p {
        margin: 0px 0px 10px;
    }

    .case-study-area-sec .contant .unlock .btn-unlock {
        padding: 12px 25px;
        font-size: 14px;
    }

    .case-study-area-sec .main-mobile img {
        height: 300px;
    }

    .about_wrap {
        margin: -50px 0px 0px;
    }

    .case-study-area-sec .contant .unlock {
        margin: 0px 0px 20px;
    }

    .about_wrap .main-box {
        padding: 30px 32px;
    }

    .head h2 {
        font-size: 40px;
        margin-bottom: 10px;
        line-height: 50px;
    }

    .about_wrap .main-box .main-img img {
        height: 300px;
    }

    .app_screens_wrap {
        padding: 28px 0px 0px;
    }

    .app_screens_wrap .row>div:nth-child(odd) {
        margin: auto;
    }

    .app_screens_wrap .main-img img {
        height: 490px;
        margin: 0px 0px 20px;
    }

    .app_screens_wrap .head {
        margin-bottom: 50px;
    }

    .luxury_wrap {
        padding: 30px 0 0px;
    }

    .head-shape h3 {
        font-size: 20px;
        margin-bottom: 7px;
        line-height: 28px;
    }

    .luxury_wrap .main-img img {
        height: 350px;
    }

    .section5_wrap {
        padding: 30px 0px 0px;
    }

    .section5_wrap .main-img img {
        height: 300px;
    }

    .section5_wrap .main-img .two-imgs .screen1 {
        width: 100%;
        height: 320px;
    }

    .section5_wrap .main-img .txt h2 {
        font-size: 40px;
        line-height: 40px;
    }

    .section5_wrap .main-img .txt h3 {
        font-size: 26px;
        line-height: 35px;
        margin: 0px 0px 15px;
    }

    .section5_wrap .main-img .txt {
        padding: 0px 33px 30px;
    }

    .luxury_wrap .main-img {
        border-radius: 10px;
    }

    .section5_wrap .main-img::before {
        border-radius: 10px;
    }

    .section5_wrap .full-img img {
        width: 100%;
        height: 500px;
    }

    .section5_wrap .full-img {
        height: 555px;
        border-radius: 15px;
    }

    .testimonial-area-2 {
        padding: 30px 0px 50px;
    }

    .testimonial-area-2 .testimonial-section .section-title.testimonial-right-title .section-heading {
        font-size: 30px;
        line-height: 40px;
        margin: 0px 0px 30px;
    }

    .testimonial-carousel-2 .single-testimonial-avatar img {
        width: 100px;
        height: 100px;
    }

    .single-testimonial .testimonial-text {
        margin: 15px auto 0px;
        width: 100%;
    }

    .testimonial-carousel-2 .slick-arrow {
        width: 36px;
        height: 36px;
        bottom: -36px;
    }

    .testimonial-carousel-2 i.fa.fa-angle-left.slick-arrow {
        right: 45px;
    }

    .single-testimonial .testimonial-bio .testimonial-bio-title {
        font-size: 16px;
    }

    .contact-area .contact-headings .heading-contact {
        font-size: 40px;
        margin: 0px 0px 10px;
    }

    .contact-area .contact-headings .subheading-contact {
        font-size: 22px;
        margin: 0px 0px 16px;
    }

    .contact-area .contact-arrow-btn img {
        height: 100px;
    }

    .contact-area {
        padding: 30px 0;
    }

    section.faqs-sec-wrap {
        padding: 2rem 0;
    }

    .faqs-sec-head .heading-two {
        font-size: 20px;
    }

    .faqs-sec-item .accordion-item .accordion-header button.accordion-button {
        font-size: 12px;
        line-height: 20px;
        padding: 12px 12px;
        margin: 12px 0;
    }

    .faqs-sec-item .accordion .accordion-item {
        margin: 0 12px 10px;
    }

    .faqs-sec-item .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
        font-size: 13px;
        width: 20px;
        height: 20px;
    }

    .faqs-sec-item .accordion-item .accordion-header .accordion-button::after {
        font-size: 12px;
        width: 20px;
        height: 20px;
    }

    .faqs-sec-item .accordion-item .accordion-collapse .accordion-body {
        font-size: 12px;
        line-height: 20px;
        padding: 12px;
    }

    .faqs-sec-wrap .faqs-sec-head {
        margin: 0 0 0px;
    }

    .footer-top .footer-logo-area {
        padding: 0px 20px;
        border: 0;
    }

    .footer-logo-area .footer-logo {
        width: 120px;
        margin: 0 0 10px;
    }

    .footer-top .footer-links-area {
        padding: 0px 20px 22px;
        border: 0;
    }

    .footer-info-area .heading-five,
    .footer-links-area .heading-five {
        margin: 0 0 10px;
        font-size: 20px;
    }

    .footer-links-area ul.footer-nav-links a {
        font-size: 14px;
        line-height: 17px;
    }

    .footer-top .footer-info-area {
        padding: 0px 20px;
    }

    .address__block a,
    .footer-info-area a {
        font-size: 14px;
        line-height: 20px;
        margin: 0px 0px 10px;
    }

    .address__block a i,
    .address__block p i,
    .footer-info-area a i,
    .footer-info-area p i {
        font-size: 15px;
        width: 12px;
    }

    .address__block p,
    .footer-info-area p {
        font-size: 12px;
        line-height: 18px;
    }

    ul.footer-social-list li a {
        width: 30px;
        height: 30px;
    }

    ul.footer-social-list li a i {
        font-size: 20px;
    }

    .footer-copyright p {
        font-size: 14px;
        line-height: 20px;
        margin: 0px 0px 5px;
    }

    .footer-bottom .footer-nav-links li a {
        font-size: 14px;
        line-height: 22px;
    }

    .footer-bottom .footer-nav-links {
        justify-content: center;
    }

    .footer-main-sec .footer-bottom {
        padding: 10px 0;
    }
    .testimonial-area-2 .testi-quote-icon img {
      width: 60%;
    }
    
    .testimonial-area-2 .testi-quote-icon {
        right: -4%;
        top: 100px;
    }
    
    .section-title .shadow-title {
        font-size: 75px;
        top: 127px;
    }
    .app_screens_wrap .row>div:nth-child(even):hover {
        margin: 0;
    }
        .footer-bottom .footer-copyright {
        justify-content: center;
    }
}
@media only screen and (min-width: 320px) and (max-width: 575px) {
    .mobile-header .navbar .navbar-brand img {
    width: 75px;
}
    .header-area {
        display: none;
    }
    .mobile-header{
      display:block;
    }

    .case-study-area-sec .main-img img {
        height: 60px;
    }

    .case-study-area-sec .contant h1 {
        font-size: 36px;
        line-height: 40px;
        margin: 0px 0px 10px;
    }
    .case-study-area-sec .contant {
       width: 100%;
    }
    .case-study-area-sec {
        padding: 140px 0px 0px;
    }

    p {
        font-size: 13px;
        line-height: 22px;
        margin: 0px 0px 13px;
    }

    .case-study-area-sec .contant p {
        margin: 0px 0px 10px;
    }

    .case-study-area-sec .contant .unlock .btn-unlock {
        padding: 12px 12px;
        font-size: 12px;
        width: 100%;
    }

    .case-study-area-sec .main-mobile img {
        height: 212px;
    }

    .about_wrap {
        margin: -50px 0px 0px;
    }

    .case-study-area-sec .contant .unlock {
        margin: 0px 0px 20px;
    }

    .about_wrap .main-box {
        padding: 60px 15px 30px;
        border-radius: 15px;
    }

    .head h2 {
        font-size: 30px;
        margin-bottom: 10px;
        line-height: 38px;
    }

    .about_wrap .main-box .main-img img {
        height: 240px;
    }

    .app_screens_wrap {
        padding: 28px 0px 0px;
    }

    .app_screens_wrap .row>div:nth-child(odd) {
        margin-top: 0px;
    }

    .app_screens_wrap .main-img img {
        height: 314px;
        margin: 0;
    }

    .app_screens_wrap .head {
        margin-bottom: 30px;
    }

    .luxury_wrap {
        padding: 30px 0 0px;
    }

    .head-shape h3 {
        font-size: 20px;
        margin-bottom: 7px;
        line-height: 28px;
    }

    .luxury_wrap .main-img img {
        height: 200px;
    }

    .section5_wrap {
        padding: 30px 0px 30px;
    }

    .section5_wrap .main-img img {
        height: 230px;
        border-radius: 10px;
    }

    .section5_wrap .main-img .two-imgs .screen1 {
        width: 95%;
        height: 264px;
    }

    .section5_wrap .main-img .txt h2 {
        font-size: 30px;
        line-height: 20px;
    }

    .section5_wrap .main-img .txt h3 {
        font-size: 18px;
        line-height: 22px;
        margin: 0px 0px 4px;
    }

    .section5_wrap .main-img .txt {
        padding: 0px 15px;
    }

    .luxury_wrap .main-img {
        border-radius: 10px;
    }

    .section5_wrap .main-img::before {
        border-radius: 10px;
        overflow: hidden;
    }

    .section5_wrap .full-img img {
        width: 100%;
        height: 390px;
    }

    .section5_wrap .full-img {
        height: 440px;
        border-radius: 15px;
    }

    .testimonial-area-2 {
        padding: 30px 0px 50px;
    }

    .testimonial-area-2 .testimonial-section .section-title.testimonial-right-title .section-heading {
        font-size: 30px;
        line-height: 40px;
        margin: 0px 0px 30px;
    }

    .testimonial-carousel-2 .single-testimonial-avatar img {
        width: 100px;
        height: 100px;
    }

    .single-testimonial .testimonial-text {
        margin: 15px auto 0px;
        width: 100%;
    }

    .testimonial-carousel-2 .slick-arrow {
        width: 36px;
        height: 36px;
        bottom: -36px;
    }

    .testimonial-carousel-2 i.fa.fa-angle-left.slick-arrow {
        right: 45px;
    }

    .single-testimonial .testimonial-bio .testimonial-bio-title {
        font-size: 16px;
    }

    .contact-area .contact-headings .heading-contact {
        font-size: 30px;
        margin: 0px 0px 5px;
    }

    .contact-area .contact-headings .subheading-contact {
        font-size: 16px;
        margin: 0px 0px 16px;
    }

    .contact-area .contact-arrow-btn img {
        height: 150px;
    }

    .contact-area {
        padding: 30px 0;
    }

    section.faqs-sec-wrap {
        padding: 2rem 0;
    }

    .faqs-sec-head .heading-two {
        font-size: 20px;
    }

    .faqs-sec-item .accordion-item .accordion-header button.accordion-button {
        font-size: 12px;
        line-height: 20px;
        padding: 12px 12px;
        margin: 12px 0;
    }

    .faqs-sec-item .accordion .accordion-item {
        margin: 0 12px 10px;
    }

    .faqs-sec-item .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
        font-size: 13px;
        width: 20px;
        height: 20px;
    }

    .faqs-sec-item .accordion-item .accordion-header .accordion-button::after {
        font-size: 12px;
        width: 20px;
        height: 20px;
    }

    .faqs-sec-item .accordion-item .accordion-collapse .accordion-body {
        font-size: 12px;
        line-height: 20px;
        padding: 12px;
    }

    .faqs-sec-wrap .faqs-sec-head {
        margin: 0 0 0px;
    }

    .footer-top .footer-logo-area {
        padding: 0px 20px;
    }

    .footer-logo-area .footer-logo {
        width: 120px;
        margin: 0 0 10px;
    }

    .footer-top .footer-links-area {
        padding: 0px 20px 15px;
    }

    .footer-info-area .heading-five,
    .footer-links-area .heading-five {
        margin: 0 0 10px;
        font-size: 20px;
    }

    .footer-links-area ul.footer-nav-links a {
        font-size: 12px;
        line-height: 14px;
    }

    .footer-top .footer-info-area {
        padding: 0px 20px;
    }

    .address__block a,
    .footer-info-area a {
        font-size: 14px;
        line-height: 20px;
    }

    .address__block a i,
    .address__block p i,
    .footer-info-area a i,
    .footer-info-area p i {
        font-size: 15px;
        width: 12px;
    }

    .address__block p,
    .footer-info-area p {
        font-size: 12px;
        line-height: 18px;
    }

    ul.footer-social-list li a {
        width: 30px;
        height: 30px;
    }

    ul.footer-social-list li a i {
        font-size: 20px;
    }

    .footer-copyright p {
        font-size: 11px;
        line-height: 20px;
        margin: 0px 0px 5px;
    }

    .footer-bottom .footer-nav-links li a {
        font-size: 12px;
        line-height: 22px;
    }

    .footer-bottom .footer-nav-links {
        justify-content: center;
    }

    .footer-main-sec .footer-bottom {
        padding: 10px 0;
    }
    .testimonial-area-2 .testi-quote-icon img {
        width: 46%;
    }
    
    .testimonial-area-2 .testi-quote-icon {
        right: -17%;
        top: 107px;
    }
    
    .section-title .shadow-title {
        font-size: 40px;
        top: 127px;
    }
    .app_screens_wrap .row>div:nth-child(even):hover {
        margin: 0;
    }
    .footer-bottom .footer-copyright {
        justify-content: center;
    }
    .app_screens_wrap .row>div:nth-child(odd):hover {
        margin-top: 0px;
    }
    .MBS-tools_wrap .main-img img {
    height: 70px;
    }
    
    .MBS-tools_wrap {
        height: 45vh;
    }
    
    .online_shop_wrap {
        padding: 30px 0px 0px;
    }
    
    .online_shop_wrap::after {
        width: 180px;
        height: 573px;
        top: 4%;
    }
    
    .online_shop_wrap .main-img img {
        height: 330px;
    }
    
    .Concept_wrap {
        padding: 30px 0px 0px;
    }
    
    .Concept_wrap .main-img img {
        height: 278px;
    }
    
    .online_shop_wrap::after {
    }
    
    .Concept_wrap::before {
        width: 260px;
        height: 106px;
    }
    
    .online_shop_wrap.challenges_wrap .main-img img {
        height: 400px;
    }
    
    .platform_wrap .images_wrap {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .platform_wrap .images_wrap .main-img img {
        height: 345px;
    }
    
    .platform_wrap .images_wrap .main-img .down-img {
        margin: 0px 0px 0px;
    }
    
    .platform_wrap .images_wrap .main-img .up-img {
        margin: 0px 0px 0px;
    }
    
    .platform_wrap .images_wrap::before {
        height: 882px;
        width: 59%;
        top: 7%;
    }
    
    .head-shape ul li {
        font-size: 13px;
        line-height: 20px;
    }
    
    .head-shape ul {
        gap: 10px;
        margin: 0px 0px 20px;
    }
    
    .key_features_wrap {
        padding: 30px 0px 0px;
    }
    
    .key_features_wrap .head {
        margin: 0px 0px 25px;
    }
    
    .key_features_wrap .key_features_item {
        border-radius: 12px;
        padding: 25px 15px;
        margin: 0px 0px 10px;
    }
    
    .key_features_wrap .key_features_item h3 {
        font-size: 22px;
        margin: 0px 0px 10px;
    }
    
    .key_features_wrap .key_features_item p {
        height: 100px;
    }
    
    .key_features_wrap .main-img {
        top: 0%;
    }
    
    .key_features_wrap .main-img img {
        height: 330px;
        margin: 0px 0px 10px;
    }
    
    .key_features_wrap .main-img.keyscreen {
        top: 0%;
    }
    .online_shop_wrap.challenges_wrap::after {
        top: 4%;
        height: 668px;
    }
    
    .online_shop_wrap.challenges_wrap {
        padding: 30px 0px 0px;
    }
    .head-shape.sub-head h3 {
        font-size: 18px;
        line-height: 26px;
    }
    
    .head-shape ul li span {
        font-size: 16px;
    }
    .platform_wrap .images_wrap.mbs-img-wrap::before {
        top: 7%;
    }
    .main-box .shape1 {
        top: -46px;
        right: 26%;
    }
    
    .main-box .shape2 {
        top: -17px;
        right: 31%;
    }
    
    .main-box .shape3 {
        top: -16px;
        right: 21%;
    }
    
    .about_wrap .main-box::before {
        width: 160px;
        height: 160px;
        bottom: -6%;
        right: 11%;
    }
    
    .online_shop_wrap .head-shape::before {
        width: 120px;
        height: 120px;
        top: 0%;
        left: -3%;
    }
    
    .Concept_wrap::after {
        bottom: 0%;
        right: 4%;
        width: 100px;
        height: 100px;
    }
    
    .platform_wrap::after {
        bottom: 0%;
        right: 4%;
        width: 100px;
        height: 100px;
    }
    
    .key_features_wrap::before {
        width: 150px;
        height: 150px;
        top: 2%;
        left: 1%;
    }
    
    .box-para {
        padding: 10px;
    }
    .mbs-about__wrap {
        margin: 0;
        padding: 30px 0px 0px;
    }
    .platform_wrap .images_wrap.mbs-img-wrap::before {
        height: 945px;
    }
    .online_shop_wrap.challenges_wrap .head-shape::before {
        top: 0%;
    }
    .case-study-area-sec .contant img.shape2 {
        top: -36px;
        right: 13%;
    }
    
    .case-study-area-sec .contant img {
        width: 30px;
    }
    
    .case-study-area-sec .contant img.shape3 {
        top: -34px;
        right: 2%;
    }
    
    .case-study-area-sec .contant img.shape1 {
        top: -69px;
        right: 7%;
    }
    
    section.about_wrap.medixin-about .main-box::after {
        width: 120px;
        height: 120px;
        top: -3%;
        left: -6%;
    }
    
    .head-shape.screens-head {
        margin: 0px 0px 30px;
    }
    
    .app_screens_wrap .row>div:nth-child(even) {
        margin-top: 30px;
    }
    
    .app_screens_wrap::before {
        width: 190px;
        height: 190px;
        top: 1%;
        left: 2%;
    }
    
    .app_screens_wrap::after {
        bottom: -1%;
        right: 1%;
        width: 150px;
        height: 150px;
    }
    .case-study-area-sec .main-img .medixin-logo {
        height: 50px;
        margin: 0px 0px 0px;
    }
}