/*------------------------------------------------------------------
[Stylesheet]
Responsiveness Fixes
-------------------------------------------------------------------*/

@media (max-width: 337px){
	.navigation_desktop ul {
    	margin-top:-2rem;
	}
	
	#navigacija {
    margin: 0 auto;
    width: 100%;
}
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	nav li a {
		border-top: 0 none;
	}
	nav {
		padding: 0;
	}
	#logo {
		float: none;
		margin: 0 auto;
	}
	
	h1 {
		font-size: 3rem;
		line-height: 3.18rem;
	}
	.hero_fullscreen.background_solid.solid_02 {
		background-repeat: no-repeat;
		background-color: #e31b23;
	}
	
	.more_info_anim1, .more_info_anim2, .more_info_anim3, .more_info_anim4, .more_info_anim5, .more_info_anim6, .more_info_anim7, .more_info_anim8, .more_info_anim9, .more_info_anim10, .about_video_anim1, .about_video_anim2, .about_video_anim3, .about_video_anim4, .about_video_anim5, .about_video_anim6, .about_video_anim7, .about_video_anim8, .about_video_anim9, .about_video_anim10, .reviews_anim1, .reviews_anim2, .reviews_anim3, .reviews_anim4, .reviews_anim5, .reviews_anim6, .reviews_anim7, .reviews_anim8, .reviews_anim9, .reviews_anim10, .screenshots_anim1, .screenshots_anim2, .screenshots_anim3, .screenshots_anim4, .screenshots_anim5, .screenshots_anim6, .screenshots_anim7, .screenshots_anim8, .screenshots_anim9, .screenshots_anim10, .pricing_anim1, .pricing_anim2, .pricing_anim3, .pricing_anim4, .pricing_anim5, .pricing_anim6, .pricing_anim7, .pricing_anim8, .pricing_anim9, .pricing_anim10, .team_anim1, .team_anim2, .team_anim3, .team_anim4, .team_anim5, .team_anim6, .team_anim7, .team_anim8, .team_anim9, .team_anim10, .cta_download_anim1, .cta_download_anim2, .cta_download_anim3, .cta_download_anim4, .cta_download_anim5, .cta_download_anim6, .cta_download_anim7, .cta_download_anim8, .cta_download_anim9, .cta_download_anim10, .contact_anim1, .contact_anim2, .contact_anim3, .contact_anim4, .contact_anim5, .contact_anim6, .contact_anim7, .contact_anim8, .contact_anim9, .contact_anim10 {
		opacity: 1 !important;
	}
	
	.col-xs-12.col-sm-12.col-md-6.col-lg-6.align-center.visible-md.visible-lg.more_info_anim6.animated.fadeInUp {
		display: none !important
	}
	
	#feature3 .feature_box_center_content_row .row div {
		min-height: auto !important
	}
	
	
	.tab_cndwn {
		position: static;
		margin: 0 auto;
	}
	#polica {
		display: none;
	}
	#clock {
		box-shadow: 0 9px 9px -12px #444;
		float: none;
		margin: 0 auto;
	}
	.cta_button_area {
		margin-bottom: 7rem
	}
	#feature3 {
		background: none;
	}
	#feature3 .feature_box_center_content_row .row div {
		min-height: 134px;
	}
	
	.forma .third-in {
		width: 100%;
	}

	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	nav ul {
		background: #fff none repeat scroll 0 0;
		position: relative;
		z-index: 9999;
	}
	.mobile a {
		border: 0 none;
		color: #444 !important;
		font-size: 1.2em;
		height: auto !important;
		line-height: normal;
		padding: 9px 0 !important;
	}
	
	.half-in.mail-in {
		width: 100%;
	}
	.third-in.fon-in {
		width: 33.3% !important
	}
	
	#logo {
		float: none;
		padding: 0;
	}
	#logo > a {
		display: block;
		text-align: center;
	}
	#header #slogan {
		float: none;
		width: 100%;
	}
	#slogan > p {
		text-align: center;
	}
	
	img, svg {
		max-width: 100%;
	}
	
	.cta_button_area {
		margin-bottom: 10rem;
		margin-top: 20rem;
	}

		.hero_fullscreen.background_solid.solid_02 {
		background-attachment: scroll !important
	}
}


@media (max-width: 479px) {

	#main_content {
		text-align:center!important;
		margin-right:15px;
	}
	
	.input-field .prefix {
		display:none;
	}
	
	.input-field .prefix ~ input {
		margin-left:0;
		width:100%;
	}
	
	.input-field .prefix ~ label {
    	margin-left: 0;
    }
	
	.container {
		padding-left: 0;
		padding-right: 0;
	}
	
	#message h4{
    	font-size: 1.2rem;
    	line-height: 2.06rem;
	}
	
	#message {
		width:100%;
		margin: 0;
		max-height:100%;
		margin-left:-50%;
		margin-top:-50%;
	}
	
	.navigation_desktop ul li, .menu_bar_navigation ul li { float:right; }
	.feature_box_center_content_row {padding-top:2rem;}	
	.feature_box, .feature_box_center { padding-top:0rem;}
	.feature_box .feature_content { padding-top:2rem; padding-bottom:0;}
	.feature_image { margin-top:3rem; padding-bottom:3rem;}
	
	
		
	#navigacija {
    margin: 0 auto;
    width: 100%;
}
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	nav ul {
		background: #fff none repeat scroll 0 0;
		position: relative;
		z-index: 9999;
	}
	.mobile a {
		border: 0 none;
		color: #444 !important;
		font-size: 1.2em;
		height: auto !important;
		line-height: normal;
		padding: 9px 0 !important;
	}
	nav li a {
		border-top: 0 none;
	}
	nav {
		padding: 0;
	}
	#logo {
		float: none;
		margin: 0 auto;
	}
	
	h1 {
		font-size: 3rem;
		line-height: 3.18rem;
	}
	.hero_fullscreen.background_solid.solid_02 {
		background-repeat: no-repeat;
		background-color: #e31b23;
	}
	
	.more_info_anim1, .more_info_anim2, .more_info_anim3, .more_info_anim4, .more_info_anim5, .more_info_anim6, .more_info_anim7, .more_info_anim8, .more_info_anim9, .more_info_anim10, .about_video_anim1, .about_video_anim2, .about_video_anim3, .about_video_anim4, .about_video_anim5, .about_video_anim6, .about_video_anim7, .about_video_anim8, .about_video_anim9, .about_video_anim10, .reviews_anim1, .reviews_anim2, .reviews_anim3, .reviews_anim4, .reviews_anim5, .reviews_anim6, .reviews_anim7, .reviews_anim8, .reviews_anim9, .reviews_anim10, .screenshots_anim1, .screenshots_anim2, .screenshots_anim3, .screenshots_anim4, .screenshots_anim5, .screenshots_anim6, .screenshots_anim7, .screenshots_anim8, .screenshots_anim9, .screenshots_anim10, .pricing_anim1, .pricing_anim2, .pricing_anim3, .pricing_anim4, .pricing_anim5, .pricing_anim6, .pricing_anim7, .pricing_anim8, .pricing_anim9, .pricing_anim10, .team_anim1, .team_anim2, .team_anim3, .team_anim4, .team_anim5, .team_anim6, .team_anim7, .team_anim8, .team_anim9, .team_anim10, .cta_download_anim1, .cta_download_anim2, .cta_download_anim3, .cta_download_anim4, .cta_download_anim5, .cta_download_anim6, .cta_download_anim7, .cta_download_anim8, .cta_download_anim9, .cta_download_anim10, .contact_anim1, .contact_anim2, .contact_anim3, .contact_anim4, .contact_anim5, .contact_anim6, .contact_anim7, .contact_anim8, .contact_anim9, .contact_anim10 {
		opacity: 1 !important;
	}
	
	.col-xs-12.col-sm-12.col-md-6.col-lg-6.align-center.visible-md.visible-lg.more_info_anim6.animated.fadeInUp {
		display: none !important
	}
	
	#feature3 .feature_box_center_content_row .row div {
		min-height: auto !important
	}
	
	
	.tab_cndwn {
		position: static;
		margin: 0 auto;
	}
	#polica {
		display: none;
	}
	#clock {
		box-shadow: 0 9px 9px -12px #444;
		float: none;
		margin: 0 auto;
	}
	.cta_button_area {
		margin-bottom: 7rem
	}
	#feature3 {
		background: none;
	}
	#feature3 .feature_box_center_content_row .row div {
		min-height: 134px;
	}
	
	.forma .third-in {
		width: 100%;
	}

	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	
	nav ul {
		background: #fff none repeat scroll 0 0;
		position: relative;
		z-index: 9999;
	}
	.mobile a {
		border: 0 none;
		color: #444 !important;
		font-size: 1.2em;
		height: auto !important;
		line-height: normal;
		padding: 9px 0 !important;
	}
	.half-in.mail-in {
		width: 100%;
	}
	.third-in.fon-in {
		width: 33.3% !important
	}
	#txtTelefon-error.error {
		font-size: 9px;
	}
	label.error {
    bottom: -12px;
	}
	
	#logo {
		float: none;
		padding: 0;
	}
	#logo > a {
		display: block;
		text-align: center;
	}
	#header #slogan {
		float: none;
		width: 100%;
	}
	#slogan > p {
		text-align: center;
	}
	
	img, svg {
		max-width: 100%;
	}
	.cta_button_area {
		margin-bottom: 10rem;
		margin-top: 18rem;
	}

		.hero_fullscreen.background_solid.solid_02 {
		background-attachment: scroll !important
	}
	
}
	
@media (min-width: 480px) and (max-width: 767px) {

	.hero_fullscreen.background_solid.solid_02 {
		background-attachment: scroll !important
	}
		
	#main_content { 
		text-align:center!important;		
	}
	
	.social_icons_container {
    	text-align:center!important
	}

	#message h4{
    	font-size: 1.2rem;
    	line-height: 2.06rem;
	}
	
	#message {
		width:100%;
		margin: 0;
		max-height:100%;
		margin-left:-50%;
		margin-top:-50%;
	}
	
	.navigation_desktop ul li, .menu_bar_navigation ul li { float:right; }	
	.feature_box_center_content_row {padding-top:2rem;}
	.feature_box, .feature_box_center { padding-top:0rem;}
	.feature_box .feature_content { padding-top:2rem; padding-bottom:0;}
	.feature_image { margin-top:2rem; padding-bottom:3rem;}
	
	
		
	#navigacija {
    margin: 0 auto;
    width: 100%;
}
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	nav li a {
		border-top: 0 none;
	}
	nav {
		padding: 0;
	}
	
	nav ul {
		background: #fff none repeat scroll 0 0;
		position: relative;
		z-index: 9999;
	}
	.mobile a {
		border: 0 none;
		color: #444 !important;
		font-size: 1.2em;
		height: auto !important;
		line-height: normal;
		padding: 9px 0 !important;
	}
	#logo {
		float: none;
		margin: 0 auto;
	}
	
	h1 {
		font-size: 3rem;
		line-height: 3.18rem;
	}
	.hero_fullscreen.background_solid.solid_02 {
		background-repeat: no-repeat;
		background-color: #e31b23;
	}

	.animated, .fadeInUp, .fadeInDown {
		opacity: 1 !important;
		transform: none !important;
		display: block !important;
		animation: none !important;
		top: 0 !important;
		bottom: 0 !important;
	}
	
	
	.tab_cndwn {
		position: static;
		margin: 0 auto;
	}
	#polica {
		display: none;
	}
	#clock {
		box-shadow: 0 9px 9px -12px #444;
		float: none;
		margin: 0 auto;
	}
	.cta_button_area {
		margin-bottom: 1rem
	}
	#feature3 {
		background: none;
	}
	#feature3 .feature_box_center_content_row .row div {
		min-height: 134px;
	}
	
	.forma .third-in {
		width: 100%;
	}
	
	.tab_cndwn {
		position: static;
		margin: 0 auto;
	}
	#polica {
		display: none;
	}
	#clock {
		box-shadow: 0 9px 9px -12px #444;
		float: none;
		margin: 0 auto;
	}
	.cta_button_area {
		margin-bottom: 1rem
	}
	#feature3 {
		background: none;
	}
	#feature3 .feature_box_center_content_row .row div {
		min-height: 134px;
	}
	#txtTelefon-error.error {
		font-size: 9px;
	}
	label.error {
    bottom: -8px;
	}

	#logo {
		float: none;
		padding: 0;
	}
	#logo > a {
		display: block;
		text-align: center;
	}
	#header #slogan {
		float: none;
		width: 100%;
	}
	#slogan > p {
		text-align: center;
	}
	
	img, svg {
		max-width: 100%;
	}
	
}

@media (min-width: 768px) and (max-width: 991px) {
	.navigation_desktop ul li, .menu_bar_navigation ul li { float:right; }
	.feature_box_center_content_row {padding-top:2rem;}
	.feature_box, .feature_box_center { padding-top:0rem;}
	.feature_box .feature_content { padding-top:2rem; padding-bottom:0;}
	.feature_image { margin-top:2rem; padding-bottom:3rem;}

	.tab_cndwn {
		position: static;
		margin: 0 auto;
	}
	#polica {
		display: none;
	}
	#clock {
		box-shadow: 0 9px 9px -12px #444;
		float: none;
		margin: 0 auto;
	}
	.cta_button_area {
		margin-bottom: 1rem
	}
	#feature3 {
		background: none;
	}
	#feature3 .feature_box_center_content_row .row div {
		min-height: 134px;
	}
	#txtTelefon-error.error {
		display: none !important
	}
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	nav ul {
		background: #fff none repeat scroll 0 0;
		position: relative;
		z-index: 9999;
	}
	.mobile a {
		border: 0 none;
		color: #444 !important;
		font-size: 1.2em;
		height: auto !important;
		line-height: normal;
		padding: 9px 0 !important;
	}
}


/* @media (min-width: 992px) and (max-width: 1199px) {
	nav li a {
 	   padding: 20px 11px !important;
	}

	h1 {
		font-size: 3em !important;
		line-height: 3.18rem
	}
	#txtTelefon-error.error {
		font-size: 9px;
	}
} */
/* @media (min-width: 1200px) and (max-width: 1367px) {

nav li a {
 	   padding: 20px 16px !important;
	}

} */