/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE STYLES
/*-----------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {

	


}

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

	.main_menu li {margin:0 25px;}
	
	#services .service_item {padding:30px 10px 25px;}
	#services .service_item i {margin-bottom:20px;}
	#services .service_item span {font-size:10px; line-height:15px;}
	
	
	
	
	.widgets_clear {display:block;}
	
}

@media (max-width: 767px) {
	
	/* Menu */
	header {position:relative; top:0; margin:0; padding:15px 0 !important;}
	.menu_toggler {float:right; display:block; margin-top:2px; width:20px; height:20px; line-height:20px; text-align:center; font-size:21px; color:#333;}
	
	.main_menu {padding:0;}
	.main_menu ul {position:absolute; left:0; top:100%; width:100%; text-align:left; background-color:#333;}
	.main_menu li {display:block; margin:0; padding:0 0 4px 30px;}
	.main_menu li:before, .main_menu li:after {display:none;}
	.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;}
	
	
	.top_bar {position:fixed; left:0; top:0; z-index:9480;}
	.logo {padding:10px 0; text-align:left;}
	.logo a {width:80px;}
	
	
	#home, .flexslider.top_slider .slides li, .flexslider.top_slider .container {height:210px;}
	.top_slider_cap {left:50px; right:50px; width:auto; margin:0;}
	.top_slider_cap h1 {font-size:22px; line-height:24px;}
	.top_slider_cap p {font-size:10px; line-height:15px;}
	
	
	#gallery .gallery_img {width:50%;}
	
	
	
	
	.widgets_clear {display:block;}
	
}

@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%;}

}


































