/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE STYLES
/*-----------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
	
	header {padding:15px 0 20px;}
	.logo a {width:300px;}
	
	#about .about_services {margin-right:30px; width:100%;}
	
	
}

@media (min-width: 768px) and (max-width: 991px) {

	header {padding:15px 0 20px;}
	.logo a {width:300px;}
	.main_menu li {margin:0 20px;}
	
	#about .about_foto {margin-right:95px;}
	#about .about_text {padding:0 0 30px;}
	#about .about_services {margin-right:30px; width:100%;}
	
	
	
	
	.widgets_clear {display:block;}
	

}

@media (min-width: 750px) and (max-width: 870px) {
	.top_slider_cap h1 {font-size:36px; line-height: 36px; padding: 0 120px; }
}

@media (max-width: 767px) {
	
	/* Menu */
	header {position:relative; padding:10px 0;}
	.menu_toggler {display:inline-block; margin-top:5px; width:20px; height:20px; line-height:20px; text-align:center; font-size:21px; color:#453645;}
	
	.main_menu {padding:0; float:right;}
	.main_menu ul {position:absolute; z-index:9999; left:0; top:100%; width:100%; text-align:left; background-color:#2d3134;}
	.main_menu li {display:block; margin:0; padding:0 0 4px 30px;}
	.main_menu li a {color:rgba(255,255,255,0.5); padding:0;}
	.main_menu li a:before {display:none;}
	.main_menu li a:hover, .main_menu li.active a {background:none; color:#fff;}
	
	
	.logo {float:left;}
	.logo a {width:130px;}
	
	#home {margin-bottom:0;}
	#home, .flexslider.top_slider .container {height:240px;}
	.top_slider_cap {left:30px; right:30px; width:auto; margin:0;}
	.top_slider_cap h1 {font-size:36px; line-height:36px; margin-bottom:5px;}
	.top_slider_cap p {font-size:11px; line-height:17px;}
	
	#about {margin-bottom:0; padding-bottom:0;}
	#about .about_foto {position:static; margin:0;}
	#about .about_foto img {width:100%;}
	#about .about_text {padding:0 0 50px;}
	#about .about_services {display:block; width:100%; margin:0 0 30px;}
	
	#defaultCountdown .countdown-section {padding:20px 5px;}
	#defaultCountdown .countdown-amount {padding-bottom:5px; line-height:26px; font-size:26px;}
	#defaultCountdown .countdown-period {line-height:15px; font-size:11px;}
	
	
	
	
	
	.widgets_clear {display:block;}
	
}

@media (max-width: 620px) {
	
	.our_video_active, .about_text_btn {width:100%; text-align:center;}

}

@media (max-width: 479px) {
	
	
	


	/* Bootstrap Style fix */
	.col-ss-1, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6, .col-ss-7, .col-ss-8, .col-ss-9, .col-ss-10, .col-ss-11 {float: left;}
	.col-ss-12 {width: 100%;}
	.col-ss-11 {width: 91.66666666666666%;}
	.col-ss-10 {width: 83.33333333333334%;}
	.col-ss-9 {width: 75%;}
	.col-ss-8 {width: 66.66666666666666%;}
	.col-ss-7 {width: 58.333333333333336%;}
	.col-ss-6 {width: 50%;}
	.col-ss-5 {width: 41.66666666666667%;}
	.col-ss-4 {width: 33.33333333333333%;}
	.col-ss-3 {width: 25%;}
	.col-ss-2 {width: 16.666666666666664%;}
	.col-ss-1 {width: 8.333333333333332%;}
	.our_video_active {min-width: 100%;}
}