a:focus,
button:focus,
input:focus,
span:focus {
  outline: none;
}

/* PRODUCTS PAGE CSS */

.products.columns-4 {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  padding-left: 0;
}

.products-box::-webkit-scrollbar-track {
  background-color: #F5F5F5;
  border-radius: 30px;
}

.products-box::-webkit-scrollbar {
  width: 4px;
  background-color: #F5F5F5;
  border-radius: 30px;
}

.products-box::-webkit-scrollbar-thumb {
  background-color: #aaaaaa;
  border-radius: 30px;
}

.products.columns-4 .product {
  list-style: none;
  width: 22%;
  margin-right: 4%;
}

.products.columns-4 .product:nth-child(4n) {
  margin-right: 0;
}

#searchProduct,
#searchFAQ {
  width: 70%;
  margin-left: auto;
  border-radius: 10px;
}

.nav.nav-tabs,
.tab-pane ul {
  margin-left: 0;
}

@media screen and (max-width: 1199px) {
  .woocommerce-loop-product__title {
    font-size: 25px;
  }
}

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

  /* PRODUCTS TOP */
  .rsb__box {
    padding: 10px 5px;
  }

  .shop .right-side-banner .col-md-6.col-12:nth-child(odd) {
    padding-left: 0;
    padding-right: 3px;
  }

  .shop .right-side-banner .col-md-6.col-12:nth-child(even) {
    padding-right: 0;
    padding-left: 3px;
  }

  .lsb__footer {
    padding-left: 15px;
    padding-right: 15px;
  }

  .lsb__footer div:nth-child(2) {
    width: 160px;
  }


  /* PRODUCTS BOTTOM */
  .products.columns-4 .product {
    width: 30.3333%;
    margin-right: 3%;
  }

  .products.columns-4 .product:nth-child(4n) {
    margin-right: 3%;
  }

  .container.filter-products-box ul li a {
    padding: 7px;
  }

  .container.filter-products-box .tab-content ul li a {
    margin-right: 4px;
  }

  .filter-products-box ul,
  .selected-filtr .filter-single {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  /* PRODUCTS TOP */

  .rsb__box {
    padding: 17px 38px;
  }

  .shop .right-side-banner .col-md-6.col-12:nth-child(odd),
  .shop .right-side-banner .col-md-6.col-12:nth-child(even) {
    padding-left: 15px;
    padding-right: 15px;
  }

  .lsb__footer {
    padding: 50px 30px;
  }

  .lsb__footer div:nth-child(2) {
    width: auto;
  }

  /* PRODUCTS BOTTOM */

  .nav.nav-tabs,
  .tab-pane ul {
    justify-content: center;
    font-size: 16px;
  }

  .container.filter-products-box .tab-content ul li a {
    margin-right: 7px;
  }

  .products.columns-4 .product {
    width: 46%;
    margin-right: 4%;
  }
}

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

  /* PRODUCTS TOP */
  .lsb__footer {
    padding: 50px 10px;
  }

  .lsb__footer div:nth-child(2) {
    width: 190px;
  }

  /* PRODUCTS BOTTOM */
  .products.columns-4 .product {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .products.columns-4 .product:nth-child(4n) {
    margin-right: auto;
  }

  .container.my-4.products-box {
    max-height: initial;
  }
}

@media screen and (max-width: 412px) {
  .tab-pane ul {
    flex-wrap: wrap;
  }

  .tab-pane ul li:last-child {
    margin-top: 15px;
  }
}

/* FRONT PAGE */

@media screen and (max-width: 1199px) {
  .splash-intro .splash-content {
    width: 70%;
  }

  .splash-intro .splash-buttons {
    width: 100%;
    left: calc(50%);
    transform: translate(-50%);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .splash-intro .splash-buttons a:first-child {
    margin-right: 7px;
  }

  .splash-intro .splash-buttons a:last-child {
    margin-left: 7px;
  }
}

@media screen and (max-width: 767px) {
  .splash-intro .splash-content {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .splash-intro .splash-content {
    width: 100%;
  }
}

@media screen and (max-width: 535px) {
  .splash-intro .splash-content {
    top: 60px;
  }

  .splash-intro .splash_intro {
    width: 95%;
  }
}

@media screen and (max-width: 410px) {
  .splash-intro .splash-buttons {
    bottom: 55px;
    flex-direction: column;
    align-items: center;
  }

  .splash-intro .splash_title {
    margin-top: 0;
  }


  .splash-intro .splash-buttons a:first-child,
  .splash-intro .splash-buttons a:last-child {
    margin: 0;
  }

  .splash-intro .splash-buttons a:last-child {
    margin-top: 10px;
  }
}

.ml-0.nav.tabs-menu.tabs-menu__homefirst.tab-content__right {
  margin-left: 0 !important;
}


.tab-content.tab-content__right,
.section-swipe-slider.slick-initialized.slick-slider.slick-dotted,
.section-swipe-slider-second.slick-initialized.slick-slider.slick-dotted {
  width: 100vw;
  position: relative;
  left: 0;
  right: 50%;
  margin-right: 50vw;
  margin-left: 0 !important;
}


/* MENU */
.menu-item.menu-item-type-post_type a:focus {
  outline: none;
}

.menu-item,
.bs__menu li,
.nav-tabs__prod.tabs-menu li a,
.nav-item a,
.nav.nav-tabs.tabs-menu a,
.nav.nav-tabs li a {
  position: relative;
}

.menu-item::after,
.bs__menu li::after,
.nav-tabs__prod.tabs-menu li a::after,
.nav-item a::after,
.nav.nav-tabs.tabs-menu a::after,
.nav.nav-tabs li a::after {
  content: '';
  position: absolute;
  left: 0;
  width: 0;
  background-color: rgba(255, 111, 27, 0.863);
  height: 3px;
  transition: all .4s ease-in-out;
}

.nav-tabs__prod.tabs-menu li a::after,
.nav-item a::after,
.nav.nav-tabs.tabs-menu a::after {
  bottom: 0;
  height: 4px;
}

.nav.nav-tabs li a::after {
  bottom: 0;
  height: 2px;
}

.nav-tabs__prod.tabs-menu li a,
.nav-item a,
.nav.nav-tabs.tabs-menu a {
  padding-bottom: 12px;
  line-height: initial !important;
}

.menu-item::after {
  bottom: 13px;
}

.bs__menu a,
.tabs-menu li a,
.nav.nav-tabs li a {
  border-bottom: none !important;
}

.bs__menu li::after {
  bottom: -5px;
}

.menu-item.current-menu-item::after,
.bs__menu li.active::after,
.nav-tabs__prod.tabs-menu li a.active::after,
.nav-item a.active::after,
.nav.nav-tabs.tabs-menu a.active::after,
.nav.nav-tabs li a.active::after {
  width: 100%;
}

.menu-item:hover::after,
.bs__menu li:hover::after,
.nav-tabs__prod.tabs-menu li a:hover::after,
.nav-item a:hover::after,
.nav.nav-tabs.tabs-menu a:hover::after,
.nav.nav-tabs li a:hover::after {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .menu-item:hover::after {
    width: 40%;
  }

  .menu-item.current-menu-item::after {
    width: 40%;
  }

  .three-steps .nav.tabs-menu {
    justify-content: center;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1199px) {
  .menu-item a {
    padding: 19px 10px;
    font-size: 22px;
    font-weight: 400;
  }

  nav .menu li a {

    padding: 19px 5px 17px !important;

  }
}

@media screen and (max-width: 991px) {
  #menu-menu {
    padding-left: 0;
  }

  .navbar.navbar-expand-lg {
    padding: 10px 0;
  }
}

#counter {
  margin-bottom: 200px;
}

.container__count {
  display: flex;
  justify-content: center;
  align-items: center;
}

.support-search-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  max-width: 375px;
  top: -140%;
  right: 0;
  border-radius: 2rem 0 2rem 2rem;
  background-color: #fff;
  box-shadow: 0 0 16px rgba(0, 0, 0, .2);
  padding: 3rem 2rem;
  z-index: 9999 !important;
  transition: all .5s ease-in-out;
}

.support-search-modal.active {
  top: 0;
  transition: all .5s ease-in-out;
  z-index: 9999 !important;
}

.support-bottom {
  display: flex;
  margin: 16px 0;
  background-color: #F5F5F5;
  padding: 15px;
}

.support-bottom__img {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  object-fit: cover;

}

.support-bottom__left {
  position: relative;
  margin-right: 20px;
  width: 118px;
}

.support-bottom__right {
  max-width: 50%;
}

.support-bottom__title {
  color: #aaa;
  font-size: 20px;
}

.support-bottom__text {
  font-size: 13px;
  color: #aaa;
  margin-top: 13px;
}

.support-bottom__btn.btn.btn-orange {
  padding: 5px 16px;
}

.support-search-modal .list-group-item {
  padding-left: 0 !important;
}

.support-search-modal .list-group-item a span {
  color: #aaa;
}

@media screen and (max-width: 576px) {
  .support-search-modal.support-search-modal {
    border-radius: 0 0 2rem 2rem !important;
    max-width: auto;
    min-width: 100%;
  }
}


.single-slide__header a:hover,
.support-trigger:hover,
.footer__btn:hover,
.btn.btn-orange:hover {
  opacity: .7;
}

.footer__social li a:hover,
.footer__social li a:hover {
  border: 1px solid rgba(255, 111, 27, 0.863);
}

.footer__social li a:hover .fab,
.footer__social li a:hover .fas {
  color: rgba(255, 111, 27, 0.863);
}

.footer__borderbottom .col-md-4:nth-child(2) ul li:last-child a:hover {
  border: 1px solid rgba(255, 111, 27, 0.863);
}

.footer__borderbottom ul li a:hover,
.footer__copyrightlist li a:hover {
  color: rgba(255, 111, 27, 0.863) !important;
}

@media screen and (max-width: 768px) {
  .supportmodal.support-trigger {
    right: 20px;
    bottom: 40px;
  }
}

.filter-products-box .tab-content label {

  background-color: #F5F5F5 !important;
  color: #CBCBCB !important;
  white-space: nowrap !important;
  padding: 10px;
  margin: 5px;

}

.filter-products-box .tab-content label:hover {
  background-color: #e6e6e6;
  color: #b9b9b9;

}

.why-fireangel .slick-slide,
.section-swipe-slider .slick-slider {
  margin: 0 10px 0 0;
}


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

  .why-fireangel .slick-slide,
  .section-swipe-slider .slick-slider {
    margin: 0;
  }

  .tab-content.tab-content__right,
  .section-swipe-slider.slick-initialized.slick-slider.slick-dotted,
  .section-swipe-slider-second.slick-initialized.slick-slider.slick-dotted {
    margin: 0 !important;
    width: auto;
  }

}

.tabs-menu__homefirst.tab-content__right {
  margin-top: 30px !important;
}

.splash-intro {
  margin-top: -110px;
}

@media screen and (max-width: 1199px) {
  .footer__text {
    width: 90%;
  }
}

@media screen and (max-width: 1199px) {
  .row.footer__borderbottom .col-md-4:last-child {
    padding-right: 0;
  }

  .footer__text {
    width: 60%;
  }
}

.btn.btn-link.btn-block.text-left.collapsed:hover {
  color: rgba(255, 111, 27, 0.863);
}

.navtabs__contact .nav-link::after {
  display: none;
}

.help__left p:first-of-type,
.help__right p:first-of-type {
  display: none;
}

.help__subtext {
  margin-top: -20px;
  color: #DADADA;
  font-size: 13px;
}

.fas.fa-reply {
  transform: rotate(180deg);
  color: #575756;
}

.fas.fa-reply:hover {
  color: rgba(255, 111, 27, 0.863);
}

body {
  position: relative;
}

body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
  transition: all .1s ease-in-out;
}

body.active::after {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;

}

.supportmodal.support-trigger {
  z-index: 1000;
}

body:not(.page-template-contact-page) .grecaptcha-badge {
  display: none;
}

  .sb__content.connected__top{
    background:inherit !important;
  }

@media screen and (max-width:600px){
  .casestudy__box.slick-slide {
    min-height:initial !important;
    max-height:initial !important;
  }
  .sb__content.connected__top{
    background:#bababa !important;
    padding:20px !important;
    margin-left:-15px !important;
    margin-right:-15px !important;
  }
}

@media screen and (max-width: 991px) {
  /* .casestudy__box .row.align-items-center {
    flex-direction: column;
  } */

  #tab1 .casestudy__box .row.align-items-center {
    width: 100%;
    text-align: center;
  }

  .casestudy__box .col-md-6 {
    max-width: 100%;
    flex: inherit;
    /* height: 50%; */
  }

  /* .casestudy__box .col-md-6 img {
    height: 100%;
  } */

  .i-gallery--buttons {
    bottom: -35px;
    right: 0 !important;
  }

  .tabs-menu li a {
    font-size: 30px !important;
  }

  .tabs-menu li {
    margin-right: 20px;
  }

  .casestudy__box .row.align-items-center {
    align-items: flex-start !important;
    display: block;
  }
}

.about__grid-right {
  margin: 0;
  padding-top: 0 !important;
}

.about__grid-right .casestudy__content {
  padding: 15px 30px 33px 30px;
}

.about__list .slick-list.draggable {
  border-radius: 22px;
  box-shadow: 1px 12px 13px #00000014;
}

.btn.btn-link.btn-block.text-left:hover {
  color: rgba(255, 111, 27, 0.863);
}

.technologymain .text-white.px-4.py-2.rounded-pill.visible {
  display: none;
}

.technologymain .text-white.px-4.py-2.rounded-pill.visible {
  padding: 20px 40px !important;
}

@media screen and (max-width: 575px) {
  /* BLOG */

  .blog,
  .technologymain,
  .page-template-knowledge-hub,
  .page-template-faq-page,
  .page-template-with-submenu {
    margin-top: -6px;
  }

  .blog .casestudy__box.slick-slider {
    width: 90%;
    margin: 0 auto;
  }

  .blog .casestudy__box__khc {
    width: 100%;
  }

  .blog .mt-5 {
    margin-top: 0 !important;
  }

  .blog .blog__title {
    justify-content: space-between;
    margin: 0 20px;
    font-size: 24px;
  }

  .blog .blog__row.blog__row {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .blog .blog__row .col-md-6 {
    max-width: 50%;
  }

  .blog .casestudy__box__khc__img2 {
    height: auto;
    min-height: auto;
  }

  .blog .casestudy__box__title {
    font-size: 19px;
    line-height: 22px;
  }
  .casestudy__box__title {
    font-size: 19px !important;
    line-height: 22px !important;
  }
  .blog .col-12.col-md-6.col-lg-4.mb-4 {
    width: 50%;
    max-width: 50%;
    display: flex;
    flex-grow: 1;
  }

  .blog .col-12.col-md-6.col-lg-4.mb-4:nth-child(odd),
  .about__row .about__item:nth-child(odd) {
    padding-right: 10px;
  }

  .blog .col-12.col-md-6.col-lg-4.mb-4:nth-child(even),
  .about__row .about__item:nth-child(even) {
    padding-left: 10px;
  }

  .casestudy__box.casestudy__box__khc.py-0.m-0 .casestudy__box__title {
    margin-top: 15px;
  }

  .faq h3 {
    margin: 10px 0;
  }

  .faq .card-header {
    padding: 10px 0;
  }



  .advice__hub h2 {
    font-size: 31px;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    color: #575756;
    border-bottom: 4px solid #ED7425;
    display: inline-block;
  }

  .advice__hub .blog__singlepost__lead,
  .advice__hub .blog__singlepost__content__safety {
    font-size: 17px;
    line-height: 26px;
  }

  .guide__hub .blog__tags {
    padding: 20px;
  }

  .guide__hub .input-group-text {
    border-radius: 0 5px 5px 0 !important;
  }

  .guide__hub .casestudy__box__title.mb-1:first-child {
    margin-top: 10px;
  }

  .technologymain .col-12.col-md-6.text-white {
    padding-top: 150px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .technologymain .col-12.col-md-6.text-white h2 {
    font-size: 30px !important;
  }

  .technologymain .col-12.col-md-6.text-white p {
    font-size: 19px !important;
  }

  .technologymain .text-white.px-4.py-2.rounded-pill {
    display: none;
  }

  .technologymain .text-white.px-4.py-2.rounded-pill.visible {
    display: block;
    padding: 12px 36px !important;
  }

  .technology__menu__box {
    top: 12%;
  }

  .technology__menu__img {
    width: 40px;
  }

  .technology__menu {
    padding: 10px;
  }

  #counter {
    background: transparent !important;
    padding: 0 !important;
    font-size: 13px;
    width: 100%;
    justify-content: center;
    margin-bottom: 30px;
  }

  #counter .text-white.p-2.px-5 {
    padding: 0 !important;
  }

  #counter .text-white.p-2.px-5:nth-child(2) {
    display: none;
  }

  #counter .text-white.p-2.px-5:nth-child(1) {
    padding-right: 16px !important;
    border-right: 3px solid #fff;
  }

  #counter .text-white.p-2.px-5:nth-child(3) {
    padding-left: 16px !important;
  }

  .counter__container {
    flex-direction: column;
  }

  .tech__des {
    flex-direction: column;
  }

  .technologymain .technology-banner {
    min-height: 100vh;
  }

  .technology__downlink {
    bottom: 0;
  }



  /* CONTACT */
  .contact__page {
    padding-top: 50px;
  }

  .contact__page .contact__title {
    font-size: 35px;
  }

  .contact__row {
    flex-direction: column;
    margin-top: 20px;
  }

  .contact__row .col-6 {
    max-width: 100%;
  }

  .contact__row .contact__box__title {
    margin-bottom: 0;
  }

  .contact__page .navtabs__contact {
    padding: 0;
  }

  .contact__page .nav-link {
    display: block;
    height: 100%;
  }

  .contact__page .navtabs__contact .nav-tabs .nav-item h5 {
    font-size: 24px;
  }

  .contact__page .navtabs__contact .nav-tabs .nav-item p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 18px;
  }

  .contact__page .wpcf7-form.init .row.align-items-center .col-md-6 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .contact__page .col-md-6.navtabs__contact__rules {
    display: inline-block !important;
  }

  .contact__page .custom-file-upload.btn.btn-silver-form,
  .contact__page .wpcf7-form-control.wpcf7-submit.btn.btn-orange-form {
    width: 80%;
  }

  .contact__page .custom-file-upload.btn.btn-silver-form {
    margin-bottom: 10px !important;
  }

  .wpcf7-form.invalid .row.align-items-center .col-md-6 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

}

.about__wcs .i-gallery--buttons {
  bottom: -20px !important;
}

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

  .about__top-nav .m-0.p-0.list-unstyled {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;

  }

  .about__wcs .khc__sidebar {
    padding: 15px 33px;
  }

  .about__top-nav-link {
    white-space: nowrap;
    margin-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  /* ABOUT PAGE */
  .about__logo {
    width: 200px;
  }

  .about__hero .hero__title {
    font-size: 38px;
    margin-bottom: 17px;
  }

  .about__hero .hero__description {
    font-size: 20px;
    line-height: 25px;
  }

  .about__hero .btn.btn-orange {
    min-width: 150px;
    padding: 6px 0;
  }

  .hero.about__hero {
    padding-bottom: 0 !important;
  }

  .about.about__page {
    padding-top: 84px !important;
  }

  .about__page .about__box img {
    width: 100%;
  }

  .about__page .about__box {
    border-radius: 30px;
  }


  .about__page .about__list .casestudy__box__reply {
    bottom: auto;
  }

  .about__row-main {
    display: none;
  }

  .about__row-slider {
    display: block !important;
  }

  .aboutSlider .slick-slide {
    margin: 0 10px !important;
  }

  .about__row-slider .slick-list.draggable {
    padding: 0 20% 0 0 !important;
  }

  .about__page .col-md-6.aboutSlider img {
    width: 100%;
    height: 300px;
    object-fit: cover;
  }

  .about__page .about__list .slick-list.draggable {
    box-shadow: none;
  }

  .about__wcs {
    padding-top: 0;
  }

  .about__top-nav {
    display: block !important;
  }


  .about__conectedhome__title {
    font-size: 30px;
  }

  .about__conectedhome__title br {
    display: none;
  }


  .about__conectedhome .btn-orange {
    padding: 3px 15px;
  }

  .about__conectedhome img {
    top: -50px;
  }


  .about__bottom-nav {
    display: none !important;
  }

}


@media screen and (max-width: 420px) {
  .about__conectedhome__title {
    width: 70%;
  }

  .about__conectedhome img {
    right: -35px !important;
  }
}

.about__top-nav {
  display: none;
}

.about__row-slider {
  display: none;
}

#menu-item-903 a,
#menu-item-1334 a {
  display: flex;
}

#menu-item-903 a .support-trigger,
#menu-item-1334 a .support-trigger {
  margin-right: 10px;
}

.about__page .col-md-6.aboutSlider img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}


.connected4__item {
  display: flex;
  justify-content: center;
}

.about__page .about__list .slick-list.draggable {
  box-shadow: none;
}

.about__page .about__list .slick-list.draggable .slick-slide {
  padding-bottom: 20px;
  margin: 0 10px !important;
}

.about__page .casestudy__box.about__grid-right {
  box-shadow: 1px 12px 13px #00000014;
}

.about__page .casestudy__box__reply {
  bottom: 80px;
}

/* CONTACT QUERY */

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

  .menu-item a {
    font-size: 14px !important;
  }

}

@media screen and (min-width: 575px) and (max-width: 991px) {

  .contact__page .container .row.align-items-center {
    flex-direction: column;
  }

  .contact__page .container .row.align-items-center .col-12.col-md-5,
  .contact__page .container .row.align-items-center .col-12.col-md-7 {
    max-width: 100%;
  }

  .contact__page .container .row.align-items-center .col-12.col-md-5 {
    display: flex;
    justify-content: center;
  }

  .contact__page .container .row.align-items-center .col-12.col-md-7 {
    margin-top: 30px;
  }
}

@media screen and (min-width: 575px) and (max-width: 767px) {
  .contact__page .container .row.align-items-center .col-12.col-md-7 {
    margin-top: 30px;
  }
}



@media screen and (max-width: 1199px) {
  .about__hero .col-12.col-md-6 {
    max-width: 70%;
    flex: auto;
  }
}

@media screen and (max-width: 991px) {
  .about__hero .col-12.col-md-6 {
    max-width: 80%;
  }
}

@media screen and (max-width: 576px) {
  .about__hero .col-12.col-md-6 {
    max-width: 100%;
  }
}

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

  .about.about__page .about__row {
    flex-direction: column;
  }

  .about.about__page .about__row .col-md-6 {
    max-width: 100%;
  }

  .about__item .about__box img {
    display: block;
    width: 100%;
  }

  .about__wcs .row {
    flex-direction: column;
  }

  .about__wcs .col-md-9.col-xs-12,
  .casestudy__box .row.align-items-center .col-md-5,
  .casestudy__box .row.align-items-center .col-md-7 {
    max-width: 100%;
  }

  .about__wcs .i-gallery--buttons {
    bottom: -20px !important;
  }

  .about__top-nav {
    display: block !important;
    max-width: 100%;
  }

  .about__bottom-nav {
    display: none !important;
  }


  .about__top-nav .m-0.p-0.list-unstyled {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;

  }

  .about__wcs .khc__sidebar {
    padding: 15px 33px;
  }

  .about__top-nav-link {
    white-space: nowrap;
    margin-right: 20px;
  }

  .casestudy__box__postsidebar {
    max-width: 100%;
  }

  .about__conectedhome img {
    top: -50px;
    right: 0;
  }

  .about__conectedhome__title br {
    display: none;

  }

  .about__conectedhome__title {
    font-size: 30px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .about__wcs .casestudy__box .casestudy__content {
    padding: 15px 30px 15px 10px;
  }

  .about__wcs .khc__sidebar {
    padding: 15px 33px 15px 0;
  }
  .container__home .right-bottom--left-grid img {
      min-height: 230px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {

  .sb__title {
    font-size: 35px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .menu-menu-pro-container {
    width: 120%;
    margin-left: -12%;
  }
  .sb__title {
    font-size: 30px;
  }

  .sb__desc {
    font-size: 18px;
  }

  .testimonials_connectedhome .casestudy__box .row.align-items-center {
    flex-direction: row;
  }

  .box-banner .row.align-items-center {
    flex-direction: column;
  }

  .box-banner .row.align-items-center .col-md-6:first-child {
    max-width: 100%;
    display: flex;
    justify-content: center;
  }

  .box-banner .row.align-items-center .col-md-6 {
    max-width: 100%;
  }

  .box-banner .bb__content {
    background: transparent;
    box-shadow: none;
    border: none;
  }


  .shop .col-12.col-md-6.left-side-banner {
    max-width: 100%;
    order: 3;
    flex: auto;
  }

  .shop .col-12.col-md-6.right-side-banner {
    max-width: 100%;
    order: 2;
    flex: auto;
    margin-bottom: 30px;
  }


}

@media screen and (max-width: 992px) {
  .w-50 {
      width: 100% !important;
  }
  .categories_filter ul {
    overflow-x: scroll;
  }

  .categories_filter li a {
    font-size: 16px;
    white-space: nowrap;
  }
}

@media screen and (min-width: 576px) and (max-width: 768px) {
  .sb__title {
    font-size: 31px;
  }

  .row.justify-content-center.d-none.d-sm-flex .col-3 {
    display: flex;
    align-items: center;
    justify-content: center;
  }


}

@media screen and (min-width: 480px) and (max-width: 768px) {
  .section-swipe-slider-second .slick-slide {
    margin-right: 20px;
  }
}

@media screen and (max-width: 768px) {
  .slider-home {
    min-height: auto;
  }
}

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

  .kh__page.knowledge__hub,
  .technologymain,
  .guide__hub,
  .blog.pt-3,
  .advice__hub {
    margin-top: 30px !important;
  }

  .blog .casestudy__box__title {
    margin-top: 10px;
  }
}

@media screen and (max-width: 992px) {
  .knowledge__row {
    flex-direction: column;
    align-items: center;
  }

  .knowledge__row .col-9,
  .knowledge__row .col-3 {
    max-width: 90%;
  }

  .knowledge__row .col-3 {
    order: 1;
  }

  .knowledge__row .col-9 {
    order: 2;
    margin-top: 25px;
  }

  .knowledge__list,
  .knowledge__hub .bs__menu,
  .blog .bs__menu,
  .faq .bs__menu,
  .advice__hub .bs__menu,
  .technologymain .bs__menu,
  .about__top-nav .m-0.p-0.list-unstyled {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
  }

  .knowledge__hub .bs__menu a,
  .blog .bs__menu a,
  .faq .bs__menu a,
  .advice__hub .bs__menu a,
  .technologymain .bs__menu a {
    display: inline-block !important;
    padding-bottom: 0;
    font-size: 17px !important;
    white-space: nowrap;
  }

  .blog .bs__menu.p-0,
  .knowledge__hub .bs__menu.p-0,
  .faq .bs__menu.p-0,
  .advice__hub .bs__menu.p-0,
  .technologymain .bs__menu.p-0 {
    padding-bottom: 5px !important;
  }

  .knowledge__list a,
  .about__top-nav-link {
    width: 170px;
  }

  .knowledge__category-list,
  .khc__sidebar {
    padding: 20px;
  }

  .knowledge__row.knowledge__row-bottom > div:first-child {
    order: 2;
  }

  .knowledge__row.knowledge__row-bottom > div:last-child {
    order: 1;
    margin-top: 0;
  }

  .knowledge__item,
  .knowledge__hub .lastest__news {
    margin-top: 25px;
  }

  .knowledge__hub .lastest__news:last-child {
    margin-top: 0;
  }

  .knowledge__hub .videoPosts {
    box-shadow: 0 !important;
    border-radius: 22px;
  }

  .knowledge__hub .slick-list {
    border-radius: 22px;
  }

  .knowledge__slick-text {
    margin-top: 10px;
  }

  .knowledge__hub .lastest__news__footer {
    justify-content: space-between;
  }

  .knowledge__hub .lastest__news__footer a {
    font-size: 20px;
    padding: 8px 15px;
  }

  .knowledge__hub .lastest__news__footer div:first-child {
    flex-basis: 50%;
  }

  .knowledge__row.knowledge__row-bottom:nth-child(2) .row {
    flex-direction: column;
  }

  /*.knowledge__row.knowledge__row-bottom .col-md-8,
  .knowledge__row.knowledge__row-bottom .col-md-4 {
    max-width: 100%;
  }*/

  .knowledge__row.knowledge__row-bottom .flex {
    display: flex;
    justify-content: center;
  }




  /* BLOG */

  .blog,
  .technologymain,
  .page-template-knowledge-hub,
  .page-template-faq-page,
  .page-template-with-submenu {
    margin-top: -6px;
  }

  .blog .casestudy__box.slick-slider {
    width: 90%;
    margin: 0 auto;
  }

  .blog .casestudy__box__khc {
    width: 100%;
  }

  .blog .mt-5 {
    margin-top: 0 !important;
  }

  .blog .blog__title {
    justify-content: space-between;
    margin: 0 20px;
    font-size: 24px;
  }

  .blog .blog__row.blog__row {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .blog .blog__row .col-md-6 {
    max-width: 50%;
    float: left;
  }

  .blog .casestudy__box__khc__img2 {
    height: auto;
    min-height: auto;
  }

  .blog .casestudy__box__title {
    font-size: 19px;
    line-height: 22px;
  }

  .blog .col-12.col-md-6.col-lg-4.mb-4 {
    width: 50%;
    max-width: 50%;
    display: flex;
    flex-grow: 1;
  }

  .blog .col-12.col-md-6.col-lg-4.mb-4:nth-child(odd),
  .about__row .about__item:nth-child(odd) {
    padding-right: 10px;
  }

  .blog .col-12.col-md-6.col-lg-4.mb-4:nth-child(even),
  .about__row .about__item:nth-child(even) {
    padding-left: 10px;
  }

}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .lastest__news__footer {
    flex-direction: column;
  }

  .lastest__news__footer div:first-child {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .blog__row-bottom {
    flex-direction: column;
  }

  .blog__row-bottom .col-12.col-md-9,
  .blog__row-bottom .col-12.col-md-3 {
    max-width: 100%;
  }
}

@media screen and (max-width: 992px) and (min-width: 576px) {

  /* .videoPosts .slick-track, */
  body:not(.page-template-blog-template) .casestudy__box.casestudy__box__khc.slick-slide {
    width: 100% !important;
  }

  .casestudy__box.casestudy__box__khc.slick-slide {
    margin-right: 20px;
  }
}

@media screen and (max-width: 768px) {
  .single__post {
    margin-top: 30px;
  }

  .box-banner .row .col-md-6:first-child {
    padding-right: 15px;
  }
}


@media screen and (min-width: 768px) {
  .container__slider-main {
    display: flex;
  }
}

@media screen and (max-width: 576px) {
  .shop .right-side-banner .col-xs-6.col-md-6 {
    display: flex;
  }

  .shop .left-side-banner .lsb__link.btn.btn-orange {
    min-width: 125px;
  }

  .featured__tech__box {
    padding: 20px 15px 52px;
  }

  .featured__tech__title {
    margin-top: 20px;
  }

  .featured__tech__content .col-md-4 {
    display: none !important;
  }

  .navtabs__contact__rules {
    text-align: center;
  }

  .navtabs__contact__rules a {
    display: block;
  }
}

.container__slider-main .slick-initialized .slick-slide {
  display: flex;
}

.container__slider-main .ssss__box {
  /* padding: 0 20px; */
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-grow: 1;
}

.container__slider-main .sss__box {
  /* padding: 40px 20px; */
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-grow: 1;
}

.ssss__subtitle,
.ssss__title {
  padding: 0 20px;
}

.container__slider-main .sss__box img {
  margin: 0 0 20px;
}

.container__slider-main .slick-list.draggable {
  padding: 0 !important;
}

.blog__image-first img {
  height: 310px;
  object-fit: cover;
}


.sb__content.connected__top {
  min-height: auto;
  padding-top: 220px;
  margin-bottom: 355px;
}

.connected__main .first-slider {
  padding-top: 80px;
}

.connected__middle {
  min-height: 952px;
  background-repeat: no-repeat;
}

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

  .middle-slider__pro .mb__title,
  .middle-slider__pro .mb__description,
  .middle-slider__pro .rft__title,
  .middle-slider__pro .rft__desc {
    color: #72777D;
  }

  .middle-slider__video-container {
    display: none;
  }
}

.quality__title {
  margin-top: 6px;
  font-size: 1.5rem;
}

.section_product_range__desc {
  position: relative;
}

.section_product_range__desc .fa-chevron-right {
  position: absolute;
  top: 60%;
  right: 30px;
  font-size: 24px;
  font-weight: bold;
}

.title__hover:hover {
  color: rgba(255, 111, 27, 0.863);
}

.technology__description-item {
  max-width: 50%;
}

@media screen and (max-width: 576px) {
  .technology__description-item {
    max-width: 75%;
  }

  .technology__menu__img img {
    filter: grayscale(100%);
  }

  .technology__menu__box a.active img {
    filter: grayscale(0);
  }

  .technology__menu__box a:hover img {
    filter: grayscale(0);
  }
}

.main-banner.technology-banner {
  padding-top: 80px;
}

.main-banner.technology-banner img.bg-image {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  object-fit: cover;
  mix-blend-mode: multiply;
}

.technology__menu__img {
  width: 50px;
}

.technology__menu__img img {
  filter: grayscale(100%);
}

.technology__menu__box a.active img {
  filter: grayscale(0);
}

.technology__menu__box a:hover img {
  filter: grayscale(0);
}

.technology__menu__box {
  position: fixed;
  top: 30%;
  z-index: 99;
}

.knowledge__hub .knowledge__row > [class*='col-']{
  animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s; /* don't forget to set a duration! */
  --animate-delay: 0.9s;
}

.knowledge__hub .casestudy__box__title,
.knowledge__hub .knowledge__category-title,
.knowledge__hub h3,
.knowledge__hub .casestudy__box__title,
.knowledge__hub .featured__tech__title{
  font: normal normal bold 1.4rem Myriad Pro Regular !important;
}


@media screen and (min-width: 993px) {
  .knowledge__row .col-3.rounded.casestudy__box__postsidebar .khc__sidebar {
    padding: 1.5rem 10px !important
  }

  .knowledge__row .col-3.rounded.casestudy__box__postsidebar .category-singular-group {
    margin-right: 16px !important;
  }

  .row.knowledge__row .col-3.rounded.casestudy__box__postsidebar {
    max-width: 225px;
    flex: auto;
  }

  .list-unstyled.knowledge__list {
    display: inline-flex !important;
  }

  .list-unstyled.knowledge__list li:not(:last-child) {
    margin-right: auto !important;
  }
}


.section_product_range__desc:hover .title__hover {
  color: rgba(255, 111, 27, 0.863);
}

@media screen and (max-width: 1200px) {
  .list-unstyled.knowledge__list {
    padding-left: 0 !important;
  }

  .knowledge__row .col-3.rounded.casestudy__box__postsidebar .khc__sidebar {
    padding: 1.5rem 10px !important;
  }
}

.category-singular-container a:hover {
  color: rgba(255, 111, 27, 0.863) !important;
}

.category-singular-container.active a {
  color: rgba(255, 111, 27, 0.863) !important;
}

.connected__middle {
  background-position: center;
  background-size: cover;
}

.custom__tab-row {
  display: flex;
  flex-wrap: wrap;
}

.single-box__title {
  margin-top: 10px;
}

.single-box.nav-item {
  padding: 0;
}

.custom__item-link {
  padding: 50px 60px;
  display: block;
  width: 100%;
  height: 100%;
}

.three_boxes .nav-tabs a:hover::after {
  display: none;
}

.three_boxes .nav-tabs a.active::after {
  display: none;
}

.single-box-content {
  width: 100%;
  height: 100%;
}

.three_boxes {
  margin-top: 50px;
}

.three__boxes-image {
  filter: grayscale(100%);
}

.custom__item-link:hover .three__boxes-image {
  filter: grayscale(0);
}

.custom__item-link.active .three__boxes-image {
  filter: grayscale(0);
}

.about__hero,
.main-banner.main-banner__connected {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.featured__tech {
  position: relative;
}

.featured__tech::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-radius: 22px;
}

.featured__tech:hover::after {
  border: 2px solid rgba(255, 111, 27, 0.863);
}

.navtabs__contact .btn-orange-form {
  padding: 15px 25px;
}

.middle-slider.connected__middle {
  position: relative;
}

.iframe-container {
  height: 600px;
  height: 100vh;
}

.social-banner {
  padding: 0 20px 20px;
}
.social-banner__outer {
  border: solid 2px #D0D0D0;
  border-radius: 20px;
  padding: 20px;
}
.social-banner__content-container {
  margin-bottom: 20px;
  font-family: 'Myriad Pro Light';
  font-weight: 400;
  font-size: 24px;
  color: #72777D;
}
.social-banner__content p {
  margin-bottom: 10px;
}
.social-banner .orange-big-btn {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 10px;
  color: #fff;
  background-color: #fe6f1a;
  font-size: 14px;
}
.social-banner .orange-big-btn:hover {
  opacity: .7;
}
.social-banner iframe {

}

.middle-slider__video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.middle-slider__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.why-fireangel .slick-list.draggable,
.testimonials_connectedhome .slick-list.draggable,
.three-steps .slick-list.draggable {
  height: auto;
  display: grid;
}

.three-steps .slick-list.draggable,
.testimonials_connectedhome .slick-list.draggable {
  padding-bottom: 20px;
}

.why-fireangel .slick-list.draggable .slick-slide,
.why-fireangel .slick-list.draggable .slick-slide a,
.testimonials_connectedhome .slick-list.draggable .slick-slide,
.testimonials_connectedhome .slick-list.draggable .slick-slide a,
.three-steps .slick-list.draggable .slick-slide,
.three-steps .slick-list.draggable .slick-slide a,
.connectedhomepage .slick-list.draggable .slick-slide
 {
  display: flex;
  height: 100%;
}

@media screen and (min-width: 991px) {

  .testimonials_connectedhome .casestudy__box .row.align-items-center .col-md-5,
  .three-steps .casestudy__box .row.align-items-center .col-md-6,
  .tab-content .row.align-items-center .col-md-6,
  .connectedhomepage .row.align-items-center .col-md-6,
  .tab-content .casestudy__content,
  .connectedhomepage .casestudy__content {
    height: 100%;
  }

  .testimonials_connectedhome .casestudy__box .row.align-items-center,
  .three-steps .casestudy__box .row.align-items-center, .casestudy__box .row.align-items-center {
    width: 100%;
  }

  .testimonials_connectedhome .casestudy__box .row.align-items-center .col-md-5 img,
  .three-steps #tab2 .casestudy__box .row.align-items-center .col-md-6:first-child img,
  .three-steps #tab3 .casestudy__box .row.align-items-center .col-md-6:first-child img {
    height: 100%;
    object-fit: cover;
  }

  .three-steps .casestudy__content {
    position: relative;
  }

  .container__home .casestudy__box.slick-slide {
      min-height: 418px !important;
  }

  .tab-content .casestudy__box .casestudy__box__title,
  .connectedhomepage .casestudy__box .casestudy__box__title {
    margin-top: 40px;
  }
}

.i-gallery--buttons {
    bottom: -20px !important;
    right: 0;
}


.header__search {
  display: none;
}

.ssss__box img {
  filter: opacity(25%);
}

.videoPosts.shadow.h-100 .casestudy__box {
  box-shadow: none;
  border: none;
  border-radius: 0;
}

.videoPosts .casestudy__content__footer .i-gallery--buttons .i-gallery--arrow.slick-prev,
.videoPosts .casestudy__content__footer .i-gallery--buttons .i-gallery--arrow.slick-next {
  width: 39px !important;
  height: 39px !important;
}

.videoPosts .casestudy__content__footer .i-gallery--buttons {
  height: auto !important;
  left: 0 !important;
}

.videoPosts .knowledge__slick-row .col-md-6,
.videoPosts .knowledge__slick-row .col-md-6 .knowledge__slick-row-image {
  height: 100%;
}

.videoPosts .knowledge__slick-text > a img {
  margin-top: 25px;
}

.h-100 {
  border-radius: 22px !important;
}

.slider-embrace__main {
  text-align: center;
}

.slider-embrace__title {
  font-weight: 600;
}

.slider-embrace__main .slick-slide {
  padding: 0 34px;
}

.navbar-collapse .top__navbar {
  display: none;
}


@media screen and (max-width: 576px) {
  main .slider-embrace__main {
    padding-top: 0;
  }

  .slider-embrace__main .i-gallery--buttons {
    display: none;
  }

  main .ap__bm {
    padding-top: 0;
  }

  main .about.about__page {
    padding-bottom: 0;
  }

  .technologymain .technology-banner.text-white {
    min-height: 111vh !important;
  }

  .grid-table__img .orange-hover.orange-hover {
    margin: 2px;
  }

  .corner-text.corner-text {
    font-size: 16px;
  }

  .section_product_range__desc.section_product_range__desc {
    padding-left: 27px;
  }

  .left-grid.w-50.orange-hover {
    margin-bottom: 10px;
  }

  .header__search {
    display: block;
  }

  #menu-item-903 .header__search,
  #menu-item-1334 .header__search {
    margin-bottom: 0;
    margin-right: 8px;
    font: normal normal normal 17px/20px Myriad Pro Regular;
    font-weight: 600;
  }

  #menu-item-903 a,
  #menu-item-1334 a {
    align-items: flex-end;
  }

  .menu-menu-container {
    margin-top: 20px;
  }

  .navbar.navbar-expand-lg {
    padding: 17px 0;
  }

}



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

  .nav.flex-column.nav-pills.m-0.p-0.list-unstyled {
    flex-direction: row !important;
    flex-wrap: nowrap;
  }

  .nav.flex-column.nav-pills.m-0.p-0.list-unstyled a.category-singular-container {
    white-space: nowrap;
  }

  .about__wcs .khc__sidebar {
    padding: 12px 33px !important;
  }
}

.blog__row-bottom .col-12.col-md-6.col-lg-4.mb-4 {
  display: flex;
}

.casestudy__box.casestudy__box__khc .col-md-12:last-of-type {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.quality__btn {
  display: none;
}

@media screen and (max-width: 576px) {
  .sp__navs .btn.btn-orange {
    display: none;
  }

  .quality__btn {
    display: inline-block;
    margin-top: 5px;
  }
}

@media screen and (max-width: 992px) {
  .custom__item-link {
    padding: 50px 10px;
  }
}

@media screen and (max-width: 768px) {
  .top__navbar {
    display: none;
  }
  .navbar-collapse .top__navbar {
    display: block;
    top: 0 !important;
  }
  #myTab {
    width: 100%;
  }
  .iframe-container { 
    height: 400px;
  }
}

@media screen and (max-width: 768px) {
  .custom__item-link {
    padding: 2px 10px;
  }
}

@media screen and (max-width: 576px) {
  .community_and_team__box__meet__box .i-gallery--arrow {
    width: 25px;
    height: 25px;
  }

  .community_and_team__box__meet .i-gallery--arrow.slick-prev {
    left: 18px;
    top: -25px;
  }

  .community_and_team__box__meet .i-gallery--arrow.slick-next {
    right: 5px;
    top: -23px;
  }
}

@media screen and (max-width: 340px) {
  .community_and_team__box__meet .i-gallery--arrow.slick-prev {
    left: 14px;
  }

  .community_and_team__box__meet .i-gallery--arrow.slick-next {
    right: -1px;
  }
}

@media screen and (max-width: 992px) {
  .about__main-row {
    flex-direction: column;
  }

  .about__main-item {
    max-width: 100%;
  }

  .community_and_team__box {
    margin-bottom: 20px;
  }
}


.knowledge__slick-row .col-md-6:first-child {
  height: 100% !important;
}

.knowledge__slick-row .col-md-6:first-child img {
  height: 100%;
  object-fit: cover;
}



.sss__box,
.section-swipe-slider-second .ssss__box {
  width: 365px;
}

.section-swipe-slider .slick-track,
.section-swipe-slider .slick-list,
.section-swipe-slider-second .slick-track,
.section-swipe-slider-second .slick-list{
  height: initial !important;
}

.section-swipe-slider .slick-dots,
.section-swipe-slider-second .slick-dots{
  margin-bottom: 0px;
}

.section-swipe-slider .slick-slide,
.section-swipe-slider-second .slick-slide {
  margin-right: 35px;
  padding-bottom: 20px;
  height: initial;
}


@media screen and (min-width: 1750px) {

  .section-swipe-slider .slick-slide,
  .section-swipe-slider-second .slick-slide {
    margin-right: 50px;
  }

}

@media screen and (min-width: 768px) and (max-width: 1200px) {

  .why-fireangel .slick-list.draggable .slick-slide a,
  .slider-triple2 .slick-list.draggable .slick-slide a {
    width: 460px;
  }
  .why-fireangel .slick-dots{
    max-width: 950px;
  }
}

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

  .section-swipe-slider .slick-dots,
  .section-swipe-slider-second .slick-dots{
    margin-bottom: 50px;
  }

  .why-fireangel .slick-list.draggable .slick-slide a,
  .slider-triple2 .slick-list.draggable .slick-slide a,
  .container__slider-main .sss__box {
    width: 510px;
  }
  .why-fireangel .slick-dots{
    max-width: 610px;
  }

  .single-slide__whyfireangel {
    margin-left: 0 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {

  .why-fireangel .slick-list.draggable .slick-slide a,
  .slider-triple2 .slick-list.draggable .slick-slide a {
    width: 342px;
  }
  .why-fireangel .slick-dots{
    max-width: 710px;
  }
}

@media screen and (max-width: 620px) { 
  .section-swipe-slider .slick-slide {
    margin-right: 10px !important;
  }
  .why-fireangel .slick-dots{
    max-width: 540px;
  }
}

@media screen and (max-width: 576px) { 
  .why-fireangel .slick-list.draggable .slick-slide a,
  .slider-triple2 .slick-list.draggable .slick-slide a {
    width: calc(97vw - 26px);
  }

  .section-swipe-slider-second .slick-slide {
    margin-right: 0;
  }

  .container__slider-main .sss__box {
    width: calc(96vw - 26px);
  }

}

@media screen and (max-width: 400px) {
  .sss__box,
  .ssss__box {
    width: 274px;
  }
}

.section-swipe-slider .slick-list.draggable {
  display: grid !important;
}

.middle-slider__video-bottom {
  display: none;
}


.technology__menu__box-mabile.technology__menu__box {
  display: none;
}


.main-banner.main-banner__connected {
  position: relative;

}

.connected-top__video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #F5F5F5;
  background: linear-gradient(4deg, #f5f5f5 20%, #F5F5F5 20%, #F5F5F5 80%, transparent 80%);

}

.connected-top__video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}


.container.connected-top__container {
  position: relative;
  z-index: 2;
}


.tech__bottom-image {
  display: none;
}

.main-banner.main-banner__connected {
  margin-top: -20px;
}

@media screen and (min-width: 576px) {

  .technology__menu__box a {
    position: relative;
    right: -165px;
    transition: 0.5s ease all;
  }

  .technology__menu__box a:hover {
    right: 0;
    transition: 0.5s ease all;
  }
}




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

  .casestudy__content {
    text-align: left;
  }

  .middle-slider__video-bottom {
    display: block;
    height: 300px;
  }

  .middle-slider {
    padding-bottom: 40px;
  }

  .technology__menu__box.technology__menu__box-mabile {
    right: -165px;
  }

  div[data-move="move__item"] {
    position: relative;
    right: 0;
    transition: 0.5s ease all;
  }

  div[data-move="move__item"]:hover {
    right: 165px;
    transition: 0.5s ease all;
  }

  .tech__bottom-image {
    margin-top: 20px;
    display: block;
    width: 100%;
    max-height: 240px;
    object-fit: cover;
  }

  .main-banner.technology-banner.text-white {
    min-height: auto !important;
  }

  .connected-top__video-container {
    position: static;
    height: 250px;
    margin-top: 25px;
  }

  .sb__content.connected__top {
    padding-top: 80px;
    margin-bottom: 0px;
  }

  .connected-top__container .row.justify-content-center.d-flex.d-sm-none .col-6:first-child {
    border-right: 2px solid rgb(126, 126, 126);
  }

  .navbar-light .navbar-toggler {
    border: none;
  }

  .middle-slider.connected__middle {
    padding-top: 50px;
  }

  .mb__subtitle {
    margin-bottom: 0;
  }

  .under__shop .col-2 img {
    max-height: 33px;
    width: auto;
  }

  .under__shop .col-2 {
    max-width: 13.6667%;
    padding-right: 0 !important;
  }

  .secondsectiongrey.skew {
    padding-top: 10px;
  }

  .container__slider-main .sss__box {
    min-height: auto;
  }

  .section-swipe-slider .slick-slide,
  .section-swipe-slider-second .slick-slide {
    margin-right: 28px;
  }

  .sss__box,
  .section-swipe-slider-second .ssss__box {
    width: 300px;
  }

  .sss__box.sss__box {
    padding-bottom: 10px;
  }

  .ssss__box {
    padding: 100px 0;
  }

  .container__slider-main .ssss__box {
    min-height: auto;
  }

  .nb__content.nb__content {
    margin-top: -45px;
  }

  .nb__content.nb__content h3 {
    margin-bottom: 0;
  }

  .menu-item::after,
  .menu-item.current-menu-item::after {
    display: none;
  }

  .menu-item a:hover,
  .menu-item.current-menu-item a {
    color: rgba(255, 111, 27, 0.863);
  }

  .hero.about__hero {
    background-image: none !important;
  }

  .about__page .about__box {
    position: relative;
  }

  .about__page .about__box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    border-radius: 30px;
  }

  .about__page .about__box:hover::after {
    border: 2px solid rgba(255, 111, 27, 0.863);
  }

  .aboutSlider .casestudy__content .casestudy__box__reply {
    display: none;
  }

  .ap__bm .ap__bm__subtitle {
    margin-top: 30px;
    margin-bottom: 0;
  }

  .ap__bm .ap__bm__title {
    line-height: 45px;
    margin-bottom: 10px;
  }

  .blog .blog__row.blog__row {
    display: flex !important;
  }

  .blog .blog__row.blog__row .col-md-6:nth-child(2) {
    padding-left: 0;
  }

  .videoPosts2.videoPosts2 {
    padding-bottom: 0;
  }

  .contact.contact__page .navtabs__contact .nav-tabs .nav-item {
    flex-basis: 50%;
  }

  .nav.nav-tabs li a {
    padding-left: 5px;
    padding-right: 5px;
  }

  .knowledge__slick-text {
    padding-left: 0;
  }

  .single.single-product .right-grid {
    margin-top: 12px;
  }

  .single.single-product .single-grid-box {
    margin: 4px;
  }

  .single.single-product .faq {
    background-color: #F5F5F5;
    margin-top: 48px;
    padding-top: 0;

  }


  .single.single-product .faq h3 {
    margin: 42px 0 31px;
    position: relative;
    display: inline-block;
    font-weight: bold;
  }

  .single.single-product .faq h3::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: rgba(255, 111, 27, 0.863);
  }

  .community_and_team__box .row .col-xs-6:first-child {
    max-width: 65%;
    padding-right: 0;
  }

  .community_and_team__box.community_and_team__box__meet .row .col-xs-6:last-child {
    max-width: 35%;
    padding-right: 0;
  }

  .slider-team__title_icon {
    width: auto !important;
  }

  .technology__menu__box.technology__menu__box {
    display: none !important;
  }

  .technology__menu__box-mabile.technology__menu__box {
    display: block !important;
  }

  .technology__menu__box.technology__menu__box-mabile .active img {
    filter: grayscale(0);
  }

  .technology__menu__box.technology__menu__box-mabile .technology__menu:hover img {
    filter: grayscale(0)
  }

  .technology__menu__name {
    display: block;
    line-height: 30px;
    width: 100%;
  }

  .technology__menu__name:hover {
    color: #575756 !important;
  }

}

@media screen and (max-width: 992px) {
  .knowledge__slick-row .col-md-6:first-child {
    flex: 0 0 50%;
  }

  .knowledge__slick-row .col-md-6 {
    max-width: 50%;

  }

  .knowledge__slick-row {
    flex-direction: row !important;
    display: flex !important;
  }

  .videoPosts .casestudy__content__footer .i-gallery--buttons .i-gallery--arrow.slick-prev,
  .videoPosts .casestudy__content__footer .i-gallery--buttons .i-gallery--arrow.slick-next {
    width: 30px;
    height: 30px;
  }

  .videoPosts .casestudy__content__footer .i-gallery--buttons {
    height: auto !important;
    bottom: 0 !important;
    left: 0 !important;
  }

  .knowledge__slick-text .casestudy__content {
    height: auto !important;
  }


  .videoPosts .knowledge__slick-row {
    align-items: stretch !important;
  }

  .knowledge__slick-text {
    padding-bottom: 50px;
  }

  .videoPosts .casestudy__box__title {
    font-size: 24px;
    line-height: 27px;
  }

  .knowledge__item .casestudy__box.casestudy__box__khc {
    width: 100%;
  }

  .technology__mobile__container {
    position: static !important;
    margin-top: 55px;
    margin-bottom: 50px;
  }

  .technology__mobile__container .technology__mobile__box h3 {
    font-size: 20px !important;
  }

}

@media screen and (max-width: 420px) {
  .about__conectedhome .about__conectedhome__title {
    width: 90%;
    font-size: 22px;
    margin-bottom: 10px;
  }

  .about__conectedhome img {
    right: -45px !important;
    top: -34px !important;
  }
}

@media screen and (min-width: 1500px) { 
  .top__navbar {
    position: absolute !important;
    top: 15px !important;
    right: 5px !important;
  }
}