/*XS phones mini*/
@media (max-width: 322px) {
/**SECTIONS & HEADERS**/
section .container{max-width:100%;}
section .container .row{width:100%; max-width:100%; padding:0 15px;}
section.red .container{height:280px; border-top-right-radius:60px;}
section h2{font-size:32px;margin-bottom:30px; padding:0;}
section.white h2,section.gray h2{color:#000; }
section.red h2{color:#fff;}

/*HEADER*/
section.header{height:66px;}
section.header .container{max-width:100%; height:66px;}
section.header .container .row{height:66px; width:100%; max-width:100%; padding:0;}

/*NAVBAR*/
.navbar{background-color: transparent; border-color: transparent; width:100%;height:66px; margin:0; padding:0;}
.navbar .navbar-toggler{position:absolute; top:10px; right:0px; width:50px; height:50px; /*background-color:#0874b5;*/ color:#fff; /*border-radius:50%; padding:6px 0 0 6px;*/ z-index:1005; transition:all 1s ease;}
.navbar-toggler:focus {box-shadow: none !important;}
.navbar-dark .navbar-toggler-icon{background-image:none;}
.navbar .navbar-toggler .navbar-toggler-icon::after{font-family: "Font Awesome 5 Free";
content: "\f00d";
font-weight: 900;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;}
/*.navbar .navbar-toggler.collapsed{top:0px; right:0px; transition:all 1s ease;}*/
.navbar .navbar-toggler.collapsed .navbar-toggler-icon::after{font-family: "Font Awesome 5 Free";
content: "\f0c9";
color: #000;
font-weight: 900;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;}
.navbar .navbar-toggler:not(.collapsed),.navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon::after{color:#fff;}
.navbar .navbar-brand{position:absolute; top:2px; left:15px; width:42%;}
.navbar .navbar-brand img{width:100%;}
.navbar .navbar-collapse{width:100%; margin:0; padding:0 0 200px 0; background-color:#e60d2d; opacity:0.9; position:relative; z-index:1001;}
/*.navbar-expand-lg .navbar-nav,.navbar .navbar-nav {float:none; margin: 95px 0 0 0px; margin:60px 0 0 0;}
.navbar-expand-lg .navbar-nav .nav-link{display:block; padding:10px 20px; margin:0; font-size:28px; text-align:center; color:#fff;}*/
.navbar .navbar-nav{margin:80px 0 0 0;}
.navbar .navbar-nav .nav-item{/*height:50px; line-height:50px;*/ display:block; margin:0; padding:0;}
.navbar .navbar-nav .nav-link{/*height:50px; line-height:50px;*/ display:block; margin:0; /*padding:0 20px 0 30px;*/ padding:20px; font-size:28px; text-align:center; color:#fff;}

/*lang*/
nav.lang{top:10px; right:60px;}
.lang a{font-size:14px; background-position:14px 6px; padding:4px 8px 4px 45px;}
.lang a#alang{padding:4px 8px 4px 45px; border-radius:10px;}

.lang ul{border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.lang ul li{border-bottom-left-radius:10px; border-bottom-right-radius:10px;}

/*INTRO banner*/
section.banner{width:100%; min-height:500px; height:500px; position:relative; z-index:100; border-top-left-radius:60px; border-bottom-right-radius:60px;}
section.banner .owl-carousel{border-top-left-radius:60px; border-bottom-right-radius:60px;}
section.banner .container{max-width:100%; height:500px; border-top-left-radius:60px; border-bottom-right-radius:60px;}
section.banner .container .row{height:500px; width:100%; max-width:100%; margin:0 auto;}
.owl-carousel{position: relative; z-index:102;}
.item,section.banner .item{min-height:500px; height:500px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-top-left-radius:60px; border-bottom-right-radius:60px;}

section.banner .item .shadow{border-top-left-radius:60px; border-bottom-right-radius:60px; -webkit-mask: linear-gradient(to right, rgba(0,0,0,1) 20%, rgba(0,0,0,0.9) 30%, rgba(0,0,0,0.8) 40%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.3) 90%, rgba(0,0,0,0.2) 100%);}
section.banner .item .btxt{position:absolute; top:6%; width:100%;}
section.banner .item .btxt.blang{width:80%;}
    .item h2,.item h1{font-size:28px;width:100%; color:#fff; margin:40px 0 20px 0;}
    .item .btxt.blang h2,.item .btxt.blang h1{font-size:28px;}
    .item p{font-size:16px; color:#fff; margin-top:5px; width:90%;}
    .item .b-storitve{margin:30px 0 0 0;}

    .item .b-onas{display:none;}

/*O PODJETJU*/
section.about .container{padding:40px 0;}
section.about .images{height:350px;}
section.about .img1{border-radius:40px; width:100%;}
section.about .img2{width:60%; left:20%; top:180px;}
section.about h2{margin:0px 0 30px 0;}
section.about .b-contact{margin-bottom:40px;}

/*STORITVE*/
section.storitve {height:900px;}
section.storitve .container{padding:40px 0; height:auto;}
section.storitve .container .row{height:auto;}
section.storitve h2{margin-top:0px;}
section.storitve p{width:80%;}
section.storitve a{font-size:16px;  display:inline-block; margin:30px 0; text-decoration:none; text-transform:uppercase; text-align:center; transition: all .7s ease;}
section.storitve a::before{
        font-family: "Font Awesome 5 Free";
        content: "\f00b";
        color: #e60d2d;
        margin-right: 10px;
        font-weight: 900;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        transition: all 0.8s ease 0s;
        transform: translate(0px,0px);}
section.storitve a span{display:inline-block; padding-bottom:3px;}
section.storitve a span:hover{border-bottom:1px solid #fff;}


section.storitve .simages{}
section.storitve .simages p{font-size:15px; line-height:22px;}
section.storitve .simages .st{border-radius:15px; width:150px; height:150px; background-color:#000; position:absolute;}
section.storitve .simages .shadow{border-radius:15px; width:100%; height:100%; position:relative; display:block; background-color:#000; -webkit-mask: linear-gradient(to top, rgba(0,0,0,1) 5%, rgba(0,0,0,0.9) 10%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.6) 25%, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0) 90%, rgba(0,0,0,0)100%);}
section.storitve .simages .s-txt{top:100px; left:10px;}
section.storitve .simages .s-txt2{top:80px; left:10px;}
section.storitve .simages .st1{top:0px; left:0;}
section.storitve .simages .st2{top:0px; left:53%;}
section.storitve .simages .st3{top:160px; left:0px;}
section.storitve .simages .st4{top:160px; left:53%;}
section.storitve .simages .st5.desk{display:none;}
section.storitve .simages .st5.mob{top:320px; left:0px; width:100%; display:block;}

/*CELOSTNA STORITEV*/
section.cstoritev .container{padding:40px 0; border-top-right-radius:60px;}
section.cstoritev p{width:100%;}
section.cstoritev .step{background-color:#fff; margin-top:20px; height:175px; width:48%; margin-left:2%; padding:20px;}
section.cstoritev .step::before{display:none;}
section.cstoritev .step img{width:95%;}
section.cstoritev .step h4{font-size:16px;}

/*TEHNICNI PODATKI STROJEV*/
section.tdata .container{padding:40px 0;}
section.tdata h3{font-size:20px; margin-bottom:20px;}
section.tdata .datarow{margin-bottom:15px; border:1px solid #d3d3d3; border-radius:5px; padding:20px 8%;}
section.tdata .datarow span{padding:0; font-size:18px; width:100%;}
section.tdata .datarow span:nth-child(2){font-weight:bold;}

/*REFERENCE*/
section.references .ref-d{display:none;}
section.references .ref-m{display:block;}
section.references h2.refm{display:block;}
section.references h2{line-height:32px; display:block; width:100%; margin:45px 0 25px;}
section.references .ref{display:inline-block; width:100%; height:100px; margin-left:auto; margin-top:0px;}
section.references .ref:first-child{margin-left:0;}
section.references .ref img{width:100%;}

.owl-carousel div.owl-dots{text-align:center;}
.owl-carousel button.owl-dot{background-color:#fff; width:10px; height:10px; border-radius:10px; margin-right:8px; display:inline-block;}
.owl-carousel button.owl-dot.active{background-color:#000}

/*KONTAKT*/
section.contact .row{width:100%;max-width:100%; padding:0;}
section.contact .cform{padding:40px 15px;}
section.contact form input{height:48px; width:100%; font-size:18px;}
section.contact form textarea{height:150px; width:100%; font-size:18px;margin-bottom:20px;}
section.contact form button{font-size:14px; width:122px; height:48px; line-height:48px; background-color:#e60d2d; color:#fff;text-decoration:none; text-transform:uppercase; border:none;border-radius:30px; text-align:center; transition: all .7s ease;}

section.contact form button:hover{background-color:#000; color:#fff;}
section.contact form button:hover::after{color:#fff;}

.bckmap {height:400px;}

/*FOOT*/
section.foot{padding-bottom:30px;}
section.foot .logo{width:100%;}
section.foot .flogo{width:180px; margin-top:30px;}
section.foot .contacts{margin-top:20px; width:100%;}
section.foot .contacts h3{font-size:18px; margin-top:20px;}
section.foot .contacts p{font-size:18px;line-height:28px;}
section.foot .contacts p.email1,section.foot .contacts p.phone{margin-top:10px;}

/*SMALLFOOT*/
section.red.smallfoot .container{height:90px;}
section.smallfoot p, section.smallfoot a{line-height:26px;}
section.smallfoot a{margin-left:0px; display:block;}
section.smallfoot a.copyright{text-align:right; float:right;}
section.smallfoot a.copyright span{font-weight:bold;}
}

/*XS phones*/
@media (min-width: 321px) and (max-width: 766px) {
   
    /**SECTIONS & HEADERS**/
    section .container{max-width:100%;}
    section .container .row{width:100%; max-width:100%; padding:0 15px;}
    section.red .container{height:333px;}
    section h2{font-size:32px;margin-bottom:30px; padding:0;}
    section.white h2,section.gray h2{color:#000; }
    section.red h2{color:#fff;}
   
    /*HEADER*/
    section.header{height:66px;}
    section.header .container{max-width:100%; height:66px;}
    section.header .container .row{height:66px; width:100%; max-width:100%; padding:0;}

    /*NAVBAR*/
    .navbar{background-color: transparent; border-color: transparent; width:100%;height:66px; margin:0; padding:0;}
    .navbar .navbar-toggler{position:absolute; top:10px; right:0px; width:50px; height:50px; /*background-color:#0874b5;*/ color:#fff; /*border-radius:50%; padding:6px 0 0 6px;*/ z-index:1005; transition:all 1s ease;}
    .navbar-toggler:focus {box-shadow: none !important;}
    .navbar-dark .navbar-toggler-icon{background-image:none;}
    .navbar .navbar-toggler .navbar-toggler-icon::after{font-family: "Font Awesome 5 Free";
		content: "\f00d";
		font-weight: 900;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;}
    /*.navbar .navbar-toggler.collapsed{top:0px; right:0px; transition:all 1s ease;}*/
    .navbar .navbar-toggler.collapsed .navbar-toggler-icon::after{font-family: "Font Awesome 5 Free";
		content: "\f0c9";
		color: #000;
		font-weight: 900;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;}
    .navbar .navbar-toggler:not(.collapsed),.navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon::after{color:#fff;}
    .navbar .navbar-brand{position:absolute; top:2px; left:15px; width:42%;}
    .navbar .navbar-brand img{width:100%;}
    .navbar .navbar-collapse{width:100%; margin:0; padding:0 0 200px 0; background-color:#e60d2d; opacity:0.9; position:relative; z-index:1001;}
    /*.navbar-expand-lg .navbar-nav,.navbar .navbar-nav {float:none; margin: 95px 0 0 0px; margin:60px 0 0 0;}
    .navbar-expand-lg .navbar-nav .nav-link{display:block; padding:10px 20px; margin:0; font-size:28px; text-align:center; color:#fff;}*/
    .navbar .navbar-nav{margin:80px 0 0 0;}
    .navbar .navbar-nav .nav-item{/*height:50px; line-height:50px;*/ display:block; margin:0; padding:0;}
    .navbar .navbar-nav .nav-link{/*height:50px; line-height:50px;*/ display:block; margin:0; /*padding:0 20px 0 30px;*/ padding:20px; font-size:28px; text-align:center; color:#fff;}

    /*lang*/
    nav.lang{top:15px; right:70px;}
    .lang a{font-size:14px; background-position:14px 6px; padding:4px 8px 4px 45px;}
    .lang a#alang{padding:4px 8px 4px 45px; border-radius:10px;}

    .lang ul{border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
    .lang ul li{border-bottom-left-radius:10px; border-bottom-right-radius:10px;}

    /*INTRO banner*/
    section.banner{width:100%; min-height:500px; height:500px; position:relative; z-index:100;}
    section.banner .container{max-width:100%; height:500px;}
    section.banner .container .row{height:500px; width:100%; max-width:100%; margin:0 auto;}
    .owl-carousel{position: relative; z-index:102;}
    .item{min-height:500px; height:500px; background-repeat:no-repeat; background-position:top left; background-size:cover;}

    section.banner .item .shadow{-webkit-mask: linear-gradient(to right, rgba(0,0,0,1) 20%, rgba(0,0,0,0.9) 30%, rgba(0,0,0,0.8) 40%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.3) 90%, rgba(0,0,0,0.2) 100%);}
    section.banner .item .btxt{position:absolute; top:6%; width:100%;}
    section.banner .item .btxt.blang{width:80%;}
        .item h2,.item h1{font-size:36px;width:100%; color:#fff; margin:40px 0 20px 0;}
        .item .btxt.blang h2,.item .btxt.blang h1{font-size:36px;}
        .item p{font-size:16px; color:#fff; margin-top:5px; width:100%;}
        .item .b-storitve{margin:30px 0 0 0;}
	
        .item .b-onas{display:none;}

    /*O PODJETJU*/
    section.about .container{padding:40px 0;}
    section.about .images{height:400px;}
    section.about .img1{border-radius:60px; width:100%;}
    section.about .img2{width:60%; left:20%; top:180px;}
    section.about h2{margin:0px 0 30px 0;}
    section.about .b-contact{margin-bottom:40px;}

    /*STORITVE*/
    section.storitve {height:1000px;}
    section.storitve .container{padding:40px 0; height:auto;}
    section.storitve .container .row{height:auto;}
    section.storitve h2{margin-top:0px;}
    section.storitve p{width:80%;}
    section.storitve a{font-size:16px;  display:inline-block; margin:30px 0; text-decoration:none; text-transform:uppercase; text-align:center; transition: all .7s ease;}
    section.storitve a::before{
            font-family: "Font Awesome 5 Free";
            content: "\f00b";
            color: #e60d2d;
            margin-right: 10px;
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            transition: all 0.8s ease 0s;
            transform: translate(0px,0px);}
    section.storitve a span{display:inline-block; padding-bottom:3px;}
    section.storitve a span:hover{border-bottom:1px solid #fff;}


    section.storitve .simages{}
section.storitve .simages p{font-size:17px; line-height:22px;}
section.storitve .simages .st{border-radius:15px; width:180px; height:180px; background-color:#000; position:absolute;}
section.storitve .simages .shadow{border-radius:15px; width:100%; height:100%; position:relative; display:block; background-color:#000; -webkit-mask: linear-gradient(to top, rgba(0,0,0,1) 5%, rgba(0,0,0,0.9) 10%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.6) 25%, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0) 90%, rgba(0,0,0,0)100%);}
section.storitve .simages .s-txt{top:130px; left:10px;}
section.storitve .simages .s-txt2{top:110px; left:10px;}
section.storitve .simages .st1{top:0px; left:0;}
section.storitve .simages .st2{top:0px; left:53%;}
section.storitve .simages .st3{top:190px; left:0px;}
section.storitve .simages .st4{top:190px; left:53%;}
section.storitve .simages .st5.desk{display:none;}
section.storitve .simages .st5.mob{top:380px; left:0px; width:100%; display:block;}
    /*
    section.storitve .simages{}
    section.storitve .simages img{width:48%;}
    section.storitve .simages p{font-size:17px; line-height:22px;}
    section.storitve .simages p br{height:0;}
    section.storitve .simages img.s1{top:0px; left:0;}
    section.storitve .simages p.s1{top:100px; left:20px;}
    section.storitve .simages img.s2{top:0px; left:53%;}
    section.storitve .simages p.s2{top:100px; left:58%;}
    section.storitve .simages img.s3{top:190px; left:0px;}
    section.storitve .simages p.s3{top:290px; left:20px;}
    section.storitve .simages img.s4{top:190px; left:53%;}
    section.storitve .simages p.s4{top:290px; left:58%;}
    section.storitve .simages img.s5.desk{display:none;}
    section.storitve .simages img.s5.mob{top:380px; left:0px; width:100%; display:block;}
    section.storitve .simages p.s5{top:480px; left:20px;}
    section.storitve .simages span.s5{top:390px; right:10px;}
*/

    /*CELOSTNA STORITEV*/
    section.cstoritev .container{padding:40px 0; border-top-right-radius:80px;}
    section.cstoritev p{width:100%;}
    section.cstoritev .step{background-color:#fff; margin-top:40px; height:175px; width:48%; margin-left:2%; padding:20px;}
    section.cstoritev .step::before{display:none;}
    section.cstoritev .step img{width:95%;}
    section.cstoritev .step h4{font-size:16px;}

    /*TEHNICNI PODATKI STROJEV*/
    section.tdata .container{padding:40px 0;}
    section.tdata h3{font-size:20px; margin-bottom:20px;}
    section.tdata .datarow{margin-bottom:15px; border:1px solid #d3d3d3; border-radius:5px; padding:20px 8%;}
    section.tdata .datarow span{padding:0; font-size:18px; width:100%;}
    section.tdata .datarow span:nth-child(2){font-weight:bold;}

    /*REFERENCE*/
    section.references .ref-d{display:none;}
    section.references .ref-m{display:block;}
    section.references h2.refm{display:block;}
    section.references h2{line-height:32px; display:block; width:100%; margin:45px 0 25px;}
    section.references .ref{display:inline-block; width:100%; margin-left:auto; margin-top:0px;}
    section.references .ref:first-child{margin-left:0;}
    section.references .ref img{width:100%;}

    .owl-carousel div.owl-dots{text-align:center;}
    .owl-carousel button.owl-dot{background-color:#fff; width:10px; height:10px; border-radius:10px; margin-right:8px; display:inline-block;}
    .owl-carousel button.owl-dot.active{background-color:#000}

    /*KONTAKT*/
    section.contact .row{width:100%;max-width:100%; padding:0;}
    section.contact .cform{padding:40px 15px;}
    section.contact form input{height:48px; width:100%; font-size:18px;}
    section.contact form textarea{height:150px; width:100%; font-size:18px;margin-bottom:20px;}
    section.contact form button{font-size:14px; width:122px; height:48px; line-height:48px; background-color:#e60d2d; color:#fff;text-decoration:none; text-transform:uppercase; border:none;border-radius:30px; text-align:center; transition: all .7s ease;}

    section.contact form button:hover{background-color:#000; color:#fff;}
    section.contact form button:hover::after{color:#fff;}

    .bckmap {height:400px;}

    /*FOOT*/
    section.foot{padding-bottom:30px;}
    section.foot .logo{width:100%;}
    section.foot .flogo{width:180px; margin-top:30px;}
    section.foot .contacts{margin-top:20px; width:100%;}
    section.foot .contacts h3{font-size:18px; margin-top:20px;}
    section.foot .contacts p{font-size:18px;line-height:28px;}
    section.foot .contacts p.email1,section.foot .contacts p.phone{margin-top:10px;}

    /*SMALLFOOT*/
    section.red.smallfoot .container{height:90px;}
    section.smallfoot p, section.smallfoot a{line-height:26px;}
    section.smallfoot a{margin-left:0px; display:block;}
    section.smallfoot a.copyright{text-align:right; float:right;}
    section.smallfoot a.copyright span{font-weight:bold;}
  }


/*SM tablets*/
@media (min-width: 767px) and (max-width: 991px) {
  body,td,div {font-size:18px; line-height:26px;}
   /**SECTIONS & HEADERS**/
   section .container{max-width:100%;}
   section .container .row{width:100%; max-width:100%; padding:0 15px;}
   section.red .container{height:333px; border-top-right-radius:60px;}
   section h2{font-size:32px;margin-bottom:30px; padding:0;}
   section.white h2,section.gray h2{color:#000; }
   section.red h2{color:#fff;}
  
  
  
   /*HEADER*/
   section.header{height:66px;}
   section.header .container{max-width:100%; height:66px;}
   section.header .container .row{height:66px; width:100%; max-width:100%; padding:0;}

   /*NAVBAR*/
   .navbar{background-color: transparent; border-color: transparent; width:100%;height:66px; margin:0; padding:0;}
   .navbar .navbar-toggler{position:absolute; top:10px; right:0px; width:50px; height:50px; /*background-color:#0874b5;*/ color:#fff; /*border-radius:50%; padding:6px 0 0 6px;*/ z-index:1005; transition:all 1s ease;}
   .navbar-toggler:focus {box-shadow: none !important;}
   .navbar-dark .navbar-toggler-icon{background-image:none;}
   .navbar .navbar-toggler .navbar-toggler-icon::after{font-family: "Font Awesome 5 Free";
   content: "\f00d";
   font-weight: 900;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;}
   /*.navbar .navbar-toggler.collapsed{top:0px; right:0px; transition:all 1s ease;}*/
   .navbar .navbar-toggler.collapsed .navbar-toggler-icon::after{font-family: "Font Awesome 5 Free";
   content: "\f0c9";
   color: #000;
   font-weight: 900;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;}
   .navbar .navbar-toggler:not(.collapsed),.navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon::after{color:#fff;}
   .navbar .navbar-brand{position:absolute; top:5px; left:15px; width:175px; width:20%;}
   .navbar .navbar-brand img{width:100%;}
   .navbar .navbar-collapse{width:100%; margin:0; padding:0 0 200px 0; background-color:#e60d2d; opacity:0.9; position:relative; z-index:1001;}
   /*.navbar-expand-lg .navbar-nav,.navbar .navbar-nav {float:none; margin: 95px 0 0 0px; margin:60px 0 0 0;}
   .navbar-expand-lg .navbar-nav .nav-link{display:block; padding:10px 20px; margin:0; font-size:28px; text-align:center; color:#fff;}*/
   .navbar .navbar-nav{margin:80px 0 0 0;}
   .navbar .navbar-nav .nav-item{/*height:50px; line-height:50px;*/ display:block; margin:0; padding:0;}
   .navbar .navbar-nav .nav-link{/*height:50px; line-height:50px;*/ display:block; margin:0; /*padding:0 20px 0 30px;*/ padding:20px; font-size:28px; text-align:center; color:#fff;}

   /*lang*/
   nav.lang{top:15px; right:70px;}
   .lang a{font-size:14px; background-position:14px 6px; padding:4px 8px 4px 45px;}
   .lang a#alang{padding:4px 8px 4px 45px;}

  .lang ul{border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
	.lang ul li{border-bottom-left-radius:15px; border-bottom-right-radius:15px;}

   /*INTRO banner*/
   section.banner{width:100%; min-height:440px; height:440px; position:relative; z-index:100; border-top-left-radius:60px; border-bottom-right-radius:60px;}
   section.banner .owl-carousel{border-top-left-radius:60px; border-bottom-right-radius:60px;}
   section.banner .container{max-width:100%; height:440px; border-top-left-radius: 60px; border-bottom-right-radius:60px;}
   section.banner .container .row{height:440px; width:100%; max-width:100%; margin:0 auto;}
   section.banner .item{background-position:top center; border-top-left-radius:60px; border-bottom-right-radius:60px;}
   .item h2,.item h1{font-size:30px; margin:40px 0 20px 0;}
   .item .btxt.blang h2,.item .btxt.blang h1{font-size:30px;}
   
   .owl-carousel{position: relative; z-index:102;}
   .item{min-height:440px; height:440px; background-repeat:no-repeat; background-position:center center; background-size:cover;}

   section.banner .item .shadow{border-top-left-radius:60px; border-bottom-right-radius:60px; -webkit-mask: linear-gradient(to right, rgba(0,0,0,1) 20%, rgba(0,0,0,0.9) 30%, rgba(0,0,0,0.8) 40%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.3) 90%, rgba(0,0,0,0.2) 100%);}
   section.banner .item .btxt{position:absolute; top:6%; width:50%;}
   section.banner .item .btxt.blang{width:50%;}
      /* .item h2,.item h1{ font-size:40px; color:#fff; margin:40px 0 20px 0;}*/
       .item p{font-size:16px; color:#fff; margin-top:5px; width:100%;}
       .item .b-storitve{margin:20px 0 0 0;}
       .item .b-onas{display:none;}

   /*O PODJETJU*/
   section.about .container{padding:40px 0;}
   section.about .images{height:400px;}
   section.about .img1{border-radius:40px; width:100%;}
   section.about .img2{width:60%; left:20%; top:180px;}
   section.about .txt{padding-left:40px;}
   section.about h2{margin:0px 0 30px 0;}
   section.about .b-contact{margin-bottom:40px;}

   /*STORITVE*/
   section.storitve {height:660px;}
   section.storitve .container{padding:40px 0; height:auto;}
   section.storitve .container .row{height:auto;}
   section.storitve h2{}
   section.storitve p{width:80%;}
   section.storitve a{font-size:16px;  display:inline-block; margin:30px 0; text-decoration:none; text-transform:uppercase; text-align:center; transition: all .7s ease;}
   section.storitve a::before{
           font-family: "Font Awesome 5 Free";
           content: "\f00b";
           color: #e60d2d;
           margin-right: 10px;
           font-weight: 900;
           font-style: normal;
           font-variant: normal;
           text-rendering: auto;
           -webkit-font-smoothing: antialiased;
           transition: all 0.8s ease 0s;
           transform: translate(0px,0px);}
   section.storitve a span{display:inline-block; padding-bottom:3px;}
   section.storitve a span:hover{border-bottom:1px solid #fff;}

   section.storitve .simages{}
   section.storitve .simages p{font-size:17px; line-height:22px;}
   section.storitve .simages .st{border-radius:15px; width:180px; height:180px; background-color:#000; position:absolute;}
   section.storitve .simages .shadow{border-radius:15px; width:100%; height:100%; position:relative; display:block; background-color:#000; -webkit-mask: linear-gradient(to top, rgba(0,0,0,1) 5%, rgba(0,0,0,0.9) 10%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.6) 25%, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0) 90%, rgba(0,0,0,0)100%);}
   section.storitve .simages .s-txt{top:130px; left:10px;}
   section.storitve .simages .s-txt2{top:110px; left:10px;}
   section.storitve .simages .st1{top:0px; left:0;}
   section.storitve .simages .st2{top:0px; left:52%;}
   section.storitve .simages .st3{top:190px; left:0px;}
   section.storitve .simages .st4{top:190px; left:52%;}
   section.storitve .simages .st5.desk{display:none;}
   section.storitve .simages .st5.mob{top:380px; left:0px; width:100%; display:block;}
   /*
   section.storitve .simages{}
   section.storitve .simages img{width:48%;}
   section.storitve .simages p{font-size:20px;}
   section.storitve .simages img.s1{top:0px; left:0;}
   section.storitve .simages p.s1{top:120px; left:20px;}
   section.storitve .simages img.s2{top:0px; left:53%;}
   section.storitve .simages p.s2{top:120px; left:58%;}
   section.storitve .simages img.s3{top:200px; left:0px;}
   section.storitve .simages p.s3{top:320px; left:20px;}
   section.storitve .simages img.s4{top:200px; left:53%;}
   section.storitve .simages p.s4{top:320px; left:58%;}
   section.storitve .simages img.s5.desk{display:none;}
   section.storitve .simages img.s5.mob{top:400px; left:0px; width:100%; display:block;}
   section.storitve .simages p.s5{top:500px; left:20px;}
   section.storitve .simages span.s5{top:410px; right:10px;}*/


   /*CELOSTNA STORITEV*/
  section.cstoritev .container{border-top-right-radius:60px;}
  section.cstoritev p{width:70%;}
  section.cstoritev .step{background-color:#fff; margin-top:40px; height:175px; width:19%; margin-left:8%; border-radius:20px; box-shadow: 2px 2px 20px rgba(0,0,0,0.1); padding:15px; position:relative;}
  section.cstoritev .step:first-child{margin-left:0;}
  section.cstoritev .step::before{content:""; display:block;background-image:url(../images/icon-kapljica_mobile.png); width:25px; height:10px; position:absolute; top:48%; left:-29%;}
  section.cstoritev .step:first-child::before{background-image:none;}
  section.cstoritev .step img{width:100%;}
  section.cstoritev .step h4{font-family:'Intervogue Soft Bold',sans-serif; font-weight:normal; text-transform:uppercase; text-align:center; font-size:16px;}

   /*TEHNICNI PODATKI STROJEV*/
   section.tdata .container{padding:40px 0;}
   section.tdata h3{font-size:20px; margin-bottom:20px;}
   section.tdata .datarow{margin-bottom:15px; border:1px solid #d3d3d3; border-radius:5px; padding:20px 3%;}
   section.tdata .datarow span{padding:0; font-size:18px; width:100%;}
   section.tdata .datarow span:nth-child(2){font-weight:bold;}

   /*REFERENCE*/
   section.references .ref-d{display:none;}
   section.references .ref-m{display:block; }
   section.references h2.refm{display:block;}
   section.references h2{line-height:32px; display:block; width:100%; margin:45px 0 25px;}
   section.references .owl-item .ref{border-radius:10px; display:inline-block; width:100%; margin-left:auto; margin-top:0px;}
   section.references .owl-item .ref img{border-radius:10px;}
   section.references .ref:first-child{margin-left:0;}
   section.references .ref img{width:100%;}


   .owl-carousel div.owl-dots{text-align:center;}
   .owl-carousel button.owl-dot{background-color:#fff; width:10px; height:10px; border-radius:10px; margin-right:8px; display:inline-block;}
   .owl-carousel button.owl-dot.active{background-color:#000}

   /*KONTAKT*/
   section.contact .row{width:100%;max-width:100%; padding:0;}
   section.contact .cform{padding:40px 15px;}
   section.contact form input{height:48px; width:100%; font-size:18px;}
   section.contact form textarea{height:150px; width:100%; font-size:18px;margin-bottom:20px;}
   section.contact form button{font-size:14px; width:122px; height:48px; line-height:48px; background-color:#e60d2d; color:#fff;text-decoration:none; text-transform:uppercase; border:none;border-radius:30px; text-align:center; transition: all .7s ease;}

   section.contact form button:hover{background-color:#000; color:#fff;}
   section.contact form button:hover::after{color:#fff;}

   .bckmap {height:400px;}

   /*FOOT*/
   section.foot{padding-bottom:30px;}
   section.foot .flogo{width:140px; margin-top:30px;}
   section.foot .contacts{margin-top:20px;}
   section.foot .contacts h3{font-size:14px;}
   section.foot .contacts p{font-size:14px;line-height:22px;}
   section.foot .contacts p.email1,section.foot .contacts p.phone{margin-top:15px;}
   section.foot .contacts a.phone::before,section.foot .contacts a.email::before{margin-right:5px;}

   /*SMALLFOOT*/
   section.red.smallfoot .container{height:90px;}
   section.smallfoot p, section.smallfoot a{line-height:26px; font-size:14px;}
   section.smallfoot a{margin-left:0px; display:block;}
   section.smallfoot a.copyright{text-align:right; float:right;}
   section.smallfoot a.copyright span{font-weight:bold;}

}

/*SM tablets - Ipad mini*/
@media (min-width: 767px)and (max-width: 800px) {

/*O PODJETJU*/
section.about .container{padding:40px 0;}
section.about .images{height:350px;}
section.about .img1{border-radius:60px; width:60%;}
section.about .img2{width:40%; left:40%; top:180px;}
section.about .txt{padding-left:40px;}
section.about h2{margin:0px 0 30px 0;}
section.about .b-contact{margin-bottom:40px;}
  
/*STORITVE*/
section.storitve {height:1200px;}
section.storitve .simages p{font-size:17px; line-height:22px;}
section.storitve .simages .st{border-radius:15px; width:280px; height:280px; background-color:#000; position:absolute;}
section.storitve .simages .shadow{border-radius:15px; width:100%; height:100%; position:relative; display:block; background-color:#000; -webkit-mask: linear-gradient(to top, rgba(0,0,0,1) 5%, rgba(0,0,0,0.9) 10%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.6) 25%, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0) 90%, rgba(0,0,0,0)100%);}
section.storitve .simages .s-txt{top:230px; left:10px;}
section.storitve .simages .s-txt2{top:210px; left:10px;}
section.storitve .simages .st1{top:0px; left:0;}
section.storitve .simages .st2{top:0px; left:52%;}
section.storitve .simages .st3{top:290px; left:0px;}
section.storitve .simages .st4{top:290px; left:52%;}
section.storitve .simages .st5.desk{display:none;}
section.storitve .simages .st5.mob{top:580px; left:0px; width:90%; display:block;}

section.foot .flogo{width:130px; margin-top:15px;}
section.foot .contacts h3{font-size:13px;}
section.foot .contacts p{font-size:13px;line-height:22px;}

  }

/*MD laptops*/
@media (min-width: 992px) and (max-width: 1199px) {
  body,td,div {font-size:16px; line-height:30px;}
  .container{width:95%; max-width:95%;}
  /*HEADER*/
  section.header .container{max-width:100%;}
  section.header .container .row{width:100%; max-width:100%;}

  /*NAVBAR*/
  .navbar .navbar-brand{width:140px; display:block;}
  .navbar .navbar-brand img{width:100%;}
	.navbar .navbar-nav .nav-link{font-size:12px; padding:0 12px;}

   /*lang*/
   nav.lang{top:26px; right:20px;}
   .lang a{font-size:14px; background-position:14px 6px; padding:4px 8px 4px 45px;}
   .lang a#alang{padding:4px 8px 4px 45px;}


  /*BANNER*//*
  section.banner{width:100%; height:430px;}
  section.banner .container{max-width:100%; height:430px;}
  section.banner .container .row{width:95%; max-width:95%; height:430px;}
  .item h2,.item h1{font-size:36px; margin-bottom:25px;}
	.item p{font-size:16px; margin-top:10px;}*/

    /*INTRO banner*/
    section.banner{width:100%; min-height:440px; height:440px; position:relative; z-index:100;}
    section.banner .container{max-width:100%; height:440px;}
    section.banner .container .row{height:440px; width:100%; max-width:100%; margin:0 auto;}
    section.banner .item{background-position:top left;}
    section.banner .item .btxt{position:absolute; top:6%; width:50%;}
    section.banner .item .btxt.blang{width:50%;}
    .item h2,.item h1{font-size:30px; margin:40px 0 20px 0;}
    .item .btxt.blang h2,.item .btxt.blang h1{font-size:30px;}
    

 /*O PODJETJU*/
 section.about .container{padding:40px 0;}
 section.about .images{height:600px;}
 section.about .img1{border-radius:60px; width:90%;}
 section.about .img2{width:45%; left:25%; top:370px;}
 section.about .txt{padding-left:40px;}
 section.about h2{margin:0px 0 30px 0;}
 section.about .b-contact{margin-bottom:40px;}

 /*STORITVE*/
section.storitve {height:1000px;}
section.storitve .container{padding:40px 0 80px 0; height:840px;}
section.storitve .container .row{height:720px;}
section.storitve h2{margin-top:150px;}
section.storitve p{width:80%;}
section.storitve a{color:#e60d2d; font-family:'Intervogue Soft Bold',sans-serif; font-size:16px; display:inline-block; margin:30px 0 0 0px; text-decoration:none; text-transform:uppercase; text-align:center; transition: all .7s ease;}
section.storitve a::before{
		font-family: "Font Awesome 5 Free";
		content: "\f00b";
		color: #e60d2d;
		margin-right: 10px;
		font-weight: 900;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		transition: all 0.8s ease 0s;
		transform: translate(0px,0px);}
section.storitve a span{display:inline-block; padding-bottom:3px;}
section.storitve a span:hover{border-bottom:1px solid #fff;}



section.storitve .simages p{font-size:17px; line-height:22px;}
   section.storitve .simages .st{border-radius:15px; position:absolute;}
   section.storitve .simages .shadow{border-radius:15px; width:100%; height:100%; position:relative; display:block; background-color:#000; -webkit-mask: linear-gradient(to top, rgba(0,0,0,1) 5%, rgba(0,0,0,0.9) 10%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.6) 25%, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0) 90%, rgba(0,0,0,0)100%);}
   section.storitve .simages .s-txt{top:230px; left:20px;}
   section.storitve .simages .s-txt2{top:210px; left:20px;}
   section.storitve .simages .st1{top:30px; left:0;}
   section.storitve .simages .st2{top:30px; left:50%;}
   section.storitve .simages .st3{top:320px; left:0px;}
   section.storitve .simages .st4{top:320px; left:50%;}
   section.storitve .simages .st5.desk{display:none;}
   section.storitve .simages .st5.mob{display:none;}
   section.storitve .simages .st5.mob.mob2{top:610px; left:0px; width:95%; display:block;}


/*
section.storitve .simages{position:relative;}
section.storitve .simages p{position:absolute; font-family:'Intervogue Soft Bold',sans-serif; font-weight:normal; font-size:26px; color:#fff; text-transform:uppercase;}
section.storitve .simages .st{border-radius:15px;width:250px;height:250px; background-color:#000; position:absolute;}
section.storitve .simages .shadow{border-radius:15px; width:100%; height:100%; position:relative; display:block; background-color:#000; -webkit-mask: linear-gradient(to top, rgba(0,0,0,1) 5%, rgba(0,0,0,0.9) 10%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.6) 25%, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0) 90%, rgba(0,0,0,0)100%);}
section.storitve .simages .s-txt{top:170px; left:20px;}
section.storitve .simages .s-txt2{top:140px; left:20px;}
section.storitve .simages .st1{top:255px; left:-30px; }
section.storitve .simages .st2{top:125px; left:240px;}
section.storitve .simages .st3{top:392px; left:240px;}
section.storitve .simages .st4{top:15px; left:510px;}
section.storitve .simages .st5.desk{top:285px; left:510px;}
section.storitve .simages .st5.mob{display:none;}*/

  /**SECTIONS & HEADERS**/
  section .container{max-width:100%;}
  section .container .row{width:100%;; max-width:100%; margin:0 auto;}
  section.red .container{background-color:#e60d2d; height:350px; border-top-right-radius:80px;}
  section h2{font-size:36px; margin-bottom:20px;}

   /*CELOSTNA STORITEV*/
   section.cstoritev .container{padding:40px 20px;}
   section.cstoritev p{width:70%;}
   section.cstoritev .step{background-color:#fff; margin-top:40px; height:195px; width:19%; margin-left:8%; border-radius:20px; box-shadow: 2px 2px 20px rgba(0,0,0,0.1); padding:15px; position:relative;}
   section.cstoritev .step:first-child{margin-left:0;}
   section.cstoritev .step::before{content:""; display:block;background-image:url(../images/icon-kapljica_mobile.png); width:25px; height:10px; position:absolute; top:48%; left:-29%;}
   section.cstoritev .step img{width:100%;}
   section.cstoritev .step h4{font-family:'Intervogue Soft Bold',sans-serif; font-weight:normal; text-transform:uppercase; text-align:center; font-size:16px;}

  /*TEHNICNI PODATKI STROJEV*/
  section.tdata .container{padding:80px 0;}
  section.tdata h3{font-size:24px;}
  section.tdata .datarow{margin-bottom:15px; border:1px solid #d3d3d3;border-radius:5px;}
  section.tdata .datarow span{padding:28px 3%; font-size:20px; width:48%; display:inline-block;}
  section.tdata .datarow span:nth-child(2){font-weight:bold;}

  /*REFERENCE*/
  section.references .container{padding:0px 20px;}
  section.references h2{line-height:350px; display:inline-block; width:22%;}
  section.references .ref{display:inline-block; width:18%; margin-left:5%; height:10px; background-color:#fff; border-radius:10px; margin-top:100px; box-shadow: 2px 2px 20px rgba(0,0,0,0.1);}
  section.references .ref:first-child{margin-left:0;}
  section.references .ref img{width:100%;}

  /*KONTAKT*/
  section.contact .row{width:100%;max-width:100%;}
  section.contact .cform{padding:80px 0 80px 80px;}
  section.contact form input{width:90%;}
  section.contact form textarea{width:90%; font-size:16px;}
  section.contact .map{background-color:#333;}
  .bckmap {background-color: #333; height: 700px; clear: both;}
  #mapCanvas {width: 100%;height: 100%;}

  /*FOOT*/
  section.foot{padding-bottom:30px;}
  section.foot .flogo{width:160px; margin-top:30px;}
  section.foot .contacts{margin-top:40px;}
  section.foot .contacts h3{font-size:15px;}
  section.foot .contacts p{font-size:15px;line-height:22px;}
  section.foot .contacts p.email1,section.foot .contacts p.phone{margin-top:15px;}
  section.foot .contacts a.phone::before,section.foot .contacts a.email::before{margin-right:5px;}

  /*SMALLFOOT*/
  section.red.smallfoot .container{height:50px;}
  section.smallfoot p, section.smallfoot a{line-height:50px; font-size:14px;}
  section.smallfoot a{margin-left:0px; display:block;}
  section.smallfoot a.copyright{text-align:right; float:right;}
  section.smallfoot a.copyright span{font-weight:bold;}
}

/*LG desktops*/
@media (min-width: 1200px) and (max-width: 1299px) {
  body,td,div {font-size:16px; line-height:30px;}
  .container{width:90%; max-width:90%;}
  /*HEADER*/
  section.header .container{max-width:100%;}
  section.header .container .row{width:100%; max-width:100%;}

  /*NAVBAR*/
  .navbar .navbar-brand{width:180px; display:block;}
  .navbar .navbar-brand img{width:100%;}
	.navbar .navbar-nav .nav-link{font-size:13px; padding:0 14px;}

  /*BANNER*/
  section.banner{width:100%; height:430px;}
  section.banner .container{max-width:100%; height:430px;}
  section.banner .container .row{width:80%; max-width:80%; height:430px;}
  .item h2,.item h1{font-size:36px; margin-bottom:25px;}
	.item p{font-size:16px; margin-top:10px;}

  /**SECTIONS & HEADERS**/
  section .container{max-width:100%;}
  section.red .container{background-color:#e60d2d; height:350px; border-top-right-radius:80px;}
  section h2{font-size:36px; margin-bottom:20px;}

  /*TEHNICNI PODATKI STROJEV*/
  section.tdata .container{padding:80px 0;}
  section.tdata h3{font-size:24px;}
  section.tdata .datarow{margin-bottom:15px; border:1px solid #d3d3d3;border-radius:5px;}
  section.tdata .datarow span{padding:28px 3%; font-size:20px; width:48%; display:inline-block;}
  section.tdata .datarow span:nth-child(2){font-weight:bold;}

  /*REFERENCE*/
  section.references h2{line-height:350px; display:inline-block; width:22%;}
  section.references .ref{display:inline-block; width:18%; margin-left:5%; height:140px; background-color:#fff; border-radius:10px; margin-top:100px; box-shadow: 2px 2px 20px rgba(0,0,0,0.1);}
  section.references .ref:first-child{margin-left:0;}
  section.references .ref img{width:100%;}

  /*KONTAKT*/
  section.contact .row{width:100%;max-width:100%;}
  section.contact .cform{padding:80px 0 80px 80px;}
  section.contact form input{width:90%;}
  section.contact form textarea{width:90%; font-size:16px;}

  /*FOOT*/
  section.foot{padding-bottom:65px;}
  section.foot .flogo{width:230px; margin-top:60px;}
  section.foot .contacts{margin-top:75px;}
  section.foot .contacts h3{font-size:20px;}
  section.foot .contacts p{font-size:20px; margin-bottom:0; line-height:30px;}
}
/*LG desktops*/
@media (min-width: 1300px) and (max-width: 1399px) {
  body,td,div {font-size:16px; line-height:30px;}
  /*HEADER*/
  section.header .container{max-width:100%;}
  section.header .container .row{width:100%; max-width:100%;}

  /*NAVBAR*/
	.navbar .navbar-nav .nav-link{font-size:14px; padding:0 15px;}

  /*BANNER*/
  section.banner{width:100%; height:430px;}
  section.banner .container{max-width:100%; height:430px;}
  section.banner .container .row{width:80%; max-width:80%; height:430px;}
  .item h2,.item h1{font-size:36px; margin-bottom:25px;}
	.item p{font-size:16px; margin-top:10px;}

  /**SECTIONS & HEADERS**/
  section .container{max-width:100%;}
  section.red .container{background-color:#e60d2d; height:350px; border-top-right-radius:80px;}
  section h2{font-size:36px; margin-bottom:20px;}

  /*TEHNICNI PODATKI STROJEV*/
  section.tdata .container{padding:80px 0;}
  section.tdata h3{font-size:24px;}
  section.tdata .datarow{margin-bottom:15px; border:1px solid #d3d3d3;border-radius:5px;}
  section.tdata .datarow span{padding:28px 3%; font-size:20px; width:48%; display:inline-block;}
  section.tdata .datarow span:nth-child(2){font-weight:bold;}

  /*REFERENCE*/
  section.references h2{line-height:350px; display:inline-block; width:22%;}
  section.references .ref{display:inline-block; width:18%; margin-left:5%; height:140px; background-color:#fff; border-radius:10px; margin-top:100px; box-shadow: 2px 2px 20px rgba(0,0,0,0.1);}
  section.references .ref:first-child{margin-left:0;}
  section.references .ref img{width:100%;}

  /*KONTAKT*/
  section.contact .row{width:100%;max-width:100%;}
  section.contact .cform{padding:80px 0 80px 80px;}
  section.contact form input{width:90%;}
  section.contact form textarea{width:90%; font-size:16px;}

  /*FOOT*/
  section.foot{padding-bottom:65px;}
  section.foot .flogo{width:230px; margin-top:60px;}
  section.foot .contacts{margin-top:75px;}
  section.foot .contacts h3{font-size:20px;}
  section.foot .contacts p{font-size:20px; margin-bottom:0; line-height:30px;}
}
/*LG desktops*/
@media (min-width: 1400px) and (max-width: 1499px) {
  body,td,div {font-size:16px; line-height:30px;}
  /*HEADER*/
  section.header .container{max-width:100%;}
  section.header .container .row{width:100%; max-width:100%;}

  /*NAVBAR*/
	.navbar .navbar-nav .nav-link{font-size:16px; padding:0 18px;}

  /*BANNER*/
  section.banner{width:100%; height:430px;}
  section.banner .container{max-width:100%; height:430px;}
  section.banner .container .row{width:80%; max-width:80%; height:430px;}
  .item h2,.item h1{font-size:36px; margin-bottom:25px;}
	.item p{font-size:16px; margin-top:10px;}

  /**SECTIONS & HEADERS**/
  section .container{max-width:100%;}
  section.red .container{background-color:#e60d2d; height:350px; border-top-right-radius:80px;}
  section h2{font-size:36px; margin-bottom:20px;}

  /*TEHNICNI PODATKI STROJEV*/
  section.tdata .container{padding:80px 0;}
  section.tdata h3{font-size:24px;}
  section.tdata .datarow{margin-bottom:15px; border:1px solid #d3d3d3;border-radius:5px;}
  section.tdata .datarow span{padding:28px 3%; font-size:20px; width:48%; display:inline-block;}
  section.tdata .datarow span:nth-child(2){font-weight:bold;}

  /*FOOT*/
  section.foot{padding-bottom:65px;}
  section.foot .flogo{width:230px; margin-top:60px;}
  section.foot .contacts{margin-top:75px;}
  section.foot .contacts h3{font-size:20px;}
  section.foot .contacts p{font-size:20px; margin-bottom:0; line-height:30px;}
}
/*LG desktops*/
@media (min-width: 1500px) and (max-width: 1599px) {
  body,td,div {font-size:18px; line-height:30px;}
  /*HEADER*/
  section.header .container{max-width:100%;}
  section.header .container .row{width:100%; max-width:100%;}
    
  /*BANNER*/
  section.banner{width:100%;}
  section.banner .container{max-width:100%;}
  section.banner .container .row{width:80%; max-width:80%;}
  .item h2,.item h1{font-size:50px; margin-bottom:35px;}
	.item p{font-size:18px; margin-top:10px;}

  /*FOOT*/
  section.foot{padding-bottom:65px;}
  section.foot .flogo{width:230px; margin-top:60px;}
  section.foot .contacts{margin-top:75px;}
  section.foot .contacts h3{font-size:20px;}
  section.foot .contacts p{font-size:20px; margin-bottom:0; line-height:30px;}
}
/*LG desktops*/
@media (min-width: 1600px) and (max-width: 1699px) {
  body,td,div {font-size:18px; line-height:30px;}

	/*HEADER*/
  section.header .container{max-width:100%;}
  section.header .container .row{width:100%; max-width:100%;}

  /*BANNER*/
  section.banner{width:100%;}
  section.banner .container{max-width:100%;}
  section.banner .container .row{width:80%; max-width:80%;}
  .item h2,.item h1{font-size:50px; margin-bottom:35px;}
	.item p{font-size:18px; margin-top:10px;}

  /*FOOT*/
  section.foot{padding-bottom:65px;}
  section.foot .flogo{width:230px; margin-top:60px;}
  section.foot .contacts{margin-top:75px;}
  section.foot .contacts h3{font-size:20px;}
  section.foot .contacts p{font-size:20px; margin-bottom:0; line-height:30px;}
}