@media (min-width: 1200px) and (max-width: 1399px) {
  body{width:100%;}


  section.head{height: 78px; border-bottom:1px solid #d6d6d6; position:relative;}
  section.head h1{font-size:30px; font-weight:800; text-transform:uppercase; text-align:center; line-height:100px; background: linear-gradient(to right,#09c5ba, #2ada8f); -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent; }
  section.head h1.user{position:relative; top:-20px;}
  section.head h1.user::before{font-family: "Material Icons"; content:"person"; font-size:40px; text-transform:none;  font-feature-settings: 'liga'; 
  background: linear-gradient(to right,#09c5ba, #2ada8f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position:relative; top:8px; left:-10px;}
  section.head h1.user.small{font-size:32px;}
  section.head img.logo{position:absolute; top:15px; left:0; width:140px;}
  section.head img.logo-sikng{position:absolute; top:0; right:0; height:78px;}
  
  .mi{color:#333; font-size:18px; display:block; position:absolute; top:15px;}
  .mi::before{font-family: "Material Icons"; color:#333; font-size:30px; position:relative; top:6px; font-feature-settings: 'liga';}
  
  .mi.home{ left:50px; z-index:100;}
  .mi.home::before{content:"home"; margin-right:10px; }
  .mi.hsearch{left:215px; z-index:100;}
  .mi.hsearch::before{content:"search"; margin-right:10px;}
  
  .mi.cancel{ left:215px; z-index:100; color:#ff0000;}
  .mi.cancel::before{content:"clear"; margin-right:10px; color:#ff0000;}

  .lang{position:absolute; top:20px; right:410px;}
  .lang span{font-size:18px; line-height:38px;}
  .lang a{font-size:20px; line-height:38px; text-align:center; border-radius:50%; width:38px; height:38px; margin-left:20px; display:inline-block;}
  
  .mi.logout{ right:310px; z-index:100;}
  .mi.logout::before{content:"power_settings_new"; margin-right:10px;}
  .mi.help{right:180px; z-index:101;}
  .mi.help::before{content:"help"; margin-right:10px;}
  
    /*#1 - PRVA STRAN - DOBRODOSLI*/
    .ileft{width:66%; padding:30px 30px 0 40px;}
    .ileft h1{font-size:32px;}
    .ileft p{font-size:23px;}
    .iright{width:25%; padding-top:40px;}
    .iright img{width:100%;}
        a.button{ width:320px; height:80px; margin:15px 80px 0 0; font-size:24px; line-height:80px;}
        a.button.green{ margin-left:25%;}
      a.button.white{line-height:70px;}
      a.button.white::before{font-size:30px; top:7px;}

    /*#2 - ISKANJE*/
  .sleft{float:left; /*width:550px;*/ width:28.5%; /*border:1px solid red;*/ height:100%; padding:0px 45px; background-color:#fff; box-shadow: 5px 25px 30px 15px rgba(0, 0, 0, 0.05); position:relative; z-index:1;}
  .sleft h3{font-size:20px; text-align:center; text-transform:uppercase; font-weight:800; margin-bottom:15px;}
  .abc a{font-size:20px; width:60px; height:35px; line-height:35px; margin:0 0 15px 15px;}
  .abc a:nth-child(5n+1){margin:0 0 15px 0;}
  form.search input{width:80%; height:50px; font-size:20px; margin-bottom:20px;}
  form.search button{border:none; background-color:transparent; position:absolute; top:-15px; right:35px; font-size:50px;}
  form.searchabc button{font-size:20px;width:80%; height:50px;}


  .main.search h3{margin-top:30px; font-size:22px;}

  .sright{width:60%; padding:20px 20px 0 0px; height:100%; position:relative; z-index:1;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;   }
  .sright h3{text-align:center; padding-top:40px;}
  
  .main.search table.product{/*width:1080px;*/ width:100%; background-color:transparent;} 
  .main.search table.product tr th{background-color:#f8f8f8; padding:10px 20px; text-align:left; font-size:18px; text-transform:uppercase; font-weight:800;}
  .main.search table.product td{padding:3px 20px; border-top: 8px solid #f8f8f8; background-color:#fff;}
  .main.search table.product td:nth-child(1) {font-size:20px; font-weight:700; border-top-left-radius:10px; border-bottom-left-radius:10px;}
  .main.search table.product td:nth-child(2) {font-size:18px; font-weight:400;}
  .main.search table.product td:nth-child(3) {font-size:18px; font-weight:400;}
  .main.search table.product td:nth-child(4) {border-top-right-radius:10px; text-align:right; border-bottom-right-radius: 10px;}
  .main.search table.product td a{display:inline-block; font-size:14px; text-transform:uppercase; color:#333; width:90px; height:32px; line-height:32px; border:1px solid #d6d6d6; border-radius:10px; margin-left:10px; text-align:center;}

  .main.search table.product td:nth-child(4) {width:35%; border-top-right-radius:10px; text-align:right; border-bottom-right-radius: 10px;}

  .pages{margin-top:0px; height:50px; /*width:530px; margin:35px auto 35px 0; display:flex;*/}
  .pages a{display:inline-block; width:38px; height:38px; line-height:38px; font-size:16px; border:1px solid #d6d6d6; border-radius:10px; text-align:center; margin-right:8px;}
  .pages a.prev,.pages a.next{font-size:20px;}
  .pages a::before{margin-top:0;}  

/*#3*/
form.login{/*width:1080px;*/ width:55%; margin:100px auto 0 auto;}
form.login h2{font-size:54px; line-height:80px;font-weight:800; margin-bottom:80px;}
/*form.login input{border:0; color:#fff; height:0; background-color:transparent;}*/
form.login input {
    
    height: 80px;
    background-color: #f6f6f6;
    border: none;
    border-radius: 10px;
    font-size: 40px;
    padding: 0 40px;
    margin: 0 auto;
}
form.login img{margin:0 auto; display:block;}
form.login button{width:450px; height:80px; font-size:36px; margin:70px auto 0 auto;}

/*#4 - REGISTRACIJA*/
section.main.register{padding-top:40px;}
form.reg{width:1080px; margin:0 auto;}
    .half{width:48%;}
form.reg label{display:block; font-size:16px; line-height:18px; font-weight:800; text-transform:uppercase; margin:0 0 10px 20px;}
form.reg input[type=text],form.reg input[type=email]{width:450px; height:40px; padding:0 20px; border:none; border-radius:10px; margin-bottom:10px; font-size:24px;}
form.reg .exp{margin-top:26px;}
    /*radio*/
form.reg input[type=radio] {margin:10px;}
form.reg input[type=radio] + label {display:inline-block; margin:-2px; font-size: 16px; line-height:36px; font-weight:400; text-transform:none; width:140px; height:36px;}
form.reg input[type=radio]:checked + label {line-height:20px;}
form.reg input[type=radio]:checked + label::before{font-size:24px;}

form.reg .izjava{ margin:20px 0; padding:10px 0;}
form.reg .izjava p{font-size:14px; line-height:20px}
form.reg label[for="checkbox"],form.reg label[for="checkbox2"]{line-height:16px;}
form.reg label[for="checkbox2"]{font-size:20px;}

form.reg button{font-size:20px; width:400px; height:50px; margin:20px auto 0 auto;}

/*#5  - USER (izposoja, vnos, pregled)*/
.main.main5{width:100%; padding:0; padding:60px 0 0 50px;}
.main.main5 .third{width:27%; margin-right:5%; padding:40px 60px 40px 60px; height:420px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}
.main.main5 .third:nth-child(2){width:28%; padding:40px 90px 30px 90px;}
.main.main5 .third h2{font-size:30px; margin-top:30px;}
.main.main5 .third img{width:100%;}

    /*leafbox*/
 .lbox .text > a.close,.main.search table.product td a.close {background-image:none; display: block; position: absolute; top: -35px; right: -35px; width: 70px; height: 70px; border-radius:50%; text-align:center; background-color:#33a9da; border-color:#33a9da;}
 
 /*#6 USER - Izposoja*/
 .main.main6{padding:25px 0 0 0;}
 .main.main6 h2{font-size:38px;}
 .main.main6 h3{font-size:28px; margin-bottom:30px;}
 
 .main.main6 .third .seed{margin-bottom:10px;}
 .main.main6 .third.col3 .seed{padding:20px;}
 .main.main6 .third.col4 .seed{padding:25px;}
 .main.main6 .third.col5 .seed{padding:15px;}
 .main.main6 .third.col3.row2 .seed{padding:15px;}
 .main.main6 .third.col4.row2 .seed{padding:10px;}
 .main.main6 .third.col5.row2 .seed{padding:20px;}
   
 form.izposoja button{ margin:25px auto 0 auto;}
 form.izposoja p.scan-submit{margin:20px;}

/*#7a USER - Vnos - 1. korak*/
  .steps{/*width:450px;*/ width:94%; height:120px; display:block; border-radius:10px; 
    padding:25px 20px; margin-bottom:80px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .steps.step1{margin-top:20px;}
  .steps:nth-child(2)::before,.steps:nth-child(3)::before{font-size:60px; margin-right:10px;  
      position:absolute; top:-80px; left:45%;}
  .steps .icon{width:80px; height:80px; margin-right:30px;}
  .steps .icon img{width:95%;}
  .steps p{font-size:24px; width:50%; display:inline-block;}


  .main.main7 .sright img{/*transform: rotate(20deg);*/ /*margin:10px 0 0 296px;*/ /*width:250px;*/ width:30%; margin:10px auto 0 auto; display:block;}
  .main.main7 h2{font-size:44px; line-height:60px;  margin-top:-35px;}
  .main.main7 h3{font-size:26px; font-weight:400; margin: 10px 0 0 0;}
  .main.main7 .sright h2{font-size:42px; line-height:48px; width:80%; margin:-35px auto 0;}
  .main.main7 .sright h3{font-size:26px; font-weight:400; margin: 0; padding-top:15px;}
  .main.main7 button.button{font-size:24px;width:270px; height:70px; line-height:70px; margin:25px auto 0 auto;}

   /*#7b USER - Vnos - 2. korak*/
 .sright{width:62%;}
 form.vnos{width:100%; margin:0px auto 0 auto;}
 form.vnos label{display:block; font-size:12px; line-height:14px; font-weight:800; text-transform:uppercase; margin:0 0 6px 20px; }
 form.vnos label .help:before{position:absolute; top:-5px; z-index:1; background: transparent url(../images/icon_help.png) no-repeat 0 0; width:19px; height:18px; content:""; margin-left:10px;}
 form.vnos input[type=text],form.vnos input[type=number]{width:90%; height:34px; padding:0 20px; border:none; border-radius:10px; margin-bottom:15px; font-size:16px; box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.05);}
 form.vnos input[type=number]{width:177px; -moz-appearance:textfield;}
 form.vnos input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
 form.vnos .exp{margin-top:26px;}
 form.vnos input[type=radio] + label { margin-bottom:15px; }
 input[type=radio] + label {display:inline-block; margin:-2px; padding: 0px 6px; font-size: 12px; line-height:36px; color: #333; text-align: center; font-weight:400; text-transform:none;
     vertical-align: middle; cursor: pointer; background-color: #fff; width:120px; height:36px;}
 input[type=radio]:checked + label::before{font-size:18px; left:-10px; top:4px}
 input[type=radio]:checked + label[for=sorta2]{font-size: 12px;}
 form.vnos .third{width:33%;}
 form.vnos .third input{text-align:center;}
 form.vnos textarea{width:90%; height:80px; font-size:16px;}

 .value-button.minus::before{ font-size:25px; margin-right:3px; top:7px;}
 .value-button.plus::before{font-size:25px; margin-right:3px; top:7px;}
 .value-button.plus{margin:0 0 0 3px;}
 .main.main7.main7b form.vnos button.button{font-size:28px;width:270px; height:50px; line-height:50px; margin:0px auto 0 auto;}

/*#8 USER - Moje izposoje in vnosi*/
.main.main8 .half h2{ font-size:28px; margin:-25px 0 10px 0;}
.main.main8 table.product tr th{padding:3px 0; font-size:14px;}
.main.main8 table.product tr td{padding:0px 20px; line-height:40px;}
.main.main8 table.product td:nth-child(1) {font-size:18px; font-weight:700; width:52%;}
.main.main8 table.product td:nth-child(2) {font-size:16px; font-weight:400; width:22%; text-align:center;}
.main.main8 table.product td:nth-child(3) {font-size:16px; font-weight:400; width:26%;}
.main.main8 table.product td:nth-child(3) a.delete{top:-3px;}
.main.main8 table.product td:nth-child(3) a.delete::before{font-size:17px;}
.main.main8 table.product td:nth-child(3) a.edit{top:17px;}
.main.main8 table.product td:nth-child(3) a.edit::before{font-size:17px;}
.main.main8 .pages{bottom:-20px;}

.mi2,table.product td a.mi2{color:#333; font-size:28px; display:inline-block; position:relative; height:28px; line-height:28px; text-transform:none; border:none; margin:0; padding:0; font-weight:400; width:32px;}
.mi2::before,table.product td a.mi2::before{font-family: "Material Icons Outlined"; color:#333; font-size:28px;}
.mi2.info::before,table.product td a.mi2.info::before{content:"info"; position:absolute; top:7px; left:-10px;}

/*#9*/
.main.main9{width:100%;}
.main.main9 .pclose{position:absolute; top:20px; right:20px;}
.main.main9 h2{font-size:28px; font-weight:800; padding:20px 0 0 30px;}
.main.main9 .half{padding:1.5% 2.5%; width:45%;}

.main.main9 a.faq_more{font-size:15px;}
.main.main9 .half h3{font-size:18px;}
.main.main9 .half p{font-size:17px;}
.main.main9 .pages{bottom:60px;}

}
@media (min-width: 1400px) and (max-width: 1499px) {

    body{width:100%;}


section.head{height: 120px; border-bottom:1px solid #d6d6d6; position:relative;}
section.head h1{font-size:30px; font-weight:800; text-transform:uppercase; text-align:center; line-height:120px; background: linear-gradient(to right,#09c5ba, #2ada8f); -webkit-background-clip: text; 
-webkit-text-fill-color: transparent; }
section.head h1.user{position:relative; top:-10px;}
section.head h1.user::before{font-family: "Material Icons"; content:"person"; font-size:40px; text-transform:none;  font-feature-settings: 'liga'; 
background: linear-gradient(to right,#09c5ba, #2ada8f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position:relative; top:8px; left:-10px;}
section.head h1.user.small{font-size:32px;}
section.head img.logo{position:absolute; top:20px; left:0; width:200px;}
section.head img.logo-sikng{position:absolute; top:0; right:0;}

.mi{color:#333; font-size:20px; display:block; position:absolute; top:30px;}
.mi::before{font-family: "Material Icons"; color:#333; font-size:30px; position:relative; top:6px; font-feature-settings: 'liga';}

.mi.home{ left:50px; z-index:100;}
.mi.home::before{content:"home"; margin-right:10px; }
.mi.hsearch{left:215px; z-index:100;}
.mi.hsearch::before{content:"search"; margin-right:10px;}

.mi.cancel{ left:215px; z-index:100; color:#ff0000;}
.mi.cancel::before{content:"clear"; margin-right:10px; color:#ff0000;}

.lang{position:absolute; top:38px; right:410px;}
.lang span{font-size:18px; line-height:43px;}
.lang a{font-size:24px; line-height:43px; text-align:center; border-radius:50%; width:43px; height:43px; margin-left:20px; display:inline-block;}

.mi.logout{ right:310px; z-index:100;}
.mi.logout::before{content:"power_settings_new"; margin-right:10px;}
.mi.help{right:180px; z-index:101;}
.mi.help::before{content:"help"; margin-right:10px;}

  /*#1 - PRVA STRAN - DOBRODOSLI*/
  .ileft{width:66%; padding:60px 40px 0 70px;}
  .ileft h1{font-size:38px;}
  .ileft p{font-size:26px;}
  .iright{width:25%; padding-top:40px;}
  .iright img{width:100%;}
      a.button{ width:320px; height:90px; margin:35px 80px 0 0; font-size:28px; line-height:90px;}
      a.button.green{ margin-left:25%;}
    a.button.white{line-height:70px;}
    a.button.white::before{font-size:40px; top:7px;}


    /*#2 - ISKANJE*/
  .sleft{float:left; /*width:550px;*/ width:28.5%; /*border:1px solid red;*/ height:100%; padding:20px 45px; background-color:#fff; box-shadow: 5px 25px 30px 15px rgba(0, 0, 0, 0.05); position:relative; z-index:1;}
  .sleft h3{font-size:20px; text-align:center; text-transform:uppercase; font-weight:800; margin-bottom:25px;}
  .abc a{font-size:20px; width:65px; height:40px; line-height:40px; margin:0 0 15px 15px;}
  .abc a:nth-child(5n+1){margin:0 0 15px 0;}
  form.search input{width:80%; height:50px; font-size:20px; margin-bottom:20px;}
  form.search button{border:none; background-color:transparent; position:absolute; top:-15px; right:35px; font-size:50px;}
  form.searchabc button{font-size:20px;width:80%; height:50px;}


  .main.search h3{margin-top:30px; font-size:24px;}

  .sright{width:60%; padding:27px 20px 0 0px; height:100%; position:relative; z-index:1;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;   }
  .sright h3{text-align:center; padding-top:40px;}
  
  .main.search table.product{/*width:1080px;*/ width:100%; background-color:transparent;} 
  .main.search table.product tr th{background-color:#f8f8f8; padding:15px 20px; text-align:left; font-size:18px; text-transform:uppercase; font-weight:800;}
  .main.search table.product td{padding:5px 20px; border-top: 10px solid #f8f8f8; background-color:#fff;}
  .main.search table.product td:nth-child(1) {font-size:22px; font-weight:700; border-top-left-radius:10px; border-bottom-left-radius:10px;}
  .main.search table.product td:nth-child(2) {font-size:20px; font-weight:400;}
  .main.search table.product td:nth-child(3) {font-size:20px; font-weight:400;}
  .main.search table.product td:nth-child(4) {border-top-right-radius:10px; text-align:right; border-bottom-right-radius: 10px;}
  .main.search table.product td a{display:inline-block; font-size:14px; text-transform:uppercase; color:#333; width:90px; height:32px; line-height:32px; border:1px solid #d6d6d6; border-radius:10px; margin-left:10px; text-align:center;}
  .main.search table.product td a.disabled { pointer-events: none; cursor: default; color: #d6d6d6;}

  .main.search table.product td:nth-child(4) {width:35%; border-top-right-radius:10px; text-align:right; border-bottom-right-radius: 10px;}

  .pages{margin-top:15px; height:50px; /*width:530px; margin:35px auto 35px 0; display:flex;*/}
  .pages a{display:inline-block; width:42px; height:42px; line-height:42px; font-size:18px; border:1px solid #d6d6d6; border-radius:10px; text-align:center; margin-right:10px;}
  .pages a.prev,.pages a.next{font-size:20px;}
  .pages a::before{margin-top:0;}

    /*#3*/
    form.login{/*width:1080px;*/ width:55%; margin:100px auto 0 auto;}
    form.login h2{font-size:60px; line-height:80px;font-weight:800; margin-bottom:80px;}
    /*form.login input{border:0; color:#fff; height:0; background-color:transparent;}*/
    form.login input {
        
        height: 120px;
        background-color: #f6f6f6;
        border: none;
        border-radius: 10px;
        font-size: 50px;
        padding: 0 40px;
        margin: 0 auto;
    }
    form.login img{margin:0 auto; display:block;}
    form.login button{width:450px; height:90px; font-size:40px; margin:80px auto 0 auto;}


/*#4 - REGISTRACIJA*/
section.main.register{padding-top:40px;}
form.reg{width:1080px; margin:0 auto;}
    .half{width:48%;}
form.reg label{display:block; font-size:16px; line-height:18px; font-weight:800; text-transform:uppercase; margin:0 0 10px 20px;}
form.reg input[type=text],form.reg input[type=email]{width:475px; height:40px; padding:0 20px; border:none; border-radius:10px; margin-bottom:15px; font-size:24px;}
form.reg .exp{margin-top:26px;}
    /*radio*/
form.reg input[type=radio] {margin:10px;}
form.reg input[type=radio] + label {display:inline-block; margin:-2px; font-size: 16px; line-height:36px; font-weight:400; text-transform:none; width:158px; height:36px;}
form.reg input[type=radio]:checked + label {line-height:20px;}
form.reg input[type=radio]:checked + label::before{font-size:24px;}

form.reg .izjava{ margin:30px 0 30px 0; padding:10px 0 20px 0;}
form.reg .izjava p{font-size:14px; line-height:20px}
form.reg label[for="checkbox"],form.reg label[for="checkbox2"]{line-height:16px;}
form.reg label[for="checkbox2"]{font-size:20px;}

form.reg button{font-size:20px; width:400px; height:50px; margin:20px auto 0 auto;}


/*#5  - USER (izposoja, vnos, pregled)*/
.main.main5{width:100%; padding:0; padding:80px 0 0 50px;}
.main.main5 .third{width:27%; margin-right:5%; padding:50px 60px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}
.main.main5 .third:nth-child(2){width:28%; padding:50px 90px;}
.main.main5 .third h2{font-size:34px; margin-top:30px;}
.main.main5 .third img{width:100%;}

/*#6 USER - Izposoja*/
.main.main6{padding:60px 0 0 0;}
.main.main6 h2{font-size:40px;}
.main.main6 h3{font-size:30px; margin-bottom:50px;}

.main.main6 .third.col3 .seed{padding:20px;}
.main.main6 .third.col4 .seed{padding:25px;}
.main.main6 .third.col5 .seed{padding:15px;}
.main.main6 .third.col3.row2 .seed{padding:15px;}
.main.main6 .third.col4.row2 .seed{padding:10px;}
.main.main6 .third.col5.row2 .seed{padding:20px;}
  
form.izposoja button{ margin:40px auto 0 auto;}
form.izposoja p.scan-submit{margin:30px;}

  /*#7a USER - Vnos - 1. korak*/
  .steps{/*width:450px;*/ width:94%; height:140px; display:block; border-radius:10px; 
    padding:30px; margin-bottom:80px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .steps:nth-child(2)::before,.steps:nth-child(3)::before{font-size:60px; margin-right:10px;  
      position:absolute; top:-80px; left:160px;}
  .steps .icon{width:80px; height:80px; margin-right:30px;}
  .steps .icon img{width:95%;}
  .steps p{font-size:28px; width:50%; display:inline-block;}


  .main.main7 .sright img{/*transform: rotate(20deg);*/ margin:30px 0 0 296px; /*width:250px;*/ width:30%; margin:20px auto 0 auto; display:block;}
  .main.main7 h2{font-size:46px; line-height:60px;  margin-top:-25px;}
  .main.main7 h3{font-size:26px; font-weight:400; margin: 20px 0 0 0;}
  .main.main7 .sright h2{font-size:46px; line-height:50px; margin-top:-25px;}
  .main.main7 .sright h3{font-size:26px; font-weight:400; margin: 0;}
  .main.main7 button.button{font-size:28px;width:300px; height:80px; margin:40px auto 0 auto; }

 /*#7b USER - Vnos - 2. korak*/
 .sright{width:62%;}
 form.vnos{width:100%; margin:5px auto 0 auto;}
 form.vnos label{display:block; font-size:14px; line-height:16px; font-weight:800; text-transform:uppercase; margin:0 0 8px 20px; }
 form.vnos input[type=text],form.vnos input[type=number]{width:90%; height:36px; padding:0 20px; border:none; border-radius:10px; margin-bottom:15px; font-size:18px; box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.05);}
 form.vnos input[type=number]{width:177px; -moz-appearance:textfield;}
 form.vnos input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0; }
 form.vnos .exp{margin-top:26px;}
 form.vnos input[type=radio] + label { margin-bottom:15px; }
 input[type=radio] + label {display:inline-block; margin:-2px; padding: 0px 6px; font-size: 12px; line-height:36px; color: #333; text-align: center; font-weight:400; text-transform:none;
     vertical-align: middle; cursor: pointer; background-color: #fff; width:125px; height:36px;}
 input[type=radio]:checked + label::before{font-size:18px; left:-10px; top:4px}
 input[type=radio]:checked + label[for=sorta2]{font-size: 12px;}
 form.vnos .third{width:33%;}
 form.vnos .third input{text-align:center;}
 form.vnos textarea{width:90%; height:80px;}
 .value-button.minus::before{ font-size:32px; margin-right:5px; top:10px;}
.value-button.plus::before{font-size:32px; margin-right:5px; top:10px;}
 .main.main7.main7b form.vnos button.button{font-size:28px;width:270px; height:70px; line-height:70px; margin:10px auto 0 auto;}


  /*#8 USER - Moje izposoje in vnosi*/
.main.main8 .half h2{ font-size:32px; margin:-20px 0 10px 0;}
.main.main8 table.product tr th{padding:5px 0; font-size:14px;}
.main.main8 table.product tr td{padding:2px 20px; line-height:42px;}
.main.main8 table.product td:nth-child(1) {font-size:18px; font-weight:700; width:52%;}
.main.main8 table.product td:nth-child(2) {font-size:16px; font-weight:400; width:22%; text-align:center;}
.main.main8 table.product td:nth-child(3) {font-size:16px; font-weight:400; width:26%;}
.main.main8 table.product td:nth-child(3) a.delete{top:0px;}
.main.main8 table.product td:nth-child(3) a.delete::before{font-size:18px;}
.main.main8 table.product td:nth-child(3) a.edit{top:21px;}
.main.main8 table.product td:nth-child(3) a.edit::before{font-size:18px;}

.mi2,table.product td a.mi2{color:#333; font-size:28px; display:inline-block; position:relative; height:28px; line-height:28px; text-transform:none; border:none; margin:0; padding:0; font-weight:400; width:32px;}
.mi2::before,table.product td a.mi2::before{font-family: "Material Icons Outlined"; color:#333; font-size:28px;}
.mi2.info::before,table.product td a.mi2.info::before{content:"info"; position:absolute; top:7px; left:-10px;}

    /*leafbox*/
 .lbox .text > a.close,.main.search table.product td a.close {background-image:none; display: block; position: absolute; top: -35px; right: -35px; width: 70px; height: 70px; border-radius:50%; text-align:center; background-color:#33a9da; border-color:#33a9da;}
 

    /*#9*/
  .main.main9{width:100%;}
  .main.main9 .pclose{position:absolute; top:20px; right:20px;}
  .main.main9 h2{font-size:30px; font-weight:800; padding:30px 0 0 30px;}
  .main.main9 .half{padding:1.5% 2.5%; width:45%;}

  .main.main9 a.faq_more{font-size:15px;}
  .main.main9 .half h3{font-size:20px;}
  .main.main9 .half p{font-size:17px;}
}
@media (min-width: 1500px) and (max-width: 1700px) {

  body{width:100%;}

  /*HEAD*/
  section.head{height: 120px; border-bottom:1px solid #d6d6d6; position:relative;}
  section.head h1{font-size:30px; font-weight:800; text-transform:uppercase; text-align:center; line-height:120px; background: linear-gradient(to right,#09c5ba, #2ada8f); -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; }
  section.head h1.user{position:relative; top:-10px;}
  section.head h1.user::before{font-family: "Material Icons"; content:"person"; font-size:40px; text-transform:none;  font-feature-settings: 'liga'; 
    background: linear-gradient(to right,#09c5ba, #2ada8f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position:relative; top:8px; left:-10px;}
  section.head img{position:absolute; top:0; right:0;}

  .mi{color:#333; font-size:20px; display:block; position:absolute; top:30px;}
  .mi::before{font-family: "Material Icons"; color:#333; font-size:30px; position:relative; top:6px; font-feature-settings: 'liga';}
  
  .mi.home{ left:50px; z-index:100;}
  .mi.home::before{content:"home"; margin-right:10px; }
  .mi.hsearch{left:315px; z-index:100;}
  .mi.hsearch::before{content:"search"; margin-right:10px;}
  
  .mi.cancel{ left:315px; z-index:100; color:#ff0000;}
  .mi.cancel::before{content:"clear"; margin-right:10px; color:#ff0000;}
  
  .lang{position:absolute; top:38px; right:410px;}
  .lang span{font-size:18px; line-height:49px;}
  .lang a{font-size:24px; line-height:49px; text-align:center; border-radius:50%; width:49px; height:49px; margin-left:20px; display:inline-block;}

  .mi.logout{ right:350px; z-index:100;}
  .mi.logout::before{content:"power_settings_new"; margin-right:10px;}
  .mi.help{right:190px; z-index:101;}
  .mi.help::before{content:"help"; margin-right:10px;}

  /*#1 - PRVA STRAN - DOBRODOSLI*/
  .ileft{width:66%; padding:60px 40px 0 70px;}
  .ileft h1{font-size:38px;}
  .ileft p{font-size:28px;}
  .iright{width:25%; padding-top:40px;}
  .iright img{width:100%;}
      a.button{ width:320px; height:90px; margin:30px 80px 0 0; font-size:28px; line-height:90px;}
      a.button.green{ margin-left:25%;}
    a.button.white{line-height:70px;}
    a.button.white::before{font-size:40px; top:7px;}

  /*#2 - ISKANJE*/
  .sleft{float:left; /*width:550px;*/ width:28.5%; /*border:1px solid red;*/ height:100%; padding:20px 45px; background-color:#fff; box-shadow: 5px 25px 30px 15px rgba(0, 0, 0, 0.05); position:relative; z-index:1;}
  .sleft h3{font-size:20px; text-align:center; text-transform:uppercase; font-weight:800; margin-bottom:25px;}
  .abc a{font-size:20px; width:70px; height:45px; line-height:45px; margin:0 0 15px 15px;}
  .abc a:nth-child(5n+1){margin:0 0 15px 0;}
  form.search input{width:80%; height:50px; font-size:20px; margin-bottom:20px;}
  form.search button{border:none; background-color:transparent; position:absolute; top:-15px; right:35px; font-size:50px;}
  form.searchabc button{font-size:20px;width:80%; height:50px;}


  .main.search h3{margin-top:30px; font-size:24px;}

  .sright{width:60%; padding:27px 20px 0 0px; height:100%; position:relative; z-index:1;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;   }
  .sright h3{text-align:center; padding-top:40px;}
  
  .main.search table.product{width:100%; background-color:transparent;} 
  .main.search table.product tr th{background-color:#f8f8f8; padding:15px 20px; text-align:left; font-size:18px; text-transform:uppercase; font-weight:800;}
  .main.search table.product td{padding:5px 20px; border-top: 10px solid #f8f8f8; background-color:#fff;}
  .main.search table.product td:nth-child(1) {font-size:24px; font-weight:700; border-top-left-radius:10px; border-bottom-left-radius:10px;}
  .main.search table.product td:nth-child(2) {font-size:20px; font-weight:400;}
  .main.search table.product td:nth-child(3) {font-size:20px; font-weight:400;}
  .main.search table.product td:nth-child(4) {border-top-right-radius:10px; text-align:right; border-bottom-right-radius: 10px;}
  .main.search table.product td a{display:inline-block; font-size:14px; text-transform:uppercase; color:#333; width:90px; height:32px; line-height:32px; border:1px solid #d6d6d6; border-radius:10px; margin-left:10px; text-align:center;}
  .main.search table.product td a.disabled { pointer-events: none; cursor: default; color: #d6d6d6;}

  .main.search table.product td:nth-child(4) {width:35%; border-top-right-radius:10px; text-align:right; border-bottom-right-radius: 10px;}

  .pages{margin-top:15px; height:50px; /*width:530px; margin:35px auto 35px 0; display:flex;*/}
  .pages a{display:inline-block; width:42px; height:42px; line-height:42px; font-size:18px; border:1px solid #d6d6d6; border-radius:10px; text-align:center; margin-right:10px;}
  .pages a.prev,.pages a.next{font-size:20px;}
  .pages a::before{margin-top:0;}


  /*#3*/
  form.login{width:55%; margin:100px auto 0 auto;}
  form.login h2{font-size:60px; line-height:80px;font-weight:800; margin-bottom:80px;}
  form.login input {
     
      height: 120px;
      background-color: #f6f6f6;
      border: none;
      border-radius: 10px;
      font-size: 50px;
      padding: 0 40px;
      margin: 0 auto;
  }
  form.login img{margin:0 auto; display:block;}
  form.login button{width:450px; height:90px; font-size:40px; margin:80px auto 0 auto;}


/*#4 - REGISTRACIJA*/
section.main.register{padding-top:40px;}
form.reg{width:1080px; margin:0 auto;}
    .half{width:48%;}
form.reg label{display:block; font-size:16px; line-height:18px; font-weight:800; text-transform:uppercase; margin:0 0 10px 20px;}
form.reg input[type=text],form.reg input[type=email]{width:475px; height:40px; padding:0 20px; border:none; border-radius:10px; margin-bottom:15px; font-size:24px;}
form.reg .exp{margin-top:26px;}
    /*radio*/
form.reg input[type=radio] {margin:10px;}
form.reg input[type=radio] + label {display:inline-block; margin:-2px; font-size: 16px; line-height:36px; font-weight:400; text-transform:none; width:158px; height:36px;}
form.reg input[type=radio]:checked + label {line-height:20px;}
form.reg input[type=radio]:checked + label::before{font-size:24px;}

form.reg .izjava{ margin:30px 0 30px 0; padding:10px 0 20px 0;}
form.reg .izjava p{font-size:14px; line-height:20px}
form.reg label[for="checkbox"],form.reg label[for="checkbox2"]{line-height:16px;}
form.reg label[for="checkbox2"]{font-size:20px;}

form.reg button{font-size:20px; width:400px; height:50px; margin:20px auto 0 auto;}
  
/*#5  - USER (izposoja, vnos, pregled)*/
  .main.main5{width:100%; padding:0; padding:80px 0 0 50px;}
  .main.main5 .third{width:27%; margin-right:5%; padding:50px 60px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */}
  .main.main5 .third:nth-child(2){width:28%; padding:50px 90px;}
  .main.main5 .third h2{font-size:34px; margin-top:30px;}
  .main.main5 .third img{width:100%;}

/*#6 USER - Izposoja*/
.main.main6{padding:60px 0 0 0;}
.main.main6 h2{font-size:40px;}
.main.main6 h3{font-size:30px; margin-bottom:50px;}

.main.main6 .third.col3 .seed{padding:20px;}
.main.main6 .third.col4 .seed{padding:25px;}
.main.main6 .third.col5 .seed{padding:15px;}
.main.main6 .third.col3.row2 .seed{padding:15px;}
.main.main6 .third.col4.row2 .seed{padding:10px;}
.main.main6 .third.col5.row2 .seed{padding:20px;}
  
form.izposoja button{ margin:40px auto 0 auto;}
form.izposoja p.scan-submit{margin:30px;}

  /*#7a USER - Vnos - 1. korak*/
  .steps{/*width:450px;*/ width:94%; height:140px; display:block; border-radius:10px; 
    padding:30px; margin-bottom:80px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .steps:nth-child(2)::before,.steps:nth-child(3)::before{font-size:60px; margin-right:10px;  
      position:absolute; top:-80px; left:45%;}
  .steps .icon{width:80px; height:80px; margin-right:30px;}
  .steps .icon img{width:95%;}
  .steps p{font-size:32px; width:50%; display:inline-block;}

  .main.main7 .sright{width:62%;}
  .main.main7 .sright img{/*transform: rotate(20deg);*/ /*margin:40px 0 0 296px;*/ margin:20px auto 0; display:block;/*width:250px;*/ width:30%;}
  .main.main7 h2{font-size:40px; line-height:50px; margin-top:-25px;}
  .main.main7 h3{font-size:26px; font-weight:400; margin: 20px 0 0 0;}
  .main.main7 .sright h2{font-size:50px; line-height:50px;  margin-top:-25px; width:80%; margin:-25px auto 0 auto;}
  .main.main7 .sright h3{font-size:26px; font-weight:400; margin: 0;}
  .main.main7 button.button{font-size:24px;width:270px; height:70px; line-height:70px; margin:40px auto 0 auto; }


 /*#7b USER - Vnos - 2. korak*/
form.vnos{width:100%; margin:5px auto 0 auto;}
form.vnos label{display:block; font-size:14px; line-height:16px; font-weight:800; text-transform:uppercase; margin:0 0 8px 20px; }
form.vnos input[type=text],form.vnos input[type=number]{width:90%; height:36px; padding:0 20px; border:none; border-radius:10px; margin-bottom:15px; font-size:18px; box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.05);}
form.vnos input[type=number]{width:177px; -moz-appearance:textfield;}
form.vnos input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0; }
form.vnos .exp{margin-top:26px;}

form.vnos input[type=radio] + label { margin-bottom:15px; }

input[type=radio] + label {display:inline-block; margin:-2px; padding: 0px 6px; font-size: 12px; line-height:36px; color: #333; text-align: center; font-weight:400; text-transform:none;
    vertical-align: middle; cursor: pointer; background-color: #fff; width:140px; height:36px;}
input[type=radio]:checked + label::before{font-size:18px; left:-10px; top:4px}
input[type=radio]:checked + label[for=sorta2]{font-size: 12px;}
form.vnos .third{width:33%;}
form.vnos .third input{text-align:center;}
form.vnos textarea{width:90%; height:80px;}

.value-button.minus::before{ font-size:32px; margin-right:5px; top:10px;}
.value-button.plus::before{font-size:32px; margin-right:5px; top:10px;}
.main.main7.main7b form.vnos button.button{font-size:28px;width:270px; height:70px; line-height:70px; margin:10px auto 0 auto;}

  /*#8 USER - Moje izposoje in vnosi*/
  .main.main8 .half h2{font-size:32px; margin:-20px 0 10px 0;}

  .main.main8 table.product tr th{padding:15px 20px; font-size:14px;}
  .main.main8 table.product tr td{padding:2px 20px; line-height:42px;}
  .main.main8 table.product th:nth-child(1) {width:52%;}
  .main.main8 table.product th:nth-child(2), .main.main8 table.product th:nth-child(3) {width:23%;}
  .main.main8 table.product td:nth-child(1) {font-size:20px; font-weight:700; width:52%;}
  .main.main8 table.product td:nth-child(2), .main.main8 table.product td:nth-child(3) {font-size:18px; font-weight:400; width:23%;}
  .main.main8 table.product td:nth-child(3) a.delete{top:0px;}
  .main.main8 table.product td:nth-child(3) a.delete::before{font-size:20px;}
  .main.main8 table.product td:nth-child(3) a.edit{top:23px;}
  .main.main8 table.product td:nth-child(3) a.edit::before{font-size:20px;}

  .main.main8 .pages a.active{background: linear-gradient(to right,#09c5ba, #2ada8f); color:#fff; border:1px solid transparent;}
  /*leafbox*/
 .lbox .text > a.close,.main.search table.product td a.close {background-image:none; display: block; position: absolute; top: -35px; right: -35px; width: 70px; height: 70px; border-radius:50%; text-align:center; background-color:#33a9da; border-color:#33a9da;}
 
  /*#9 Pomoc - FAQ*/
  .main.main9{width:100%;}
  .main.main9 h2{font-size:30px; font-weight:800;}
  .main.main9 .half{padding:2.5%; width:45%;}

  .main.main9 .half h3{font-size:20px;}
  .main.main9 .half p{font-size:18px;}
}