@media only screen and (max-width: 1480px){
	.image-o-nama {background-position-x:-400px;}
	.image-section-1 {margin-top: -110px;}
}

@media only screen and (max-width: 1199px){

	.footer-top-box{padding:0}
	.image-section-1 {margin-top:0}
	.text-info {padding-right:0;}
	.image-o-nama {background-position-x:-700px;}
	.image-o-nama .text {color:#000}

	.navbar {
		margin: 0;
	}
	.navbar-header .collapse {
		float: right;
	}

	.navbar-collapse {
		padding-left: 0px;
	}

	.navbar-right {
		float: none !important;
	}

	.navbar-toggle {
		margin-right: 20px;
		border-radius: 0;
		padding-top: 8px;
		padding-bottom: 8px;
		top: 24px;
	}

	.navbar-nav {
		padding: 0;
		margin: 0;
		float: none;
		padding-top: 30px;

	}

	.navbar-nav > li {
		float: none;
	}

	.navbar-right li {
		margin: 0;
		padding: 0;
		float: none;
	}

	.navbar-right li:last-child {
		margin-bottom: 10px;
	}

	.navbar-nav > li > a {
		margin-bottom: 0px;
		font-size: 15px;
		display: inline-block;
		padding:10px 0;
		border-bottom:1px solid transparent;
	}
	.navbar-nav > li > a:hover{padding-bottom:10px;}



	.navbar-collapse.collapse {
		display: none !important;
		padding: 0 0 0 0;
	}
	.header-bottom .navbar-nav > li:last-child > a {
		padding-right:0px;
		display:block;
	}


	.navbar-collapse {
		border: 0px !important;
		margin-top: 0;
	}

	.navbar-collapse.collapse.in {
		display: block !important;
		border: 0px !important;
	}

	.navbar-header {
		float: none;
	}

	.navbar-header .collapse, .navbar-toggle {
		display: block !important;
		border: 1px solid #ccc;
		border-radius: 3px;
		margin-top: 0;
		top: 42px;
		z-index: 999;
		right:65px;

	}

	.navbar-toggle .icon-bar {
		background: #000;
	}

	.navbar-nav .open .dropdown-menu {
		position: static;
		box-shadow: none;
		float: none;
	}

	.navbar-nav > li > a, .navbar-nav > li > a:focus, .header-bottom .nav .open > a, .header-bottom .nav .nav .open > a:focus {
		text-align: left;
	}
	.right-social {
		margin:0;
		position:absolute;
		right:0;
		top:50px;
	}
	.footer-top {padding: 67px 2.5% 64px;}

	.navbar {position:static;}
	.header {
		position: relative;
		margin: 0;
		padding:0 5%;
		background: #f1f3f2;}
}

@media only screen and (max-width: 991px) {
	.navbar-nav > li > a {
		font-size: 14px;
	}

	.ram-slike img {
		padding: 0 10px 0 10px;
		width: 100%;
	}

	.info-left {
		overflow: hidden;
		padding: 10px 0;
		border-right: hidden;
	}

	.navbar-toggle, button.navbar-toggle.collapsed {
		border: 1px solid #ccc;
		padding: 9px 10px;
		background: transparent;

	}
	.navbar-toggle, button.navbar-toggle.collapsed:hover
	{
		background:#333; ;
	}

	.navbar-toggle .icon-bar {
		background:#333;
	}
	.navbar-toggle, button.navbar-toggle.collapsed:hover .icon-bar {background:#fff}
	.mapa-tel {padding:0;}



	.image-o-nama {background-position-x:-1000px;}

}
@media only screen and (max-width: 766px){

	.images-center {margin:0;padding-top: 70px;}
	.navbar-toggle .collapsed{
		display:block;
	}
	.logo-mobile{
		width:33.333%;
	}
	.ram-slike img{
		padding:0 10px 0 10px;
		width:100%;
	}
	.info-left{
		overflow: hidden;
		padding: 10px 0;
		border-right: hidden;
	}
	.usluge-nase h3, .usluge h3{font-size:27px;line-height: 35px;}
	.usluge-nase h4, .usluge h4{font-size:16px;}
	.graficki-dizajn p {font-size:14px;}
	p.info-name-right {font-size:17px;}
	p.info-name-left span {font-size:15px;}
	.call_to_action_white h3, .call_to_action_grey h3, .call_to_action_dark h3 {font-size:28px;}
	.home-box h2{font-size: 28px!important;}
	.home-box h3{font-size: 18px!important;}
	.footer-call{background-repeat: no-repeat;
				background-size: cover;}
	.call-box{max-width:95%}
	.text-info{padding-left:5%;padding-right: 5%;}
	.footer-top .row .col-xs-12:first-child .footer-top-box, .footer-top .row .col-xs-12:nth-child(3) .footer-top-box{padding-top:0;display:table;margin:0 auto;min-height:0;padding-bottom:60px;}
	.line-left:after{display:none}
	.footer-top .row .col-xs-12:nth-child(2) .footer-top-box p{display:table;margin:0 auto;max-width:60%;padding-bottom:60px}
	.footer-top .row .col-xs-12:nth-child(3) .footer-top-box{padding-bottom:0}
	.naslov-right {float:none;}
	.naslov-left{padding:0}
	.product-wrapper-text p{height:auto;padding:0 2.5%;padding-bottom:50px;font-size:17px;}
	.product-wrapper .col-xs-12{padding-bottom:40px}
	.product-wrapper .col-xs-12:last-child{padding-bottom:0;}
	.section-box {
		width: 90%;
		display: table;
		padding: 50px 0px;
		margin: 0 auto;}
	.breadcrumb-wrapper {min-height:320px;}
	.one-news-image{display:table;margin:0 auto;padding-top:50px;}

	.page-gallery-item.col-xs-12.half-xs, .center-col-wrapper .col-xs-12.half-xs{width:50%;}
	.center-col-wrapper .col-xs-12.half-xs:nth-child(2n+1){clear:both}

	
}

@media only screen and (max-width: 700px) {
	
	.ram-slike img{
		padding:0 10px 0 10px;
		width:100%;
	}
	.info-left{
		overflow: hidden;
		padding: 10px 0;
		border-right: hidden;
	}
	.nav .caret{
		display:inline-block;
		margin-left:5px;
	}

	.mapa{padding-left:0}
	.tel{padding-right:0}
	.section_features {padding:0;}
	.image-wrappers{
		background-position-y: -448px;
		background-position-x: -426px;
	}
	.slide-item-caption .slider-text-wrapper{display:none}
	.list-of-product .col-xs-12{padding:0}


	
}
@media only screen and (max-width: 480px) {
    .logo-mobile{
		width:50%;
	}
	.ram-slike{
		min-height:128px;
	}
	.info-left{
		overflow: hidden;
		padding: 10px 0;
		border-right: hidden;
	}

	.mapa, .tel{padding-right:0;margin:0;width:100%;float:none;}
	.btn.btn-default.send-btn{float:none;}
	.footer-top .row .col-xs-12:nth-child(2) .footer-top-box p{max-width:95%;}
	.footer-top {font-size:15px}
	.image-o-nama {background-position-x:-1300px;}
	.naslov-naslov{padding-bottom:50px}
	}

@media only screen and (max-width: 380px) {

	.text-left p {font-size:15px}
	.page-gallery-item.col-xs-12.half-xs, .center-col-wrapper .col-xs-12.half-xs{width:100%;}
	.page-gallery-item.col-xs-12.half-xs, .center-col-wrapper .col-xs-12.half-xs:nth-child(2n+1){clear:none}
} 