@media only screen and (min-width: 1200px) {
   
}

.byt_cover { position: relative;  }

.byt_info { box-sizing: border-box;}
.byt_info_inner { padding: var(--main-gap);  }
.byt_info_inner p { font-size: 16px; }

.byt_status { display: block; padding: var(--main-gap-half); font-size: 16px; text-align: center; margin-bottom: var(--main-gap); }

.byt_info_size { margin-bottom: var(--main-gap); font-size: 16px; }
.byt_info_line { border-bottom: 1px solid #ccc; padding: var(--main-gap-half) 0px  var(--main-gap-half) 0px; }

.bi_value { float: right;}

.status_free { background: #DDFFD3; color: #107700; } 

.byt_price { font-size: 2.2em;}
.byt_price span { font-size: 14px; }

#byt-granit .byt_info { background: var(--color-mystic-100); }
#byt-granit .byt_info_inner h2 { color: var(--color-mystic-600); }

#byt-jantar .byt_info { background: var(--color-pipi-100); }
#byt-jantar .byt_info_inner h2 { color: var(--color-pipi-600); }

#byt-vmechu .byt_info { background: var(--color-siam-100); }
#byt-vmechu .byt_info_inner h2 { color: var(--color-siam-600); }

.byt_gallery { position: relative;}

@media only screen and (min-width: 1200px) {
    .byt_info { position: absolute; left: 0px; top: 0px; width: calc(30% - var(--main-gap-half)); height: 100%; }

    .byt_gallery { width: 70%; float: right; }
    
    .byt_gallery_big { position: absolute; width: calc(70% - var(--main-gap-half)); height: 100%; overflow: hidden;  }
    .byt_gallery_big a { overflow: hidden;}
    
    .byt_gallery_big a img{ width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease; }
    .byt_gallery_big a:hover img { opacity: 0.75; }
    
    .byt_gallery_small { width: 30%; float: right; }

    .byt_gallery_small a { overflow: hidden; display: block; }
    .byt_gallery_small a img{ transition: opacity 0.3s ease; }
    .byt_gallery_small a:hover img { opacity: 0.75; }
}

@media only screen and (max-width: 1200px) {
    .byt_info { margin-bottom: var(--main-gap-half); }
    .byt_gallery_big a img { width: 100%; margin-bottom: var(--main-gap-half); }
    .byt_gallery_small a { width: 33.333%; float: left;  margin-bottom: var(--main-gap-half); }
}