@media all and (max-width: 1280px) {
.topheader-search { width: 220px; height: 35px; margin: 3px 50px 0 0; border: 2px solid #868686; border-radius: 5px; }
.topheader-search input { background: none; border: 0; margin: 7px 0 0 5px; width: 155px; color: #fff; font-weight: 400; }
.topnavigation-holder ul li a { color: #b1b1b1; font-size: 16px !important; font-weight: 500; text-transform: uppercase; float: left; }
.topheader-logo { max-width: 280px !important; }
.caption-title { font-size: 30px !important; }
.caption-text { color: #fff; font-size: 20px; line-height: 30px; font-weight: 300; }
.slider-caption { width: 80% !important; height: 80% !important; }
.welcome-text { margin: 0 0 40px 0 !important; }
.welcome-box a { margin: 10px 0 0 0; font-size: 22px; }
.news-holder { padding: 20px 0 30px 0 !important; }
.news-hometitle { font-size: 24px !important; }
.news-img, .news-img img { /*width: 240px !important;
        height: 240px !important;*/ }
.news-title { line-height: 22px; font-size: 20px; }
.news-viewall a { font-size: 18px; }
.welcome-holder { padding: 35px 0; }
.welcome-title { color: #504b4a; font-size: 24px; }
.welcome-title.home { margin-top: 20px !important; }
.welcome-titleimg { margin-top: 20px !important; }
.welcome-text { margin: 0 0 70px 0; font-size: 18px; line-height: 22px; }
.welcome-holder { padding: 10px 0 !important; }
.productbox { width: 31.3%; margin: 0 1% 20px 1%; position: relative; }
.myproject-holder { margin: 160px 0 0 0; }
}
 @media all and (max-width: 1250px) {
.productbox-settings .productbox-title { margin: 40px 0 0 0; font-size: 36px; }
.settingsbox-list { top: 80px; }
.settingsbox-list ul li a { padding: 0 0 2px 0; font-size: 16px; line-height: 16px; }
.settingsbox-slider .settingsbox-slider-title { font-size: 14px; height: 100%; vertical-align: middle; }
.settingsbox-slider .bx-next, .settingsbox-slider .bx-prev { width: 20px!important; height: 20px!important; }
.settingsbox-slider .bx-prev { left: 6px; }
.settingsbox { top: 20%; }
#myprojectslider .sslider-box img, #myprojectslider li { height: 100px; }
.settingsbox-slider .settingsbox-slider-title { line-height: 100px; }
}
@media all and (max-width: 1110px) {
.topnavigation-holder ul li a { padding: 15px 10px; font-size: 18px; }
.caption-holder { bottom: 10px; }
.topnavigation-dropdown, .sub-menu { top: 56px; }
}
@media all and (max-width: 1024px) {
.topnavigation-holder { border: 0; margin: 0; }
.topheader-holder { width: 95%; padding: 35px 2.5% 10px 2.5%; }
.topheader-logo { width: 320px; margin: 0; }
.topheader-search { width: 270px; height: 40px; margin: 3px 0 0 0; }
.topnavigation-dropdownchild, .topnavigation-dropdown, .sub-menu { position: relative; top: 0; left: 0; width: 100%; }
.sub-menu { position: relative; top: 0; left: 0 !important; width: 100%; }
.welcome-holder { width: 95%; padding: 20px 2.5% !important; }
.news-box, .welcome-box { width: 32%; margin: 0 1%; }
.welcome-box .welcome-decor span { width: 70%; margin: 20px 15% 0 15%; }
.news-holder { width: 95%; padding: 10px 2.5% 70px 2.5% !important; background-size: auto 100%; }
.news-img, .news-img img { width: 100%; height: auto; }
.news-date { font-size: 20px; }
.news-title { width: 160px; }
.productbox-title { top: 40%; height: auto; line-height: normal; font-size: 20px!important; }
.productbox-addbox { font-size: 20px; }
.productbox-addbox img { width: 50px; height: 50px; }
.banner-holder { width: 95%; margin: 0 2.5%; padding: 20px 0; }
.banner-box { width: 25%; margin: 0 6%; }
.footersitemap-holder { width: 95%; margin: 20px 2.5% 0 2.5%; }
.caption-holder { bottom: 5px; left: 10px; width: 350px; }
.caption-title { padding: 0; margin: 0 0 5px 0; font-size: 30px; }
.caption-text { font-size: 20px; line-height: 30px; }
.scroll { bottom: 5px; left: 42%; z-index: 99; width: 16%; font-size: 14px; }
.scroll .welcome-decor span { width: 90%; margin: 0 5%; }
.pagepost-holder { width: 95%; margin: 30px 2.5% 0 2.5%; }
.pagepost-holder article { margin: 0 0 30px 0; }
.pagepost-img { width: 200px; }
.pagepost-data { width: 480px; margin: 0 0 0 30px; }
.contact-margdec { margin: 90px 0 0 0; }
.bottomcontact-mapdec .bottomcontact-left { width: 48%; margin: 0 1%; }
.bottomcontact-mapdec #map-canvas { width: 100%; }
.bottomcontact-colordec .bottomcontact-right { margin: 55px 0 0 0; }
.bottomimg-holder .prodslider-overlay { border-bottom: 300px solid rgba(255, 12, 102, 0.8); }
.team-holder, .contactform-holder, .descriptiontxt-holder ul li { width: 95%; padding: 30px 2.5%; }
.contactform-holder form { width: 80%; margin: 5px 10%; }
.contactform-group { width: 45%; margin: 0 2.5%; }
.descriptiontxt-holder { /*width: 95%; padding: 0 2.5%;*/ }
.contactform-group input { width: 95%; padding: 0 2.5%; }
.contactform-groupfull textarea { width: 100%; }
.contactform-groupfull { width: 95%; }
.team { width: 30%; margin: 0 1.5% 20px 1.5%; }
.pagepost-bgdec .pagepost-data { width: 95%; padding: 0 2.5% 80px 2.5%; margin: 0; }
.description-holder { margin: 130px 2.5% 20px 2.5%; padding: 0!important; }
.production-left { width: 55%; margin: 40px 0 0 0; }
.myproject-slider #myproject-slider img, .production-left #production-slider img { width: 100%; height: auto; }
.production-right { width: 43%; margin: 40px 0 10px 2%; text-align: center; }
.backbtn-holder { margin: 110px 1% 0 1%; }
.myproject-slider #myproject-slider { width: 55%; }
.slidertext-holder { width: 43%; margin: 10px 0 0 2%; text-align: left; }
#myproject-slider-pager li { width: 30%; height: auto; margin: 0 1.5% 10px 1.5%; list-style: none; }
#myproject-slider-pager li img { width: 100%; height: auto; }
#myprojectslider .sslider-box img, #myprojectslider li { height: 80px; }
.settingsbox-slider .settingsbox-slider-title { line-height: 80px; }
.settingsbox-slider .prev, .settingsbox-slider .next { width: 20px; height: 15px; }
.projectinfo-holder { width: 95%; margin: 0 2.5%; }
.projectinfo-left { width: 50%; }
.projectinfo-left textarea { width: 95%; padding: 0 2.5%; }
.projectinfo-right { width: 48%; }
.projectinfo-right #map-canvas { width: 100%; }
.projectinfo-right #new-map-canvas { width: 100%; }
.listsearch-holder { width: 95%; padding: 15px 2.5%; }
.location-margdec { margin: 110px 0 0 0; }
.searchloc-holder input { width: 201px; }
.searchloc-holder .searchloc-view { padding: 10px 15px; }
.myprojects-holder { margin: 100px 0 0 0; }
.myprojects-wrapper { width: 95%; margin: 30px 2.5%; }
.productbox-settings .productbox-title { margin: 0; }
.newslight-holder .pagepost-data { width: 394px; }
.newssingle-holder { width: 95%; padding: 20px 2.5%; }
.newssingle-data { width: 95%; padding: 0 2.5%; }
.newssingle-title { width: 80%; }
.descriptiontxt-holder ul li { width: 95%; margin: 0; padding: 30px 2.5% !important; }
.bottomcontact-holder, .bottomimg-holder { width: 95%; margin: 30px 2.5%; }
.bottomimg-holder .rslides { width: 80%; height: auto; margin: 0 10%; }
.bottomimg-holder .rslides li img { width: 100%; height: auto; }
.bottomcontact-right { width: 47%; margin: 0 0 0 3%; }
.bottomcontact-left { width: 50%; }
.bottomcontact-left #map-canvas { width: 100%; }
.production-slider .prev { margin: 0; }
.prodslider-overlay { border-bottom: 250px solid rgba(248, 177, 51, 0.8); border-left: 155px solid transparent; }
.backbtn-holder { margin: 150px 1% 0 1%; }
.searchloc-holder .searchloc-view { border: 1px solid #3DB7B7; background: none }
.searchloc-holder input, .searchloc-holder ul, .searchloc-holder .searchloc-view { width: 29%; margin: 0 0.5%; }
.searchloc-holder input, .searchloc-holder .searchloc-view { padding: 11px 15px; }
ul.searchloc-dropdown { width: 100%; left: -2px; }
.loadmore-btn { margin: 0 0 30px 0; }
.productbox-settings .productbox-title { margin: 20px 0 0 0; }
.settingsbox-list { top: 40px; }
.settingsbox { top: 32%; }
.addproject-img img { height: auto; }
.footersitemap { width: 20%; /*text-align: center;*/ margin: 0 0 10px 0; }
.footersitemap-holder .clr { display: none; }
.footersitemap-list { display: none; }
.footersitemap-title { min-height: 10px; font-size: 16px; }
.bigimg-holder { width: 55%; height: auto; }
.myproject-bigimg .myproject-triangle { border-bottom: 250px solid rgba(3, 162, 156, 0.8); border-left: 130px solid transparent; }
.myproject-bigimg, .bigimg-holder img { width: 100%; height: auto; position: relative; vertical-align: middle; }
.bigimg-holder:hover .myproject-bigimg .myproject-triangle { width: 100%; }
.sgl-sliderwrapper img { width: 100%; }
.team-holder { padding: 30px 2.5% 0 2.5%; }
.mean-container .mean-bar { float: left; /* width: 100%; */
padding: 4px 0; min-height: 42px; z-index: 999999; position: absolute; top: 0; right: 0; left: auto; }
}
@media all and (max-width: 768px) {
.mean-container .mean-nav ul li li a { width: 80% !important; }
.mean-container .mean-nav ul li a.mean-expand { width: 26px !important; }
.submenu-holder { display: none; }
.pagepost-holder article { text-align: center;clear: both;
    overflow: hidden; }
.pagepost-img { width: 240px; margin: 0 auto; float: none; border: 0; }
.pagepost-data { width: 95%; margin: 10px 2.5%; }
.pagepost-more { position: absolute !important; margin: 10px 0 0 0; }
.contact-margdec { margin: 110px 0 0 0; }
.map-title { font-size: 20px; }
.bottomcontact-colordec .bottomcontact-right { margin: 0 0 0 3%; }
.bottomimg-holder .prodslider-overlay { border-bottom: 200px solid rgba(255, 12, 102, 0.8); border-left: 100px solid transparent; }
.team { width: 47%; }
.team-img { margin: 0 auto; float: none; }
.team-centerdec .first { margin: 0; }
.team-centerdec .team { width: 50%; }
.pagepost-bgdec .pagepost-data { padding: 0 2.5% 30px 2.5%; text-align: left; }
.welcome-img { width: 100%; }
.welcome-text { width: 100%; margin: 0 0 50px 0; }
.welcome-box a { margin: 5px 0 0 0; font-size: 20px; line-height: 22px; }
.news-date { width: 100%; padding: 0; border: 0; text-align: left; }
.news-date .clr { display: none; }
.news-img { margin: 0 0 5px 0; }
.news-title { width: 100%; padding: 0; font-size: 16px; line-height: 18px; height: 53px; }
.news-more { width: 80%; padding: 0 10% 5px 10%; font-size: 14px; }
.productbox { width: 48% !important; margin: 0 1% 20px 1%!important; }
.projectlist-holder .productbox { width: 98%!important; }
.banner-box { width: 45%; margin: 0 2.5% 15px 2.5%!important; }
.description-holder { margin: 130px 2.5% 20px 2.5%; }
.production-right, .production-left { width: 100%; }
.production-right { margin: 0; }
.topheader-holder { width: 95%; padding: 5px 2.5%; }
.topheader-language { margin: 15px 0 0 0; float: left; }
.topheader-search { clear: both; }
.prodslider-overlay { border-bottom: 300px solid rgba(248, 177, 51, 0.8); border-left: 150px solid transparent; }
.bottomcontact-colordec .bottomcontact-right, .bottomcontact-mapdec .bottomcontact-left { width: 100%; margin: 0; }
.bottomcontact-colordec .bottomcontact-right { margin: 20px 0 0 0; }
.backbtn-holder { margin: 120px 1% 0 1%; }
.myproject-slider #myproject-slider { width: 100%; height: auto; }
.myproject-triangle { border-bottom: 300px solid rgba(3, 162, 156, 0.8); border-left: 150px solid transparent; }
.slidertext-holder { width: 100%; margin: 10px 0 0 0; }
.myproject-slider .prev { left: 43%; }
.myproject-slider .next { right: 43%; }
#myprojectslider .sslider-box img, #myprojectslider li { height: 140px; }
.settingsbox-slider .settingsbox-slider-title { line-height: 140px; }
.projectinfo-right, .projectinfo-left { width: 100%; }
.projectinfo-left textarea { height: 160px; }
.searchloc-holder input { width: 27%; margin: 0 1.5%; padding: 8px 1%; font-size: 16px; }
.searchloc-holder .searchloc-view { padding: 8px 1%; }
.myprojects-wrapper article { width: 47%; margin: 0 1.5% 15px 1.5%; }
.newslight-holder .pagepost-img { float: left; }
.newslight-holder .pagepost-data { width: 100%; margin: 10px 0; text-align: left; /*height: 150px !important;*/ }
.newssingle-data { text-align: left; }
.pagepost-colordec .pagepost-img { border: 0; }
.bottomcontact-right { width: 100%; margin: 15px 0; }
.pagepost-bggdec .pagepost-more { bottom: 0; position: relative; }
.bottomcontact-left { width: 100%; }
.pageslider-holder .pageslider-caption { top: 50%; }
#indexslideshow img { width: auto; height: 500px; min-width: 100%; }
.scroll { left: initial; right: 0; }
.searchloc-holder input, .searchloc-holder ul, .searchloc-holder .searchloc-view { width: 40%; padding: 13px 2.5%; margin: 0 2% 10px 2%; }
.searchloc-holder ul { padding: 0; }
.searchloc-holder ul li { font-size: 17px; }
ul.searchloc-dropdown { min-width: 100%!important; margin: 0; padding: 0; }
.addproject-delete { width: 80%; margin: 0 10%; }
.addproject-holder { width: 70%; padding: 40px 14.5%; }
.addproject-delete { margin: 0; }
.bigimg-holder { width: 100%; }
.lang_sel_list_horizontal { margin: 15px 40px 0 0; float: left; }
.glavna-slika {width:100%;}
}
@media all and (max-width: 480px) {
.topheader-holder { position: relative; }
.topheader-logo { width: 70%; }
.topheader-search { width: 71%; }
.topheader-search input { width: 65%; }
.pageslider-holder .pageslider-caption { top: 30%; font-size: 14px; line-height: 16px; }
.contact-margdec { margin: 10px 0 0 0; }
.welcome-decor span { width: 50%; height: 4px; border-bottom: 4px solid #504B4A; float: left; margin: 10px 25% 20px 25%; }
.bottomcontact-holder { margin: 0 2.5%; }
.contactform-group { width: 95%; }
.contactform-holder form { width: 100%; margin: 5px 0; }
.team { width: 97%; }
.team-centerdec .first { margin: 0 0 30px 0; }
.contactform-group .contactformb-btn { padding: 15px 108px; background: #3DB7B7; }
.productbox { width: 96% !important; margin: 0 2% 20px 2%!important; }
.descriptiontxt-holder ul li { word-wrap: break-word; }
.welcome-box { width: 98%; margin: 10px 1%; }
.news-viewall a { width: 100%; padding: 10px 20px; font-size: 15px; background: #0095FF }
.news-box { width: 98%; margin: 0 1% 15px 1%!important; }
.news-title { height: auto; }
.banner-box { width: 95%; }
.description-holder { margin: 0 2.5% 20px 2.5%; }
.myproject-triangle { border-bottom: 180px solid rgba(3, 162, 156, 0.8); border-left: 140px solid transparent; }
.myproject-slider .prev { left: 40%; }
.myproject-slider .next { right: 40%; }
.backbtn-holder { margin: 20px 1% 0 1%; }
.backbtn-holder a { width: 100%; padding: 0; background: #00C7C0; font-size: 16px; height: 50px; text-align: center; }
.singlepage-holder, .myprojects-holder, .location-margdec, .myproject-holder { margin: 0; }
.listsearch { width: 98%; margin: 0 1% 15px 1% !important; }
.projectinfo-address { width: 100%; }
.searchloc-holder input { width: 94.5%; margin: 0 1.5% 15px 1.5%; }
.searchloc-holder .searchloc-btn { width: 100%; margin: 5px 0; }
.myproject-bgdec .myproject-triangle { border-bottom: 160px solid rgba(0, 161, 177, 0.8); }
.myproject-add a { padding: 12px 20px; background: #00A1B1; font-size: 22px; }
.myprojects-wrapper article { width: 97%; margin: 0 1.5% 25px 1.5%!important; }
.projectlist-holder .productbox { width: 98%; height: auto; }
.projectlist-holder .productbox-title { line-height: normal; font-size: 30px; }
.projectlist-holder .productbox-green { border-bottom: 160px solid rgba(3, 162, 156, 0.8); border-left: 80px solid transparent; }
.settingsbox-list ul li { margin: 0 5px; }
.settingsbox-tools { width: 94%; }
.newssingle-txtbox { width: 98%; }
.newslight-holder .pagepost-img { width: 100%; border-right: 0; }
.newslight-holder .pagepost-img img { width: 100%; margin: 0; }
.newstriangle { right: 0; }
.newslight-holder .pagepost-img:hover .newstriangle { width: 100%; }
.newsdate { right: 10px; }
.pagepost-list { width: 100%; }
.pagepost-list span { height: auto; margin: 0 0 10px 30px; }
.prodslider-overlay { border-bottom: 180px solid rgba(248, 177, 51, 0.8); }
.bottomcontact-left { width: 100%; }
.downloadpdf { width: 220px; height: auto; }
.topheader-search form { width: 100%; }
.pageslider-holder img { width: 100%; height: auto; }
.slider-caption { display: none; }
.scroll { width: 20%; left: 40%; }
#indexslideshow img { width: 100%; height: auto; }
.slider-holder .prev, .slider-holder .next { width: 30px; height: 30px; }
.news-viewall a { padding: 10px 35px; }
.searchloc-holder input, .searchloc-holder ul, .searchloc-holder .searchloc-view { width: 90%; }
.searchloc-holder ul { padding: 0; width: 95%; }
ul.searchloc-dropdown { min-width: 100%!important; margin: 0; padding: 0; }
.searchloc-holder .searchloc-btn { background: #00C7C0; padding: 5px 0; font-size: 20px; }
.pageslider-holder .pageslider-caption .pageslider-captionimg { max-width: 50px; max-height: 50px; }
.newslight-holder .pagepost-img, .newslight-holder .pagepost-img img { height: auto; }
.loadmore-btn { margin: 10px 0 30px 0; }
.welcome-imgwidthdec img { margin: 10px 0 0 0; }
.btn-wrapper { width: 100%; }
.addproject-cancelbtn, .addproject-deletebtn { width: 90%; padding: 5px 2.5%; margin: 0 2.5%; background: #00C7C0; }
.addproject-cancelbtn { margin: 10px 2.5% 0 2.5%; background: #4D4D4D; }
.addproject-field { width: 94%; float: left; }
.addproject-wrapper article { width: 99%; }
input.addproject-create { padding: 10px 2.5%; font-size: 20px; background: #3DB7B7; }
.projectlist-holder .productbox { height: 250px; }
.projectlist-holder .productbox .productbox-img img { height: 250px; min-width: 100%; width: auto; }
.settingsbox-slider .settingsbox-slider-title { line-height: 90px; font-size: 12px; }
#myprojectslider .sslider-box img, #myprojectslider li { height: 90px; }
.footersitemap { width: 95%; margin: 0px 2.5% 0 2.5%; overflow:hidden; }
.footersitemap li { width: 95% !important; margin: 0px 2.5% 0 2.5%; overflow:hidden;}
.social-holder { width: 295px; }
.social-icon { margin: 0 19px; }
.bigimg-holder a.prodslider-more { right: 5px; }
.myproject-bigimg .myproject-triangle { border-bottom: 160px solid rgba(3, 162, 156, 0.8); border-left: 100px solid transparent; }
.team-centerdec .team { width: 100%; }
.listsearch-list li.listsearch-bglink { clear: both; }
.myproject-holder { margin: 50px 0 0 0; }
.bottomimg-holder .prodslider-overlay { border-bottom: 120px solid rgba(255, 12, 102, 0.8); border-left: 70px solid transparent; }
.bottomimg-holder .prodslider-more { width: 20px; height: 30px; bottom: 5px; right: 15px; }
.topheader-search { width: 100% !important; height: 40px; margin: 10px 0 10px 0; display: block; overflow: hidden; float: none; }
}
@media all and (max-width: 340px) {
.loadmore-btn a { padding: 3px 85px; }
}