@media screen and (max-width: 1500px) {
    .mainUl {
        padding: 0;
        margin: 0;
        height: auto;
        text-align: center;
        font-size: 15px;
        font-weight: 600;
    }
    .mainUl li {
        width: auto;
        float: left;
        display: block;
        height: auto;
        padding: 0 0 15px 0;
        margin: 0 15px 0 0;
    }
    .mainUl li.act {
        width: auto;
        float: left;
        display: block;
        height: auto;
        padding: 0 0 15px 0;
        margin: 0 15px 0 0;
    }
    ul.mainUl ul {
        position: absolute;
        display: none;
        padding: 10px 0;
        margin: 0;
        z-index: 150002;
        color: #fff;
    }
    ul.mainUl li:hover ul {
        display: block;
        position: absolute;
        z-index: 150000;
        width: 240px;
        height: auto;
        color: #fff;
        padding: 10px;
        margin-top: 10px;
        margin-left: 0;
        background-color: #fff;
        border: 1px solid #ddd;
    }
    .submenuHover li {
        display: block;
        font-size: 13px;
        height: auto;
        float: left;
        clear: left;
        width: 95%;
        margin: 0;
        padding: 8px 0 8px 0;
        text-shadow: none;
        text-align: left;
        border-bottom: 1px solid #61554e;
        color: #fff;
        font-weight: 400;
        cursor: auto;
        cursor: pointer;
        text-decoration: none;
    }
    .submenuHover li:hover {
        border-bottom: 1px solid #61554e;
    }
    .submenuHover li a {
        color: #252526;
        text-decoration: none;
    }
    .submenuHover li:hover a {
        color: #252526;
        text-decoration: none;
    }
    .slide {
        float: left;
        width: 100%;
        height: auto;
        background-size: cover;
        padding-bottom: 90px;
    }
    .slideCont {
        float: left;
        margin: 100px 0 0 3%;
        width: 50%;
        color: #fff;
        font-size: 16px;
        line-height: 25px;
    }
    .slideCont h1 {
        margin: 0;
        padding: 0;
        font-size: 40px;
        line-height: 45px;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        color: #fff;
    }
    .slideCont a {
        display: inline-block;
        font-size: 20px;
        padding: 15px 25px 15px 25px;
        border: 1px solid #fff;
        font-family: 'Comfortaa', cursive;
        color: #fff;
        text-decoration: none;
        color: #fff;
    }
    .slideCont a:hover {
        background-color: #06a1d3;
        color: #fff;
    }
    .intro {
        float: left;
        width: 40%;
        height: auto;
        margin-right: 3%;
        padding-top: 25px;
        border-top: 1px solid #ddd;
    }
    .cloth {
        float: right;
        width: 57%;
        background-image: url(../images/body/cloth.jpg);
        background-position: bottom;
        color: #fff;
        background-size: cover;
    }
}

@media screen and (max-width: 1400px) {
    .levo {
        float: left;
        width: 28%;
        height: auto;
        height: auto;
    }
    .desno {
        float: right;
        width: 70%;
        height: auto;
    }
    .izdLeft {
        float: left;
        width: 52%;
        height: auto;
    }
    .izdRight {
        float: right;
        width: 42%;
        height: auto;
    }
    .izdelekSlika {
        float: left;
        width: 100%;
        height: 170px;
        text-align: center;
        margin-bottom: 25px;
    }
    .izdelekSlika img {
        max-width: 100%;
        max-height: 170px;
    }
    .katItem {
        float: left;
        width: 23%;
        height: auto;
        margin: 0 1% 35px 1%;
        border-bottom: 4px solid #d9d9d9;
        cursor: pointer;
    }
    .slikaKat {
        float: left;
        width: 100%;
        height: 170px;
        text-align: center;
        margin-bottom: 25px;
    }
    .slikaKat img {
        max-width: 100%;
        max-height: 170px;
    }
}

@media screen and (max-width: 1300px) {
    .logo {
        float: left;
        width: auto;
        height: auto;
    }
    .logo img {
        width: 160px;
    }
    .izpoEl {
        float: left;
        width: 95%;
        padding: 5px 5% 5px 0;
        height: auto;
        background-color: #06a1d3;
        color: #fff;
        font-size: 13px;
        color: #bbe0ff;
        border-bottom: 1px solid #f5f6fa;
        line-height: 17px;
        cursor: pointer;
    }
    .izpoEl img {
        float: left;
        width: 40px;
        height: auto;
        margin: 45px 10px 25px 10px;
    }
    .izpoEl h3 {
        margin: 15px 0 10px 0;
        padding: 0;
        font-size: 18px;
        line-height: 25px;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        color: #fff;
    }
    .mainMenu {
        float: right;
        width: auto;
        height: auto;
        margin: 25px 10px 0 0;
    }
    .mainUl {
        padding: 0;
        margin: 0;
        height: auto;
        text-align: center;
        font-size: 13px;
        font-weight: 600;
    }
    .mainUl li {
        width: auto;
        float: left;
        display: block;
        height: auto;
        padding: 0 0 15px 0;
        margin: 0 15px 0 0;
    }
    .mainUl li.act {
        width: auto;
        float: left;
        display: block;
        height: auto;
        padding: 0 0 15px 0;
        margin: 0 15px 0 0;
    }
    ul.mainUl ul {
        position: absolute;
        display: none;
        padding: 10px 0;
        margin: 0;
        z-index: 150002;
        color: #fff;
    }
    ul.mainUl li:hover ul {
        display: block;
        position: absolute;
        z-index: 150000;
        width: 200px;
        height: auto;
        color: #fff;
        padding: 10px;
        margin-top: 10px;
        margin-left: 0;
        background-color: #fff;
        border: 1px solid #ddd;
    }
    .submenuHover li {
        display: block;
        font-size: 13px;
        height: auto;
        float: left;
        clear: left;
        width: 95%;
        margin: 0;
        padding: 8px 0 8px 0;
        text-shadow: none;
        text-align: left;
        border-bottom: 1px solid #61554e;
        color: #fff;
        font-weight: 400;
        cursor: auto;
        cursor: pointer;
        text-decoration: none;
    }
    .submenuHover li:hover {
        border-bottom: 1px solid #61554e;
    }
    .submenuHover li a {
        color: #252526;
        text-decoration: none;
    }
    .submenuHover li:hover a {
        color: #252526;
        text-decoration: none;
    }
    .bottomTrigg {
        float: left;
        width: 100%;
        height: 300px;
        background-size: cover;
        padding-bottom: 50px;
    }
    .bottomTriggCont {
        margin: 0 auto;
        margin-top: 150px;
        width: 60%;
        color: #fff;
        font-size: 16px;
        line-height: 25px;
        text-align: center;
        background-image: url(../images/body/dark.png);
        padding: 20px 5% 20px 5%;
        font-size: 14px;
        line-height: 20px;
    }
    .footEl h4 {
        margin: 0 0 10px 0;
        font-size: 16px;
        color: #d4ebff;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        line-height: 20px;
    }
    .izdelekSlika {
        float: left;
        width: 100%;
        height: 150px;
        text-align: center;
        margin-bottom: 25px;
    }
    .izdelekSlika img {
        max-width: 100%;
        max-height: 150px;
    }
    .izdTitle {
        float: left;
        width: 100%;
        height: 50px;
    }
    .izdTitle h3 {
        margin: 0;
        padding: 0;
        font-size: 14px;
        line-height: 20px;
        font-family: 'Comfortaa', cursive;
        font-weight: 600;
    }
    .izdelekInfo {
        float: left;
        width: 100%;
        height: auto;
        font-size: 16px;
        color: #000;
        font-weight: 600;
    }
    .katItem {
        float: left;
        width: 23%;
        height: auto;
        margin: 0 1% 35px 1%;
        border-bottom: 4px solid #d9d9d9;
        cursor: pointer;
    }
    .slikaKat {
        float: left;
        width: 100%;
        height: 150px;
        text-align: center;
        margin-bottom: 10px;
    }
    .slikaKat img {
        max-width: 100%;
        max-height: 150px;
    }
}

@media screen and (max-width: 1024px) {
    .btMarg {
        margin: 0 auto;
        width: 100%;
    }
    html,
    body {
        margin: 0 auto;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 13px;
        color: #000000;
        line-height: 18px;
    }
    .intro {
        float: left;
        width: 100%;
        height: auto;
        margin-right: 0%;
        padding-top: 25px;
        border-top: 1px solid #ddd;
        margin-bottom: 25px;
    }
    .cloth {
        float: right;
        width: 100%;
        background-image: url(../images/body/cloth.jpg);
        background-position: bottom;
        color: #fff;
        background-size: cover;
    }
    .mainMenu {
        display: none;
    }
    .slide {
        float: left;
        width: 100%;
        height: auto;
        background-size: cover;
        padding-bottom: 50px;
        text-shadow: 1px 1px #3c8f90;
    }
    .slideCont {
        float: left;
        margin: 50px 0 0 3%;
        width: 70%;
        color: #fff;
        font-size: 14px;
        line-height: 20px;
    }
    .slideCont h1 {
        margin: 0;
        padding: 0;
        font-size: 30px;
        line-height: 35px;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        color: #fff;
    }
    .levo {
        float: left;
        width: 100%;
        height: auto;
        height: auto;
    }
    .desno {
        float: left;
        width: 100%;
        height: auto;
    }
    .stepsFull {
        float: left;
        width: 100%;
        margin-bottom: 35px;
    }
    .bIcon {
        float: right;
        margin-top: 0px;
        width: 43px;
        height: 46px;
        background-image: url(../images/body/basket.jpg);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
    }
    .bCount {
        width: 25px;
        height: 23px;
        padding-top: 2px;
        background-color: #06a1d3;
        color: #fff;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        text-align: center;
        float: right;
        font-size: 11px;
        margin-top: -13px;
        font-weight: 600;
    }
    .top {
        background-color: #06a1d3;
        padding: 8px 0 8px 0;
        font-size: 12px;
        color: #fff;
    }
    .topEl {
        float: left;
        width: auto;
        height: auto;
        margin-right: 0px;
    }
    .topEl img {
        float: left;
        width: auto;
        margin-right: 15px;
        width: 17px;
        height: 17px;
    }
    .topEl span {
        float: left;
        width: auto;
        margin-top: 0px;
    }
    .noMob span {
        display: none;
    }
    .last {
        float: right;
    }
    .last img {
        float: left;
        width: auto;
        margin-right: 10px;
        width: 17px;
        height: 17px;
    }
    .lang {
        display: none;
    }
    .logo img {
        width: 140px;
    }
    .push {
        position: relative;
        overflow: hidden;
    }
    .menu-link {
        display: block;
        text-align: center;
        float: right;
        font-size: 20px;
        width: 22px;
        height: 22px;
        line-height: 23px;
        padding: 5px;
        text-decoration: none;
        border: 1px solid #000;
        margin-top: 7px;
        margin-right: 20px;
        color: #fff;
        background-color: #06a1d3;
    }
    .menu-link:hover {
        color: #fff;
    }
    .panel {
        background-color: #2d2d2d;
        z-index: 9999;
        position: fixed;
        left: -15.625em;
        /*or width of your navigation panel*/
        width: 15.625em;
        /*should match the above value*/
    }
    .panel ul {
        margin: 0;
        padding: 0;
    }
    .panel li {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #fff;
    }
    .panel a {
        display: block;
        color: #fff;
        font-size: 13px;
        text-decoration: none;
        padding: 10px 0 10px 15px;
    }
    .panel a:link,
    .panel a:visited {
        color: #fff;
    }
    .panel a:hover,
    .panel a:active {
        background: #06a1d3;
    }
    .clothSub {
        display: none;
    }
    .subMenu {
        display: none;
    }
    .f850 {
        display: none;
    }
    .izdLeft {
        float: left;
        width: 100%;
        height: auto;
    }
    .izdRight {
        float: right;
        width: 100%;
        height: auto;
    }
    .podrobnoIskanje {
        display: block;
        float: left;
        width: 100%;
        padding: 10px 0 10px 0;
        height: auto;
        margin-bottom: 15px;
        text-align: center;
        border: 1px solid #ddd;
        background-color: #f7f7f7;
        font-size: 13px;
        color: #333;
        cursor: pointer;
        font-weight: 600;
    }
    .filters {
        width: 95%;
        padding: 15px 2.5% 15px 2.5%;
        background-color: #f1f1f1;
        border: 1px solid #ddd;
        margin-bottom: 35px;
        font-size: 11px;
        display: none;
    }
    .izdelekSlika {
        float: left;
        width: 100%;
        height: 170px;
        text-align: center;
        margin-bottom: 25px;
    }
    .izdelekSlika img {
        max-width: 100%;
        max-height: 170px;
    }
    .izdelekSlika:hover img {
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
    }
    .step {
        float: left;
        width: 95%;
        padding: 5px 5% 5px 0;
        height: auto;
        background-color: #f2f2f2;
        color: #fff;
        font-size: 12px;
        color: #000;
        border-bottom: 1px solid #ddd;
        line-height: 17px;
    }
    .step img {
        float: left;
        width: 20px;
        height: auto;
        margin: 15px 20px 15px 10px;
    }
    .step h3 {
        margin: 2px 0 5px 0;
        padding: 0;
        font-size: 15px;
        line-height: 17px;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        color: #16a085;
    }
    .current {
        background-color: #16a085;
        color: #fff;
    }
    .current h3 {
        margin: 5px 0 0px 0;
        padding: 0;
        font-size: 15px;
        line-height: 17px;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        color: #fff;
    }
    .lAuto {
        float: left;
        width: 100%;
        height: auto;
        margin-right: 0;
    }
    .bigMob {
        float: left;
        margin-top: 0;
    }
    .infos {
        float: left;
        width: 90%;
        padding: 15px 5% 15px 5%;
        background-color: #f1f1f1;
        font-size: 13px;
        line-height: 20px;
    }
    .katItem h3 {
        font-size: 14px;
        text-align: center;
    }
    .katItem h3 a {
        color: #000;
        text-decoration: none;
    }
    .katItem h3 a:hover {
        color: #06a1d3;
        text-decoration: none;
    }
    .pEnd {
        float: left;
        width: 100%;
        height: auto;
        background-color: #2f2f2f;
        padding: 10px 0 10px 0;
        font-size: 10px;
        color: #888888;
        text-align: center;
    }
}

@media screen and (max-width: 900px) {
    .izdelekSlika {
        float: left;
        width: 100%;
        height: 150px;
        text-align: center;
        margin-bottom: 25px;
    }
    .izdelekSlika img {
        max-width: 100%;
        max-height: 150px;
    }
}

@media screen and (max-width: 850px) {
    .footEl {
        float: left;
        width: 100%;
        padding: 0 0 0 0;
        text-align: center;
        color: #cee9ff;
        margin-bottom: 20px;
    }
    .first {
        text-align: center;
        color: #cee9ff;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .footEl img {
        margin-bottom: 8px;
        max-width: 50px;
    }
    .footEl h4 {
        margin: 0 0 10px 0;
        font-size: 16px;
        color: #d4ebff;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
    }
    .fNavi {
        display: none;
    }
    .fLogos img {
        max-height: 20px;
        margin: 0 5px 15px 5px;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: 0.7;
        filter: alpha(opacity=70);
    }
    .noMin {
        display: none;
    }
    .kalkulacija {
        float: right;
        width: 100%;
        text-align: right;
        font-size: 13px;
        line-height: 17px;
        padding: 10px 0 0 0;
    }
    .f14 {
        color: #7e7e7e;
        font-size: 14px;
    }
    .f18 {
        color: #06a1d3;
        border-top: none;
        font-size: 14px;
        padding-top: 5px;
        display: block;
        margin-top: 0;
    }
    .blagajnaDesno {
        float: right;
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .blagajnaLevo {
        float: left;
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .dPad {
        padding-bottom: 5px;
        margin-top: 0;
    }
    .objava {
        float: left;
        width: 100%;
        height: auto;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ddd;
        font-size: 13px;
        line-height: 19px;
    }
    .objava img {
        float: left;
        max-width: 25%;
        margin: 0 25px 25px 0;
    }
    .objava h3 {
        margin: 0;
        padding: 0;
        margin-bottom: 12px;
        font-size: 18px;
        font-weight: 600;
    }
}

@media screen and (max-width: 750px) {
    .l50 {
        float: left;
        width: 100%;
        height: auto;
    }
    .r50 {
        float: right;
        width: 100%;
        height: auto;
    }
    .izdelekSlika {
        float: left;
        width: 100%;
        height: 130px;
        text-align: center;
        margin-bottom: 25px;
    }
    .izdelekSlika img {
        max-width: 100%;
        max-height: 130px;
    }
    .katItem {
        float: left;
        width: 45%;
        height: auto;
        margin: 0 2% 35px 2%;
        border-bottom: 4px solid #d9d9d9;
        cursor: pointer;
    }
    .slikaKat {
        float: left;
        width: 100%;
        height: 130px;
        text-align: center;
        margin-bottom: 10px;
    }
    .slikaKat img {
        max-width: 100%;
        max-height: 130px;
    }
}

@media screen and (max-width: 650px) {
    .izdelek {
        float: left;
        width: 45%;
        height: auto;
        margin: 0 2% 35px 2%;
        border-bottom: 4px solid #d9d9d9;
    }
    .midIzd {
        margin: 0 2% 35px 2%;
    }
    .izdelekSlika {
        float: left;
        width: 100%;
        height: 160px;
        text-align: center;
        margin-bottom: 25px;
    }
    .izdelekSlika img {
        max-width: 100%;
        max-height: 160px;
    }
    .izpo {
        float: left;
        width: 100%;
        height: auto;
    }
    .cloth {
        float: left;
        width: 100%;
        background-image: url(../images/body/cloth.jpg);
        background-position: bottom;
        color: #fff;
        background-size: cover;
    }
    .prirocnik {
        float: left;
        width: 90%;
        padding: 0 5% 25px 5%;
        font-size: 14px;
    }
    .bottomTrigg {
        float: left;
        width: 100%;
        height: 300px;
        background-size: cover;
        background-position: center;
        padding-bottom: 50px;
    }
    .bottomTriggCont {
        margin: 0 auto;
        margin-top: 100px;
        width: 80%;
        color: #fff;
        text-align: center;
        background-image: url(../images/body/dark.png);
        padding: 20px 5% 20px 5%;
        font-size: 13px;
        line-height: 20px;
    }
    .bottomTriggCont h3 {
        margin: 0 0 20px 0;
        padding: 0;
        font-size: 20px;
        line-height: 25px;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        color: #fff;
    }
    .slide {
        float: left;
        width: 100%;
        height: auto;
        background-size: cover;
        padding-bottom: 30px;
    }
    .slideCont {
        float: left;
        margin: 30px 0 0 3%;
        width: 90%;
        color: #fff;
        font-size: 14px;
        line-height: 20px;
    }
    .slideCont h1 {
        margin: 0;
        padding: 0;
        font-size: 25px;
        line-height: 30px;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        color: #fff;
    }
    .levo {
        float: left;
        width: 100%;
        height: auto;
        height: auto;
    }
    a.btn {
        display: inline-block;
        font-size: 18px;
        padding: 10px 20px 10px 20px;
        border: 1px solid #06a1d3;
        font-family: 'Comfortaa', cursive;
        text-decoration: none;
        color: #06a1d3;
    }
    a.btn:hover {
        background-color: #06a1d3;
        color: #fff;
    }
    a.btnAct {
        display: inline-block;
        font-size: 18px;
        padding: 10px 20px 10px 20px;
        border: 1px solid #06a1d3;
        font-family: 'Comfortaa', cursive;
        text-decoration: none;
        color: #fff;
        background-color: #06a1d3;
    }
    a.btnAct:hover {
        background-color: #06a1d3;
        color: #fff;
    }
    .korak2Info a.btn {
        font-size: 12px;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-bottom: 10px;
        padding: 10px 0 10px 0;
    }
    .korak2Info a.btnAct {
        font-size: 12px;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-bottom: 10px;
        padding: 10px 0 10px 0;
        background-color: #06a1d3;
    }
    .mobBtn {
        font-size: 14px;
    }
    a.btnBig {
        display: inline-block;
        font-size: 18px;
        padding: 20px;
        border: 2px solid #16a085;
        font-family: 'Comfortaa', cursive;
        background-color: #16a085;
        color: #fff;
        font-weight: 400;
        margin-top: 20px;
        text-decoration: none;
    }
    a.btnBig:hover {
        background-color: #21bd9f;
        color: #fff;
    }
    .formBtnBig {
        display: inline-block;
        font-size: 18px;
        padding: 20px;
        border: 2px solid #16a085;
        font-family: 'Comfortaa', cursive;
        background-color: #16a085;
        color: #fff;
        font-weight: 400;
        margin-top: 10px;
        text-decoration: none;
        cursor: pointer;
        outline: none;
    }
    .formBtnBig:hover {
        background-color: #21bd9f;
        color: #fff;
    }
    h1 {
        margin: 0 0 35px 0;
        padding: 0;
        font-size: 22px;
        line-height: 25px;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        color: #06a1d3;
    }
    h3 {
        margin: 25px 0 25px 0;
        padding: 0;
        font-size: 18px;
        line-height: 20px;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        color: #000;
    }
    h4 {
        margin: 0 0 25px 0;
        padding: 0;
        font-size: 18px;
        line-height: 20px;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        color: #000;
    }
}

@media screen and (max-width: 580px) {
    .izdelekSlika {
        float: left;
        width: 100%;
        height: 140px;
        text-align: center;
        margin-bottom: 25px;
    }
    .izdelekSlika img {
        max-width: 100%;
        max-height: 140px;
    }
    .izdTitle {
        float: left;
        width: 100%;
        height: 50px;
    }
    .izdTitle h3 {
        margin: 0;
        padding: 0;
        font-size: 12px;
        line-height: 15px;
        font-family: 'Comfortaa', cursive;
        font-weight: 600;
    }
    .izdelekInfo {
        float: left;
        width: 100%;
        height: auto;
        font-size: 13px;
        color: #000;
        font-weight: 600;
    }
    .izdelekInfo a {
        display: inline-block;
        float: right;
        width: auto;
        height: auto;
        font-size: 10px;
        font-weight: 400;
        padding: 5px 5px 5px 5px;
        background-color: #06a1d3;
        color: #fff;
        text-decoration: none;
    }
    .izdelekInfo a:hover {
        display: inline-block;
        float: right;
        width: auto;
        height: auto;
        font-size: 10px;
        font-weight: 400;
        padding: 5px 5px 5px 5px;
        background-color: #000;
        color: #fff;
        text-decoration: none;
    }
    .lAutoBt {
        float: left;
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 500px) {
    .slikaOkras {
        float: left;
        max-width: 100%;
        padding: 0%;
        background-color: #f2f2f2;
        border: 1px solid #ddd;
        margin: 0 0 25px 0;
    }
    .slikaDesno {
        float: left;
        width: 100%;
        margin: 0 0 25px 0;
        padding: 0;
        border: 1px solid #ddd;
    }
    .izdelekSlika {
        float: left;
        width: 100%;
        height: 120px;
        text-align: center;
        margin-bottom: 25px;
    }
    .izdelekSlika img {
        max-width: 100%;
        max-height: 120px;
    }
    .slikaKat {
        float: left;
        width: 100%;
        height: 100px;
        text-align: center;
        margin-bottom: 10px;
    }
    .slikaKat img {
        max-width: 100%;
        max-height: 100px;
    }
}

@media screen and (max-width: 500px) {
    .izdelekSlika {
        float: left;
        width: 100%;
        height: 100px;
        text-align: center;
        margin-bottom: 25px;
    }
    .izdelekSlika img {
        max-width: 100%;
        max-height: 100px;
    }
}

@media screen and (max-width: 350px) {
    .addBtn {
        float: left;
        width: auto;
        clear: left;
        height: 35px;
        background-color: #fff;
        background-image: url(../images/body/basket.jpg);
        background-size: 35px;
        background-position: right center;
        border: 0px #fff;
        outline: none;
        background-repeat: no-repeat;
        font-size: 18px;
        font-family: 'Comfortaa', cursive;
        color: #06a1d3;
        padding-right: 50px;
        cursor: pointer;
        margin: 15px 0 0 0;
    }
}