@media (min-width: 240px) and (max-width: 568px){
.container{ width:94%;}
.carousel-inner > .item > img{ height:280px; width:100%;}
.glyphicon img{ width:24px;}
.carousel-control .glyphicon-chevron-left{ top:42%; width:24px; height:auto; margin-left:0px;}
.carousel-control .glyphicon-chevron-right{ top:42%; width:24px; height:auto; margin-right:0px;}
.carousel-caption{ left:10%; right:10%; top:25%;}
.carousel-caption h3{ font-size:19px; line-height:25px;}
.carousel-caption a{ font-size:16px; padding:15px 20px;}
.about_box h1, .service_detail h1{ font-size:35px;}
.before_box h1{ font-size:33px; margin-bottom:20px;}
.about_box p, .service_detail p{ font-size:14px;}
#col, .contact_info h2{ width:100%;}
.before_detail p{ font-size:14px; line-height:22px;}
.before_detail img{ margin-top:30px;}
.footer_right p{ text-align:center; width:100%; padding:0px; margin-bottom:10px;}
.hero_box img{ height:230px;}
.about_concept h6{ font-size:24px;}
.about_concept a{ margin-bottom:30px;}
.right_text a{ margin-bottom:0px !important;}
.contact_info i{ margin-right:0px; margin-bottom:2px;}
.before_detail a{ font-size:15px;}
.hero_box{min-height: 360px;}
}
@media (min-width: 569px) and (max-width:767px){
.container{ width:96%;}
.carousel-inner > .item > img{ height:300px; width:100%;}
.glyphicon img{ width:30px; height:auto;}
.carousel-caption h3{ font-size:30px; line-height:33px;}
.carousel-caption{ left:7%; right:7%;}
.carousel-caption a{ padding:15px 30px; font-size:18px;}
.carousel-control .glyphicon-chevron-left{ top:42%; width:30px; height:auto; margin-left:0px;}
.carousel-control .glyphicon-chevron-right{ top:42%; width:30px; height:auto; margin-right:0px;}
.about_box h1, .service_detail h1{ font-size:38px; padding-bottom:20px;}
.about_box p, .service_detail p, .before_detail p{ font-size:15px;}
.before_box h1{ font-size:38px; padding-bottom:20px; margin-bottom:20px;}
.before_detail img{ margin-top:50px;}
.contact_detail span{ width:4%;}
.about_concept a{ margin-bottom:30px;}
.right_text a{ margin-bottom:0px !important;}
.hero_box{min-height: 460px;}
}
@media (max-width:767px){
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background-color:#0f1d41;}
.navbar-default .navbar-toggle{ border:none; background-color:#0f1d41;}
.navbar-toggle{ margin-top:19px; margin-bottom:0px; margin-right:10px; border-radius:0px; padding:14px;}
.navbar-default .navbar-toggle .icon-bar{ background-color:#FFF;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border:none;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus{ background-color:#0f1d41; color:#FFF;}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header{ padding:9px 10px 9px 25px;}
.navbar-collapse, .dropdown-menu{ text-align:center;}
.carousel-control{ width:auto;}
.footer_box{ padding:10px 0px 50px;}
.footer_detail{ padding-top:50px; padding-right:0px;}
.last_footer{ text-align:center;}
.footer_left p{ text-align:center; display:inline-block; float:none;}
.footer_right{ text-align:center; width:100%; margin-top:20px;}
.footer_right p{ display:inline-block; float:none;}
.hero_text h1{ font-size:20px; padding:10px 0px;}
.contact_input_box{ padding-top:0px;}
.contact_input_box input, .contact_input_box textarea{ margin-top:15px;}
.hero_box{min-height: 360px;}
}
@media (min-width: 768px) and (max-width: 991px){
.before_detail img{ margin-top:50px;}
.footer_box{ padding:10px 0px 50px;}
.footer_detail{ padding-top:50px; padding-right:0px;}
.contact_detail span{ width:3%;}
.last_footer{ text-align:center;}
.footer_left p{ text-align:center; display:inline-block; float:none;}
.footer_right{ text-align:center; width:100%; margin-top:20px;}
.footer_right p{ display:inline-block; float:none;}
.carousel-control{ width:auto;}
.carousel-control .glyphicon-chevron-left{ left:40%; top:39%; margin-left:0px;}
.carousel-control .glyphicon-chevron-right{ right:40%; top:39%; margin-right:0px;}
.hero_text h1{ font-size:40px; padding:10px 0px;}
.about_concept h6{ font-size:32px;}
.contact_info h2{ width:84%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.carousel-caption{ left:10%; right:10%;}
.about_box p, .service_detail p, .slider_text p, .nav > li > a, .footer_detail li a, .contact_detail p, .contact_detail a, .footer_left p, .footer_right p{ font-size:15px;}
.before_detail p{ font-size:17px;}
.carousel-control{ width:auto;}
.carousel-control .glyphicon-chevron-left{ margin-left:0px;}
.carousel-control .glyphicon-chevron-right{ margin-right:0px;}
.hero_text h1{ padding:15px 0px;}
.contact_info h2{ width:86%;}
}
@media (min-width: 768px){
ul.nav li:hover > ul.dropdown-menu {
    display: block;
}