@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/MyriadPro-Cond.eot");
  src: url("../fonts/MyriadPro-Cond.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Cond.ttf") format("truetype"), url("../fonts/MyriadPro-Cond.svg#MyriadPro-Cond") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/MyriadPro-Bold.eot");
  src: url("../fonts/MyriadPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Bold.ttf") format("truetype"), url("../fonts/MyriadPro-Bold.svg#MyriadPro-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/MyriadPro-BoldCondIt.eot");
  src: url("../fonts/MyriadPro-BoldCondIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BoldCondIt.ttf") format("truetype"), url("../fonts/MyriadPro-BoldCondIt.svg#MyriadPro-BoldCondIt") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/MyriadPro-CondIt.eot");
  src: url("../fonts/MyriadPro-CondIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-CondIt.ttf") format("truetype"), url("../fonts/MyriadPro-CondIt.svg#MyriadPro-CondIt") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/MyriadPro-It.eot");
  src: url("../fonts/MyriadPro-It.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-It.ttf") format("truetype"), url("../fonts/MyriadPro-It.svg#MyriadPro-It") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/MyriadPro-Semibold.eot");
  src: url("../fonts/MyriadPro-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Semibold.ttf") format("truetype"), url("../fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/MyriadPro-BoldIt.eot");
  src: url("../fonts/MyriadPro-BoldIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BoldIt.ttf") format("truetype"), url("../fonts/MyriadPro-BoldIt.svg#MyriadPro-BoldIt") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/MyriadPro-SemiboldIt.eot");
  src: url("../fonts/MyriadPro-SemiboldIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-SemiboldIt.ttf") format("truetype"), url("../fonts/MyriadPro-SemiboldIt.svg#MyriadPro-SemiboldIt") format("svg");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/MyriadPro-Regular.eot");
  src: url("../fonts/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Regular.ttf") format("truetype"), url("../fonts/MyriadPro-Regular.svg#MyriadPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/MyriadPro-BoldCond.eot");
  src: url("../fonts/MyriadPro-BoldCond.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BoldCond.ttf") format("truetype"), url("../fonts/MyriadPro-BoldCond.svg#MyriadPro-BoldCond") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "UTM Avo";
  src: url("../fonts/UTMAvo.eot");
  src: url("../fonts/UTMAvo.eot?#iefix") format("embedded-opentype"), url("../fonts/UTMAvo.ttf") format("truetype"), url("../fonts/UTMAvo.svg#UTMAvo") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UTM Avo";
  src: url("../fonts/UTMAvo-BoldItalic.eot");
  src: url("../fonts/UTMAvo-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/UTMAvo-BoldItalic.ttf") format("truetype"), url("../fonts/UTMAvo-BoldItalic.svg#UTMAvo-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "UTM Avo";
  src: url("../fonts/UTMAvoBold.eot");
  src: url("../fonts/UTMAvoBold.eot?#iefix") format("embedded-opentype"), url("../fonts/UTMAvoBold.ttf") format("truetype"), url("../fonts/UTMAvoBold.svg#UTMAvoBold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "UTM Avo";
  src: url("../fonts/UTMAvo-Italic.eot");
  src: url("../fonts/UTMAvo-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/UTMAvo-Italic.ttf") format("truetype"), url("../fonts/UTMAvo-Italic.svg#UTMAvo-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-Black.eot");
  src: url("../fonts/Muli-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Muli-Black.ttf") format("truetype"), url("../fonts/Muli-Black.svg#Muli-Black") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-BoldItalic.eot");
  src: url("../fonts/Muli-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Muli-BoldItalic.ttf") format("truetype"), url("../fonts/Muli-BoldItalic.svg#Muli-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-BlackItalic.eot");
  src: url("../fonts/Muli-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Muli-BlackItalic.ttf") format("truetype"), url("../fonts/Muli-BlackItalic.svg#Muli-BlackItalic") format("svg");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-ExtraLight.eot");
  src: url("../fonts/Muli-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Muli-ExtraLight.ttf") format("truetype"), url("../fonts/Muli-ExtraLight.svg#Muli-ExtraLight") format("svg");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-Italic.eot");
  src: url("../fonts/Muli-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Muli-Italic.ttf") format("truetype"), url("../fonts/Muli-Italic.svg#Muli-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-Regular.eot");
  src: url("../fonts/Muli-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Muli-Regular.ttf") format("truetype"), url("../fonts/Muli-Regular.svg#Muli-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-ExtraBoldItalic.eot");
  src: url("../fonts/Muli-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Muli-ExtraBoldItalic.ttf") format("truetype"), url("../fonts/Muli-ExtraBoldItalic.svg#Muli-ExtraBoldItalic") format("svg");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-SemiBoldItalic.eot");
  src: url("../fonts/Muli-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Muli-SemiBoldItalic.ttf") format("truetype"), url("../fonts/Muli-SemiBoldItalic.svg#Muli-SemiBoldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-ExtraLightItalic.eot");
  src: url("../fonts/Muli-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Muli-ExtraLightItalic.ttf") format("truetype"), url("../fonts/Muli-ExtraLightItalic.svg#Muli-ExtraLightItalic") format("svg");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-Bold.eot");
  src: url("../fonts/Muli-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Muli-Bold.ttf") format("truetype"), url("../fonts/Muli-Bold.svg#Muli-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-SemiBold.eot");
  src: url("../fonts/Muli-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Muli-SemiBold.ttf") format("truetype"), url("../fonts/Muli-SemiBold.svg#Muli-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-LightItalic.eot");
  src: url("../fonts/Muli-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Muli-LightItalic.ttf") format("truetype"), url("../fonts/Muli-LightItalic.svg#Muli-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-ExtraBold.eot");
  src: url("../fonts/Muli-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Muli-ExtraBold.ttf") format("truetype"), url("../fonts/Muli-ExtraBold.svg#Muli-ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-Light.eot");
  src: url("../fonts/Muli-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Muli-Light.ttf") format("truetype"), url("../fonts/Muli-Light.svg#Muli-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}
/* montserrat-regular - vietnamese_latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/montserrat-v25-vietnamese_latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-vietnamese_latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-vietnamese_latin-regular.woff2") format("woff2"), url("../fonts/montserrat-v25-vietnamese_latin-regular.woff") format("woff"), url("../fonts/montserrat-v25-vietnamese_latin-regular.ttf") format("truetype"), url("../fonts/montserrat-v25-vietnamese_latin-regular.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-900 - vietnamese_latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/montserrat-v25-vietnamese_latin-900.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-vietnamese_latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-vietnamese_latin-900.woff2") format("woff2"), url("../fonts/montserrat-v25-vietnamese_latin-900.woff") format("woff"), url("../fonts/montserrat-v25-vietnamese_latin-900.ttf") format("truetype"), url("../fonts/montserrat-v25-vietnamese_latin-900.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-italic - vietnamese_latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/montserrat-v25-vietnamese_latin-italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-vietnamese_latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-vietnamese_latin-italic.woff2") format("woff2"), url("../fonts/montserrat-v25-vietnamese_latin-italic.woff") format("woff"), url("../fonts/montserrat-v25-vietnamese_latin-italic.ttf") format("truetype"), url("../fonts/montserrat-v25-vietnamese_latin-italic.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-900italic - vietnamese_latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: bold;
  src: url("../fonts/montserrat-v25-vietnamese_latin-900italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-vietnamese_latin-900italic.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-vietnamese_latin-900italic.woff2") format("woff2"), url("../fonts/montserrat-v25-vietnamese_latin-900italic.woff") format("woff"), url("../fonts/montserrat-v25-vietnamese_latin-900italic.ttf") format("truetype"), url("../fonts/montserrat-v25-vietnamese_latin-900italic.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/*// variable responsive
$S: 480px;
$M: 768px;
$L: 998px;
$XL: 1200px;
$CS_MAX: 990px;
$CS_MIN: 769px;

@mixin MQ($canvas) {
	@if $canvas == S {
		@media only screen and (min-width: $S) {
			@content;
		}
	}
	@else if $canvas == M {
		@media only screen and (min-width: $M) {
			@content;
		}
	}
	@else if $canvas == L {
		@media only screen and (min-width: $L) {
			@content;
		}
	}
	@else if $canvas == XL {
		@media only screen and (min-width: $XL) {
			@content;
		}
	}
	@else if $canvas == CS {
		@media only screen and (min-width: $CS_MIN) and (max-width: $CS_MAX) {
			@content;
		}
	}
	@else if $canvas == CSM {
		@media only screen and (min-width: 320px) and (max-width: 767px) {
			@content;
		}
	}
	@else if $canvas == CST {
		@media only screen and (min-width: 768px) and (max-width: 1000px) {
			@content;
		}
	}
}*/
@media (max-width: 599px) {
  .wrapper {
    overflow: hidden;
  }
  .link-details .btn-ldetails {
    font-size: 14px;
  }
  .btn-submit {
    padding: 15px 25px;
    font-size: 18px;
  }
  .add-card {
    width: 55%;
    height: 42px;
  }
  .add-card .btn-add-card {
    font-size: 16px;
  }
  header .header-top {
    display: none;
    width: 100%;
    height: 12px;
  }
  header .header-top .header-top-wrapper {
    display: none;
  }
  header .header-logo-bar .header-logo-bar-wrapper .logo {
    width: 90%;
    /*img {
        max-width: 220px;
    }*/
  }
  header .header-logo-bar .header-logo-bar-wrapper .hotline {
    display: none;
  }
  header .header-logo-bar .header-logo-bar-wrapper .mobilemenu {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  header .header-menu {
    display: none;
  }
  header .header-menu .header-menu-wrapper {
    display: none;
  }
  header .header-menu .header-menu-wrapper .menu-primary {
    display: none;
  }
  .icon-mobile {
    width: 32px;
    height: 28px;
    display: block;
    position: relative;
  }
  .icon-mobile span {
    background-color: #213558;
  }
  .icon-mobile span:nth-child(1) {
    width: 100%;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .icon-mobile span:nth-child(2) {
    width: 100%;
    height: 5px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
  }
  .icon-mobile span:nth-child(3) {
    width: 100%;
    height: 5px;
    position: absolute;
    top: 100%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
  }
  #menu.mm-menu_opened {
    display: block;
  }
  #menu .social-footer .nav-social-footer {
    justify-content: space-around;
  }
  #menu .mm-navbar__title {
    font-size: 18px;
    text-transform: uppercase;
  }
  #menu .mm-listview .mm-listitem .mm-listitem__text {
    font: 16px "UTM Avo";
    text-transform: uppercase;
    color: #213558;
  }
  footer .footer-wrapper {
    padding: 35px 0 10px 0;
    flex-wrap: wrap;
  }
  footer .footer-wrapper .footer-info {
    width: 100%;
  }
  footer .footer-wrapper .footer-info .name-company h4 {
    font-size: 16px;
  }
  footer .footer-wrapper .footer-info .address p {
    font-size: 14px;
  }
  footer .footer-wrapper .footer-main {
    width: 100%;
    padding: 0;
  }
  footer .copy-right-footer .copyright p {
    font-size: 11px;
  }
  footer .copy-right-footer .design-by p {
    font-size: 11px;
  }
  .slideshow .sw-advertisement .swiper-slide .slide-caption .title h1 {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .slideshow .sw-advertisement .swiper-slide .slide-caption .summary h3 {
    font-size: 14px;
    margin-bottom: 7px;
  }
  .slideshow .sw-advertisement .swiper-slide .slide-caption .summary p {
    font-size: 7px;
  }
  .slideshow .sw-advertisement .swiper-slide .slide-caption .btn-slide-details {
    margin-top: 10px;
    padding: 5px 15px;
    font-size: 5px;
  }
  .slideshow .sw-advertisement .pagi-advertisement {
    display: none;
  }
  .about-us {
    padding: 20px 0;
  }
  .about-us .about-us-wrapper {
    width: 100%;
    flex-wrap: wrap;
  }
  .about-us .about-us-wrapper .about-us-info {
    width: 100%;
  }
  .about-us .about-us-wrapper .about-us-info .about-us-info__box {
    width: 100%;
  }
  .about-us .about-us-wrapper .about-us-info .welcome h1 {
    margin: 0;
    font-size: 24px;
  }
  .about-us .about-us-wrapper .about-us-images {
    display: none;
    width: 100%;
    margin-top: 20px;
  }
  .about-us .about-us-wrapper .about2 {
    flex-direction: column;
    width: 100%;
  }
  .product-group {
    padding-bottom: 10px;
  }
  .product-group:nth-of-type(2n) .group .group-wrapper .product-group-banner:after {
    left: 100%;
    transform: translate(-90%, -8%);
    -webkit-transform: translate(-90%, -8%);
    -moz-transform: translate(-90%, -8%);
    height: 120%;
  }
  .product-group .group {
    padding: 20px 0;
  }
  .product-group .group:before {
    display: none;
  }
  .product-group .group .group-wrapper {
    width: 100%;
    flex-wrap: wrap;
  }
  .product-group .group .group-wrapper .product-group-banner {
    width: 100%;
    padding-top: 22px;
  }
  .product-group .group .group-wrapper .product-group-banner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 75%;
    height: 120%;
    background-color: #ececec;
    z-index: -2;
    transform: translate(-10%, -8%);
    -webkit-transform: translate(-10%, -8%);
    -moz-transform: translate(-10%, -8%);
  }
  .product-group .group .group-wrapper .product-group-banner .group-img {
    margin-bottom: 0;
  }
  .product-group .group .group-wrapper .product-group-banner .group-img img {
    height: 145px;
  }
  .product-group .group .group-wrapper .product-group-info {
    width: 100%;
    margin-top: 20px;
  }
  .product-group .group .group-wrapper .product-group-info .group-title {
    margin-bottom: 12px;
  }
  .product-group .group .group-wrapper .product-group-info .group-title h3 {
    font-size: 18px;
  }
  .product-group .group .group-wrapper .product-group-info .group-name {
    margin-bottom: 20px;
  }
  .product-group .group .group-wrapper .product-group-info .group-summary {
    margin-bottom: 25px;
  }
  .product-group .group .group-wrapper .product-group-info .group-summary p {
    font-size: 1rem;
  }
  .product-group .list-product {
    padding: 15px;
  }
  .product-group .list-product .list-product-wrapper .sw-list-product .swiper-slide .product-info .name h3 {
    font-size: 16px;
  }
  .product-group .list-product .list-product-wrapper .sw-list-product .swiper-slide .product-info .price span {
    font-size: 16px;
  }
  .product-group .list-product .list-product-wrapper .next-slide, .product-group .list-product .list-product-wrapper .prev-slide {
    display: none;
  }
  .why-choose-us {
    padding-bottom: 15px;
  }
  .why-choose-us .why-choose-us-wrapper .group-icon {
    width: 80%;
    padding: 8px 0;
  }
  .why-choose-us .why-choose-us-wrapper .group-post {
    margin-top: 12px;
  }
  .why-choose-us .why-choose-us-wrapper .group-post .name {
    margin-bottom: 10px;
  }
  .why-choose-us .why-choose-us-wrapper .group-post .name h2 {
    font-size: 20px;
    line-height: 1.2;
  }
  .why-choose-us .why-choose-us-wrapper .group-post .summary p {
    font-size: 14px;
  }
  .why-choose-us .why-choose-us-wrapper .list-answer {
    width: 100%;
  }
  .why-choose-us .why-choose-us-wrapper .list-answer .answer-item .answer h4 {
    font-size: 16px;
  }
  .why-choose-us .why-choose-us-wrapper .list-answer .next-answer, .why-choose-us .why-choose-us-wrapper .list-answer .prev-answer {
    display: block;
  }
  .why-choose-us .why-choose-us-wrapper .list-answer .next-answer:focus, .why-choose-us .why-choose-us-wrapper .list-answer .prev-answer:focus {
    outline: none;
  }
  .blogs-news {
    padding: 35px 0;
  }
  .blogs-news .blogs-news-wrapper .group-name {
    margin-bottom: 20px;
  }
  .blogs-news .blogs-news-wrapper .group-name h2 {
    font-size: 30px;
    padding: 0 10px;
  }
  .blogs-news .blogs-news-wrapper .group-summary {
    width: 100%;
    margin-bottom: 30px;
  }
  .blogs-news .blogs-news-wrapper .group-summary p {
    font-size: 16px;
  }
  .blogs-news .blogs-news-wrapper .list-blogs-news {
    flex-wrap: wrap;
  }
  .blogs-news .blogs-news-wrapper .list-blogs-news .post-item {
    width: 100%;
    margin: 15px 0;
  }
  .blogs-news .blogs-news-wrapper .list-blogs-news .post-item .post-item-img {
    width: 100%;
  }
  .blogs-news .blogs-news-wrapper .list-blogs-news .post-item .post-item-text {
    padding: 15px;
  }
  .blogs-news .blogs-news-wrapper .list-blogs-news .post-item .post-item-text .headline h3 {
    font-size: 18px;
  }
  .blogs-news .blogs-news-wrapper .list-blogs-news .post-item .post-item-text .summary p {
    font-size: 14px;
  }
  .registration {
    padding: 40px 0;
  }
  .registration .registration-wrapper .logan-registration {
    margin-bottom: 20px;
  }
  .registration .registration-wrapper .logan-registration h1 {
    font-size: 24px;
  }
  .registration .registration-wrapper .form-registration {
    width: 100%;
  }
  .registration .registration-wrapper .form-registration form .form-group:last-child {
    margin-bottom: 30px;
  }
  .registration .registration-wrapper .form-registration form span {
    text-align: center;
    font-size: 14px;
  }
  .registration .registration-wrapper .form-registration form .mt-group {
    display: block;
  }
  .registration .registration-wrapper .form-registration form .mt-group .form-group {
    width: 100%;
  }
  .registration .registration-wrapper .form-registration form .mt-group .form-group:first-child {
    width: 100%;
  }
  .breadcrumb-nav {
    padding: 0;
  }
  .breadcrumb-nav.fixed {
    width: 100%;
    height: 45px;
  }
  .breadcrumb-nav.fixed .breadcrum-nav-wrapper {
    display: block;
  }
  .breadcrumb-nav.fixed .contact-breadcrumb {
    transform: none;
    visibility: visible;
    opacity: 1;
  }
  .breadcrumb-nav .breadcrum-nav-wrapper {
    width: 100%;
    height: 45px;
    display: none;
  }
  .breadcrumb-nav .breadcrum-nav-wrapper .breadcrumb {
    display: none;
  }
  .breadcrumb-nav .breadcrum-nav-wrapper .contact-breadcrumb {
    width: 100%;
    height: 100%;
    margin-left: 0;
    left: 0;
    background-color: #213558;
    z-index: 4;
  }
  .breadcrumb-nav .breadcrum-nav-wrapper .contact-breadcrumb .nav-contact-breadcrumb {
    width: 100%;
    height: 100%;
    padding: 3px 0;
  }
  .breadcrumb-nav .breadcrum-nav-wrapper .contact-breadcrumb .nav-contact-breadcrumb .nav-item {
    margin-right: 0;
    width: calc(33.3333333333% - 1px);
    height: 100%;
    border-right: 1px solid #213558;
  }
  .breadcrumb-nav .breadcrum-nav-wrapper .contact-breadcrumb .nav-contact-breadcrumb .nav-item a.nav-link {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
  }
  .breadcrumb-nav .breadcrum-nav-wrapper .contact-breadcrumb .nav-contact-breadcrumb .nav-item a.nav-link span {
    display: none;
  }
  .breadcrumb-nav .breadcrum-nav-wrapper .contact-breadcrumb .nav-contact-breadcrumb .nav-item a.nav-link i, .breadcrumb-nav .breadcrum-nav-wrapper .contact-breadcrumb .nav-contact-breadcrumb .nav-item a.nav-link svg {
    color: #ffffff;
  }
  .pagi .pagination .page-item {
    width: 30px;
    height: 35px;
  }
  .pagi .pagination .page-item .page-link {
    font-size: 16px;
  }
  .group-info {
    padding: 30px 0;
    background-color: #f5f4f4;
  }
  .group-info.contact {
    padding-bottom: 0;
  }
  .group-info .group-info-wrapper {
    width: 100%;
  }
  .group-info .group-info-wrapper .group-parents {
    margin-bottom: 15px;
  }
  .group-info .group-info-wrapper .group-parents h4 {
    font-size: 18px;
  }
  .group-info .group-info-wrapper .title-name {
    margin-bottom: 20px;
  }
  .group-info .group-info-wrapper .title-name h1 {
    font-size: 32px;
  }
  .group-info .group-info-wrapper .description p {
    font-size: 16px;
  }
  .get-child-group {
    background-color: #e3e3e3;
  }
  .get-child-group.product {
    display: none;
  }
  .get-child-group .get-child-group-wrapper .nav-get-child-group {
    display: block;
  }
  .get-child-group .get-child-group-wrapper .nav-get-child-group li.nav-item {
    margin: 8px 0;
  }
  .get-child-group .get-child-group-wrapper .nav-get-child-group li.nav-item a.nav-link {
    font-size: 16px;
  }
  .list-post .list-post-wrapper {
    padding: 20px 0;
    padding-bottom: 50px;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    grid-column-gap: 0;
    grid-row-gap: 20px;
  }
  .list-post .list-post-wrapper .post-item .post-item-img {
    width: 100%;
  }
  .list-post .list-post-wrapper .post-item .post-item-text {
    padding: 35px 15px;
  }
  .list-post .list-post-wrapper .post-item .post-item-text .headline {
    margin-bottom: 15px;
  }
  .list-post .list-post-wrapper .post-item .post-item-text .headline h3 {
    font-size: 18px;
  }
  .list-post .list-post-wrapper .post-item .post-item-text .summary {
    margin-top: 15px;
  }
  .list-post .list-post-wrapper .post-item .post-item-text .summary p {
    font-size: 14px;
  }
  .list-product {
    padding-bottom: 30px;
  }
  .list-product .list-product-wrap {
    padding: 40px 0;
    padding-bottom: 20px;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    grid-column-gap: 0;
    grid-row-gap: 20px;
  }
  .list-product .list-product-wrap .product-item .post-item-img {
    width: 100%;
  }
  .list-product .list-product-wrap .product-item .text .name h3 {
    font-size: 16px;
  }
  .list-product .list-product-wrap .product-item .text .price span {
    font-size: 16px;
  }
  .main {
    padding: 30px 0;
  }
  .main .main-wrapper {
    width: 100%;
  }
  .main .main-wrapper .title-name {
    margin-bottom: 25px;
  }
  .main .main-wrapper .title-name h1 {
    font-size: 24px;
    line-height: 1;
  }
  .main .main-wrapper .summary p {
    font-size: 16px;
  }
  .main .main-wrapper .body {
    padding: 20px 0;
  }
  .main .main-wrapper .body p {
    font-size: 16px;
  }
  .address-contact .address-contact-wrapper .name-company h3 {
    font-size: 18px;
  }
  .address-contact .address-contact-wrapper .factory, .address-contact .address-contact-wrapper .showroom, .address-contact .address-contact-wrapper .ewt {
    margin-bottom: 20px;
  }
  .address-contact .address-contact-wrapper .factory h4, .address-contact .address-contact-wrapper .showroom h4, .address-contact .address-contact-wrapper .ewt h4 {
    font: bold 16px "UTM Caviar";
    color: #181818;
    margin-bottom: 0;
  }
  .address-contact .address-contact-wrapper .factory p, .address-contact .address-contact-wrapper .showroom p, .address-contact .address-contact-wrapper .ewt p {
    font: 16px "UTM Caviar";
    color: #181818;
    margin-bottom: 0;
  }
  .address-contact .address-contact-wrapper .factory a, .address-contact .address-contact-wrapper .factory span, .address-contact .address-contact-wrapper .showroom a, .address-contact .address-contact-wrapper .showroom span, .address-contact .address-contact-wrapper .ewt a, .address-contact .address-contact-wrapper .ewt span {
    font: 16px "UTM Caviar";
    text-decoration: none;
    color: #181818;
    margin-bottom: 0;
  }
  .form-contact {
    padding: 15px 0;
  }
  .form-contact .form-contact-wrapper {
    width: 100%;
  }
  .form-contact .form-contact-wrapper form .form-group {
    display: block;
    text-align: center;
  }
  .form-contact .form-contact-wrapper form .form-group label {
    width: 100%;
    font-size: 16px;
  }
  .form-contact .form-contact-wrapper form .form-group textarea.form-control {
    height: 150px;
  }
  .form-contact .form-contact-wrapper form .form-group .sp {
    width: 100%;
  }
  .form-contact .form-contact-wrapper form .form-group .sp .bottom {
    left: 0;
  }
  .maps {
    padding: 20px 0;
  }
  .maps .title {
    margin-bottom: 15px;
  }
  .maps .title h2 {
    font-size: 30px;
  }
  .maps .iframe-maps iframe {
    width: 100%;
    height: 345px;
  }
  .main-body {
    padding-bottom: 50px;
  }
  .main-body .main-body-wrapper {
    flex-wrap: wrap;
  }
  .main-body .main-body-wrapper .body-content {
    width: 100%;
    padding: 15px 0;
  }
  .main-body .main-body-wrapper .body-content .wrapper-content {
    width: 90%;
  }
  .main-body .main-body-wrapper .body-content .headline h1 {
    font-size: 26px;
    line-height: 1.2;
  }
  .main-body .main-body-wrapper .body-content .nav-shared .shared-social {
    display: none;
  }
  .main-body .main-body-wrapper .body-content .content {
    padding: 15px 0;
  }
  .main-body .main-body-wrapper .body-content .content .summary {
    padding-bottom: 20px;
  }
  .main-body .main-body-wrapper .body-content .content .summary p {
    font-size: 24px;
  }
  .main-body .main-body-wrapper .body-content .content .body p {
    font-size: 16px;
  }
  .main-body .main-body-wrapper .sidebar-related {
    width: 100%;
    margin-left: 0;
    padding: 15px 0;
  }
  .main-body .main-body-wrapper .sidebar-related .list-related .post-item {
    margin-bottom: 24px;
  }
  .main-body .main-body-wrapper .sidebar-related .list-related .post-item .post-item-img {
    width: 100%;
  }
  .main-body .main-body-wrapper .sidebar-related .list-related .post-item .post-item-text {
    padding: 35px 15px;
  }
  .main-body .main-body-wrapper .sidebar-related .list-related .post-item .post-item-text .headline h3 {
    font-size: 18px;
  }
  .main-body .main-body-wrapper .sidebar-related .list-related .post-item .post-item-text .summary p {
    font-size: 14px;
  }
  .main-product .product-inf {
    padding: 15px 0;
  }
  .main-product .product-inf .group-parents h4 {
    font-size: 18px;
  }
  .main-product .product-inf .title-name h1 {
    font-size: 26px;
  }
  .main-product .product-inf .product-list-carousel .top-product {
    margin-bottom: 20px;
  }
  .main-product .product-inf .product-list-carousel .top-product .next-product, .main-product .product-inf .product-list-carousel .top-product .prev-product {
    display: none;
  }
  .main-product .product-inf .product-list-carousel .select-color {
    margin-bottom: 10px;
  }
  .main-product .product-inf .product-list-carousel .select-color h1 {
    font-size: 18px;
  }
  .main-product .product-inf .product-list-carousel .list-previews-product .thumbs-product {
    margin-bottom: 10px;
  }
  .main-product .product-inf .product-list-carousel .list-previews-product .thumbs-product .swiper-slide .thumbs-img {
    width: 100%;
    height: 50px;
  }
  .main-product .product-inf .product-list-carousel .list-previews-product .price {
    margin-bottom: 10px;
  }
  .main-product .product-inf .product-list-carousel .list-previews-product .price h5 {
    font-size: 18px;
  }
  .main-product .product-inf .product-list-carousel .list-previews-product .price span {
    font-size: 24px;
  }
  .main-product .specifications {
    padding: 20px 0;
  }
  .main-product .specifications .specifications-wrapper .title {
    padding: 15px 0;
  }
  .main-product .specifications .specifications-wrapper .title h2 {
    font-size: 30px;
  }
  .main-product .specifications .specifications-wrapper .table-specifications {
    width: 90%;
  }
  .main-product .specifications .specifications-wrapper .table-specifications tbody tr.primary th {
    font-size: 16px;
  }
  .main-product .specifications .specifications-wrapper .table-specifications tbody tr.primary td {
    font-size: 16px;
  }
  .main-product .specifications .specifications-wrapper .table-specifications tbody tr td {
    font-size: 16px;
  }
  .modal-add-to-card .modal-form .modal-dialog {
    max-width: 100%;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content:before {
    transform: rotateZ(35deg) translate(-150%, -20%);
    -webkit-transform: rotateZ(35deg) translate(-150%, -20%);
    -moz-transform: rotateZ(35deg) translate(-150%, -20%);
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body {
    padding: 15px 20px;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .close {
    top: -15px;
    right: 2px;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .add-card-content .logan .title h1 {
    font-size: 24px;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .add-card-content .logan .text p {
    font-size: 14px;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .add-card-content .form-to-card form .form-group {
    display: block;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .add-card-content .form-to-card form .form-group label {
    font-size: 14px;
    width: 100%;
    text-align: center;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .add-card-content .form-to-card form .form-group .input {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .add-card-content .form-to-card form .form-group.multi-group {
    display: block;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .add-card-content .form-to-card form .form-group.multi-group .input {
    width: 100%;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .add-card-content .form-to-card form .form-group.multi-group .sub-form {
    width: 100%;
    margin-top: 1rem;
    margin-left: 0;
    text-align: center;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .add-card-content .form-to-card form .form-group.multi-group .sub-form .form-group label {
    width: 100%;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .add-card-content .form-to-card form .form-group.multi-group .sub-form .form-group .input {
    width: 100%;
  }
  .customer-support .customer-support-list .customer-support-item .item-number:after {
    width: 100px !important;
  }
  .customer-support .customer-support-list .customer-support-item .customer-headline {
    font-size: 10px;
  }
  .customer-support .customer-support-list .customer-support-item .customer-summary {
    display: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 992px) {
  .add-card {
    width: 30%;
  }
  header .header-top {
    display: none;
    width: 100%;
    height: 12px;
  }
  header .header-top .header-top-wrapper {
    display: none;
  }
  header .header-logo-bar .header-logo-bar-wrapper .logo {
    width: 95%;
    /*img {
        max-width: 220px;
    }*/
  }
  header .header-logo-bar .header-logo-bar-wrapper .hotline {
    display: none;
  }
  header .header-logo-bar .header-logo-bar-wrapper .mobilemenu {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  header .header-menu {
    display: none;
  }
  header .header-menu .header-menu-wrapper .menu-primary {
    display: none;
  }
  header .header-menu .header-menu-wrapper .icon-mobile {
    width: 32px;
    height: 28px;
    display: block;
    position: relative;
  }
  header .header-menu .header-menu-wrapper .icon-mobile span {
    background-color: #213558;
  }
  header .header-menu .header-menu-wrapper .icon-mobile span:nth-child(1) {
    width: 100%;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
  }
  header .header-menu .header-menu-wrapper .icon-mobile span:nth-child(2) {
    width: 100%;
    height: 5px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
  }
  header .header-menu .header-menu-wrapper .icon-mobile span:nth-child(3) {
    width: 100%;
    height: 5px;
    position: absolute;
    top: 100%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
  }
  .icon-mobile {
    width: 50px;
    height: 40px;
    display: block;
    position: relative;
  }
  .icon-mobile span {
    background-color: #213558;
  }
  .icon-mobile span:nth-child(1) {
    width: 100%;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .icon-mobile span:nth-child(2) {
    width: 100%;
    height: 5px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
  }
  .icon-mobile span:nth-child(3) {
    width: 100%;
    height: 5px;
    position: absolute;
    top: 100%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
  }
  #menu.mm-menu_opened {
    display: block;
  }
  #menu .social-footer .nav-social-footer {
    justify-content: space-around;
  }
  #menu .mm-navbar__title {
    font-size: 18px;
    text-transform: uppercase;
  }
  #menu .mm-listview .mm-listitem .mm-listitem__text {
    font: 16px "UTM Avo";
    text-transform: uppercase;
    color: #213558;
  }
  footer .footer-wrapper {
    padding: 35px 0 10px 0;
    flex-wrap: wrap;
  }
  footer .footer-wrapper .footer-info {
    width: 100%;
  }
  footer .footer-wrapper .footer-info .name-company h4 {
    font-size: 16px;
  }
  footer .footer-wrapper .footer-info .address p {
    font-size: 14px;
  }
  footer .footer-wrapper .footer-main .contact-footer {
    flex-wrap: wrap;
  }
  footer .footer-wrapper .footer-main .contact-footer .social-footer {
    margin-left: 0;
    width: 100%;
  }
  footer .footer-wrapper .footer-main .contact-footer .social-footer span {
    font-size: 14px;
  }
  footer .footer-wrapper .footer-main .contact-footer .logo-industry {
    width: 100%;
    margin-left: 0;
    margin-top: 5px;
  }
  footer .copy-right-footer .copyright p {
    font-size: 11px;
  }
  footer .copy-right-footer .design-by p {
    font-size: 11px;
  }
  .registration {
    padding: 40px 0;
  }
  .registration .registration-wrapper .logan-registration {
    margin-bottom: 20px;
  }
  .registration .registration-wrapper .logan-registration h1 {
    font-size: 24px;
  }
  .registration .registration-wrapper .form-registration {
    width: 100%;
  }
  .registration .registration-wrapper .form-registration form .form-group:last-child {
    margin-bottom: 30px;
  }
  .registration .registration-wrapper .form-registration form span {
    text-align: center;
    font-size: 14px;
  }
  .registration .registration-wrapper .form-registration form .mt-group {
    display: block;
  }
  .registration .registration-wrapper .form-registration form .mt-group .form-group {
    width: 100%;
  }
  .registration .registration-wrapper .form-registration form .mt-group .form-group:first-child {
    width: 100%;
  }
  .about-us {
    padding: 20px 0;
  }
  .about-us .about-us-wrapper {
    width: 100%;
    flex-wrap: wrap;
  }
  .about-us .about-us-wrapper .about-us-info {
    width: 100%;
  }
  .about-us .about-us-wrapper .about-us-info .welcome h1 {
    margin: 0;
    font-size: 24px;
  }
  .about-us .about-us-wrapper .about-us-info .desciption p {
    font-size: 16px;
  }
  .about-us .about-us-wrapper .about-us-images {
    display: none;
    width: 100%;
    margin-top: 20px;
  }
  .about-us .about-us-wrapper .about2 {
    width: 100%;
  }
  .blogs-news {
    padding: 35px 0;
  }
  .blogs-news .blogs-news-wrapper .group-name {
    margin-bottom: 20px;
  }
  .blogs-news .blogs-news-wrapper .group-name h2 {
    font-size: 30px;
    padding: 0 10px;
  }
  .blogs-news .blogs-news-wrapper .group-summary {
    width: 100%;
    margin-bottom: 30px;
  }
  .blogs-news .blogs-news-wrapper .group-summary p {
    font-size: 16px;
  }
  .blogs-news .blogs-news-wrapper .list-blogs-news {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .blogs-news .blogs-news-wrapper .list-blogs-news .post-item {
    width: calc(50% - 30px);
    margin: 0 15px;
    margin-bottom: 30px;
  }
  .blogs-news .blogs-news-wrapper .list-blogs-news .post-item .post-item-img {
    width: 100%;
    height: 200px;
  }
  .blogs-news .blogs-news-wrapper .list-blogs-news .post-item .post-item-text {
    padding: 30px 20px;
  }
  .blogs-news .blogs-news-wrapper .list-blogs-news .post-item .post-item-text .headline h3 {
    font-size: 18px;
  }
  .blogs-news .blogs-news-wrapper .list-blogs-news .post-item .post-item-text .summary p {
    font-size: 14px;
  }
  .breadcrumb-nav {
    padding: 0;
    margin: 0;
  }
  .breadcrumb-nav.fixed {
    width: 100%;
    height: 45px;
  }
  .breadcrumb-nav.fixed .breadcrum-nav-wrapper {
    display: block;
  }
  .breadcrumb-nav.fixed .contact-breadcrumb {
    transform: none;
    visibility: visible;
    opacity: 1;
  }
  .breadcrumb-nav .breadcrum-nav-wrapper {
    width: 100%;
    height: 45px;
    display: none;
  }
  .breadcrumb-nav .breadcrum-nav-wrapper .breadcrumb {
    display: none;
  }
  .breadcrumb-nav .breadcrum-nav-wrapper .contact-breadcrumb {
    width: 100%;
    height: 100%;
    margin-left: 0;
    left: 0;
    background-color: #213558;
    z-index: 4;
  }
  .breadcrumb-nav .breadcrum-nav-wrapper .contact-breadcrumb .nav-contact-breadcrumb {
    width: 100%;
    height: 100%;
    padding: 3px 0;
  }
  .breadcrumb-nav .breadcrum-nav-wrapper .contact-breadcrumb .nav-contact-breadcrumb .nav-item {
    margin-right: 0;
    width: calc(33.3333333333% - 1px);
    height: 100%;
    border-right: 1px solid #213558;
  }
  .breadcrumb-nav .breadcrum-nav-wrapper .contact-breadcrumb .nav-contact-breadcrumb .nav-item a.nav-link {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
  }
  .breadcrumb-nav .breadcrum-nav-wrapper .contact-breadcrumb .nav-contact-breadcrumb .nav-item a.nav-link span {
    display: none;
  }
  .breadcrumb-nav .breadcrum-nav-wrapper .contact-breadcrumb .nav-contact-breadcrumb .nav-item a.nav-link i, .breadcrumb-nav .breadcrum-nav-wrapper .contact-breadcrumb .nav-contact-breadcrumb .nav-item a.nav-link svg {
    color: #ffffff;
  }
  .group-info {
    padding: 25px 0;
  }
  .list-product .list-product-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
  .list-post .list-post-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .main-body .main-body-wrapper {
    flex-wrap: wrap;
  }
  .main-body .main-body-wrapper .body-content {
    width: 100%;
  }
  .main-body .main-body-wrapper .sidebar-related {
    width: 100%;
  }
  .main-body .main-body-wrapper .sidebar-related .list-related {
    display: flex;
    flex-wrap: wrap;
  }
  .main-body .main-body-wrapper .sidebar-related .list-related .post-item {
    width: calc(50% - 30px);
    margin: 0 15px;
    margin-bottom: 30px;
  }
  .main-body .main-body-wrapper .sidebar-related .list-related .post-item:nth-of-type(2n + 1) {
    margin-left: 0;
  }
  .main-body .main-body-wrapper .sidebar-related .list-related .post-item:nth-of-type(2n) {
    margin-right: 0;
  }
  .form-contact {
    padding: 15px 0;
  }
  .form-contact .form-contact-wrapper {
    width: 100%;
  }
  .form-contact .form-contact-wrapper form .form-group label {
    width: 15%;
    font-size: 16px;
  }
  .form-contact .form-contact-wrapper form .form-group textarea.form-control {
    height: 250px;
  }
  .modal-add-to-card .modal-form .modal-dialog {
    max-width: 80%;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content:before {
    transform: rotateZ(35deg) translate(-150%, -20%);
    -webkit-transform: rotateZ(35deg) translate(-150%, -20%);
    -moz-transform: rotateZ(35deg) translate(-150%, -20%);
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body {
    padding: 15px 20px;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .close {
    top: -15px;
    right: 2px;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .add-card-content .logan .title h1 {
    font-size: 24px;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .add-card-content .logan .text p {
    font-size: 14px;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .add-card-content .form-to-card form .form-group {
    display: block;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .add-card-content .form-to-card form .form-group label {
    font-size: 14px;
    width: 100%;
    text-align: center;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .add-card-content .form-to-card form .form-group .input {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .add-card-content .form-to-card form .form-group.multi-group {
    display: block;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .add-card-content .form-to-card form .form-group.multi-group .input {
    width: 100%;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .add-card-content .form-to-card form .form-group.multi-group .sub-form {
    width: 100%;
    margin-top: 1rem;
    margin-left: 0;
    text-align: center;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .add-card-content .form-to-card form .form-group.multi-group .sub-form .form-group label {
    width: 100%;
  }
  .modal-add-to-card .modal-form .modal-dialog .modal-content .modal-body .add-card-content .form-to-card form .form-group.multi-group .sub-form .form-group .input {
    width: 100%;
  }
  .customer-support .customer-support-list .customer-support-item .item-number:after {
    width: 150px !important;
  }
  .customer-support .customer-support-list .customer-support-item .customer-summary {
    display: none;
  }
}
@media (min-width: 1024px) {
  .blogs-news .blogs-news-wrapper .list-blogs-news .post-item {
    width: calc(25% - 12px);
    margin: 0 8px;
  }
  .registration .registration-wrapper .form-registration form .form-group .error {
    font-size: 10px !important;
  }
  footer .footer-wrapper .footer-main .contact-footer .hotline p {
    font-size: 10px;
  }
  footer .footer-wrapper .footer-main .contact-footer .social-footer span {
    font-size: 10px;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Users/Asus/source/repos/C002-01-DMT/WWW/Themes/DMT/scss/Helpers/_fonts.scss%22,%22file:///C:/Users/Asus/source/repos/C002-01-DMT/WWW/Themes/DMT/scss/Helpers/_mixin.scss%22,%22file:///C:/Users/Asus/source/repos/C002-01-DMT/WWW/Themes/DMT/scss/responsive.scss%22,%22file:///C:/Users/Asus/source/repos/C002-01-DMT/WWW/Themes/DMT/scss/Helpers/_variables.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAKJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAKJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA,kbAIsF;;AAE1F;AACA;EACI;EACA;EACA;EACA;EACA,8ZAIkF;;AAEtF;AACA;EACI;EACA;EACA;EACA;EACA,6aAIqF;;AAEzF;AACA;EACI;EACA;EACA;EACA;EACA,4bAIwF;;ACpH5F;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAdC;EC5IG;IACI;;EAIA;IACI;;EAIR;IACI;IACA;;EAGJ;IDlBH,OCmBqB;IDlBrB,QCkByB;;EAElB;IACI;;EAOJ;IACI;ID9BX,OC+ByB;ID9BzB,QC8B8B;;EAEnB;IACI;;EAMA;IACI;AACA;AAAA;AAAA;;EAKJ;IACI;;EAGJ;IDnDf,OCoDiC;IDnDjC,QCmDqC;IDiBrC;IACA,iBCjBiC;IDkBjC,aClB2C;;EAKpC;IACI;;EAEA;IACI;;EAEA;IACI;;EAMhB;IDvEH,OCwEqB;IDvErB,QCuE0B;IACnB;IACA;;EAEA;IACI,kBC7CI;;ED+CJ;ID/EX,OCgF6B;ID/E7B,QC+EkC;IACnB;IACA;IACA;;EAGJ;IDtFX,OCuF6B;IDtF7B,QCsFkC;IACnB;IACA;IACA;ID3Ef,WC4Ee;ID3Ef,mBC2Ee;ID1Ef,gBC0Ee;;EAGJ;ID9FX,OC+F6B;ID9F7B,QC8FkC;IACnB;IACA;IACA;IDnFf,WCoFe;IDnFf,mBCmFe;IDlFf,gBCkFe;;EAMR;IACI;;EAIA;IACI;;EAIR;IACI;IACA;;EAKI;ID3Df,MC4DiC;ID1DjC,gBC0DqD;IAClC,OC5FJ;;EDwGR;IACI;IACA;;EAEA;IACI;;EAGI;IACI;;EAKJ;IACI;;EAKZ;IACI;IACA;;EAOA;IACI;;EAKJ;IACI;;EAgBI;IACI;IACA;;EAKJ;IACI;IACA;;EAGJ;IACI;;EAIR;IACI;IACA;IACA;;EAKZ;IACI;;EAUZ;IACI;;EAEA;IACI;IACA;;EAEA;IACI;;EAEA;IACI;;EAIA;IACI;IACA;;EAMZ;IACI;IACA;IACA;;EAGJ;IACI;IACA;;EAUZ;IACI;;EAMgB;IACI;IDlQ3B,WCmQ2B;IDlQ3B,mBCkQ2B;IDjQ3B,gBCiQ2B;IACA;;EAOpB;IACI;;EAEA;IACI;;EAGJ;IACI;IACA;;EAEA;IACI;IACA;;EAEA;IDlPnB,SCmPwC;IDlPxC;IACA,KCiP4C;IDhP5C,MCgP+C;ID1S/C,OC2SqC;ID1SrC,QC0SyC;IAClB,kBCzSN;ID0SM;ID9RvB,WC+RuB;ID9RvB,mBC8RuB;ID7RvB,gBC6RuB;;EAGJ;IACI;;EAEA;IACI;;EAKZ;IACI;IACA;;EAEA;IACI;;EAEA;IACI;;EAIR;IACI;;EAGJ;IACI;;EAEA;IACI;;EAOpB;IACI;;EAOoB;IACI;;EAKJ;IACI;;EAOpB;IACI;;EAWhB;IACI;;EAGI;IACI;IACA;;EAGJ;IACI;;EAEA;IACI;;EAEA;IACI;IACA;;EAKJ;IACI;;EAKZ;IACI;;EAIQ;IACI;;EAKZ;IACI;;EAEA;IACI;;EAYpB;IACI;;EAGI;IACI;;EAEA;IACI;IACA;;EAIR;IACI;IACA;;EAEA;IACI;;EAIR;IACI;;EAEA;IACI;IACA;;EAEA;ID3cnB,OC4cqC;;EAGlB;IACI;;EAGI;IACI;;EAKJ;IACI;;EAc5B;IACI;;EAGI;IACI;;EAEA;IACI;;EAIR;IACI;;EAIQ;IACI;;EAIR;IACI;IACA;;EAGJ;IACI;;EAEA;IACI;;EAEA;IACI;;EAc5B;IACI;;EAEA;ID3hBP,OC4hByB;ID3hBzB,QC2hB8B;;EAEnB;IACI;;EAGJ;IACI;IACA;IACA;;EAIR;IDziBP,OC0iByB;IDziBzB,QCyiB8B;IACnB;;EAEA;IACI;;EAGJ;IDjjBX,OCkjB6B;IDjjB7B,QCijBkC;IACnB;IACA;IACA,kBCrhBA;IDshBA;;EAEA;IDxjBf,OCyjBiC;IDxjBjC,QCwjBsC;IACnB;;EAEA;IACI;ID7jBvB,OC8jBqC;ID7jBrC,QC6jB0D;IACnC;;EAEA;IDjkBvB,OCkkByC;IDjkBzC,QCikB8C;ID7f9C;IACA,iBC6fyC;ID5fzC,aC4fgD;IACrB;;EAEA;IACI;;EAGJ;IACI,OC1kBvB;;ED0lBG;ID3lBX,OC4lB6B;ID3lB7B,QC2lBkC;;EAEnB;IACI;;EAWhB;IACI;IACA;;EAEA;IACI;;EAGJ;IACI;;EAEA;IACI;;EAEA;IACI;;EAIR;IACI;;EAEA;IACI;;EAKJ;IACI;;EAWhB;IACI;;EAEA;IACI;;EAIA;IACI;;EAEA;IACI;;EAEA;IACI;;EAahB;IACI;IACA;IACA;IACA;IACA;;EAGI;IDtrBf,OCurBiC;;EAGlB;IACI;;EAEA;IACI;;EAEA;IACI;;EAIR;IACI;;EAEA;IACI;;EAaxB;IACI;;EAEA;IACI;IACA;IACA;IACA;IACA;;EAGI;IDjuBf,OCkuBiC;;EAKV;IACI;;EAKJ;IACI;;EAaxB;IACI;;EAEA;IACI;;EAEA;IACI;;EAEA;IACI;IACA;;EAKJ;IACI;;EAIR;IACI;;EAEA;IACI;;EAcJ;IACI;;EAIR;IACI;;EAEA;ID3uBf,MC4uBiC;IACd;IACA;;EAGJ;IDjvBf,MCkvBiC;IACd;IACA;;EAGJ;IDvvBf,MCwvBiC;IDrvBjC,iBCqvB6D;IAC1C;IACA;;EAWhB;IACI;;EAEA;IACI;;EAGI;IACI;IACA;;EAEA;IACI;IACA;;EAGJ;IACI;;EAGJ;IACI;;EAEA;IACI;;EAaxB;IACI;;EAEA;IACI;;EAEA;IACI;;EAKJ;IDr3BX,OCs3B6B;IDr3B7B,QCq3BkC;;EAU/B;IACI;;EAEA;IACI;;EAEA;IACI;IACA;;EAEA;IACI;;EAIA;IACI;IACA;;EAKJ;IACI;;EAIR;IACI;;EAEA;IACI;;EAEA;IACI;;EAKJ;IACI;;EAMhB;IACI;IACA;IACA;;EAGI;IACI;;EAEA;IDv7BvB,OCw7ByC;;EAGlB;IACI;;EAGI;IACI;;EAKJ;IACI;;EAgB5B;IACI;;EAGI;IACI;;EAKJ;IACI;;EAKJ;IACI;;EAEA;IACI;;EAIR;IACI;;EAEA;IACI;;EAKJ;IACI;;EAGI;ID3/B3B,OC4/B6C;ID3/B7C,QC2/BkD;;EAK/B;IACI;;EAEA;IACI;;EAGJ;IACI;;EAOpB;IACI;;EAGI;IACI;;EAEA;IACI;;EAIR;IACI;;EAIQ;IACI;;EAGJ;IACI;;EAKJ;IACI;;EAgBpB;IACI;;EAGI;IDjjCnB,WCkjCuB;IDjjCvB,mBCijCuB;IDhjCvB,gBCgjCuB;;EAGJ;IACI;;EAEA;IACI;IACA;;EAMQ;IACI;;EAKJ;IACI;;EAOJ;IACI;;EAEA;IACI;IACA;IACA;;EAGJ;IACI;IACA;IACA;;EAGJ;IACI;;EAEA;IACI;;EAGJ;IACI;IACA;IACA;IACA;;EAGI;IACI;;EAGJ;IACI;;EAuBpC;IACI;;EAIR;IACI;;EAGJ;IACI;;;AD5gCnB;ECwhCG;IACI;;EAMA;IACI;IDprCX,OCqrCyB;IDprCzB,QCorC8B;;EAEnB;IACI;;EAMA;IACI;AACA;AAAA;AAAA;;EAKJ;IACI;;EAGJ;IDzsCf,OC0sCiC;IDzsCjC,QCysCqC;IDroCrC;IACA,iBCqoCiC;IDpoCjC,aCooC2C;;EAKpC;IACI;;EAKI;IACI;;EAGJ;ID1tCf,OC2tCiC;ID1tCjC,QC0tCsC;IACnB;IACA;;EAEA;IACI,kBChsCR;;EDksCQ;IDluCvB,OCmuCyC;IDluCzC,QCkuC8C;IACnB;IACA;IACA;;EAGJ;IDzuCvB,OC0uCyC;IDzuCzC,QCyuC8C;IACnB;IACA;IACA;ID9tC3B,WC+tC2B;ID9tC3B,mBC8tC2B;ID7tC3B,gBC6tC2B;;EAGJ;IDjvCvB,OCkvCyC;IDjvCzC,QCivC8C;IACnB;IACA;IACA;IDtuC3B,WCuuC2B;IDtuC3B,mBCsuC2B;IDruC3B,gBCquC2B;;EAQxB;ID9vCH,OC+vCqB;ID9vCrB,QC8vC0B;IACnB;IACA;;EAEA;IACI,kBCpuCI;;EDsuCJ;IDtwCX,OCuwC6B;IDtwC7B,QCswCkC;IACnB;IACA;IACA;;EAGJ;ID7wCX,OC8wC6B;ID7wC7B,QC6wCkC;IACnB;IACA;IACA;IDlwCf,WCmwCe;IDlwCf,mBCkwCe;IDjwCf,gBCiwCe;;EAGJ;IDrxCX,OCsxC6B;IDrxC7B,QCqxCkC;IACnB;IACA;IACA;ID1wCf,WC2wCe;ID1wCf,mBC0wCe;IDzwCf,gBCywCe;;EAMR;IACI;;EAIA;IACI;;EAIR;IACI;IACA;;EAKI;IDlvCf,MCmvCiC;IDjvCjC,gBCivCqD;IAClC,OCnxCJ;;ED+xCR;IACI;IACA;;EAEA;IACI;;EAGI;IACI;;EAKJ;IACI;;EAMR;IACI;;EAEA;IACI;IACA;;EAEA;IACI;;EAIR;IACI;IACA;IACA;;EAQR;IACI;;EAKJ;IACI;;EAWhB;IACI;;EAGI;IACI;;EAEA;IACI;;EAIR;IACI;;EAIQ;IACI;;EAIR;IACI;IACA;;EAGJ;IACI;;EAEA;IACI;;EAEA;IACI;;EAc5B;IACI;;EAEA;IACI;IACA;;EAEA;IACI;;EAGI;IACI;IACA;;EAKJ;IACI;;EAKZ;IACI;IACA;IACA;;EAGJ;IACI;;EAUZ;IACI;;EAGI;IACI;;EAEA;IACI;IACA;;EAIR;IACI;IACA;;EAEA;IACI;;EAIR;IACI;IACA;;EAEA;IACI;IACA;IACA;;EAEA;IDr/CnB,OCs/CqC;IDr/CrC,QCq/C0C;;EAGvB;IACI;;EAGI;IACI;;EAKJ;IACI;;EAc5B;IACI;IACA;;EAEA;IDthDP,OCuhDyB;IDthDzB,QCshD8B;;EAEnB;IACI;;EAGJ;IACI;IACA;IACA;;EAIR;IDpiDP,OCqiDyB;IDpiDzB,QCoiD8B;IACnB;;EAEA;IACI;;EAGJ;ID5iDX,OC6iD6B;ID5iD7B,QC4iDkC;IACnB;IACA;IACA,kBChhDA;IDihDA;;EAEA;IDnjDf,OCojDiC;IDnjDjC,QCmjDsC;IACnB;;EAEA;IACI;IDxjDvB,OCyjDqC;IDxjDrC,QCwjD0D;IACnC;;EAEA;ID5jDvB,OC6jDyC;ID5jDzC,QC4jD8C;IDx/C9C;IACA,iBCw/CyC;IDv/CzC,aCu/CgD;IACrB;;EAEA;IACI;;EAGJ;IACI,OCrkDvB;;EDmlDL;IACI;;EASA;IACI;;EAUJ;IACI;;EAUJ;IACI;;EAEA;IACI;;EAGJ;IACI;;EAEA;IDzjDf;IC2jDmB;;EAEA;IACI;IACA;IACA;;EAEA;IACI;;EAGJ;IACI;;EAaxB;IACI;;EAEA;IACI;;EAIQ;IACI;IACA;;EAGJ;IACI;;EAcZ;IACI;;EAGI;ID1qDnB,WC2qDuB;ID1qDvB,mBC0qDuB;IDzqDvB,gBCyqDuB;;EAGJ;IACI;;EAEA;IACI;IACA;;EAMQ;IACI;;EAKJ;IACI;;EAOJ;IACI;;EAEA;IACI;IACA;IACA;;EAGJ;IACI;IACA;IACA;;EAGJ;IACI;;EAEA;IACI;;EAGJ;IACI;IACA;IACA;IACA;;EAGI;IACI;;EAGJ;IACI;;EAsBpC;IACI;;EAOR;IACI;;;AD9nDnB;ECisDmB;IACI;IACA;;EAgBI;IACI;;EAkBJ;IACI;;EAKJ;IACI%22%7D */