/* === Navigation Styles === */
/* === Desktop Nav === */
@media all and (min-width: 951px) { 
/* .nav {background: #ffffff; } */
.menu [aria-haspopup="true"] ~ ul { display: none;}
.menu-bar > li > [aria-haspopup="true"]:after {content: "\f347"; font-family: "dashicons"; }
.menu-bar > li > [aria-haspopup="true"]:hover:after,
.mega-menu--multiLevel li.multilevel-active > a:after, .menu-link[aria-haspopup="true"]:hover:after {color: #4a4a4a; -webkit-transform:translateY(-50%) rotate(-180deg); -moz-transform:translateY(-50%) rotate(-180deg); -o-transform:translateY(-50%) rotate(-180deg); -ms-transform:translateY(-50%) rotate(-180deg); transform:translateY(-50%) rotate(-180deg); transition: all 0.4s ease-in-out 0s; }
.menu-bar > li > [aria-haspopup="true"] ~ ul:hover {display: flex; }
.menu-bar > li:hover > [aria-haspopup="true"] ~ ul { display: flex; transition: all .3s ease;}
.menu-bar > li > [aria-haspopup="true"]:focus,
.menu-bar > li:hover > [aria-haspopup="true"],
.menu-bar > li:hover > a {border-bottom: none; color: #4a4a4a; }
.menu-bar > li:hover > [aria-haspopup="true"]:after, 
.menu-bar > li:hover > a:after { -webkit-transform:translateY(-50%) rotate(-180deg); -moz-transform:translateY(-50%) rotate(-180deg); -o-transform:translateY(-50%) rotate(-180deg); -ms-transform:translateY(-50%) rotate(-180deg); transform:translateY(-50%) rotate(-180deg); transition: all 0.4s ease-in-out 0s;}
.menu-bar > li:hover > a:before {animation: flyout 0.4s ease-out; content: ''; position: absolute; width: 100%; height: 2.5px; background: #0099c4; bottom: 0; left: 0; right: 0;}
.mega-menu { position: absolute; left: 0;right: 0;width: 100%;margin: 0 auto; box-shadow: 0 8px 12px rgb(0 0 0 / 15%); min-height: 350px; padding:20px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;
}
.mega-menu:hover { display: flex; }
.mega-menu--multiLevel > li {width: 32.75%; background: #fff; }
.mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul {left: 33.33333333%; width:66.666667%;background: #fafafa;border-left: 1px solid #e7e7e7; padding: 1.5%; }
.mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul ul { width: 100%;left: 100%; }
.mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul, .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul { display: block; transform-origin: left;animation: flyout 0.2s ease-out;}
.mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul,
.mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul {display: block; }
.mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul li, 
.mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul li{ display: inline-block; width: 49%; }
.mega-menu--multiLevel li:hover > [aria-haspopup="true"],
.mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"],
.mega-menu--multiLevel li:hover > a,
.mega-menu--multiLevel li.multilevel-active > a { background: #e7f4f8; }
.mega-menu--multiLevel li:hover > a i,.mega-menu--multiLevel li.multilevel-active > a i{background-image: linear-gradient(to bottom right, #00d1cf, #0099c4)}
.mega-menu--multiLevel [aria-haspopup="true"] ~ ul,
.mega-menu--multiLevel [aria-haspopup="true"] {border-left: none;}
.mega-menu--multiLevel [aria-haspopup="true"] ~ ul:hover,
.mega-menu--multiLevel [aria-haspopup="true"]:hover { display: block; }
.mega-menu--multiLevel [aria-haspopup="true"] ~ ul { position: absolute; top: 0; height: 100%; }
.mega-menu--flat > * { flex: 1;}
.mobile-menu-trigger,.mobile-menu-header, .mobile-menu-back-item { display: none; }
.menu-bar .btn-close { display: none;}

}

/* === Mobile Nav === */
@media all and (max-width: 950px) {
.menu-bar .btn-close { display: block; width: 20px; height: 20px; right: 8px; top: 15px; position: absolute; font-style: normal; }
.nav { padding:12px 0; }
.mega-level-2 figcaption { width: 70%; padding-left: 10px;}
.mega-level-2 figcaption strong { margin-bottom: 2px;}
.mega-level-2 figcaption span { font-size: 11px;}
.mobile-menu-trigger,.mobile-menu-header,.mobile-menu-back-item { display: block; }
.mobile-menu-trigger { text-align: center; width: 34px; height: 34px; line-height: 34px; position: relative; background: none; border: 0; }
.mobile-menu-trigger::after { content: "\f333"; font-family: "dashicons";font-size: 2.3rem; color: #6d6c6c;padding: 0;position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.mobile-menu-header { order: -1; background: #fafafa; padding: 10px 0; }
.mobile-menu-header a{padding: 10px 20px;color: #547079; font-size: 13px; font-family:"OpenSans-SmiBold";visibility: visible; }
.mobile-menu-back-link:focus .mobile-menu-trigger ~ ul {left: 0; }
.menu-bar { flex-direction: column;position: fixed;top: 0; left: -110%;height: 100vh;width: 350px; max-width: 350px;max-width: 95%; overflow-x: hidden; transition: left 0.3s;box-shadow:4px 0px 30px 0px rgb(0 0 0 / 40%); justify-content: flex-start; z-index: 999; }
.menu-bar > li > [aria-haspopup="true"] ~ ul { display: flex; flex-direction: column;background: #ffffff;position: absolute;left: 100%;top: 0; max-height: 100vh; min-height: 90vh;width: 100%;transition: left 0.3s; }
.menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] { font-size: 1.2em; border-bottom: 1px solid #e7e7e7; }
.menu-bar > li > [aria-haspopup="true"] ~ ul > li:nth-child(2) > [aria-haspopup="true"] { border-bottom: none; }
.menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul a { padding: 10px 20px 10px 40px; }
.menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul a { padding-left: 80px; }
.menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:after { content: "\f217"; font-family: "Ionicons"; font-size: .8rem; color: #6d6c6c; background: none; height: 20px; line-height: 1; right: 15px; top: 33px; }
.menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:focus:after {content: "\f208";}
.menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul { max-height: 0px;transform-origin: top;transform: scaleY(0);transition: max-height 0.1s; }
.menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul span { display: none;}
.menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul strong em { font-family: "OpenSans-Light"; font-size: 10px;}
.mega-menu-content {padding: 20px 25px;}
.mobile-menu-back-item { order: -1; }
.mobile-menu-back-item a {padding: 20px;color: #547079; font-size: 13px; font-family:"OpenSans-SmiBold";background: #fafafa; max-height: calc(1.4em + 40px); margin-top: calc(0px - (1.4em + 40px)); pointer-events: none; }
.mobile-menu-back-item a:before { content: "\f124"; font-family: "Ionicons"; font-size: 1rem;color: #6d6c6c; width: 14px; height: 14px; line-height: 14px; margin-right: 10px; display: inline-block; vertical-align: middle; }
.mobile-menu-trigger:focus ~ ul {left: 0; }
.menu-bar:hover, .menu-bar:hover {left: 0; }
.menu-bar > li > [aria-haspopup="true"] ~ ul {margin-top: calc(1.4em + 36px); }
.menu-bar > li > [aria-haspopup="true"] ~ ul:hover,
.menu-bar > li > [aria-haspopup="true"] ~ ul:hover { left: 0; }
.menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:focus ~ ul {max-height: 500px; animation: dropdown 0.3s forwards; }
.menu-bar > li > [aria-haspopup="true"] ~ ul li:hover > [aria-haspopup="true"] ~ ul { max-height: 562px; transform: scaleY(1); background: #fafafa; padding: 10px 0 20px; overflow-y: auto; }
.menu-bar > li:hover ~ .mobile-menu-header a { visibility: hidden; }
}

@media all and (max-width: 959px) and (hover: none) {
.mobile-menu-trigger:hover ~ ul { left: 0; }
.menu-bar > li > [aria-haspopup="true"]:hover ~ ul { left: 0; }
.menu-bar > li > [aria-haspopup="true"] ~ ul:hover { left: 0; }
.menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:hover ~ ul {max-height: 500px;animation: dropdown 0.3s forwards; }
.menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul:hover {max-height: 500px; transform: scaleY(1); }
.menu-bar > li:hover ~ .mobile-menu-header a { visibility: hidden; }
.normal-dropdown .mega-menu--flat {transform: translateX(0px);}
.normal-dropdown { position: initial;}
}
/* === Navigation Styles Ends === */


/* === iPad Responsiveness === */
@media only screen and (min-device-width: 1120px) and (max-device-width: 1366px) {
  .products-nav .mega-menu { min-height: 390px;}
  .case-studies-nav .mega-menu { min-height: 440px;}
  .case-studies-nav .menu-list .mega-level-2 figcaption { width: 100%; padding: 0 18px 0 0;}
  .inner-banner.sp-pages .banner-content, .inner-banner.sp-pages.ourteam .banner-content { padding: 50px 100px 0 20px;}
  .vrshroom #product-nav .menu{ width: 78%;}
  .sp-sec-two .banner-content { padding: 50px 20px 0 120px;}
  .inner-banner .banner-content { padding: 50px 0 0 20px;}
  .signup-container .signup-img { bottom: -140px;}
  .products-listing .product-item { width:348px }
  .cs-grid .cs1 { height: 658px }
  .case-studies-nav .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul li, .case-studies-nav .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul li { width: 32% }
  .casestudy-content .right-column { margin-left: 30px }
  .endorse .badges { padding: 20px 50px 0}
  .endorse .badges li { padding: 20px }
  .iso-mark { width: 120px;}
  #product-nav .menu > ul > li > ul > li > ul { min-height: 208px;}
  #review-slider .card { height: 340px;}
  .products-listing .product-item { height: 470px;}
  .casestudy-content .right-column .glance-list { border-radius: 0; margin-bottom: 30px;}
  .casestudy-content .right-column .glance-list { padding-top: 0;}
  .casestudy-content .right-column .glance-list li:first-child { padding-left: 0;}
  .casestudy-content .right-column .glance-list li:last-child { padding-right: 0;}
  .casestudy-content .right-column  .glance-list li p { font-size: 11px;}
  figure.customer-slide-img i.customer-logo { width: 250px; padding: 25px 50px 0px 0;}
  .case-study-content { padding-top: 5px;}
  .case-study-content h2 { margin-bottom: 20px;}
  .portfolio-wrapper:last-child { padding-bottom: 0;}
  .logo-grid { padding: 40px 0 0;}
  .portfolio-wrapper { padding: 60px}
}

@media only screen and (min-width:1025px) and (max-width:1199px){
  
  ul.menu {width: calc(100% - 40px); background: none;}
  .navbar.scrolling ul.menu, .navbar.scrolling .menu-bar, .navbar.scrolling  nav { background: none !important;}
  .navbar.scrolling .menu-link, .navbar.scrolling .menu-bar > li > [aria-haspopup="true"]:focus,
  .navbar.scrolling .menu-bar > li:hover > [aria-haspopup="true"], .scrolling .menu-bar > li:hover > a { color: #fff }
  .navbar.scrolling .menu-bar > li > [aria-haspopup="true"]:hover:after{ color: #fff;}
  .navbar.scrolling .menu-bar > li > [aria-haspopup="true"]:after{ color: #fff;}
  .navbar.scrolled { background: #ffffff; box-shadow: 0 5px 14px 0 rgb(0 0 0 / 7%); transition: ease all 2s; }
  .navbar.scrolled .menu-link, .navbar.scrolled .menu-link[aria-haspopup="true"]:after , .navbar.scrolled .menu-bar > li > [aria-haspopup="true"]:focus, .navbar.scrolled .menu-bar > li:hover > [aria-haspopup="true"], .navbar.scrolled .menu-bar > li:hover > a, .navbar.scrolled .menu-bar > li > [aria-haspopup="true"]:after, .navbar.scrolled .menu-bar > li > [aria-haspopup="true"]:hover:after { color: #4a4a4a;}
  .navbar.scrolling .mega-menu--flat .menu-link{ color: #4a4a4a;}

  .scrolling2 { background:#fff; }
  .scrolling2 .menu-bar, .scrolling2 .nav { background:#fff; }
  .scrolling2 .menu-link, .scrolling2 .menu-bar > li > [aria-haspopup="true"]:focus,
  .scrolling2 .menu-bar > li:hover > [aria-haspopup="true"], .scrolling2 .menu-bar > li:hover > a { color: #4a4a4a }
  .scrolling2 .menu-bar > li > [aria-haspopup="true"]:hover:after{ color: #4a4a4a;}
  .scrolling2 .menu-bar > li > [aria-haspopup="true"]:after{ color: #4a4a4a;}
  .wfxprd-nav .menu-link { font-size: 13px; padding: 14px 20px; color: #5d5d5f;}
  .wfxprd-nav .menu-link[aria-haspopup="true"]:after { right: 4px; color: #5d5d5f;}

  .navbar li.case-studies-nav .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul li, .navbar li.case-studies-nav .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul li { display: inline-flex; width: 32.5%;}
  .navbar li.case-studies-nav .mega-menu--multiLevel .menu-link { padding: 18px 0 18px 20px;}
  .navbar li.case-studies-nav .menu-list figcaption span{ padding-top: 8px;}
  .navbar li.case-studies-nav .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul li:last-child, .navbar li.case-studies-nav .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul li:last-child { display: block; width: 100%; text-align: right; padding-top: 20px; border-top: 1px solid #e7e7e7;}
  .navbar li.case-studies-nav .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul li:last-child .menu-link, .navbar li.case-studies-nav .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul li:last-child .menu-link{ padding: 0; margin-right: 30px; display: inline-block;}
  .navbar li.case-studies-nav .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul li:last-child .menu-link figcaption, .navbar li.case-studies-nav .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul li:last-child .menu-link figcaption { width: 90%;}
  .navbar li.case-studies-nav .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul li:last-child .menu-link, .navbar li.case-studies-nav .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul li:last-child .menu-link { background: none;}

  .navbar li.case-studies-nav .mega-menu { min-height: 395px;}

  .navbar li.case-studies-nav .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul li:last-child .menu-link figcaption { width: 100%;}


}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
  
  ul.menu {width: calc(100% - 40px); background: none;}
  .navbar.scrolling ul.menu, .navbar.scrolling .menu-bar, .navbar.scrolling  nav { background: none !important;}
  .navbar.scrolling .menu-link, .navbar.scrolling .menu-bar > li > [aria-haspopup="true"]:focus,
  .navbar.scrolling .menu-bar > li:hover > [aria-haspopup="true"], .scrolling .menu-bar > li:hover > a { color: #fff }
  .navbar.scrolling .menu-bar > li > [aria-haspopup="true"]:hover:after{ color: #fff;}
  .navbar.scrolling .menu-bar > li > [aria-haspopup="true"]:after{ color: #fff;}
  .navbar.scrolled { background: #ffffff; box-shadow: 0 5px 14px 0 rgb(0 0 0 / 7%); transition: ease all 2s; }
  .navbar.scrolled .menu-link, .navbar.scrolled .menu-link[aria-haspopup="true"]:after , .navbar.scrolled .menu-bar > li > [aria-haspopup="true"]:focus, .navbar.scrolled .menu-bar > li:hover > [aria-haspopup="true"], .navbar.scrolled .menu-bar > li:hover > a, .navbar.scrolled .menu-bar > li > [aria-haspopup="true"]:after, .navbar.scrolled .menu-bar > li > [aria-haspopup="true"]:hover:after { color: #4a4a4a;}
  .navbar.scrolling .menu-link[aria-haspopup="true"]:after { right: 4px; color: #5d5d5f;}
  .navbar.scrolling .mega-menu--flat .menu-link{ color: #4a4a4a;}

  .scrolling2 { background:#fff; }
  .scrolling2 .menu-bar, .scrolling2 .nav { background:#fff; }
  .scrolling2 .menu-link, .scrolling2 .menu-bar > li > [aria-haspopup="true"]:focus,
  .scrolling2 .menu-bar > li:hover > [aria-haspopup="true"], .scrolling2 .menu-bar > li:hover > a { color: #4a4a4a }
  .scrolling2 .menu-bar > li > [aria-haspopup="true"]:hover:after{ color: #4a4a4a;}
  .scrolling2 .menu-bar > li > [aria-haspopup="true"]:after{ color: #4a4a4a;}
  .wfxprd-nav .menu-link { font-size: 13px; padding: 14px 20px; color: #5d5d5f;}
  .wfxprd-nav .menu-link[aria-haspopup="true"]:after { right: 4px; color: #5d5d5f;}

  .navbar li.case-studies-nav .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul li, .navbar li.case-studies-nav .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul li { display: inline-flex; width: 32.5%;}
  .navbar li.case-studies-nav .mega-menu--multiLevel .menu-link { padding: 18px 0 18px 20px;}
  .navbar li.case-studies-nav .menu-list figcaption span{ padding-top: 8px;}
  .navbar li.case-studies-nav .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul li:last-child, .navbar li.case-studies-nav .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul li:last-child { display: block; width: 100%; text-align: right; padding-top: 5px; border-top: 1px solid #e7e7e7;}
  .navbar li.case-studies-nav .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul li:last-child .menu-link, .navbar li.case-studies-nav .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul li:last-child .menu-link{ padding: 0; margin-right: 30px; display: inline-block;}
  .navbar li.case-studies-nav .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul li:last-child .menu-link figcaption, .navbar li.case-studies-nav .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul li:last-child .menu-link figcaption { width: 90%;}
  .navbar li.case-studies-nav .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul li:last-child .menu-link, .navbar li.case-studies-nav .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul li:last-child .menu-link { background: none;}

  .navbar li.case-studies-nav .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul li:last-child .menu-link figcaption { width: 100%;}

  .navbar li.case-studies-nav .mega-menu { min-height: 408px;}

  .wfx-products .products-listing .product-item { width: 308px;}
  .client-case-studies .cs-grid .cs1 { height: 590px;}
  .cs-grid .cs-img.small-column figcaption { padding: 0 40px 12px 40px;}

  #product-nav .menu { width: 80%;}

  .vector-card .card-item { min-height: 520px;}
  #review-slider .card { height: 384px;}

  .inner-banner { padding-top:34px;}
  .inner-banner, .feature, .inner-banner.sp-pages.ourteam .banner-content, .inner-banner.sp-pages .banner-content, .inner-banner.sp-pages.about .banner-content  { padding-top: 30px;}
  .inner-banner, .feature, .inner-banner.sp-pages.ourteam .banner-content, .inner-banner.sp-pages .banner-content, .inner-banner.sp-pages.about .banner-content  { text-align: left !important;}

  .inner-banner h1, .inner-banner span { padding: 20px 0 0 !important;}
  .inner-banner figure, .sp-sec-two figure, .about-office2 { width: 100% !important;}

  .glance-list li { padding: 0 25px;}

  .plm-steps .tab-content>.tab-pane { height: auto !important;}
  .portfolio-grid .feature-flex .col-lg-7, .feature-flex .col-lg-5, .feature-flex2 .col-lg-5 {order:2 !important;}
  .portfolio-grid .feature-flex .col-lg-5, .feature-flex .col-lg-7, .feature-flex2 .col-lg-7{order:1 !important;}

  .inner-banner span.tag { padding: 10px 50px;}
  .highlight-numbers .glance-list { text-align: center;}
  
  .portfolio-wrapper { padding: 60px 40px;}
  ul.circles { padding: 0px 150px ;}

}

@media all and (min-width:801px) and (max-width:992px){
  .navbar-brand { display: block;}
  .menu {width: calc(100% - 40px); background: none;}
  .products-listing .product-item { width: 376px;}  
  .feature-flex { display: inline-flex;}
  #product-nav .menu { width: 80%; display: block !important;}
  .inner-banner .mob-product-nav { display: none !important;}
  
  .vector-card .card-item { min-height: 520px;}
  #review-slider .card { height: 384px;}

}

@media all and (min-width:769px) and (max-width:800px){

  #product-nav .menu { width: 80%; display: block !important;}
  .inner-banner .mob-product-nav { display: none !important;}
  
  .vector-card .card-item { min-height: 520px;}
  #review-slider .card { height: 384px;}
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.navbar-brand { display: block;}
.PageBackToWork-heading span { font-size: 62px;}
.menu { width: 100%;}
.menu-bar > li > [aria-haspopup="true"] ~ ul li:hover > [aria-haspopup="true"] ~ ul { max-height: 790px;}
.cs-grid .cs1 { height: auto;}
.two-blocks .lists ul { padding: 0; }
.two-blocks .lists li { display: inline-block; padding: 25px;}
.demo-topbtn { text-align: right;}
.slide-content {padding: 40px }
#client-logo-slide .carousel-inner .col-md-2 { width: 25.666667%; display: inline-block;}
 .index-banner-text { padding: 60px 0;}
.logo-grid { padding: 40px 0 0;}
.casestudy-slider .carousel-indicators { margin: 0 auto -56px; justify-content: center;}
.inner-banner.casestudy-slider { padding: 30px 0 80px;}
.inner-banner.casestudy-slider figure { width: 86%;}
.casestudy-slider .slide-content h2 { height: auto;}
.slide-content .button-container { display: block;}
.inner-banner.contact-us h1{ margin-bottom: 0;}
.inner-banner .banner-content { padding:0}
.products-caption { padding: 0 15px; text-align: left;}
.products-listing .product-item { width: 352px; margin-top: 30px;}
.leading-business h2 { padding: 0 80px;}
.leading-companyies li, .leading-companyies li img { height: auto;}
.plm-banner-text { text-align:left; padding: 40px 0 0;}
.inner-banner .plm-banner-text h1, .inner-banner .plm-banner-text span { padding: 20px 0px 0 20px; margin: 0;}
.plm-banner-text a.btn-primary { margin-left: 20px;}
.inner-banner figure.plm-collage { padding: 0; width: 100%;}
.vector-card .card-item { text-align: center; min-height: auto; margin-bottom: 20px;}
.vector-card li { margin-bottom: 0;}
.stars { width: 38px; height: 38px;}
.plm-industries .carousel-item > div { padding: 5px;}
.plm-industries span { font-size: 16px; padding-left: 25px;}
.plm-industries .pattern-circle-blk { width: 72px; left: 0; top: -26px;}
#review-slider .card { height: 422px;}
#review-slider .card { margin: 0 5px;}
#review-slider .card .person-detail { display: inline-grid;}
#review-slider .card figcaption { font-size: 13px;}
#video-reviews video, #video-reviews iframe { height: 384px;}
#video-reviews .carousel-control-prev, #sc-brands .carousel-control-prev, #sc-manufacturers .carousel-control-prev{ left: 0%; }
#video-reviews .carousel-control-next, #sc-brands .carousel-control-next, #sc-manufacturers .carousel-control-next { right: 0%; }
.endorse { padding: 60px 0;}
.endorse .badges { padding: 0;}
.endorse .badges li { padding:10px;}
#demo-form .form-container { width: 62%;}
#demo-form .form-container .form-select { margin-bottom: 1rem;}
.inner-banner h1, .inner-banner span{ padding: 20px 50px 0;}
.inner-banner, .feature { text-align:center;}
ul.inline-nav, ul.mob-accord-nav { text-align:left;}
.inner-banner.sp-pages .banner-content, .inner-banner.sp-pages.ourteam .banner-content, .sp-sec-two .banner-content { padding: 0;}
.curved-img .pattern-circle-blk, .sp-sec-two .curved-img .pattern-circle-blk {top: -20px;right: 0; left: initial;}
.curved-img .pattern-shape-blk, .sp-sec-two .curved-img .pattern-shape-blk { bottom: 10px; left: 30px; }
.inner-banner.about::after, .inner-banner.sp-pages::after, .sp-sec-two::after { display: none; left: 0;bottom: 0;right: 0; width: 100%;height: 20%; top: inherit; }
.curved-img .img-block2 { border-bottom-left-radius: 90px !important; border-radius: 10px;}
.inner-banner.about h1, .inner-banner.sp-pages .banner-content h1, .sp-sec-two h1, .inner-banner.sp-pages .banner-content p, .sp-sec-two p { padding: 12px;}
.inner-banner span.category-title { font-size: 22px; margin-top:0;}
.num-highlights {margin: 30px 0 0;}
.highlight-numbers .glance-list { margin: 40px 40px 0; float: inherit;}
.highlight-numbers .glance-list li { padding: 0 30px;}
.inner-banner span.tag { padding: 10px 50px;}
.slide-content .button-container { margin: 0;}
.employee-say { padding: 60px 0 0;}
.what-aspire { padding: 60px 0;}
.divider { display: none;}
.inner-banner figure, .sp-sec-two figure, .about-office2 { width: 62%; margin-left:auto; margin-right: auto;}
.backstory { padding: 0;}
.about-office2 { margin-top:60px;}
.integration-logo { padding: 60px 0 30px;}
.connectors-list { padding:0;}
.connectors-list .cnctr-item { width: 47%; height: 330px; display: inline-block; padding: 10px;margin: 10px; vertical-align: top;}
.connectors-list figure { width:220px; padding-left: 30px; border-right: 0;}
.connectors-list figcaption { padding-left:30px;}
.company-column { text-align: center;}
footer a.bottom-logo, .iso-mark { margin: 0 auto;}
.iso-mark img { height: 62px;} 
#download-story-desk { display: none;}
.casestudy-content .left-column .form { display: block; margin-top: 70px;}
.case-study-banner .case-study-image figure { text-align: center; margin: 40px auto 0 ;}
.case-study-banner .case-study-image figure::after { display: none;}
.case-study-image .customer-logo { left: 0; right: 0; margin: 0 auto; top: inherit; bottom: 40px; background: rgb(0 0 0 / 30%)}

}


/* === iPad Responsiveness Ends === */

/* === Mobile Responsive === */
@media only screen and (max-device-width: 959px) {
br { display: none;}
.navbar.scrolled .mobile-menu-trigger::after{ color: #6d6c6c}
.stars { width: 32px;}
.features-mid-testi .stars { top: 18px;}
.menu-container { width: 100%; }
.menu-container .menu{ display:inline-block;}
.menu-mobile { display: block; float: right; padding:0 0 0 20px; }
.menu-dropdown-icon:before { display: block;padding: 1em }
.navbar { position: relative}
.scrolling { position: fixed;}
.scrolling .menu-bar > li > [aria-haspopup="true"]:after { color: #4a4a4a;}
.scrolling.bg-transparent { position: relative;}
.theme-bg .scrolling.bg-transparent .mobile-menu-header a {color: #547079 !important;}
.menu > ul { display: none; width:100%; position:absolute; top: 100%; left: 0; right: 0px; margin: 0 auto;}
.menu > ul > li { width: 100%; float: none; display: block; }
.menu > ul > li a { padding: 1em; width: 100%; display: block; }
.menu > ul > li > ul { position: relative; padding: 0 12px; box-shadow:none; }
.menu > ul > li > ul.normal-sub { width: 100%; padding: 0px 12px 10px 25px}
.menu > ul > li > ul > li { float: none; width: 100%; margin-top: 12px; padding: 0px; }
.menu > ul > li > ul > li:after { display:none;}
.menu > ul > li > ul.normal-sub > li a { padding: 0.2em 0; font-size: 13px;}
.menu > ul > li > ul > li:first-child { margin: 0; }
.menu > ul > li > ul > li > ul { position: relative; }
.menu > ul > li > ul > li > ul > li { float: none; }
.menu > ul > li > ul > li > ul > li i { width:34px; height:32px; line-height:inherit; }
.menu > ul > li > ul > li > ul > li span.item-title, .menu > ul > li > ul > li span.item-category { width:100% }
.menu > ul > li > ul > li > ul > li span.item-title { font-size:14px}
.menu > ul > li > ul > li > ul > li span.item-title em { display:none}
.menu .show-on-mobile { display: block; text-align: left; background:#fff; border-top:1px solid rgba(0,0,0,.02); box-shadow:0px 15px 12px -12pxrgba(0 0 0 / 12%); z-index:9}
.menu > ul > li > ul.normal-sub.resources, .menu > ul > li > ul.normal-sub.about { width: 100%; transform: translateX(0%) translateY(0%);}
.menu > ul > li > ul.solution { width: 100%; transform: translateX(-0) translateY(-0%);}
.menu > ul > li > ul.solution > li { min-height: auto;}
.case-studies-nav .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul li, .case-studies-nav .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul li { width: 48%;}
.case-studies-nav .menu-list .mega-level-2 figcaption { padding: 0; width: 100%;}
.case-studies-nav .menu-list a { padding: 10px 10px 10px 20px;}
.case-studies-nav ul.menu-list li a.menu-list-link { padding: 10px 10px 10px 20px !important}
.scrolling{ background: #fff;  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);}
.scrolling .menu-bar,.scrolling.bg-transparent .menu-bar{ background: #ffffff; }
.scrolling .mobile-menu-trigger { background: none;}
.scrolling .mobile-menu-trigger::after { color: #000;}
.scrolling .menu-link, .scrolling .menu-link[aria-haspopup="true"]:after , .scrolling .menu-bar > li > [aria-haspopup="true"]:focus,
.scrolling .menu-bar > li:hover > [aria-haspopup="true"], .scrolling .menu-bar > li:hover > a { color: inherit }
.scrolling .menu-bar > li > [aria-haspopup="true"]:hover:after, .scrolling .mega-menu--multiLevel li.multilevel-active > a:after, 
.scrolling .menu-link[aria-haspopup="true"]:hover:after { color: inherit;}
.btn-secondary { box-shadow: 1px 5px 9px 0px rgb(0 0 0 / 20%);}
.inner-banner { background: none; padding:30px 0 40px }
.inner-banner, .mob-product-nav { padding-top: 0; margin-top: 0;}
.second-nav, .demo-topbtn { display: inline-block; vertical-align:top; width: 50%}
.second-nav .category-title { line-height:32px}
#product-nav .product-menu { display: none;}
 .mob-product-nav { display: block;}
.last-testi-avtar{ padding:40px 0 0; text-align:center}
.last-testi-avtar figure { margin:10px 0 -60px 0; text-align: center}
.last-testi-copy { padding:100px 20px 40px;}
 .gradient-circle { bottom: 100px; left: -30px}
.avtar-img .double-lines {bottom: 5px; right: -27px}
 .breadcrumb { margin-top: 22px;}
 .feature-flex { justify-content: space-between; }
 .feature-flex .col-lg-6:nth-child(1) {order:2;} .feature-flex .col-lg-6:nth-child(2){order:1;}
 .feature-flex { justify-content: space-between; }
 .feature-flex .col-lg-7 {order:2;} .feature-flex .col-lg-5{order:1;}
 .feature-flex2 { justify-content: space-between; }
 .feature-flex2 .col-lg-7 {order:1;} .feature-flex2 .col-lg-5{order:2;}
 .feature-flex3 { justify-content: space-between; }
 .feature-flex3 .col-lg-8 {order:2;} .feature-flex3 .col-lg-4{order:1;}
 #client-logo-slide .carousel-inner .carousel-item.active, #client-logo-slide .carousel-inner .carousel-item-next, #client-logo-slide .carousel-inner .carousel-item-prev { display: block;}
 #sc-brands .carousel-item { height: 940px;}
 #sc-manufacturers .carousel-item { height: 1050px;}
 .plm-steps .tab-content>.tab-pane { height: 710px;}
 .contact-options ul { display: block;}
 .case-study-banner .casestudy-title { padding: 30px 60px;}
 .case-study-banner h2 { margin-bottom: 0;}
 .case-study-banner .case-study-image { padding-left: 20px;}
 .case-study-banner .case-study-image figure { display: block;}
 .casestudy-content .right-column, .casestudy-content .left-column{ margin: 0; padding: 0 30px;}
 .casestudy-content .right-column:first-child { margin:0 0 50px;}
 .casestudy-content .right-column .glance-list { display: block; border-radius: 0; text-align: center; margin-bottom: 1rem; }
 .about-casestudy { padding: 20px;}
 .casestudy-content { padding: 20px 0;}
 .casestudy-content .right-column .glance-list { padding:40px 0;}
 .sign-up { padding-top: 30px; padding-left: 0; padding-right: 0;}
.signup-logo { width: 120px;}
.signup-container { display: block; box-shadow: none; border-bottom: 0;}
.signup-container .leftcolumn, .signup-container .rightcolumn{ width: 100%;}
.signup-container .leftcolumn { display: none;}
.signup-container .rightcolumn { padding: 0;}
.signup-container .rightcolumn .form { padding: 20px;}
.signup-container .rightcolumn .form .col-lg-6 { margin-bottom: 1rem!important;}
.signup-container .rightcolumn .form .col-lg-6:nth-child(2) { margin-bottom: 0 !important;}
.signup-container .gray-logos span { width: 150px;}
.sign-up .terms-policy { border-top: 1px solid #e7e7e7; margin-top: 35px;}
.solutions .solution-item-img { padding: 0; margin: 20px 0 0;} 
.inner-banner figure, .sp-sec-two figure { padding: 20px 0 0; margin-top: 30px; margin-bottom: 0; display: block; text-align: center;}
.pattern-circle-white { width: 60px; height: 40px;}
.feature-img, .feature-flex .feature-img { margin: 20px 0 0; padding: 0;}

.artwork-collage i { bottom: -32px; left: 42px;}
.cntrlz-lbrary .rs-shape { right: 12px; left: initial;}
.cntrlz-lbrary .wave-shape { bottom: -28px; left: 42px; right: initial;}
.use-artwork .r-shape-blue { left: 32px; top: 38px;}
.use-artwork .circle-line-shape { bottom: -28px; right: 32%;}
.ai-collage i { right: 112px; bottom: -42px; left: initial;}
.simplify-data .rotated-rectangle-blue { top: 8px; right: 38px;}
.simplify-data .circle-line-shape { bottom: -22px; left: 22%;}
.prodctmaterial-collage i { bottom: -32px; left: 12%;}
.prodct-clctns .rotated-rectangle-blue { left: 12%; bottom: -12px;}
.prodct-clctns .pattern-shape-blk { right: 18px; top: 42px;}
.material-library .rs-shape { right: 48px; top: 42px;}
.material-library .wave-shape { bottom: -28px;}
.visual-dataviews .r-shape-blue { right: 98px; top: 38px; bottom: initial; left: initial;}
.visual-dataviews .circle-line-shape { left: 42px; bottom: -32px; top: initial; right: initial;}
.mass-update .pattern-shape-blue { bottom: -32px; left: 92px; top: initial;}
.mass-update .rotated-rectangle-blk { top: -4px; left: 32px; right: initial; bottom: initial;}
.clctn-anlytcs .rs-shape { right: 92px; top: 22px; left: initial;}
.clctn-anlytcs .wave-shape { bottom: -32px; left: 58px; right: initial; top: initial;}
.linesheet .r-shape-blk { top: -12px;}
.linesheet .circle-line-shape { bottom: -22px; left: 42px;}
.techpack-collage i { bottom: 0px;}
.intro-img i.wave-shape { bottom: -32px; left: 42px;}
.intro-img i.r-shape-blue { top: -12px; right: 20px }
.technical-drawing i.rotated-rectangle-blue { right: 62px; top: 12%; }
.technical-drawing i.pattern-shape-blk { bottom: -42px; left: 22%;}
.bom i.rs-shape { top:-12px; }
.bom i.wave-shape { bottom: -32px;}
.care-instruction i.circle-line-shape { top: 2px; left: 32px;}
.care-instruction i.r-shape-blue { bottom: -22px; right: 112px;}
.spechsheets i.rotated-rectangle-blk { top:0; left: 12%;}
.spechsheets i.pattern-shape-blue { bottom: -22px;}
.comments-feedback i.rs-shape { top: 32px; right: 32px; left: initial;}
.comments-feedback i.wave-shape { bottom: -22px; right: 72px;}
.image-assests i.circle-line-shape { bottom: -22px; right: 52px; top: initial;}
.image-assests i.r-shape-blk { top: 2px; right: 82px; left: initial; bottom: initial; }
.version-control i.rotated-rectangle-blk { top: -18px; right: 22px; left: initial;}
.version-control i.pattern-shape-blue {bottom: -42px; right: 22%;}
.rfq-collage i { bottom: -8px; left: 52px; }
.custmzbl-cost .rotated-rectangle-blue { left: initial; top: 22px; right: 2px; }
.custmzbl-cost .pattern-shape-blk { bottom: -42px; left: 162px; }
.flxbl-view .wave-shape { bottom: -28px;}
.cstng-scnros .r-shape-blue { right: 32px;}
.cstng-scnros .circle-line-shape {bottom: -42px; right: 52px; }
.colbrt .rotated-rectangle-blk {right: 8px; top: 18px;}
.colbrt .pattern-shape-blue { bottom: -32px; right: 72px}
.smplaprvls-collage i {bottom: -38px; left: 18px;}
.tracksmpls .rs-shape { bottom: -28px; left: 32px; }
.tracksmpls .wave-shape {top: -8px; right: 82px}
.mobupload .rotated-rectangle-blk { left: 18px;}
.mobupload .pattern-shape-blue { bottom: -32px; left: 72px; right: initial;}
.vapproval-colab .r-shape-blue {left: 32px; top: -12px;}
.vapproval-colab .circle-line-shape { bottom: -32px;}
.vendorcomp-collage i { bottom: -22px;}
.bcs .wave-shape { bottom: -32px; left: 92px; right: initial;}
.mng-audit .circle-line-shape { top: -12px; left: 32px; }
.mng-audit .rotated-rectangle-blue { bottom: -22px;}
.po-collage i { bottom: 12px; left: 52px; }
.trackpos .rs-shape { right: 42px; top: -22px; }
.trackpos .wave-shape { bottom: -32px; left: 98px; }
.photodefects .rs-shape { top: -12px; right: 42px; }
.photodefects .wave-shape { bottom: -22px; left: 52px; }
.speedup-inspctn .rotated-rectangle-blue { top: 2px; left: 42px; right: initial;}
.speedup-inspctn .pattern-shape-blk { left: 72px; bottom: -32px; }
.track-vship .rs-shape { right: 22px; top: 32px; }
.track-vship .wave-shape { bottom: -42px; left:38px; }
.mng-pcknglst .rotated-rectangle-blue { top: -18px; left: 52px;}
.mng-pcknglst .pattern-shape-blk { bottom: -32px; right: 72px }
.autmt-invce .rs-shape { right: 62px; top: -22px;}
.autmt-invce .wave-shape { bottom: -32px; left: 52px; }
.vportal-collage i { bottom: -22px; left: 92px; }
.shpmnt-collage i { bottom: 0; left: 20px;}
ul.circles li:first-child { margin-left: -50px;}
.drive-design .rs-shape { right: 62px; top: 48px; }
.drive-design .wave-shape { bottom: -30px; left: 72px; }
.design-vcollec .rotated-rectangle-blue { bottom: 8px; left: 62px; }
.design-vcollec .pattern-shape-blk { right: 32px; top: 12px; }
.build-shwrm .rs-shape { top: 22px; left: 72px } 
.boost-sales .rotated-rectangle-blue {right: 22px;top: -12px; }
.boost-sales .pattern-shape-blk { bottom: -32px;}
.mng-feedback .rs-shape { top: -22px; right: 42px; }
.mng-feedback .wave-shape { bottom: 22px;}
.shwrm-analytc .rotated-rectangle-blue {left: 32px; top: -8px;}
.inner-banner.career::after { height: 70%;}
.why-netsuite .col-lg-5:nth-child(2) h2{ margin-top: 60px;}

.flex-half { display: block;}
.flex-half div.first-half, .flex-half div.second-half { width: 100%;  padding: 20px;}
.flex-half div.first-half { background: #f1fafb;}
.flex-half-container::before { display: none;}

 }

@media only screen and (min-device-width : 320px) and (max-device-width : 640px){
.mobile-view { display: block !important;}
.desk-view { display: none !important;}
.theme-bg .banner-content { padding:5px;}
.feature-flex div{ width: 100%; }
.portfolio-grid .feature-flex .col-lg-7 {order:1;} .portfolio-grid .feature-flex .col-lg-5{order:2;}
/* .feature-flex4 .col-lg-4{ order: 1;} .feature-flex4 .col-lg-8 { order: 2;} */
.index-banner h1 { font-size: 62px;}
.bottom-links, .bottom-links li:nth-child(1), .bottom-links li:nth-child(2), .bottom-links li:nth-child(3) { display: block; width:100%; padding-left: 0 !important;}
.bottom-links li:nth-child(2) div ul { display: block; width: 100%; padding-left: 10px;}
.case-studies-nav .menu-list .mega-level-2 figcaption strong { font-size: 14px;}
.products-caption.manfact, .products-caption { padding-left: 20px; }
.bottom-links { padding-left: 15px;}
.bottom-links > li{ margin-bottom: 24px;}
.bottom-links li ul {margin-top: 10px}
.countries ul { padding: 0;}
.countries ul li { padding:0 10px}
.copyright span {display: block; text-align: center !important; padding: 4px 0;}
.num-highlights { margin-top: 20px;}
.num-highlights li { padding: 20px 2px;}
.num-highlights li span { font-size: 42px;}
.products-caption { padding: 0 10px;}
.products-listing .product-item { width: 100%; margin: 30px 0 0;}
.leading-companyies {display: inline-block;}
.leading-companyies li { padding: 5px; width: 46%; height: initial; display: inline-block;}
.leading-companyies li img { height: initial;}
.second-nav span.category-title { font-size: 25px;}
.plm-banner-text { padding: 30px 12px 0;}
.wfxprd-nav .menu-link[aria-haspopup="true"]:after { right: 20px;}
.bottom-links li.column:nth-child(1), .bottom-links li.column:nth-child(2) { width: 100%; padding-left: 0;}
.inner-banner.sp-pages .banner-content, .inner-banner.sp-pages.ourteam .banner-content, .sp-sec-two .banner-content { padding: 0;}
.curved-img .pattern-circle-blk, .sp-sec-two .curved-img .pattern-circle-blk {top: -20px;right: 0; left: initial;}
.curved-img .pattern-shape-blk, .sp-sec-two .curved-img .pattern-shape-blk { bottom: 10px; left: 30px; }
.inner-banner.about::after, .inner-banner.sp-pages::after, .sp-sec-two::after { display: none; left: 0;bottom: 0;right: 0; width: 100%;height: 20%; top: inherit; }
.curved-img .img-block2 { border-bottom-left-radius: 90px !important; border-radius: 10px;}
.inner-banner.about h1, .inner-banner.sp-pages .banner-content h1, .sp-sec-two h1, .inner-banner.sp-pages .banner-content p, .sp-sec-two p { padding: 12px;}
.inner-banner span.category-title { font-size: 20px; margin-top: 20px;}
.plm-client-logo { padding-bottom: 30px;}
.plm-steps { padding-top: 60px;}
.plm-steps .tab-content .step-img, .solutions .tab-content .step-img { padding: 20px 0 0;}
.backstory { padding: 50px 0;}
.backstory .backstory-text { padding: 0;}
.glance-list, .glance-list li { text-align: left;}
.glance-list li { width: 49%; vertical-align: top; padding: 0 20px;}
.inner-banner.about h1 .pattern-shape-blk { display: none; bottom: 0; right: 0;}
.about-office1 .pattern-circle-blk {top: -30px; left: inherit; right: 20px;}
.about-office2 { margin-top: 50px;}
.bottom-links li.column { border-left: none; padding-left: 0;}
.casestudy-slider { padding: 10px 0 110px; background-image: linear-gradient(to bottom right, #00d1cf, #0099c4);}
.slide-content { padding: 40px 10px 20px;}
.slide-content .button-container { margin-top: 42px;}
figure.customer-slide-img .dsgn-elements { display: none;}
figure.customer-slide-img .slide-img { padding-right: 15px;}
figure.customer-slide-img { margin-top: 60px;}
.casestudy-slider .carousel-indicators { margin-left: 15%; justify-content: center; bottom: -60px;}
.highlight-numbers .glance-list li { padding:0;}
.highlight-numbers .glance-list {padding-left: 40px; padding-right: 0; float: left;}
.highlight-numbers .glance-list .customer,.highlight-numbers .glance-list .country { padding-left: 20px;}
.portfolio-grid { margin: 0;}
.portfolio-grid .feature-flex { justify-content: space-between; padding-left: 0; }
.portfolio-grid .feature-flex .col-lg-7 {order:1;} .portfolio-grid .feature-flex .col-lg-5{order:2;}
.portfolio-wrapper { padding: 0;}
.case-studies { padding:0 0 40px ;}
.case-study-content.right, .case-study-content.left { padding: 0;}
.case-study-content .btn-primary { margin-top: 30xp;}
.case-study-banner .casestudy-title a[href="#download-story-desk"] { display: none;}
.case-study-banner .casestudy-title a[href="#download-story-mob"] { display: inline-block; margin-top: 0;}
.portfolio-grid .portfolio { margin-bottom:10px; padding-bottom: 30px; border-bottom: 1px solid rgb(0,0,0,.05);}
.portfolio-grid .portfolio:last-child { border-bottom: none; margin-bottom: 10px;}
.portfolio-wrapper figure { margin-top:30px;}
.portfolio-grid .portfolio:first-child figure { margin-top: 0;}
.portfolio-grid .portfolio .container-xl { padding: 0 5px;}
.portfolio-tab ul.nav, .plm-steps ul.nav, .solutions ul.nav, #filters { padding: 0; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin-top: 30px;}
.portfolio-tab ul li{ display: inline-block; vertical-align: middle; padding: 10px 15px; margin: 10px 0px; font-size: 14px;}
.portfolio-tab ul li svg { height: 22px;margin-right:10px}
.logo-grid { padding: 0; margin-top: 50px;}
.logo-grid li { max-width: 160px;}
.case-study-banner .case-study-image figure { width: 100%;}
.case-study-banner {background-image: linear-gradient(to bottom right, #00d1cf, #0099c4)}
.case-study-banner .case-study-image .dsgn-elements {left: -2%; top: -20px;}
.case-study-banner .feature-flex .col-lg-6:nth-child(1){order:2;}
.case-study-banner .feature-flex .col-lg-6:nth-child(2){order:1;}
.case-study-banner .casestudy-title { padding: 40px 0 0;}
.case-study-banner h2 { margin-bottom:20px;}
.case-study-banner .case-study-image { margin: 50px 0;}
.left-column { padding: 0;}
.left-column iframe { min-height: 230px;}
.casestudy-tesimoni { display: block; text-align: center;}
.casestudy-tesimoni figure { width: auto;}
.casestudy-tesimoni figure i { width: 80px; display: inline-block;}
.case-study-banner .case-study-image figure { margin-right: 0 ;}
.casestudy-tesimoni figcaption { padding-left: 40px 0 0;}
.casestudy-content .right-column .glance-list li { padding-bottom:0 0 20px; width: 100%;}
.casestudy-tesimoni figcaption { padding-left:0 !important;}
.casestudy-tesimoni figcaption .dsgn-elements { left: 0; right: 0; margin: 0 auto;}
.casestudy-content .right-column .glance-list { display: inline-block;}
.casestudy-content .right-column { margin-left: 0;}
.casestudy-content .left-column .form { margin: 60px 0 0; display: block;}
.casestudy-content .right-column:last-child { display: none;}
.connectors-list { padding: 0;}
.connectors-list .cnctr-item {padding:40px 20px}
.connectors-list figure{ text-align: left; padding-left: 8px; border-right: none;}
.cnctr-item figure img { width: 170px;}
.connectors-list figcaption { padding-left:12px;}
.intgr-item { padding: 25px 10px; width: 160px;}
.letstalk { padding: 50px 0;}
.letstalk p { padding: 0;}
.contact-us-img svg {width: 100%;}
.contact-options ul {display: block;}
.contact-options ul li { padding: 20px 30px;}
.plm-steps .tab-content, .solutions .tab-content { padding: 10px;}
.plm-steps .tab-content .step-text, .solutions .tab-content .step-text { padding: 20px 0 0;}
#sc-brands .carousel-item { height: 760px; padding-bottom: 10px;}
#sc-manufacturers .carousel-item { height: 870px; padding-bottom: 10px;}
.plm-steps .tab-content>.tab-pane { height: 560px;}
.vector-card li { margin: 0;}
.vector-card li .card-item { margin: 10px;} 
.plm-industries h2 .dsgn-elements { top: -20px; right: 3%;}
.plm-industries ul { display: block; position: relative;}
.plm-industries ul .dsgn-elements { left: 0; top: -20px;}
.plm-industries h2 { padding-bottom: 0;}
.plm-industries ul li { padding: 20px;}
.customer-review h2 .stars { top: -30px; width: 52px;}
.customer-review h2 .pencil-icon { top: 80%; left: 0; width: 42px;}
#review-slider .card { padding: 30px 15px 20px; height: 400px;}
#review-slider .card .person-detail { display: block;}
#review-slider .card .profile { display: inline-block;}
#review-slider .card .itsname { display: block;}
#review-slider .card figcaption {font-size: 13px; line-height: 22px; text-align: left;}
.video-bttn { width: 42px; height: 42px;}
#video-reviews video, #video-reviews iframe { height: 135px;}
#demo-form .form-container { width: 100%; margin: 100px 0 0;}
#demo-form .form-container i { width: 60px; left: 10%; top: -98px;}
#demo-form .form-container .mb-3 .col-lg-6:nth-child(1) { margin-bottom: 1rem!important;}
#demo-form .form-container .form-select { margin-bottom: 1rem;}
#review-slider .carousel-inner .carousel-item.active, 
#review-slider .carousel-inner .carousel-item-start,
#review-slider .carousel-inner .carousel-item-next, 
#review-slider .carousel-inner .carousel-item-prev { display: -moz-inline-box; display: -webkit-inline-box; display: -ms-inline-flexbox;}
#video-reviews .carousel-control-next, #video-reviews .carousel-control-prev { top: 0; bottom:0; margin: auto 0; height: 22px; width: 20px;}
#video-reviews .carousel-control-next { right: 10%;}
#video-reviews .carousel-control-prev { left: 10%;}
.endorse .badges {padding: 20px 0px 0px; display: block; text-align: center;}
.endorse .badges li { display: inline-block; width: 45%; padding: 12px; vertical-align: top;}
.navbar.scrolled { background: #ffffff; box-shadow: 0 5px 14px 0 rgb(0 0 0 / 7%); transition: ease all 1s; }
.navbar.scrolled .mobile-menu-trigger::after { color: #4a4a44;}
.index-banner { background: url(../images/index-banner-bg.webp) no-repeat 30% 0%}
.index-banner-text { padding: 30px 10px 10px;}
.index-banner span{padding-right: 0;}
.PageBackToWork-heading-rotationTextContainer { height: 122px;}
.PageBackToWork-heading span { font-size: 52px;}
.two-blocks .content-column { padding: 20px;}
.two-blocks .yet-simple h2 { font-size: 42px;}
.cs-grid .cs-img figcaption, 
.cs-grid .cs-img.small-column figcaption { padding: 20px;}
.cs-grid .cs-img.small-column figcaption {top: 0; height:max-content}
.cs-grid .cs-img figcaption i.cs-logo { width:120px;}
.cs-grid .cs-img.small-column figcaption i.cs-logo { width: 90px;}
.cs-grid .cs-img.small-column figcaption h2{ margin-bottom: 10px; font-size: 24px; line-height: 30px;}
.cs-grid .cs-img figcaption h2 { margin: 14px 0;}
.cs-grid .cs1 h2 { font-size:42px;}
.cs-grid .cs1 {height: auto;}
#video-reviews .carousel-control-prev, #sc-brands .carousel-control-prev, #sc-manufacturers .carousel-control-prev { left: 10%;}
#video-reviews .carousel-control-next, #sc-brands .carousel-control-next, #sc-manufacturers .carousel-control-next { right: 10%;}
.demo-topbtn { text-align: right;}
.case-study-image .customer-logo { display: none; }
.case-study-banner .case-study-image figure { margin-top: 0;}
.case-study-banner .case-study-image figure::after { display: none;}
.case-study-banner .case-study-image { margin: 30px 0 0;}
.sign-up { padding-top: 30px; padding-left: 0; padding-right: 0;}
.signup-logo { width: 120px;}
.signup-container { display: block; box-shadow: none; border-bottom: 0;}
.signup-container .leftcolumn, .signup-container .rightcolumn{ width: 100%;}
.signup-container .leftcolumn { display: none;}
.signup-container .rightcolumn { padding: 0;}
.signup-container .rightcolumn .form { padding: 20px;}
.signup-container .rightcolumn .form .col-lg-6 { margin-bottom: 1rem!important;}
.signup-container .rightcolumn .form .col-lg-6:nth-child(2) { margin-bottom: 0 !important;}
.signup-container .gray-logos span { width: 150px;}
.sign-up .terms-policy { border-top: 1px solid #e7e7e7; margin-top: 35px;}
.core-values { padding: 20px 0;}
ul.circles { margin: 30px 0 0; padding: 0;}
ul.circles li { display: inline-block; width: 132px; height: 132px; text-align: center; line-height: 132px; border-radius: 6%; font-size: 12px; opacity: .95;margin: 8px;}
ul.circles li:first-child { margin-left: 8px;}
ul.circles br {display: none;}
.employee-say { padding: 30px 0; }
.employee-say p br { display: none;} 
.life-at-wfx ul, .jobs li {display: block;}
.jobs li div:nth-child(1), .jobs li div:nth-child(2) { display: block; width: 100%; text-align: left;}
.jobs li div:nth-child(2) { margin-top: 20px;}
.tab-content>.active p.text-center{ text-align: left !important;}
.rs-shape { width: 14px; height: 15px;}
.pattern-shape-blk, .pattern-shape-blue { width: 48px; height: 26px;}
.wave-shape { width: 52px; height: 12px;}
.lineplan-collage i {left: 8%;}
.line-planning .rs-shape, .flxibe-atrbte-plng .rs-shape { top: -18px; right: 28px;}
.line-planning .wave-shape, .flxibe-atrbte-plng .wave-shape { bottom: -48px; left: 22px;}
.collection-roadmap .pattern-shape-blk { bottom: -48px;}
.collection-roadmap .rotated-rectangle-blue { top: -18px; right: 12%;}
.realtime-collection .r-shape-blue { top: -8px; left: 12%;}
.realtime-collection .circle-line-shape { bottom: -22px;}
.last-testi-avtar figure i.r-shape-blk { right: 20px; top: -10px;}
.buyingplan-collage i { right: 32%;}
.product-qtys .wave-shape { top: -12px; right: 28px; left: initial;}
.product-qtys .rs-shape {bottom: -42px; left: 12%; right: initial;}
.impact-anlys .rotated-rectangle-blue { right: 12%; top: -12px; left: initial;}
.impact-anlys .pattern-shape-blk { left: 12%; right: initial; bottom: -52px;}
.signle-clkpo .rs-shape { right: 8px; top: -8px;}
.signle-clkpo .wave-shape { left: 52px; bottom: -32px; right: initial;}
.synch-po .r-shape-blue { right: 28px;}
.synch-po .circle-line-shape { left: 72px; bottom: -12px;}
.designinsprtn-collage i { right: 62px; bottom: -32px;}
.captureinsprtn .rs-shape { right: 72px; top: -18px;}
.captureinsprtn .wave-shape { bottom: -42px; left: 12%;}
.easily-upload .pattern-shape-blk { bottom: -42px; right: 52px; top: initial;}
.easily-upload .rotated-rectangle-blue { top: 58px; left: 22px; bottom: initial;}
.impv-colab .rs-shape { top: 2px; right: 12px;}
.impv-colab .wave-shape { right: 82px; bottom: -32px; left: initial;}
.accelrte-cncpt .r-shape-blue { top: -12px; left: 22px;}
.accelrte-cncpt .circle-line-shape { bottom: -22px; left: 12%;}
.testi-logo { text-align: left;}
.mid-testi-copy { padding: 110px 25px 0 30px;}


.flex-half { display: block;}
.flex-half div.first-half, .flex-half div.second-half { width: 100%;  padding: 20px;}
.flex-half div.first-half { background: #f1fafb;}
.flex-half-container::before { display: none;}
.technology-trends-whitepaper .form-control{width: 100%;}

}
@media only screen and (max-device-width : 768px){
	.company-column{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 31px;
	}
    .iso-mark {
    margin-bottom: 11px;
    margin-top: 11px;
}
.bottom-links {
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-align:center;
}
.bottom-links li.column {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.bottom-links li{text-align:center;}
.specification{display:none!important;}
.pad-sec {
    padding: 0px!important;
}
.author-detail-item{flex-direction: column;
align-items: center !important;}
.author-details h6{text-align:center;}
.author-details p {text-align:center;}
.share-socil{flex-direction: column;}
.bottom-links li.column:nth-child(4) {
    width: 50%;}
.author-details{
    margin-right: 0px;
} 
.iso-mark img {
    width: 115px;
}
a.text-link.text-link--primary.read-moree {
    margin-top: 0px;
}
.card-container{ padding-bottom: 31px!important;}
.details-data h3 {
    margin-bottom: 10px!important; }
    .author-details h6, .social-media h6 {
    font-family: 'Mulish',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 35px;
    letter-spacing: -0.02em;
    color: #000000;
    padding-left: 10px;
}
.pad-last {    margin-top: -65px;}
}