@media (max-width: 1400px) {
.hSplit{
    padding: 0 20px;
}
}
@media (max-width: 1100px) {
    .src-mob {
        display: flex;
        width: 100%;
        margin-bottom: 20px;

    }
.src-desktop{
    display: none;
}
    .subs_min {
        padding: 0 20px;
    }

    .subCats {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1px;
        column-gap: 20px;
        margin-bottom: 0;


    }

    .subCatMin h2 {

        margin: 0 0 0 15px;
        font-weight: 700;

        font-size: 12px;
        transition: all .2s;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;

        line-height: 15px;
    }

    .src-mob .search-box {
        width: 100%;
        margin-right: 0;
    }

    .src-mob .src-input {
        width: 260px;

    }

    .blog-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .other-list-big {
        grid-template-columns: 1fr 1fr;
    }

    .provider_item h3 {

        font-size: 20px;
        font-weight: 600;
        line-height: 1em;
        width: 100%;


    }

    .logo img {
        height: 30px;
    }

    .other-list-big .provider_item {
        height: 300px;
        cursor: pointer;
    }

    .pn_item {

        flex-basis: 50%;


    }

    .sX .lan {
        display: none;
    }

    .navigation {
        display: none;
    }

    .vid-cont {
        margin-top: 63.5px;
        height: 450px !important;

    }


    #myVideo {

        height: 450px !important;


    }


    .izpostava img {
        width: 100%;
        height: 450px;
        object-fit: cover;
        float: right;
        transition: 1s all;
    }

    .izpostava:hover img {
        width: 100%;
    }


    .readMore {
        font-size: 30px;
        margin: 50px;
        text-align: center;
        color: #aa772b;
    }

    .izpostava_content_inner {
        width: 90%;
        padding: 50px 20px;
        margin-left: 5%;
        order: 1;
       
        border: 10px solid #fff;
        font-size: .9em;
        position: relative;
        float: left;

        margin-top: -150px;


    }

    .rNavi {
        display: block;
        margin-left: 25px;
    }

    .responsive-nav {
        font-size: 25px;
        width: 25px;
        height: 25px;
        text-align: center;
        cursor: pointer;
        line-height: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 0;
        padding: 0;
        height: 43.5px;
    }

    .rImg {
        height: 25px;
        width: 25px;
    }

    header {
        padding: 10px 20px;
    }

    .lan {
        margin-left: auto;
    }

    .panel .lan {
        width: 100%;
        margin-bottom: 35px;
    }

    .panel {
        background-color: #fff;
        z-index: 1001;
        position: fixed;
        overflow-y: scroll;
        overflow-x: hidden;
        width: 100%;
        top: 63.5px;
        border-top: 1px solid #fff;
        min-height: 100vh;
        height: 100vh;
        padding-bottom: 250px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        right: -100%;
        transition: all .2s ease;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease
    }



    .sFlex {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .search-close {
        height: 15px;
        cursor: pointer;
        margin-left: 40px
    }


    .panelVis {
        right: 0;
        transition: .2s ease;
        -webkit-transition: .2s ease;
        -moz-transition: .2s ease;
        -ms-transition: .2s ease;
        -o-transition: .2s ease;
        overflow-y: scroll;
        overflow-x: hidden
    }

    .flex-nav {
        display: flex;
        color: #242331;
        flex-direction: column;
        margin-top: 25px;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .closeP {
        height: 40px;
        cursor: pointer;
        margin-top: 10px
    }

    .m-navi {

        width: 340px;
    }

    .mid-navi {
        margin: 0 0;
        line-height: 1.9em;
        height: auto;
        font-size: .9em;
        font-weight: 500;
        padding-top: 0;
        order: 2;
        width: 340px;

    }

    .c2 {
        width: 100%;
        line-height: 0;
        display: flex;
        margin: 20px 0
    }

    .c2 a {
        width: 35px;
        height: 35px;
        border: 1px solid #fff;
        background-color: #306A5E;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 8px 0 0
    }

    .frNavi {
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #ddd;
        font-size: 1em;
        font-weight: 600;
        text-align: left;
    }

    .panel-contact>a {
        display: flex;
        align-items: center;
        font-weight: 700;
        font-size: 1.5em;
        margin-bottom: 10px;
    }

    .panel-contact img {
        height: 15px;
        margin-right: 10px
    }

    .c2 img {
        width: 15px;
        margin: 0
    }

    .mid-navi a {
        text-decoration: none;
        color: #242331;
        text-align: center
    }

    .panel-fav {
        display: flex;
        align-items: center;
        text-decoration: none;
        font-size: 1.2em;
        font-weight: 500;
        margin-top: 20px
    }

    .panel-fav img {
        height: 15px;
        margin-right: 8px
    }

    .mid-navi a:hover {
        color: #242331 !important
    }

    .end-navi {
        font-size: .9em
    }

    .end-navi a {
        color: #242331 !important
    }

    .panel ul {
        margin: 0 !important;
        padding: 0;
        width: auto;
        width: auto
    }

    .rNav li {
        margin: 0 0;
        padding: 0;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #ddd;
        padding: 8px 0;
    }

    .rNav li a {
        color: #242331;
        text-decoration: none;
        font-weight: 700;
        display: inline-block;
        width: 100%;
        text-align: left;

    }

    .mainRole {}

    .mainRole img {
        height: 15px;
        margin-right: 10px;
        margin-top: 5px !important;
    }

    .subRole li {
        border-bottom: 1px solid #ddd;
    }

    .subRole li a {
        font-size: .9em !important;
        font-weight: 400
    }

    .rNav li :hover a {
        color: #242331 !important;
        text-decoration: none
    }

    .rNav a:link,
    .rNav a:visited {
        color: #242331
    }

    .rwdMore {
        margin-left: 10px;
        cursor: pointer
    }

    .rNav li div:first-child {
        flex: 4;
        text-align: left;
        height: auto
    }

    .rwdMore img {
        height: 10px !important;
        margin-top: 10px
    }

    .subRole {
        height: 0;
        overflow: hidden
    }

    .shown {
        height: auto;
        margin-bottom: 1.2em
    }

    .subRole a {
        font-weight: 300;
        padding-left: 10px;
        font-size: 1em !important;
        color: #242331 !important
    }

    .finRole a {
        font-weight: 300;
        padding-left: 20px
    }

    #slider {
        height: 580px;
    }


    .caption h2 {
       font-size: 30px;
    }

    .caption {
        font-size: 15px;
       width: 80%;
       width: 100%;
       background: rgba(255,255,255,.8);
       border-top-right-radius:0px !important;
       border-top-left-radius:0px !important;
    }

    .breaker {
        font-size: 30px !important;
    }

    .breaker small {
        font-size: 20px;
        line-height: 1.2em;
        font-weight: 600;
        color: #aa772b;
        margin: 25px 0;
    }

    .paralax_content h3 {
       
            font-size: 30px;
       

    }
.parallax{
    background-image: cover;
    background-position: center;
    background-attachment:unset
}
    .paralax_content {
        font-size: 15px;
       width: 80%;
       width: 100%;
       background: rgba(255,255,255,.8);
       border-top-right-radius:0px !important;
       border-top-left-radius:0px !important;
       padding-bottom: 25px;
    }

    .user_style h1,
    h1 {
        font-size: 30px;
        line-height: 1.2em;
        font-weight: 600;
        color: #242331;
    }


}

@media (max-width: 980px) {
.split{
    margin: 20px 0 0 0;
}
.hSplit img{
    width: 100%;
    order: 1;
}
.hx{
    flex-basis: 100%;
    padding: 35px 0 35px 0;
    order: 2;
}
    .back-btn {
        display: inline-block;
        padding: 5px 15px;
        font-size: 16px;
        margin-top: 25px;
        border: 1px solid #242331;
        background-color: #fff;
        color: #242331;

        text-decoration: none;
        font-weight: 600;
    }

    .main_cont {
        flex-basis: 100%;
        line-height: 1.5em;
        padding: 0 20px;
    }

    .gr {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        /*background-color: #eff1f5;
    padding: 15px;*/
        width: 100%;
        gap: 20px;
    }

    .user_style {
        text-align: left;
    }

    .sub-show {
        padding: 0 20px;
        height: 300px;
    }



    .izpostava .marg {}


    .sub-con {
        flex-basis: 100%;
        height: auto;
        min-height: auto;
        padding: 0;
    }
    
.sub-con iframe{
    width: 100%;
    height: 300px;
    border-bottom: 5px solid #000 !important;
    float: left;
   
}

    .sub-card {
        width: 90%;
        max-width: auto;

        color: #DDD3C8;
        padding: 20px;
        font-size: .9em;

    }

    .con-form {
        flex-basis: 100%;
        position: relative;
        margin: 0 auto;
        padding: 30px 0;
        font-size: 1em;

    }

    .con-form>div {
        width: 100% !important;
        padding: 20px;
    }

    .form-place {
        width: 100%;
        max-width: 100%;
        padding: 0 20px;
    }



    .other-list {

        grid-template-columns: 1fr;

    }


}

@media (max-width: 680px) {
    .tIco p{
        display: none;
    }
    .tIco {
        padding: 8px;
        margin-left: 5px;
    }
    .tIco img{
        width: 15px;
        height: 15px;
        margin: 0;
        padding: 0;
    }
    .catalog_details_add {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin: 25px 0 50px 0;
        position: relative;
    }

    .showDesc-price {

        margin: 15px 0;
        flex-direction: row;


    }

    .discount-value {
        display: flex;
        margin-left: 15px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #96031a;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        position: absolute;
        top: 0;
        right: 20px;
    }

    .sOption {


        cursor: pointer;
        margin-right: 5px;
        margin-left: 5px;
        margin-bottom: 15px;

    }

    .quater {
        flex-basis: 100%;
        display: flex;
        align-items: center;
        line-height: 1.3em;
        font-size: 14px;
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #f2f2f2;
    }

    .quaters :last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

    .moto {
        width: 90%;
    }

    .fIcon {
        flex-basis: 100%;
        margin: 10px 0;
    }

    .counters {
        float: left;
        width: 100%;
        background-color: #D1AB97;
        padding: 45px 20px;
        color: #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    .izpo25 {
        flex-basis: 100%;
        display: flex;
        align-items: center;
        color: white;
        justify-content: center;
        margin: 10px 0;
    }

    .fig-number {
        width: 70px;
        display: inline-block;
    }

    .izpo25 small {
        width: 140px;
        display: inline-block;
    }
}

@media (max-width: 580px) {

    


    .userGgallery {
        margin: 25px 0;
        line-height: 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1px;
        width: 100%;
    }

    .userGgallery img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .social a {
        height: 45px;
        width: 45px;
       
        margin: 0 5px;
    }

    .social img {
        height: 20px;
        width: 20px;
    }

    .blog-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .other-list-big {
        grid-template-columns: 1fr;
    }

    .pn_item {

        flex-basis: 100%;


    }

}

@media (max-width: 480px) {
    .oTit {
        flex-direction: column;
        text-align: center;
    }

    .other_item img {
        width: 100px;
        height: 100px;

        object-fit: cover;
        margin-right: 0;
        margin-bottom: 10px;
        text-align: center;

    }
    .breadCrumbs {
        width: 100%;
        font-size: 11px;
        line-height: 13px;
        font-weight: 500 !important;
        color: #242331;
        display: flex;
        align-items: center;
        text-align: center;
        margin: 30px 0;
        
    }
}