@media (min-width: 1700px) and (max-width: 1920px) {
  .navbar-brand:before {
    width: 610px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .banner .main-slider .slick-slide .bg-image {
    height: 60vh; }

  .navbar-brand::before {
    width: 260px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-nav li a {
    padding: 5px 10px !important;
    font-size: 12px; }

  .navbar-brand::before {
    width: 200px; }
  .navbar-brand img {
    width: 90%; }

  .navbar.affix .navbar-brand img {
    width: 78%; }

  .banner .main-slider .slick-slide .bg-image {
    height: 50vh; } }
@media (min-width: 481px) and (max-width: 767px) {
  .top-header .social-icons {
    float: unset;
    text-align: center; }

  .navbar-brand::before {
    bottom: unset;
    top: -10px;
    left: -50px;
    width: 150px;
    height: 60px;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg); }
  .navbar-brand img {
    width: 80px; }

  .navbar.affix .navbar-brand::before {
    top: 0; }

  .banner .main-slider .slick-slide .bg-image {
    height: 60vh; } }
@media (min-width: 321px) and (max-width: 480px) {
  .top-header .social-icons {
    float: unset;
    text-align: center; }

  .navbar-brand::before {
    bottom: unset;
    top: -10px;
    left: -50px;
    width: 150px;
    height: 60px;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg); }
  .navbar-brand img {
    width: 80px; }

  .navbar.affix .navbar-brand::before {
    top: 0; }

  .banner .main-slider .slick-slide .bg-image {
    height: 60vh; } }
@media (max-width: 320px) {
  .top-header .social-icons {
    float: unset;
    text-align: center; }

  .navbar-brand::before {
    bottom: unset;
    top: -10px;
    left: -50px;
    width: 150px;
    height: 60px;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg); }
  .navbar-brand img {
    width: 80px; }

  .navbar.affix .navbar-brand::before {
    top: 0; }

  .banner .main-slider .slick-slide .bg-image {
    height: 60vh; } }

/*# sourceMappingURL=responsive.css.map */