@-webkit-keyframes darkpulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(1,1,1,0.7);
  }
  70% {
      -webkit-box-shadow: 0 0 0 20px rgba(1,1,1,0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(1,1,1,0);
  }
}
@keyframes darkpulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(1,1,1,0.7);
    box-shadow: 0 0 0 0 rgba(1,1,1,0.7);
  }
  70% {
      -moz-box-shadow: 0 0 0 20px rgba(1,1,1,0);
      box-shadow: 0 0 0 20px rgba(1,1,1,0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(1,1,1,0);
      box-shadow: 0 0 0 0 rgba(1,1,1,0);
  }
}


@-webkit-keyframes colorpulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(192,166,114,0.7);
  }
  70% {
      -webkit-box-shadow: 0 0 0 20px rgba(192,166,114,0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(192,166,114,0);
  }
}
@keyframes colorpulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(192,166,114,0.7);
    box-shadow: 0 0 0 0 rgba(192,166,114,0.7);
  }
  70% {
      -moz-box-shadow: 0 0 0 20px rgba(192,166,114,0);
      box-shadow: 0 0 0 20px rgba(192,166,114,0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(192,166,114,0);
      box-shadow: 0 0 0 0 rgba(192,166,114,0);
  }
}



/* -------------- PRICE KILL -------------- */

.product__prices-wrap, .artdet__price-and-countdown, .cart-box__item-price-wrapper, .cart-box__sum, .cart-item__sum-prices, .cart-header__sum, .sum-box__total-price, .sum-box__gross, .order-track__orderfull, .order-track__order-price-col, .order-track__header-price-col {
  display: none !important;
}

#ud_shop_order_track_det .order-details__buttons button.btn-secondary {
  display: none !important;
}

.fixed-cart__prices {
  display: none !important;  
}


/* -------------- PRICE KILL:END ---------- */



/* -------------- OWN FOOTER -------------- */

#own_footer {
  background: #0E2969 url('../image/footerbg.jpg');
  background-size: cover;
  background-position: center;
  color: #fff;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

#own_footer_in {
  padding-left: 0px;
  padding-right: 0px;
  display: table;
}

#own_footer_incont {
  display: flex;
  flex-wrap: wrap;
}

.own_footer_left, .own_footer_right {
  float: left;
  width: calc(50% - 1rem);
  margin-right: 1rem;
}

.own_footer_right {
  margin-right: 0px;
  margin-left: 1rem;
}

#own_footer h2 {
  color: #ffc107 !important;
  font-weight: 600;
}

#own_footer h2 i {
  color: #007bff !important;
}

.own_footer_colinner {
  background: rgba(255, 255, 255, 0.1);
  padding: 40px;
  border-radius: 10px;
  backdrop-filter: blur(2px);
  height: 100%;
}

#footerlogo {
  margin: 0 auto;
  margin-bottom: 50px;
  display: table;
  max-width: 200px;
}

/* -------------- OWN FOOTER:END----------- */




/* -------------- BANNER START SMALL ------ */

#banner_start_small {
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 70px;
  background: #e7e6e4;
  background: linear-gradient(0deg, rgba(240, 239, 237, 1) 0%, rgba(255, 255, 255, 1) 100%);
  overflow: visible;
  background: transparent;
}

.start_banners__elements {
  overflow: visible;
}

.start_banners__element-symbol {
  color: #fff;
  min-width: 80px;
  min-height: 80px;
  background-color: #053673;
  border-radius: 100%;
}

.start_banners__element-col:nth-child(1) .start_banners__element-symbol {
  background: #FFBF40 !important;
}

.start_banners__element-col:nth-child(1) .start_banners__element-text, .start_banners__element-col:nth-child(1) .start_banners__element-title {
  color: #FFBF40 !important;
}

.start_banners__element-icon:before {
  font-size: 21px;
}

.start_banners__element-col:nth-child(1) .start_banners__element-symbol:before {
  color: #0E2969;
}

.start_banners__element-symbol:after {
  content: "";
  position: absolute;
  background: transparent;
  color: #053673;
  left: 0;
  right: -100%;
  height: 80px;
  width: 80px;
  border-radius: 100%;
  top: 0;
  z-index: -1;
}

.start_banners__element-col:nth-child(1) .start_banners__element-symbol:after {
  background: #FFBF40 !important;
}

.start_banners__element-html-wrap {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.start_banners__element-col:nth-child(1) .start_banners__element-html-wrap {
  color: #0E2969;
}

.start_banners__element-title {
  font-weight: 600;
  color: #FFBF40 !important;
}

.start_banners__element-text {
  font-size: 1.35rem;
  margin-top: 2px;
  color: #fff;
}

/* -------------- BANNER START SMALL:END -- */


/* -------------- START TITLE ------------- */

#ud_shop_start .carousel__title-wrap, #page_artdet_content .carousel__title-wrap {
  display: table;
  column-gap: none;
  align-items: center;
  margin: 0 auto;
}

#ud_shop_start .main-title, #page_artdet_content .main-title {
  margin: 0 auto;
  display: table;
  text-align: center;
  font-size: 25px;
  text-transform: none;
  font-weight: 700;
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #0E2969;
}

#ud_shop_start #box_top_content .main-title {
  margin-top: 0px;
  margin-bottom: 0px;
}

#ud_shop_start .main-title:before, #page_artdet_content .main-title:before {
  content: '';
  display: block;
  height: 1px;
  width: 185px;
  background: rgba(14, 41, 105, 0.1);
  position: absolute;
  bottom: 14px;
  left: -210px;
}

#ud_shop_start .main-title:after, #page_artdet_content .main-title:after {
  content: '';
  display: block;
  height: 1px;
  width: 185px;
  background: rgba(14, 41, 105, 0.1);
  position: absolute;
  bottom: 14px;
  right: -210px;
}

#ud_shop_start .carousel__buttons, #page_artdet_content .carousel__buttons {
  position: absolute;
  right: 20px;
  top: 26px;
  z-index: 1;
}

#ud_shop_start .carousel__prev-next-btn, #ud_shop_start .flickity-button {
  background-color: #f7f7f7;
}

#ud_shop_artdet .carousel__prev-next-btn, #ud_shop_artdet .flickity-button {
  background-color: #f7f7f7;
}

#ud_shop_start .carousel__title-outer .container, #page_artdet_content .carousel__title-outer .container {
  position: relative;
}

/* -------------- START TITLE:END --------- */




/* -------------- BANNER START 1 ---------- */

.banner_start_1__slides .banner_start_1__slide{
  flex: 0 0 25%;
  max-width: 25%;
}

.categories .category-card {
  flex: 0 0 25%;
  max-width: 25%;
}

.banner_start_1__slide-inner .banner_start_1__img-outer {
  width: 100%;
}

.banner_start_1__slide-inner img {
  transform: translateZ(0) scale(1);
  margin: 0 auto;
  transition: transform ease 0.4s;
}

.banner_start_1__slide-inner:hover img, .banner_start_1__slide-inner:focus-within img {
  transform: translateZ(0) scale(1.2);
}

.layout--banners .element-slide-title {
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 1.3;
  text-transform: uppercase;
  transition: color ease 0.4s;
  color: #fff;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
  background: transparent;
  font-size: 15.5pt;
  top: 20px;
  padding-left: 20px;
}

.category-card__data {
  background: transparent;
}

.category-card__data .category-card__name {
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 1.3;
  text-transform: uppercase;
  transition: color ease 0.4s;
  color: #fff;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
  background: transparent;
  font-size: 15.5pt;
  padding-top: 10px;
  padding-left: 10px;
}

.category-card__inner {
  width: 100%;
  max-width: 100%;
}

.category-card__inner img, .category-card__inner img {
  transform: translateZ(0) scale(1);
  width: 100%;
}

.category-card__inner:hover img, .category-card__inner:focus-within img {
  transform: translateZ(0) scale(1.1);
}

/* -------------- BANNER START 1:END------- */



/* -------------- HEADER ------------------ */

.header__top-left {
  background: #053673;
  background: #0E2969;
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: 10px;
  position: relative;
}

.header__top-left:before {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  content: '';
  width: 9000px;
  margin-left: -8998px;
  background: #0E2969;
  background: linear-gradient(90deg, #053673 0%, #0E2969 100%);
  height: 100%;
}

.banner_start_big__wrapper {
  background: linear-gradient(90deg, #053673 0%, #4687bc 100%);
  margin: 0 auto;
}

.header--desktop .header__bottom {
  background: linear-gradient(270deg, #053673 0%, #4687bc 100%);
}

.banner_start_big__wrapper {
  background: linear-gradient(90deg, #053673 0%, #4687bc 100%);
  margin: 0 auto;
}

#banner_start_small {
  background: linear-gradient(90deg, #053673 0%, #4687bc 100%);
  margin: 0 auto;
}

.header--mobile, .header--desktop .header__top {
  background: linear-gradient(90deg, #053673 0%, #4687bc 100%);
}

.nav-item--products.always-opened > .nav-link--products:before, .nav-item--products.show:not(.always-opened) > .nav-link--products:before, .nav-link--products:hover:before, .nav-item--products.always-opened > .nav-link--products-placeholder-on-fixed-header:before, .nav-item--products.show:not(.always-opened) > .nav-link--products-placeholder-on-fixed-header:before, .nav-link--products-placeholder-on-fixed-header:hover::before, .nav-item--products.always-opened > .hamburger-box__dropdown-btn:before, .nav-item--products.show:not(.always-opened) > .hamburger-box__dropdown-btn:before, .hamburger-box__dropdown-btn:hover:before {
  background: #053673;
}

#dropdown-cat {
  background: #053673;
  color: #fff;
  overflow-y: hidden;
}


.header--desktop.is-fixed .header__top {
  background: linear-gradient(90deg, #053673 0%, #4687bc 100%);
}

.header__top-left {
  min-width: 320px;
}

.dropdown__btn-text {
  color: #fff;
}

.burger__line {
  background-color: #fff;
}

#nav--mobile-bottom .burger__line {
  background-color: #0E2969;
}

#nav--menu li a {
  color: #fff;
}

#nav--menu li a:hover {
  color: #FFBF40;
}

#cart-box__fly-to-desktop {
  background: #FFBF40;
  color: #0E2969;
  box-shadow: none;
}

#cart-box__fly-to-desktop .dropdown__btn-text {
  color: #0E2969;
}

.search-box__dropdown {
  margin-right: 1rem;
  margin-left: 30px;
}

.nav-item:hover > .nav-link > .nav-link__text {
  background-image: none;
  background: none !important;
}

.nav-list--0 > li.show > .nav-link {
  color: #0E2969;
  box-shadow: -20px 0 40px rgba(63, 125, 181, 0.05);
  background-color: #53A5D7;
  z-index: 1001;
}

.nanobar {
  background: #081f56 !important;
}

.nav-link--products:before, .nav-link--products-placeholder-on-fixed-header:before, .hamburger-box__dropdown-btn:before {
  background: #053673;
}

/* -------------- HEADER:END --------------- */

/* -------------- LOGO -------------------- */

#header_logo_img, #header_logo_img2 {
  margin-right: 0px;
}

#header_logo_img a, #header_logo_img2 a {
  display: block;
  width: 220px;
  height: 80px;
  background: url("../image/markeref_logo_original.png");
  background: url("../image/markeref_logo_white.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#header_logo_img a picture, #header_logo_img2 a picture {
  display: none !important;
}

#header--desktop.is-fixed #header_logo_img a, #header--desktop.is-fixed #header_logo_img2 a {
  width: 130px;
  height: 40px;
}

/* -------------- LOGO:END ---------------- */



/* -------------- MENU --------------------- */

.nav-list--0 > li > .nav-link {
  padding-right: 0.5rem;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.nav-list--0 > li > .nav-link:hover {
  color: #FFBF40;
}

#dropdown-cat li a .nav-link__text {
  font-size: 11.5pt;
  font-weight: 600;
}

.nav-list--0 > li.dropdown > .nav-link:before  {
  right: 1.5rem;
}

/* -------------- MENU:END ----------------- */



/* -------------- SLIDE -------------------- */

.carousel-cell-texts {
  justify-content: flex-start;
}

.carousel-cell-text.text--big {
  border-radius: 10px;
}

.carousel-cell-text.text--medium {
  transform: rotate(0deg);
  border-radius: 10px;
}

.carousel-banner_start_big .btn-primary {
  box-shadow: 0px 10px 20px rgba(8, 31, 86, 0.4);
}

.carousel.has-dots .carousel-cell-texts {
  padding: 5% 4.7%;
}

.slideshow-container {
  background: transparent;
}

/* -------------- SLIDE:END ---------------- */

.sum-box-wrap .line-separator {
  display: none;
}


.sum-box__main-title {
  text-align: center;
}

.sum-box__shipping-cost {
  max-width: 250px;
  margin: 0 auto;
  margin-bottom: 2rem;
}

.order-steps-inner {
  padding: 0px;
  width: 100%;
  max-width: 100%;
  position: relative;
}

.order-steps-inner:before {
  content: '';
  display: block;
  position: absolute;
  top: calc(2rem + 49px);
  width: 100%;
  height: 2px;
  background: rgba(0,0,0,0.1);
}

.order-step.col {
  padding: 0 5rem;
  width: 33.333333%;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.order-step__icon {
  width: 100px;
  height: 100px;
  line-height: 100px;
  font-size: 22px;
}

.order-step:not(:last-child):after {
  top: 50px;
}

.is-done .order-step__icon:after {
  background-color: #10AE20;
}

#container {
  padding-bottom: 0px;
}

.footer__navigation > .footer__nav {
  position: relative;
}

.footer__navigation .row > .footer__nav:after {
  content: "";
  display: block;
  position: absolute;
  right: 60px;
  width: 1px;
  height: 100%;
  background: #000;
  opacity: 0.08;
  top: 0px;
}

.footer__navigation .row > .footer__nav:last-child:after {
  display: none;
}

.page_shop_page_251840 main ul {
  display: table;
}

.page_shop_page_251840 main ul li{
  list-style: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.025);
  padding: 8px;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
  margin: 4px;
  border-radius: 5px;
  float: left;
}

#page_contact_content .container .row .col-xxl-6:nth-child(1) {
  order: 2;
}

#page_contact_content .container .row .col-xxl-6:nth-child(2) {
  order: 1;
}

#page_contact_content .container .row .col-xxl-6:nth-child(3) {
  order: 3;
}

#page_contact_content .container .row .col-xxl-6:nth-child(4) {
  order: 4;
}

.page_contact_main_2 .contact_name, .page_contact_main_2 .contact_phone, .page_contact_main_2 .contact_email {
  display: none;
}

#owncontact_in {
  display: table;
  width: 100%;
}

#owncontact_in {
  display: flex;
  flex-wrap: wrap;
}

.owncontact_col {
  float: left;
  width: calc(50% - 1rem);
  margin-right: 1rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 5px;
  padding: 30px;
}

.owncontact_col:nth-child(2) {
  margin-left: 1rem;
  margin-right: 0rem;
}

.owncontact_colin {
  text-align: center;
}

.owncontact_colin img {
  display: block;
  margin: 0 auto;
  width: 90px;
  border-radius: 100%;
  border: 5px solid rgba(0, 0, 0, 0.07);
}

.owncontact_col_name {
  font-weight: bold;
  margin-bottom: -2px;
  margin-top: 10px;
}

.owncontact_col_titulus {
  margin-bottom: 10px;
}

.megasubmenu .nav-list--1 > li.nav-item {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.04);
  padding: 10px;
  min-height: 20px;
}

main.main {
  /* background: #EBEAE9;
  background: linear-gradient(180deg,rgba(235, 234, 233, 1) 0%, rgba(255, 255, 255, 1) 100%); */
  background: #f7f7f7;
}

body {
  background: #f7f7f7;
}

#mymap {
  left: 0;
  right: 0;
  overflow: auto;
  width: 100%;
  position: relative;
  height: 250px;
  overflow: hidden;
  border-radius: 10px;
  background: #f7f7f7;
}

#mymap  iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: relative;
  max-height: 250px;
  min-height: 250px;
  -webkit-transition: all 0.15s ease-out 0.4s;
  -moz-transition: all 0.15s ease-out 0.4s;
  -o-transition: all 0.15s ease-out 0.4s;
  transition: all 0.15s ease-out 0.4s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}


  .banner_start_1__slide-inner  img {
    transform: translateZ(0) scale(1);
    margin: 0 auto;
  }

  .banner_start_1__slide-inner:hover img, .banner_start_1__slide-inner:focus-within img {
    transform: translateZ(0) scale(1.2);
  }


.carousel-cell-text.text--big {
  color: #0E2969;
  background-color: #FFBF40;
  padding: 2rem;
}

.carousel-cell-text.text--medium {
  color: #0E2969;
}

.flickity-page-dots .dot::before, .flickity-page-dots .flickity-page-dot::before {
  border: 1px solid #FFBF40;
}

.flickity-page-dots .dot:before, .flickity-page-dots .flickity-page-dot:before {
  border: 1px solid #FFBF40;
}

.flickity-page-dots .dot.is-selected::before, .flickity-page-dots .flickity-page-dot.is-selected::before {
  background-color: #FFBF40;
}

.flickity-page-dots .dot.is-selected:before, .flickity-page-dots .flickity-page-dot.is-selected:before {
  background-color: #FFBF40;
}

.fixed-cart__btn, .product__main-btn, .artdet-main-btn, .post-sale__btn-want-it, .order-details__main-btn, .cart-box__jump-to-products-btn {
  color: #0E2969;
}

.page_cart_to_products_link, .cart-box__jump-to-products-btn {
  color: #0E2969 !important
}

.product_filter_title__text {
  font-weight: 700;
  color: #4687bc;
}

.nav-list--1 > li > .nav-link {
  color: #4687bc;
}

.nav-list--2 .nav-link .nav-link__text {
  font-weight: 300 !important;
}

.nav-item.show > .nav-link > .nav-link__text {
  background-image: none !important;
}

.nav-item.has-active > .nav-link > .nav-link__text {
  background-image: none !important;
}

.nav-item.active > .nav-link > .nav-link__text {
  background-image: none !important;
}

.header .dropdown__btn:not(.cart-box__dropdown-btn) {
  color: #fff;
}

#nav--mobile-bottom.header .dropdown__btn:not(.cart-box__dropdown-btn) {
  color: #0E2969;
}

.nav--mobile .cart-box__dropdown-btn {
  color: #0E2969;
}

.header .dropdown__btn:not(.cart-box__dropdown-btn):hover {
  color: #FFBF40;
}

.header .dropdown__btn:not(.cart-box__dropdown-btn):hover .profile__text {
  color: #FFBF40;
}

.lang-select-group > select {
  color: #fff;
}

.lang-select-group:after {
  color: #fff;
}

.lang-and-money__wrapper {
  padding-left: 10px;
}

.header-is-fixed .nav-item--products > .nav-link--products:after {
  background: #053673;
}

.product-type__value-link {
  max-width: 100%;
}

#dropdown-cat .nav-list--2 {
  display: none !important;
}

.product-type__value.is-active:not(.product-type__value--color):not(.product-type__value--color_text) .product-type__value-link {
    background: rgba(0, 0, 0, 0.04);
    border-color: #053673;
    color: #053673;
    border-width: 2px;
}

.product__type-value:hover {
    border-color: #053673;
    background-color: #053673;
    color: #fff;
}

.cookie-alert__btn-open {
  color: #053673 !important;
}

/* 
=================================================================================
RESPONSIVE
=================================================================================
*/


@media only screen and (max-width: 1700px){

}

@media only screen and (max-width: 1580px){

}

@media only screen and (max-width: 1480px){
  .footer__navigation .row > .footer__nav:after {
    right: 35px;
  }

  #page_contact_content .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .banner_start_1__slide-inner  img {
    transform: translateZ(0) scale(1);
    margin: 0 auto;
  }

  .banner_start_1__slide-inner:hover img, .banner_start_1__slide-inner:focus-within img {
    transform: translateZ(0) scale(1.2);
  }
}

@media only screen and (max-width: 1400px){

}

@media only screen and (max-width: 1280px){
  .footer__navigation .row > .footer__nav:after {
    right: 10px;
  }

  .layout--banners .element-slide-title {
    font-size: 14pt;
  }

  .category-card__data .category-card__name {
    font-size: 14pt;
  }
}

@media only screen and (max-width: 1024px){
  .footer__navigation .row > .footer__nav:after {
    display: none !important;
  }
}

@media only screen and (max-width: 992px){

  #page_contact_content .col-xxl-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .layout--banners .element-slide-title {
    font-size: 11pt;
  }

  .category-card__data .category-card__name {
    font-size: 11pt;
  }

  .banner_start_big__wrapper .container {
    padding: 0px !important;
  }

  .header__top-right {
    padding-left: 3rem !important;
  }
}

@media only screen and (max-width: 768px){
  .own_footer_left, .own_footer_right {
    float: none;
    width: 90%;
    margin: 0 auto;
  }

  .own_footer_right {
    margin-right: 0px;
    margin-left: 0px;
    margin: 0 auto;
  }

  .own_footer_left {
    margin: 0 auto;
    margin-bottom: 2rem;
  }

  #ud_shop_start .main-title:before, #page_artdet_content .main-title:before {
    display: none !important;
  }

   #ud_shop_start .main-title:after, #page_artdet_content .main-title:after {
    display: none !important;
  }

  .carousel-cell-texts {
    justify-content: center;
  }

  .texts--layer .texts__container {
    margin-bottom: 8rem;
  }
}


@media only screen and (max-width: 660px) {

  .order-step__icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
  }

  .order-step:not(:last-child):after {
    top: 30px;
  }

  .order-steps-inner:before {
    top: calc(2rem + 29px);
  }

  .owncontact_col {
    float: none;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 2rem;
  }

  .owncontact_col:nth-child(2) {
    margin: 0 auto;
    margin-bottom: 0px;
  }

  #ud_shop_start .carousel__buttons, #page_artdet_content .carousel__buttons {
    display: none;
  }

}

@media only screen and (max-width: 576px){
  .banner_start_1__slides .banner_start_1__slide  {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .categories .category-card {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .texts--layer .texts__container {
    margin-bottom: 10rem;
  }
}

@media only screen and (max-width: 500px){

}

@media only screen and (max-width: 370px){

}