@media (min-width: 2000px) {
  .bannerClients.alternate{bottom: 80px;}
  .hm_banner.retail_banner {height: 40vw;}
}
@media (min-width: 1920px) {
  span.product_img_lines {max-width: 100%;}
  .product_img_lines img {max-width: 80%;}
  .product_img i {width: 260px; right: 30px;}
  .product_text h3 {font-size: 60px;}
  .product_text {width: 35%;}
  .slider_container {margin-left: 150px;}
  .bannerClients.alternate{bottom: 80px;}
  .btn_custom2 .lottie-animation2 {width: 260px !important;}
  .hm_banner.retail_banner{min-height: calc(90vh - 0px);height: 45vw;  }
  .slider_img{margin-bottom: -12%;}
}
@media (min-width: 2000px) {
  .bannerClients.alternate{bottom: 80px;}
  .hm_banner.retail_banner {height: 40vw;}
}
@media (max-width: 1920px) {
  .banner_img {width: 50vw;}
  .product_img_lines img { margin-top: -11vh;}
  .font-th .product_img_lines img {margin-top: -22vh;}
  .bannerClients.alternate {bottom: -30px;}
}
@media (min-width: 1501px) and (max-width: 1900px) {
    .product_heading{ font-size: 3.5em; padding-bottom: 20px; }
    .product_data{ padding: 26px 0px;}
    .product_data_left{ width: 50%;}
    .product_text{ width: 44%;}
    /* .product_img{ margin-left: -30px;} */
}
@media (max-width: 1496px){
  /* .bannerClients.alternate{bottom: -100px;} */
}
@media (min-width: 1366px) and (max-width: 1500px) {
    :root{ --baseFontSize: 14px }
    span.product_img_lines {left: 0; max-width: 75%; }
    .product_img_lines img { margin-left: 10vw;}
    /* .banner_headlines{ max-width: 970px;} */
    .ourClientsBox{ padding: 10px 15px;}
    .product_heading{ font-size: 3.2em; padding-bottom: 20px;}
    .product_list{ padding-top: 70px;}
    .servicing-banner.home-banner .banner_headlines h1,.servicing-banner.home-banner.video-banner.main-b.video-banner .banner_headlines h1{font-size: 40px;}

    .product_data_left{ width: 50%;}
    .product_text{ width: 44%; max-width: 500px;}
    .product_img {margin-left: -30px;}
    /* .product_img i{ width: 120px;} */
    .header_info{ gap: 15px;}
    .header_menu>ul>li{ padding:0px 15px;}

    .about_banner_inner{ background-size: 75% auto; padding-top: 110px; margin-top: 40px; padding-bottom: 160px; }
    .subMenu_list ul li span{ font-size: 15px;}
    .subMenu_list ul li strong{ font-size: 1.4em;}

    .subMenu_avatar{ width: 240px; height: 240px; }
    .subMenu_dropdown_inner{ padding-top: 25px; padding-bottom: 25px;}
    .tabsStyle2 .nav-tabs .nav-link { padding: 16px 15px; font-size: 1.25em; }

    .about_exp_years ul li h2{ font-size: 7em;}
    .about_exp_years ul li{ padding-bottom: 50px;}
    .tabsStyle2{ padding-bottom: 150px;}
    .managementTeam_list .dir_card{ padding: 15px;}
    .about_future_text { max-width: 820px; }
    .nextPrev_row ul li:not(:first-child) {  padding: 15px 0px 15px 60px;}


}
@media (max-width: 1450px) {
  .pedge-card-content {
    padding: 12px 100px 12px 0px;
  }
}

@media (min-width: 1280px) and (max-width: 1365px) {
    :root{ --baseFontSize: 13px }
    .banner_headlines{ max-width: 970px;}
    .ourClientsBox{ padding: 10px 15px;}
    .product_heading{ font-size: 4.2em;}
    .stats.main{
      white-space: normal !important;
    }
    .header_right{ padding-left: 15px;}
    .header_menu > ul > li{  padding: 0px 12px;}
    .header_info{ gap: 12px;}
    .product_img{ margin-left: -40px;}
    .managementTeam_list.directors_list > ul > li{ width: 33.33%;}

    .about_banner_inner{ background-size: 75% auto; padding-top: 110px; margin-top: 40px; padding-bottom: 160px; }
    .subMenu_list ul li span{ font-size: 15px;}
    .subMenu_list ul li strong{ font-size: 1.4em;}

    .subMenu_avatar{ width: 240px; height: 240px; }
    .subMenu_dropdown_inner{ padding-top: 25px; padding-bottom: 25px;}
    .tabsStyle2 .nav-tabs .nav-link { padding: 16px 15px; font-size: 1.25em; }

    .about_exp_years ul li h2{ font-size: 7em;}
    .about_exp_years ul li{ padding-bottom: 50px;}
    .tabsStyle2{ padding-bottom: 150px;}
    .managementTeam_list .dir_card{ padding: 15px;}
    .about_future_text { max-width: 820px; }
    .nextPrev_row ul li:not(:first-child) {  padding: 15px 0px 15px 60px;}
    
}
@media (max-width: 1414px) {
  .Banner.servicing-banner.home-banner.main-b .hm_banner {height: 52vw;}
}
@media (max-width: 1368px) {
  .servicing-banner.home-banner .banner_headlines h1, .servicing-banner.home-banner.video-banner.main-b.video-banner .banner_headlines h1 {
    font-size: 40px;
 }
 .hubspotform {
  margin-top: 40px;
 }
}
@media (max-width: 1368px) {
  .product_text h3 {font-size: 40px;}
  .product_text p {font-size: 18px;}
  .slider_img{    margin-bottom: -19%;}
}
@media (max-width: 1365px) {
  .servicing-banner.home-banner .banner_headlines h1 {font-size: 40px;}
  .hubspotform { width: 560px;}
  .statHome .stats-section {padding: 28px 0;}
  .product_text h3 {font-size: 40px;}
  .product_text p {font-size: 18px;}
  .slider_img{    margin-bottom: -19%;}


}
@media (max-width: 1277px) {
  .bannerClients.alternate {
    bottom: -30px;
  }
  .client_heading {
    padding-bottom: 10px;
  }
}
@media (max-width: 1100px) {
  .d-flex.align-items-center.justify-content-around.mt-4.mx-auto.filtersection {
    justify-content: space-between !important;
  }
.filter-main {padding: 30px;}
.search-container .row { align-items: center;}
.search-container .text-black .btn_custom.btn_about {padding: 13px 20px;}
.servicing-banner.home-banner.main-b.endSec .banner_headlines {
  top: 6vh;
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
    :root{ --baseFontSize: 13px }
    .banner_headlines,.blogs-banner .banner_headlines{ max-width: 850px;}
    .ourClientsBox{ padding: 10px 15px;}
    .product_heading{ font-size: 4.2em;}
    .mark_img.bodymovinanim svg {
      width: 450px !important;
      height: 450px !important;
    }
    .header_right{ padding-left: 15px;}
    .header_menu > ul > li{  padding: 0px 12px;}
    .header_info{ gap: 12px;}
    .product_img i{ width: 180px;}
    .tabsStyle3 .nav-tabs {width: 100%;}
    .stats.main { white-space: normal !important;}
    .stats.main .stat-box h2 {font-size: 60px;}
    .stats.main .stat-box p{font-size: 20px;}
    .footer-inner-right .footer-rightcontent {  width: 31.33%;  margin-left: 10px; }
    button.play_icon{bottom: 20%;}
    .play_icon img {height: 70px; width: 70px !important;}

    .requestDemo_header{ display: none;}

    .about_banner_inner{ background-size: 80% auto; padding-top: 70px; padding-bottom: 100px; }
    .tabsStyle2 .nav-tabs .nav-link {  padding: 14px 10px; font-size: 1.2em; }
    .border_tab_content{ padding: 20px 20px;}
    .about_adaptive_img{ flex-shrink: 0; width: 50%; padding-left: 30px;}

     
   .about_exp_years ul li{  padding-bottom: 50px; text-align: center;}
   .about_exp_years ul li h2{ font-size: 6em;}
   .about_edge_list ul{ margin: 0px -10px;}
   .about_edge_list > ul > li{ width: 50%; padding: 0px 10px 20px 10px; }
    .directors_list > ul{ margin: 0px -10px;}
   .directors_list > ul > li{ width: 50%; padding: 0px 10px 20px;}
   .dir_card{ padding-right:200px;}
   .dir_img{ width: 190px;}

   .about_corporate_list > ul{ margin: 0px -10px; }
   .about_corporate_list > ul > li{ width: 50%; padding: 0px 10px 20px; }
   .nextPrev_row ul li:not(:first-child) {  padding: 15px 0px 15px 60px;}
   .about_future{ padding: 30px; }
   .managementTeam_list.directors_list > ul > li{ width: 33.33%;}
   .about_future_text p{ max-width: 550px;}
   .product-cards>ul {  margin: 0px -10px; }
   .product-cards>ul>li{   padding: 0px 10px 20px 10px; }
   .product_corporate-list .corporate_card{ padding: 15px;}
   .product_edge-card .edge_card{ padding: 15px;}
   .product-cards .pcards-inner{ padding: 15px;}
   .appex_plist-content .about_corporate_list>ul>li h4{ min-height: 68px;}

   .mobility-inner-content p{ padding-right: 50px;}

   .blogDetMenu{ width: 20% !important;}
  .blogDetContent{ width: 80%; padding-right: 3% !important; }

  .blog_tabs .nav-tabs .nav-link{ padding:6px 16px; font-size: 1.2em;  }

  .services-inner-content .services_box {padding-bottom:10px;}
  .services_explore .pedge-card-content ul li::before { width: 10px; height: 10px;}
  .pedge-card-content {padding: 12px 75px 12px 0px;}  
}
@media (max-width: 1279px) {
  .slider_container {margin-left: 32px;}
  .slider_img {margin-bottom: -16%;}
}
@media (max-width: 1190px) {
  .mob-slider{display: block;}
  .desktop-slider{display: none;}
  .banner_inner_retail .col-md-6{width: 100%;}
  .hubspotform { width: 100%;}
  .Banner.servicing-banner.home-banner.main-b .hm_banner {
    height: 100vw;
  }
  .bannerClients.alternate {
    bottom: -400px;
  }
}
@media only screen and (device-width: 390px) {
    #banner-images{
        height: 50vw;
        min-height: 79vh !important;
    }
}
/* @media (max-width: 1024px) {
  .tabsStyle3 .nav-tabs{ width: 108%;}
  .product_img i { width: 140px;}
  .stats.main .stat-box {
    width: 50%;
    flex-shrink: 0;
    text-align: center;
    translate: none !important;
    rotate: none !important;
    scale: none !important;
    transform: none !important;
  }
  .stats.main{flex-wrap: wrap;}
  .mark_img{height: 330px !important;}
  .mark_img.bodymovinanim svg{width: 400px !important; height: 400px !important;}
  .services-list_outer .services_list_inner ul li {
    width: 50%;
    padding: 15px;
  }
} */

@media (max-width: 1024px) {
  .header_right{ padding-left: 15px;}
  .header_menu > ul > li{  padding: 0px 12px;}
  .stats.main .stat-box h2 {
    font-size: 53px;
    font-weight: 700;
  }
 
  .stats.main .stat-box p {
    font-size: 16px;
  }
  .header_menu_link{font-size: 14px;}
  .experience-section .description{
    margin: 11vh auto 0 !important;
    max-width: 100% !important;
  }
  .product_img i {
    width: 140px;
  }
  .mark_img.bodymovinanim svg {
    width: 400px !important;
    height: 400px !important;
  }
  .mark_img{height: 340px !important;}
}
@media (max-width: 1022px) {
  .servicing-banner.home-banner .banner_headlines {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media (max-width: 1555px) {
  /* .bannerClients.alternate {
    bottom: -110px;
  } */
}
@media (max-width: 991.98px) {
  .home-banner .banner_headlines h1 {
    font-size: 60px;
    text-transform: none;
  }
  .product_text h3 {
    font-size: 30px;
 }
 .slider_img img { width: 50%;}
 .slider_img {margin-bottom: -3%; margin-left: 50%;}
 .bg_shadow {width: 100%;}
  .tabsStyle3 .nav-tabs {
    width: 100%;
  }
  .tabsStyle3 .nav-fill .nav-item {
    text-align: center;
    margin: 0 5px;
  }
  .headlines h2 {
    font-size: 40px;
  }
  .pos_text {
    width: 100%;
  }
  .experience-section .description .headlines h2 {
    font-size: 40px !important;
  }
  .mark_img{
    width: 40%;
    height: 460px !important;
  }
  .why_netsol_edge ul li {
    width: 100% !important;
  }
  .hubspotform.desk-form {
    display: none;
}
.Banner.servicing-banner.home-banner.main-b .hm_banner {
  height: 50vw;
  min-height: 80vh;
}
.bannerClients.alternate {
  position: relative;
  bottom: 0;
}
.hubspotform.mob-form{
  display: block;
  margin-top: 0;
}
}
@media (max-width: 925.98px) {
  .servicing-banner.home-banner.main-b.endSec .banner_headlines h1 {
    font-size: 30px;
  }
  .main-container.retailArticle .article {
    margin-bottom: 110px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
    :root{ 
        
        --baseFontSize: 13px;
        --headerHeight: 60px;
     
    }
    .banner_headlines{ max-width: 850px; padding-top: 100px; padding-bottom: 100px;}
    .blogs-banner .banner_headlines{ max-width: 850px; padding-top: 0;}
    .ourClientsBox{ padding: 20px 15px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .ourClientsBox > ul{ justify-content: flex-start; }
    .ourClientsBox > ul li{ width: auto; padding: 0px 25px;  }
    .ourClientsBox > ul li span svg{  max-width: 120px; max-height: 32px; }
  
    .product_heading{ font-size: 2.8em; line-height: 1.2em; padding-bottom:10px; }
    .banner_headlines h1{ font-size: 2.8em; line-height: 1.2em; }
    .logo{ width: 110px;}
    .header_right{ padding-left: 12px;}

    .header_menu{ width: 100%; height: 0%; position: fixed; left: 0px; top: 0px; padding: 60px 0px 0px 0px; background-color: var(--color_primary50); -webkit-backdrop-filter: blur(22.5px); backdrop-filter: blur(22.5px); z-index: 22;  animation: none !important; border-radius: 0px; opacity: 0; visibility: hidden; top: -50%; transition: all 0.4s ease; border: 0px none; z-index: -11; }
    .open_mobile_menu .header_menu{ opacity: 1; visibility: visible; top: 0px; z-index: 222; height: 100%; }
    .open_mobile_menu{ overflow: hidden;}

    .header_menu > ul{ display: block; text-align: center;  max-height: calc(100% - 60px); overflow-y: auto;   }
    .header_menu > ul > li a{ padding: 12px 15px; font-size: 1.6em;}
    .requestDemo_header{ display: none;}

    .header_info{ width: 100%; gap: 10px;}
    
    
    .header_inner{ padding: 10px 0px;}

    .hamburger-lines{ display: flex; position: relative; z-index: 224; }

    .autoContent{ padding: 0px 15px;}
    .btn_custom.btn_large {  padding: 8px 20px 8px 20px; font-size: 1em; }

.light_theme .hamburger-lines{ background: #FFF !important;}



    .footer-inner-right .footer-rightcontent {  width: 31.33%;  margin-left: 10px; }

 

    .footer-inner-left ul {  margin-bottom: 25px; }

 
    .footer-inner-right .footer-rightcontent {  width:28%;  }

    .footer-end-content {  flex-direction: column;  justify-content: center; align-items: center;  }



    .product_data{ flex-direction: column-reverse; padding: 20px 0px; }
    .swiper-button-prev, .swiper-button-next {display: none !important;}
    .product_data_left{ width: 100%;}

    .product_text{ width: 88%; margin: auto; padding: 30px 15px 0px 15px; max-width: none;}

    .pro_bg_box{ width: 100%; height: 80%; top: 20%; max-width: none; }

    .product_img{ padding: 5.9% 9.8%;  margin-left: -16px; width: 95%; }
    .pro_top_shade{ width: calc(100% + 30px); left: -15px; height: auto; overflow: initial; top: -10px; }
    .pro_top_shade:after{ width: 135px;  height: 124px;  filter: blur(92px); top: 84%; }
    .pro_top_shade:before{ background-size: 300px auto;}

    .hm_products{ overflow-x: hidden; overflow-y: initial;}
    .product_list{ margin-bottom: 80px;}
    .hfooter-content ul li span svg{ max-width: 140px; max-height: 36px;}
    .footer-bg{ height: 200px;}



 
 

    .subMenu_list ul li strong{ font-size: 0.9em;}
    .subMenu_list ul li span{ font-size: 0.7em}
    .subMenu_avatar{ width: 200px; height: 200px;}
    .subMenu_list { padding-right: 20px;}

    .sbMenuClose{ display: block; width: 42px; height: 42px; background:url(assets/images/left-arrow-white.svg) no-repeat center center; position: absolute; left: 14px; top: 8px; z-index: 3;  }
    .subMenu_dropdown{ width: 100%; height: 100%; position: fixed; left: 0%; top: -100%; padding-top: 60px; background: rgba(1, 4, 18, 0.50); overflow: hidden; display: block; transition: all 0.3s ease; opacity: 0; visibility: hidden; }
    .subMenu_dropdown.active{ top: 0px; opacity: 1; visibility: visible;}
    .subMenu_dropdown_inner{ max-height: calc(100vh - 60px); padding: 0px 0px 50px 0px; }
     .subMenu_list ul li{ padding-bottom: 0px; margin-bottom: 0px;}


     .about_banner_inner{ background-size: 80% auto; padding-top: 70px; padding-bottom: 100px; }
     .tabsStyle2 .nav-tabs .nav-link {  padding: 14px 10px; font-size: 1.2em; }
     .border_tab_content{ padding: 20px 20px;}
     .about_adaptive_img{ flex-shrink: 0; width: 50%; padding-left: 30px;}

     .about_exp_section{ display: block;}
     .about_exp_left{ width: 100%; padding: 0px 0px 40px 0px; text-align: center; }
     .about_exp_left .headlines{ text-align: center !important;}
    .about_exp_years{ width: 100%;}
    .about_exp_years ul li{ min-width: 30%; padding-bottom: 50px; text-align: center;}
    .about_exp_years ul li h2{ font-size: 6em;}
    .about_edge_list > ul > li{ width: 100%; }
    .edge_card{ min-height: 0; }
    .directors_list > ul{ margin: 0px -10px;}
    .directors_list > ul > li{ width: 50%; padding: 0px 10px 20px;}
    .dir_card{ padding-right: 134px;}
    .dir_img{ width: 140px;}

    .about_corporate_list > ul{ margin: 0px -10px; }
    .about_corporate_list > ul > li{ width: 50%; padding: 0px 10px 20px; }
    .nextPrev_row ul li:not(:first-child) {  padding: 15px 0px 15px 60px;}
    .about_future{ padding: 30px; background: none}
    .managementTeam_list.directors_list > ul > li{ width: 50%;}



    .product-cards>ul>li{ width: 100%;}

    .product_corporate-list .about_corporate_list>ul>li{ width: 100%;}

    .product_services-list .services_list ul li{ width: 50%;}
    .product_corporate-list{ padding: 0px;}
    
    
    .ptab2_region-inner ul li{ width: 100%; }
    .ptab2-inner-content{ padding-top:10px; padding-left: 25px; }
    .ptab2_region-inner ul{ padding: 0px;}
    .ptab2_region-inner button{ font-size: 1em;}


    .appex_plist-content .about_corporate_list>ul>li{ width: 50% !important;}
    .appex_plist-content .about_corporate_list>ul>li h4{ min-height: 66px;}

    .prod_mobility .ptab2_region-inner ul{ padding: 0px 30px;}

   .pro-detail-works .product_corporate-list .about_corporate_list>ul>li{ width: 33.33%;}
   .product_corporate-list .corporate_card{ padding: 15px;}
   .product_detail-content .product_corporate-list h3{ font-size: 6em;}

   .pro-detail-works .product_corporate-list{ padding-bottom: 60px;}

   .product_edge-card .about_edge_list ul{ margin: 0px -10px;}
   .product_edge-card .about_edge_list > ul > li{ width: 50%; padding: 0px 10px 20px 10px; }
   .product_edge-card .edge_card{ padding: 15px;}
   .pedge-card-content{ padding-right: 70px;}
   .pedge-card-img{  width: 100px;}

   .product-content .headlines h3{ font-size: 2.0em; line-height: 1.4em;}

   .blogDetMenu, .blogDetContent { width: 100% !important;}

.rightblog-tablist ul{ display: flex; flex-wrap: wrap; padding-bottom: 0px; flex-direction: row; align-items: center; justify-content: center; }

 

.pos_row.flex-row-reverse .headlines{ width: 100%;}
.pos_row .headlines{ max-width: 85%; margin: auto;}
 
.pos_features_row{ margin: 0px;   }
.pos_features_col{ width: 50%; padding: 0px 0px 40px 0px; }

.pos_features_col:first-child{ width: 100%;}

.pos_features_col ul li{ font-size: 1.2em;}
.headlines h4, .pos_features_col h4{ font-size: 1.8em;}
 

.pos_features_ul li:before {  width: 20px;  height: 20px; background-size: 14px auto !important; top: 1px; }


.services-inner-content .services_box {padding: 10px;}
.services-inner-content .nav-link,.service_card-content{padding: 0;}
.services-inner-content .services_inner-list span {line-height: 26px;}
.services-inner-content {padding-bottom: 80px;}
.services_explore .pedge-card-content ul{padding-top: 10px;}
.services_explore .pedge-card-content ul li::before { width: 10px; height: 10px;}
.service_app-content .service_tab,.service_app-content .service_tab {width: 100%;}
.service-benefit li {width: 100%;}
.service_content-reverse{flex-direction: column-reverse;}
.service-benefit .edge_card::before {left: 12%;}

/* mobile view products marque */
.ourClientsBox, .mob_has_marque{ overflow: hidden;}

.ourClientsBox ul, .mob_has_marque ul {
    overflow: hidden;
    white-space: nowrap;
    display: table; table-layout: fixed;
  }
  
  .ourClientsBox ul li, .mob_has_marque ul li {
    display: table-cell; vertical-align: middle;
  }
  
  @keyframes marquee {
    from {
      transform: translateX(50%); 
    }
    to {
      transform: translateX(-100%); 
    }
  }
.ourClientsBox ul, .mob_has_marque ul {
    animation: marquee 14s linear infinite;   animation-play-state: running;
}
.ourClientsBox ul:hover,.mob_has_marque ul:hover {
  animation-play-state: paused;
}

.hfooter-content ul li{ padding-right:50px !important;}

  .header_menu {
    background: #052D46;
  }
  .mark_img{
    width: 50% !important;
    height: 0 !important;
  }
  .mark_img svg{
  width: 460px !important;
  height: 460px !important;
  }
}

@media only screen and (max-width: 767px) {

    :root{ 
        
        --baseFontSize: 13px;
        --headerHeight: 60px;
     
    }
    .home-banner .banner_headlines h1 {
      font-size: 30px !important;
      text-transform: none;
      letter-spacing: normal;
    }
    
    .accordion-item{display: block;}
    .servicing-banner.home-banner.main-b.endSec .hm_banner {
      height: 70vh !important;
      min-height: 70vh !important;
    }
    .servicing-banner.home-banner.main-b.endSec .banner_headlines {
      top: 15vh;
    }
    .servicing-banner.home-banner.video-banner.main-b.video-banner .banner_headlines {
      top: -25vh;
    }
    .accordion-item .rightSection .intro-image {position: relative; width: 50%; right: 0;}
    .lottie-animation {position: relative;width: 70%; margin: auto;}
    .accordion-item {text-align: center;}
    .client_container{display: block !important; text-align: center;}
    .quote-icon img {width: 100%; height: 4vh; display: block;}  
    .services-list_outer .services_list_inner ul li {
      width: 50%;
      padding: 15px;
    }
    .accordion-section .headlines h2 {
      text-align: center !important;
    }
    .mark_row.flex-row-reverse .headlines, .testi_row.d-flex.align-items-center.flex-wrap .headlines {
      width:100% !important;
    }
    .ai-lab-slider .mobile-slider .swiper-button-prev, .ai-lab-slider .mobile-slider .swiper-button-next {bottom: 40px !important;}

    .test_img img{width:100%; margin-top:10px;}
    .banner_headlines{ max-width: 850px; padding-top: 100px; padding-bottom: 100px;}
    .ourClientsBox{ padding: 20px 15px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .ourClientsBox > ul{ justify-content: flex-start; }
    .ourClientsBox > ul li{ width: auto; padding: 0px 25px;  }
    .ourClientsBox > ul li span svg{  max-width: 120px; max-height: 32px; }
  
    .product_heading{ font-size: 2.2em; line-height: 1.2em; padding-bottom:10px; }
    .banner_headlines h1,.blogs-banner .banner_headlines h1{ font-size: 2.2em; line-height: 1.2em; }
    .logo{ width: 110px;}
    .header_right{ padding-left: 12px;}

    .header_menu{ width: 100%; height: 0%; position: fixed; left: 0px; top: 0px; padding: 60px 0px 0px 0px; background-color: #052D46; -webkit-backdrop-filter: blur(22.5px); backdrop-filter: blur(22.5px); z-index: 22;  animation: none !important; border-radius: 0px; opacity: 0; visibility: hidden; top: -50%; transition: all 0.4s ease; border: 0px none; z-index: -11; }
    .open_mobile_menu .header_menu{ opacity: 1; visibility: visible; top: 0px; z-index: 222; height: 100%; }
    .open_mobile_menu{ overflow: hidden;}
    .header_menu_link, a.header_menu_link {
      font-size: 14px;
    }
    .header_menu > ul{ display: block; text-align: center;  max-height: calc(100% - 60px); overflow-y: auto;   }
    .header_menu > ul > li > a{ padding: 12px 15px;}
    .requestDemo_header{ display: none;}

    .header_info{ width: 100%; gap: 10px;}
    
    
    .header_inner{ padding: 10px 0px;}

    .hamburger-lines{ display: flex; position: relative; z-index: 224; }
    .light_theme .hamburger-lines{ background: #FFF !important;}

    .light_theme .header_menu{ background:#052D46}
    .light_theme .transcend-retail-header .header_menu .header_menu_link {color: #fff;}
    .transcend-retail-header .header_menu_link.has_dropdown {background: url(assets/images/arrow-icon.svg) no-repeat right center;}
    .autoContent{ padding: 0px 15px;}
    .btn_custom.btn_large {  padding: 8px 20px 8px 20px; font-size: 1em; }


    .footer-inner-right .footer-rightcontent {  width: 45%; }
    .footer-end-content { flex-direction: column; justify-content: center;  align-items: center; }

    .rightcontent-width {  width: 100% !important; }

    

    .footer-end-content ul { flex-wrap: wrap; justify-content: center; }
 
    .footer-inner-left ul {  margin-bottom: 25px;  }

    .product_img i{   min-width: 70px;  width: 20%;}

    .product_data{ flex-direction: column-reverse; padding: 20px 0px; min-height: auto;}
    .product_img {margin-left: -16px; padding: 5.9% 10.5%;}
    .product_data_left{ width: 100%;}
    .bg_shadow {left: -400px; top: -78px;}
    .product_text{ width: 100%; padding: 30px 15px 0px 15px; text-align: center;}

    .pro_bg_box{ width: 100%; height: 80%; top: 20%; max-width: none; }
    .description.slider .headlines h2, .tabs-heading, .accordion-section .description .headlines h2 {text-align: center; font-size: 30px !important;}
    .product_slider_main .site_contain.container {margin-bottom: 0;}
    .product_text h3 {font-size: 20px; text-align: center;}
    .product_text p{font-size: 16px !important; text-align: center;}
    .slider_container{margin-left: 0; padding: 0 15px;}
    .pro_top_shade{ width: calc(100% + 30px); left: -15px; height: auto; overflow: initial; top: -10px; }
    .pro_top_shade:after{ width: 135px;  height: 124px;  filter: blur(92px); top: 84%; }
    .pro_top_shade:before{ background-size: 300px auto;}

    .hm_products{ overflow-x: hidden; overflow-y: initial;}
    .product_list{ margin-bottom: 80px;  }
    .headlines{ padding-bottom: 40px;}
    .headlines h2{ font-size: 2.5em;  line-height: 1.2em; }

    .services_list{ padding-bottom: 100px;}
    .slide-content .services_list{ padding-bottom: 0px;}
    .slide-content .leftSection { margin-top: -30px;}
    .slide-content, .static-slide{display: block !important;}
    .full-width{margin-left: 0 !important;}
    .rightSection .services_list {
      padding-bottom: 0;
    }
    .services_list ul li{ width: 100%; }
    .services_list ul{ border-right: 0px none;}


    .hm_exp_inner{ padding-top: 150px;}
    .exp_video { width: 320px;  height: 320px; }

    .hm_exp_inner:after{bottom: initial; top: -20px; height: 398px; }
    .exp_moved_vactor {  width: 500px; height: 500px;  top: -82px;  margin-left: -250px; }

    .exp_years ul{ justify-content: center;}
    .hm_experience{ margin-bottom: 100px;}

    .wrapper{ overflow-x: hidden;}

     /* .swiper-wrapper{ padding-bottom: 60px;} */
  .swiper-button-prev, .swiper-button-next{ border: 1px solid transparent !important; display: block !important; width: calc(50% - 25px) !important; border-radius: 100px !important; height: 40px !important; margin: 0px !important; top: initial !important; bottom: 5px !important; background: url(../images/arrow-left.svg) no-repeat center center; background-color: #FFF !important; display: none !important;  }
     .swiper-button-next{ background: url(../images/arrow-right.svg) no-repeat center center;  }
     .swiper-button-prev.swiper-button-lock,.swiper-button-next.swiper-button-lock {
      display: none !important;
    }
     .swiper-button-prev:after,  .swiper-button-next::after{ display: none !important;}
     .swiper-button-prev:hover,  .swiper-button-next:hover{ opacity: 0.8 !important;}

     .ptab_imgContent .border_tab_content:before{ height: calc(100% - 40px); }

    .hm_insights{ padding-bottom: 50px;}

    .hfooter-content{overflow-x: auto; -webkit-overflow-scrolling: touch; }  
    .hfooter-content ul{ justify-content: flex-start;}
    .hfooter-content ul li{ padding-right: 40px !important;}

    .hfooter-content ul li span svg{ max-width: 140px; max-height: 40px;}
    .footer-bg{ height: 100px;}

    .subMenu_dropdown_auto:after{ display: none;}
    .subMenu_dropdown_auto{ display: block; padding: 0px;}
    .subMenu_list{ width: 100%; padding: 0px 0px 30px 0px; }
    .subMenu_pop_right{ width: 100%; padding: 0px;}

    .subMenu_list ul li strong{ font-size: 1.2em;}
    .subMenu_list ul li span{ font-size: 1em}
    .subMenu_avatar{ width: 200px; height: 200px;}

    .sbMenuClose{ display: block; width: 42px; height: 42px; background:url(assets/images/left-arrow-white.svg) no-repeat center center; position: absolute; left: 14px; top: 8px; z-index: 3;  }
    .subMenu_dropdown{ width: 100%; height: 100%; position: fixed; left: -100%; top: 0px; padding-top: 60px; background: rgba(1, 4, 18, 0.50); overflow: hidden; display: block; transition: all 0.3s ease; opacity: 0; visibility: hidden; }
    .subMenu_dropdown.active{ left: 0px; opacity: 1; visibility: visible;}
    .subMenu_dropdown_inner{ max-height: calc(100vh - 60px); padding: 0px 0px 50px 0px; }
    .dropdownOverlay{ display: none;}
    .subMenu_list ul li{ padding-bottom: 0px; margin-bottom: 0px;}
    .subMenu_list ul li a{ padding: 10px 15px;}

    .hmps_list .pro_bg_box{ height: 100%; top: 0px;}
    .hmps_proImg img{ max-width: 80%;}
    .hmps_proImg{ min-height: 0px; padding-bottom: 0px;}
    .pro_tabsBtn{ font-size: 12px; padding-left: 10px; padding-right: 10px; }
    .pro_tabsBtns_box{ width: calc(100% - 20px);}

    .about_banner_inner{ margin-top: 30px; padding-top: 40px; padding-bottom: 100px; }
    .tabsStyle2 .nav-tabs .nav-link { padding: 10px 10px; font-size: 1.25em; }

    .border_tab_content{ padding: 15px;}
    .about_adaptive{ display: block;}
    .about_adaptive_left{ max-width: none; width: 100%; text-align: center !important; padding-bottom: 10px !important; }

.about_adaptive_img{ width: 100%; padding: 0px 0px 30px 0px;}
.tabsStyle2{ padding-bottom: 100px;}

.about_exp_section{ display: block; padding-bottom: 60px;}
.about_exp_left{ width: 100%; padding: 0px 0px 40px 0px; text-align: center; }
.about_exp_left .headlines{ text-align: center !important;}
.about_exp_years{ width: 100%;}
.about_exp_years ul{ justify-content: center;}
.about_exp_years ul li{ min-width: 50%; padding-bottom: 50px; text-align: center;}
.about_exp_years ul li h2{ font-size: 6em;}

.about_edge_list{ padding-bottom: 80px;}
.about_edge_list ul{ margin: 0px -10px;}
   .about_edge_list > ul > li{ width: 100%; padding: 0px 10px 20px 10px; }
    .directors_list > ul{ margin: 0px -10px;}
   .directors_list > ul > li{ width: 100%; padding: 0px 10px 20px;}

   .tab-content{ padding-top: 30px;}
   .managementTeam_list.directors_list > ul > li{ width: 100%;}

   .about_corporate_list > ul { margin: 0px -10px; }
   .about_corporate_list > ul > li{ width: 100%; padding: 0px 10px 20px;}
   .about_future{ padding: 20px; background: none; margin-bottom: 80px; }

   .nextPrev_row ul li{ padding: 12px 0px 12px 10px; }
   .nextPrev_row ul li:not(:first-child) { margin-left: 10px; padding: 12px 0px 12px 10px; }

   .smr_moreLink i{ width: 32px; height: 32px; background-position: 6px center !important; background-size: 14px auto !important;}


   .about_future_text p{ padding-bottom: 30px;}

   .edge_card{ padding: 20px; min-height: 0px;}



   .testi_row{ display: block; text-align: center;}
   .testi_right{ margin: auto; width: 65%; margin-bottom: -60px;}
.testi_info{ width: 100%;}
.testi_info h3{ width: 100%; font-size: 2em;}
.testimonial_content{ padding-bottom: 0px;}
.site_contain.container{max-width:100%}
.buttonTitleClass{width:40% !important; font-size:14px !important;}
.banner_headlines{padding-top:0px; padding-bottom:0px; top:-14vh; max-width:100% !important;}
.bannerClients.alternate{position: relative; bottom: 0;}
.servicing-banner.home-banner .banner_headlines{top: 5h;}
.blogs-banner .banner_headlines {top: 12vh; padding: 0 15px 0 0;}

.description h2{font-size:30px !important;width: 100% !important; margin-top:36px;}
.stats-section .stats{ overflow: hidden; padding-left:0px; padding-right:0px; display: block !important;}
.headlines_box.inner{margin-top:50px;}

.headlines_box span{padding:3px 10px}
.ourClientsBox{margin-bottom:40px !important;}
.tabsStyle3 .nav-tabs .nav-link.active{width:100%;}
.subMenu_list ul li{margin-left:0px;}
.testi_info .progress_row{ justify-content: center;}
.corporate_card_data p{ min-height: 0;}

.hm_banner{  align-items: center; justify-content: center; }

.about_banner_inner .headlines h2{ font-size: 3em; }
.product-content .headlines h3{ font-size: 2em; line-height: 1.4em; padding-bottom: 12px; }
.about_banner_inner .headlines ul{ flex-wrap: wrap;gap: 10px; }

.hm_products_inner .product_list{ margin-bottom: 0px;}
.hm_products_inner{ padding-bottom: 100px; padding-left: 15px; padding-right: 15px;}
.product-cards>ul {  margin: 0px -10px; }
.product-cards>ul>li{ width: 100%; padding: 0px 10px 20px 10px; }

.product-cards{ padding-bottom: 40px;}

.product_corporate-list .about_corporate_list>ul>li{ width: 100%;}

.product_services-list .services_list ul li{ width: 100%;}
.product_corporate-list{ padding: 0px;}


.ptab2_region-inner ul li{ width: 100%; }
.ptab2-inner-content{ padding-top:10px; padding-left: 25px; }
.ptab2_region-inner ul{ padding: 0px;}
.ptab2_region-inner button{ font-size: 20px; padding: 9px 0px 8px 20px;}

.prod_mobility .productTab_img img{ padding: 0px 0px 20px 0px;}
.mobility-inner-content p{ padding-right: 0px;}
.mobility-inner-list ul li{ padding-left: 30px;}
.mobility-inner-list ul li::before{ left: 0px;}
.pro-detail-works .pdetail-banner-inner{ padding-top: 90px;}


.product_detail-content .product_corporate-list h3{ font-size: 6em;}

.pdetail-powerbyAI .headlines{ padding: 0px;}
.product_detail-content .headlines h2{ font-size: 3em; }

.pdetail-powerbyAI{ padding-bottom: 90px;}

.pedge-card-content{ padding: 0px;}
.pedge-card-img{ display: none;}
.product_edge-card .headlines h2{ padding-left: 0px; padding-right: 0px; }

.footer-inner-end .autoContent{ padding: 0px;}
.footer_glob{ height: 200px !important;}

.appex_plist-content .about_corporate_list>ul>li h4{ min-height: 0;}
.appexNow_content.product-content .headlines h3{ margin: 0px;}

.appex_plist-content .corporate_card_data{ text-align: center;}
.appexlist-img h3{ font-size: 1.8em;}

.pdetail-powerbyAI .headlines h2, .pdetail-banner-inner .headlines h2{     font-size: 3em; }

.blogs_list ul li {width:100%;}
.blogdetail-inner {flex-direction: column;}
.blog_detailImg {height: 100%;}
.blog-headlines h3 { font-size: 2em; line-height: 1.4em; }
.blog_txt h6 {padding-bottom: 15px;}
.blog_tabs .nav-tabs .nav-link {font-size: 1.25em;}


.blog_tabs .nav.nav-tabs{ flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; padding-bottom: 10px;  }
.blog_tabs .nav.nav-tabs li{ white-space: nowrap;}
.blog-searchtab{ padding: 15px 0px;}

.rightblog-tablist ul{ display: flex; flex-wrap: nowrap;overflow-x: auto; overflow-y: hidden; padding-bottom: 10px; flex-direction: row; align-items: center; justify-content: center; }
.rightblog-tablist ul li{ white-space: nowrap;}


.pos_row{ padding-bottom: 80px;}
.pos_row.flex-row-reverse .headlines{ width: 100%;}
.pos_text{ width: 100%; }
.pos_img{ width: 100%; padding-bottom: 30px; }
.pos_features_row{ margin: 0px; padding-bottom: 40px; }
.pos_features_col{ width: 100%; padding: 0px 0px 40px 0px; }
.pos_features_col ul li{ font-size: 1.2em;}
.headlines h4, .pos_features_col h4{ font-size: 1.8em;}
.pos_row .headlines{ max-width: none;}

.pos_features_ul li:before {  width: 20px;  height: 20px; background-size: 14px auto !important; top: 1px; }
.service_centerImg , .services_inner-list .nav-link.active::before{ display: none;}
.services-inner-content .services_inner-list li , .services_explore ul li {width: 100%; padding-left: 0px; padding-right: 0px;}
.services_banner-inner.about_banner_inner {padding-bottom: 10px;}
.services-inner-content { padding-bottom: 60px;}
.service_portfolio .swiper-wrapper {padding-bottom: 20px;}
.services_explore .pedge-card-content ul li::before { width: 10px; height: 10px;}
.service_app-content .service_tab,.service_app-content .service_tab {width: 100%;}
.service-benefit li {width: 100%;}
.service_content-reverse{flex-direction: column-reverse;}
.service_card-content{padding: 0;}
.service-benefit .edge_card::before {left: 0%;}
.expertise-tabs ul li {padding-bottom:10px;}


.cardW {border-bottom-right-radius: 10px; border-top-right-radius: 0px; border-bottom-left-radius: 10px;}
.offices_section { margin-bottom: 60px;}
.offices_slider_main .swiper-wrapper {padding-bottom: 60px;}
/* .offices_slider_main .swiper-button-next {background: url(../images/arrow-right.png) no-repeat center center;}
.offices_slider_main .swiper-button-prev {background: url(../images/arrow-left.png) no-repeat center center;} */
.offices_slider_main .swiper-button-prev {display: block; width: 44%; border-radius: 100px; background-color: #fff !important; height: 40px; margin: 0px; top: initial; bottom: 0px; background: url(assets/images/arrow-left.svg) no-repeat center center; }
.offices_slider_main .swiper-button-next { display: block; width: 44%; border-radius: 100px; background-color: #fff !important; height: 40px; margin: 0px; top: initial; bottom: 0px; background: url(assets/images/arrow-right.svg) no-repeat center center; }
.offices_slider_main .swiper-button-next::after,
.offices_slider_main .swiper-button-next::before { display: none;}
.offices_slider_main .swiper-button-next::hover,
.offices_slider_main .swiper-button-next::hover { opacity: 0.8; }

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {  display: none; }

.services_explore .pedge-card-content ul li{ padding: 10px 10px 10px 20px;}

.service-appInner > ul{ margin: 0px -10px;}
.service-appInner > ul > li{ padding: 10px;}
.service-appInner > ul > li img, .service_card > ul > li img{ max-width: 60px; max-height:30px;}


.service-benefit{ padding-bottom: 0px;}
.service_portfolio .headlines{ padding-bottom: 20px;}

.service-appInner ul li{ padding-right: 20px;}

.expertise-tabs ul li::after{ display: none;}

.services_application-tabs{ padding: 20px 0px;}

.portfolio-inner{ padding: 20px;}

/* mobile view products marque */
.ourClientsBox, .mob_has_marque{ overflow: hidden;}

.ourClientsBox ul, .mob_has_marque ul {
    overflow: hidden;
    white-space: nowrap;
    display: table; table-layout: fixed;
  }
  
  .ourClientsBox ul li, .mob_has_marque ul li {
    display: table-cell; vertical-align: middle;
  }
  
  @keyframes marquee {
    from {
      transform: translateX(50%); 
    }
    to {
      transform: translateX(-100%); 
    }
  }
.ourClientsBox ul, .mob_has_marque ul {
    animation: marquee 14s linear infinite;   animation-play-state: running;
}
.ourClientsBox ul:hover,.mob_has_marque ul:hover {
  animation-play-state: paused;
}

.proAscent_highlighted_cards .pedge-card-content{ padding-bottom: 20px !important;}

.proAscent_highlighted_cards .edge_card{ min-height: 0px !important;}
.mark_text {
  width: 100%;
  position: relative;
}.mark_img{
  width: 90% !important;
}  
.mark_img svg{
  width: 495px !important;
  height: 495px !important;
  }
  .ourClientsBox{
    text-align: center;
    margin-top: 0;
  }
  .partner_badge {
    margin: auto;
    text-align: center;
  }
  .partner_section {
    display: block;
    padding: 40px 0;
  }
  .aws_partner .cta_tab {
    margin-top: 0px;
    text-align: center;
  }
  .tabsStyle3 .nav-fill .nav-item:nth-child(4),  .tabsStyle3 .nav-fill .nav-item:nth-child(5) {
    text-align: center;
    margin-top: 20px;
  }
  .tabsStyle3 .nav-tabs {
    width: 80%;
  }
  .experience-section .description {
    max-width: 105% !important;
  }
  .experience-section .description .headlines h2 {margin-left: 0;}
  .experience-section .description{  margin-top: -4vh !important;}
  .booking-activation-section {
    flex-direction: column;
  }
  .text-container .headlines.pb-0.text-start {
    text-align: center !important;
}
.mobile-slider .swiper-button-prev, .swiper-rtl .swiper-button-next {
  position: relative;
 }
 .headlines_box {
  padding: 8px 20px;
 }
 .mainbox{width:100%;}
 .firstparagraph{float:left; width:100%; font-size:14px;}
 article#post-7947 p {
   font-size: 14px;
 }
 .artboxtxt {
  font-size: 17px;
  display: inline-block;
}
.quotetxt {
  font-size: 30px;
}
.imageparagraph{float:left;width: 100%;}
 .imageright{width:100%;}
 .artboxlft{ width:100%; padding-bottom:40px;}
.artboxrgt{width:100%;}
.artboxfull{margin-bottom:30px; display: block;}
.artboxfull2{margin-bottom:160px;	}
.frame-main .hm_banner {max-height: 75vh; min-height: 75vh;}
.transcend-card .image-container img {margin-bottom: 20px !important;}
.headlines p {
  font-size: 16px;
  line-height: 25px;
}
.review.py-5.reviews-slide {
  padding-top: 3rem !important;
  margin-top: 0px;
}
.filter-main .search-container{box-shadow: none; padding: 0;}
.filter-main {padding: 20px;}
.filter-main .search-container .border-end {  border-right: none !important; border-bottom: var(--s-border-width) var(--bs-border-style) #D5D5D5 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  margin-bottom: 10px;
}
.filter-main .search-container .tags-headline{width: 100%;}
.filter-main .tags-headline.dropdown-toggle { display: block;}
.search-container .text-black .btn_custom.btn_about {margin-top: 10px; width: 30%;}
.stats-section{
  margin: 0;
  margin-top: 30px;
}
.statHome .stats-section h2{
  font-size: 30px;
}
.statHome .stats-section{margin: 0; margin-top: -110px;}
.statHome .stats-section .stat p {font-size: 18px};
.description {
  max-width: 100%;
}
.innovation-section .headlines h2 {
  font-size: 25px !important;}
  .static-slide .leftSection .description{text-align: center;}
  .rightSection {
    text-align: center;
}
.accordion-content {
  text-align: center;
}
.image-toggle-section .lottie-animation31{
  height: 10% !important;
  width: 40% !important;
  right: 0% !important;
 }
 .hs_email, .hs_company {
  width: 100% !important;
  }
  .Banner.servicing-banner.home-banner.main-b .hm_banner {min-height: 70vh;}
  .hubspotform { width: 100%;}
  .form-columns-0{max-width: 100% !important;}
  .desktop-slider{display: none;}
}

/* end 767 media */

@media (min-width: 500px) and (max-width: 767px) {
 
    .modal-content {
        width: 100%;
        height: 45vh;
    }
    
    .close-modal {
        top: -40px;
        right: 0;
    }


    .services_list ul li{ width: 50% !important; }
      .experience-section {
        flex-direction: column;
        align-items: center;
        margin-top: -10% !important;
        padding: 0 !important;
      }

      .stats {
        margin-bottom: 20px;
      }
      .partner_badge img {
        width: 25%;
    }
      .stat-box {
        width: 100%;
        max-width: 33%;
        height: auto;
      }
      .stat-box h2{
        font-size: 50px !important;
      }
      .stat-box p{
        font-size: 15px !important;
      }
      .experience-button {
        margin-bottom: 10px;
      }
      .mark_img {
        width: 100% !important;
      }
    .mark_img svg {
      width: 390px !important;
      height: 390px !important;
    }
    .play_icon img {
      height: 50px;
      width: 50px !important;
      border-radius: 90px;
      position: absolute;
      bottom: 15%;
      right: 28%;
      z-index: 1000;
  }
  button.play_icon {
    position: absolute;
    background: none;
    border: none;
    right: 28%;
    bottom: 10%;
  }
  .product_services-list{
    max-width: 100% !important;
}

}
@media only screen and (max-width: 600px) {
  .bg_shadow
 {
        display: none ;
    }
input#LEGAL_CONSENT\.subscription_type_137490680-5aba2dd7-08d7-46c3-888d-57d3ea4f30c8 {
    width: 13px !important;
}
label#label-lastname-5aba2dd7-08d7-46c3-888d-57d3ea4f30c8{
    margin-top: 14px;
}
label#label-company-5aba2dd7-08d7-46c3-888d-57d3ea4f30c8{
 margin-top: 14px;
}
label#label-message-5aba2dd7-08d7-46c3-888d-57d3ea4f30c8{ 
  margin-top: 14px;
}

div#mob-height {
    min-height: 750px !important;
}
.dashboard-image {
    margin-top: 85px !important;
}
  .description.slider .headlines h2{font-size: 30px;}
.autoContent.statHome {
  margin-top: 6px !important;
}
.popup-content {
    background-color: #fff;
    padding: 20px;
    width: 317px !important;
    margin: 15% auto;
    border-radius: 8px;
    position: relative;
}
.banner_cta {
  margin-top: -33px;
}
  .servicing-banner.home-banner.main-b.endSec .hm_banner {
    height: 50vh !important;
    min-height: 35vh !important;
}
.main-container.retailArticle {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0px 0;
  width: 100%;
}
.servicing-banner.home-banner.main-b .banner_headlines {
  line-height: 36px;
  margin-top: 46px;
}
  .servicing-banner.home-banner .banner_headlines {
    color: #000 !important;
        margin-left: 0px !important;
        text-align: center;
}
/* .servicing-banner.home-banner .banner_headlines {
  top: -1vh !important;
} */
.hm_banner {
  width: 100%;
  position: relative;
  color: var(--white);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  overflow: hidden;
}
}
@media only screen and (max-width: 568px) {

  .modal-content {
    width: 100%;
    height: 45vh;
}
.hubspotform.desk-form {
  display: none;
}
.hubspotform.mob-form {
  display: block;
}

.hubspotform {margin-top: 0;}
.bannerClients.alternate {bottom: 0 !important;}
.Banner.servicing-banner.home-banner.main-b {
  height: 50vw;
  min-height: 70vh !important;
}
  .product_img_lines img {
    margin-top: -7vh;
  }
  .statHome .stats-section h2 {
    font-size: 20px;
  }
  .main-container.retailArticle .article{margin-bottom: 110px;}
  .artboxnew .artboxnum {
    margin-bottom: 8%;
    padding-left: 0;
  }
  span.product_img_lines {
    position: absolute;
    width: 100%;
    left: 30%;
    z-index: 0;
    display: inline-block;
    max-width: 60%;
  }
  .artboxnew .artboxnum {
    margin-bottom: 8%;
    padding-left: 0;
  }
  .headlines h2 {
    margin-bottom: 0px !important;
  }
  .stat-box {
    width: 100%;
    max-width: 50%;
    height: auto;
    transform: translate(0px) !important;
    scale: none !important;

  }
  .stats {
    margin-bottom: 20px;
    flex-wrap: wrap;
    white-space: normal !important;
    justify-content: center;
  }
  .services-list_outer .services_list_inner ul li {
    width: 100% !important;
    padding: 15px 0 15px 0;
  }
  .testi_row p {
    width: 100%;
    font-size: 13px;
    line-height: 20px;
  }
  .mark_row.flex-row-reverse .headlines, .testi_row.d-flex.align-items-center.flex-wrap .headlines {
    max-width: none;
    width: 100%;
  }
  .mark_img img, .test_img img {
    margin: 0 auto;
  }
  .services_trans.inner_services.stat{
    padding: 0;
  }
  .finance_lease{
    padding: 20px 0;
  }
  .mark_img {
    width: 100% !important;
  }
  .mark_img svg {
    width: 390px !important;
    height: 390px !important;
  }
  .play_icon img {
    height: 50px;
    width: 50px !important;
    border-radius: 90px;
    position: absolute;
    bottom: 15%;
    right: 28%;
    z-index: 1000;
  }
  .tabsStyle3 .nav-tabs .nav-link {
    padding: 5px 12px;
    font-size: 12px;
  }
  .headlines {
    padding-bottom: 20px;
  }
  .headlines h2 {
    font-size: 20px !important;
    line-height: 1.2em;
  }
  .inner_text p{
    font-size: 16px !important;
  }
  .headlines h3 {
    font-size: 20px;
  }
  .pos_text .btn_custom.btn_about {
    width: 200px;
    color: #000;
    margin-bottom: 20px;
  }
  .client_heading {
    font-size: 20px;
  }
  .experience-section .description{
    max-width: 100% !important;
  }
  .experience-section[data-v-e08dea8f] {
    position: relative;
    padding: 0;
  }
  .experience-section .description .headlines h2 {
    font-size: 30px !important;
    margin-top: 0;
  }
  .experience-section {
    margin-top: -20%;
  }
  .partner_badge img {
    width: 25%;
  }
  .experience-section .description {
    margin-top: 0vh !important;
  }
  .artboxnew {display: block;}
  /* .artboxnum {float: none;} */
  .artboxtxt {margin: 0% 0 0 0; width: 100%;line-height: 20px;}
  .blog-content-wrapper .content-details p {
    line-height: 30px;
 }
 .testi_reviewBy h2 {font-size: 20px;}
 .image{
  max-width: 100% !important;
  margin: auto !important;
  left: 0 !important;
  }
  .quotationcls.Newquotationcls .quotetxt {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
 }
 .quotationcls.quotationBg .quotetxt {
  font-size: 20px;
  line-height: 25px;
  font-weight: normal;
  width: 100%;
  display: block;
 }
 .accordion-section {margin-top: 0px;}
 .componentContainer{padding-top: 0;}
 .accordion-section .description .headlines h2{margin-top: 0;}
 .swiper.swiper-initialized.swiper-horizontal.swiper-autoheight.retail-slider.swiper-backface-hidden {
  padding-bottom: 15px;
 }
}
@media only screen and (max-width: 460px) {
  .modal-content {
    width: 100%;
    height: 45vh;
}
.servicing-banner.home-banner.main-b.endSec .banner_headlines {
  top: 6vh !important;
}
.home-banner.main-b .btn_custom.btn_about {
  padding: 8px 28px;
}
.Banner.servicing-banner.home-banner.main-b .hm_banner {
  height: 50vw;
  min-height: 50vh !important;
}
  .bannerClients {
    margin: 45px 0;
    margin-bottom: 0px;
  }
  .image-toggle-section{padding: 0;}
  .mainTabs .componentContainer{padding-top: 0 !important;}
  .bannerClients.alternate {bottom: 60px;}
  .lottie-animation{width: 80%;}
  .bg_shadow {
    left: -200px;
    top: -60px;
  }
  .slider_img img{
    width: 60%;
  }
  .slider_img{
    margin-bottom: -5%;
    margin-left: 40%;
  }
  .stat-box {
    width: 100% !important;
    max-width:100%;
    height: auto;
    transform: translate(0px) !important;
    scale: none !important;
  }
  .servicing-banner.home-banner.main-b .banner_headlines h1 {
    display: block !important;
    font-size: 25px !important;
  }
  .bg-shadow_full::before{top: -33px;    width: 100vw; min-height: 100vh;}
  .lottie-animation2{width: 35% !important;}
  .top-button-slot .lottie-animation2{width: 100px !important; height: 100px !important;} 
  .top-button-slot{
    margin-top: 30vh;
  }
  .accordion-section .description .headlines h2, 
  .description.slider .headlines h2, 
  .innovation-section .headlines h2{
    font-size: 25px !important;
  }
  .testimonial-section{padding: 0 !important;}
  .tab_toggle{top: -30px !important;}
  .description.slider .headlines h2 {margin-top: 0;}
  /* section.product_slider_main { padding: 0px 0 50px 0; margin-bottom: 20px;} */
  .bg_shadow {
    display: none !important;
    left: -200px; top: -10px;}
  .product_text {height: 230px;}
  .swiper.retail-slider .swiper-pagination { bottom: 45px !important;}

  .headlines.pb-0.text-start{
    width:100% !important;
  }
  .services_trans {
    padding: 30px 0;}
  .stat-box h2 {
    font-size: 30px !important;
  }
  .stat-box p{
    font-size: 16px !important;
  }
  .experience-section{
    position: relative;
    padding: 0 !important;
    margin-top: 0 !important;
  }
  .product_img_lines img {
    margin-top: -18vh;
  }
  .experience-section .description {
    margin-top: -8vh !important;
  }
  .newsletter-form {
    align-items: normal;
  }
  .newsletter-form form{
    display: block;
  }
  .actions {
    margin-top: 5%;
    justify-content: flex-start;
  }
  .newsletter-form form .hs-button{  width: 130px;}
  .quotationcls.quotationBg .quotetxt{padding-left: 12px;}
  .quotationcls.quotationBg .quoteimg{width: 55px; padding-left: 10px; ;}
  .quotationBg .quotewriter {text-align: right;font-size: 14px;}
  .quotationBg .writer-name { font-size: 18px;}
  .artboxnumb {font-size: 30px;}

}
@media (min-width: 430px) and (max-width: 500px) {
  .modal-content {
    width: 100%;
    height: 43vh;
}

  .banner_headlines {
    padding-top: 0px;
    padding-bottom: 0px;
    top: -25vw;
  }
  .services_box{text-align: center !important;}
  .product_services-list .services_list ul li {
    width: 100%;
    padding: 15px 20px 15px 20px;
  }
  .product_services-list .services_list span{margin: auto;}
  .text-container .headlines p {line-height: 25px;}
  .text-container h3 {
    margin-bottom: 0px;
    margin-top: 15px;
}
  .banner_cta {
    margin-top: 15px;
  }
  .bannerClients {
    margin: 45px 0;
  }
  .slide{
    min-width: 100px;
  }
  .headlines {
    padding-bottom: 20px;
  }
  .stats {
    margin-bottom: 40px;
  }
  .mark_img {
    width: 100% !important;
  }
  .mark_img svg {
    width: 390px !important;
    height: 390px !important;
  }
  .description h2, .why-netsol .description h2 {font-size:20px !important;width: 100% !important;}
  .services_trans.inner_services.stat .description h2{
    padding: 40px 40px 0 40px;
  }
  .aiSection h2 {
    padding: 15px 0 !important;
    font-size: 20px !important;
    line-height: 36px !important;
  }
  .review h5{
    font-size: 20px !important;
  }
  .servicing_text .headlines h2 {
    font-size: 20px;
  }
  .servicing_text {
    width: 100%;
    margin: 0 auto;
  }
  .tabsStyle3 .nav-tabs {
    width: 100%;
  }
  .image img{
    width: 60% !important;
    display: block;
    margin: auto;
  }
  button.play_icon {
    position: absolute;
    background: none;
    border: none;
    right: 28%;
    bottom: 12%;
  }
  .servicing-banner.home-banner.main-b .banner_headlines {
    line-height: 36px;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 430px) {
  .modal-content {
    width: 100%;
    height: 43vh;
}
.home-banner.main-b .btn_custom.btn_about {
  padding: 8px 28px;
}
  .banner_headlines {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .Banner.servicing-banner.home-banner.main-b .hm_banner {
    height: 50vw;
    min-height: 80vh !important;
  }
  .why-netsol.accordion_data .description h2{font-size: 20px;}
  .servicing-banner.home-banner.main-b.endSec .banner_headlines {
    top: 5vh !important;
  }
  .servicing-banner.home-banner.main-b .banner_headlines h1 {
    display: block !important;
    font-size: 25px !important;
  }
  .description h2, .why-netsol .description h2 {font-size:20px !important;width: 100% !important;}
  .product_services-list .services_list ul li {
    width: 100%;
    padding: 15px 20px 15px 20px;
  }
  .product_services-list .services_list span{margin: auto;}
  .services_box{text-align: center !important;}
  .banner_cta {
    margin-top: 15px;
  }
  .bannerClients {
    margin: 45px 0;
  }
  .slide{
    min-width: 100px;
  }
  .headlines {
    padding-bottom: 20px;
  }
  .stats {
    margin-bottom: 40px;
  }
  .tabsStyle3 .nav-tabs {
    width: 100%;
  }
  .tabsStyle3 .nav-fill .nav-item {
    width: 100%;
  }
  .tabsStyle3 .nav-tabs .nav-link {
    width: 100%;
    margin-bottom: 13px;
  }
  .tabsStyle3 .nav-fill .nav-item:nth-child(4), .tabsStyle3 .nav-fill .nav-item:nth-child(5) {
    text-align: center;
    margin-top: 0;
  }
.background-Image{
  background-position: right;
}
.text-container .headlines p {
  line-height: 25px;
}
.text-container h3 {
  margin-bottom: 0px;
  margin-top: 15px;
}
.text-container p {
  font-size: 14px !important;
  margin-bottom: 20px;
}
.booking-activation-section{padding: 0;}
.mobile-slider .swiper-button-prev, .swiper-rtl .swiper-button-next {
  position: relative;
  margin-top: 4% !important;
}
button.play_icon {
  position: absolute;
  background: none;
  border: none;
  right: 28%;
  bottom: 12%;
}
.hubspotform{margin-top: 14px;}
.servicing-banner.home-banner.main-b .banner_headlines {
  line-height: 36px;
  margin-top: 30px;
  top: 5vh !important;
}
.image-toggle-section .accordion-title, .accordion-section .description .headlines .content-header h2{font-size: 18px !important;}
}
@media (min-width:400px) and (max-width: 420px) {
  .servicing-banner.home-banner.main-b .banner_headlines {
    line-height: 36px;
    margin-top: 0;
  }
}
@media only screen and (max-width: 415px) {
  .servicing-banner.home-banner.main-b .banner_headlines h1 {
    font-size: 22px !important;
  }
  .servicing-banner.home-banner .banner_headlines h5 {margin-top: 10px;}
}
@media only screen and (max-width: 400px) {
  .modal-content {
    width: 100%;
    height: 45vh;
}
.Banner.servicing-banner.home-banner.main-b .hm_banner, .servicing-banner.home-banner.main-b.endSec .hm_banner {
  height: 50vw;
  min-height: 115vh !important;
}
 .mark_img{margin-right: 5%;}
 .servicing-banner.home-banner.main-b.endSec .banner_headlines {
  top: -25vh;
}
}
@media only screen and (max-width: 390px) {  
  .modal-content {
    width: 100%;
    height: 40vh;
}    
  a.btn_custom.mob-btn {
  width: 200px;
  display: block;
  margin: auto;
  margin-top: 3%;
}
.home-banner.main-b a.btn_custom.mob-btn {
  width: auto;
}

.servicing-banner.home-banner .banner_headlines {  margin-top: 0 !important;}
.servicing-banner.home-banner .banner_headlines h1{padding-bottom: 0;}
}
@media only screen and (max-width: 320px) {
   

  .mobile-clients-container{
    margin-top: 100px;
  }
  .servicing-banner.home-banner .banner_headlines {
    top: -27vh;
  }
}
@media only screen and (max-width: 375px) {
  .hm_banner {
    width: 100%;
    position: relative;
    color: var(--white);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    height: 50vw;
    overflow: hidden;
  }
  .servicing-banner.home-banner.main-b.endSec .hm_banner {
    height: 55vh !important;
    min-height: 50vh !important;
  }
  .servicing-banner.home-banner.main-b.endSec .banner_headlines {
    margin-top: 22px !important;
  }
  .servicing-banner.home-banner .banner_headlines h5 {
    margin-top: 12px;
  }
  .servicing-banner.home-banner.main-b.endSec .banner_headlines h1 {padding-bottom: 0px;}
  .banner_cta {
    margin-top: -15px;
  }
}
 @media (device-width: 375px) {
  #mob-height{
    min-height: 210w !important;
  }} 
 @media (device-width: 360px) {
  #mob-height{
    min-height: 210vw !important;
  }} 
   /* @media (device-width: 412px) {
  #mob-height{
    min-height: 200vw !important;
  }}  */
@media (device-width: 390px) {
  #mob-height{
    min-height: 240vw !important;
  }
      .bannerClients {
        margin: 87px 0;
    }
  .hm_banner {
    width: 100%;
    position: relative;
    color: var(--white);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    height: 50vw;
    overflow: hidden;
  }
  .servicing-banner.home-banner.main-b.endSec .hm_banner {
    height: 60vh !important;
    min-height: 50vh !important;
  }
  .servicing-banner.home-banner.main-b.endSec .banner_headlines {
    top: 0vh !important;
    margin-top: 22px !important;
  }
  .servicing-banner.home-banner .banner_headlines h5 {
    margin-top: 12px;
  }
  .servicing-banner.home-banner.main-b.endSec .banner_headlines h1 {padding-bottom: 0px;}
}
@media (device-width: 360px) {
  .hm_banner {
    width: 100%;
    position: relative;
    color: var(--white);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    height: 50vw;
    overflow: hidden;
  }
}
@media (device-width: 768px) {
.servicing-banner.home-banner .banner_headlines h1 {
  background: transparent;
  color: var(--black);
  font-family: var(--PoppinsMedium);
  font-size: 36px;
  font-weight: 500;
  letter-spacing: -2.2px;
  line-height: 1.2em;
  padding-bottom: 15px;
  text-transform: none;
}
.hubspotform {
  background: #fff;
  padding: 33px;
  border-radius: 20px;
  margin: 42px 16px;
  box-shadow: 11px 11px 24px #8080805e;
  width: 100%;
}

}
@media (device-width: 820px) {
.servicing-banner.home-banner .banner_headlines h1 {
  background: transparent;
  color: var(--black);
  font-family: var(--PoppinsMedium);
  font-size: 30px;
  font-weight: 500;
  letter-spacing: -2.2px;
  line-height: 1.2em;
  padding-bottom: 15px;
  text-transform: none;
}
.hubspotform {
  background: #fff;
  padding: 33px;
  border-radius: 20px;
  margin: 42px 16px;
  box-shadow: 11px 11px 24px #8080805e;
  width: 347px;
}

}
@media (device-width: 912px) {
.servicing-banner.home-banner .banner_headlines h1 {
  background: transparent;
  color: var(--black);
  font-family: var(--PoppinsMedium);
  font-size: 38px;
  font-weight: 500;
  letter-spacing: -2.2px;
  line-height: 1.2em;
  padding-bottom: 15px;
  text-transform: none;
}
.hubspotform {
  background: #fff;
  padding: 33px;
  border-radius: 20px;
  margin: 42px 16px;
  box-shadow: 11px 11px 24px #8080805e;
  width: 347px;
}}
@media only screen and (max-width: 568px) {
  .bannerClients.alternate {
      bottom: 0 !important;
  }
}