body{background:#ededed;color:#333;font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;font-weight: normal;font-size:14px;padding:0;margin:0 auto;-webkit-font-smoothing:antialiased}
a{transition:.5s;text-decoration:none;color: #333}
a:hover{color:#f5622c}
a div{transition:.5s}
a:hover,a:active,a:focus{outline:none;text-decoration:none}
.orange {color:#f5622c}
.orange:hover {color:#333}
input:focus,textarea,select{outline:none!important}

h1{font-size:22px;font-weight:400;text-align: left;color:#000}
h2{font-size:20px;font-weight:400;text-align: left;color:#000}
h2 strong {font-weight:400;color:#f5622c}
h3,h4,h5{font-size:14px;text-align: left}
.strong{font-weight: 700}
.crop {display:block;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; width:165px; }
.google-bottom-add {text-align: center;margin-bottom: 2%;background: cornflowerblue}
.google-add-small {text-align: center;margin: 2% 0 2% 0;background: cornflowerblue}
.google-square-add {text-align: center;}
.fa{color:#f5622c;padding-right:5px}
.logo{display:block;z-index:500}
.menu-wrap{display:block;padding:0;margin-bottom:10px}
.top-search{float:left;padding:0;margin:-2px 0 0}
.top-search input{width:200px;height:16px;border-radius:4px;border:1px solid #333;padding:2px;background-color:#444;color:#fff}
#___gcse_0 {height: 19px !important;}
.cse .gsc-control-cse, .gsc-control-cse {border: 0px !important; padding: 0px !important;}
form.gsc-search-box {margin: 0px !important;}
table.gsc-search-box {margin-bottom: 1px !important;}
.gsc-input-box {border: 0px !important;}
.gsib_a, .gsst_a, .gsst_b {padding: 0px !important;}
.gscb_a {line-height: 18px !important; margin-top: 0px !important; vertical-align: middle !important;}
.cse .gsc-search-button-v2, .gsc-search-button-v2 {padding: 0px 5px!important; border: 0px !important;}
.gsc-search-box-tools .gsc-search-box .gsc-input {padding-right: 0px !important; padding-left: 2px !important;}
.topnav{background:#333;overflow:hidden}
.topnav a{float:left;display:block;color:#fff;text-align:center;text-decoration:none}
.topnav a:hover{color:#000}
.topnav a.active{background-color:#4CAF50;color:#fff}
.topnav .icon{display:none}
.top-bar{position:relative;width:100%;height:24px;display:block;margin:0 auto;background:#333;padding:4px 0 0}
.top-bar a:hover{color:#fff}
.top-bar-wrap{padding:0;margin:0 auto;width:920px;display:block}
.top-bar-left{float:left}
.top-bar-left a{font-size:12px;padding:0 10px 0 0;font-size:11px;color:#888}
.top-bar-right{float:right}
.top-bar-right a{font-size:11px;color:#888}
.top-bar-right .fa{padding:0 5px;font-size:16px}
.bottom-bar{position:relative;width:100%;height:38px;display:block;padding:0;margin:0 auto;background:#f5622c}
.bottom-bar-wrap{padding:0;margin:0 auto;width:920px;display:block}
.bottom-bar-left{padding:5px 0 0;float:left}
.bottom-bar-right{padding:10px 0 0;float:right}
.bottom-bar-right a{font-size:11px;padding:0 0 0 26px;text-transform:uppercase;font-weight:700}
.clearfix::after{clear:both;display:table;content:""}
#main-wrapper{margin:0 auto}
.left-ad{display:block;position:fixed;left:50%;margin-left:-770px;text-align:right;width:300px;height:600px}
.left-ad ins.branding-ad{display: block;}
.left-ad ins.massive-header-ad{display: none;}
.right-ad{display:block;position:fixed;right:50%;margin-right:-770px;text-align:left;width:300px;height:600px}
.right-ad ins.branding-ad{display: block;}
#wrapper{width:920px;padding:0;margin:0 auto}
#sidebar{float:left;width:220px;padding:0;border:none;margin-right:10px}
.sidebar-najpopularniji-naslov, 
.sidebar-prijatelji-naslov, 
.sidebar-sve-varijante-naslov,
.sidebar-minimalna-cena-naslov,
.sidebar-okvirna-cena-naslov,
.sidebar-misljenje-naslov
{border-radius:4px;padding:10px;background:#f5622c;margin-bottom:10px}
.sidebar-najpopularniji-naslov h2, 
.sidebar-prijatelji-naslov h2, 
.sidebar-sve-varijante-naslov h2,
.sidebar-minimalna-cena-naslov h2,
.sidebar-okvirna-cena-naslov h2,
.sidebar-misljenje-naslov h2
{color:#fff;font-size:14px;padding:0;margin:0;display: inline-block;}
.sidebar-misljenje-naslov::before {font-family:FontAwesome;content:"\f005";display: inline-block;color:#fff;margin-right: 5px;}
.sidebar-najpopularniji-naslov::before {font-family:FontAwesome;content:"\f005";display: inline-block;color:#fff;margin-right: 5px;}
.sidebar-prijatelji-naslov::before {font-family:FontAwesome;content:"\f0c0";display: inline-block;color:#fff;margin-right: 5px;}
.sidebar-sve-varijante-naslov::before {font-family:FontAwesome;content:"\f1b9";display: inline-block;color:#fff;margin-right: 5px;}
.sidebar-minimalna-cena-naslov::before {font-family:FontAwesome;content:"\f153";display: inline-block;color:#fff;margin-right: 5px;}
.sidebar-okvirna-cena-naslov::before {font-family:FontAwesome;content:"\f153";display: inline-block;color:#fff;margin-right: 5px;}
.sidebar-dodatno-wrap .najpop-item{border: none;padding: 0;margin: 0}
.misljenje-vozaca{vertical-align: top;padding-bottom: 1%;margin-bottom: 1%;border-bottom:1px dashed #dadada;}
.misljenje-vozaca:last-child {border-bottom: 0px;}
.misljenje-vozaca span{vertical-align: top;min-width: 125px;display: inline-block}
.misljenje-vozaca strong{cursor: pointer;}
.misljenje-ocena {float: right;font-size: 18px;font-weight: 700;vertical-align: top;margin-top: -10px}
.najpopulariji-wrap{display:block}
.najpopulariji-wrap2{display:none}
.najpop-item-wrap{display:block;background:#fff;margin:0 0 10px 0;padding:10px;border-radius:4px}
.najpop-item{display:block;overflow:hidden;margin:0 0 5px;border-bottom:2px dashed #f2f2f2;padding-bottom:5px}
.najpop-item:last-child {border-bottom: 0px;}
.najpop-item-name{padding-bottom:5px}
.najpop-item-name a{font-size:11px;font-weight:600;color:#333}
.najpop-item-name a:hover{color:#f5622c}
.najpop-item-img{display:inline-block;width:140px;height:60px;overflow:hidden;margin-right:5px;position:relative}
.ocena{border-left:36px solid transparent;border-right:36px solid #f5622c;border-top:28px solid transparent;height:0;width:0;position:absolute;bottom:0;right:0;z-index:2}
.ocena span{position:absolute;bottom:1px;right:-34px;color:#fff;font-size:11px;font-weight:700;z-index:5}
.najpop-item img{width:100%;filter:grayscale(50%)}
.najpop-item img:hover{filter:grayscale(100%)}
.najpop-item-val{display:inline-block;font-size:14px;vertical-align:top}
.najpop-item-val strong{font-size:15px;color:#f5622c;}

.sidebar-dodatno-wrap{background:#fff;margin:0 0 10px;padding:10px;border-radius:4px;}
.dodatno-text {font-size: 14px;line-height: 1.6;}
.dodatno-text br{display: none}
.dodatno-text strong{font-size:14px;color:#f5622c}
.dodatno-text span{background:#f2f2f2;display: block;padding: 5px;font-size: 10px;border-radius:4px;}
.side-ad{display:block;width:100%;height:600px;margin-bottom:10px;text-align:center}
.side-ad div.side-ad-vertical{display: inline-block;}
.side-ad ins.side-ad-vertical{display: inline-block;}
.side-ad div.side-ad-horizontal{display: none;}
.side-ad ins.side-ad-horizontal{display: none;}
.prijatelji-wrap{display:block;background:#fff;border-radius:4px;margin-bottom:20px;padding:10px}
.prijatelji-logo{width:100%;margin-bottom:2%;text-align:center;vertical-align:middle;border-radius:4px}
.prijatelji-logo img{width: 100%}
#page-wrap{float:left;width:690px}
#breadcrumb-wrap{background:#fff;padding:10px 0;border-radius:4px;margin:0}
#breadcrumb-wrap .search-box{display:none;}
.breadcrumb-nav{display:inline-block;font-size:11px;color:#999;padding-left:10px}
.breadcrumb-nav a{font-weight:700;font-size:12px;color:#333}
.breadcrumb-nav a:hover{color:#f5622c}
.facebook{float:right;padding-right:10px}

.box-wrap {width:96%;background:#fff;padding:2%;border-radius:4px;text-align:center;font-size:0;margin-bottom: 2%}
.box-wrap p {font-size: 14px;margin: 0}
.box-wrap h3,h4,h5 {padding:0 0 2% 0;margin: 0;text-align: left}
#car-links {text-align: left;font-size: 14px;}
#car-links a {color: #f5622c; font-weight: 700;}
#car-links a:hover {color: #000;}
.box-center-wrap {text-align:left}
.box-left-wrap {display:inline-block;width:49%;padding: 0;margin-right:1%;text-align: left;vertical-align: top}
.box-right-wrap {display:inline-block;width:49%;padding: 0;margin-left:1%;text-align: left;vertical-align: top}
.last {margin-bottom: 0 !important;border:none !important;padding:0 !important}
.zadnji {margin-bottom: 0 !important;}
#sliders .box-right-wrap {text-align: left;}
.slider-box{background:#fff;padding:2%;margin-bottom:3%;border-radius:4px;border:1px solid #f2f2f2}
.slider-label{display:inline-block;font-size:13px;font-weight:700}
.slider-value{float:right;color:#999;font-size:12px}
.order-online, .predlog-btn{display:inline-block;width:45%;margin-right:1%;background:#f5622c;text-align:center;
border-radius:4px;padding:2%;color:#fff;font-size: 14px; border: none; cursor: pointer;}
.order-online:hover, .predlog-btn:hover{background: #333;color:#fff} 
.detaljnije-btn{display:inline-block;width:45%;margin-left:1%;background:#f2f2f2;text-align:center;border-radius:4px;
padding:2%;color:#333;font-size: 14px; border: none; cursor: pointer;}
.detaljnije-btn:hover{background:#dadada;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type='range']{overflow:hidden;width:99%;height:8px;-webkit-appearance:none;background-color:#eee; touch-action: none;}
input[type='range']::-webkit-slider-runnable-track{height:10px;-webkit-appearance:none;color:#13bba4;border:0!important}
input[type='range']::-webkit-slider-thumb{width:15px;-webkit-appearance:none;height:20px;cursor:ew-resize;background-color:#f5622c;box-shadow:-405px 0 0 400px #555;border:0!important}
}
input[type="range"]::-moz-range-progress{width:99%;background-color:#555}
input[type="range"]::-moz-range-track{background-color:#eee}
input[type="range"]::-ms-fill-lower{background-color:#eee}
input[type="range"]::-ms-fill-upper{background-color:#eee}

.model{display:inline-block;width:94px;overflow:hidden;margin:0 auto;padding:0;text-align:center;align-content:center}
.model img{width:80%;filter: grayscale(50%)}
.model img:hover{filter: grayscale(100%)}
#blog .detaljnije-btn {width: 96%;margin: 0; text-align: center;}
#blog .blog-clanci-slika {position: relative;z-index: 5;}
.blog-cat {position:absolute;z-index: 20;font-size: 12px;font-weight:700;   left:0;bottom:0;width:100%;padding: 4px;color: #fff;text-align:left;background: rgba(0, 0, 0, 0.5)}
#blog-strana .box-wrap{font-size:14px;text-align: left}
.blog-prva-slika img{margin: 0px !important;}
.blog-strana-cat{font-size: 16px;font-weight:700;color:#000 ;border-bottom: 1px dashed #dadada;margin-bottom: 10px;padding-bottom: 5px;}
.blog-strana-cat::before{font-family:FontAwesome;content:"\f02e";display:inline-block;padding-right:5px;color:#f5622c}
#blog-strana h3{padding: 0;font-size: 18px;}
.blog-strana-autor-datum strong:first-child::before{font-family:FontAwesome;content:"\f007";display:inline-block;padding-right:5px;color: #f5622c}
.blog-strana-autor-datum strong::before{font-family:FontAwesome;content:"\f073";display:inline-block;padding-right:5px;color: #f5622c}
#blog-strana p  {margin:10px 0 10px 0 }
#blog-strana a  {color: #f5622c;font-weight: 700 }
#blog-strana a:hover  {color: #000;}
#blog-strana .box-wrap img {display:block;width: 100%;border-radius: 4px;margin:10px 0 10px 0 }
#blog-strana .podaci-box-right-wrap p {padding: 0;margin: 0}
.blog-strana-euro-ncap {font-size:0;margin-bottom: 10px;border-top: 1px dashed #dadada;padding-top:8px;}
.bsen-left{display: inline-block;vertical-align:middle;width: 50%}
.bsen-left img{width: 90%;vertical-align:middle;}
.bsen-right{display: inline-block;width: 50%;font-size: 16px;text-align: center;vertical-align:middle;}
#blog-clanci .box-left-wrap {font-size: 12px}
#blog-clanci .blog-clanci-naslov {max-width: 320px;font-size: 14px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.blog-clanci-slika{width:100%;height:auto;overflow: hidden;}
.blog-clanci-slika img{width:100%;aspect-ratio:7/3; border-radius:4px;filter: grayscale(50%)}
.blog-clanci-slika img:hover{filter: grayscale(100%)}
.blog-clanci-autor-datum{text-align:left;font-size:13px;color:#555;margin-bottom: 2%}
#blog-clanci .box-right-wrap {vertical-align: top; text-align: left;}
#blog-clanci .box-right-wrap p{padding:0 0 5px;margin:0 0 10px;border-bottom:1px solid #f2f2f2}
#blog-clanci .box-right-wrap p:last-child {border-bottom: 0px;}
#blog-clanci .box-right-wrap a:before{font-family:FontAwesome;content:"\f105";display:inline-block;padding-right:5px;vertical-align:middle;font-weight:900}
#blog-clanci .box-right-wrap p a{font-size:13px;color:#333}
#blog-clanci .box-right-wrap p a:hover{color:#f5622c}

#auto-uporedi select{padding:5px;margin:0;width:100%;border-radius:4px;border:1px solid #ddd;font-size:14px;background:#ececec}
#auto-uporedi option{padding:0;margin:0;font-size:16px}
#auto-uporedi .refresh-comparison{margin-top: 4%}
#auto-uporedi .box-right-wrap {text-align: right;}
.uporedi-naslov-auto{font-size:16px;font-weight:700;color:#f5622c}
.uporedi-naslov-auto::before{font-family:FontAwesome;content:"\f1b9";padding-right:5px}
.uporedi-naslov{font-size:13px;font-weight:600;padding:5px 0!important}
.refresh-comparison{background:#f5622c;color:#fff;text-align:center;border-radius:4px;padding:2%;width: 96%;
margin: 0 auto;font-size: 14px;}
.refresh-comparison:hover{background: #333}
#automanijak-izbor {font-size: 0}
#automanijak-izbor .box-left-wrap {width:45%;background:#fff;padding:2%;border-radius:4px;margin-bottom: 2%;margin-right:1%;}
#automanijak-izbor .box-right-wrap {width:45%;background:#fff;padding:2%;border-radius:4px;margin-bottom: 2%;margin-left: 1%;text-align: left;}
.izbor-naslov h3{font-size:16px;padding:0;margin:0;color:#f5622c;font-weight:600}
.izbor-naslov h3::before{content:"\f02e";font-family:FontAwesome;padding-right:5px}
.izbor-podnaslov h4{padding:0;margin:0;padding-bottom:10px}
.izbor-data{vertical-align:top;margin-bottom:5px;border-bottom:1px dashed #999;padding-bottom:5px}
.izbor-data:last-child {border-bottom: 0px;}
.izbor-slika{display:inline-block;width:130px;height:auto;vertical-align:top;margin-right:10px;overflow:hidden;}
.izbor-slika img{width:100%;border-radius:4px;filter: grayscale(50%)}
.izbor-slika img:hover{filter: grayscale(100%)}
.izbor-info{display:inline-block;font-size:13px}
.izbor-info p{padding:0;margin:0;font-size:12px;color:#999}
.izbor-info a{color:#f5622c;font-size: 13px;font-weight: 700; display:block;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; width:165px; }
.izbor-info a:hover{color:#333}

.fs-naslov h3{font-size:16px;padding:0 0 10px;margin:0;font-weight:600}
.fs-stats{border-bottom:1px solid #ddd;padding:0 0 5px;color:#333;font-size:13px}
.fs-stats span{color:#f5622c;font-size:20px;text-align:right;font-weight:500;margin-right:10px;display:inline-block;min-width:70px}
#facebook-feed-layout img{height: 164px; width: 320px;}
#footer{width:100%;background:#000;padding:0;margin:0 auto;text-align:center;color:#fff}
.footer-wrap{width:920px;padding:10px 0;margin:0 auto;text-align:center;font-size:12px}
.footer-wrap strong{color:#f5622c}
.footer-menu{display:inline-block;vertical-align:top;text-align:left}
.footer-auto-brend{display:inline-block}
.footer-auto-brend a{color: #999!important}
.footer-wrap a{color:#fff}
.footer-wrap a:hover{color:#f5622c}
.footer-links{text-align:center}
.footer-links ul{list-style-type:none}
/*PREPORUCENI STRANA*/
#preporuceni .detaljnije-btn {width: 96%;margin-left: 0}
.auto-wrap{vertical-align: top;text-align: left;border-bottom: 1px dashed #dadada;
padding-bottom: 0.5%;margin-bottom: 1%;font-size: 14px;position: relative;}
.auto-wrap:last-child {border-bottom: 0px;}
.auto-slika {width:100%; vertical-align: top;position: relative;}
.auto-slika img{width:142px;aspect-ratio: 7 / 3;filter: grayscale(50%) ;border-radius: 4px;z-index: 5}
.auto-slika img:hover{filter: grayscale(100%) }
.auto-score-wrap{vertical-align: top;right: 0;position: absolute;z-index: 10;}
.auto-info-wrap{text-align: left;float: left;margin-left:152px;top:0;position: absolute;}
.auto-naziv a{font-weight: 700;}

.auto-naziv::before{font-family:FontAwesome;font-size: 14px;content:"\f05a";margin-right: 5px;color:#999}
.stars{display: inline-block; width: 100px;}
.stars5::before, .stars4::before, .stars3::before, .stars2::before, .stars1::before, .stars .stars::before {font-family:FontAwesome;font-size: 16px;color:#f6b502;letter-spacing: 5px;}
.stars5::before{content:"\f005\f005\f005\f005\f005";}
.stars4::before{content:"\f005\f005\f005\f005\f006";}
.stars3::before{content:"\f005\f005\f005\f006\f006";}
.stars2::before{content:"\f005\f005\f006\f006\f006";}
.stars1::before{content:"\f005\f006\f006\f006\f006";}
.stars .stars::before{content:"\f006\f006\f006\f006\f006";}
.rating-star {height: 16px;width: 16px;margin-right: 10px;margin-top: 3px;cursor: pointer;}
#issues {display: none;}
#issues .selectable {width: 92%;border: 1px solid #dadada;border-radius: 4px;padding: 5px;margin: 2px;}
#issues .selectable:hover {border: 1px solid #f5622c;}
#issues .submit-issues {height:20px;background: #f5622c;border-radius: 4px;padding: 5px;cursor: pointer;}
#issues .submit-issues span {font-size: 12px;font-weight: 700;text-transform: uppercase;margin-right: 3px;color:#fff;}    
#issues .submit-issues:hover{background: #999;transition:.5s;}
#issues .submit-issues .fa {color: #fff;}
.euro-ncap{display:inline-block;font-size: 13px}
.euro-ncap-youtube {text-align: left}
.euro-ncap-youtube .ncap-img{display: inline-block;vertical-align: middle;margin:0 5% 2% 0 ;width: 140px;}
.euro-ncap-youtube .ncap-img img{width: 100%; aspect-ratio: 2 / 1;}
.euro-ncap-youtube .stars{display: inline-block;}
.euro-ncap-youtube .euro-ncap{display: inline-block;font-size: 18px}
.score-left{float:left;font-size: 10px;color: #fff;text-align: center;min-width: 60px;}
.score5b, .score4b, .score3b, .score2b, .score1b {display: block;height: 60px;padding:0px;}
.score5b {background:#029d55;}
.score4b {background:#01cf6f;}
.score3b {background:#F6B502;}
.score2b {background:#FF7300;}
.score1b {background:#DF4431;}
.score-left span{font-size: 20px;font-weight: 700;padding: 0;margin: 0;text-align: center}
.score-left p{padding: 0;margin:0;text-align: center;font-size: 11px}
.score-right{float:left;}
.score5a , .score4a, .score3a, .score2a, .score1a {width:10px;height:12px;}
.score5a {background:#029d55;}
.score4a {background:#01cf6f;}
.score3a {background:#F6B502;}
.score2a {background:#FF7300;}
.score1a {background:#DF4431;}
.jos-rezultata{font-size: 14px;}
/*predlog STRANA*/
#predlog-auto{ margin-top:10px;}
#predlog-auto .box-wrap{text-align: left;}
.predlog-auto-detalj {background: chocolate}
.predlog-box-1{text-align: left;vertical-align: top}
.predlog-auto-logo{display: inline-block;vertical-align: middle;width: 60px;aspect-ratio: 1 / 1;margin-right: 1%;overflow: hidden;}
.predlog-auto-logo img{width:100%;aspect-ratio: 1 / 1;}
.predlog-auto-logo img:hover{filter: grayscale(100%)}
.predlog-auto-naslov {display: inline-block;font-size: 20px;font-weight: 700;vertical-align: top;margin-top: 5px}
.predlog-auto-stats {display: block;font-size: 14px;font-weight:400;}
.predlog-auto-slika {width: 100%;height: auto;overflow: hidden;vertical-align: top;position: relative;margin-top: 10px;}
.predlog-auto-slika img{width: 100%;aspect-ratio: 7 / 3;border-radius: 4px;z-index: 5}
.predlog-auto-uporedi {float: right;height:20px;background: #f5622c;border-radius: 4px;margin-top: 10px;padding: 5px;}
.predlog-auto-uporedi span {font-size: 12px;font-weight: 700;text-transform: uppercase;margin-right: 3px;color:#fff;}    
.predlog-auto-uporedi:hover{background: #999;transition:.5s;}
.predlog-auto-oznaka-wrap {display:inline-block;margin-top: 10px;}  
.predlog-auto-oznaka-wrap span {font-size: 16px;font-weight: 700;text-transform: uppercase;vertical-align: middle;}     
.predlog-auto-oznaka {width: 70px;display:inline-block; vertical-align: middle;margin-left: 5px;}
.predlog-auto-oznaka img {width: 100%;border: 1px solid #dadada;border-radius: 4px;vertical-align: middle} 
.predlog-auto-oznaka img:hover {filter: grayscale(100%);border: 1px solid #f5622c;}            
.predlog-auto-uporedi .fa {font-size: 16px;color: #fff}
.predlog-auto-uporedi p{padding: 0;margin: 0;font-size: 12px;font-weight: 700;text-transform: uppercase}
#predlog-auto .score-wrap {position: absolute;right: 0;top:0;z-index: 10}
.predlog-auto-box-wrap {text-align: center}
.predlog-box-2{text-align: center;vertical-align: top;}
.predlog-auto-detalj {display: inline-block; vertical-align: top; 
width: 31.33%;background:#f5622c;border-radius: 4px;padding: 0;
margin:0.75%;font-size: 13px;font-weight: 700;color:#fff;text-transform: uppercase;text-align: center;
border: 1px solid #f5622c; overflow: hidden;}
.predlog-auto-detalj span{margin-top: 6px;display: block}     
.predlog-auto-detalj-slika {float:left;width:34px;height: 32px;  overflow: hidden;  vertical-align: middle;text-align: left}
.predlog-auto-detalj-slika img {vertical-align: middle;width: 100%}
.podaci-box-wrap {font-size: 0; margin-bottom: 2%;}
.podaci-box-left-wrap {width:45%;display:inline-block;padding: 2%;margin:0 1% 0 0;text-align: left;background: #fff;border-radius: 4px;vertical-align: top;}
.podaci-box-right-wrap {width:45%; display:inline-block;padding: 2%;margin:0 0 2% 1%;text-align: left;background: #fff;border-radius: 4px;vertical-align: top;}
.podaci-naslov{font-size: 14px;font-weight: 700;margin-bottom: 10px;border-bottom: 1px dashed #dadada;padding-bottom:5px; }
.podaci-naslov::before{font-size: 13px;font-family:FontAwesome;content:"\f05a";color:#333;margin-right: 5px;font-weight: 400 }
.podaci-naslov a{font-weight: 400;}
.energyAa, .energyBa, .energyCa, .energyDa, .energyEa, .energyFa, .energyGa {display: block;height: 63px;padding:0 5px 0 5px;text-align: center}
.energyAa {background:#029d55;}
.energyBa {background:#01cf6f;}
.energyCa {background:#a9cf01;}
.energyDa {background:#F6B502;}
.energyEa {background:#fb9643;}
.energyFa {background:#FF7300;}
.energyGa {background:#DF4431;}
.energyAb, .energyBb, .energyCb, .energyDb, .energyEb, .energyFb, .energyGb {width:10px;height:9px;}
.energyAb {background:#029d55;}
.energyBb {background:#01cf6f;}
.energyCb {background:#a9cf01;}
.energyDb {background:#F6B502;}
.energyEb {background:#fb9643;}
.energyFb {background:#FF7300;}
.energyGb {background:#DF4431;}
.energy-left {display: inline-block;vertical-align: top;margin: 0;padding: 0}
.energy-right {display: inline-block;vertical-align: top;margin: 0;padding: 0}
.energy-right p{margin: 0;padding: 0;font-size:10px;color: #fff}
.energy-right span{margin: 0;padding: 0;font-size:24px;color: #fff;font-weight: 700}
.podaci-box-a {display: inline-block;width: 24%;margin-right: 1%;vertical-align: top;margin-bottom: 2%;min-height:70px;}
.podaci-box-a img {width: 90%;}
.podaci-box-a img:hover {filter: grayscale(100%)}
.podaci-box-b {display: inline-block;width: 47%;vertical-align: top;margin-top:12px;font-size: 14px;text-align:center;font-weight: 700;text-transform: capitalize;}
.podaci-box-b a{font-size: 14px;font-weight: 400;}
.podaci-box-b p{padding: 0;margin: 0;display: block}
.podaci-box-c {display: inline-block;width: 24%;margin-left: 1%;}
.podaci-box-c  img {width: 90%}
.podaci-box-c img:hover {filter: grayscale(100%)}
.pola {width:49%;font-size:16px;}
.podaci-euro-ncap {width:150px;}
.podaci-euro-ncap img {width:140px;aspect-ratio:2/1;}
.data {text-align:left;font-size: 0 }
.d1{display: inline-block;vertical-align: top;width: 38%;background: #e9e9e9;font-size: 13px;padding: .5%;margin: .5%;text-transform: capitalize}
.d2{display: inline-block;vertical-align: top;width: 38%;background:#f4f4f4;font-size: 13px;padding: .5%;margin: .5%;text-transform: capitalize}
.d2 strong{ font-size: 13px;font-weight: 600;}
.d3 {display: inline-block;vertical-align: top;width: 18%; background:#fafafa;font-size: 13px;padding: .5%;margin: .5%;}
.podaci-prosek {text-align: right;font-size: 11px;}
.podaci-prosek p{padding: 0;margin: 0}
.podaci-prosek span{font-size: 20px;font-weight: 700;color:#f5622c;}
.prednosti-nedostaci{ display: inline-block;width:25%; font-size:12px;padding: 0;text-transform: uppercase;text-align: left;line-height: 28px}
.bad::before{font-size:20px;font-family:FontAwesome;content:"\f165";color:#DF4431;margin-right: 10px}
.good::before{font-size:20px;font-family:FontAwesome;content:"\f164";color:#029d55;margin-right: 10px}
.preporuka-auto {font-size: 0;vertical-align: top;}
.preporuka-left{width: 27%;margin-right: 1%;font-size: 14px;display: inline-block;vertical-align: top;}
.preporuka-right{width: 71%;margin-left: 1%;font-size: 14px;display: inline-block;text-align: right;}
.preporuka-slika {width: 180px;aspect-ratio: 7 / 3;margin-right: 1%;display: block;position: relative;}
.preporuka-slika img{width: 100%; border-radius: 4px;vertical-align: top;z-index: 5}
.preporuka-slika img:hover{filter: grayscale(100%)}
.preporuka-uporedi {font-size: 11px;position: absolute;right: 0;bottom:0;
z-index: 10;text-align: center;padding:3%;color:#fff;background:#f5622c}
.preporuka-uporedi a{color: #fff!important;}
.preporuka-uporedi .fa {font-size: 18px;color: #fff;padding:0 ;margin:0}
.preporuka-naslov{display:block;font-size: 15px;font-weight: 700;}
.preporuka-proizvodnja {display:block;font-size: 12px;}
.preporuka-data-wrap {display:block;text-align: center !important;padding: 0;margin-top: 1%;}
.preporuka-data-wrap .preporuka-data:last-child {margin-right: 0}
.preporuka-data{display: inline-block;width:10.22%;margin-right:1%;
text-align: center;border-radius: 4px;padding:0.5% 0 0.5% 0;background:#f3f3f3}
.data-bad{color:#DF4431;}
.data-good{color:#029d55;}
.preporuka-data p{font-size: 11px;}
.preporuka-data strong{font-size: 16px;}
/*ostale strane*/
#ostale-strane .box-wrap{ font-size:14px;text-align: left;}
#ostale-strane .box-wrap h3{ padding:0 ;color: #f5622c;}
#ostale-strane .box-wrap p{ padding:10px 0 10px 0;}
#ostale-strane .box-wrap img{ width:100%;filter: grayscale(50%);}
#order-book-online {background-color: #fff;}
#order-book-online input, #order-book-online select, #order-book-online textarea {width: 47%; padding: 5px; margin-right: 2%; border: 2px solid #e7e7e7; border-radius: 5px;}
#order-book-online textarea{height: 100px;}
#order-book-online input.error{border: 2px solid red;}
#order-book-online div.order-online{cursor:pointer;}
#comments-form input.error, #comments-form textarea.error{border: 2px solid #f5622c;}
#comments-form input { width: 45%; height: 20px; border: 2px solid #fff; resize: none; border-bottom: 2px solid #dadada; margin-bottom: 10px; font-family: "Open Sans",sans-serif; font-size: 16px;}
#comments-form textarea { width: 96%; height: 80px; border: 2px solid #fff; resize: none; margin-bottom: 10px; font-family: "Open Sans",sans-serif; font-size: 16px;}
/*VIRTUELNI SAVETNIK  STRANA*/
#virtuelni-savetnik .predlog-btn{width: 96%;  border: none; cursor: pointer;}
#virtuelni-savetnik .box-wrap{text-align: left;vertical-align: middle}
.selected{border: 1px solid #f5622c !important;color:#000!important;opacity: 1 !important}
.selectable{cursor: pointer;}
.virtuelni-savetnik-data h2:before{font-family:FontAwesome;content:"\f05a";color: #f5622c;margin-right: 1%}
.vs-left-box{display: inline-block;width:85.5%;vertical-align: middle}
.vs-right-box{display: inline-block;width:14%;vertical-align: middle}
.ukljuci-iskljuci-wrap {display: block;text-align: right;font-size: 11px;font-weight: 700;text-transform: capitalize}
.ukljuci{display:block;width: 100%;text-align: right;padding-bottom: 5px;}
.iskljuci{display:block;width: 100%;text-align: right;}
.iskljuci a {color:#999;}
.iskljuci a:hover {color:#f5622c}
.ukljuci::before {font-family:FontAwesome;content:"\f011";color:#000;padding-right: 5px;font-size: 14px;}
.iskljuci::before {font-family:FontAwesome;content:"\f011";color:#999;padding-right: 4px;font-size: 14px;}
.oblik-karoserije {display: inline-block;width:11%;margin: 0 0.5% 0 0.5%;border: 1px solid #dadada;border-radius: 4px;text-align: left;opacity: 0.5;}
.oblik-karoserije img{width:100%;border-radius: 4px;}
.vrata {display: inline-block;width:21.2%;margin: 0 0.5% 0 0.5%;padding: 0 1% 0 1%;border: 1px solid #dadada;border-radius: 4px;font-size: 12px;text-align: left;opacity: 0.5}
.vrata span, .klasa  span {font-size: 30px;font-weight: 700;color: #f5622c;padding:5px;display: inline-block;padding: 0;margin: 0}
.vrata p, .klasa p, .gorivo p{ display: inline-block;font-size: 12px;line-height: 14px;padding: 0;margin: 0;padding-left: 10px;}
.klasa {display: inline-block;width:16.2%;margin: 0 0.5% 1% 0.5%;padding: 0 1% 0 1%;    border: 1px solid #dadada;border-radius: 4px;font-size: 12px;text-align: left;opacity: 0.5}
.gorivo {display: inline-block;width:16.2%;margin: 0 0.5% 0 0.5%;padding: 1%;    border: 1px solid #dadada;border-radius: 4px;opacity: 0.5}
.gorivo span {padding:0;margin: 0}
.gorivo  img{width:18%;}
.tockovi {display: inline-block;width:29.3%;margin: 0 0.5% 0 0.5%;padding: 1%; border: 1px solid #dadada;border-radius: 4px;opacity: 0.5}
.tockovi span {padding:0;margin: 0;height: 50px;vertical-align: middle}
.tockovi p {display: inline-block;font-size: 11px;text-transform: uppercase;font-weight: 700;color:#999;vertical-align: middle}
.tockovi img {width: 20%;vertical-align: middle}
.dotok {display: inline-block;width:16.3%;margin: 0 0.5% 0 0.5%;padding: 1%; border: 1px solid #dadada;border-radius: 4px;text-align: center;opacity: 0.5}
.dotok p {display: inline-block;font-size: 12px;text-transform: uppercase;font-weight: 700;}
.menjac {display: inline-block;width:21.2%;margin: 0 0.5% 0 0.5%;padding: 1%; border: 1px solid #dadada;border-radius: 4px;text-align: center;opacity: 0.5}
.menjac p {display: inline-block;font-size: 12px;text-transform: uppercase;font-weight: 700;}
.zemlja {display: inline-block;width:10.7%;margin: 0 0.5% 1% 0.5%;padding: 1%; border: 1px solid #dadada;border-radius: 4px;text-align: center;opacity: 0.5}
.zemlja img {width:70%}
/*modeli auto  STRANA*/
#modeli {margin-top: 10px;}
#modeli .box-wrap {text-align: left}
#modeli .model {width: 16%;padding: 0;margin: 0}
.model-logo{display: inline-block;vertical-align: top;width: 60px;margin-right: 1%;overflow: hidden;}
.model-logo img{width:100%;}
.model-naslov {display: inline-block;font-size: 20px;font-weight: 700;vertical-align: top;margin-top: 5px}
.model-naslov span {display:block;font-size: 14px;font-weight: 400}
.model-slika {margin-top: 10px;position: relative;}
.model-slika img{width: 100%;aspect-ratio: 7 / 2;border-radius: 4px;z-index: 5;}
.model-zemlja {float:right;margin-top: 10px;text-align: right;}
.model-zemlja img{ width:100%;border-radius: 4px;}
.tabela-god-seg {font-size: 14px;}
.tabela-god-seg table td{border: 1px solid #f2f2f2;padding: 5px;margin: 0;width: 8%;text-align: center;vertical-align: top}
.tabela-god-seg table {
text-align: center;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}

.tabela-god-seg table th{
background:#f2f2f2;
border: 1px solid #f2f2f2;padding: 0;margin: 0;width: 8%;text-align: center
}
.tabela-god-seg table img{
width:100%;
border-radius: 2px;
}
.segmenti{font-size: 0;text-align: center}
.segment {display: inline-block;width: 29%;margin: 0 1% 0 1%;padding:1%;border-radius: 4px;border: 1px solid #dadada}
.segment .fa {font-size: 28px;}
.segment p {font-size: 12px;font-weight: 700}
.segment:hover {border-color:#f5622c}
.proizvodnja {font-size: 14px;}
.proizvodnja-wrap {font-size: 0}
.proizvodnja-box {background: #f2f2f2;padding:1% 0 1% 0;margin-bottom: 10px;border-radius: 4px;}
.proizvodnja-godina{display: inline-block;width:64%;font-size: 16px;font-weight: 700;padding-left: 1%;}
.proizvodnja-godina span {color:#f5622c}
.proizvodnja-model{display: inline-block;width:34%;font-size:18px;text-align: right;color: #999;padding-right: 1%;}
.proizvodnja-model::after {font-family:FontAwesome;content:"\f150";color: #f5622c;margin-left:10px;font-weight: 400;}
#preporuceni-clanci .blog-clanci-naslov a{font-size: 14px;color: #f5622c;font-weight: 700}
#preporuceni-clanci .blog-clanci-naslov a:hover{color: #333;}
.clanak-wrap {border-bottom: 2px dashed #dadada;margin-bottom: 1%;padding-bottom: 1%}
.clanak-wrap:last-child {border-bottom: 0px;}
.clanak-wrap .box-right-wrap {text-align: left;}
.accordion-controller{cursor: pointer;}

#modeli .box-wrap { text-align: center;}
#modeli-auto-lista{margin-top: 10px;}
#modeli-auto-lista .box-wrap {text-align: left;}
#modeli-auto-detaljnije .box-wrap {text-align: left;}
#modeli-auto-detaljnije {margin-top: 10px;}
.auto-thumbs {display: inline-block;width: 14.6%;aspect-ratio: 7 / 3;margin:2% 1% 0 1%;}
.auto-thumbs img{width: 100%; cursor: pointer;;}
.auto-thumbs img:hover{filter: grayscale(100%)}
#model-auto-wrap {font-size: 0}
.model-auto-box {vertical-align:middle;text-transform: capitalize;margin-bottom:1%;padding-bottom: 1%;border-bottom:1px dashed #dadada;}
.model-auto-box:last-child {border-bottom: 0px;}
.model-auto-thumb {display: inline-block;width: 20%;aspect-ratio: 7 / 3;vertical-align:middle;height: 56px;overflow: hidden;}
.model-auto-thumb img{width: 100%;border-radius: 4px;}
.model-auto-thumb img:hover{filter: grayscale(100%)}
.model-auto-i1{display: inline-block;width: 30%;font-size:13px;text-align: center;font-weight: 700}
.model-auto-i2{display: inline-block;width: 30%;font-size:13px;text-align: center;font-weight: 700;}
.model-auto-tip {display: inline-block;width: 20%;vertical-align:middle;height: 56px;overflow: hidden;text-align: right}
.model-auto-tip img{width: 65%;}
.model-auto-podaci-wrap {width:100%;background: #f5f5f5;  font-size: 0;padding-bottom: 1%;margin-bottom: 1%;border-radius: 4px}
.model-auto-podaci-box {font-size: 14px;margin-bottom: 5px}
.model-auto-content-wrap{background: #fff;}
.model-auto-puna-oznaka { padding:5px 0 0 5px;border-radius: 4px;text-align: left;display: block;width:100%;}
.model-auto-puna-oznaka img.fuel-badge{height: 12px;}
.model-auto-podaci-data {font-size: 0;margin:0 auto}
.model-auto-podaci-data div {display: inline-block;font-size: 12px;margin-right: 5px;padding-right:5px;padding-left:5px;   border-right: 1px solid #dadada}
.model-auto-podaci-data .model-auto-gorivo, .model-auto-pogon, .model-auto-kubikaza, .model-auto-snaga {font-weight: 700;}
.model-auto-gorivo span, .model-auto-pogon span, .model-auto-kubikaza span, .model-auto-snaga span{font-weight: 400;padding-left: 5px;}
.model-auto-box {vertical-align:middle;text-transform: capitalize;margin-bottom:1%;padding-bottom: 1%;border-bottom:1px dashed #dadada}
.model-auto-i1{display: inline-block;width: 30%;font-size:13px;text-align: center;font-weight: 700}
.model-auto-i2{display: inline-block;width: 30%;font-size:13px;text-align: center;font-weight: 700;}
.model-auto-tip {display: inline-block;width: 20%;vertical-align:middle;height: 56px;overflow: hidden;text-align: right}
.model-auto-tip img{width: 65%;}
/*UPOREDJENI STRANA*/
#uporedjeni {font-size: 0}
.uporedjeni-left{display: inline-block;width: 49%;margin-right: 1%}
.uporedjeni-left img {width: 100%;vertical-align: middle;border-radius: 4px}
.uporedjeni-left img:hover {filter: grayscale(100%)}
.uporedjeni-right{display: inline-block;width: 49%;margin-left: 1%}
.uporedjeni-right img {width: 100%;vertical-align: middle;border-radius: 4px}
.uporedjeni-right img:hover {filter: grayscale(100%)}
.vs {display: inline-block;font-size: 32px;}
.uporednjeni-info-wrap {margin-bottom: 2%;}
.uporednjeni-info-wrap .uporedjeni-left{display: inline-block;width: 49%;text-align: center}
.uporednjeni-info-wrap .uporedjeni-right{display: inline-block;width: 49%;text-align: center}
.uporedjeni-logo{display: block;width: 60px;height: 60px;vertical-align: middle;margin: 0 auto}
.uporedjeni-naziv{display: block;font-size: 14px;font-weight: 700}
.uporedjeni-slika{aspect-ratio: 7 / 3;}
.uporednjeni-data-wrap {font-size: 0;}
.uporednjeni-data-wrap .prvi {height: 35px;}
.uporednjeni-data-wrap .uporedjeni-left {display: inline-block;width:40%;margin: 0;text-align: left;}
.uporednjeni-data-wrap .uporedjeni-middle {display: inline-block;width:20%;text-align: center;}
.uporednjeni-data-wrap .uporedjeni-right {display: inline-block;width:40%;margin: 0;text-align: right;}
.uporednjeni-data-wrap .uporedjeni-left .uporedjeni-oznaka {text-align: left}
.uporednjeni-data-wrap .uporedjeni-right .uporedjeni-oznaka {text-align: right !important}
.uporedjeni-middle {font-size: 12px; padding: 5px 0 5px 0;}
.uporedjeni-middle .uporedjeni-data {font-size: 12px;background: #f9f9f9;}
.uporedjeni-middle .prvi{height:35px;}
.uporedjeni-middle .drugi{height:60px;line-height: 60px;}
.uporedjeni-oznaka {width: 70px;display: inline-block;}
.uporedjeni-motor-logo{width: 60px;display: inline-block;}
.tip-motora{display: inline-block;font-size:14px;vertical-align: middle;line-height: 16px;}
.tip-motora span{display:block}
.uporedjeni-data {font-size: 12px;padding: 5px 0 5px 0;border-bottom: 1px dashed #dadada}
.uporedjeni-data:first-child {padding: 5px 0 5px 0;border-top: 1px dashed #dadada}
.uporedjeni-data .stars5::before, .uporedjeni-data .stars4::before, .uporedjeni-data .stars3::before, .uporedjeni-data .stars2::before, .uporedjeni-data .stars1::before .uporedjeni-data .stars::before{font-size: 12px;} 
.uporedjeni-bar-left-red {float: right;height: 18px;background: #DF4431}
.uporedjeni-bar-left-green {float: right;height: 18px;background: #029d55}
.uporedjeni-bar-left-gray {float: right;height: 18px;background: #dadada}
.uporedjeni-bar-right-red {float: left;height: 18px;background: #DF4431}
.uporedjeni-bar-right-green {float: left;height: 18px;background: #029d55}
.uporedjeni-bar-right-gray {float: left;height: 18px;background: #dadada}
.misljenje {font-size: 14px;text-align: left}
.misljenje strong{display: block; padding: 10px 0 10px 0}
.misljenje p{display: block}
.silhouette-wrapper {position: relative; height: 220px;}
.silhouette-wrapper img {position: absolute; left: 0px; width: 98%; aspect-ratio: 3 / 1;}
.silhouette-wrapper div {position: absolute; left: 0px; font-size: 12px; font-weight: bold;}
.silhouette-wrapper #name-black {top: 10px; color: #000;}
.silhouette-wrapper #name-orange {top: 25px; color: #f5622c;}
.silhouette-copyright {height: 10px;font-size: 12px;font-weight: bold;margin-top: 10px;text-align: left;}
/*AUTOMOBILSKE OZNAKE*/
#automobilske-oznake .model {width: 100px;padding: 0 5px 0 5px;margin: 0}
#automobilske-oznake .model img {width: 100%;}
#automobilske-oznake-opis {margin-top: 10px}
#automobilske-oznake-opis .box-wrap{text-align: left}
#automobilske-oznake-opis .auto-naziv a{font-weight: 700;color: #f5622c}
#automobilske-oznake-opis .auto-naziv a:hover{color: #000}
#automobilske-oznake-opis .predlog-auto-oznaka {position: absolute;z-index: 20;width:110px;right:0}
#automobilske-oznake-opis .predlog-auto-oznaka img {width: 100%;} 
.oznake-wrap {font-size: 0}
.oznake-box {margin-bottom: 10px;border-bottom:1px dashed #f5622c}
.oznake-logo{display: inline-block;width:60px;margin-right: 10px;}
.oznake-logo img{width:100%;vertical-align: middle}
.oznake-naslov{display: inline-block;font-size:20px;padding-right: 1%;color: #f5622c;padding-top: 5px;}
.oznake-naslov span{color:#000}
.auto-box {width:100%; vertical-align: top;position: relative;min-height:60px;}
.auto-box img{width:142px;aspect-ratio: 7 / 3;filter: grayscale(50%) ;border-radius: 4px;z-index: 5}
.auto-box img:hover{filter: grayscale(100%) ;}
.oznake-wrap .predlog-auto-stats {font-size:12px;max-width: 300px;}
.oznake-wrap .preporuka-data-wrap {float: right;position: relative;top:0;right:0}
.oznake-wrap .preporuka-data {width: 70px;padding:0;margin:0 0 0 0;display: inline-block;}
.oznake-wrap .preporuka-data strong {font-size: 20px}
.oznake-wrap .auto-info-wrap {font-size: 14px;}
/*MOTOR STRANA*/
#motor {margin-top: 10px;}
#motor .box-wrap{text-align: left;}
#motor .podaci-box-right-wrap{font-size: 0}
#motor .podaci-box-right-wrap .d1{width: 64%;}
#motor .podaci-box-right-wrap .d1.alert{color: red; font-weight: 700;}
#motor .podaci-box-right-wrap .d2{width: 8%;}
#motor .podaci-box-right-wrap .d3{width: 22%;}
#motor .podaci-box-a  {width: 20%;min-height: 70px;margin: 0;padding:0;min-height: 70px}
#motor .podaci-box-b{width: 56%;}
#motor .podaci-box-c{text-align: right;margin: 0;float:right;display: inherit;padding:0;width:72px;}
#motor .podaci-box-a .fa {font-size:42px;padding-top:10px}
#motor .auto-naziv a{font-weight: 700;color: #f5622c}
#motor .auto-naziv a:hover{color: #000}
#motor .score-left span {font-size: 18px;}
.tip-motora a {display: block;padding: 0;margin: 0 auto}
/* OGLAS*/

.auto-oglas-wrap{font-size: 0;text-align: left;margin-bottom: 5px;padding-bottom:5px;border-bottom:2px dashed #dadada;}
.auto-oglas-wrap:last-child {border-bottom: 0px;}
.oglas-slika{width:235px;display: inline-block;vertical-align: top;margin-right: 10px;}
.oglas-slika img{width: 100%;aspect-ratio:4/3;border-radius:4px;border:1px solid #dadada;}
.oglas-slika img:hover{filter: grayscale(100%)}
.oglas-auto-naziv-data{font-size: 20px;display: inline-block;}
.oglas-data{font-size: 13px;display: block;vertical-align: top}
.oglas-data span{display:block;vertical-align: top}
.oglas-data span span{display: inline-block;width: 80px;text-align: right;}
.oglas-data span strong{margin-left:5px; text-align: right;}
.oglas-cena{float:right;vertical-align: top;font-size: 14px;text-align: right;margin-top: 14px;}
.oglas-cena p{font-size: 26px;font-weight: 700;color: #f5622c;}
#cars-for-sale .detaljnije-btn{width: 96%;margin:0}
#cars-for-sale .nema-oglasa {font-size: 14px !important;}
/*komentari*/
.nema-komentara p{font-size: 14px;text-align: left}
/*instagram*/
#curator-feed-default-feed-layout {margin-bottom: 10px; height: 332px;}
#curator-feed-default-feed-layout a.crt-tag {height: 10px;font-size: 12px;}

/*===mobile*/
@media screen and (max-width: 768px) {
h1{font-size:20px;font-weight:700}
h2{font-size:16px;font-weight:700;text-indent:0;}
.top-search{display:none}
.topnav.responsive .top-search{display:block;text-align:center;float:none;margin:10px 0}
.topnav.responsive .top-search input{width:270px;height:26px;border-radius:10px;border:1px solid #333;padding:5px;background-color:#555;color:#fff}
.topnav a{display:none}
.topnav a.icon{top:0;float:right;display:block;font-size:26px;margin:0 15px 0 0;padding:0}
.topnav a.icon .fa{color:#fff!important;padding:0}
.topnav .logo a{display:block;}
.topnav .logo {margin-left: 10px}
.topnav.responsive .logo{display:none}
.topnav.responsive{position:relative}
.topnav.responsive .icon{position:absolute;right:0;top:0}
.topnav.responsive a{float:none;display:block}
.menu-wrap{padding:0;margin:0 auto}
.top-bar{position:inherit;height:100%;width:100%;display:block;padding:0}
.topnav.responsive .top-bar{padding:30px 0}
.top-bar-wrap{height:100%;width:100%;display:block;padding:0}
.top-bar-left{float:none;display:block}
.top-bar-left a{font-size:14px;padding:10px 0}
.top-bar-right{float:none;display:block}
.top-bar-right a{font-size:14px;padding:10px 0}
.bottom-bar{position:inherit;width:100%;display:block;padding:0}
.bottom-bar-wrap{padding:0;width:100%;display:block}
.topnav.responsive .bottom-bar{padding:0;width:100%;display:block;height:100vh!important;}
.bottom-bar-left{float:none;display:block}
.bottom-bar-right{float:none;display:block;padding:0}
.bottom-bar-right a{font-size:16px;text-transform:uppercase;padding:12px 0;font-weight:700}
#main-wrapper{margin:0 auto;display:block}
#wrapper{display:flex;flex-flow:column;padding:0;margin:0 auto;width:96%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
#sidebar{float:none;order:2;width:100%;-webkit-order:2;-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;-webkit-box-ordinal-group:2;-webkit-order:2;-ms-flex-order:2;flex:2}
.sidebar-dodatno-wrap .najpop-item-img {width: 100%;height: auto}
.side-ad{display:block;width:100%;height: auto;margin-bottom:10px;text-align:center}
.side-ad div.side-ad-vertical{display: none;}
.side-ad ins.side-ad-vertical{display: none;}
.side-ad div.side-ad-horizontal{display: block;}
.side-ad ins.side-ad-horizontal{display: block;aspect-ratio: 1 / 1;}
#page-wrap{float:none;order:1;width:100%;-webkit-order:1;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;-webkit-box-ordinal-group:1;-webkit-order:1;-ms-flex-order:1;flex:1}
.left-ad{position:inherit;overflow:hidden;left:0;margin-left:0;text-align:center;width:100%;height:300px;background-position: top center;background-repeat:no-repeat}
.left-ad ins.branding-ad{display:none}
.left-ad ins.massive-header-ad{width:100%;height:100%;display: block;object-fit:cover;margin-bottom: 5px;}
.right-ad ins.branding-ad{display:none}
.virtuelni-savetnik{display:block;background:#f5622c;padding:2%;color:#fff;margin:5px 0;border-radius:4px}
.virtuelni-savetnik h1{font-size:16px;padding: 0;margin: 0;color: #fff}
.virtuelni-savetnik .fa{color:#fff}
#breadcrumb-wrap {margin-top: 1%}
.facebook{float:none;padding-right:0;text-align:center;}
#breadcrumb-wrap .breadcrumb-nav{display:none}
#breadcrumb-wrap .search-box{display:block;}
#breadcrumb-wrap .search-box .sidebar-dodatno-wrap{padding-top: 0px !important; padding-bottom: 0px !important; height: 36px;}
.gsc-control-wrapper-cse {border: 1px solid #f5622c;border-radius: 5px;}
#sidebar .search-box {display: none;}
.najpopulariji-wrap{display:none}
.najpopulariji-wrap2{display:block;margin-top:10px}
.najpopulariji-wrap2 .box-title{border:0;padding:0;background:none}
.najpopulariji-wrap2 .box-title h2{color:#333;font-size:18px;text-transform:none;padding:0;margin:0}
.najpopulariji-wrap2 .box-title .fa{color:#f5622c;font-size:18px}
.najpop-item-wrap{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:10px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex}
.najpop-item{flex:0 0 auto;border:none;padding:0 5px 0 0}
.najpop-item-name{text-align:center}
.najpop-item-img{width:270px;height:115px;overflow:hidden}
.najpop-item-val{display:block;font-size:12px;text-align:center}
.najpop-item-val br{display:none}
.box-wrap {width:94%;padding:3% }
.box-left-wrap {width:100%;margin:0;vertical-align: top}
.box-right-wrap {width:100%;margin:0;text-align: left;}
.order-online, .predlog-btn{width:94%;margin:0;margin-bottom: 2%;padding:3%  border: none; cursor: pointer;}
.detaljnije-btn{width:94%;padding:3%;margin: 0}
#automobil-model{display:flex;flex-flow:column;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
#automobil-model .box-wrap{display:flex;flex-wrap:nowrap;overflow-x:auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex}
.model{flex:0 0 auto;border:none;margin-right:10px;width:91px}
.model img{width:100%}
#auto-uporedi .box-left-wrap {margin-bottom: 2%}
#auto-uporedi .box-right-wrap {text-align: left;}
#blog-clanci p {padding: 10px 0 10px 0}
#automanijak-izbor .box-left-wrap {width:94%;background:#fff;padding:3%;margin-bottom: 4%;margin-right:0;}
#automanijak-izbor .box-right-wrap {width:94%;background:#fff;padding:3%;margin-bottom: 4%;margin-left: 0}
#facebook-statistika .box-wrap .box-left-wrap{margin-bottom: 4%}
#facebook-statistika .box-wrap .box-right-wrap{text-align: left;}
#facebook-statistika {margin-bottom: 4%}
/*PREPORUCENI STRANA*/
#preporuceni .detaljnije-btn {width: 94%;margin-left: 0}
.auto-wrap{ padding-bottom: 1.5%;margin-bottom:2%;position:initial;}
.auto-slika img{width:100%;aspect-ratio: 7 / 3;}
.auto-info-wrap{float: none;margin-left:0;position:initial;display: block}
.auto-naziv a{font-size: 14px}
.stars{font-size: 12px; width: 100px;}
.score5b, .score4b, .score3b, .score2b, .score1b {display: block;padding:0px;height: 55px}
.score-left span{font-size: 18px;padding: 0;margin: 0}
.score-left p{font-size: 9px;padding: 0;margin: 0}
.score5a , .score4a, .score3a, .score2a, .score1a {width:12px;height:11px;}
.podaci-box-wrap .score-left p{font-size: 10px;padding: 0;margin: 0}
.podaci-box-wrap .score-left span{font-size: 24px;}
.predlog-auto-detalj {display: inline-block;width: 31%;font-size: 10px;}
.predlog-auto-detalj span{padding-top: 2px;}
.predlog-auto-logo{width:55px;aspect-ratio: 1 / 1;}
.predlog-auto-naslov{font-size: 15px;margin-top:0}
.predlog-auto-stats{font-size: 11px;max-width: 225px;}
.predlog-auto-oznaka {width: 60px;}
.podaci-box-left-wrap {display:inline-block;width:94%;padding:3%;margin:0 0 3% 0 }
.podaci-box-right-wrap {display:inline-block;width:94%;padding:3%;margin:0 0 3% 0}
.podaci-naslov {margin-top: 10px;}
.prednosti-nedostaci{ width:50%;}
.preporuka-slika {width: 160px;aspect-ratio: 7 / 3;margin-right: 1%;display: block;}
.preporuka-left{width: 100%;margin-right: 0%;font-size: 14px;display: block;vertical-align: top;}
.preporuka-right{width:100%;margin-left: 0%;font-size: 14px;display: block; text-align: left;}
.preporuka-slika {width: 100%;margin-right: 0%;display: block;}
.preporuka-auto .preporuceni-stars {display: inline-block}
.preporuka-auto .preporuceni-euro-ncap {display: inline-block}
.model-logo {width: 55px;}
.model-naslov {font-size: 14px;margin-top:8px}
.model-naslov span{font-size: 12px;max-width: 225px;}
.model-zemlja  {width: 75px;margin-top: 15px;}
.model-zemlja img {width: 50%}
.euro-ncap-youtube {text-align: center}
.ncap-img{display: block;margin:0 0% 2% 0 ;text-align: center}
.euro-ncap-youtube .stars{display: block; margin: auto;}
.euro-ncap-youtube .euro-ncap{display:block;margin-bottom: 10px;}
.misljenje-ocena {float: right;font-size: 18px;font-weight: 700;vertical-align: top;margin-top: -3px}
.preporuka-naslov{display:block;font-size: 15px;font-weight: 700;}
.preporuka-proizvodnja {display:block;font-size: 12px;}
.preporuka-data-wrap {display:block;text-align: center !important;padding: 0;margin-top: 1%}
.preporuka-data-wrap .preporuka-data:last-child {margin:1% 1% 1% 0;}
.preporuka-data{display: inline-block;width:32%;margin:1% 1% 1% 0;    }
#preporuceni-clanci .clanak-wrap { margin-bottom: 3%; padding-bottom: 3%;}
#preporuceni-clanci .detaljnije-btn {width: 96%;}
#blog .detaljnije-btn:first-child {margin-block-start: 10px;}
/*VIRTUELNI SAVETNIK  STRANA*/
#virtuelni-savetnik .box-wrap{text-align: center;}
.vs-left-box{display:block;width:100%;text-align: center;}
.vs-right-box{display:block;width:100%;text-align: center;}
.ukljuci-iskljuci-wrap {display: block;text-align: center;}
.ukljuci{display:inline-block !important;width: inherit;text-align:inherit;padding:10px 10px  0 0;font-size: 14px}
.iskljuci{display:inline-block  !important;width:inherit;text-align:inherit;font-size: 14px}
.oblik-karoserije {display: inline-block;width:23%;margin: 0 0.5% 1% 0.5%}
.vrata {display: inline-block;width:45.5%;margin: 0 0.5% 1% 0.5%;padding: 0 1% 0 1%;}
.vrata span, .klasa  span {font-size: 30px;font-weight: 700;color: #f5622c;padding:5px;display: inline-block;padding: 0;margin: 0}
.vrata p, .klasa p, .gorivo p{ padding: 0;margin: 0;display: inline-block;font-size: 12px;line-height: 14px;padding-left: 10px;}
.klasa {display: inline-block;width:29%;margin: 0 0.5% 1% 0.5%;padding: 0 1% 0 1%;    border: 1px solid #dadada;border-radius: 2px;font-size: 12px;text-align: left;}
.gorivo  {display: inline-block;width:29%;margin: 0 0.5% 1% 0.5%; padding: 1% 1% 1% 1%;}
.tockovi {padding:10px 0 10px 0}
.dotok {display: inline-block;width:29%;margin: 0 0.5% 1% 0.5%;padding:10px 0 10px 0}
.menjac {display: inline-block;width:45%;margin: 0 0.5% 1% 0.5%;padding:10px 0 10px 0}
.zemlja {display: inline-block;width:10.7%;margin: 0 0.5% 1% 0.5%;}
.zemlja img {width:70%}
.proizvodnja-box {padding:2% 0 2% 0}
.proizvodnja-godina {font-size: 14px}
.proizvodnja-model {font-size: 14px}
.segment {display: inline-block;width: 27%;margin: 0 4px 0 4px;padding-top:5px;height: 70px;vertical-align: top}
.segment p {font-size: 10px;font-weight: 700}
/*MODEL AUTO DETALJNIJE STRANA*/
#modeli .model { width: 20%; ;aspect-ratio: 1 / 1;padding: 0; margin: 0;}
.model-auto-wrap {margin-bottom:10px;}
.model-auto-box {margin-bottom: 3%;text-align: center;}
.model-auto-thumb {width: 100%;height: auto;aspect-ratio: 7 / 3;}
.model-auto-i1 {width: 33%;font-size: 13px;vertical-align: middle;text-align: center;}
.model-auto-i2 {width: 36%;font-size: 13px;vertical-align: middle;text-align: center;}
.model-auto-tip {width: 30%;height: 36px;vertical-align: middle;text-align: center;}
.model-auto-podaci-box {font-size: 13px;margin-bottom: 5px}
.model-auto-puna-oznaka {font-size: 13px;}
.model-auto-puna-oznaka a::before{font-size: 13px;}
.model-auto-content-wrap {margin-bottom: 10px}
.model-auto-podaci-data {padding:0 0 0 5px;}
.model-auto-podaci-data div {display:inline-block;margin: 0;padding:0;border: none;width: 49%;font-size: 13px;}
.model-auto-podaci-data .model-auto-gorivo, .model-auto-pogon, .model-auto-kubikaza, .model-auto-snaga {font-weight: 700;}
.model-auto-gorivo span, .model-auto-pogon span, .model-auto-kubikaza span, .model-auto-snaga span{font-weight: 400;padding-left: 5px;}
.uporednjeni-data-wrap {font-size: 10px;}
.uporedjeni-naziv {font-size: 11px;}
.uporedjeni-data {vertical-align: middle;padding: 0;margin:0}
.uporedjeni-middle {width: 24%;vertical-align: middle;padding: 0;margin:0}
.uporednjeni-data-wrap .uporedjeni-left{width:38%;vertical-align:middle}
.uporednjeni-data-wrap .uporedjeni-right {width:38%;vertical-align:middle}
.uporedjeni-left .uporedjeni-data {font-size: 10px;padding: 5px 0 5px;vertical-align: middle;height:30px;}
.uporedjeni-right .uporedjeni-data{font-size: 10px;padding: 5px 0 5px;vertical-align: middle;height:30px;}
.uporedjeni-middle .uporedjeni-data {font-size: 10px;padding:5px 0 5px;vertical-align: middle;height:30px;line-height:12px;}
.uporedjeni-data .uporedjeni-motor-logo img  {width:80%;}
.uporedjeni-right .tip-motora{float:none;margin:0;font-size: 13px;line-height: 11px}
.uporedjeni-left .tip-motora span{margin-top:4px;}
.uporedjeni-left .tip-motora{float:none;margin:0;font-size: 13px;line-height: 11px}
.uporedjeni-right .tip-motora span{margin-top:4px;}
.auto-thumbs {width: 31%;aspect-ratio: 7 / 3;}
.tip-motora{display: block;}
.uporedjeni-left .drugi {height: 80px;text-align: center}
.uporedjeni-right .drugi {height: 80px;text-align: center}
.uporedjeni-middle .drugi {height: 80px;text-align: center;line-height: 80px;}
.uporedjeni-oznaka {width: 40px;display: inline-block;}
.uporedjeni-bar-left-red {height: 30px;}
.uporedjeni-bar-left-green {height: 30px;}
.uporedjeni-bar-right-red {height: 30px;}
.uporedjeni-bar-right-green {height: 30px;}
.silhouette-wrapper {position: relative; height: 220px;}
.silhouette-wrapper img {top: 30px; aspect-ratio: 3 / 1;}
/*AUTOMOBILSKE OZNAKE STRANA*/
#automobilske-oznake .model {width: 22%}
.auto-box{margin-bottom: 10px; }
.auto-box img{width:100%;aspect-ratio: 7 / 3;}
.oznake-wrap .predlog-auto-stats {font-size:12px;max-width: 100%;}
.oznake-wrap .preporuka-data {margin:5px 5px 5px 0;display: block;font-size: 11px;opacity: 0.8;}
.oznake-wrap .preporuka-data:last-child {margin:0}
.oznake-wrap .preporuka-data strong {font-size: 14px;}
#automobilske-oznake-opis .predlog-auto-oznaka {width:60px;}
/* blog*/
.blog-clanci-slika {margin-bottom: 10px;}
/* motor str*/
/* OGLAS*/

.oglas-slika{width:100%;margin-right:0;}
.oglas-auto-naziv-data{display: block;}
.oglas-data{font-size: 12px;display: block;vertical-align: top}
.oglas-cena{float:none;display: block;  font-size: 12px;text-align:left;margin-top: 0;}
.oglas-cena p{font-size: 20px;display: inline-block;margin:0 2px 0 2px;color: #f5622c}
#cars-for-sale .detaljnije-btn{width: 94%;margin:0}
#footer{width:100%}
.footer-wrap{width:100%}
.footer-menu{display:block;padding:10px 0;text-align:center;border-bottom:1px solid #444}
.footer-auto-brend{display:block}
.footer-auto-brend li{display:inline-block;padding:8px;}
.footer-links{text-align:center;padding:0;margin:0 auto}
.footer-links ul{list-style-type:none;padding:0;margin:0 auto}
#curator-feed-default-feed-layout{height: 390px;}
}
@media screen and (max-width: 480px) {
.silhouette-wrapper {position: relative; height: 150px;}
.silhouette-wrapper img {top: 30px; aspect-ratio: 3 / 1;}
.silhouette-copyright {font-size: 10px;}
}
@media screen and (max-width: 360px) {
h2 {font-size: 16px;}
.crop {display:block;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; width:120px; }
.izbor-slika {width: 130px}
.izbor-info a { font-size: 12px;max-width: 140px;overflow: hidden;}
.izbor-info {font-size: 12px;width: inherit;}
.vrata p, .klasa p, .gorivo p {font-size: 11px}
.vrata span, .klasa span  {font-size: 26px;}
.dotok p {font-size: 10px;}
#modeli .model {width: 20%;;aspect-ratio: 1 / 1;}
.proizvodnja-godina {font-size: 12px;}
#preporuceni-clanci .clanak-wrap { margin-bottom: 3%; padding-bottom: 3%;}
#blog .blog-clanci-naslov {max-width: 320px;font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.model-auto-podaci-data div {font-size: 13px;border:none}
.predlog-auto-oznaka {width: 45px;}
.predlog-auto-uporedi {margin-top: 8px; padding: 3px;}
.predlog-auto-uporedi span {font-size: 10px;}
.model-auto-i1 { font-size: 11px;}
.model-auto-i2 { font-size: 11px;}
.model-auto-tip img { width: 75%;}
.model-naslov span{font-size: 10px;max-width: 225px;}
.model-zemlja  {width: 60px;margin-top: 18px;}
.uporedjeni-oznaka {width: 34px;}
.uporedjeni-right .tip-motora{font-size: 12px;}
.uporedjeni-left .tip-motora{font-size: 12px;}
#automobilske-oznake .model {width: 21%;}
#motor .podaci-box-b{width: 50%;}
.tip-motora a {display: block;padding: 0;margin: 0 auto}
.tip-motora {line-height: 12px;}
.d1{font-size: 11px}
.d2 strong{font-size: 11px}
.d3{font-size: 11px}
.prednosti-nedostaci {font-size:10px;}
.good::before {margin-right:5px}
.bad::before {margin-right: 5px}
.silhouette-wrapper {position: relative; height: 120px;}
.silhouette-wrapper img {top: 30px; aspect-ratio: 3 / 1;}
.silhouette-copyright {font-size: 10px;}
}