.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

@media (max-width: 543px) {
  nav {
    width: 75%;
  }

  .logo img {
    width: 75%;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  nav {
    width: 50%;
  }
}
@media (min-width: 544px) {
  .container, .ls-container, .lg-container, .sm-container {
    max-width: 576px;
  }
}
@media (max-width: 768px) {
  body {
    font-size: 13px;
  }

  main {
    margin-bottom: -450px;
  }

  .pg-push {
    height: 400px;
  }

  .visible-xs {
    display: block !important;
  }

  .hidden-xs {
    display: none !important;
  }

  .index-slider {
    height: 675px;
  }
  .index-slider-content {
    padding-top: 160px;
  }

  header {
    height: 130px;
  }
  header .lg-container {
    height: 100%;
    position: relative;
  }

  .logo {
    width: 100%;
  }

  .site-brands {
    float: left;
    width: 100%;
  }
  .site-brands.brands-header {
    margin-top: 200px;
  }

  .site-rule {
    margin-top: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .site-rule.home-rule {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .facebook {
    text-align: center;
  }
  .facebook figure img {
    display: inline-block;
  }
  .facebook figure figcaption {
    display: inline-block;
    vertical-align: super;
  }

  footer {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
  }
  footer .logo {
    width: 100%;
  }
  footer .site-brands.brands-footer {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}
@media (min-width: 769px) {
  main {
    margin-bottom: -292px;
  }

  .pg-push {
    height: 292px;
  }

  .container, .ls-container, .lg-container, .sm-container {
    max-width: 820px;
  }

  .site-brands.brands-footer {
    float: right;
  }

  .social-row {
    margin-top: 80px;
  }
  .facebook figure figcaption {
    float: left;
    padding-left: 10px;
  }

  footer {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  body {
    font-size: 13px;
  }

  .visible-md {
    display: block !important;
  }

  .hidden-md {
    display: none !important;
  }

  .site-brands.brands-header {
    margin-top: 50px;
  }

  .site-rule {
    margin-top: 100px;
  }

  .index-slider {
    height: 585px;
  }
  .index-slider-content {
    padding-top: 160px;
  }
  .footer-info{
    text-align: center;
  }
}
@media (min-width: 992px) {
  .container, .ls-container, .lg-container {
    max-width: 940px;
  }

  nav ul li {
    height: 120px;
  }
  nav ul li.current a, nav ul li:hover a {
    background-image: url(../images/icon-menu-list.svg);
  }
  nav ul li.current a::after, nav ul li:hover a::after {
    max-height: 120px;
  }
  nav ul li a {
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom 10px center;
    background-size: 25px;
  }
  nav ul li a b {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
    color: #000000;
  }
  nav ul li a::after {
    content: '';
    float: left;
    width: 100%;
    max-height: 0px;
    height: 100%;
    overflow: hidden;
    background-color: #505050;
    -webkit-transition: max-height 100ms ease-in-out;
    -moz-transition: max-height 100ms ease-in-out;
    -ms-transition: max-height 100ms ease-in-out;
    -o-transition: max-height 100ms ease-in-out;
    transition: max-height 100ms ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }

  .index-slider {
    height: 750px;
  }
  .index-slider-content {
    padding-top: 160px;
  }

  .page-slider, .sub-slider {
    background-image: url(../images/page-slider.png);
  }

  .site-brands.brands-header {
    margin-top: 45px;
  }

  .site-rule.home-rule {
    margin-top: 125px;
  }
  .site-rule.sub-rule {
    margin-top: 45px;
  }

  .page-slider {
    width: 1303px;
    height: 750px;
    left: 145px;
  }

  .sub-slider {
    width: 850px;
    height: 490px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    right: -100px;
  }

  .index-notification {
    margin-bottom: 100px;
  }

  .facebook img {
    float: left;
  }
  .footer-info b{
    text-align: right;
  }
}
@media (max-width: 991px) {
  nav {
    float: right;
    max-height: 0;
    margin-top: 85px;
    background-color: #2D5885;
    overflow: hidden;
    -webkit-transition: max-height 400ms ease-in-out;
    -moz-transition: max-height 400ms ease-in-out;
    -ms-transition: max-height 400ms ease-in-out;
    -o-transition: max-height 400ms ease-in-out;
    transition: max-height 400ms ease-in-out;
  }
  nav.current {
    max-height: 400px;
  }
  nav ul {
    padding-top: 25px;
    padding-right: 5px;
    padding-bottom: 25px;
    padding-left: 5px;
  }
  nav ul li {
    width: 100%;
  }
  nav ul li a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  nav ul li a b {
    color: #ffffff;
  }
  nav ul li a b:first-child {
    padding-right: 3px;
  }

  .page-slider, .sub-slider {
    background-image: url(../images/page-slider-mobile.png);
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
  }

  .page-slider, .sub-slider {
    width: 100%;
  }

  .page-slider {
    height: 580px;
    left: 0;
  }

  .sub-slider {
    height: 490px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
  }

  /*
  .site-rule.sub-rule{
      margin-top:175px;
  }
  */
  .index-slider-content {
    float: left;
    width: 100%;
    padding-top: 50px;
  }

  .sub-wrapper {
    padding-top: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg {
    display: block !important;
  }

  .hidden-lg {
    display: none !important;
  }

  body {
    font-size: 14px;
  }

  nav ul li a {
    padding-right: 7px;
    padding-left: 7px;
  }
}
@media (min-width: 1200px) {
  body {
    font-size: 13.5px;
  }

  .container, .lg-container {
    max-width: 1170px;
  }

  .hidden-lg {
    display: none !important;
  }

  nav ul li a {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 1370px) and (max-width: 1569px) {
  body {
    font-size: 15px;
  }

  .container {
    max-width: 1340px;
  }
}
@media (min-width: 1570px) {
  body {
    font-size: 15px;
  }

  .container {
    max-width: 1540px;
  }
}
.container, .ls-container, .lg-container, .sm-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.container::after, .ls-container::after, .lg-container::after, .sm-container::after {
  content: "";
  display: table;
  clear: both;
}

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.container-fluid::after {
  content: "";
  display: table;
  clear: both;
}

.row {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}

.row::after {
  content: "";
  display: table;
  clear: both;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

@media (min-width: 544px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.3333333333%;
  }

  .col-sm-2 {
    width: 16.6666666667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.3333333333%;
  }

  .col-sm-5 {
    width: 41.6666666667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.3333333333%;
  }

  .col-sm-8 {
    width: 66.6666666667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.3333333333%;
  }

  .col-sm-11 {
    width: 91.6666666667%;
  }

  .col-sm-12 {
    width: 100%;
  }
}
@media (min-width: 769px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.3333333333%;
  }

  .col-md-2 {
    width: 16.6666666667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.3333333333%;
  }

  .col-md-5 {
    width: 41.6666666667%;
  }

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

  .col-md-7 {
    width: 58.3333333333%;
  }

  .col-md-8 {
    width: 66.6666666667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.3333333333%;
  }

  .col-md-11 {
    width: 91.6666666667%;
  }

  .col-md-12 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.3333333333%;
  }

  .col-lg-2 {
    width: 16.6666666667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.3333333333%;
  }

  .col-lg-5 {
    width: 41.6666666667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.3333333333%;
  }

  .col-lg-8 {
    width: 66.6666666667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.3333333333%;
  }

  .col-lg-11 {
    width: 91.6666666667%;
  }

  .col-lg-12 {
    width: 100%;
  }
}
@media (min-width: 1370px) {
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    float: left;
  }

  .col-xl-1 {
    width: 8.3333333333%;
  }

  .col-xl-2 {
    width: 16.6666666667%;
  }

  .col-xl-3 {
    width: 25%;
  }

  .col-xl-4 {
    width: 33.3333333333%;
  }

  .col-xl-5 {
    width: 41.6666666667%;
  }

  .col-xl-6 {
    width: 50%;
  }

  .col-xl-7 {
    width: 58.3333333333%;
  }

  .col-xl-8 {
    width: 66.6666666667%;
  }

  .col-xl-9 {
    width: 75%;
  }

  .col-xl-10 {
    width: 83.3333333333%;
  }

  .col-xl-11 {
    width: 91.6666666667%;
  }

  .col-xl-12 {
    width: 100%;
  }
}