@media all and (min-width: 1200px) {
	#menu-sticky-wrapper {
		margin-bottom: 25px;
	}
	
	.komplet-program {
		display: none !important;
	}
}


@media all and (min-width: 1024px) and (max-width: 1199px) {
	.site-name img {
		max-width: 460px;
	}
	
	.navbar-default .navbar-nav > li > a {
		margin: 0 5px;
	}
	
	#menu-sticky-wrapper {
		height: auto !important;
	}
	
	#request-box {
		width: 380px;
		right: -370px;
	}
	
	#ponudaForm > .form-group > input {
		/*height: 45px;*/
	}
	
	.lenguage {
		margin-right: 20px;
	}
	
	#menu-sticky-wrapper {
		margin-bottom: 25px;
	}
	
	.arrow-left, .arrow-right {
		top: 43%;
	}
	
	.top-menu {
		margin-right: 65px;
	}
	
	.komplet-program {
		display: none !important;
	}
}

@media all and (min-width: 768px) and (max-width: 1023px) {
	#menu .container {
		text-align: center;
	}
	
	#menu .container .navbar-header {
		display: inline-block;
		float: none;
	}
	
	#navbar-scroll, #navbar-scroll > .navbar-nav {
		display: inline-block;
		float: none !important;
		margin-top: 0;
	}
	
	#menu-sticky-wrapper {
		height: auto !important;
	}
	
	#ponudaForm > .form-group > input {
		height: 45px;
	}
	
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		border: none;
	}
	
	#request-toggle {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		background: #aec6e8 none repeat scroll 0 0;
		border-color: #fff #fff #fff #fff;
		border-image: none;
		border-radius: 50px 0 0 50px;
		border-style: solid none solid solid;
		border-width: 3px 0 3px 3px;
		color: #fff;
		cursor: pointer;
		float: left;
		font-weight: bold;
		left: -60px;
		line-height: 1.6;
		margin-right: 10px;
		margin-top: 8px;
		padding: 26px 20px;
		position: absolute;
		text-transform: uppercase;
		top: -51px;
		width: 30px;
	}

	#request-box {
		background: #aec6e8 none repeat scroll 0 0;
		border-bottom: 3px solid #fff;
		border-radius: 0;
		border-top: 3px solid #fff;
		margin-top: 0;
		position: absolute;
		right: -470px;
	}
	
	#request-box.request-box-show {
		/*left: 0;*/
		margin: 0px auto;
		right: 0;
	}

	input.prosledi {
		background-color: #1f96e0 !important;
	}
	
	.lenguage {
		margin-right: 20px;
	}
	
	#feature .table .col-md-4 {
		width: 100%;
	}
	
	#slider {
		margin-top: 149px;
	}
	
	.arrow-left, .arrow-right {
		top: 43%;
	}
	
	.top-menu {
		float: left;
		margin-right: 0px;
	}
	
	.komplet-program {
		display: none !important;
	}
	
}

@media all and (min-width: 480px) and (max-width: 767px) {
	
	#navbar-scroll {
		background: #aec6e8;
		height: 230px;
		position: absolute;
		z-index: 999;
		margin-top: 13px;
		border-bottom: 3px solid #fff;
		border-right: 3px solid #fff;
		border-left: 3px solid #fff;
		width: 100%;
	}
	
	#navbar-scroll li a {
		color: #fff;
	}
	
	
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		border: none;
		background: #3eb0f7;
	}
	
	.navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > .active {
		background: #3eb0f7;
	}
	
	#request-toggle {
		display: none;
	}
	
	#request-toggle-small {
		display: block;
	}

	#request-box {
		position: absolute;
		right:-150%;
		margin-top: 0 !important;
		background: #aec6e8;
		border-left: 3px solid #fff;
		border-right: 3px solid #fff;
		border-bottom: 3px solid #fff;
		border-radius: 0;
		width: 100%;
	}
	
	#request-box.request-box-show {
		left: 0;
		margin: 0px auto;
		right: 0;
	}

	input.prosledi {
		background-color: #1f96e0 !important;
	}
	
	#menu {
		padding-bottom: 0;
	}
	
	#menu-sticky-wrapper {
		height: auto !important;
	}
	
	#slider {
		margin-top: 110px;
	}
	
	#logo-box {
		clear: both;
		float: left;
		text-align: center;
		width: 100%;
	}
	
	#logo-box > a {
		display: inline-block;
		float: none;
	}
	
	.lenguage {
		margin-right: 5px;
	}
	
	#menu-sticky-wrapper .navbar-header {
		margin-top: 10px;
	}
	
	.arrow-left, .arrow-right {
		top: 43%;
	}
	
	.arrow-right {
		right: 10px;
	}
	
	.arrow-left {
		left: 10px;
	}
	
	.arrow-left img, .arrow-right img {
		width: 55px;
	}
	
	.top-menu {
		display: none;
	}
	
}

@media all and (min-width: 320px) and (max-width: 479px) {
	
	#navbar-scroll {
		background: #aec6e8;
		height: 230px;
		position: absolute;
		z-index: 999;
		margin-top: 13px;
		border-bottom: 3px solid #fff;
		border-right: 3px solid #fff;
		border-left: 3px solid #fff;
		width: 100%;
	}
	
	#navbar-scroll li a {
		color: #fff;
	}
	
	#slider {
		margin-top: 110px;
	}
	
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		border: none;
		background: #3eb0f7;
	}
	
	.navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > .active {
		background: #3eb0f7;
	}
	
	#request-toggle {
		display: none;
	}
	
	#request-toggle-small {
		display: block;
	}
	
	#request-box {
		position: absolute;
		right:-150%;
		margin-top: 0 !important;
		background: #aec6e8;
		border-left: 3px solid #fff;
		border-right: 3px solid #fff;
		border-bottom: 3px solid #fff;
		border-radius: 0;
		width: 100%;
	}
	
	#request-box.request-box-show {
		left: 0;
		margin: 0px auto;
		right: 0;
	}
	
	input.prosledi {
		background-color: #1f96e0 !important;
	}
	
	#menu-sticky-wrapper {
		height: auto !important;
	}
	
	#logo-box {
		clear: both;
		float: left;
		text-align: center;
		width: 100%;
	}
	
	#logo-box > a {
		display: inline-block;
		float: none;
	}
	
	.lenguage {
		margin-right: 5px;
	}
	
	#menu-sticky-wrapper .navbar-header {
		margin-top: 10px;
	}
	
	.text-box h1 {
		font-size: 22px;
	}
	
	.text-box p {
		font-size: 12px !important;
	}
	
	.text-box {
		/*margin-top: 10px;*/
	}
	
	.carousel-caption {
		bottom: -10px;
	}
	
	.arrow-left, .arrow-right {
		top: 40%;
	}
	
	.arrow-right {
		right: 10px;
	}
	
	.arrow-left {
		left: 10px;
	}
	
	.arrow-left img, .arrow-right img {
		width: 45px;
	}
	
	.top-menu {
		display: none;
	}
}

@media all and (min-width: 555px) and (max-width: 1023px) {
	#top .container {
		width: 518px;
		padding: 0;
	}
	
	.lenguage {
		margin-right: 0;
	}
	
	#menu-sticky-wrapper .navbar-header {
		margin-top: 10px;
	}
}



