@media (max-width: 1200px)
{
ul.payment-steps {font-size:10px;}
.owl-pocetna {}
.owl-pocetna .owl-wrapper-outer { background:#002454; border-radius:40px; padding: 10px 0;}
.main-label {margin-left:0 !important;}

.container.cont {margin-top:0}
.container.rotator {margin-top:0}

#slidebox {top:100px !important; bottom:auto !important; left:0 !important; right:0 !important; margin-left:auto !important; margin-right:auto !important;}

}



@media (min-width: 992px) {

#mainMenu li:first-child a {padding-left:0 !important;}

nav.mega-menu .mega-menu-content {
    padding: 20px 20px;
}

header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
    background: #fff !important;
}

}



@media (max-width: 991px) {




.centertoleft {text-align:left;}

div.shop ul.products li.product {max-height: none; height: auto;}

.product-thumb-info {height:auto !important;}
.cartbg {font-size:12px;}
.cartbg h4 {font-size:11px; line-height:normal;}
.kontakt-foot-data {margin-left:0; text-align:center}
.ostale-header {width:970px;}
.ostale-header h1 {font-size:20px; padding-top:15px;}
.ostale-header h3 {font-size:20px; padding-top:15px;}
.affix,.affix-top, .affix-bottom {
   position:static; width:auto;
}

	body.boxed div.body {
		margin: 0 auto;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}


	header div.nav-main-collapse,
	header div.nav-main-collapse.in {
		width: 100%;
		overflow: hidden;
		overflow-y: hidden;
		overflow-x: hidden;
	}

	header nav.nav-main ul.nav-main {
		float: none;
		position: static;
		margin: 8px 0;
	}

	header div.nav-main-collapse.collapse {
		display: none !important;
	}

	header div.nav-main-collapse {
		top: 8px;
		position: relative;
	}

	header div.nav-main-collapse.in {
		display: block !important;
	}

	header div.nav-collapse div.container nav.nav-main {
		float: left;
		width: 100%;
	}

	header.flat-menu nav ul.nav-main li a {
		color: #FFF !important;
	}

	header div.nav-main-collapse {
		background: #368ADD;
		max-height: none;

	}

	header > div.container,
	header.flat-menu > div.container {
		margin-bottom: 0;
	}

	header nav ul.nav-main {
		margin-right: -10px;
	}

	header div.nav-collapse {
		background: #368ADD;
		width: 100%;
		clear: both;
		width: 100%;
	}

	header nav.nav-main {
		padding: 10px 0;
		clear: both;
		display: block;
		float: none;
		width: 100%;
	}

	header nav.nav-main ul,
	header nav.nav-main ul li,
	header.flat-menu ul.nav-main {
		padding: 0;
		margin: 0;
	}

	header nav.nav-main ul li {
		clear: both;
		float: none;
		display: block;
		border-bottom: 1px solid #78b5f1;
	}

	header nav ul.nav-main > li + li {
		margin-left: 0;
	}

	header nav ul.nav-main li a,
	header nav ul.nav-main ul.dropdown-menu li > a,
	header.flat-menu nav ul.nav-main li a,
	header.flat-menu nav ul.nav-main li.dropdown:hover > a,
	body header.single-menu nav ul.nav-main li.active > a {
		padding: 9px 8px;
		border: 0;
		border-top: 0;
		margin: 0;
	}

	header nav.nav-main ul li:last-child,
	header nav ul.nav-main ul.dropdown-menu li > a {
		border-bottom: none;
	}

	header nav ul.nav-main li.dropdown:hover > a {
		margin-bottom: -2px;
	}

	header nav ul.nav-main li a {
		color: #FFF;
		clear: both;
		float: none;
		display: block;
		padding-left: 0;
	}

	header nav ul.nav-main li a i.icon-angle-down {
		position: absolute;
		right: 5px;
		top: 10px;
	}

	header nav.nav-main ul ul {
		margin-left: 20px !important;
	}

	header nav.nav-main ul.dropdown-menu {
		position: static;
		clear: both;
		float: none;
		display: none !important;
	}

	header nav ul.nav-main ul.dropdown-menu {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	header nav.nav-main li.resp-active > ul.dropdown-menu {
		display: block !important;
	}

	header nav ul.nav-main .dropdown-submenu > a:after {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #FFF;
	}

	header nav ul.nav-main .dropdown-submenu:hover > a:after {
		border-left-color: transparent;
	}

	body header nav ul.nav-main ul.dropdown-menu,
	body header nav ul.nav-main li.dropdown.open a.dropdown-toggle,
	body header nav ul.nav-main li a,
	body header nav ul.nav-main li > a:hover,
	body header nav ul.nav-main li.active a,
	body header nav ul.nav-main li.dropdown:hover a,
	body header nav ul.nav-main ul.dropdown-menu li:hover > a,
	body header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover,
	body header.flat-menu nav ul.nav-main li.dropdown:hover a {
		background: none !important;
		background-color: transparent !important;
	}

	body header.flat-menu nav ul.nav-main li > a:hover,
	body header.flat-menu nav ul.nav-main li.dropdown:hover a {
		background: transparent !important;
	}

	header.center nav ul.nav-main > li {
		display: block;
	}

	header nav ul.nav-main ul.sub-menu {
		padding: 0;
		margin: 0 0 10px 0;
	}

	body.boxed header.single-menu > div.container,
	body.boxed header.flat-menu > div.container {
		height: 95px;
		margin-bottom: 10px;
	}

	body.boxed header.single-menu ul.nav-main,
	body.boxed header.flat-menu ul.nav-main {
		margin: 5px 25px 5px 0;
	}

	body.boxed header.single-menu nav ul.nav-main > li > a,
	body.boxed header.flat-menu nav ul.nav-main > li > a {
		padding: 9px 8px !important;
	}


	button.btn-responsive-nav {
		background: #368ADD;
		top: 55px;
		display: block;
		position: absolute;
		right: 20px;
		color: #FFF;
		z-index:999999 !important;
	}

	header.single-menu button.btn-responsive-nav {
		top: 30px;
	}

	header.center button.btn-responsive-nav,
	header.flat-menu button.btn-responsive-nav {
		top: 35px;
	}

	button.btn-responsive-nav:hover,
	button.btn-responsive-nav:active,
	button.btn-responsive-nav:focus {
		color: #afd3f6;
	}


	header .logo img {
		max-width: 180px;
	}

	header.center .logo {
		text-align: left;
	}


	header div.header-top ul.nav-top {
		float: left;
		margin: 7px 0 0 -15px;
		min-height: 5px;
	}

	header div.social-icons {
		display: none;
	}


	header div.search {
		display: none;
	}


	div.slider-container {
		min-height: 0;
	}


	a.thumb-info span.thumb-info-title {
		font-size: 14px;
	}

	a.thumb-info span.thumb-info-more {
		font-size: 11px;
	}


	div.home-concept {
		background: none;
	}

	div.home-concept div.project-image {
		margin: 60px auto 0 auto;
	}

	div.home-concept div.process-image {
		margin-top: 60px;
	}

	div.portfolio-nav,
	div.portfolio-nav-all {
		display: none;
	}


	.parallax {
		background-size: auto 100% !important;
		background-position: 50% 0 !important;
	}


	section.video {
		background-size: auto 100% !important;
		background-position: 50% 0 !important;
	}


	.thumbnail {
		border: 0;
		text-align: center;
	}


	ul.sort-destination.isotope {
		overflow: visible !important;
		height: auto !important;
	}

	.isotope-item {
		position: static !important;
		text-align: center;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-o-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
	}

	.isotope-hidden {
		display: none !important;
	}

	ul.team-list div.team-item {
		margin: 0 auto 35px;
		max-width: 270px;
	}


	.isotope-item.col-md-3 {
		max-width: 292px;
	}


	div.featured-boxes div.featured-box {
		max-width: 350px;
	}


	section.timeline .timeline-box,
	section.timeline .timeline-box.right {
		float: none;
		clear: both;
		right: auto;
		left: auto;
		margin: 25px auto;
		max-width: 70%;
		width: auto;
	}

	section.timeline .timeline-box.left:after,
	section.timeline .timeline-box.right:after,
	section.timeline .timeline-box.left:before,
	section.timeline .timeline-box.right:before  {
		display: none;
	}


	footer span.phone {
		font-size: 20px;
	}


	a.scroll-to-top {
		display: none !important;
	}


	nav.mega-menu .mega-menu-signin a {
		color: #FFF;
	}

	nav.mega-menu .mega-menu-signin a .icon-angle-down {
		display: none !important;
	}

	nav.mega-menu .mega-menu-signin .dropdown-menu {
		margin: 25px 0 0 !important;
		padding: 0;
		width: 95%;
		right: 0;
	}

	body header nav.mega-menu .mega-menu-signin ul.dropdown-menu li a {
		color: #FFF;
	}

	nav.mega-menu .mega-menu-signin.logged .user-avatar strong,
	nav.mega-menu .mega-menu-signin.logged .user-avatar span,
	nav.mega-menu .mega-menu-signin.logged .list-account-options a,
	nav.mega-menu .mega-menu-signin.logged .list-account-options a:hover {
		color: #FFF !important;
	}

	nav.mega-menu .mega-menu-signin.logged .list-account-options {
		margin: 25px 0 0 0 !important;
	}

	body header nav.mega-menu .mega-menu-signin ul.dropdown-menu li a {
		padding: 6px 0 !important;
	}


	div.shop .actions-continue {
		float: none;
	}
	div.shop .actions-back{
		float: none;
	}

	div.shop table.cart th.product-price,
	div.shop table.cart td.product-price,
	div.shop table.cart th.product-quantity,
	div.shop table.cart td.product-quantity {
		display: none;
	}

	nav.mega-menu .mega-menu-shop a {
		color: #FFF;
	}

	header nav.nav-main li.mega-menu-shop > ul.dropdown-menu,
	nav.mega-menu .mega-menu-shop a .icon-angle-down {
		display: none !important;
	}

	/* Offset Anchor */
	.offset-anchor {
		top: 0;
	}

}

@media (max-width: 767px) {
.box-l {
    margin-top: 40px;
    width: 100%;
}

.box-d {
    margin-top: 40px;
    width: 100%;
}

header.flat-menu nav ul.nav-main li > a.topcat:link, header.flat-menu nav ul.nav-main li.dropdown:hover a.topcat {
    background-color: transparent !important;
}

header.flat-menu nav ul.nav-main li > a.topcat:hover {background-color: transparent !important;} 


ul.ul-ref
{
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

.cartrxsl {float:left; clear:both;}
.checkbox {font-size:11px}
.cartbg {font-size:10px;}
.whitecontent {padding:20px;}
.ostale-header {position:static; margin:0; width:90%;}
.ostale-header h1 {font-size:20px;  padding-top:0; max-width:100%;}
.ostale-header h3 {font-size:20px;  padding-top:0; max-width:100%;}
.ostale-header .breadcrumb-novi {max-width:100%;}


	h1.big {
		font-size: 3.2em;
		line-height: 42px;
	}


	body.boxed {
		background: none !important;
	}


	header {
		display: block;
	}

	header > div.container {
		width: 100%;
	}


	header.center nav {
		width: auto;
	}

	header nav ul.nav-top {
		float: right;
		margin-right: 0;
	}


	button.btn-responsive-nav {
		top: 55px;
	}


	header div.social-icons {
		display: none;
	}


	div.sort-source-wrapper {
		background: #171717;
		margin-top: -40px;
	}

	.sort-destination,
	.isotope-item {
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 380px;
	}

	.sort-destination.full-width,
	.sort-destination.full-width .isotope-item {
		max-width: none;
	}


	div.slider > ul > li > div.caption {
		margin-left: 20px !important;
	}

	div.slider > ul > li > div.center-caption {
		margin-left: 0 !important;
	}


	div.home-intro-compact {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}


	div.pricing-table {
		margin-left: 0px;
	}

	div.pricing-table div.plan {
		margin-right: 0;
	}

	footer span.phone {
		font-size: 20px;
	}

}

@media (max-width: 479px) {
.box-l {
    margin-top: 40px;
    width: 100%;
}

.box-d {
    margin-top: 40px;
    width: 100%;
}

ul.ul-ref
{    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}

.proizvod-h2 {font-size:15px; line-height: 30px;}
.width320px {width:280px; font-size:12px}
label {font-size:12px}
.istokao {width:100%;}
.control-group input {
    width:95%;
}
.control-group select {
    width:95%;
    height:30px;
}



	body {
		font-size: 12px;
	}

	h2 {
		line-height: 40px;
	}


	span.arrow {
		display: none;
	}

	header nav ul.nav-top,
	header div.header-top {
		display: none;
	}


	section.page-top {
		padding: 16px 0;
	}

	section.page-top h2 {
		line-height: 38px;
	}


	ul.comments li {
		border-left: 8px solid #DDDDDD;
		clear: both;
		padding: 0 0 0 10px;
	}

	ul.comments li div.img-thumbnail,
	ul.comments div.comment-arrow {
		display: none;
	}

	article.post-large div.post-image,
	article.post-large div.post-date,
	article.post-large {
		margin-left: 0;
	}


	section.page-not-found {
		margin: 0;
	}

	section.page-not-found h2 {
		font-size: 100px;
		letter-spacing: 0;
		line-height: 100px;
	}


	.owl-carousel-spaced {
		margin-left: 0;
	}


	.sort-destination,
	.isotope-item {
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 240px;
	}

	.sort-destination.full-width {
		margin-top: -35px;
	}

	.sort-destination.full-width .isotope-item {
		position: static !important;
		clear: both;
		float: none;
		width: auto;
	}

	div.sort-source-wrapper {
		display: none;
	}


	ul.history li div.thumb {
		display: none;
	}

	ul.history li div.featured-box {
		margin-left: 0;
	}


	div.home-concept div.project-image {
		background-position: 0 0;
		margin-left: auto;
		max-width: 160px;
		max-height: 220px;
	}

	div.home-concept div.fc-slideshow,
	div.home-concept div.fc-slideshow img {
		max-height: 145px;
		max-width: 145px;
	}


	section.timeline {
		width: auto;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}

	section.timeline .timeline-box,
	section.timeline .timeline-box.right {
		margin: 15px auto;
		max-width: 90%;
	}

}


@media (max-width: 600px) {



	header nav ul.nav-top li {
		display: none;
	}

	header nav ul.nav-top li.phone {
		display: block;
	}

}

@media all and (min-width: 992px) and (max-width: 1200px) {
.kontaktirajtenasiva {font-size: 14px;font-weight: 700; margin:50px 0 0 0; padding:0;}
.kontaktirajtenasiva > span {color: #4d6a91;font-size: 12px; margin:0; padding:0;}
header.flat-menu nav ul.nav-main li a {margin-left: 1px;margin-right: 3px;padding:8px 10px !important;}
header.flat-menu nav ul.nav-main li a {color:#fff; font-family:life savers, cursive; font-size:16px}
.boxevi-naslov {color: #002961;font-family: life savers,cursive;font-size: 36px;font-weight: 700;margin-bottom: 0 important;}
.boxevi-tekst {font-size: 12px;line-height: 18px; color: #002961; margin:0; padding:0; max-height:70px; overflow:hidden;}
.tekstbg {margin-top:30px;min-height: 315px;}
.tekstbg1 {margin-top:30px;min-height: 315px;}
}

@media all and (min-width: 600px) and (max-width: 991px) {
.kontaktirajtenasiva {font-size: 14px;font-weight: 700;}
.kontaktirajtenasiva > span {color: #4d6a91;font-size: 12px;}
.kosaricaheader {display:none;}
.jeziciheader {float:right; position:relative; top:20px; margin-left:10px;}
header nav {float: left;margin-top:0;padding-top: 8px;}
.boxevi-naslov {margin-top:15px !important;}
.tekstbg {background: none repeat scroll 0 0 #00214e;text-align: center;margin-top:0;padding: 10px;min-height: 100px;}
.tekstbg1 {background:#8F0000;margin-top: -10px;padding: 10px;min-height: 100px;}
.boxes-more-tekst {display:none;}
.razdjelnica {display:none;}
.slika-boxes {margin:0 auto;}
.boxes-naslov {color:#fff; margin-bottom:0; margin-top:5px; line-height:20px; width:100% !important;}
.boxes-naslov span {font-family: life savers,cursive;font-size: 16px;font-weight: bold;margin-bottom: 5px;text-transform: lowercase;}
.manji {padding:0 !important; text-align:center !important;}
.col-md-4.svijetloplavi {padding:0 !important; text-align:center !important; width:32% !important; float:left;}
.col-md-4.plavi {padding:0 !important; margin:0 !important; text-align:center !important; width:32% !important; float:left;}
.col-md-4.zeleni {padding:0 !important; margin:0 !important; text-align:center !important; width:32% !important; float:left;}
}

@media (max-width: 599px) {
.kontaktirajtenasiva {display:none;}
.kontaktirajtenasiva > span{display:none;}
.kosaricaheader {display:none;}
.jeziciheader {float:right; position:relative; top:20px; margin-left:10px;}
header nav {float: left;margin-top:0;padding-top: 8px;}
.boxevi-naslov {margin-top:15px !important;}
.tekstbg {background: none repeat scroll 0 0 #00214e;text-align: center;margin-top: -10px;padding: 10px;min-height: 100px;}
.tekstbg1 {background:#8F0000;margin-top:0;padding: 10px;min-height: 100px;}
.boxes-more-tekst {display:none;}
.razdjelnica {display:none;}
.slika-boxes {margin:0 auto; max-width:60px !important; height:auto;}
.boxes-naslov {display:none;}
.boxes-naslov span {display:none;}
.manji {padding:0 !important; text-align:center !important;}
.col-md-4.svijetloplavi {padding:0 !important; text-align:center !important; width:30% !important; float:left;}
.col-md-4.plavi {padding:0 !important; margin:0 !important; text-align:center !important; width:30% !important; float:left;}
.col-md-4.zeleni {padding:0 !important; margin:0 !important; text-align:center !important; width:30% !important; float:left;}
}