.pos-rel{
    position:relative;
}
.h-100 {
    height:100px;
}
.h-200{
    height:200px;
}
.breadcrumbs {
    padding: 250px 0px 150px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.breadcrumbs h1{
    font-size:50px;
    letter-spacing:20px;
    font-weight:500;
    color:#fff;
    text-shadow:1px black;
    text-align:left;
}
.bottom-shadow {
    box-shadow: 0px 41px 40px -10px rgba(0, 0, 0, .25);
}
.big-img{
    margin-bottom:50px;
}
.big-img img{
    width:100%;
    object-fit:contain;
    object-position:center;
}
.sub-title {
    background-color: #F9692F;
    padding:15px 50px; 
    display:inline-block;
    transform:skew(-10deg);
    margin-bottom:20px;
}
.sub-title h3{
    color:#fff;
    font-size:24px;
    font-weight:500;
    transform:skew(10deg);
}
.spec{
    margin-bottom:50px;
}
.spec p{
    font-size:20px;
}
.spec .main-img{
    padding:0px 20px;
}
    .spec .main-img img{
        width:100%;
        object-fit:contain;
        position:center;
    }
.spec-icon{
    margin-top:20px;
}
.spec-icon img {
    display: inline-block;
    height: 24px;
    width: 24px;
    margin: 0;
    padding: 0;
    margin-right: 10px;
    position: relative;
    top: -1px;
    object-fit: contain;
}
.spec-gallery {
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 44%;
    position:relative;
    margin-top:10%;
}
    .spec-gallery .gallery-block {
        position:absolute;
        top:-10%;
        right:15%;
        width:25%;
        background-color:#fff;
        padding:4px 4px 0px;
    }
        .spec-gallery .gallery-block .image {
            position: relative;
            width:100%;
            background-color: #fff;
            padding-bottom: 56.25%;
            margin-bottom:4px;
        }
        .spec-gallery .gallery-block .image img{
            position:absolute;
            top:0;
            left:0;
            width: 100%;
            height:100%;
            object-fit:cover;
            object-position:center;
        }
.sufit-gallery{
    padding-bottom:50px;
}
.sufit-gallery .image {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    margin-bottom:30px;
}
    .sufit-gallery .image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
.sufit-breadcrumbs{
    padding:50px 0px;
}
.sufit-breadcrumbs .main{
    position:relative;
    width:60%;
    padding:40px 0px;
    z-index:1;
}
    .sufit-breadcrumbs .main:before {
        content:"";
        position: absolute;
        width: 140px;
        height:100%;
        top:0;
        right:10%;
        background-color:#F9692F;
        transform:skew(-10deg);
    }
    .sufit-breadcrumbs .main h1{
        font-size:38px;
        font-weight:600;
    }
    .sufit-breadcrumbs .main h1 span {
        font-size: 32px;
        font-weight: 500;
    }

    .sufit-breadcrumbs .sub {
        position: relative;
        width: 70%;
        padding: 20px 30px;
        background-color:#F9692F;
        transform:skew(-10deg);
        margin-top:40px;
        z-index:2;
    }
        .sufit-breadcrumbs .sub p {
            font-size: 18px;
            font-weight: 400;
            line-height:1.2;
            transform: skew(10deg);
            color:#fff;
        }
    .sufit-breadcrumbs .bg-kaset {
        position: absolute;
        width: 28%;
        height: 100%;
        top:0;
        right:0;
    }
        .sufit-breadcrumbs .bg-kaset:after {
            content: "";
            position:absolute;
            top: 0;
            height: 100%;
            left: -50px;
            width: 100px;
            transform: skew(-10deg);
            background-color:#fff;
        }
.sufit-breadcrumbs .bg-kaset img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
    .sufit-breadcrumbs .bg-ekranowe {
        position: absolute;
        width: 28%;
        height: 100%;
        top: 0;
        right: 0;
    }

        .sufit-breadcrumbs .bg-ekranowe img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
.gal-img{
    margin-bottom:50px;
}
    .gal-img .gal-w-title{
        text-align:center;
        display:inline-block;
        width:12%;
        margin-bottom:10px;
    }
    .gal-img .gal-w-title p {
        font-size: 16px;
    }
        .gal-img .gal-w-title img {
            width:96%;
            object-fit:contain;
            object-position:center;
        }
@media (max-width: 992px) {
    .sufit-breadcrumbs .sub {
        width: 65%;
    }
    .sufit-breadcrumbs .bg-kaset:after {
        left: -40px;
        width: 80px;
    }
    .gal-img .gal-w-title {
        width: 24.5%;
    }
}
@media (max-width: 576px) {
    .sufit-breadcrumbs .main {
        position: relative;
        width: 80%;
        padding: 20px 0px;
    }

        .sufit-breadcrumbs .main:before {
            content: "";
            position: absolute;
            width: 100px;
            height: 100%;
            top: 0;
            right: 10%;
            background-color: #F9692F;
            transform: skew(-10deg);
        }

        .sufit-breadcrumbs .main h1 {
            font-size: 26px;
            line-height:1;
        }

            .sufit-breadcrumbs .main h1 span {
                font-size: 24px;
            }

    .sufit-breadcrumbs .sub {
        position: relative;
        width: 90%;
        padding: 10px 20px;
        margin: 20px auto;
        transform: skew(0deg);
    }

        .sufit-breadcrumbs .sub p {
            font-size: 16px;
            font-weight: 400;
            line-height: 1;
            transform: skew(0deg);
        }

    .sufit-breadcrumbs .bg-kaset {
        display:none;
    }
    .sufit-breadcrumbs .bg-ekranowe {
        display:none;
    }
    .spec p {
        font-size: 16px;
    }
    .gal-img .gal-w-title p {
        font-size: 14px;
    }
    .gal-img .gal-w-title {
        width: 24.2%;
    }
}