@media only screen and (min-width: 1025px) {
  div.cookies .container {
    height: 40px;
  }
}

@media (max-width: 1025px) {
  nav.main-nav, span.p {
    display: none;
  }
  a.burger {
    display: block;
  }
  a.burger:before {
    font-family: 'Material Icons';
    content: '\e5d2';
    position: absolute;
    right: 1em;
    top: 20px;
    color: #262626;
    font-size: 2em;
  }
}
@media (max-width: 768px) {
  div.showroom-gallery img {
    width: 49%;
	}
	
a.card img {
  width:100%;
  height:300px;
  object-fit: cover;
  background-color: #f2f2f2;
}
	
	.img-hover-zoom {
  height: 300px; /* [1.1] Set it as per your need */
  overflow: hidden; 
  margin-bottom: 1.5em;
}



@media only screen and (max-width: 767px) {
.mobile-hidden {
  display:none;
  }
}

@media (max-width: 720px) {
	
	img.half-width-img1,
	img.half-width-img2,
	img.image-set1,
	img.image-set2,
	img.image-set3 {
width:100%;
margin-bottom:2.5em;
}


	
  div.kitchen-gallery a:nth-of-type(1) {
    height: 300px;
  }
  section.proposition {
    padding: 0;
    width: 100%;
  }
  div.newsletter-bg {
    height: 300px;
  }
  div.newsletter-wrap {
	  width:100%;
    position:static;
  }
	
	form.js-cm-form input[type="email"] {
    width: 90%;
}
	section.inspiration-ideas {
    padding-top: 4em;
	}
	
  span.headline {
    font-size: 3em;
  }
  .mob-nav {
    width: calc(100% - 6em);
    padding-left: 3em;
    padding-right: 3em;
    right: -100%;
  }

  div.card-wrapper,
  div.card-wrapper-double {
 grid-template-columns: repeat(1, 100% [col-start]);
}

section.inspiration-ideas img {
    width: 100%;
}




  section.home-styles a.card, section.home-styles a.card p, section.home-ranges a.card, section.home-ranges a.card p, section.design-installation a.card, section.design-installation a.card p {
    margin-bottom: 30px;
  }
  section.home-styles a.card:last-of-type, section.home-styles a.card p:last-of-type, section.home-ranges a.card:last-of-type, section.home-ranges a.card p:last-of-type, section.design-installation a.card:last-of-type, section.design-installation a.card p:last-of-type {
    margin-bottom: 0;
  }
  a.card p {
    width: 100%;
  }
  a.card, section.design-installation a.card {
    width: 100%;
  }
  .contact-form {
    width: 80%;
    max-width: 360px;
  }
  .product-render {
    margin-bottom: 2em;
  }
  div.kitchen-detail div.left-col, div.kitchen-detail div.right-col {
    width: 100%;
  }
  div.kitchen-gallery, div.showroom-gallery {
    margin-bottom: 3em;
  }
  div.showroom-gallery img {
    width: 100%;
  }
  div.product-details div.left-col {
    width: 100%;
    max-width: none;
  }
  div.product-details div.right-col {
    width: calc(100% - 4em);
  }
  section.inspiration-ideas div.column {
    width: 100%;
    max-width: none;
  }
  div.footer-nav-item {
    width: 100%;
    margin-bottom: 2em;
  }
  div.product-filters {
    flex-flow: column;
    margin-bottom: 2em;
  }
  div.product-filters select {
    width: 100%;
  }
  .custom-select {
    width: 100%;
  }
  header {
    width: calc(100% - 2em);
    padding: 0 1em;
  }
  a.logo {
    height: 36px;
    background-size: 70%;
    background-repeat: no-repeat;
  }
  div.filter-wrapper {
    display: none;
  }
  a.showFilters {
    display: inline-block;
    font-family: gillsans-semibold;
    text-transform: capitalize;
    margin-bottom: 1.5em;
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: .065em;
    color: #ccc;
    border: 1px solid #ccc;
    padding: 0.7em;
  }
  div.kitchen-gallery a:nth-of-type(2), div.kitchen-gallery a:nth-of-type(3), div.kitchen-gallery a:nth-of-type(4), div.kitchen-gallery a:nth-of-type(5), div.kitchen-gallery a:nth-of-type(6) {
    height: 60px;
  }
  div.slider-wrapper a.default-ghost-btn, div.slider-wrapper a.default-btn {
    width: 70%;
  }
}