@media screen and (max-width: 1980px) {
  .about-section,
  .more-lern-content.salon {
    position: relative;
    /* top: 75px; */
  }
}
@media screen and (max-width: 1960px) {
  .about-section,
  .more-lern-content.salon {
    position: relative;
    /* top: 75px; */
  }
}
@media screen and (max-width: 1940px) {
  .about-section,
  .more-lern-content.salon {
    position: relative;
    /* top: 75px; */
  }
}
@media screen and (max-width: 1600px) {
  .about-section,
  .more-lern-content.salon {
    position: relative;
    /*top:45px*/
  }
}

@media screen and (max-width: 1366px) {
  html,
  body {
    /* overflow: scroll; */
  }
  .about-section,
  .more-lern-content.salon {
    position: relative;
    /*top:50px*/
  }
  .brand-logo-section a.brand-logo img {
    width: 68%;
  }
  footer {
    bottom: -240px;
  }
  .home-section {
    /* bottom: -277px; */
  }
  .more-lern-content.spa {
    position: relative;
    top: 50px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-item .nav-link {
    padding: 0 5px;
  }
  html,
  body {
    /* overflow: scroll; */
  }
  .contact-box .row .col-sm-8,
  .contact-box .row .col-sm-4 {
    max-width: 100%;
    float: left;
    flex: 0 0 100%;
    margin: 20px 0;
  }
  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 11px;
    padding: 0 9px;
  }
  .top-social ul li a {
    width: 21px;
    font-size: 13px;
  }
  .about-section,
  .more-lern-content.salon,
  .more-lern-content.spa {
    position: relative;
    /* top: 50px; */
  }
}
@media screen and (max-width: 1024px) {
  .brand-logo-section a.brand-logo img {
    width: 100%;
  }
  .about-section,
  .more-lern-content.salon,
  .more-lern-content.spa {
    position: relative;
    /* top: 50px; */
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 10px;
    padding: 0 11px;
    line-height: 54px;
  }
  .top-social ul li a {
    width: 20px;
    font-size: 10px;
  }
  div#navbarSupportedContent {
    margin-top: -18px;
  }
}

@media screen and (max-width: 888px) {
  .top-social ul li a {
    width: 19px;
    font-size: 10px;
  }
  header .row .col-md-2 {
    padding: 0;
  }
}
@media screen and (max-width: 860px) {
  .navbar .navbar-nav .nav-item .nav-link {
    padding: 0 9px;
  }
}
@media screen and (max-width: 831px) {
  .top-social ul li a {
    width: 18px;
  }
}
@media screen and (max-width: 860px) {
  .navbar .navbar-nav .nav-item .nav-link {
    padding: 0 6px;
  }
}
@media screen and (max-width: 767px) {
  html,
  body {
    /* overflow: scroll; */
  }
  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 10px;
    padding: 0 10px;
  }
  footer {
    padding: 50px 0 20px;
  }
  .home-section {
    /* bottom: -220px; */
  }
  .brand-logo-section a.brand-logo img {
    width: auto;
  }
  .brand-logo-section a.brand-logo img {
    width: auto;
  }
}
@media screen and (max-width: 766px) {
}
@media (max-width: 667px) {
}
@media (max-width: 575px) {
  div#navbarSupportedContent,
  .navbar-toggler {
    border: 2px solid #fff;
  }
  html,
  body {
    /* overflow: scroll; */
  }
  .brand-logo-section {
    /* margin: 0 0 10px; */
  }
  .navbar .navbar-nav .nav-item {
    margin-right: 0;
  }
  .navbar .navbar-nav .nav-item .nav-link {
    padding: 0;
  }
  .about-section-right span {
    margin: 10px 0;
  }
  .navbar .navbar-nav .nav-item .nav-link {
    padding: 0;
    margin: 7px 0;
    text-align: left;
  }
  .navbar-nav {
    background-color: #000;
  }
  .col3 {
    width: 200px;
  }
  h3 {
    font-size: 14px;
    line-height: 16px;
  }
  ._date {
    width: 53px;
    height: 55px;
    margin-right: 5px;
  }
  ._date > span {
    font-size: 14px;
    margin-top: 8px;
    line-height: 21px;
  }
  .home-section .column {
    float: left;
    width: 100%;
  }
  .home-section {
    /* bottom: -35%; */
  }
  footer {
    bottom: -570px;
  }
  .brand-logo-section a.brand-logo img {
    width: auto;
  }
  .navbar .navbar-nav .nav-item {
    display: block;
    padding: 0 0 9px 14px;
  }
}
@media (max-width: 568px) {
  .home-section .column {
    width: 100%;
  }
  .home-section {
    /* bottom: -260px; */
    /* position: relative; */
  }
}
@media (max-width: 480px) {
  .home-section .column {
    width: 100%;
  }
}
@media (max-width: 375px) {
  .home-section .column {
    width: 100%;
  }
}
@media (max-width: 320px) {
  .home-section .column {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .main {
    min-height: 930px;
  }
}

@media (max-width: 599px) {
  .main {
    min-height: 1085px;
  }
}

.about-page .main {
  min-height: 850px;
}

.contact-page .main {
  min-height: 785px;
}

@media (max-width: 1199px) {
  .main {
    min-height: 650px;
  }
  .about-page .main {
    min-height: 800px;
  }
  .contact-page .main {
    min-height: 1100px;
  }
}

@media (max-width: 991px) {
  .main {
    min-height: 685px;
  }
  .about-page .main {
    min-height: 850px;
  }
  .contact-page .main {
    min-height: 800px;
  }
}

@media (max-width: 767px) {
  .main {
    min-height: 840px;
  }
  .about-page .main {
    min-height: 890px;
  }
  .contact-page .main {
    min-height: 1210px;
  }
}

@media (max-width: 599px) {
  .main {
    min-height: 995px;
  }
  .about-page .main {
    min-height: 980px;
  }
  .contact-page .main {
    min-height: 1400px;
  }
}

@media (max-width: 575px) {
  .contact-page .main {
    min-height: 1820px;
  }
}