img{
  max-width: 100%;
  height: auto;
}

a#navigation-toggle { 
  height: 60px;
  line-height: 60px;
  float: left;
  margin: 0;
  cursor: pointer;
  color: #000; 
  margin-left: 0px; 
  font-weight: 600; 
  position: relative; 
  z-index: 9; 
  text-decoration: none !important;
  display: none;
  text-transform: uppercase;
  transition: all .3s cubic-bezier(0.4, 0.0, 0.2, 1);  
  font-size: 24px;
  padding: 0px 15px;
}

.is-sticky a#navigation-toggle {
  color: #000;
  transition: all .3s cubic-bezier(0.4, 0.0, 0.2, 1);  
}

a#navigation-toggle svg{
  height: 60px;
  vertical-align: text-bottom;
  width: 30px;
}

.sidr-class-contextual{
  display: none;
}

.sidr-class-visually-hidden{
  display: none;
}

#sidr-main{

  padding: 40px 30px 10px 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;

  -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
  box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);  
}

.sidr-inner h2 {
  font-size: 1em;
}

#sidr-main a {

}

#sidr-main ul li a{
  color: #000;
  font-size: 16px;
  font-weight: 600;  
  padding: 0.2em 0; 
}


.sidr-class-mobile-logo{
  margin: 3em 0;
}

.sidr-class-mobile-logo a{
  display: inline-block;
  width: 100%;
}

.sidr-class-mobile-logo a img{
  width: 100%;
}

#sidr-id-branding{
  text-align: center;
}

.sidr-class-site-name{
  vertical-align: top;
  font-size: 22px;
  display: inline-block;

  font-weight: 900;
  letter-spacing: -1px;
  color: #f67300;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); 
}

.sidr-class-site-name:hover{
  color: #ff8900;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}

#sidr-id-branding{
  margin-bottom: 1em;
}

#sidr-id-menu-logo{
  max-width: 60%;
  margin: 1em auto 0em auto;
  display:inline-block;
}

#sidr-id-menu-logo img{
  width: 100%;
}

#sidr-id-user-menu{

}

#sidr-id-user-menu .sidr-class-tm-a{
  line-height: 30px;
  vertical-align: middle;
  margin-bottom: 5px;
}

#sidr-id-user-menu a{
  display: inline-block;
  line-height: 30px;

}

#sidr-id-user-menu .sidr-class-tm-a-text{
  line-height: 30px;
  vertical-align: middle;
}

#sidr-id-user-menu .sidr-class-tm-a-label{
  line-height: 30px;
  color: #000;
  vertical-align: middle;
}

.sidr-class-tm-a-icon{
  width: 30px;
  text-align: center;
  display: inline-block;
}

.sidr-class-tm-a-icon svg{
  vertical-align: middle;
}

/* 1800 */
@media screen and (max-width: 1800px) {

}

/* 1600 */
@media screen and (max-width: 1600px) {

  .view-kategoriak-offer .views-row .card-data h3 {
    letter-spacing: 0px;
    font-size: 24px;
  }

  .cover-overlay .node h2.title a,
  .cover-overlay h1.page-title {
    font-size: 80px;
  }

}

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

  .maintenance-page #page-wrapper .container {
    width: 50%;
  } 
  .maintenance-page #page {
    padding: 10vh 0em 0em 0em;
  }

  .container {
    max-width: 95%;
  }

  .slider-slide-inner-title h2{
    font-size: 64px;
  }

  .slider-slide-inner-subtitle h3{
    font-size: 24px;
  }

  .view-kategoriak-offer .views-row .card-data h3 {
    letter-spacing: 0px;
    font-size: 22px;
  }

  .cover-overlay .node h2.title a,
  .cover-overlay h1.page-title {
    font-size: 64px;
  }

  .container-n {
    width: 80%;
  }

  #main-menu li a {
    padding: 0px 12px;
  } 

}

/* 1200 */
@media screen and (max-width: 1200px) {

  .eu-cookie-compliance-content {
    max-width: 100%;
  }

  .eu-cookie-compliance-message {
    float: left;
    max-width: 70%;
    margin-right: 2%;
  }

 

  #footer-block-1{
    width: 15%;
  }

  #footer-block-4{
    width: 38%;
  }

  .container-wide {
    max-width: 95%;
  }  

  .view-kategoriak-offer .views-row {
    margin: .5%;
    width: 23%;
  }  

  .site-name{
    display: none;
  }

  .cover-overlay .node h2.title a,
  .cover-overlay h1.page-title {
    font-size: 54px;
  }

  h1#product-title {
    letter-spacing: 2px;
    font-size: 32px;
  }

  .section-title h2 {
    letter-spacing: 2px;
    font-size: 32px;
  }

  #contact-social a {
    min-width: 200px;
  }  

  #main-menu li a {
    padding: 0px 10px;
    letter-spacing: 0px;
  }

  .cover-basic .cover-overlay .node h2.title a, 
  .cover-basic .cover-overlay h1.page-title {
    letter-spacing: 2px;
    font-size: 48px;
    text-shadow: 
        -2px -2px 4px rgb(0 0 0 / 20%), 
         2px -2px 4px rgb(0 0 0 / 20%),  
        -2px 2px 4px rgb(0 0 0 / 20%), 
        2px 2px 4px rgb(0 0 0 / 20%);
  }

  .views-csapat {
    width: 80%;
    margin: 0 auto;
  }

}

/* 1100 */
@media screen and (max-width: 1100px) {

  .eu-cookie-compliance-buttons {
    max-width: 16%;
  }

  .eu-cookie-compliance-message {
    float: left;
    max-width: 81%;
    margin-right: 2%;
  }

  #popup-buttons button {
    margin-bottom: 0.6em;
    width: 100%;
  } 

  .eu-cookie-compliance-buttons {
    margin: 0 0 0.6em 0;
  }  

  .slider-slide-inner-title h2{
    font-size: 54px;
  }

  .slider-slide-inner-subtitle h3{
    font-size: 24px;
  }

  .slider-slide-inner-title {
    margin: 35vh auto 0 auto;
  }  

  .view-kategoriak-offer .views-row {
    margin: 1%;
    width: 47%;
    max-width: 350px;
  }

  .view-kategoriak-offer .views-row .views-field-views-conditional-field span{
    height: 0;
    padding-bottom: 100%;
    display: inline-block;
  }

  .views-termek-blokkok .views-row .views-field-title h2,
  .views-termekek-kereses .views-row .views-field-title h2,
  .views-termekek .views-row .views-field-title h2 {
    font-size: 16px;
    line-height: 1.2em;
  }

  .sell-price {
    font-size: 24px;
    line-height: 24px;
  }  

  .cover-overlay .node h2.title a,
  .cover-overlay h1.page-title {
    font-size: 48px;
  }

  h1#product-title {
    letter-spacing: 1px;
  }

  .section-title h2 {
    letter-spacing: 1px;
  }

  #main-menu li a {
    font-size: 14px;
    padding: 0px 10px;
    letter-spacing: 0px;
  }

  #menu-logo {
    font-size: 14px;
    padding: 0px 10px;
  }  

  #branding .site-name {
    font-size: 22px;
  }

  .section-title h2 {
    letter-spacing: 3px;
    font-size: 32px;
  }

  .views-csapat {
    width: 90%;
  }

  #primary .cart td {
    padding: 2px 5px;
  }
  
  #primary th {
    font-size: 95%;
    letter-spacing: 0px;
    padding: 5px 5px;
  }

  .table-wrapper{
    overflow-x:auto;
  }

  #primary .cart td {

  }

  #primary .cart td.views-field-edit-quantity,
  #primary .cart td.views-field-remove-button,
  #primary .cart td.views-field-unit-price__number,
  #primary .cart td.views-field-total-price__number{
    min-width: 125px;
    max-width: unset;
  }

  #primary .cart td input[type="submit"]{
    padding: 0.8em 0.6em;
  }

  #primary .cart td.views-field-purchased-entity{
    min-width: 250px;
  }

  #primary .cart td.views-field-field-kepek{
    min-width: 80px;
  }

}

/* 1000 */
@media screen and (max-width: 1000px) {


  .maintenance-page #page-wrapper .container {
    width: 90%;
  } 

  .eu-cookie-compliance-buttons {
    max-width: 100%;
    float: none;
    text-align: center;
  }

  .eu-cookie-compliance-message {
    max-width: 100%;
    float: none;
    text-align: center;
    margin: 0;
  }

  #sliding-popup button {
    margin-bottom: 0em;
    width: auto;
    margin-right: 0.6em;
    margin-left: 0.6em;
  } 

  .eu-cookie-compliance-buttons {
    margin: 1em 0 0 0;
  } 

  .container {
    max-width: 90%;
  }

  #about .section-inner-wrapper {
    padding: 3em 2em;
  }  

  .view-kategoriak-offer .views-row .card-data {
    padding: 1em;
  }

  .views-hirek .views-row {
    width: 100%;
    margin: 2em auto 0 auto;
    max-width: 730px;
  }

  .view-kategoriak-type .views-row .views-field-name h3 {
    font-size: 16px;
  }

  .view-kategoriak-type .views-row {
    width: 17%;
    margin: 1%;
  }

  .container-n {
    width: 100%;
  }

  #main-menu li a {
    padding: 0px 10px;
  }  

  #branding .site-name {
    display: none;
  }

  #footer-block-2{
    display: none;
  }

  #footer-block-4 {
    width: 55%;
  }

  #footer-block-3 {
    width: 24%;
    margin-right: 2%;
  }

  #popular-product .views-termek-blokkok .views-row,
  #fresh-product .views-termek-blokkok .views-row {
    width: 30%;
    margin: 1%;
  }

  #more-products .views-termek-blokkok .views-row {
    width: 30%;
    margin: 1%;
  }

  #more-products .views-egyedi-termek-blokkok .views-row {
    width: 30%;
    margin: 1%;
  }

  #popular-product .views-termek-blokkok .views-row:nth-child(4).
  #fresh-product .views-termek-blokkok .views-row:nth-child(4) {
    display: none;
  }

  #more-products .views-termek-blokkok .views-row:nth-child(4) {
    display: none;
  }

  #more-products .views-egyedi-termek-blokkok .views-row:nth-child(4) {
    display: none;
  }

  .view-kategoriak-type .views-row .views-field-name h3 {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .views-termek-blokkok .views-row,
  .views-termekek-kereses .views-row,
  .views-egyedi-termek-blokkok .views-row,
  .views-termekek .views-row {
    width: 47%;
    margin: 2% 1%;
    max-width: 350px;
  }

  #sidebar {
    border-right: 0px;
  }

  #primary.col-sm-8 {
    width: 74%;
    margin-left: 0%;
  } 

  .views-csapat {
    width: 100%;
  }

}

/* 959 */ 
@media screen and (max-width: 959px) {
  
  .container {
    max-width: 90%;
  }

  #navigation{
    display: none;
  }

  a#navigation-toggle {
    display: inline-block;
  }

  .maintenance-page #page-wrapper {
    position: relative;
    padding: 10vh 0 0 0;
    padding: 0;
  }

  .maintenance-page #main-wrapper{
    max-width: 90%;
    margin: 0 auto;
  }

  #main-menu {
    float: left;
  }

  #branding .site-name {
    display: inline-block;
  }  

  .views-csapat .views-row .views-field-field-thumb {
    
  }

  .views-csapat .views-row .card-data {
    
  }

  #edit-login-returning-customer,
  #edit-login-guest,
  #edit-login-register{
    float: unset;
    width: 100%;
  }


}

/* 900 */ 
@media screen and (max-width: 900px) {

  .about-logo {
    width: 140px;
    height: 140px;
  }

  .about-logo-wrapper {
    width: 100%;
    margin-bottom: 1em;
  }

  .about-right {
    width: 100%;
    text-align: center;
    float: unset;
  }  

  #about .section-title h2 {
    font-size: 30px;
  }  

  #about .section-inner-wrapper {
    padding: 2em 1em;
  }

  #about .section-more-link {
    text-align: center;
  }

  .view-kategoriak-type .views-row {
    width: 23%;
    margin: 1% 0.5%;
  }  

  #slider-arrows-wrapper {
    top:unset;
    bottom: 15vh;
  }

  .views-termek-blokkok .views-row .views-field-nothing-1, 
  .views-termekek-kereses .views-row .views-field-nothing-1,
  .views-egyedi-termek-blokkok .views-row .views-field-nothing-1,
  .views-termekek .views-row .views-field-nothing-1 {
    margin: calc(0.5em + 1px) 0;
    width: 49%;
  }  

  .views-termek-blokkok .views-row .views-field-variations,
  .views-termekek-kereses .views-row .views-field-variations,
  .views-egyedi-termek-blokkok .views-row .views-field-variations,
  .views-termekek .views-row .views-field-variations-1{
    width: 49%;
    float: right;
    text-align: right;
  }

  .views-termek-blokkok .form-actions,
  .views-termekek-kereses .form-actions,
  .views-egyedi-termek-blokkok .form-actions,
  .views-termekek .form-actions {
    padding-top: 0px;
  }

  .commerce-variation-add-to-cart-form input[type="submit"], 
  input[type="submit"].button--add-to-cart {
    max-width: 100%;
    padding: 0.8em 0.8em;
    letter-spacing: 1px;    
  }  

}

/* 800 */
@media screen and (max-width: 800px) {

  #sidebar {
    vertical-align: top;
    width: 100%;
    margin-right: 0;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    display: inline-block;
  }

  #primary.col-sm-8 {
    width: 100%;
    display: inline-block;
  }  

  .views-termekek{
    text-align: center;
  }

  .views-termekek-kereses{
    text-align: center;
  }

  .views-egyedi-termek-blokkok{
    text-align: center;
  }

  .facets-widget-links ul li a .facet-item__count {
    float: unset;
    font-size: 80%;
    width: unset;
    line-height: unset;
    text-align: unset;
    margin-right: 0px;
  }

  .block-facet--links ul li {
    display: inline-block;
  }

  .block-facet--links ul li.facets-reset{
    width: 100%;
  }

  .facets-widget-links ul li a{
    padding: 5px 8px;
  }

  ul.search-api-sorts {
    text-align: center;
  }

}

/* 768 */
@media screen and (max-width: 768px) {

  .slider-slide-inner-title {
    margin: 40vh auto 0 auto;
  }

  .slider-slide-inner-title h2{
    font-size: 42px;
  }

  .slider-slide-inner-subtitle h3{
    font-size: 24px;
  }

  .cover-overlay .node h2.title a,
  .cover-overlay h1.page-title {
    font-size: 42px;
  }

  h1#product-title {
    font-size: 30px;
  }
  
  .section-title h2 {
    font-size: 30px;
  }  

  .section-title h2 {
    letter-spacing: 1px;
    font-size: 32px;
  }  

  #footer-block-1{
    width: 100%;
    margin-bottom: 2em;
    margin-right: 0%;
    text-align: center;
  }

  #footer-block-2{
    width: 100%;
    margin-bottom: 1em;
    margin-right: 0%;
    text-align: center;
  }

  #footer-block-3{
    width: 100%;
    margin-bottom: 0.5em;
    margin-right: 0%;
    text-align: center;
  }

  #footer-block-4{
    width: 100%;
    margin-bottom: 0.5em;
    margin-right: 0%;
    text-align: center;
    float: none;
  }

  #header-top-menu {
    text-align: center;
  }

  .views-hirek .views-row h3 {
    line-height: 1.2em;
  }

  #bottom ul li {
    display: inline-block;
    margin-left: 0px;
    margin-right: 0px;
  }

  #sub-footer-left-wrapper{
    width: 70%;
  }

  #sub-footer-right-wrapper{
    width: 30%; 
  }

  .cover-basic .cover-overlay .node h2.title a, 
  .cover-basic .cover-overlay h1.page-title {
    letter-spacing: 1px;
    font-size: 46px;
    text-shadow: 
        -1px -1px 4px rgb(0 0 0 / 20%), 
         1px -1px 4px rgb(0 0 0 / 20%),  
        -1px 1px 4px rgb(0 0 0 / 20%), 
         1px 1px 4px rgb(0 0 0 / 20%);
  }

  h1#product-title {
    font-size: 28px;
  }  

  .section-title h2 {
    font-size: 26px;
  }  

  .checkout-progress--step {
    padding-right: 0.5em;
    padding-left: 0.5em;
    break-inside: avoid;
    display: inline-block;
  }

  .product-left{
    width: 100%;
    max-width: 600px;
  }

  .product-right{
    width: 100%;
    float: unset;
  }


  .product-page .field--name-field-ajanlas .field__label, 
  .product-page .field--name-field-kategoria .field__label, 
  .product-page .field--name-field-szin .field__label,
  .product-page .field--name-field-tipus .field__label {
    width: unset;
  }


  .product-page .field--type-commerce-price {
    display: inline-block;
  }

  .product-page .field--name-variations{
    display: inline-block;
    float: right;
  }

  .product-page .form-actions {
    padding-top: 0px;
  }

}

/* 700 */
@media screen and (max-width: 700px) {

  .view-kategoriak-type .views-row {
    width: 30%;
    margin: 1%;
  }  

  #popular-product .views-termek-blokkok .views-row,
  #fresh-product .views-termek-blokkok .views-row {
    width: 47%;
    margin: 1% 1% .6em 1%;
  }

  #more-products .views-termek-blokkok .views-row {
    width: 47%;
    margin: 1% 1% .6em 1%;
  }

  #more-products .views-egyedi-termek-blokkok .views-row {
    width: 47%;
    margin: 1% 1% .6em 1%;
  }

  #popular-product .views-termek-blokkok .views-row:nth-child(4),
  #fresh-product .views-termek-blokkok .views-row:nth-child(4) {
    display: inline-block;
  }

  #more-products .views-termek-blokkok .views-row:nth-child(4) {
    display: inline-block;
  }

  #more-products .views-egyedi-termek-blokkok .views-row:nth-child(4) {
    display: inline-block;
  }

  a#navigation-toggle {
    margin-left: -15px;
  }

  .views-termek-blokkok .views-row .views-field-nothing-1,
  .views-termekek-kereses .views-row .views-field-nothing-1,
  .views-egyedi-termek-blokkok .views-row .views-field-nothing-1,
  .views-termekek .views-row .views-field-nothing-1 {
    margin: 0.5em 0;
    width: 49%;
  }  

  .sell-price {
    margin-right: 0em;
    vertical-align: middle;
  }  

  .views-termek-blokkok .views-row .views-field-variations,
  .views-termek-blokkok .views-row .views-field-variations-1,
  .views-termekek-kereses .views-row .views-field-variations,
  .views-termekek-kereses .views-row .views-field-variations-1,
  .views-egyedi-termek-blokkok .views-row .views-field-variations,
  .views-egyedi-termek-blokkok .views-row .views-field-variations-1,
  .views-termekek .views-row .views-field-variations,
  .views-termekek .views-row .views-field-variations-1{
    width: 49%;
    float: right;
    text-align: right;
  }

  .views-termek-blokkok .form-actions {
    padding-top: 0px;
  }

  .views-csapat .views-row{
    width: 100%;
    margin-bottom: 1em;
	display: flex;
    vertical-align: top;
    text-align: left;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;

  }

  .views-csapat .views-row .views-field-field-thumb .field-content{

  }

  .views-csapat .views-row .card-data {
    text-align: center;
    width: 100%;
  }

  .views-csapat .views-row .views-field-field-thumb {
    margin-right: 0;
    margin-left: 0;  
    order: 1;	
  }  

  .views-csapat .views-row.views-row-even .views-field-field-thumb {
    margin-right: 0;
    margin-left: 0;
    order: 1;	
  }

  .views-csapat .views-row .views-field-fieldset{
    order: 2;
  }

  .views-csapat .views-row.views-row-even .views-field-fieldset{
    order: 2;
  }

  .views-csapat .views-row.views-row-even .card-data {
    text-align: center;
  }  

  .views-csapat .views-row {
    margin: 0 0 2em 0;
  }

}

/* 640 */
@media screen and (max-width: 640px) {

  .cover-overlay .node h2.title a,
  .cover-overlay h1.page-title {
    font-size: 36px;
  }  

  .tm-a-icon {
    margin-top: 4px;
  }  

  .tm-a a {
    padding: 0px 10px;
  }

  .section-title h2 {
    letter-spacing: 1px;
    font-size: 32px;
  }  

  #sub-footer-left-wrapper{
    width: 100%;
    margin-bottom: 1em;
    text-align: center;
  }

  #sub-footer-right-wrapper{
    float: unset;
    width: 100%; 
    text-align: center;
    margin-bottom: 1em;
  }

  #sub-footer {
    height: unset;
  }  

  .commerce-variation-add-to-cart-form input[type="submit"], 
  input[type="submit"].button--add-to-cart {
    padding: 0.8em 0.8em;
  }

  .address-book__profiles {
    display: inline-block;
    width: 100%;
  }

  .address-book__profiles .address-book__profile{
    display: inline-block;
    width: 100%;
  }

  .address-book__profiles .address-book__profile--default{
    border-left: 4px solid #f67300;
    padding-left: 1em;
  }

  .views-csapat .views-row .views-field-field-thumb {
    width: 60%;
  }

}

/* 580 */
@media screen and (max-width: 580px) {

  .view-kategoriak-offer .views-row {
    margin: 1em 0 0 0;
    width: 100%;
    max-width: 350px;
  }

  .view-kategoriak-type .views-row {
    width: 47%;
    margin: 1%;
  }

  #popular-product .views-termek-blokkok .views-row,
  #fresh-product .views-termek-blokkok .views-row {
    margin: 0 0 2em 0;
    width: 100%;
  }

  #more-products .views-termek-blokkok .views-row {
    margin: 0 0 2em 0;
    width: 100%;
  }  

  #more-products .views-egyedi-termek-blokkok .views-row {
    margin: 0 0 2em 0;
    width: 100%;
  }  

  .views-termek-blokkok .views-row,
  .views-termekek-kereses .views-row,
  .views-egyedi-termek-blokkok .views-row,
  .views-termekek .views-row {
    margin: 0 0 2em 0;
    width: 100%;
  }  

  .cover-basic .cover-overlay .node h2.title a, .cover-basic .cover-overlay h1.page-title {
    letter-spacing: 1px;
    font-size: 42px;
  }

  .webform-submission-form .form-item-name,
  .webform-submission-form .form-item-email{
    width: 100%;
    margin-bottom: 1em;
  }
  .tm-a a {
    padding: 0px 5px;
  }

  #more-products {
    width: 100%;
  }  
}

/* 480 */
@media screen and (max-width: 480px) {

  #sliding-popup {
    font-size: 90%;
    width: calc(100% - 2em)!important;
    padding: 1em;
  }

  #sliding-popup button {
    font-size: 100%;
  } 

  .cover-overlay .node h2.title a,
  .cover-overlay h1.page-title {
    font-size: 32px;
  } 

  .slider-slide-inner-link {
    margin-top: 20vh;
  }

  #popular-product .views-termek-blokkok .views-row,
  #fresh-product .views-termek-blokkok .views-row {
    width: 100%;
    margin: 0 0 2em 0;
  }

  .tm-a-icon {
    margin-right: 4px;
  }

  #footer-block-3 a{
    display: inline-block;
    padding: 8px 15px;
  }

  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4em;
  }

  #menu-logo {
    padding: 0;
  }

  #header-top-menu{
    display: none;
  }

  #masthead {
    height: 60px;
  }

  #masthead-sticky-wrapper{
    height: 60px!important; 
  }  

  #menu-cart{
    display: inline-block;
  }

  #menu-cart .tm-a-label {
    margin-left: 0;
    width: calc(1em + 6px);
    padding: 5px 2px;
    text-align: center;    
  }

  #branding .site-name{
    display: none;
  }

  input.form-text,
  input.form-email,
  textarea.form-textarea,
  select.form-select{
    width: calc(100% - 1.6em - 2px);
  }

  .layout-region-checkout-footer .button.form-submit,
  #edit-actions-next,
  #edit-checkout{
    margin: 10px 0px;
    width: 100%;
    float: unset;
    display: inline-block;
    max-width: unset;
  }

  a.link--previous{
    margin: 10px 0px;
    width: calc(100% - 2.8em);
    float: unset;
  }

  #edit-actions{
    text-align: center;
  }

}

/* 400 */
@media screen and (max-width: 400px) {
  
  #popup-buttons button {
    margin: 0 0 0.6em 0;
    width: 100%;
  }

  .cover-overlay .node h2.title a,
  .cover-overlay h1.page-title {
    font-size: 28px;
  } 

  .view-kategoriak-type .views-row {
    width: 100%;
    margin: 0 0 1em 0;
  }  

  #branding .site-name{
    display: none;
  }

  #bottom-social .sl-icon {
    margin-right: 0px;
    width: 100%;
  }

  #bottom-social a {
    height: unset;
    margin: 6px 0;
  }

  #bottom-social .sl-text {
    height: unset;
  }

  .views-termek-blokkok .views-row,
  .views-termekek-kereses .views-row,
  .views-egyedi-termek-blokkok .views-row,
  .views-termekek .views-row {
    margin: 0 0 1em 0;
  }    

  .cover-basic .cover-overlay .node h2.title a, .cover-basic .cover-overlay h1.page-title {
    letter-spacing: 0px;
    font-size: 36px;
  }

  .product-page .field--type-commerce-price {
    letter-spacing: 0px;
  }  

  .product-reviews-title {
    text-align: center;
  }

}

/* 320 */
@media screen and (max-width: 320px) {

  .slider-slide-inner-link {
    margin-top: 10vh;
  }

}