@media screen and (max-width: 1100px) {
    
    td {
  
        font-size: 10px;
    }

    
    th {

        font-size: 10px;
    }
    
    .breads{
        width: 100%;
        padding: 10px 0;
        font-size: 12px;
        border-top: none;
        border-bottom: 1px solid #7b6348;
        margin-bottom: 20px;
    }
    .header {
        padding: 10px;
        position: fixed;
        left: 0;
        box-sizing: border-box;
        align-items: center;
        background-color: #fff;
        z-index: 1000;
        display: flex;
        border-bottom: 1px solid #ddd;
    }
    .hRight {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .flex {
        margin-bottom: 0;
    }
    .main {
        margin-top: 80px;
    }
    .logo img {
        height: 50px;
    }
    .rNavi {
        display: flex;
        padding-right: 0;
        padding-left: 20px;
    }
    /*MOBITEL*/
    .noMobile {
        display: none;
    }
    .panelVis {
        right: 0;
        transition: .5s ease;
        -webkit-transition: .5s ease;
        -moz-transition: .5s ease;
        -ms-transition: .5s ease;
        -o-transition: .5s ease;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .flex-nav {
        display: flex;
        color: white;
        justify-content: center;
        width: 100%;
        align-items: flex-start;
        margin-top: 3em;
    }
    .closeP {
        height: 40px;
        cursor: pointer;
        margin-top: 10px;
    }
    .mid-navi {
        margin: 0 0;
        text-align: left;
        line-height: 1.9em;
        border-right: 1px solid #745790;
        height: auto;
        font-size: .8em;
        font-weight: 500;
        padding-right: 30px;
        margin-right: 30px;
        width: 320px;
    }
    .infoIcon {
        align-items: center;
        font-size: 18px;
        font-weight: 500;
        margin-right: 0;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .infoIcon h5 {
        font-weight: 400;
        font-size: 14px;
        margin: 0 0 0 0;
        color: #d5b291;
        display: block;
    }
    .infoIcon img {
        width: 20px;
    }
    .c2 {
        width: 100%;
        margin-top: 25px;
    }
    .c2 a {
        display: flex;
        align-items: center;
    }
    .c2 img {
        width: 30px;
        margin: 0 10px 0 0;
    }
    .mid-navi a {
        text-decoration: none;
    }
    .mid-navi a:hover {
        color: #fff !important;
    }
    .end-navi {
        margin-top: 20px;
    }
    .end-navi a {
        color: #fff !important;
    }
    .panel ul {
        margin: 0 0 0 0 !important;
        padding: 0;
        width: auto;
    }
    .panel li {
        margin: 0 0;
        padding: 0;
        display: flex;
        align-items: flex-start;
    }
    .panel li a {
        color: #fff;
        text-decoration: none;
        font-size: 1em;
        display: inline-block;
        font-weight: 700;
        height: 40px;
    }
    .subRole li a {
        height: 40px;
        font-weight: 400;
    }
    .panel li :hover a {
        color: #fff !important;
        text-decoration: none;
    }
    .panel a:link,
    .panel a:visited {
        color: #fff;
    }
    .rwdMore {
        flex: 1;
        cursor: pointer;
    }
    .panel li div:first-child {
        flex: 4;
        text-align: left;
        height: auto;
    }
    .rwdMore img {
        height: 13px !important;
        margin-top: 5px;
    }
    .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: #d5b291 !important;
    }
    .finRole a {
        font-weight: 300;
        padding-left: 20px;
    }
    .marg {
        margin: 0 auto;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
    .flex-nav {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    .mid-navi {
        order: 2;
        border-right: none;
        padding-right: 0;
        margin-right: 0;
        border-top: 1px solid #fff;
        padding-top: 15px;
        margin-top: 15px;
    }
    .slikaStran {
        float: left;
        width: 98%;
        height: auto;
        padding: 5px;
        border: 1px solid #ddd;
        clear: both;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .mainUl li {
        margin: 0;
        width: auto;
        height: auto;
        display: inline;
        padding: 10px 15px 10px 0;
    }
    .mainUl li.act {
        margin: 0;
        width: auto;
        height: auto;
        display: inline;
        padding: 10px 15px 10px 0;
    }
    .mainUl li a {
        color: #828181;
        text-decoration: none;
        font-weight: 400;
        font-size: 13px;
    }
    .katalog {
        float: left;
        width: 98%;
        height: 58px;
        background-image: url(../images/body/katalog.jpg);
        margin-bottom: 11px;
        font-weight: 300;
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .pora2 {
        float: left;
        width: auto;
        height: auto;
        padding: 8px 0 0 70px;
        text-shadow: 1px 1px #000;
        color: #fff;
        font-size: 16px;
    }
    .najlepse {
        float: left;
        width: 98%;
        height: 60px;
        background-image: url(../images/body/najlepseTerase.jpg);
        margin-bottom: 16px;
        font-weight: 300;
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .f12 {
        font-size: 10px;
    }
    .poklicite {
        float: left;
        width: 98%;
        height: 58px;
        background-image: url(../images/body/poklicite.jpg);
        margin-bottom: 11px;
        font-weight: 300;
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .pora {
        float: left;
        width: auto;
        height: auto;
        padding: 15px 0 0 70px;
        text-shadow: 2px 2px #1b4d7c;
        color: #fff;
        font-size: 16px;
    }
    h1 {
        margin: 0;
        padding: 0;
        padding: 5px 0;
       
        font-size: 25px !important;
        margin-bottom: 30px;
        line-height: 25px;
    }
    h2 {
        margin: 0;
        padding: 0;
        padding-top: 5px;
        color: #788792;
        font-size: 16px;
        margin-bottom: 30px;
        line-height: 25px;
    }
    h5 {
        margin: 0;
        padding: 0;
        font-size: 25px;
        color: #1f1d18;
        margin-bottom: 20px;
        font-weight: 700;
    }
    .animacija {
        overflow: hidden;
        height: auto;
    }
    .slideEl {
        width: 100%;
        height: auto;
        line-height: 21px;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: bottom;
        text-align: center;
    }
    .abs {
        position: relative;
        width: 100%;
        top: 65%;
        left: 20%;
    }
    blockquote {
        margin: auto;
        width: 340px;
        height: auto;
        padding: 35px;
        color: #e2e1e0;
        font-size: 18px;
        font-weight: 300;
        background-image: url(../images/body/dark.png);
        border: 1px solid #fff;
        border-radius: 5px;
        text-align: center;
    }
    .abs h1 {
        margin: 0;
        padding: 0;
        font-weight: 300;
        font-size: 20px;
        color: #fff;
        display: inline;
        font-family: 'Exo 2', sans-serif;
        line-height: 30px;
    }
}

@media screen and (max-width: 900px) {
    .foot-cont {
        flex-direction: column;
    }
    .fIcon {
        text-align: center;
        margin: 10px 0;
    }
    .segment {
        box-sizing: border-box;
        flex-basis: 50%;
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        padding: 15px;
    }
    .subCat {
        flex-basis: 50%;
        position: relative;
        border: 1px solid #fff;
        box-sizing: border-box;
        line-height: 0;
    }
    .marg {
        margin: 0 auto;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
    .mainUl li {
        margin: 0;
        width: auto;
        height: auto;
        display: inline;
        padding: 10px 10px 10px 0;
    }
    .mainUl li.act {
        margin: 0;
        width: auto;
        height: auto;
        display: inline;
        padding: 10px 10px 10px 0;
    }
    .mainUl li a {
        color: #828181;
        text-decoration: none;
        font-weight: 400;
        font-size: 12px;
    }
    .katalog {
        float: left;
        width: 98%;
        height: 45px;
        background-image: url(../images/body/katalog.jpg);
        font-weight: 300;
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .najlepse {
        float: left;
        width: 98%;
        height: 45px;
        background-image: url(../images/body/najlepseTerase.jpg);
        font-weight: 300;
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: 100%;
        margin-top: 5px;
    }
    .pora2 {
        float: left;
        width: auto;
        height: auto;
        padding: 4px 0 0 50px;
        text-shadow: 1px 1px #000;
        color: #fff;
        font-size: 12px;
        line-height: 15px;
    }
    .f12 {
        font-size: 10px;
    }
    .poklicite {
        float: left;
        width: 98%;
        height: 45px;
        background-image: url(../images/body/poklicite.jpg);
        font-weight: 300;
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .pora {
        float: left;
        width: auto;
        height: auto;
        padding: 4px 0 0 50px;
        text-shadow: 1px 1px #000;
        color: #fff;
        font-size: 12px;
        line-height: 15px;
    }
    h5 {
        margin: 0;
        padding: 0;
        font-size: 20px;
        color: #1f1d18;
        margin-bottom: 20px;
        font-weight: 400;
        line-height: 25px;
    }
    .akcijaSto {
        float: left;
        width: 98%;
        margin: 0;
        padding: 2px 0 10px 2%;
        font-size: 15px;
        line-height: 25px;
        color: #fff;
        background-color: #d90909;
        text-align: left;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        font-weight: 300;
    }
    .akcijaLeft h4 {
        float: left;
        width: 100%;
        margin: 0;
        padding: 3px 0 3px 0;
        font-size: 15px;
        color: #fff;
        margin-bottom: 3px;
        font-weight: 300;
    }
    .footEl {
        float: left;
        width: 28%;
        height: auto;
        padding-left: 2.5%;
        padding-right: 2.5%;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 800px) {
    .margl {
        margin-left: 0;
    }
    .menuMin {
        float: right;
        width: auto;
        font-size: 12px;
        margin-top: 32px;
        clear: right;
        margin-bottom: 5px;
    }
    .segment {
        float: left;
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }
    .marg {
        margin: 0 auto;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    .mobShow {
        display: block;
    }
    .mobShow {
        display: block;
    }
    .akcijaLeft h4 {
        float: left;
        width: 100%;
        margin: 0;
        padding: 3px 0 3px 0;
        font-size: 18px;
        color: #fff;
        margin-bottom: 3px;
        font-weight: 300;
    }
    .animMin h3 {
        margin: 0;
        padding: 0;
        background-image: url(../images/body/dark.png);
        color: #fff;
        font-size: 20px;
        text-align: center;
        font-weight: 300;
        padding: 30px 0 35px 0;
        text-shadow: 2px 2px #000;
        margin-top: 9%;
        line-height: 25px;
    }
    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: table;
    }
    .clearfix:after {
        clear: both;
    }
    .clearfix {
        *zoom: 1;
    }
    .menuMob {
        float: left;
        width: 99%;
        height: auto;
        display: block;
        overflow: hidden;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    nav {
        border-bottom: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 0px;
    }
    nav ul {
        display: none;
        height: auto;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    nav a#pull {
        display: block;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        height: 35px;
        padding-top: 15px;
        width: 100%;
        position: relative;
        color: #d4d4d4;
    }
    nav a#pull:after {
        content: "";
        background-image: url(../images/nav-icon.png);
        background-position: right center;
        background-repeat: no-repeat;
        width: 30px;
        height: 40px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 4px;
        color: #fff;
    }
    nav li {
        float: left;
        width: 100%;
        margin: 0;
        height: 30px;
        padding: 15px 0 5px 25px;
        border-bottom: 1px solid #e5e5e5;
        list-style: none;
        cursor: pointer;
    }
    nav li a {
        color: #d4d4d4;
        ;
        text-decoration: none;
    }
    .active {
        text-decoration: none;
    }
    nav a {
        text-align: left;
        width: 100%;
        text-indent: 25px;
    }
    .desno {
        float: right;
        width: 100%;
        height: auto;
        font-weight: 300;
        margin-bottom: 10px;
    }
    .levo {
        float: left;
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .submenu {
        float: left;
        width: 96%;
        height: auto;
        padding: 2%;
        border-radius: 5px;
        background-color: #e8edf1;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 11px;
    }
    .subItem {
        float: left;
        width: 100%;
        height: auto;
        padding-bottom: 8px;
        margin-bottom: 8px;
        border-bottom: 1px solid #d6dce1;
        cursor: pointer;
        text-align: center;
    }
    .subItemAct {
        float: left;
        width: 100%;
        height: auto;
        padding-bottom: 8px;
        margin-bottom: 8px;
        border-bottom: 1px solid #d6dce1;
        cursor: pointer;
        text-align: center;
    }
    .katalog {
        float: left;
        width: 45%;
        height: 60px;
        background-image: url(../images/body/katalog.jpg);
        font-weight: 300;
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .najlepse {
        float: right;
        width: 45%;
        height: 60px;
        background-image: url(../images/body/najlepseTerase.jpg);
        margin-bottom: 16px;
        font-weight: 300;
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .pora2 {
        float: left;
        width: auto;
        height: auto;
        padding: 7% 0 0 25%;
        text-shadow: 1px 1px #000;
        color: #fff;
        font-size: 18px;
    }
    .f12 {
        font-size: 12px;
    }
    .poklicite {
        float: right;
        width: 45%;
        height: 60px;
        background-image: url(../images/body/poklicite.jpg);
        font-weight: 300;
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .pora {
        float: left;
        width: auto;
        height: auto;
        padding: 7% 0 0 25%;
        text-shadow: 1px 1px #000;
        color: #fff;
        font-size: 18px;
    }
    .pokliciteDiv {
        float: left;
        width: 96%;
        height: auto;
        padding: 2%;
        margin-top: -11px;
        margin-bottom: 10px;
        border-radius: 5px;
        border-top: none;
        background-color: #e8edf1;
        font-size: 12px;
        /*font-weight:400; margin-bottom:11px;*/
    }
    .akcijaLeft {
        float: left;
        width: 100%;
        height: auto;
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 600px) {
    .footEl {
        float: left;
        width: 42%;
        height: auto;
        padding-left: 2.5%;
        padding-right: 2.5%;
        margin-bottom: 20px;
    }
    .menuMin {
        float: left;
        width: 100%;
        font-size: 12px;
        margin-top: 15px;
        clear: none;
        text-align: center;
        margin-bottom: 0;
    }
    .marg {
        margin: 0 auto;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
    .animMin h3 {
        margin: 0;
        padding: 0;
        background-image: url(../images/body/dark.png);
        color: #fff;
        font-size: 20px;
        text-align: center;
        font-weight: 300;
        padding: 30px 0 35px 0;
        text-shadow: 2px 2px #000;
        margin-top: 9%;
        line-height: 25px;
    }
    .katalog {
        float: left;
        width: 45%;
        height: 50px;
        background-image: url(../images/body/katalog.jpg);
        font-weight: 300;
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .pora2 {
        float: left;
        width: auto;
        height: auto;
        padding: 3% 0 0 25%;
        text-shadow: 1px 1px #000;
        color: #fff;
        font-size: 18px;
    }
    .noMobileMin {
        display: none;
    }
    .f12 {
        font-size: 12px;
    }
    .poklicite {
        float: right;
        width: 45%;
        height: 50px;
        background-image: url(../images/body/poklicite.jpg);
        font-weight: 300;
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .pora {
        float: left;
        width: auto;
        height: auto;
        padding: 6% 0 0 25%;
        text-shadow: 2px 2px #1b4d7c;
        color: #fff;
        font-size: 18px;
    }
    .animacija {
        overflow: hidden;
        height: auto;
    }
    .slideEl {
        width: 100%;
        height: auto;
        line-height: 21px;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: bottom;
        text-align: center;
    }
    .abs {
        position: relative;
        width: 100%;
        top: 65%;
        left: 20%;
    }
    blockquote {
        margin: auto;
        width: 140px;
        height: auto;
        padding: 35px;
        color: #e2e1e0;
        font-size: 18px;
        font-weight: 300;
        background-image: url(../images/body/dark.png);
        border: 1px solid #fff;
        border-radius: 5px;
        text-align: center;
    }
    .abs h1 {
        margin: 0;
        padding: 0;
        font-weight: 300;
        font-size: 15px;
        color: #fff;
        display: inline;
        font-family: 'Exo 2', sans-serif;
        line-height: 30px;
    }
    .slikaOkras {
        display: none;
    }
    .socialIco {
        float: right;
        clear: right;
        width: auto;
        margin-top: 20px;
        ;
        margin-left: 0;
    }
    .socialIco img {
        max-width: 20px;
    }
}

@media screen and (max-width: 480px) {
    .marg {
        margin: 0 auto;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
    .animMin h3 {
        margin: 0;
        padding: 0;
        background-image: url(../images/body/dark.png);
        color: #fff;
        font-size: 18px;
        text-align: center;
        font-weight: 300;
        padding: 30px 0 35px 0;
        text-shadow: 2px 2px #000;
        margin-top: 9%;
        line-height: 25px;
    }
    .katalog {
        float: left;
        width: 100%;
        height: auto;
        min-height: 80px;
        background-image: url(../images/body/katalog.jpg);
        font-weight: 300;
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .najlepse {
        float: right;
        width: 100%;
        height: auto;
        min-height: 80px;
        background-image: url(../images/body/najlepseTerase.jpg);
        margin-bottom: 16px;
        font-weight: 300;
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .pora2 {
        float: left;
        width: auto;
        height: auto;
        padding: 6% 0 0 25%;
        text-shadow: 1px 1px #000;
        color: #fff;
        font-size: 18px;
    }
    .noMobileMin {
        display: none;
    }
    .f12 {
        font-size: 10px;
    }
    .poklicite {
        float: right;
        width: 45%;
        height: 40px;
        background-image: url(../images/body/poklicite.jpg);
        font-weight: 300;
        cursor: pointer;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .pora {
        float: left;
        width: auto;
        height: auto;
        padding: 7% 0 0 25%;
        text-shadow: 1px 1px #000;
        color: #fff;
        font-size: 18px;
    }
}

@media screen and (max-width: 420px) {
    .footEl {
        float: left;
        width: 100%;
        height: auto;
        padding-left: 0;
        padding-right: 0%;
        margin-bottom: 20px;
        text-align: center;
    }
}