img{
	max-width: 100%;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body{
	display: block;
    margin: 0;
    position: relative;
    width: 100%;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    background: #111 !important;
    color: #fff !important;
}
a:hover{
  color: #fff !important;
}
.title{
  color: #fff;
    font-size: 40px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 30px;
}
.title:before{
    content: '';
    position: absolute;
    width: 70px;
    height: 3px;
    background: #fff;
    bottom: -6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 0.8s;
    opacity: 0.7;
}
.title:hover:before{
    width: 100%;
    transition: all 0.8s;
}

section{
  text-align: center;
}

/*header*/

.hide{
  display: none;
}
#fcf-button{
    color: #000;
}

.main-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    z-index: 999;
    width: 100%;
    background: #000;
    box-shadow: 0px 0px 17px -4px #ccc;
}
.main-header .menu{
    display: flex;
    align-items: center;
    padding: 20px;
}
.main-header .menu.active .top{
    -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
	-ms-transform: translateY(8px) translateX(0) rotate(45deg);
	transform: translateY(8px) translateX(0) rotate(45deg);
	background: #fff;
}
.main-header .menu.active .middle{
    opacity: 0;
    background: #fff;
}
.main-header .menu.active .bottom{
    -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
    -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
    transform: translateY(-8px) translateX(0) rotate(-45deg);
    background: #fff;
}
.main-header .menu .inner-menu{
	color: #fff;
  margin: 0;
}

.main-header a{
  text-decoration: none;
  color: #fff;
}
.main-header .menu .inner-menu li{
	display: inline-block;
    list-style: none;
        padding: 0 15px;
    font-size: 18px;
}
.toggle-menu p{
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    cursor: pointer;
}
.button_container {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 28px;
    width: 28px;
    cursor: pointer;
    z-index: 999;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
}
.button_container span {
    background: #fff;
    border: none;
    height: 2px;
    width: 100%;
    position: absolute;
    top: 4px;
    left: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
}
.button_container span:nth-of-type(2) {
    top: 12px;
}
.button_container span:nth-of-type(3) {
    top: 20px;
}

.main-header img{
    max-height: 100px;
    padding: 0px 20px;
}

/*image with text section*/
.img-with-text{
	display: flex;
	justify-content: space-between;
}
.img-with-text:nth-child(2n){
		flex-flow: row-reverse;
	}
.img-with-text > div{
	width: 50%;
}
.img-with-text .text-section .details{
	height: 100%;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 5vw;
}

/*category*/

#stone-selection{
  padding: 15px;
  text-align: center;
}

#stone-selection h2{
 font-size: 30px;
}

#stone-selection >p{
    font-size: 20px;
  line-height: 30px;
  width: 70%;
  margin: 0 auto;
  padding-bottom: 30px;
}

.row-category-cards{
      display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.category_single{
width: 25%;
    padding: 5px;
}

.category-card{
  display: block;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    overflow: hidden;
}

.category-card:hover .category-card__name{
    height: 100%;
    padding: 85px 0;
    cursor: pointer;
  }

.category-card__image{
    width: 100%;
    max-height: 200px;
        object-fit: cover;
    height: 200px !important;
}

.category-card__name{
      background-color: hsla(0,0%,100%,.75);
        border-radius: 0 0 5px 5px;
    color: #000;
    font-size: 18px;
    text-align: center;
    padding-top: 6.5%;
    position: absolute;
    bottom: 0;
    transition: all .5s;
    width: 100%;
    padding: 10px;
    line-height: unset;
    height: auto;
}


/*Gallery*/

#gallery{
  padding: 15px;
  text-align: center;
}

#gallery h2{
  font-size: 30px;
}

.gallery-container{
      display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.image-container{
  overflow: hidden;
}


.single-image img{

        width: 100%;
    height: 100%;
  }
.single-image{
width: 50%;
padding: 3px;
}

/*media query*/

@media only screen and (max-width:768px){
	.img-with-text{
		flex-flow: column;
	}
	.img-with-text:nth-child(2n){
		flex-flow: column;
	}
	.img-with-text > div{
		width: 100%;
	}
}

.owl-nav, .owl-dots{
  display: none;
}

/*collection page*/

.collection-header{
	position: relative;
}
.collection-header img{
	width: 100%;
      max-height: 300px;
    object-fit: cover;
}
.collection-header .image-overlay{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    background: rgba(0,0,0,0.5);
    color: #fff;
    text-align: center;
}
.collection-header .image-overlay h2{
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    margin: 0;
}	

#gallery {
  padding-top: 40px;
  
}

.img-wrapper {
  position: relative;
  margin-top: 15px;
  img {
    width: 100%;
  }
}
.img-overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  cursor: pointer;
  opacity: 0;
  
}

#overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  // Removes blue highlight
  -webkit-user-select: none;
  -moz-user-select: none;    
  -ms-user-select: none; 
  user-select: none; 
  img {
    margin: 0;
    width: 80%;
    height: auto;
    object-fit: contain;
    padding: 5%;
    @media screen and (min-width:768px) {
        width: 60%;
    }
    @media screen and (min-width:1200px) {
        width: 50%;
    }
  }
}

#nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}

#prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}

#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}

footer{
  margin-top: 50px;
  background: rgba(0,0,0, 0.9);
    color: #fff;
}

.index-page footer{
  margin-top: 0;
}

.main-footer{
      display: flex;
    justify-content: space-between;
}
.main-footer >div{
  padding: 50px 30px;
  width: 30%;
}

.main-footer .logo{
  display: flex;
    align-items: center;
}
.main-footer .logo img{
  max-height: 200px;
    margin: 0 auto;
}

.main-header .logo{
  position: relative;
}

.logo-name{
  position: absolute;
  left: 83%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 25px;
  white-space: nowrap;
  overflow: hidden;
}

.logo-name p{
  white-space: nowrap;
  overflow: hidden;
  margin: 0;
}

.logo-name p:nth-child(1) {
    overflow: hidden;
      white-space: nowrap;
      width:0;
      animation: typing 0.6s steps(30, end);
      animation-delay: 1s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards;
}

.logo-name p:nth-child(2) {
  overflow: hidden;
      white-space: nowrap;
      width:0;
      animation: typing 1s steps(30, end);
      animation-delay: 1.6s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards;
}

@keyframes typing {
      from { width: 0 }
      to { width: 100% }
    }



.main-footer ul{
  list-style: none;
  padding: 0;
}

.main-footer h4{
  font-size: 18px;
}
.main-footer .contact li{
  padding-bottom: 10px;
}
.main-footer a{
  color: #f4f4f4;
}

.brand-slider .item{
    padding: 0 20px;
}

.brand-slider .item img{
text-align: center;
margin: 0 auto;
width: auto !important;
}

.slideshow.brands{
  padding: 50px 0;
}

.slideshow h2{
  font-size: 30px;
  text-align: center;
}

.contact-us-inner{
  text-align: center;
}

.contact-inner form{
        max-width: 500px;
    margin: 0 auto;
}

.contact-inner input, .contact-inner textarea{
    width: 100% !important;
    padding: 10px;
    margin-bottom: 15px;
color: #000;
}

.contact-inner input[type=submit]{
    width: 200px !important;
    background: #387592;
    color: #fff;
    margin: 0;
    border: none;
    padding: 12px;
    font-size: 20px;
    cursor: pointer;
}
.testimonial{
  background-image: url(../images/Bric.jpg);
    background-position: center center;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
        padding: 30px 0;
}

.testimonial .title{
  color: #fff;
  margin-bottom: 50px;
}
.testimonial .title:before{
  background: #fff;
  opacity: 1;
}
.testimonial-content .item{
  display: flex;
    align-items: stretch;
    justify-content: space-evenly;
}
.testimonial-slideshow .owl-stage{
  display: flex;
  align-items: center;
}

.testimonial-content .user-review{
      /*background: rgba(255,255,255,.8);*/
    color: #000;
    padding: 20px;
    border-radius: 50px 0 50px 0;
    font-size: 20px;
    margin: 0 10px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.testimonial-content .item .author{
  background: rgba(255,255,255,.8);
    padding: 5px;
    border-radius: 50%;
    border: 2px solid #333;
    width: 100px;
    height: 100px;
    display: none;
  }
  .testimonial-content .item .author img{
    border-radius: 50%;
  }
  .testimonial-content .item p{
    background: rgba(255,255,255,.8);
    width: calc(100% - 100px);
        padding: 15px;
    border-radius: 15px;
        height: 100%;
    display: flex;
    align-items: center;
  }
.background{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0, 0.6);
}

.contact-home{
  background-image: url(../images/background2.jpg);
    background-position: center center;
    background-size: cover;
    padding: 50px 0;
    position: relative;
}

.contact-home .info{
      font-size: 30px;
    color: #fff;
    position: relative;
}
.contact-home .button{
    position: relative;
    background: #fff;
    display: inline-block;
    padding: 10px 20px;
    margin-top: 30px;
    font-size: 20px;
    text-transform: uppercase;
  }

  .contact-home .button a:hover{
    color: #000 !important;
  }

.gallery-inner{
  position: relative;
}


.gallery-background{
    background-image: url(../images/index/banner_1.jpg);
    background-position: center center;
    background-size: cover;
    position: absolute;
    z-index: 999999;
    width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
    transition: all 1.2s;
    transition: all 1.2s;
    opacity: 0;
}

.gallery-inner:hover .gallery-background{
  opacity: 1;
  transition: all .8s;
  border-radius: 0;
  animation: scroll_banner 20s infinite;
  }


  @keyframes scroll_banner {
  0% {
    
  }
  25% {
    background-image: url(../images/index/banner_2.jpg);
  }
  50% {
    background-image: url(../images/index/banner_3.jpg);
  }
  75% {
    background-image: url(../images/index/banner_4.jpg);
  }
  100% {
    background-image: url(../images/index/banner_1.jpg);
  }
}


#about-us{
      padding: 30px 0 70px;
}

#about-us .content{
  display: flex;
  padding-top: 50px;
      align-items: center;
    justify-content: space-around;
}

#about-us .info{
font-size: 20px;
padding: 0 30px;
}

#about-us .num{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-size: 50px;
}

#about-us .num .up{
    font-size: 30px;
}


.collection-main #gallery{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.collection-main #gallery .single-block{
width: 25%;
padding: 5px;
}

.collection-main #gallery .single-block img{
  height: 200px;
  width: 100%;
  object-fit: cover;
}

.collection-main #gallery .single-block .block-inner{
    padding: 5px;
    background: #f2f2f2;
    color: #000;
    position:relative;
}

.collection-main #gallery .single-block .block-inner img{
  transition: all 1s;
}
.collection-main #gallery .single-block .block-inner .image-container{
  position: relative;
}
.collection-main #gallery .single-block .block-inner .image-container:before{
  content: '';
  left:50%;
  right:50%;
  bottom: 50%;
  top: 50%;
  position: absolute;
  background: #000;
  z-index: 9;
  opacity: 0.5;
  transition: all 1s ease-in-out;
}
.collection-main #gallery .single-block .block-inner:hover .image-container:before{
  left:0%;
  right:0%;
  bottom: 0%;
  top: 0%;
  transition: all 1s ease-in-out;
}
.collection-main #gallery .single-block .block-inner:hover img{
  transform: scale(1.2);
  transition: all 1s ease-in-out;
}

.collection-main #gallery .single-block .block-inner .name{
    padding: 5px 0 0px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
} 

.desk-hide{
    display: none;
    }


#gallery-floor-tile .block-1{
    display: flex;
    align-items: stretch;
    justify-content: stretch;
}

.collection-main.floor-tile{
      max-width: 1240px;
    margin: 0 auto;
    padding: 30px 15px;
}

#gallery-floor-tile .block-inner{
      padding: 5px;
    background: #fff;
}
#gallery-floor-tile .block-inner:hover .image-container:before{
      content: '';
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-color: #000;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    position: absolute;
    transition: all 0.5s ease-in-out;
}

#gallery-floor-tile .block-inner .image-container:after{
  content: '';
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    position: absolute;
    border: 1px solid #fff;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

#gallery-floor-tile .block-inner:hover .image-container:after{
  left:20px;
  bottom: 20px;
  top: 20px;
  right: 20px;
  opacity:1;
  transition: all 0.5s ease-in-out;
}

#gallery-floor-tile .block-inner:hover .name{
  left: 40px;
  bottom: 40px;
  transition: all 0.5s ease-in-out;
}

#gallery-floor-tile .block-inner .name{
      display: inline-block;
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 26px;
    text-shadow: 0 0 10px #000;
        text-transform: uppercase;
        transition: all 0.5s ease-in-out;
}

#gallery-floor-tile .block-1-1{
  width: 50%;
}

#gallery-floor-tile .block-1-2{
    width: 50%;
    display: flex;
    flex-flow: column;
    justify-content: stretch;
    align-items: stretch;
    height: 450px;
}

#gallery-floor-tile .block-1-2 .single-block, #gallery-floor-tile .block-3-2 .single-block
{
  height: 50%;
}

#gallery-floor-tile .single-block{
  height: 450px;
}

#gallery-floor-tile .block-inner, #gallery-floor-tile .image-container{
  display: block;
  position: relative;
  height: 100%;
}

#gallery-floor-tile .block-1-2 .block-inner, #gallery-floor-tile .block-3-2 .block-inner,
#gallery-floor-tile .block-1-2 .image-container, #gallery-floor-tile .block-3-2 .image-container{
  height: 100%;
}


#gallery-floor-tile .single-block{
  padding: 10px;
}

 #gallery-floor-tile img{
  /*height: 450px;*/
  width: 100%;
  /*object-fit: cover;*/
 }

#gallery-floor-tile .block-2, #gallery-floor-tile .block-3{
  display: flex;
  justify-content: space-between;
}
#gallery-floor-tile .block-2 >div, #gallery-floor-tile .block-3 > div{
  width: 33.33%;
}

#gallery-floor-tile .block-3 .block-3-2{
  display: flex;
  flex-flow: column;
  height: 450px;
}

#gallery-floor-tile .block-2 .single-block{
  height: 300px;
}



.custom-slider{
      height: 68vh;
      background: #000;
    }
    .custom-slider p{
      margin: 0;
      color: #fff;
      font-size: 4vw;
      line-height: 6.2vw;
      display: inline-block;
          text-shadow: 2px 2px #786fad;
    }
    .slider-inner {
      height: 100%;
      position: relative;
    }
    .slider-inner .slide{
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
        width: 100%;
        height: 100%;
        transition: all 2.5s;
      background-size: cover;
      background-repeat: no-repeat;
    }
    .slider-inner .slide:before{
      content:'';
      width: 100%;
      height: 100%;
      left: 0;
      top:0;
      position:absolute;
      background: #000;
      z-index: 9;
      opacity: 0.8;

    }
    .slide.slide-1{
      background-image:url('../images/index/slide-2.png');
    }
    .slide.slide-2{
      background-image:url('../images/index/slide-1.png');
    }
    .slide.slide-3{
      background-image:url('../images/index/slide-4.png');
    }
    .slide.slide-4{
      background-image:url('../images/index/slide-3.png');
    }
    .slider-inner .slide.active-slide{
      opacity:1;
      transition: all 2.5s;
    }
    .slider-inner .text-container{
      /*display: block;
      position: relative;
      height: 100%;*/
      z-index: 999;
    }
    .slider-inner .text-inner{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      opacity: 0;
      width: 90%;
      text-align: center;
      z-index: 999;
    }
    
    .slider-inner .slide.active-slide .text-inner{
      opacity: 1;
    }
    .slider-inner .slide .text-inner p{
      overflow: hidden;
      white-space: nowrap;
      margin: 0;
    }
    .slider-inner .slide.slide-1.active-slide .text-inner p{
      width:0;
    }
    .slider-inner .slide.slide-1.active-slide .text-inner p:first-child{
      animation: typing 5s steps(200, end);
      animation-delay: 1s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards;
    }
    .slider-inner .slide.slide-1.active-slide .text-inner p:last-child{
      animation: typing 5s steps(200, end);
      animation-delay: 2s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards;
    }
    @keyframes typing {
      from { width: 0 }
      to { width: 100% }
    }
    .slider-inner .slide.slide-2 .text-inner p{
      width:100%;
      transform: translateY(70px);
      opacity:0;
      tansition: all 4s;
    }
    .slider-inner .slide.slide-2.active-slide .text-inner p{
      width:100%;
      transform: translateY(0);
      opacity:1;
      transition: all 4s;
    }
    .slider-inner .slide.slide-3 .text-inner p{
      width:100%;
      opacity:0;
      tansition: all 6s;
    }
    .slider-inner .slide.slide-3.active-slide .text-inner p{
      width:100%;
      opacity:1;
      transition: all 6s;
    }
    .slider-inner .slide.slide-4 .text-inner p{
      width:100%;
      transform: translateY(-70px);
      opacity:0;
      tansition: all 4s;
    }
    .slider-inner .slide.slide-4.active-slide .text-inner p{
      width:100%;
      transform: translateY(0);
      opacity:1;
      transition: all 4s;
    }


@media (max-width: 1080px){
  .desk-hide{
    display: block;
    }
    .menu .inner-top{
    display: none;
    }
    .menu .inner-top.active{
        display: block;
        transition: all .8s;
    }
    .menu .inner-top .inner-menu{
        position: fixed;
        top: 50%;
        bottom: 50%;
        left: 50%;
        right: 50%;
        margin: 0;
        display: none;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        color: #fff;
        background: rgba(0,0,0,.9);
        transition: all .8s;
    }
    .menu .inner-top.active .inner-menu{
        display: flex;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        transition: all .8s;
        z-index: 999;
    }
    .menu .inner-top.active .inner-menu a{
        color: #fff;
        font-size: 26px;
    }
    .testimonial-content{
      max-width: 90vw;
    }
    .title{
      font-size: 30px;
    }
    #stone-selection >p{
        font-size: 15px;
        line-height: 24px;
        width: 85%;
    }
    .category_single{
          width: 50%;
    }
    #about-us .info{
      font-size: 16px;
    }
    #about-us .num{
          font-size: 25px;
    }
    #about-us .num .up{
      font-size: 18px;
    }
    #about-us .content h4{
      font-size: 14px;
    }
    .testimonial .title{
      margin-bottom: 40px;
    }

    .collection-main #gallery .single-block img{
      max-height: 150px;
    }
    #gallery-floor-tile .single-block{
      height: 250px;
          padding: 2px;
    }
    #gallery-floor-tile .block-1-2{
      height: 250px;
    }
    #gallery-floor-tile .block-3 .block-3-2{
      height: 250px;
    }
    #gallery-floor-tile .block-inner .name{
      font-size: 18px;
    }
    #gallery-floor-tile .block-inner{
      padding: 2px;
    }
    #gallery-floor-tile .block-2 .single-block{
      height: 200px;
    }
    .testimonial-content .item{
          flex-wrap: wrap;
    }
    .testimonial-content .user-review{
      width: 100%;
          margin: 0;
    padding: 10px 0 !important;
    }
}

@media (max-width: 767px){
  .logo-name p{
    font-size: 14px;
  }
  .custom-slider{
      height: 50vh;
    }
  #about-us .content{
      flex-wrap: wrap;
    }
    #about-us .content >div{
      padding:5px;
      width: 50%;
    }
    .testimonial-content .user-review{
      padding: 10px;
    }
    .testimonial-content .user-review p, .testimonial-content .item .author{
      font-size: 16px;
    }
    .category-card__image{
      max-height: 115px;
    }
    .category-card__name{
      padding: 5px;
    font-size: 15px;
    }
    .contact-home .info{
      font-size: 15px;
    }
    .contact-home .button{
      margin-top: 10px;
    padding: 5px 10px;
    font-size: 16px;
    }
    .main-footer{
      flex-flow: column;
    }
    .main-footer >div{
      width: 100%;
          padding: 20px 20px;
    }

    .collection-main #gallery .single-block{
      width: 50%;
    }
    .main-header img{
      max-height: 60px;
    }
    #gallery-floor-tile .block-1{
      flex-flow: column;
    }
    #gallery-floor-tile .block-1 > div{
      width: 100%;
      height: auto;
    }
    #gallery-floor-tile .single-block{
      /*height: 200px !important;*/
    }
    #gallery-floor-tile .block-2, #gallery-floor-tile .block-3{
      flex-flow: column;
    }
    #gallery-floor-tile .block-2 > div, #gallery-floor-tile .block-3 > div{
      width: 100%;
    }
    #gallery-floor-tile .block-3 .block-3-2{
      height: auto;
    }
    #gallery-floor-tile .block-inner .name{
      left: 0;
      right: 0;
      margin: 0 auto;
    }
    #gallery-floor-tile .block-inner:hover .name{
      left: 0;
    }
    #gallery-floor-tile .single-block{
      padding: 5px;
    }
}

@media (max-width: 543px){
  .collection-main #gallery .single-block img{
    max-height: 100px;
  }
  .collection-main #gallery .single-block .block-inner .name{
    font-size: 12px;
  }
}