/* < 1200 px */
@media screen and (max-width: 63.9375em) {
	.desktop-only {
		display: none;
	}
	#login_bg {
		display: none;
	}
	h1 { 
		max-width: calc(100% - 105px);
	}
	h1 a {
		background: #000 url(/img/mercedes-benz_logo.svg) left center no-repeat;
	}
	div#profil, header h2, header p, nav {
		display :none;
	}
	a#burger {
		display: block;
		width: 65px;
		height: 65px;
		border-radius: 50%;
		float: right;
		background: #1d1d1d url(/img/burger.svg) center center no-repeat;
		background-size: 40% auto;
	}
	section {
		height: calc(100% - 128px);
	}
	section .side_padding {
		padding: 0;	
	}	
	section#login .side_padding {
		padding: 0  5.64%;	
	}
	div#container {
		height: 100%;
	}
	#container h2 {
		font-size: 36px;
	}
	#container h2:before {
		width: 40px;
		top: -19px;
	}
	.registration_body {
		background: #f6f6f6;
	}
	#registration {
		background: #f6f6f6;
		position: relative;
		padding: 0;
		height: 100%;
		margin: 0;
	}
	#registration .grid-container, #registration .grid-container .grid-x, #registration .grid-container .grid-x .cell {
		height: 100%;
		position: relative;
	}
	#registration_form_container {
		height: auto;
		min-height: 100%;
		width: 100%;
		top: 0;
		left: 50%;
		-ms-transform: translate(-50%, 0); /* IE 9 */
		-webkit-transform: translate(-50%, 0); /* Safari */
		transform: translate(-50%, 0);
	}
	#registration_form_container h1 {
		display: none;
	}
	#registration form label {
		width: 34%;
	}
	#registration form input[type="text"], #registration form input[type="email"] {
		width: 62%;
	}
	#registration form label.ra {
		text-align: left;
	}
	#registration form label.tr {
		margin: 8px 0 0 0;
	}	
	button#registracija {		
		float: right;
	}
	button, a.button {
		margin: 20px 0;
		font-size: 18px;
		min-height: 36px;
		min-width: 145px;
	}
	#registration form a.deaktivacija {
		line-height: 36px;
	}
	a.back {
		margin: 10px 0;
	}
	a.back:before {
		top: 5px;
		left: 28px;
	}
	#registration footer {
		bottom: 0;
	}
	footer, .footer {
		height: 35px;
	}
	footer .grid-x {
		padding: 5px 0;
	}
	footer p, .footer p {
		text-align: center;
		width: 100%;
	}
	
	/**************** NAV ********************************************************************************************************************************************************************************************/
	
	#mobile_nav {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: 9999999;
		top: -100%;
		-webkit-transition: top 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
		transition: top 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
	}
	#mobile_nav.activex {
		top: 0;
	}
	#mobile_nav ul {
		width: 100%;
		position: relative;
		padding: 0 0 15px 0;
	}
	#mobile_nav ul li {
		width: 100%;
		display: block;
		border-bottom: 1px solid #c8c6c7;
		position: relative;
	}
	#mobile_nav ul li a {	
		font-family: 'daimler_cacregular', serif;
		padding: 10px 5.64%;
		top: 0;
		opacity: 0;
		text-align: left;
		font-size: 30px;
		color: #222;
	}
	#mobile_nav ul li.active a {
		opacity: 1;
		top: 0;
	}
	#mobile_nav ul li a:before {
		display: none;
	}
	.notification {
		width: 22px;
		height: 22px;
		top: 9px;
		line-height: 22px;
		font-size: 14px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#mobile_nav .header {
		height: 129px;
		width: 100%;
		position: relative;
		padding: 32px 5.64% 0 5.64%;
	}
	#mobile_nav h1 { 
		max-width: calc(100% - 105px);
	}
	#mobile_nav h1 a {
		background: #fff url(/img/mercedes-benz_logo3.svg) left center no-repeat;
	}
	#close_nav {
		display: block;
		width: 65px;
		height: 65px;
		float: right;
		background: url(/img/close.png) center center no-repeat;
	}
	#mobile_nav h2 {
		text-align: left;
	}
	#mobile_nav h2 a {
		font-family: 'daimler_csprolight';
		text-align: left;
		font-weight: normal;
		color: #898989;
		font-size: 20px;
		padding: 5px 5.64%;
	}
	
	/**************** PRESTIGE CLUB ********************************************************************************************************************************************************************************************/
	
	#prestige_club .white-border, #prestige_club .bottom-white-border, #prestige_club .text_container_bg, #prestige_club .black-overlay, #auto_overlay {
		display: none;
	}
	#prestige_club {
		overflow-x: hidden;
		overflow-y: auto;
	}
	#prestige_club:before {
		height: 50%;
	}
	#prestige_club .text_container {
		padding: 40px 5.64%;	
		background: #fff;
		position: absolute;
		top: 50%;
		height: auto;
		min-height: 50%;
	}
	
	/**************** PONUDE ********************************************************************************************************************************************************************************************/
	
	#ponude.active #ponude_scroll_down {
		display: block;
	}
	.ponude_kat_kategorija {
		display: none;
	}
	.slider_container {
		width: 100%;
	}
	.bx-wrapper .bx-prev {
		left: 2%;
	}
	.bx-wrapper .bx-next {
		right: 2%;
	}
	.slider li.ponuda_opis {
		overflow-y: auto;
	}
	#ponude .text_container {
		padding: 46px 21px 40px 21px;
	}
	#ponude .ponuda_opis .text_container, #partneri .ponuda_opis .text_container {	
		position: relative;
		top: 0;
		left: 0;
		-ms-transform: translate(0, 0); /* IE 9 */
		-webkit-transform: translate(0, 0); /* Safari */
		transform: translate(0, 0);
	}
	#ponude .ponuda_opis .text_container h2, #partneri .ponuda_opis .text_container h2 {
		font-size: 36px;
	}
	#ponude .ponuda_opis .text_container h2:before, #partneri .ponuda_opis .text_container h2:before {
		width: 40px;
		top: -19px;
		left: calc(50% - 20px);
	}
	#ponude .ponuda_opis .text_container p, #partneri .ponuda_opis .text_container p {
		padding: 0 10%;
		font-size: 14px;
		line-height: 18px;
	}
	
	/**************** PARTNERI ********************************************************************************************************************************************************************************************/
	
	#partneri .partner_detalji {
		overflow-y: auto;
	}
	#partneri .partner_detalji .text_container {
		padding: 46px 5.64% 50px 5.64%;
		position: relative;
		top: 0;
		left: 0;
		-ms-transform: translate(0, 0); /* IE 9 */
		-webkit-transform: translate(0, 0); /* Safari */
		transform: translate(0, 0);
	}
	#partneri .partner_detalji .text_container p.contact {
		width: 100%;
		margin-left: 0;
		text-align: center;
		padding: 0;
	}
	#partneri .partner_detalji .text_container h2 {
		font-size: 36px;
	}
	#partneri .partner_detalji .text_container h2:before {
		top: -19px;
	}
	#partneri .partner_detalji .text_container p {
		padding: 0;
		font-size: 14px;
		line-height: 18px;
	}
	
	/**************** SVIJET ********************************************************************************************************************************************************************************************/
	
	#mercedes-benz_svijet .svijet .text_container h2, #mercedes-benz_svijet #svijet_mercedes-benz_collection h2, #mercedes-benz_svijet .svijet_detalji .podsvijet .text_container h2 {
		font-size: 36px;
	}
	#mercedes-benz_svijet .svijet .text_container h2:before, #mercedes-benz_svijet #svijet_mercedes-benz_collection h2:before, #mercedes-benz_svijet .svijet_detalji .podsvijet .text_container h2:before {
		top: -19px;
	}
	#mercedes-benz_svijet .svijet_detalji .cell {
		height: auto;
		min-height: 100%;
	}
	.podsvijet {
		height: auto;
		min-height: 100%;
	}
	#svijet_za_vase_vozilo.active #vozilo_scroll_down {
		display: block;
	}
	.close_svijet_det, .close_partner_det, .close_ponude_kat {
		width: 40px;
		height: 40px;
		line-height: 40px;
		right: 0;
		left: auto;
	}
	#svijet_mercedes-benz_collection
	{
		height: 100%;
		background-image: none !important;
	}
	#za_vas_bg {
		display: inline-block;
		width: 100%;
		height: auto;
	}
	#svijet_mercedes-benz_collection .white-border, #svijet_mercedes-benz_collection .bottom-white-border {
		display: none;
	}
	.mercedes-benz_collection {
		top: 0;
	}
	#mercedes-benz_svijet #svijet_mercedes-benz_collection .text_container {
		padding: 46px 5.64% 50px 5.64%;
	}
	#mercedes-benz_svijet #ovlasteni_partneri {
		clear: both;
		margin: 0;
		width: 100%;
		max-width: 100%;
		position: relative;
		bottom: auto;
		left: 0;
		padding: 30px 0 0 0;
	}
	.close_svijet_det.black {
		color: #fff;
	}
	#mercedes-benz_svijet .svijet_detalji .text_container {
		padding: 46px 5.64% 50px 5.64%;
	}
	
	/**************** NOVOSTI ********************************************************************************************************************************************************************************************/
	
	#novosti .cell {
		height: 100%;
	}
	#novosti .prva_novost {
		height: 100%;
	}
	#novosti .text_container {
		padding: 46px 21px 0 21px;
	}
	#novosti p {
		max-width: 100%;
	}
	#novosti .novosti_slider .cell.bgimage  {
		height: 50%;		
	}
	#novosti .novosti_slider .cell.tcontainer  {
		height: 50%;		
	}
	.bgimage .white-border, .bgimage .bottom-white-border, .naslov_novosti {
		display: none; 
	}
	.close_novost_det {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	#novosti .novosti_slider .cell.tcontainer .text_container  {
		padding: 46px 40px 50px 40px;	
		height: auto;
		background-color: #fff;
	}
	.novosti_slider .bx-prev, .novosti_slider .bx-next {
		height: 50%!important;
		width: 30px!important;
		right: 0 !important;
		top: 0 !important;
		background-size: 12px auto !important;
		-ms-transform: translateY(0) !important;
		-webkit-transform: translateY(0) !important; 
		transform: translateY(0) !important;
		background-color: #fff;
	}
	.novosti_slider .bx-prev {
		left: 0 !important;
		display: block !important;
	}
	.novosti_slider .bx-wrapper .bx-prev {
		background: #fff url(/img/arrow_left_blue.svg) center center no-repeat;
	}

	.novosti_slider .bx-wrapper .bx-next {
		background: #fff url(/img/arrow_right_blue.svg) center center no-repeat;
	}
}


@media screen and (min-width: 64em) and (max-width: 89.9375em) {	
	div#profil, header h2, header p, nav {
		display :none;
	}
	a#burger {
		display: block;
		width: 65px;
		height: 65px;
		border-radius: 50%;
		float: right;
		background: #1d1d1d url(/img/burger.svg) center center no-repeat;
		background-size: 40% auto;
	}
	div#container {
		height: 100%;		
	}
	#container h2 {
		font-size: 36px;
	}
	#container h2:before {
		width: 40px;
		top: -19px;
	}
	#container p {
		font-size: 16px;
		line-height: 20px;
	}
	
	/**************** NAV ********************************************************************************************************************************************************************************************/
	
	#mobile_nav {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: 9999999;
		top: -100%;
		-webkit-transition: top 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
		transition: top 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
	}
	#mobile_nav.activex {
		top: 0;
	}
	#mobile_nav ul {
		width: 100%;
		position: relative;
		padding: 0 0 30px 0;
	}
	#mobile_nav ul li {
		width: 100%;
		display: block;
		border-bottom: 1px solid #c8c6c7;
		position: relative;
	}
	#mobile_nav ul li a {	
		font-family: 'daimler_cacregular', serif;
		padding: 20px 5.64%;
		top: 0;
		opacity: 0;
		text-align: left;
		font-size: 36px;
		color: #222;
	}
	#mobile_nav ul li.active a {
		opacity: 1;
		top: 0;
	}
	#mobile_nav ul li a:before {
		display: none;
	}
	.notification {
		width: 22px;
		height: 22px;
		line-height: 22px;
		font-size: 14px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#mobile_nav .header {
		height: 129px;
		width: 100%;
		position: relative;
		padding: 32px 5.64%;
	}
	#mobile_nav h1 { 
		max-width: calc(100% - 105px);
	}
	#mobile_nav h1 a {
		background: #fff url(/img/mercedes-benz_logo3.svg) left center no-repeat;
	}
	#close_nav {
		display: block;
		width: 65px;
		height: 65px;
		float: right;
		background: url(/img/close.png) center center no-repeat;
	}
	#mobile_nav h2 {
		text-align: left;
	}
	#mobile_nav h2 a {
		font-family: 'daimler_csprolight';
		text-align: left;
		font-weight: normal;
		color: #898989;
		font-size: 20px;
		padding: 5px 5.64%;
	}
	
	
	#prestige_club .text_container {
		padding: 40px 5.64%;
	}
	
	.podsvijet {
		background-color: #000;
		min-height: 700px;
		overflow: hidden;
	}
	#mercedes-benz_svijet .svijet_detalji.active .podsvijet .semitransparent_overlay {
		min-height: 700px;
	}
	.svijet_detalji {
		background-color: #000;
	}
	
	#mercedes-benz_svijet #svijet_mercedes-benz_collection .text_container {
		padding: 46px 5.64% 50px 5.64%;
		height: auto;
		min-height: 100%;
	}
	#mercedes-benz_svijet #ovlasteni_partneri {
		clear: both;
		margin: 0;
		width: 100%;
		max-width: 100%;
		position: relative;
		bottom: auto;
		left: 0;
		padding: 30px 0 0 0;
	}
	#novosti .text_container {
		padding: 26px 5.64% 50px 5.64%;
	}
	#novosti h2 {
		font-size: 24px;
		padding: 0;
	}
	#novosti h2:before {
		width: 40px;
		top: -12px;
	}
	#novosti p {
		font-size: 14px;
		line-height: 18px;
	}
	#novosti p.date {
		font-size: 12px;
		line-height: 16px;
		padding: 0;
	}
	.novosti_slider li {
		background-color: #fff;
		overflow: none;
	}
	#novosti .novosti_slider .text_container {
		padding: 46px 65px 0 5.64%;
		background-color: #fff;
		box-sizing: border-box;
	}
	.naslov_novosti {
		width: 45px;
	}
	.naslov_novosti h3 {
		display: none;
	}
	.close_novost_det {
		width: 45px;
		height: 45px;
		line-height: 45px;
	}
	#novosti .novosti_slider p {
		font-size: 16px;
		line-height: 20px;
	}
	#novosti .novosti_slider h2 {
		padding-bottom: 1rem;
		font-size: 36px;
	}
	#novosti .novosti_slider h2:before {
		width: 40px;
		top: -19px;
	}
	.footer {
		padding: 0 5.64%;
	}
}
@media screen and (max-height: 43em) {	
	body.registration_body, body.profil_body, body.login_body {
		overflow-y: auto;
	}
	#registration, #registration_form_container, section#login, form#login_form {
		position: relative;
		margin: 0 auto;
		top: 0;
		left: auto;
		-ms-transform: translate(0, 0); /* IE 9 */
  		-webkit-transform: translate(0, 0); /* Safari */
  		transform: translate(0, 0);
		height: auto;
	}
	#registration {
		padding: 20px 0;
	}
	#registration footer, body.login_body footer {
		position: relative;
	}
	body.login_body footer {
		top: 200px;
	}
	section#login {
		top: 200px;
		overflow: visible;
	}
	form#login_form { 
		width: 100%;
	}
}
@media screen and (max-height: 65em) {	
	#mercedes-benz_svijet #ovlasteni_partneri {
		clear: both;
		margin: 0;
		width: 100%;
		max-width: 100%;
		position: relative;
		bottom: auto;
		left: 0;
		padding: 30px 0 0 0;
	}
}