@media (max-width:2000px) {
  #carouselExampleAutoplaying {
    width: 85% !important;
    margin-left: 5%;
    margin-bottom: 5%;
  }
}

.hide-button {
  background-color: #ffffff;
  border-color: #ffffff;
}

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

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

@media (max-width:1400px) {
  .mf-body {
    width: 80% !important;
  }
}

@media (max-width:1300px) {
  .mf-body {
    width: 85% !important;
  }
}

@media (max-width:600px) {
  .mf-body {
    width: 90% !important;
  }
}

@media (max-width:431px) {
  .mf-body {
    width: 90% !important;
  }
}

#tab-3.active #icon-small-1 {
  color: red;
}

#icon-small-1 {
  color: #000000;
}

#icon-small-2 {
  color: #000000;
}

#tab-bottom-1.active #icon-small-1 {
  color: red;
}

#tab-bottom-2.active #icon-small-2 {
  color: red;
}

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

@media (max-width:1580px) {
  .mf-body {
    width: 88% !important;
  }
}

@media (max-width:1580px) and (min-width:1380px) {
  #mf-row-2 {
    width: 100% !important;
  }
}

@media (max-width:1580px) and (min-width:1380px) {
  #more-function-background1 {
    width: 154% !important;
  }
}

@media (max-width:1580px) and (min-width:1380px) {
  #mf-row-mid-side {
    width: 119% !important;
  }
}

@media (max-width:1580px) and (min-width:1380px) {
  #mf-row-mid-side1 {
    width: 118% !important;
  }
}

@media (max-width:1580px) and (min-width:1380px) {
  #footer-small {
    margin-top: 20% !important;
    margin-left: 10%;
  }
}

@media (max-width:1370px) and (min-width:1290px) {
  #footer-small {
    margin-top: 20% !important;
  }
}

@media (max-width:1370px) and (min-width:1290px) {
  #mf-row-2 {
    width: 100% !important;
  }
}

@media (max-width:1370px) and (min-width:1290px) {
  #mf-row-mid-side1 {
    width: 120% !important;
  }
}

@media (max-width:1370px) and (min-width:1290px) {
  #mf-row-mid-side {
    width: 120% !important;
  }
}

@media (max-width:1370px) and (min-width:1290px) {
  .mf-st-pic {
    width: 32% !important;
  }
}

@media (max-width:1370px) and (min-width:1290px) {
  #mf-st-pic1 {
    margin-top: -13% !important;
  }
}

@media (max-width:1370px) and (min-width:1290px) {
  .mf-font-small {
    width: 90% !important;
  }
}

@media (max-width:1370px) and (min-width:1290px) {
  #mf-st-pic2 {
    margin-top: -14% !important;
  }
}

@media (max-width:1370px) and (min-width:1290px) {
  #tab-icon {
    width: 15% !important;
    margin-left: 85%;
  }
}

@media (max-width:1285px) and (min-width:1100px) {
  #tab-icon {
    width: 13% !important;
    margin-left: 85%;
  }
}

@media (max-width:1285px) and (min-width:1100px) {
  .mf-font-small {
    width: 90% !important;
  }
}

@media (max-width:1285px) and (min-width:1100px) {
  #mf-st-pic1 {
    margin-top: -13% !important;
  }
}

@media (max-width:1285px) and (min-width:1100px) {
  #mf-st-pic2 {
    margin-top: -13% !important;
  }
}

@media (max-width:1285px) and (min-width:1100px) {
  #footer-small {
    margin-top: 20% !important;
    margin-left: 10%;
  }
}

@media (max-width:1285px) and (min-width:1100px) {
  #mf-row-2 {
    width: 100% !important;
  }
}

@media (max-width:1285px) and (min-width:1100px) {
  #mf-row-mid-side1 {
    width: 120% !important;
  }
}

@media (max-width:1285px) and (min-width:1100px) {
  #mf-row-mid-side {
    width: 120% !important;
  }
}

@media (max-width:1099px) and (min-width:950px) {
  #mf-header {
    margin-left: -5% !important;
    width: 118%;
  }
}

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

@media (max-width:1099px) and (min-width:950px) {
  #carouselExampleAutoplaying {
    width: 105% !important;
  }
}

@media (max-width:1099px) and (min-width:950px) {
  #col-mf {
    width: 59% !important;
  }
}

@media (max-width:1099px) and (min-width:950px) {
  #mf-row-2 {
    width: 100% !important;
  }
}

@media (max-width:1099px) and (min-width:950px) {
  #mf-row {
    width: 80% !important;
  }
}

@media (max-width:1099px) and (min-width:950px) {
  #mf-row-mid-side {
    width: 121% !important;
  }
}

@media (max-width:1099px) and (min-width:993px) {
  #mf-row-mid-side1 {
    width: 120% !important;
    margin-top: -5%;
  }
}

@media (max-width:993px) and (min-width:950px) {
  #mf-row-mid-side1 {
    width: 120% !important;
    margin-top: -35%;
  }
}

@media (max-width:1099px) and (min-width:950px) {
  #tab-icon {
    width: 15% !important;
    margin-left: 80%;
    margin-top: -13%;
  }
}

@media (max-width:1099px) and (min-width:950px) {
  #mf-st-pic1 {
    margin-top: -19% !important;
  }
}

@media (max-width:1099px) and (min-width:950px) {
  .mf-st-pic {
    width: 32% !important;
  }
}

@media (max-width:1099px) and (min-width:950px) {
  .mf-font-small {
    width: 95% !important;
  }
}

@media (max-width:1099px) and (min-width:950px) {
  #white-page {
    width: 80% !important;
  }
}

@media (max-width:1099px) and (min-width:950px) {
  .mf-st-pic {
    margin-top: -17% !important;
  }
}

@media (max-width:1099px) and (min-width:950px) {
  #footer-small {
    width: 100% !important;
    margin-top: 37% !important;
    margin-left: 5%;
  }
}

@media (max-width:1200px) and (min-width:950px) {
  .mf-down-list-pic {
    width: 95% !important;
  }
}

.mf-down-list-p2 {
}

@media (max-width:1200px) and (min-width:950px) {
  #white-page {
    width: 80% !important;
  }
}

@media (max-width:1200px) and (min-width:950px) {
  #white-page {
    width: 80% !important;
  }
}

@media (max-width:1200px) and (min-width:950px) {
  #white-page {
    width: 80% !important;
  }
}

@media (max-width:1200px) and (min-width:950px) {
  #white-page {
    width: 80% !important;
  }
}

@media (max-width:1200px) and (min-width:950px) {
  #white-page {
    width: 80% !important;
  }
}

@media (max-width:1200px) and (min-width:950px) {
  .mf-down-list-p2 {
    width: 107% !important;
  }
}

@media (max-width:1200px) and (min-width:950px) {
  #mf-down-list-btn1 {
    margin-top: 7% !important;
  }
}

@media (max-width:1200px) and (min-width:950px) {
  #mf-down-list-btn2 {
    margin-top: 15% !important;
  }
}

@media (max-width:940px) and (min-width:900px) {
  #mf-row-2 {
    width: 40% !important;
  }
}

@media (max-width:940px) and (min-width:900px) {
  #mf-row-mid-side1 {
    width: 350% !important;
    margin-left: 60%;
  }
}

@media (max-width:940px) and (min-width:900px) {
  #body-2 {
    width: 100% !important;
    margin-left: 0%;
  }
}

@media (max-width:940px) and (min-width:900px) {
  #mf-row-mid-side {
    width: 100% !important;
  }
}

#mf-btna {
}

@media (max-width:940px) and (min-width:900px) {
  #col-mf-999 {
    width: 75% !important;
  }
}

@media (max-width:940px) and (min-width:900px) {
  .mf-st-pic {
    width: 35% !important;
    float: left;
    margin-top: 3%;
  }
}

@media (max-width:940px) and (min-width:900px) {
  .mf-font-big {
    font-size: 130% !important;
  }
}

@media (max-width:940px) and (min-width:900px) {
  .mf-font-small {
    font-size: 75% !important;
  }
}

@media (max-width:940px) {
  #tab-icon {
    display: none;
  }
}

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

@media (max-width:940px) and (min-width:900px) {
  .mf-div-list {
    margin-left: 40% !important;
    margin-top: -18% !important;
    float: right;
  }
}

@media (max-width:940px) and (min-width:900px) {
  #col-down-list-small {
    margin-top: -35% !important;
  }
}

@media (max-width:940px) and (min-width:900px) {
  .mf-down-list-pic {
    width: 40% !important;
  }
}

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

@media (max-width:940px) and (min-width:900px) {
  #footer-small {
    margin-top: 30% !important;
    margin-left: 12%;
  }
}

@media (max-width:940px) {
  #tab-4 {
    display: none;
  }
}

@media (max-width:890px) and (min-width:450px) {
  #mf-header {
    width: 110% !important;
    margin-left: 0%;
  }
}

@media (max-width:890px) {
  #mf-row-2 {
    width: 100% !important;
  }
}

@media (max-width:890px) and (min-width:800px) {
  #mf-row-mid-side1 {
    width: 123% !important;
    margin-top: -17%;
  }
}

@media (max-width:890px) and (min-width:560px) {
  .mf-font-big {
    font-size: 135% !important;
    margin-top: -10% !important;
  }
}

@media (max-width:890px) and (min-width:560px) {
  .mf-font-small {
    width: 90% !important;
    font-size: 80% !important;
  }
}

@media (max-width:890px) {
  .mf-st-pic {
    width: 35% !important;
    float: left;
    margin-top: 1% !important;
  }
}

@media (max-width:890px) {
  .mf-div-list {
    float: right;
    margin-top: -14% !important;
  }
}

@media (max-width:890px) and (min-width:560px) {
  #footer-small {
    margin-top: 30% !important;
    margin-left: 9%;
  }
}

@media (max-width:790px) and (min-width:700px) {
  #mf-row-mid-side1 {
    width: 140% !important;
    margin-top: -25% !important;
    margin-left: -12% !important;
  }
}

@media (max-width:550px) {
  #footer-small {
    width: 100% !important;
    font-size: 80% !important;
    margin-top: 35% !important;
    margin-left: 10%;
  }
}

@media (max-width:550px) {
  html {
    width: 95% !important;
  }
}

@media (max-width:550px) and (min-width:440px) {
  #mf-row-mid-side1 {
    width: 150% !important;
    margin-left: -8%;
    margin-top: -30%;
  }
}

@media (max-width:550px) and (min-width:400px) {
  .mf-font-big {
    font-size: 90% !important;
    margin-top: -8% !important;
  }
}

@media (max-width:550px) and (min-width:400px) {
  .mf-font-small {
    font-size: 45% !important;
  }
}

@media (max-width:550px) and (min-width:400px) {
  #col-mf {
    margin-left: -5% !important;
  }
}

@media (max-width:435px) and (min-width:402px) {
  #mf-row-mid-side1 {
    width: 177% !important;
    margin-left: -28%;
    margin-top: -40%;
  }
}

@media (max-width:395px) and (min-width:200px) {
  #mf-font1 {
    font-size: 90% !important;
  }
}

@media (max-width:395px) and (min-width:200px) {
  #mf-font2 {
    font-size: 385% !important;
    margin-top: -40% !important;
    margin-bottom: 20%;
  }
}

@media (max-width:395px) and (min-width:200px) {
  #col-mf {
    margin-left: -5% !important;
  }
}

@media (max-width:395px) and (min-width:361px) {
  header {
    width: 115% !important;
    margin-left: -20%;
  }
}

@media (max-width:395px) and (min-width:365px) {
  #mf-row-mid-side1 {
    width: 180% !important;
    margin-left: -30%;
    margin-top: -30%;
  }
}

@media (max-width:395px) and (min-width:200px) {
  .mf-font-big {
    font-size: 80% !important;
    margin-top: -10% !important;
  }
}

@media (max-width:395px) and (min-width:200px) {
  .mf-font-small {
    font-size: 40% !important;
  }
}

@media (max-width:395px) and (min-width:200px) {
  .mf-btn-list {
    width: 30% !important;
    font-size: 55% !important;
  }
}

@media (max-width:395px) and (min-width:200px) {
  #logo-img {
    width: 75% !important;
  }
}

@media (max-width:395px) and (min-width:200px) {
  #nav-logo-img {
    width: 66% !important;
  }
}

@media (max-width:395px) {
  .mf-body {
    width: 80% !important;
    margin-left: 20% !important;
  }
}

@media (max-width:361px) and (min-width:200px) {
  header {
    width: 100% !important;
    margin-left: -1%;
  }
}

@media (max-width:365px) and (min-width:200px) {
  #col-mf {
    margin-left: 26% !important;
  }
}

@media (max-width:365px) and (min-width:200px) {
  #col-mf-1 {
    margin-left: -4% !important;
  }
}

@media (max-width:365px) and (min-width:200px) {
  #mf-row {
    width: 115% !important;
  }
}

@media (max-width:365px) and (min-width:200px) {
  #mf-row-mid-side1 {
    width: 237% !important;
    margin-left: 0%;
    margin-top: -54%;
  }
}

@media (max-width:365px) and (min-width:200px) {
  .mf-btn-list {
    margin-top: 0% !important;
  }
}

@media (max-width:365px) and (min-width:200px) {
  #mf-st-pic1 {
    margin-top: -15% !important;
  }
}

@media (max-width:365px) and (min-width:200px) {
  #mf-st-pic3 {
    margin-top: 2% !important;
  }
}

@media (max-width:365px) and (min-width:200px) {
  #footer-small {
    width: 150% !important;
    margin-left: 9%;
  }
}

@media (max-width:365px) and (min-width:200px) {
  .mf-body {
    width: 70% !important;
    margin-left: -6% !important;
  }
}

@media (max-width:281px) and (min-width:200px) {
  #mf-font2 {
    font-size: 250% !important;
  }
}

@media (max-width:281px) and (min-width:200px) {
  #mf-row-mid-side1 {
    width: 250% !important;
  }
}

@media (max-width:281px) and (min-width:200px) {
  .mf-font-big {
    font-size: 50% !important;
  }
}

@media (max-width:281px) and (min-width:200px) {
  .mf-font-small {
    font-size: 30% !important;
  }
}

@media (max-width:281px) and (min-width:200px) {
  .mf-btn-list {
    font-size: 30% !important;
  }
}

@media (max-width:281px) and (min-width:200px) {
  #nav-logo-img {
    width: 60% !important;
  }
}

@media (max-width:680px) and (min-width:551px) {
  #mf-row-mid-side1 {
    width: 128% !important;
    margin-top: -33%;
  }
}

@media (max-width:680px) and (min-width:551px) {
  .mf-font-big {
    font-size: 100% !important;
    margin-top: -10% !important;
  }
}

@media (max-width:680px) and (min-width:551px) {
  .mf-font-small {
    font-size: 45% !important;
  }
}

@media (max-width:680px) and (min-width:551px) {
  #footer-small {
    margin-top: 35% !important;
    margin-left: 15% !important;
  }
}

@media (max-width:940px) and (min-width:900px) {
  #body-1 {
    margin-left: 17% !important;
  }
}

@media (max-width:550px) and (min-width:500px) {
  #body-1 {
    margin-left: 19% !important;
    margin-bottom: 8%;
  }
}

@media (max-width:450px) and (min-width:400px) {
  #body-2 {
    margin-left: 18% !important;
  }
}

@media (max-width:399px) and (min-width:370px) {
  #body-1 {
    margin-left: -1% !important;
  }
}

@media (max-width:400px) and (min-width:370px) {
  #body-2 {
    margin-left: 0% !important;
  }
}

@media (max-width:399px) and (min-width:370px) {
  #footer-small {
    margin-left: -8% !important;
  }
}