.product{ }

.product .line-1{ display: flex; margin-bottom: 60px; }
.product .left{ width: 100%; margin-right: 15px; }
.product .left .img-wrapper{ width: 100%; height: 500px; margin-bottom: 5px; position: relative; }
.product .left .img-wrapper img{ width: 100%; height: 100%; object-fit: cover; cursor: pointer; }
.product .left .album-wrapper{ height: 75px; overflow-y: hidden; white-space: nowrap; }
.product .left .album-wrapper img{ height: 75px; width: auto; transition: .2s; border: 1px solid #C7C7C7; }
.product .left .album-wrapper img:hover{ filter: sepia(1); }
.product .left .album-wrapper a{ text-decoration: none; }
.product .left .img-wrapper .sell_rent{
    position: absolute; top: 10px; left: 10px; color: #FFF; background-color: rgba(13,56,92,0.5); padding: 2px 5px 0 5px;
}

.product .right{ }
.product .right .title{ font-family: Exo-ExtraBold, sans-serif; font-size: 20px; margin-bottom: 30px; }
.product .right .header{ text-align: center; font-weight: 500; font-size: 30px; margin-top: 0; margin-bottom: 20px; background-color: #03529D; color: #FFF; padding: 10px 0; }
.product .right .header img{ margin-right: 10px; }
.product .right .attributes{ margin: 0; padding: 0 0 0 15px; width: 400px; }
.product .right .attributes > ul{  }
.product .right .attributes li{ padding: 5px 10px; font-size: 16px; font-family: Exo, sans-serif; }
.product .right .attributes li:nth-child(even){ }
.product .right .attributes li:nth-child(odd){  }
.product .right .attributes .title{ display: inline-block; width: 180px; font-weight: 500; }
.product .right .attributes .colon{ margin-right: 5px;}
.product .right .attributes .value{}

.product .line-2{}
.product .line-2 .content{ }
.product .line-2 .content .uk-subnav{ margin-left: -5px; }
.product .line-2 .content .uk-subnav li{ padding-left: 5px; }
.product .line-2 .content .uk-subnav li a{ font-size: 16px; padding: 5px 25px; background-color: #f5f5f5; color: #282828; }
.product .line-2 .content .uk-subnav li.uk-active a{ background-color: #dddddd; }

.content .navbar-nav .nav-item{ margin-right: 30px; }
/***** RESPONSIVE *****/
@media only screen and (max-width: 1400px){

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

}
@media only screen and (max-width: 992px){
    .product .line-1{ display: block; }
    .product .right .attributes{ width: auto; }
}
@media only screen and (max-width: 768px) {

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

}
/***** RESPONSIVE *****/