html{line-height:1.7}
body{font-family:'Roboto',sans-serif;font-size:15px;margin:0;padding:0}
h1,h2,h3,h4,h5,h6,p{margin-top:0}
img{max-width:100% !important;height:auto}
.cpd {display: block;}
.cpm{display: none;}

.wrapper{max-width:1600px;margin:0 auto;}
.container{max-width:1600px;margin:0 auto;overflow:hidden}
.slikaL {float: left; width: 17%;}
.BOX {text-align: left; margin: 3% 0 3% 0;}
.naslov {font-size: 48px !important; line-height: 1.3em; font-weight: bold; margin: 0; margin-bottom: 15px; color: #000;}
.naslovL {font-size: 30px !important; line-height: 1.3em; font-weight: bold; margin: 0; margin-bottom: 15px; color: #000;}
.naslovA {color: #fff; font-size: 18px;}

.row:before,.row:after,.group:before,.group:after{content:"";display:table}
.row:after,.group:after{clear:both}
.row,.group{zoom:1}

.col{width:50%;float:left;box-sizing:border-box;padding:0 10px}
.col3 {width:33%;float:left;box-sizing:border-box;padding:0 10px}
.col22 {width:50%;float:left;box-sizing:border-box;padding:0 10px;}

.box-a11 .product{position:relative;width:100%;max-width:800px;box-sizing:border-box}
.box-a11 p{font-size:17px;font-weight: 400; color: #000;}
.box-a11 h3{ font-size: 32px; line-height: 1.3em; font-weight: bold; margin: 0; margin-bottom: 15px; color: #000;}
.box-a11 h4 {color: #000;font-size: 18px; margin: 8% 0 0 4%;}
.box-a11 h5 {color: #000;font-size: 20px; margin-bottom: 2%;}
.box-a11 h2{ font-size: 32px; line-height: 1.3em; font-weight: 300; margin: 0; margin-bottom: 15px; color: #000;}

.paragraf {text-align:left; margin: 5% 0 0 7%;}
.paragraf1 {text-align:left;}
.paragraf2 {text-align:left; margin: 3% 0 0 3%;}
.paragraf22 {text-align:center; margin: 18% 0 0 3%; }
.paragraf3 {text-align:center; margin: 22% 0 0 0;}

.pozz {background-image: url('../images/box/bg1.jpg'); background-repeat: no-repeat; background-size: contain;}
.pozz1 {background-image: url('../images/box/bg2.jpg'); background-repeat: no-repeat; background-size: cover;}
.pozz2 {background-image: url('../images/box/bg3.jpg'); background-repeat: no-repeat; background-size: cover;}

li {font-size: 16px; color: #767676;}
ul {margin: 0;}
.slikaM {display: none;}

@media screen and (max-width: 1440px) {
    .pozz { background-size: cover;}

}

@media screen and (max-width: 1200px) {
    .col {width: 100%; float: none;padding:0 0px}
    .col3 {width: 100%; float: none;padding:0 0px}
    .col22 {width: 100%; float: none;padding:0 0px;}
   .BOX{position: relative; text-align: center;}
    .box-a11 .product{max-width:100%;}
    .naslov {color: #000 !important; text-align: center;}
    .box-a11 p {color: #000;}
    .paragraf {margin: 0; text-align: center;}
    .slikaL {float: none; width: 70%;}
    

}

@media screen and (max-width: 640px) {
    .pozz {display: inline;}
    .slikaM {display: block;}
    .cpd {display: none;}
    .cpm{display: block;}
    .slikaM {display: block;}
    .slikaD {display: none;}
    .BOX {margin: 0 0 0;}
    .pozz2 {display: inline;}
    .naslovA {color: #000;}
    .naslov {color: #000;}
    .pozz {display: inline;}
    

}


@media screen and (max-width: 480px) {
    .naslov {font-size: 34px !important;}
}