.portfolio-item {
    margin-bottom: 30px;
}

.furnirTypes {
    margin-bottom: 10px;
    max-width: var(--max-screen-width);
}

.carousel {
    width: 100%;
    left: 0;
    float: left;
}

.carousel-inner {
    margin-bottom: 15px;
}

.interiour-door-model-section {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--max-screen-width);
}

.interiour-door-models {
    text-align: -webkit-center;
    text-align: center;
    text-align: -moz-center;
    margin-bottom: 40px;
}

.interiour-door-model {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transition: opacity 1s,-webkit-transform 1s;
    transition: opacity 1s,-webkit-transform 1s;
    -o-transition: opacity 1s,transform 1s;
    transition: opacity 1s,transform 1s;
    transition: opacity 1s,transform 1s,-webkit-transform 1s;
}

.door-galery {
    margin-left: auto;
    margin-right: auto;
}

.col-images {
    width: 100%;
    height: 100%;
    padding-bottom: 20px;
    object-fit: cover;
}

.carousel-item {
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;

}

.img-doors {
    height: 100%;
}

.carousel-control-next:hover, .carousel-control-prev:hover {
    opacity: 1;
}

.carousel-control-prev-icon { background-image: url(../resources/img/icons/left-03.png); }
.carousel-control-next-icon { background-image: url(../resources/img/icons/right-03.png); }

.carousel-control-next {
    right: 0;
    height: 100%;
}

.carousel-control-prev {
    left: 0;
    height: 100%;
}

.paragraph-subtitle {
    overflow: hidden;
}

@media (min-width: 801px) {

    .carousel-item {
        height: 350px;
    }

    .carousel-control-next{
        right: 10px;
    }

    .carousel-control-prev {
        left: 10px;
    }

}

@media (min-width: 1001px) {

    .carousel-item {
        height: 400px;
    }

    .carousel-control-next{
        right: 40px;
    }

    .carousel-control-prev {
        left: 40px;
    }

}

@media (min-width: 1201px) {

    .carousel-item {
        height: 450px;
    }

    .carousel-control-next{
        right: 50px;
    }

    .carousel-control-prev {
        left: 50px;
    }

}

@media (min-width: 1401px) {

    .carousel-item {
        height: 500px;
    }

    .carousel-control-next{
        right: 60px;
    }

    .carousel-control-prev {
        left: 60px;
    }

}

@media (min-width:1680px) {

    .carousel-control-next{
        right: 80px;
    }

    .carousel-control-prev {
        left: 80px;
    }

}

@media (max-width: 1000px) {
    .interiour-door-model-section {
         margin-left: 50px;
         margin-right: 50px;
    }
}

@media (max-width: 800px) {

    .interiour-door-model-section {
        margin-left: 30px;
        margin-right: 30px;
    }

    .carousel-item {
        height: 350px;
    }

    .carousel-control-next{
        right: 10px;
    }

    .carousel-control-prev {
        left: 10px;
    }
}

@media (max-width: 768px) {

    .carousel-item {
        max-height: 400px;
        width: 100%;
    }

    .carousel-control-next{
        right: 20px;
    }

    .carousel-control-prev {
        left: 20px;
    }
}


@media (max-width: 575px) {

    .interiour-door-model-section {
        margin-left: 20px;
        margin-right: 20px;
    }

    .interiour-door-models {
        padding: 0 0 30px 0;
        margin-bottom: 0;
    }

    .carousel-item {
        max-width: 90vw;
        max-height: 80vh;
        width: 90vw;
    }

    .carousel-control-next {
        right: 0;
    }

    .carousel-control-prev {
        left: 0;
    }
}