@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}


@media (max-width: 767px) {
	.site_process .carousel-indicators li {width:20%;}
	.about_section{padding:20px 0 60px 0;}
	.btn_bar{text-align:center;}
	
}

@media(min-width:320px) and (max-width:480px) {
	.top_band .navbar-brand{width:50%;}
	.top_band .navbar-toggle{margin-top:10%;}
	.top_band .navbar-collapse{ float:none;}
	#slogen{left:0; border-radius:0; width:100%; min-width:100%; top:60%;}
	#slogen h1{padding:10px;}
	#slogen .links{ padding:0;}
	#slogen .links a{margin:0;}
	#navigation-icons li {margin:0 7px; padding:0; width:19%;}
	.on_mobile{ display:block !important;}
	.after_scroll_top_menu{ display:none;}
	.top-nav-collapse .after_scroll_top_menu{ display:none;}
	
	.top_menu{ display:block;}
	.top-nav-collapse .top_menu{ display:block;}
	.main_banner_section{ padding:0; background-attachment:scroll;}
	
	.main_menu .navbar-nav > li > a > i{ display:inline-block; margin:0 10px 0 0;}
	.main_menu{ margin:0; padding:0;}
	.main_menu .navbar-nav {margin: 0px -15px;}
	.main_menu .navbar-nav > li > a{ margin-right:1px; border-bottom:1px solid #fff; border-radius:0px; background-color:#2fb1fb;}
.main_menu .navbar-nav > li > a:hover, .main_menu .navbar-nav > li > a:focus { color:#fff !important; background-color:#ff3c2f !important; border-bottom:1px solid #ff3c2f;}
	.main_menu .navbar-nav .active > a, .main_menu .navbar-nav .active > a:hover, .main_menu .navbar-nav .active > a:focus { color:#fff !important;  background-color:#ff3c2f !important; border-bottom:1px solid #ff3c2f;}
	
	.about_section .about_tittle h1{ font-size:40px;}
	.about_section .about_tittle h3{ font-size:13px;}
	.about_section .about_tittle_info{ font-size:20px; line-height:30px;}
	
	.footer .footer_text{text-align:center;}
	.footer a{ font-size:15px; line-height:30px;}
	.footer .social_icon{ text-align:center;}
	
}

@media(min-width:480px) and (max-width: 550px) {
	
	.main_menu .navbar-nav > li > a > i{ display:inline-block; margin:0 10px 0 0;}
	.on_mobile{ display:block !important;}
	
	
}

@media(min-width:550px) and (max-width:767px) {
	#slogen{left:15%; border-radius:10px; width:72%; min-width:72%; top:60%; height:auto; padding:10px;}
	#slogen h1{padding:10px;}
	#slogen .links{ padding:0;}
	#slogen .links a{margin:0;}
	
	.on_mobile{ display:block !important;}
	.point_box{-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; margin:0;}
	
	
	.main_menu .navbar-nav > li > a > i{ display:inline-block; margin:0 10px 0 0;}
	.main_menu{ margin:0; padding:0;}
	.main_menu .navbar-nav {margin: 0px -15px;}
	.main_menu .navbar-nav > li > a{ margin-right:1px; border-bottom:1px solid #fff; border-radius:0px; background-color:#2fb1fb;}
.main_menu .navbar-nav > li > a:hover, .main_menu .navbar-nav > li > a:focus { color:#fff !important; background-color:#ff3c2f !important; border-bottom:1px solid #ff3c2f;}
	.main_menu .navbar-nav .active > a, .main_menu .navbar-nav .active > a:hover, .main_menu .navbar-nav .active > a:focus { color:#fff !important;  background-color:#ff3c2f !important; border-bottom:1px solid #ff3c2f;}
	
	
	.footer a{ font-size:15px; line-height:30px;}
	#contact_section{padding: 100px 0 0 0;}

}

@media (min-width:768px) and (max-width:990px) {
	
	#slogen{left:15%; border-radius:10px; width:72%; min-width:72%; top:60%; height:auto; padding:10px;}
	#slogen h1{padding:10px;}
	#slogen .links{ padding:0;}
	#slogen .links a{margin:0;}
	
	.main_menu .navbar-nav > li > a{ font-size:12px; padding:8px 15px; margin-right:1px;}

}

@media (min-width: 991px) and (max-width:1169px) {
	#slogen{left:20%; border-radius:10px; width:60%; min-width:60%; top:60%; height:auto; padding:10px;}
	#slogen h1{padding:10px;}
	#slogen .links{ padding:0;}
	#slogen .links a{margin:0;}
	
	
}

@media (min-width:991px) { 
	
}