.accordion collapse {
  border: 0;
}

.accordion-btn:focus {
  box-shadow: none;
  border: none;
}

.accordion-btn:not(.collapsed) {
  background: none;
  color: #ff9800;
  box-shadow: none;
  border-bottom: none;
}

.accordion-btn::after {
  width: auto;
  height: auto;
  content: "+";
  font-size: 40px;
  background-image: none;
  font-weight: 100;
  color: #1b6ce5;
  transform: translateY(-5px);
}

.accordion-btn:not(.collapsed)::after {
  width: auto;
  height: auto;
  content: "-";
  font-size: 40px;
  background-image: none;
  font-weight: 100;
  color: #1b6ce5;
  transform: translateY(-3px) translateX(-6px);
  /*transform: translateY(-5px);*/
}

.col-special {
  flex: 0 0 auto;
  width: 100%;
}

.style_image-tooltip__4_zAl .style_wapContainer__oGOyJ {
  background-color: #fff;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%) scale(0);
  transition: all .5s ease;
  border-radius: 16px;
  width: 269px;
  box-sizing: border-box;
  padding: 30px 28px;
  z-index: 100;
}

.style_image-tooltip__4_zAl .style_wapContainer__oGOyJ.style_active__TZsCj {
  transform: translate(-50%,-50%) scale(1);
}

.style_image-tooltip__container__1mP2i {
  overflow: hidden;
  width: 0;
  height: 0;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  transition: padding .3s ease-in-out;
}

.image-column {
  flex: 0 0 auto;
  margin-right: 20px;
}

.heading-column {
  /*flex: 1;*/
}

.con-2 {
  display: grid;
  /*grid-template-columns: auto 1fr;*/
  /*grid-gap: -20px;*/
}

.image-column img {
  width: 100%;
}

.border {
  border: none !important;
}

.image-column-1 {
  flex: 0 0 auto;
  margin-left: 20px;
}

.seckill-item .ss {
  flex-grow: 1;
  margin: 0;
}

.lio {
  color: #9B9B9B;
}

.hidden-content {
  display: none;
  position: static;
  top: 0;
  padding: 10px;
  transform: scale(0);
  transition: transform 0.3s ease-in-out;
  background-color: white;
  width: auto !important;
}

.hidden-content1 {
  display: none;
  position: static;
  top: 0;
  padding: 7px;
  /*transform: scale(0);*/
  transition: transform 0.3s ease-in-out;
  background-color: white;
  width: 250px !important;
  /*height: 100px !important;*/
}

.content1:hover .hidden-content1 {
  display: block;
  /*transform: scale(1);*/
  transform: translate(-20%,7%) scale(1);
  /*align-items: center;*/
}

.tt {
  /*font-size: 3vw;*/
  color: #9b9b9b;
}

.L_item {
  margin-bottom: .5em;
}

.career-button {
  font-size: 1.3vw;
  border-width: 2px;
  margin-right: 1em;
  padding: .5em 2.2em;
}

.overlay1 {
  bottom: 0;
  background-color: rgba(0,0,0,0.2);
  /*filter: brightness(100%);*/
  overflow: hidden;
  height: 0;
  width: 100% !important;
  transition: .5s ease;
}

.col-hover:hover .overlay1 {
  height: 100%;
  display: block;
}

.link-color {
  color: rgb(108,117,125);
}

.link-footer-color {
  color: #9b9b9b;
}

.footer-word-color {
  color: #9b9b9b;
}

.career-job-list {
  font-size: 3.5vw;
}

.career-job-heading {
  font-size: 5.5vw;
}

.custom-button.career-button.btn-career {
  padding: 1vw 2vw;
  font-size: 2.8vw;
  font-weight: bolder;
}

.career-button.btn-career {
  padding: 1vw 0.8vw;
  font-size: 2.8vw;
  font-weight: bolder;
}

.career-design {
  /*flex: 0;*/
}

.career-btn {
  /*display: flex;*/
  /*gap: 0px;*/
}

.career-page {
  padding: 2em 0.5em 2em 0.5em;
}

.custom-button.btn-career {
  padding: 1.8vw 3.8vw;
  font-size: 2.8vw;
  font-weight: bolder;
}

.career-tab-paragraph {
  font-size: 3vw;
  color: #9b9b9b;
}

.L_item.item-m {
  font-size: 3vw;
}

.accordion-item.show .accordion-btn .bi-chevron-down {
  transform: rotate(180deg);
}

.div-item {
  position: relative;
  display: flex;
  width: 100%;
  padding: 15px 50px 15px 20px;
  font-size: .8em;
  line-height: 1.5;
  color: #000000;
  font-weight: bolder;
  margin: 0;
  text-align: left;
  justify-content: space-between;
  background-color: #ffffff;
  border: 0;
  border-radius: 5px;
  overflow-anchor: none;
  transition: all .3s ease-in-out;
}

.home-section-1 {
  display: block;
}

body.navbar-open .section {
  display: none;
}

.shadow {
  box-shadow: 0 0rem 0rem rgba(0,0,0,.15)!important;
}

.accordion-flush .accordion-item .accordion-btn, .accordion-flush .accordion-item .accordion-btn.collapsed {
  border-radius: 0;
}

.accordion-button:not(.collapsed)::after {
  /*background-image: var(--bs-accordion-btn-active-icon);*/
  /*transform: var(--bs-accordion-btn-icon-transform);*/
}

.accordion-btn {
  height: 64px;
  line-height: 64px;
  display: -ms-flexbox;
  display: flex;
  padding: 0 24px;
  font-size: 16px;
  margin: 0;
  /*-ms-flex-align: center;*/
  align-items: center;
  /*-ms-flex-pack: justify;*/
  justify-content: space-between;
  border-bottom: 1px solid #ebedf0;
  background-color: transparent;
  /*position: relative;*/
  /*display: flex;*/
  /*align-items: center;*/
  width: 100% !important;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}

hr {
  margin: 1rem 0;
  color: black;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: .3;
}

#t-hover:hover {
}

#toggleButton {
  display: none;
}

#toggleButton:checked ~ .fa.fa-chevron-right {
  display: inline;
}

#toggleButton {
  display: none;
}

#toggleButton:checked ~ #icon {
  display: inline;
}

#toggleButton {
  display: none;
}

#toggleButton:checked ~ #icon {
  display: inline;
}

#nav-link:focus #icon {
  display: inline;
}

#icon {
  display: none;
}

#nav-link:focus #icon2 {
  display: inline;
}

.tab-toggle:checked ~ #nav-link #icon {
  display: inline;
}

#nav-link:focus #icon2 {
  display: inline;
}

#nav-link2:focus #icon2 {
  display: inline;
}

.overlay-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 61, 87, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: #fff;
  z-index: 1;
}

.icon-left-arrow::before {
  content: "\25C0";
  margin-right: 5px;
}

.red-text {
  color: red !important;
}

.accordion-button:focus {
  border-color: rgba(255,61,87,0) !important;
  box-shadow: none;
}

#tab-a {
}

#taba {
}

#tabb .nav-link.active {
  background: #1b6ce5;
}

.smart-retail {
  background: #1b6ce5;
}

a {
}

.red-text {
  color: #ff1515;
}

.red-text {
  color: #ff1515;
}

.red-text {
  color: #ff1515;
}

.red-text {
  color: #ff1515;
}

.red-text {
  color: #ff1515;
}

.red-text {
  color: #ff1515;
}

.red-text {
  color: #ff1515;
}

.custom-placeholder-color::placeholder {
  color: #9B9B9B;
}

#nav-link-4 {
  color: red;
  font-size: larger;
}

#cl2 {
  height: 1300px;
}

#size-link-1 {
  background-color: #ffffff;
  color: #000000;
}

#side-link-2 {
  background-color: #ffffff;
  color: #000000;
}

#side-link-3 {
  background-color: #ffffff;
  color: #000000;
}

#side-link-4 {
  background-color: #ffffff;
  color: #000000;
}

#side-link-5 {
  background-color: #ffffff;
  color: #000000;
}

#side-link-6 {
  background-color: #ffffff;
  color: #000000;
}

#hide-button.dropdown-toggle::after {
  display: none;
}

.more-function-list-word {
  color: grey;
  transition: 0.3s ease;
}

.more-function-list-word:hover {
  color: red;
}

.more-function-button:hover, {
  color: red;
  transition: color 0.3s ease;
}

#hide-button:hover {
  background-color: #ff5a5a;
}

#hide-button {
  background-color: #ffffff;
  transition: color 0.3s ease;
  border-color: #ffffff;
}

.simple-slider {
  transition: auto;
}

#carouselExampleAutoplaying {
  margin-top: -50px;
  width: 700px;
}

#more-function-background1 {
  background-color: #FF5A5A;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

#more-function-button1 {
  background-color: #ffffff;
  color: #ff0000;
}

#more-function-side1:hover #col-side {
  margin-bottom: 10% !important;
}

#more-function-side1:hover #col-side {
  height: 110%;
}

#more-function-side1:hover #more-function-pic1 {
  display: block;
}

#more-function-pic1 {
  display: none;
}

#more-function-side1:hover #more-function-side-link1 {
  color: red;
}

#more-function-side2:hover #more-function-pic2 {
  display: block;
}

#more-function-pic2 {
  display: none;
}

#more-function-side2:hover #more-function-side-link2 {
  color: red;
}

#more-function-side3:hover #more-function-side-link3 {
  color: red;
}

#more-function-side3:hover #more-function-pic3 {
  display: block;
}

#more-function-pic3 {
  display: none;
}

.more-function-side-btn1 {
}

#more-function-side-btn1 {
  visibility: hidden;
}

#more-function-side-pic4:hover #more-function-side-btn1 {
  visibility: visible;
}

#more-function-side-pic4hover #more-function-side-btn1 {
  visibility: visible;
}

#more-function-side-pic5:hover #more-function-side-btn2 {
  visibility: visible;
}

#more-function-side-btn2 {
  visibility: hidden;
}

#more-function-side-pic6:hover #more-function-side-btn3 {
  visibility: visible;
}

#more-function-side-btn3 {
  visibility: hidden;
}

#nub {
  position: fixed;
}

#more-function-side-pic4:hover #pic4 {
  color: #1b6ce5;
  transition: color 0.3s ease;
}

#black-scene1 {
  visibility: hidden;
}

#more-function-side-pic4:hover #black-scene1 {
  visibility: visible;
}

#black-scene2 {
  visibility: hidden;
}

#black-scene3 {
  visibility: hidden;
}

#more-function-side-pic5:hover #black-scene2 {
  visibility: visible;
}

#more-function-side-pic6:hover #black-scene3 {
  visibility: visible;
}

#tab1:active #icon2 {
  color: red;
}

#tab2:active #icon1 {
  color: red;
}

#more-function-icon1.active #icon111 {
  color: red;
}

#more-function-icon2.active #icon2 {
  color: red;
}

#icon111 {
  color: black;
}

#icon2 {
  color: black;
}

#more-function-div1 {
  float: right;
}

#hide-button.active, #dropdown-menu {
  margin-top: 0px !important;
  margin-left: 140px !important;
}

#hide-button.active, #dropdown-menu2 {
  margin-top: -150px!important;
  margin-left: 140px !important;
}

#hide-button.active, #dropdown-menu1 {
  margin-top: -73px !important;
  margin-left: 140px !important;
}

#hide-button.active, #dropdown-menu3 {
  margin-top: -230px !important;
  margin-left: 140px !important;
}

#hide-button.active, #dropdown-menu5 {
  margin-top: -395px !important;
  margin-left: 140px !important;
}

#hide-button.active, #dropdown-menu4 {
  margin-top: -300px !important;
  margin-left: 140px !important;
}

#more-function-div-6 {
}

@media (max-width:360px) {
  #carouselExampleAutoplaying {
    width: 565px !important;
    margin-top: -14px !important;
    margin-left: -20px !important;
  }
}

@media (max-width:360px) {
  #mf-font1 {
    font-size: 70% !important;
    margin-top: 0px !important;
    margin-bottom: 15px !important;
    margin-left: -22px !important;
  }
}

@media (max-width:360px) {
  #mf-font2 {
    font-size: 30px !important;
    margin-top: -52px !important;
    margin-left: -21px !important;
  }
}

@media (max-width:360px) {
  #col-mf-2 {
    width: 45% !important;
  }
}

@media (max-width:360px) {
  #mf-row-1 {
    width: 50% !important;
    margin-left: -90px !important;
    margin-bottom: 0px !important;
    margin-top: -10px !important;
  }
}

@media (max-width:768px) {
  #mf-link-1 {
    display: none;
  }
}

@media (max-width:360px) {
  #mf-font3 {
    width: 80% !important;
    font-size: 12px !important;
    margin-top: 2px !important;
  }
}

@media (max-width:360px) {
  #mf-font4 {
    width: 100% !important;
    font-size: 40px !important;
    margin-top: -58px !important;
  }
}

@media (max-width:360px) {
  #mf-img-1 {
    width: 90px !important;
    margin-left: -7px !important;
    margin-top: -17px !important;
  }
}

@media (max-width:360px) {
  #mf-btn1 {
    width: 85% !important;
    height: 10% !important;
    margin-left: 2px!important;
    font-size: 10px !important;
    margin-top: 4px !important;
  }
}

@media (max-width:360px) {
  #mf-font5 {
    font-size: 12px !important;
    margin-top: -11px !important;
  }
}

@media (max-width:360px) {
  #mf-font6 {
    font-size: 42px !important;
    margin-top: -78px !important;
  }
}

@media (max-width:360px) {
  #mf-font7 {
    font-size: 7px !important;
    width: 70px !important;
    margin-top: -23px !important;
    margin-left: -214px !important;
  }
}

@media (max-width:360px) {
  #mf-btn2 {
    width: 44px !important;
    margin-left: -157px !important;
    height: 11px !important;
    font-size: 5px !important;
    margin-top: -24px !important;
  }
}

@media (max-width:360px) {
  #mf-font8 {
    font-size: 7px !important;
    margin-top: -112px !important;
    margin-left: -2px !important;
  }
}

@media (max-width:360px) {
  #mf-btn3 {
    width: 44px !important;
    height: 11px !important;
    font-size: 5px !important;
    margin-left: 55px !important;
    margin-top: -26px !important;
  }
}

@media (max-width:360px) {
  #mf-row-3 {
    width: 100px !important;
  }
}

@media (max-width:768px) {
  #hide-col-sl {
    display: none;
  }
}

@media (max-width:360px) {
  #more-function-background1 {
    width: 23% !important;
    height: 170px !important;
    margin-top: -190px !important;
    margin-left: 110px !important;
  }
}

@media (max-width:360px) {
  #mf-font-9 {
    font-size: 12px !important;
    margin-left: 4px !important;
    margin-top: 30px !important;
  }
}

@media (max-width:360px) {
  #mf-font-10 {
    font-size: 10px !important;
    width: 131px !important;
    margin-left: 3px !important;
    margin-top: 5px !important;
  }
}

@media (max-width:360px) {
  #more-function-button1 {
    width: 90px !important;
    margin-left: 45px !important;
    height: 24px!important;
    font-size: 8px !important;
    margin-top: 26px !important;
  }
}

@media (max-width:360px) {
  #mf-row-4 {
    width: 330px !important;
    margin-top: -26px !important;
  }
}

@media (max-width:360px) {
  #col-mf-3 {
    margin-top: 25px !important;
  }
}

@media (max-width:360px) {
  #mf-font9 {
    font-size: 76% !important;
    margin-top: -21px !important;
  }
}

@media (max-width:360px) {
  #mf-font10 {
    font-size: 42px !important;
    margin-top: -60px !important;
  }
}

@media (max-width:360px) {
  #icon111 {
    font-size: 15px !important;
  }
}

@media (max-width:360px) {
  #icon2 {
    font-size: 15px !important;
    margin-top: 0px !important;
    margin-left: -7px !important;
  }
}

@media (max-width:360px) {
  #mf-tab-1 {
    margin-left: -490px !important;
    margin-top: 41px !important;
  }
}

@media (max-width:360px) {
  #mf-tab-2 {
    width: 44px !important;
    height: 41px !important;
    margin-top: 41px !important;
  }
}

@media (max-width:360px) {
  #more-function-icon2 {
    width: 80% !important;
    margin-left: 5px !important;
    height: 20px !important;
  }
}

@media (max-width:360px) {
  #mf-pic-1 {
    width: 40% !important;
    border-radius: 10px !important;
    margin-left: -10px !important;
    height: 110% !important;
  }
}

@media (max-width:360px) {
  #more-function-div1 {
    font-size: 30% !important;
    width: 34% !important;
    margin-left: 15px !important;
    margin-top: -40px !important;
  }
}

@media (max-width:360px) {
  #mf-btn4 {
    width: 44px !important;
    margin-bottom: 0px !important;
    height: 10px !important;
    font-size: 5px !important;
    margin-top: 0px !important;
  }
}

@media (max-width:360px) {
  #col-mf-4 {
    height: 60px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
  }
}

@media (max-width:360px) {
  #col-mf-5 {
    height: 0px !important;
    margin-top: 75px !important;
  }
}

@media (max-width:360px) {
  #mf-pic-2 {
    width: 40% !important;
    border-radius: 10px !important;
    margin-left: -10px !important;
    margin-top: -80px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-6 {
    font-size: 30% !important;
    width: 100% !important;
    height: 0px !important;
    margin-top: -100px !important;
    margin-right: -123px !important;
  }
}

@media (max-width:360px) {
  #col-mf-6 {
    margin-top: -65px !important;
    height: 50px !important;
    width: 50px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-18 {
    margin-top: -149px !important;
    width: 100% !important;
    font-size: 30% !important;
    margin-left: 123px !important;
    height: 0px!important;
  }
}

@media (max-width:360px) {
  #mf-pic-3 {
    margin-top: -10px !important;
    width: 83% !important;
    margin-left: -165px !important;
    border-radius: 10px !important;
  }
}

@media (max-width:360px) {
  #mf-pic-4 {
    width: 40% !important;
    margin-top: 0px !important;
    border-radius: 10px !important;
    margin-left: -10px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-5 {
    font-size: 30% !important;
    margin-top: -90px !important;
    margin-left: 123px !important;
    height: 0px !important;
  }
}

@media (max-width:360px) {
  #mf-pic-5 {
    width: 40% !important;
    border-radius: 10px !important;
    margin-left: -10px !important;
    margin-top: 200px !important;
  }
}

@media (max-width:360px) {
  #col-mf-7 {
    margin-top: 90px !important;
    margin-bottom: -40px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-12 {
    width: 30% !important;
    font-size: 30% !important;
    margin-top: -120px !important;
    margin-left: 123px !important;
    height: 0px !important;
  }
}

@media (max-width:360px) {
  #mf-btn5 {
    width: 44px !important;
    height: 10px !important;
    margin-top: -76px !important;
    margin-bottom: 4px !important;
    font-size: 5px !important;
  }
}

@media (max-width:360px) {
  #col-mf-8 {
    width: 100px !important;
    margin-top: -172px !important;
    height: 0px !important;
  }
}

@media (max-width:360px) {
  #mf-pic-6 {
    width: 40% !important;
    margin-top: 23px !important;
    border-radius: 10px !important;
    margin-left: -10px !important;
  }
}

@media (max-width:360px) {
  #mf-btn6 {
    width: 44px !important;
    height: 10px !important;
    font-size: 5px !important;
    margin-top: -58px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-11 {
    width: 30% !important;
    font-size: 30% !important;
    margin-left: 123px !important;
    margin-top: -100px !important;
    height: 0% !important;
  }
}

@media (max-width:360px) {
  #mf-font-18 {
    font-size: 12px !important;
    margin-bottom: 0px !important;
  }
}

@media (max-width:360px) {
  #mf-btn7 {
    width: 44px !important;
    height: 10px !important;
    font-size: 5px !important;
    margin-top: -50px !important;
  }
}

@media (max-width:360px) {
  #mf-pic-7 {
    width: 40% !important;
    border-radius: 10px !important;
    margin-top: -115px !important;
    margin-left: -10px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-10 {
    width: 30% !important;
    font-size: 30% !important;
    margin-top: -145px !important;
    margin-left: 123px !important;
    height: 0% !important;
  }
}

@media (max-width:360px) {
  #mf-btn8 {
    width: 44px !important;
    height: 10px !important;
    font-size: 5px !important;
    margin-top: -120px !important;
  }
}

@media (max-width:360px) {
  #mf-pic-8 {
    width: 40% !important;
    border-radius: 10px !important;
    margin-top: -50px !important;
    margin-left: -10px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-9 {
    width: 30% !important;
    height: 0% !important;
    font-size: 30% !important;
    margin-top: -90px !important;
    margin-left: 123px !important;
  }
}

@media (max-width:360px) {
  #mf-font-22 {
    font-size: 12px !important;
    margin-bottom: -1px !important;
  }
}

@media (max-width:360px) {
  #mf-font-23 {
    width: 147% !important;
    margin-bottom: 56px !important;
  }
}

@media (max-width:360px) {
  #mf-btn9 {
    width: 44px !important;
    height: 10px !important;
    font-size: 5px !important;
    margin-top: -86px !important;
  }
}

@media (max-width:360px) {
  #mf-pic-9 {
    width: 40% !important;
    border-radius: 10px !important;
    margin-left: -10px !important;
    margin-top: -23px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-8 {
    width: 30% !important;
    height: 0% !important;
    font-size: 30% !important;
    margin-top: -95px !important;
    margin-left: 123px !important;
  }
}

@media (max-width:360px) {
  #mf-font-24 {
    margin-bottom: 0px !important;
    font-size: 12px !important;
  }
}

@media (max-width:360px) {
  #mf-font-25 {
    width: 162% !important;
    margin-bottom: 42px !important;
  }
}

@media (max-width:360px) {
  #mf-btn10 {
    width: 44px !important;
    height: 10px !important;
    margin-top: -55px !important;
    font-size: 5px !important;
  }
}

@media (max-width:360px) {
  #mf-pic-10 {
    width: 40% !important;
    margin-left: -10px !important;
    border-radius: 10px !important;
    margin-top: -5px !important;
  }
}

@media (max-width:360px) {
  #mf-font-26 {
    margin-top: -10px !important;
    font-size: 12px !important;
    margin-bottom: 35px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-7 {
    width: 30% !important;
    height: 30% !important;
    font-size: 30% !important;
    margin-top: -41px !important;
    margin-left: 123px !important;
  }
}

@media (max-width:360px) {
  #mf-font-27 {
    width: 147% !important;
    margin-top: -35px !important;
    margin-bottom: 51px !important;
  }
}

@media (max-width:360px) {
  #mf-btn11 {
    width: 44px !important;
    height: 10px !important;
    font-size: 5px !important;
    margin-top: -75px !important;
  }
}

@media (max-width:360px) {
  #mf-pic-11 {
    width: 40% !important;
    margin-top: -20px !important;
    margin-left: -10px !important;
    border-radius: 10px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-4 {
    width: 30% !important;
    height: 0% !important;
    font-size: 30% !important;
    margin-top: -140px !important;
    margin-left: 123px !important;
  }
}

@media (max-width:360px) {
  #mf-font-28 {
    font-size: 12px!important;
    margin-bottom: -200px !important;
  }
}

@media (max-width:360px) {
  #mf-font-29 {
    width: 147% !important;
    margin-top: 1px !important;
    margin-bottom: 40px !important;
  }
}

@media (max-width:360px) {
  #mf-btn12 {
    width: 44px !important;
    height: 10px !important;
    font-size: 5px !important;
    margin-top: -50px !important;
  }
}

@media (max-width:360px) {
  #mf-pic-12 {
    width: 40% !important;
    border-radius: 10px !important;
    margin-top: -5px !important;
    margin-left: -10px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-3 {
    width: 32% !important;
    height: 0% !important;
    margin-top: -140px !important;
    margin-left: 123px !important;
    font-size: 30% !important;
  }
}

@media (max-width:360px) {
  #mf-font-30 {
    font-size: 12px !important;
  }
}

@media (max-width:360px) {
  #mf-font-31 {
    width: 147% !important;
    margin-bottom: 36px!important;
  }
}

@media (max-width:360px) {
  #mf-btn13 {
    font-size: 5px !important;
    width: 44px !important;
    height: 10px !important;
    margin-top: -44px !important;
  }
}

@media (max-width:360px) {
  #mf-pic-13 {
    width: 40% !important;
    border-radius: 10px !important;
    margin-left: -10px !important;
    margin-top: -5px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-2 {
    width: 30% !important;
    height: 0% !important;
    font-size: 30% !important;
    margin-top: -76px!important;
    margin-left: 123px !important;
  }
}

@media (max-width:360px) {
  #mf-font-32 {
    font-size: 12px !important;
  }
}

@media (max-width:360px) {
  #mf-font-33 {
    width: 147% !important;
    margin-bottom: 37px !important;
    margin-top: 0px !important;
  }
}

@media (max-width:360px) {
  #mf-btn14 {
    width: 44px !important;
    height: 10px !important;
    font-size: 5px !important;
    margin-top: -50px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-1 {
    width: 30% !important;
    height: 0% !important;
    font-size: 30%!important;
    margin-top: -134px !important;
    margin-left: 123px !important;
  }
}

@media (max-width:360px) {
  #mf-font-34 {
    width: 65px !important;
    font-size: 12px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-17 {
    width: 30% !important;
    height: 0% !important;
    font-size: 30% !important;
    margin-top: -87px !important;
    margin-left: 123px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-16 {
    width: 30% !important;
    height: 0% !important;
    font-size: 30% !important;
    margin-top: -130px !important;
    margin-left: 123px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-15 {
    width: 30% !important;
    height: 0% !important;
    font-size: 30% !important;
    margin-top: -140px !important;
    margin-left: 123px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-14 {
    width: 30% !important;
    height: 0% !important;
    font-size: 30% !important;
    margin-top: -85px !important;
    margin-left: 123px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-13 {
    width: 30% !important;
    height: 0% !important;
    font-size: 30% !important;
    margin-top: -85px !important;
    margin-left: 123px !important;
  }
}

@media (max-width:360px) {
  #col-side {
    width: 42% !important;
    margin-left: 102px !important;
    font-size: 40% !important;
    height: 220% !important;
    margin-top: -1185px !important;
    display: none;
  }
}

@media (max-width:360px) {
  .mf-body {
    margin-left: 15px !important;
  }
}

@media (max-width:360px) {
  #col-side-link {
    font-size: 100% !important;
    margin-left: 70px !important;
  }
}

@media (max-width:360px) {
  #col-side-p1 {
    font-size: 12px !important;
    margin-left: -5px !important;
    margin-top: -15px !important;
  }
}

@media (max-width:360px) {
  #col-side-p2 {
    font-size: 40px !important;
    margin-top: -55px !important;
    margin-left: -5px !important;
  }
}

@media (max-width:360px) {
  #more-function-pic1 {
    width: 100% !important;
    margin-top: 45px !important;
  }
}

@media (max-width:360px) {
  #more-function-side-link1 {
    font-size: 8px !important;
  }
}

@media (max-width:360px) {
  #more-function-side1 {
    margin-top: -20px !important;
  }
}

@media (max-width:360px) {
  #more-function-pic2 {
    width: 100% !important;
  }
}

@media (max-width:360px) {
  #more-function-side-link2 {
    font-size: 8px !important;
  }
}

@media (max-width:360px) {
  #col-side-p4 {
    font-size: 18px !important;
    margin-top: -10px !important;
  }
}

@media (max-width:360px) {
  .col-side-line {
    font-size: 18px !important;
    margin-top: -10px !important;
  }
}

@media (max-width:360px) {
  #more-function-pic3 {
    width: 100% !important;
  }
}

@media (max-width:360px) {
  #more-function-side-link3 {
    font-size: 8px !important;
  }
}

@media (max-width:360px) {
  #col-side-1 {
    width: 30% !important;
    margin-left: 102px !important;
    height: 155% !important;
    margin-top: -840px !important;
    display: none;
  }
}

@media (max-width:360px) {
  #col-side-1-link {
    font-size: 8px !important;
    margin-left: 46px !important;
    margin-top: -93px !important;
  }
}

@media (max-width:360px) {
  #col-side-1-p1 {
    font-size: 12px !important;
    margin-left: -20px !important;
  }
}

@media (max-width:360px) {
  #col-side-1-p2 {
    font-size: 40px !important;
    margin-top: -58px !important;
    margin-left: -20px !important;
  }
}

@media (max-width:360px) {
  .img-1 {
    width: 140% !important;
    height: 350% !important;
    margin-left: -20px !important;
  }
}

@media (max-width:360px) {
  .col-side-bs1 {
    margin-top: -145px !important;
    width: 140% !important;
    margin-left: -20px !important;
  }
}

@media (max-width:360px) {
  .col-side-btn {
    width: 64px !important;
    height: 15px !important;
    font-size: 10px !important;
    margin-bottom: 0px!important;
    margin-left: 0px !important;
  }
}

@media (max-width:360px) {
  #more-function-side-pic4 {
    width: 100% !important;
    height: 22px !important;
    margin-top: 45px !important;
  }
}

@media (max-width:360px) {
  #img-1-1 {
    width: 140% !important;
    height: 750% !important;
  }
}

@media (max-width:360px) {
  #more-function-side-pic5 {
    margin-bottom: -135px !important;
    margin-top: -70px !important;
  }
}

@media (max-width:360px) {
  .col-side-btn1 {
    width: 64px !important;
    height: 15px !important;
    font-size: 10px !important;
    margin-top: 130px!important;
    margin-bottom: -48px !important;
    margin-left: 2px !important;
  }
}

@media (max-width:360px) {
  #more-function-side-pic6 {
    height: 10px !important;
  }
}

@media (max-width:360px) {
  #footer-small {
    width: 100% !important;
    display: block !important;
  }
}

@media (max-width:360px) {
  .mf-down-list-pic {
    width: 45% !important;
    border-radius: 10px !important;
    margin-top: 10px !important;
  }
}

@media (max-width:360px) {
  #more-function-tab-2 {
    width: 310px !important;
    height: 2800px !important;
  }
}

@media (max-width:360px) {
  .mf-down-list-p1 {
    font-size: 15px !important;
    margin-top: 0px !important;
  }
}

@media (max-width:360px) {
  .mf-down-list-p2 {
    font-size: 8px !important;
    width: 135px !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
}

@media (max-width:360px) {
  .mf-down-list-btn {
    width: 64px !important;
    height: 20px !important;
    font-size: 10px !important;
    margin-top: 0px !important;
    padding-top: 3px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-pic2 {
    margin-top: -167px !important;
    margin-left: 150px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-20 {
    margin-top: -120px !important;
    margin-left: 150px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-19 {
    width: 175px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-2 {
    margin-top: -108px !important;
    width: 200px !important;
    height: 0px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-pic3 {
    margin-top: 0px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-21 {
    width: 60% !important;
    margin-top: 0px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-pic4 {
    margin-left: 150px !important;
    margin-top: -351px !important;
    margin-bottom: -180px !important;
  }
}

@media (max-width:360px) {
  #more-function-div-22 {
    width: 30% !important;
    height: 0px !important;
    margin-top: -80px !important;
    margin-left: 150px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-p3 {
    margin-top: -122px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-p4 {
    margin-top: 0px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-3 {
    margin-top: -108px !important;
    width: 200px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-4 {
    margin-top: -107px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-5 {
    margin-top: -120px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-6 {
    margin-top: -225px !important;
    margin-left: 150px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-7 {
    margin-top: -115px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-8 {
    margin-left: 150px !important;
    margin-top: -225px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-9 {
    margin-top: -120px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-10 {
    margin-left: 150px !important;
    margin-top: -225px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-11 {
    margin-top: -120px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-12 {
    margin-top: -225px !important;
    margin-left: 150px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-13 {
    margin-top: -120px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-14 {
    margin-top: -225px !important;
    margin-left: 150px;
  }
}

@media (max-width:360px) {
  #mf-down-list-15 {
    margin-top: -120px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-16 {
    margin-top: -225px !important;
    margin-left: 150px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-btn1 {
    margin-top: 12px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-17 {
    margin-top: -120px !important;
  }
}

@media (max-width:360px) {
  #mf-ddown-list-18 {
    margin-top: -225px !important;
    margin-left: 150px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-btn2 {
    margin-top: 13px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-19 {
    margin-top: -120px !important;
  }
}

@media (max-width:360px) {
  #mf-down-list-20 {
    display: none;
  }
}

@media (width:1280px) {
  #carouselExampleAutoplaying {
    margin-top: 10px !important;
    width: 100% !important;
  }
}

@media (width:1280px) {
  #more-function-background1 {
    width: 100% !important;
  }
}

@media (max-width:360px) {
  #col-mf-9 {
    height: 100px !important;
    margin-top: 85px !important;
    margin-bottom: 80px !important;
  }
}

@media (max-width:992px) and (min-width:576px) {
  #col-mf-2 {
    display: none;
  }
}

@media (max-width:1100px) {
  #row-side-0 {
    display: none;
  }
}

@media (max-width:992px) {
  #more-function-background1 {
    display: none;
  }
}

@media (max-width:1200px) {
  #col-side-0 {
    height: 0% !important;
  }
}

@media (min-width:361px) and (max-width:991px) {
  .mf-small-pic {
    width: 38% !important;
    height: 95% !important;
    margin-top: -130px !important;
  }
}

@media (min-width:361px) and (max-width:991px) {
  #mf-pic-1 {
    width: 220% !important;
    height: 20% !important;
  }
}

@media (min-width:361px) and (max-width:991px) {
  #mf-pic-3 {
    width: 185% !important;
    margin-left: -555px !important;
    height: 35% !important;
    margin-top: -75px !important;
  }
}

@media (min-width:576px) and (max-width:991px) {
  #mf-pic-2 {
    width: 76% !important;
    margin-left: -372px !important;
    margin-top: 90px !important;
    height: 91% !important;
  }
}

@media (min-width:361px) and (max-width:991px) {
  .mf-btn-list {
    width: 30% !important;
    height: 80% !important;
    margin-top: 5px !important;
    font-size: 80% !important;
  }
}

@media (min-width:361px) and (max-width:991px) {
  #more-function-div-18 {
    margin-top: 280px !important;
    height: 30% !important;
    margin-left: 20% !important;
  }
}

@media (min-width:361px) and (max-width:991px) {
  #mf-pic-1 {
    margin-top: 0px !important;
  }
}

@media (min-width:361px) and (max-width:991px) {
  #more-function-div-6 {
    margin-top: 85px !important;
    float: left;
    margin-left: 32% !important;
  }
}

@media (min-width:361px) and (max-width:991px) {
  #col-mf-5 {
    margin-top: 117px !important;
  }
}

@media (min-width:361px) and (max-width:991px) {
  #col-mf-4 {
    width: 20% !important;
    height: 10% !important;
    margin-top: 40px !important;
  }
}

@media (min-width:361px) and (max-width:991px) {
  #more-function-div1 {
    margin-left: 30px !important;
  }
}

@media (min-width:361px) and (max-width:991px) {
  #mf-font-n1 {
    width: 235% !important;
  }
}

@media (min-width:361px) and (max-width:991px) {
  #col-mf-5 {
    margin-left: 35px !important;
    margin-top: 134px !important;
  }
}

@media (min-width:361px) and (max-width:991px) {
  #mf-btn-n2 {
    width: 240% !important;
    height: 30px !important;
  }
}

@media (min-width:361px) and (max-width:991px) {
  #mf-btn-n3 {
    width: 80% !important;
    height: 30px !important;
    margin-top: 0px !important;
  }
}

@media (min-width:361px) and (max-width:991px) {
  #col-mf-6 {
    margin-top: 129px !important;
    width: 0px !important;
  }
}

@media (max-width:360px) {
  #mf-pic-3 {
    width: 40% !important;
    margin-left: -10px !important;
    margin-top: 72px !important;
  }
}

@media (max-width:360px) {
  #mf-btn-n2 {
    width: 44px !important;
    height: 10px !important;
    font-size: 5px !important;
    margin-top: 0px !important;
  }
}

@media (max-width:360px) {
  #mf-btn-n3 {
    width: 44px !important;
    height: 10px !important;
    font-size: 5px !important;
    margin-top: -60px !important;
  }
}

@media (max-width:768px) {
  #more-function-icon1 {
    display: none;
  }
}

@media (max-width:768px) {
  #more-function-icon2 {
    display: none;
  }
}

@media (width:768px) {
  #footer-small {
    display: block !important;
  }
}

@media (width:576px) {
  #footer-small {
    display: flex !important;
  }
}

@media (max-width:576px) {
  #footer-row-1 {
    display: none;
  }
}

@media (max-width:360px) {
  #tab-hide-1 {
    display: none;
  }
}

@media (max-width:1369px) {
  #col-mf-2 {
    display: none;
  }
}

@media (width:1200px) {
  #more-function-tab-1 {
    margin-left: -2% !important;
  }
}

@media (width:1200px) {
  #more-function-background1 {
    width: 95% !important;
  }
}

@media (width:1200px) {
  #col-mf-3 {
    width: 95% !important;
  }
}

@media (width:1200px) {
  .mf-down-list-pic {
    width: 97% !important;
  }
}

@media (width:1200px) {
  #more-function-side1 {
    width: 95% !important;
  }
}

@media (width:1200px) {
  #more-function-side2 {
    width: 95% !important;
  }
}

@media (width:1200px) {
  #more-function-side3 {
    width: 100% !important;
  }
}

@media (width:1200px) {
  #carouselExampleAutoplaying {
    width: 95% !important;
    margin-bottom: 80px !important;
  }
}

@media (width:1200px) {
  #hide-button {
    margin-top: 22px !important;
  }
}

@media (width:1366px) {
  #col-side-0 {
    float: right;
  }
}

#tab-icon {
  width: 12%;
  margin-left: 90%;
  margin-top: -10%;
}

.mf-st-pic {
  width: 30%;
  display: inline-block;
  margin-top: -8%;
  border-radius: 10px;
  margin-left: 3%;
}

.mf-font-big {
  font-size: 220% !important;
}

.mf-font-small {
  width: 105% !important;
  font-family: Zilla-Slab;
  font-size: 115% !important;
}

.mf-btn-list {
  width: 20%;
  padding: 1% !important;
}

.mf-div-list {
  width: 60%;
}

@media (max-width:1800px) and (min-width:1590px) {
  .mf-body {
    margin-left: -10% !important;
  }
}

@media (max-width:1800px) and (min-width:1590px) {
  header {
    margin-left: 10% !important;
  }
}

@media (max-width:1580px) {
  #col-mf-2 {
    display: none;
  }
}

@media (max-width:890px) {
  #mf-st-pic1 {
    margin-top: -7% !important;
  }
}

@media (max-width:890px) and (min-width:560px) {
  #mf-st-pic3 {
    margin-top: 3% !important;
  }
}

@media (max-width:890px) {
  #mf-st-pic2 {
    margin-top: 2% !important;
  }
}

#body-1 {
  margin-left: 13%;
  margin-bottom: 5%;
}

#body-2 {
  margin-left: 13%;
}

@media (max-width:590px) and (min-width:395px) {
  #mf-header {
    width: 116% !important;
  }
}

@media (max-width:401px) and (min-width:400px) {
  #mf-row-mid-side1 {
    width: 190% !important;
    margin-top: -40%;
  }
}

@media (max-width:400px) and (min-width:200px) {
  #logo-omnishop {
    width: 40% !important;
  }
}

@media (max-width:361px) and (min-width:200px) {
  #logo-nav {
    width: 100% !important;
    margin-left: -3%;
  }
}

@media (max-width:361px) and (min-width:200px) {
  #paragraft-about-us {
    padding-right: 0px;
  }
}

@media (max-width:361px) and (min-width:200px) {
  #navbarToggler {
    margin-left: 90% !important;
    margin-top: -10%;
  }
}

#img-download-ebook {
  width: 101%;
  display: block;
}

@media (max-width:393px) and (min-width:362px) {
  #logo-nav {
    margin-left: 13% !important;
    width: 93%;
  }
}

@media (width:992px) {
  #btn-more-function {
    margin-left: -5% !important;
  }
}