.milestones.milestones2 {
  display: none;
}
@media (max-width: 575px) {
  .milestones.milestones1 {
    display: none;
  }
  .milestones.milestones2 {
    display: block;
  }
  .section-title {
    font-size: 30px;
  }
  .highlight {
    padding: 12px 24px;
    min-width: 240px;
    font-size: 24px;
  }
  .header ul>li,
  .header ul >a>li {
    padding: 7px 9.8px;
    font-size: 14px;
  }
  .header ul>li.logo,
  .header ul >a>li.logo {
    margin: 0 5px 0 0;
  }
  .header ul>li.logo img,
  .header ul >a>li.logo img {
    height: 42px;
  }
  .header ul>li.lang,
  .header ul>li.login,
  .header ul >a>li.lang,
  .header ul >a>li.login {
    margin: 0;
    padding: 7px;
  }
  .header ul>li>ol,
  .header ul >a>li>ol {
    padding: 10px 0 0;
  }
  .header ul>li>ol li,
  .header ul >a>li>ol li {
    padding: 20px 20px;
  }
  .footer {
    padding: 30px 0 14px;
  }
  .footer .sitemap>ul>li {
    margin-right: 28px;
    max-width: 140px;
  }
  .footer .sitemap>ul>li>ul>li,
  .footer .sitemap>ul>li>ul>a>li {
    margin-bottom: 14px;
    font-size: 14px;
  }
  .footer .sitemap>ul>li>ul>li.logo img,
  .footer .sitemap>ul>li>ul>a>li.logo img {
    width: 95px;
  }
  .footer .sitemap>ul>li>ul>li.search,
  .footer .sitemap>ul>li>ul>a>li.search {
    margin: 40px 0 0;
    width: 300px;
    height: 47px;
    height: auto;
  }
  .footer .sitemap>ul>li>ul>li.search span,
  .footer .sitemap>ul>li>ul>a>li.search span {
    font-size: 36px;
  }
  .footer .sitemap>ul>li>ul>li.search input,
  .footer .sitemap>ul>li>ul>a>li.search input {
    padding: 10px;
    width: 233px;
    height: 47px;
  }
  .footer .sitemap>ul>li>ul>li.search .btn-search-submit,
  .footer .sitemap>ul>li>ul>a>li.search .btn-search-submit {
    width: 47px;
    height: 47px;
  }
  .footer .sitemap>ul>li>ul>a:first-child li,
  .footer .sitemap>ul>li>ul>a li.head {
    font-size: 18px;
  }
  .footer .sitemap>ul>li>ul>li:first-child,
  .footer .sitemap>ul>li>ul>li.head {
    font-size: 18px;
  }
  .footer .sitemap>ul>li:first-child {
    width: 100px;
  }
  .footer .copyright,
  .footer .tc {
    font-size: 14px;
  }
  .footer hr {
    margin: 14px 0;
  }
  .banner .banner-content .description {
    font-size: 17px;
  }
  .banner[data-view=true]+.header {
    top: 30px;
    left: calc(50vw - 585px);
    right: calc(50vw - 585px);
  }
  .banner[data-view=true]+.header ul li {
    padding: 7px 18.2px;
  }
  .banner[data-view=true]+.header ul li.lang,
  .banner[data-view=true]+.header ul li.login {
    margin: 0 14px;
    padding: 7px;
    width: 35px;
    height: 35px;
  }
  .banner .search input {
    padding: 14px 14px _ 2;
    height: 42px;
    font-size: 14px;
  }
  .banner .search .btn-search-submit {
    width: 42px;
    height: 42px;
  }
  .about {
    padding-top: 80px;
  }
  .about .about-col {
    margin-top: 30px;
    text-align: center;
  }
  .about .about-col h3 {
    margin-top: 1px;
    font-size: 17px;
  }
  .about .about-col .circle {
    width: 140px;
    height: 140px;
  }
  .about .about-col .circle .border {
    width: 140px;
    height: 140px;
    transform: scale(.5);
  }
  .about .about-col .circle .image {
    margin: 20px;
    width: 140px;
    height: 140px;
    border-width: 8px;
    background-size: auto 100%;
    margin: 0 !important;
  }
  .about .about-col .section-title {
    margin-bottom: 20px;
  }
  .about .about-col .description {
    margin-top: 0;
    padding: 0 15px;
    font-size: 17px;
  }
  .about .about-col .about-back {
    margin-top: 30px;
    padding-left: 45px;
    font-size: 20px;
    background-size: auto 100%;
  }
  .about .about-col .bg-circle {
    width: 550px;
    height: 550px;
    background-size: 525px 525px;
  }
  .about .about-col.hover:hover h3 {
    font-size: 28px;
  }
  .about .about-col.hover:hover .circle .border {
    width: 140px;
    height: 140px;
    transform: scale(.5);
  }
  .about .about-col.hover:hover .circle .image {
    margin: 5px;
    width: 250px;
    height: 250px;
    background-size: auto 100%;
  }
  .about .about-col.inactive.active {
    min-height: 550px;
  }
  .about .about-col.inactive.active .bg-circle {
    left: -380px;
    opacity: .25;
  }
  .about .about-col.inactive.active.style-circle .circle {
    margin-left: calc(100% - 280px);
    margin-top: 0px;
  }
  .about .about-col.inactive.active.style-circle .description {
    margin-left: calc(-100% + 110px);
    margin-top: 210px;
    width: 100%;
  }
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #ffffff;
  }
  .about-description .about-content h3 {
    margin-bottom: 40px;
    font-size: 30px;
  }
  .about-description .about-content .description {
    font-size: 17px;
  }
  .about-description .about-content.active {
    margin-top: 80px;
  }
  .about-description .milestones .milestone-col {
    height: 200px !important;
  }
  .about-description .milestones .milestone-col .title {
    font-size: 28px;
  }
  .about-description .milestones .milestone-col .description {
    width: 306px;
    height: 201.6px;
    font-size: 20px;
  }
  .about-description .milestones .milestone-col .description>div {
    bottom: auto !important;
  }
  .about-description .milestones .milestone-col .image {
    width: 306px;
    height: 201.6px;
    width: auto !important;
    margin-left: 30px !important;
  }
  .about-description .milestones .milestone-col .dots {
    margin: 40px -40px;
  }
  .brands {
    margin-top: 30px;
  }
  .brands h2 {
    margin-bottom: 15px;
  }
  .brands .description {
    margin-bottom: 15px;
    font-size: 17px;
  }
  .brands .brand-col {
    margin: 10px 10px;
    width: 140px;
    height: 140px;
  }
  .brands .brand-col .content .fb,
  .brands .brand-col .content .ig,
  .brands .brand-col .content .yt,
  .brands .brand-col .content .wc,
  .brands .brand-col .content .tt,
  .brands .brand-col .content .wb,
  .brands .brand-col .content .wt {
    padding: 12px;
    width: 48px;
    height: 48px;
  }
  .promotes {
    margin-top: 30px;
  }
  .promotes .section-title {
    margin-bottom: 15px;
  }
  .promotes a .promote-col {
    margin: 17.5px 0;
    width: calc(100% - 0px);
  }
  .promotes a .promote-col .image {
    height: calc((100vw - 30px) * .6);
  }
  .promotes a .promote-col .content {
    padding: 8px 20px 8px 0;
  }
  .promotes a .promote-col .content .title {
    font-size: 16px;
  }
  .promotes a .promote-col .content .date {
    font-size: 12px;
  }
  .contact {
    margin-top: 30px;
    margin-bottom: 15px;
  }
  .contact .section-title {
    margin-bottom: 15px;
  }
  .contact .form-group {
    margin-bottom: 21px;
  }
  .contact input,
  .contact select,
  .contact textarea {
    font-size: 14px;
  }
  .contact input {
    padding: 7px 14px;
    height: 42px;
  }
  .contact select {
    padding: 0 14px;
    height: 41px;
  }
  .contact textarea {
    padding: 7px 14px;
    height: 105px;
  }
  .contact .btn-submit-contact-div {
    margin: 14px 0;
    overflow: hidden;
  }
  .contact .btn-submit-contact {
    padding: 8px 16px;
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: normal;
  }
  .contact .g-recaptcha {
    margin-left: 50%;
    transform: translateX(-50%);
  }
  .gallerys {
    padding-top: 30px;
  }
  .gallerys .section-title {
    margin-bottom: 15px;
  }
  .gallerys .description {
    margin-bottom: 17px;
    font-size: 17px;
  }
  .gallerys .filter-div {
    flex-wrap: wrap;
  }
  .gallerys .filter-div .filter-col {
    font-size: 17px;
  }
  .gallerys .gallery-grid .grid-sizer {
    width: 300px;
  }
  .gallerys .gallery-grid .grid-gutter {
    width: 10px;
  }
  .gallerys .gallery-grid .gallery-col .image.image-1 {
    width: 280px;
    height: 355px;
  }
  .gallerys .gallery-grid .gallery-col .image.image-2 {
    width: 590px;
    height: 355px;
  }
  .gallerys .gallery-grid .gallery-col .image>div>div {
    width: 100%;
  }
  .gallerys .gallery-grid .gallery-col .image>div>div p {
    margin-bottom: 17px;
    font-size: 17px;
  }
  .gallerys .gallery-grid .gallery-col .image>div>div .btn-custom {
    display: inline-block;
    display: -webkit-inline-block;
    padding: 6.8px 25.5px;
    width: auto;
    font-size: 13.6px;
  }
  .gallerys .gallery-more {
    margin: 40px 50%;
    height: auto;
    font-size: 17px;
  }
  .gallerys .hots .section-title {
    margin-bottom: 30px;
  }
  .gallerys .hots .hot-items .hot-item>div {
    width: 270px;
    height: 345px;
  }
  .gallerys-filter,
  .brands-filter {
    margin-top: 0;
    padding-top: 30px;
  }
  .gallerys-filter.gallerys-filter,
  .brands-filter.gallerys-filter {
    margin-top: -160px;
    padding-top: 80px;
  }
  .gallerys-filter.gallerys-filter .checkbox,
  .brands-filter.gallerys-filter .checkbox {
    top: 10px;
  }
  .gallerys-filter .btn-filter,
  .brands-filter .btn-filter {
    font-size: 17px;
  }
  .gallerys-filter .content .filting-grid .collecions-grid,
  .gallerys-filter .content .filting-grid .categories-grid,
  .brands-filter .content .filting-grid .collecions-grid,
  .brands-filter .content .filting-grid .categories-grid {
    margin-top: 0;
  }
  .gallerys-filter .content .filting-grid .collecions-grid table,
  .gallerys-filter .content .filting-grid .categories-grid table,
  .brands-filter .content .filting-grid .collecions-grid table,
  .brands-filter .content .filting-grid .categories-grid table {
    font-size: 17px;
  }
  .gallerys-filter .content .filting-grid .collecions-grid table th,
  .gallerys-filter .content .filting-grid .categories-grid table th,
  .brands-filter .content .filting-grid .collecions-grid table th,
  .brands-filter .content .filting-grid .categories-grid table th {
    padding: 8.5px 17px;
  }
  .gallerys-filter .content .filting-grid .collecions-grid table tr td,
  .gallerys-filter .content .filting-grid .categories-grid table tr td,
  .brands-filter .content .filting-grid .collecions-grid table tr td,
  .brands-filter .content .filting-grid .categories-grid table tr td {
    padding: 6.8px 25.5px 6.8px 17px;
  }
  .gallerys-filter .content .filting-grid .collecions-grid table tr td .checkbox,
  .gallerys-filter .content .filting-grid .categories-grid table tr td .checkbox,
  .brands-filter .content .filting-grid .collecions-grid table tr td .checkbox,
  .brands-filter .content .filting-grid .categories-grid table tr td .checkbox {
    right: 10px;
    top: -6px;
    width: 18px;
    height: 18px;
  }
  .gallerys-filter.filting,
  .brands-filter.filting {
    padding-bottom: 30px;
  }
  .gallerys-filter.brands-filter,
  .brands-filter.brands-filter {
    padding-bottom: 17px !important;
  }
  .gallerys-filter.brands-filter .btn-filter,
  .brands-filter.brands-filter .btn-filter {
    font-size: 13.6px;
  }
  .gallerys-filter.brands-filter .content,
  .brands-filter.brands-filter .content {
    margin-top: 20.4px !important;
  }
  .gallerys-filter.brands-filter .content .filting-grid .categories-grid table,
  .brands-filter.brands-filter .content .filting-grid .categories-grid table {
    font-size: 10.2px;
  }
  .gallerys-filter.brands-filter .content .filting-grid .categories-grid table tr td,
  .brands-filter.brands-filter .content .filting-grid .categories-grid table tr td {
    padding: 10px 30px 12px 0px;
    font-size: 10.2px;
  }
  .gallerys-filter.brands-filter .checkbox,
  .brands-filter.brands-filter .checkbox {
    top: 6px;
    width: 18px;
    height: 18px;
  }
  .gallerys-filter.brands-filter .checkbox .tick,
  .gallerys-filter.brands-filter .checkbox .border,
  .brands-filter.brands-filter .checkbox .tick,
  .brands-filter.brands-filter .checkbox .border {
    width: 18px;
    height: 18px;
  }
  .socials {
    margin: 30px 0 60px;
  }
  .socials .fb,
  .socials .ig,
  .socials .yt,
  .socials .wc,
  .socials .tt,
  .socials .wb,
  .socials .wt {
    margin: 0 75px;
    padding: 16px;
    width: 80px;
    height: 80px;
    background-size: 48px auto;
  }
  .infos .content-left,
  .infos .content-right {
    padding-top: 60px;
  }
  .infos .content-left {
    padding-top: 88px;
    width: 350px;
  }
  .infos .content-right {
    width: calc(100% - 350px);
  }
  .infos.directors .section-menu {
    padding: 15px;
  }
  .infos.directors .section-menu .active {
    border-width: 3px;
  }
  .infos.directors .section-menu .dummy {
    min-height: 0px;
    max-height: 80px;
    height: calc(100vh - 675px);
  }
  .infos.directors .section-menu ul li {
    margin: 20px 0;
    padding-left: 18px;
    font-size: 20px;
  }
  .infos.directors .section-menu ul li:first-child {
    margin: 0px 0 15px;
  }
  .infos.directors .section-menu ul li.active {
    padding-left: 15px;
    font-size: 30px;
  }
  .infos.directors .content-box {
    left: 30px;
    right: 30px;
    top: 75px;
    bottom: 15px;
  }
  .infos.directors .content-box .content-title {
    margin-bottom: 28px;
    font-size: 28px;
  }
  .infos.directors .content-box .content-body ul {
    margin-bottom: 30px;
  }
  .infos.directors .content-box .content-body ul li {
    font-size: 18px;
  }
  .infos.directors .content-box .content-body ul li:first-child {
    font-size: 20px;
  }
  .infos.locations #map {
    top: 60px;
  }
  .infos.locations .content-left {
    padding: 60px 15px 0px;
  }
  .infos.locations .content-left.open {
    padding: 60px 0px 0px;
  }
  .infos.locations .brand-widget {
    min-height: 64px;
  }
  .infos.locations .brand-widget .brand-selected {
    height: 64px;
  }
  .infos.locations .brand-widget .brand-selected[data-open="1"]+.brand-grid {
    min-height: calc(100vh - 140px);
  }
  .infos.locations .search-widget .title {
    margin-bottom: 14px;
    font-size: 21px;
  }
  .infos.locations .filter-div {
    margin-top: 9.8px;
    white-space: nowrap;
  }
  .infos.locations .filter-div .filter-col {
    margin: 0px 15px;
    font-size: 14px;
  }
  .infos.locations .shop-widget .shop-grid {
    padding-bottom: 100px;
    max-height: calc(100vh - 300px);
  }
  .infos.locations .shop-widget .shop-grid .shop .image,
  .infos.locations .shop-widget .shop-grid .shop .content {
    margin-top: 16px;
  }
  .infos.locations .shop-widget .shop-grid .shop .image {
    width: 75px;
    height: 75px;
  }
  .infos.locations .shop-widget .shop-grid .shop .content {
    margin-left: 15px;
    padding-bottom: 16px;
    min-height: auto;
    width: calc(100% - 100px);
  }
  .infos.locations .shop-widget .shop-grid .shop .content .shop-name {
    margin-top: 0px;
    font-size: 20px;
  }
  .infos.locations .shop-widget .shop-grid .shop .content .shop-address,
  .infos.locations .shop-widget .shop-grid .shop .content .shop-contact {
    padding-left: 24px;
    font-size: 14px;
    background-size: 14px auto;
  }
  .signs .content-left {
    padding-top: 60px;
    width: 45%;
  }
  .signs .content-left .image {
    width: 45%;
  }
  .signs .content-right {
    padding-top: 60px;
    width: 55%;
  }
  .signs .content-right .form {
    padding: 40px calc(50% - 250px);
    left: 0%;
  }
  .signs .content-right .form .logo-div.open {
    height: 80px;
  }
  .signs .content-right .form .section-div {
    margin-top: 40px;
    height: 45px;
  }
  .signs .content-right .form .section-div .section-col {
    font-size: 24px;
    font-size: 18px;
    padding: 6px 12px;
  }
  .signs .content-right .form .section-div .section-col.active {
    font-size: 19.2px;
  }
  .signs .content-right .form .magic-line {
    left: calc(50% - 250px);
  }
  .signs .content-right .form .btn-submit {
    margin-top: 40px;
  }
  .signs .content-right .form[data-type=registration] {
    padding: 40px calc(50% - 250px);
  }
  .signs .content-right .form input[type=text],
  .signs .content-right .form input[type=number],
  .signs .content-right .form input[type=tel],
  .signs .content-right .form input[type=email],
  .signs .content-right .form input[type=password] {
    font-size: 14px;
  }
  .signs .content-right .form select {
    font-size: 14px;
  }
  .signs .content-right .form .title {
    font-size: 24px;
  }
  .signs .content-right .form .remark {
    font-size: 13px;
  }
  .profile .content-box {
    margin-top: 90px;
    height: calc(100vh - 120px);
    padding: 30px;
  }
  .profile .content-box.guide .title {
    margin: 8.5px 0;
    font-size: 17px;
  }
  .profile .content-box.guide .subtitle {
    font-size: 11.9px;
  }
  .profile .content-box.guide .content {
    margin: 8.5px 0;
    font-size: 10.2px;
  }
  .profile .content-box.guide .content ul {
    padding-left: 20px;
  }
  .profile .content-box.guide .content ul li {
    margin-bottom: 5.1px;
  }
  .profile .content-box.guide .point {
    margin-top: 17px;
    padding-top: 34px;
    font-size: 17px;
  }
  .profile .content-box.guide .next-level {
    font-size: 11.9px;
  }
  .profile .content-box.guide .section-divider {
    margin: 17px 0;
  }
  .profile .content-box.profile-content .nav-tabs>li>a {
    font-size: 17px;
  }
  .profile .content-box.profile-content .tab-content {
    max-height: calc(100vh - 120px - 48px - 60px);
  }
  .profile .content-box.profile-content .title {
    margin: 8.5px 0;
    font-size: 13.6px;
  }
  .profile .content-box.profile-content .content {
    margin: 8.5px 0;
    font-size: 10.2px;
  }
  .profile .content-box.profile-content #inbox-message .content {
    margin: 0 0 8.5px;
  }
  .profile .content-box.profile-content #inbox-message hr {
    margin: 8.5px 0;
  }
  .profile .content-box.profile-content .input {
    margin: 8.5px 0;
  }
  .profile .content-box.profile-content .input .current-data,
  .profile .content-box.profile-content .input input,
  .profile .content-box.profile-content .input select {
    font-size: 14px;
  }
  .header,
  .footer {
    display: none;
  }
  .header-mobile,
  .footer-mobile {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 50px;
    background: #01204f;
    text-align: left;
    transition: 300ms;
    z-index: 10;
    overflow: hidden;
  }
  .header-mobile div,
  .footer-mobile div {
    position: relative;
  }
  .header-mobile .logo,
  .footer-mobile .logo {
    display: inline-block;
    display: -webkit-inline-block;
    margin-left: 50%;
    margin-top: 0;
    transform: translateX(-50%);
    transition: 300ms;
    z-index: 10;
  }
  .header-mobile .logo img,
  .footer-mobile .logo img {
    padding: 15px;
    width: auto;
    height: 50px;
  }
  .header-mobile .btn-nav,
  .footer-mobile .btn-nav {
    position: absolute;
    left: 0px;
    top: 0;
    width: 50px;
    height: 50px;
    transition: 300ms;
    z-index: 10;
  }
  .header-mobile .btn-nav:before,
  .header-mobile .btn-nav:after,
  .footer-mobile .btn-nav:before,
  .footer-mobile .btn-nav:after {
    content: '';
    position: absolute;
    left: 20px;
    width: 20px;
    height: 10px;
    background-color: #01204f;
    border-top: #ffffff 2px solid;
    border-bottom: #ffffff 2px solid;
    transition: 300ms;
  }
  .header-mobile .btn-nav:before,
  .footer-mobile .btn-nav:before {
    top: 16px;
  }
  .header-mobile .btn-nav:after,
  .footer-mobile .btn-nav:after {
    bottom: 16px;
  }
  .header-mobile .btn-profile,
  .header-mobile .btn-lang,
  .footer-mobile .btn-profile,
  .footer-mobile .btn-lang {
    position: absolute;
    top: calc(100vh - 30px - 50px);
    top: calc(100vh - 20px - 37.5px);
    top: auto;
    bottom: 50px;
    width: 37.5px;
    height: 37.5px;
    background-color: #01204f;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
  }
  .header-mobile .btn-profile,
  .footer-mobile .btn-profile {
    right: 30px;
    right: 100px;
    background-image: url('./../images/res/btn_rps_acc.png');
  }
  .header-mobile .btn-lang,
  .footer-mobile .btn-lang {
    right: 80px;
    right: 50px;
    background-image: url('./../images/res/btn_rps_lang.png');
  }
  .header-mobile .menu-nav,
  .footer-mobile .menu-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100vh;
    height: auto;
    z-index: 8;
  }
  .header-mobile .menu-nav >div,
  .footer-mobile .menu-nav >div {
    display: inline-block;
    display: -webkit-inline-block;
    left: 0;
    margin-top: 50vh;
    width: 100%;
    transform: translateY(-50%);
    transform: none;
  }
  .header-mobile .menu-nav li,
  .header-mobile .menu-nav a,
  .footer-mobile .menu-nav li,
  .footer-mobile .menu-nav a {
    color: #ffffff;
    font-size: 24px;
  }
  .header-mobile .menu-nav li,
  .footer-mobile .menu-nav li {
    margin: 24px 0;
  }
  .header-mobile .menu-nav ul,
  .header-mobile .menu-nav ol,
  .footer-mobile .menu-nav ul,
  .footer-mobile .menu-nav ol {
    list-style-type: none;
    padding-left: 20px;
  }
  .header-mobile .menu-nav ul,
  .footer-mobile .menu-nav ul {
    width: 40%;
  }
  .header-mobile .menu-nav ol,
  .footer-mobile .menu-nav ol {
    position: absolute;
    left: 40%;
    top: 0;
    transform: scaleX(0);
    transform-origin: left;
    transition: 300ms;
  }
  .header-mobile .menu-nav .main-nav,
  .footer-mobile .menu-nav .main-nav {
    overflow: hidden;
    transition: 300ms;
  }
  .header-mobile .menu-nav .main-nav >li.inactive,
  .header-mobile .menu-nav .main-nav >a.inactive li,
  .footer-mobile .menu-nav .main-nav >li.inactive,
  .footer-mobile .menu-nav .main-nav >a.inactive li {
    opacity: .5;
  }
  .header-mobile .menu-nav .main-nav >li.active,
  .footer-mobile .menu-nav .main-nav >li.active {
    opacity: 1;
  }
  .header-mobile .menu-nav .main-nav >li.active ol,
  .footer-mobile .menu-nav .main-nav >li.active ol {
    transform: scaleX(1);
  }
  .header-mobile .menu-nav .lang-nav,
  .footer-mobile .menu-nav .lang-nav {
    height: 0;
    overflow: hidden;
    transform: scaleY(0);
    transition: 300ms;
  }
  .header-mobile .menu-nav .lang-nav.active,
  .footer-mobile .menu-nav .lang-nav.active {
    height: auto;
    transform: scaleY(1);
  }
  .header-mobile .menu-nav .lang-nav.active+.main-nav,
  .footer-mobile .menu-nav .lang-nav.active+.main-nav {
    height: 0;
    transform: scaleY(0);
  }
  .header-mobile.active,
  .footer-mobile.active {
    height: 100vh;
  }
  .header-mobile.active .logo,
  .footer-mobile.active .logo {
    margin-top: 12.5px;
    margin-left: 30px;
    transform: translateX(0%) scale(1.2);
  }
  .header-mobile.active .btn-nav,
  .footer-mobile.active .btn-nav {
    left: calc(100% - 15px - 50px);
    top: 25px;
    top: 0;
  }
  .header-mobile.active .btn-nav:before,
  .header-mobile.active .btn-nav:after,
  .footer-mobile.active .btn-nav:before,
  .footer-mobile.active .btn-nav:after {
    height: 2px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-color: #01204f;
    background-color: #ffffff;
  }
  .header-mobile.active .btn-nav:before,
  .footer-mobile.active .btn-nav:before {
    top: 40px;
    transform: rotate(45deg) scale(.8);
  }
  .header-mobile.active .btn-nav:after,
  .footer-mobile.active .btn-nav:after {
    top: 40px;
    transform: rotate(-45deg) scale(.8);
  }
  .header-mobile.footer-mobile,
  .footer-mobile.footer-mobile {
    position: relative;
    height: calc(100vh - 50px);
    height: auto;
    z-index: 9;
  }
  .header-mobile.footer-mobile .menu-nav,
  .footer-mobile.footer-mobile .menu-nav {
    position: relative;
    top: 0;
  }
  .header-mobile.footer-mobile .menu-nav>div,
  .footer-mobile.footer-mobile .menu-nav>div {
    margin-top: calc(50vh - 50px);
    margin-top: 30px;
  }
  .header-mobile.footer-mobile .stockP,
  .footer-mobile.footer-mobile .stockP {
    position: absolute;
    position: relative;
    right: 15px;
    top: 15px;
    color: #ffffff;
    font-size: 18px;
  }
  .header-mobile.footer-mobile .stockP span,
  .footer-mobile.footer-mobile .stockP span {
    vertical-align: top;
  }
  .header-mobile.footer-mobile .tc,
  .footer-mobile.footer-mobile .tc {
    position: absolute;
    position: relative;
    left: 0;
    right: 0;
    bottom: 45px;
    bottom: auto;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    z-index: 9;
    display: block;
    margin-top: 30px;
  }
  .header-mobile.footer-mobile .tc br,
  .footer-mobile.footer-mobile .tc br {
    display: none;
  }
  .header-mobile.footer-mobile .tc span:after,
  .footer-mobile.footer-mobile .tc span:after {
    content: '';
    margin: 0 16px;
    border-left: #ffffff 1px solid;
  }
  .header-mobile.footer-mobile .tc span:last-child:after,
  .footer-mobile.footer-mobile .tc span:last-child:after {
    display: none;
  }
  .header-mobile.footer-mobile .copyright,
  .footer-mobile.footer-mobile .copyright {
    position: absolute;
    position: relative;
    left: 0;
    right: 0;
    bottom: 15px;
    bottom: auto;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    margin: 30px 15px;
    display: block;
  }
  .header-mobile.footer-mobile .search,
  .footer-mobile.footer-mobile .search {
    margin: 0px auto 0;
    padding: 0;
    height: 67px;
    height: auto;
    border-radius: 8px;
    overflow: hidden;
  }
  .header-mobile.footer-mobile .search span,
  .footer-mobile.footer-mobile .search span {
    vertical-align: top;
  }
  .header-mobile.footer-mobile .search input,
  .header-mobile.footer-mobile .search .btn-search-submit,
  .footer-mobile.footer-mobile .search input,
  .footer-mobile.footer-mobile .search .btn-search-submit {
    display: inline-block;
    display: -webkit-inline-block;
    vertical-align: top;
  }
  .header-mobile.footer-mobile .search input,
  .footer-mobile.footer-mobile .search input {
    padding: 20px;
    width: 333px;
    height: 67px;
    border: solid 1px #979797;
    font-size: 12px;
    color: #565656;
    background-color: #ffffff;
  }
  .header-mobile.footer-mobile .search .btn-search-submit,
  .footer-mobile.footer-mobile .search .btn-search-submit {
    width: 67px;
    height: 67px;
    background-color: #0d2d58;
    background-image: url('./../images/common/footer/icon_footer_search.png');
    background-position: center;
    background-size: auto 30px;
    background-repeat: no-repeat;
  }
  .header-mobile.footer-mobile .search.search_form,
  .footer-mobile.footer-mobile .search.search_form {
    width: 240px;
    height: 40px;
    bottom: 20px;
  }
  .header-mobile.footer-mobile .search.search_form input,
  .footer-mobile.footer-mobile .search.search_form input {
    height: 40px;
    width: 200px;
  }
  .header-mobile.footer-mobile .search.search_form .btn-search-submit,
  .footer-mobile.footer-mobile .search.search_form .btn-search-submit {
    height: 40px;
    width: 40px;
    background-size: auto 16px;
  }
  .banner {
    margin-top: 50px;
  }
  .banner .search {
    display: none;
  }
  .banner .swiper-container-horizontal>.swiper-pagination-bullets,
  .banner .banner .swiper-pagination-custom,
  .banner .banner .swiper-pagination-fraction {
    bottom: 20px;
  }
  .brand-col * {
    pointer-events: none;
  }
  .brand-col .content {
    display: none;
  }
  .brand-popup {
    display: block;
    text-align: center;
  }
  .brand-popup .image img {
    width: 50vw;
  }
  .brand-popup .btn-links {
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    padding: 10px;
    text-align: center;
    background: #01204f;
    width: 100%;
  }
  .brand-popup .btn-links .fb,
  .brand-popup .btn-links .ig,
  .brand-popup .btn-links .yt,
  .brand-popup .btn-links .wc,
  .brand-popup .btn-links .tt,
  .brand-popup .btn-links .wb,
  .brand-popup .btn-links .wt {
    flex: auto;
    display: inline-block;
    display: -webkit-inline-block;
    margin: 0 10px;
    padding: 16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-position: center;
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-color: #01204f;
    transition: 300ms;
    cursor: pointer;
  }
  .brand-popup .btn-links .fb {
    background-image: url('./../images/common/icon_brand_fb.png');
  }
  .brand-popup .btn-links .ig {
    background-image: url('./../images/common/icon_brand_ig.png');
  }
  .brand-popup .btn-links .yt {
    background-image: url('./../images/common/icon_brand_yt.png');
  }
  .brand-popup .btn-links .wc {
    background-image: url('./../images/common/icon_brand_wechat.png');
  }
  .brand-popup .btn-links .tt {
    background-image: url('./../images/common/Twitter_Icon_white.png');
  }
  .brand-popup .btn-links .wb {
    background-image: url('./../images/common/Weibo_Icon_white.png');
  }
  .brand-popup .btn-links .wt {
    background-image: url('./../images/common/WhatsApp_Icon_white.png');
  }
  .brand-popup .btn-links .gotoShop {
    flex: auto;
    display: inline-block;
    display: -webkit-inline-block;
    font-size: 14px;
    padding: 12px 48px 12px 24px;
    height: auto;
    color: #ae9144;
    letter-spacing: 1.1px;
    text-decoration: none;
    border-radius: 24px;
    background-image: url('./../images/common/icon_brand_next.png');
    background-position: calc(100% - 12px) center;
    background-size: auto 24px;
    background-repeat: no-repeat;
  }
  .gallerys .filter-div {
    display: flex;
    display: -webkit-flex;
  }
  .gallerys .filter-div .filter-col {
    flex: 1;
    margin: 0;
  }
  .gallerys .gallery-grid .grid-sizer {
    width: 236px;
  }
  .gallerys .gallery-grid .grid-gutter {
    width: 5px;
  }
  .gallerys .gallery-grid .gallery-col .image.image-1 {
    width: calc(487px * 7.68 / 16);
    height: calc(628px * 7.68 / 16);
  }
  .gallerys .gallery-grid .gallery-col .image.image-2 {
    width: calc(1003px * 7.68 / 16);
    height: calc(628px * 7.68 / 16);
    width: calc(236px * 2 + 2px);
  }
  .gallerys .gallery-grid .gallery-col>div {
    margin: 2px;
    padding: 2px;
  }
  .gallerys .gallery-grid .gallery-col:hover>div {
    border-width: 2px;
  }
  .gallerys .hots .hot-items .hot-item>div {
    width: 200px;
    height: 255px;
  }
  .gallerys .hots .hot-items .swiper-button-prev,
  .gallerys .hots .hot-items .swiper-button-next {
    margin-top: -48px;
  }
  .socials .fb,
  .socials .ig,
  .socials .yt,
  .socials .wc,
  .socials .tt,
  .socials .wb,
  .socials .wt {
    width: 60px;
    height: 60px;
    background-size: 38px auto;
  }
  .socials {
    margin-top: 0;
  }
  .contact-2 {
    margin-top: 50px;
    padding-top: 30px;
  }
  .flex-grid>div.selection-radio {
    padding: 8px 24px;
  }
  .flex-grid {
    flex-wrap: wrap;
  }
  .flex-grid>div {
    margin-right: 12px;
  }
  .flex-grid>div:first-child {
    width: 100%;
  }
  .directors {
    max-height: calc(100vh - 50px);
  }
  .infos .content-left,
  .infos .content-right {
    padding-top: 50px;
  }
  .infos .content-left {
    width: 200px;
  }
  .infos .content-right {
    width: calc(100% - 200px);
  }
  .infos.directors .section-menu ul li {
    font-size: 14px;
    letter-spacing: normal;
  }
  .infos.directors .content-box .filter-div {
    top: 75px;
  }
  .infos.directors .content-box .filter-div .filter-col {
    font-size: 14px;
  }
  .infos.directors .section-menu ul li.active {
    font-size: 20px;
    letter-spacing: normal;
  }
  .infos.locations .content-left {
    width: 100%;
    margin-top: calc(100vh - 200px);
  }
  .infos.locations .content-right {
    position: absolute;
    top: 22px;
    left: 0;
    right: 0;
    width: auto;
    min-height: auto;
    height: calc(100vh - 200px);
  }
  .infos.locations .shop-widget .shop-grid {
    max-height: none;
  }
  .infos .snow {
    display: none;
  }
  .infos .btn-next-shop {
    display: none;
  }
  .about .about-col.inactive {
    overflow: hidden;
  }
  .news .main-img {
    width: calc(100% - 30px);
  }
  .brands-filter .content .filting-grid .categories-grid table tr td .checkbox {
    margin: 17px 0 0;
  }
  .infos .content-left {
    width: 30px;
    position: absolute;
    z-index: 9;
  }
  .infos .content-left.active {
    width: 200px;
  }
  .infos .content-right {
    width: calc(100% - 30px);
    margin-left: 30px;
  }
  .infos.directors .section-menu {
    overflow: hidden;
  }
  .brands .brand-col {
    width: calc(50% - 10px);
    height: calc(50vw - 10px);
  }
  .brands .brand-col:nth-child(2n) {
    margin-right: 0;
  }
  .brands .brand-col:nth-child(2n+1) {
    margin-left: 0;
  }
  .about .about-col.hover:hover h3 {
    font-size: 18px;
  }
  .about .about-col:nth-child( 2n+1 ) {
    clear: both;
  }
  .about .about-col.inactive.active.style-circle .description {
    margin-left: calc(-100% + 55px);
  }
  .about-description .milestones .milestone-col .image {
    width: 263px;
    height: 173px;
    margin-top: 30px;
  }
  .gallerys .gallery-grid .grid-sizer {
    width: calc((100vw - 30px) / 2 - 5px);
  }
  .gallerys .gallery-grid .grid-gutter {
    width: 5px;
  }
  .gallerys .gallery-grid .gallery-col .image.image-1 {
    width: calc((100vw - 30px) / 1 - 13px);
    height: calc(((100vw - 30px) / 1 - 13px) * 1.25);
  }
  .gallerys .gallery-grid .gallery-col .image.image-2 {
    width: calc((100vw - 30px) / 1 - 13px);
    height: calc(((100vw - 30px) / 1 - 13px) * .625);
  }
  .socials .fb,
  .socials .ig,
  .socials .yt,
  .socials .wc,
  .socials .tt,
  .socials .wb,
  .socials .wt {
    margin: 0 35px;
  }
  .gallerys-filter .content .filting-grid .collecions-grid,
  .brands-filter .content .filting-grid .collecions-grid {
    width: 100%;
    border: none;
  }
  .gallerys-filter .content .filting-grid .categories-grid,
  .brands-filter .content .filting-grid .categories-grid {
    width: 100%;
    border-left: none;
    border-top: solid 1px #979797;
  }
  .gallerys-filter .content .filting-grid .collecions-grid table,
  .gallerys-filter .content .filting-grid .categories-grid table,
  .brands-filter .content .filting-grid .collecions-grid table,
  .brands-filter .content .filting-grid .categories-grid table {
    font-size: 14px;
  }
  .gallerys .hots .hot-items .hot-item>div {
    width: calc((100vw - 90px) / 2);
    height: calc((100vw - 90px) / 2 * 1.25);
  }
  .gallerys .swiper-container-android .swiper-slide {
    overflow: hidden;
  }
  .infos.directors .content-left .section-menu ul li {
    pointer-events: none;
  }
  .infos.directors .content-left.active .section-menu ul li {
    pointer-events: auto;
  }
  .flex-grid>div:first-child {
    width: 100%;
  }
  .infos.locations .content-left {
    position: relative;
  }
  .infos.locations .content-right {
    margin: 0;
  }
  .header-mobile .menu-nav,
  .footer-mobile .menu-nav {
    top: 80px;
    height: calc(100vh - 80px);
    overflow: auto;
  }
  .footer-mobile .menu-nav {
    top: 80px;
    height: auto;
    overflow: auto;
  }
  .header-mobile .menu-nav >div,
  .footer-mobile .menu-nav >div {
    transform: none;
    margin-top: 0px;
  }
  .header-mobile .menu-nav .main-nav,
  .footer-mobile .menu-nav .main-nav {
    width: 100%;
  }
  .header-mobile .menu-nav .main-nav .inactive,
  .footer-mobile .menu-nav .main-nav .inactive {
    transform-origin: left;
  }
  .header-mobile .menu-nav .main-nav .inactive ol,
  .footer-mobile .menu-nav .main-nav .inactive ol {
    position: relative;
    height: 0;
    left: 2%;
  }
  .header-mobile .menu-nav .main-nav.active .inactive.active ol,
  .footer-mobile .menu-nav .main-nav.active .inactive.active ol {
    height: auto;
  }
  .header-mobile .menu-nav li,
  .footer-mobile .menu-nav li {
    margin: 0 0;
    font-size: 20px;
  }
  .header-mobile .menu-nav .main-nav.active .inactive.active ol li,
  .footer-mobile .main-nav.active .inactive.active ol li {
    margin: 6px 0;
  }
  .contact .title:first-child {
    font-size: 24px;
    margin: 24px 0;
  }
  .contact .content {
    font-size: 14px;
  }
  .flex-grid>div.selection-radio {
    font-size: 14px;
    padding: 4px 12px;
  }
  .footer-mobile.active .logo {
    display: none;
  }
  .footer-mobile.footer-mobile .stockP {
    right: auto;
    left: 10%;
    width: 80%;
  }
  .footer-mobile.footer-mobile .menu-nav>div {
    margin-top: 30px;
  }
  .header-mobile.footer-mobile .tc,
  .footer-mobile.footer-mobile .tc {
    bottom: 60px;
    bottom: auto;
  }
  .socials .fb,
  .socials .ig,
  .socials .yt,
  .socials .wc,
  .socials .tt,
  .socials .wb,
  .socials .wt {
    margin: 0 3px;
  }
  .about .about-col.inactive.active.style-circle .description {
    width: 100%;
    margin-left: calc(-100% + 280px - 525px + 380px);
  }
  .about .about-col.inactive.active.style-circle .circle .image {
    width: 200px;
    height: 200px;
  }
  .about .about-col.hover:hover .circle .image {
    width: 140px;
    height: 140px;
  }
  .about {
    padding-top: 40px;
  }
  .infos.directors .content-box {
    left: 15px;
    right: 15px;
  }
  .gallerys .filter-div .filter-col {
    min-width: 100px;
  }
  .header-mobile .btn-profile,
  .header-mobile .btn-lang,
  .footer-mobile .btn-profile,
  .footer-mobile .btn-lang {
    width: 32px;
    height: 32px;
  }
  .infos.directors .content-box .content-body ul li {
    font-size: 14px;
  }
  .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    width: 8px;
    height: 8px;
  }
  .signs .content-left {
    padding-top: 50px;
    position: fixed;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 0;
    min-height: auto;
    width: auto;
  }
  .signs .content-left .image {
    top: 50px;
    transform: none;
    width: auto;
    right: 0;
  }
  .signs .content-right {
    padding: 50px 30px 0;
    padding: 50px 0px 0;
    width: 100%;
    min-height: unset;
  }
  .signs .content-right .form {
    margin-top: 5vh;
    padding: 40px 30px;
    transform: none;
    background: rgba(255,255,255,0.85);
    max-height: calc(90vh - 50px);
    overflow: auto;
    margin-top: 0;
    max-height: unset;
  }
  .signs .content-right .form input {
    background: transparent;
  }
  .signs .content-right .form select {
    background-color: transparent;
  }
  .signs .content-right .form[data-type=registration] {
    padding: 40px 30px;
  }
  .signs .content-right .form .magic-line {
    left: 30px;
  }
  .profile .content-box.guide {
    margin-top: 60px;
    height: auto;
    padding: 15px;
    margin-bottom: 5px;
  }
  .profile .content-box.guide .title,
  .profile .content-box.guide .point {
    width: calc(100% - 0px - 0px);
  }
  .profile .content-box.guide .point {
    clear: both;
  }
  .profile .content-box.guide .spending {
    display: inline-block;
    display: -webkit-inline-block;
    margin: 0;
  }
  .profile .content-box.profile-content {
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 15px 0;
    overflow-x: hidden;
    height: auto;
  }
  .profile .content-box.profile-content .nav-tabs {
    display: -webkit-flex;
    display: flex;
    padding: 0 5px;
  }
  .profile .content-box.profile-content .tab-content {
    padding: 0 15px;
    max-height: none;
  }
  .profile .content-box.profile-content .input {
    height: auto;
  }
  .profile .content-box.profile-content .input.editable .current-data {
    padding-right: 20px;
  }
  .profile .content-box.profile-content .nav-tabs>li>a {
    padding: 5px;
    font-size: 14px;
    white-space: nowrap;
  }
  .profile .brands-filter.brands-filter .btn-filter {
    margin-right: -30px;
  }
  .profile .gallerys-filter.brands-filter .content .filting-grid .categories-grid table tr td,
  .profile .brands-filter.brands-filter .content .filting-grid .categories-grid table tr td {
    font-size: 13.6px;
    text-align: right;
    width: 100%;
  }
  .profile .content .filting-grid .categories-grid table tr {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .profile #history .data-name,
  .profile #history .data-price {
    width: 33.33333333%;
  }
  .profile #history .data-price {
    text-align: left;
  }
  .profile #history .data-name {
    float: right;
    width: 66.66666667%;
  }
  .btn-logout {
    right: 10px;
    top: 10px;
    width: 28px;
    height: 28px;
    width: auto;
    border-radius: 14px;
    font-size: 14px;
    line-height: 18px;
    padding: 4px 40px 4px 12px;
  }
  .btn-logout>div {
    width: 26px;
  }
  .signs .content-right .form .btn-back,
  .signs .content-right .form .btn-back+.btn-next,
  .signs .content-right .form .btn-back+.btn-submit {
    width: 40%;
    margin: 30px 10px 0;
  }
  .signs .content-right .form .btn-submit,
  .signs .content-right .form .btn-forget,
  .signs .content-right .form .btn-help {
    margin: 30px 10px 0;
  }
  .form-registration .checkbox-div {
    height: auto;
  }
}