@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: 14px;
        line-height: 24px;
    }

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

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

    .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 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: 120px;
    }

    .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 h3 {
        font-size: 25px;
        line-height: 30px;
        margin: 0px 0px 10px;
    }

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

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

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

    .head ul {
        gap: 12px;
    }

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

    .platform_wrap .images_wrap.mbs-img-wrap::before {
        height: 706px;
    }
}
@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 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: 32px;
        line-height: 40px;
        margin: 0px 0px 10px;
    }
    .case-study-area-sec .contant {
       width: 100%;
    }
    .case-study-area-sec {
        padding: 50px 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: 20px 15px;
        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: 40px;
    }

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

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

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

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

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

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

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

    .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;
    }

    .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: 40px;
    }
    .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: 300px;
    }
    
    .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: 874px;
        width: 181px;
        top: 7%;
    }
    
    .head ul li {
        font-size: 12px;
        line-height: 19px;
    }
    
    .head ul {
        gap: 10px;
    }
    
    .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: 165px;
    }
    
    .key_features_wrap .main-img {
        top: 0%;
    }
    
    .key_features_wrap .main-img img {
        height: 270px;
        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.sub-head h3 {
    font-size: 18px;
    line-height: 28px;
    }
    
    .head ul li span {
        font-size: 16px;
    }
    .platform_wrap .images_wrap.mbs-img-wrap::before {
    top: 7%;
}
}