@media (min-width:1025px){
	li.dropdown:hover > .dropdown-menu {
		display: block;
	}
}
@media (min-width:992px) and (max-width:1024px){
	.navbar-nav{
		margin:38px 10px 0 0;
	}
	.top-bar{
		padding-top:10px;
	}
	.navbar-nav > li{
		margin-top:0px;
		padding-bottom:15px;
	}
	.nav > li > a{
		padding:0px 9px;
	}
	.dropdown-menu li a{
		padding:10px 9px;
	}
	.footer-menu ul li a{
		padding:0px 8px;
		font-size:13px;
	}
	.navbar-brand{
		padding:20px 5px;
	}
	li.dropdown:hover > .dropdown-menu {
		display: block;
	}
}
@media (min-width:768px) and (max-width:991px) {
	.navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
        background-color:#01AEF0;
        margin-top:2%;
    }
    .navbar-toggle .icon-bar{
		background:#fff;
	}
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in{
    	display: block !important;
    }
    .navbar-nav {
       float: none!important;
       margin:0px;
       padding-bottom:10px;
    }
    .navbar-nav>li {
       float: none;
       margin-top:2px;
       padding-bottom:0px;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-nav > li a{
		border-right:none;
	}
	.top-bar{
		padding-top:0px;
	}
	.navbar-brand{
		width:40%;
		padding:10px 5px;
	}
	.navbar-nav > li.active, .navbar-nav > li:hover, .navbar-nav > li:focus, .nav>li>a:focus, .nav>li>a:hover, .navbar-nav > li.dropdown:hover > a, .navbar-nav > li.dropdown:hover > a:hover,.navbar-nav > li.dropdown:hover > a:focus {
    	background:#01AEF0;
		border:none;
	}
	.navbar-nav > li.active a, .navbar-nav > li:hover a, .navbar-nav > li:hover a{
		color:#fff;
	}
	.footer-menu ul{
		float:none;
		padding-left:7%;
	}
	
	.section-first{
		margin-top: 4%;
		margin-bottom: 4%;
	}
	
	.bx1{
		margin-left:0;
	}
	.box{
		width:33%;
		padding-left:2%;
		padding-right:2%;
	}
	.section-third{
		margin-bottom:0;
		padding-bottom:0;
	}
	.work-box{
		min-height:225px;
	}
	.img-box{
		width:35%;
		height:35%;
	}
	.contact-section{
		padding:5% 0;
	}
	.our-work-section{
		padding:2%;
	}
	.svg-path-layer{
		display:none;
	}
	.about-us-page{
		min-height:115px;
	}
	.left-section ul{
		padding:15px 5px 0 0;
		text-align:left;
	}
	.left-section ul li{
		padding:10px 0;
		line-height:24px;
		border-bottom:1px solid #dedede;
	}
	.left-section ul li a{
		font-size:14px;
	}
	ul li.active a, ul li:hover a, ul li:focus a{
		color:#2886C4;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
	}
	ul li .fa-circle{
		display:none;
	}
	.right-section p{
		margin-bottom:10px;
	}
	.right-img, .left-img{
		width:45%;
	}
	.project-box{
		min-height:255px;
	}
	.home-control{
		bottom:50%;
	}
	.report-box .report-title{
		font-size:18px;
	}
	.report-box .report-file{
		padding:12px;
	}
}
@media (max-width:767px) {
	.navbar-toggle{
		background-color:#01AEF0;
		margin-top:3.5%;
		margin-right:0px;
	}
	.navbar-toggle .icon-bar{
		background:#fff;
	}
	.navbar-brand{
		width:75%;
		padding:12px 5px 0;
	}
	.navbar-nav{
		margin:0px;
	}
	.navbar-nav > li{
		margin: 2px 0;
		padding: 10px 0;
	}
	.navbar-nav > li a.main-menu:after{
		background: none;
	}
	.navbar-nav > li.active, .navbar-nav > li:hover, .navbar-nav > li:focus{
		background:#01AEF0;
		color:#fff;
	}
	.top-bar{
		padding-top:5px;
	}
	.navbar-nav > li.active, .navbar-nav > li:hover, .navbar-nav > li:focus, .nav>li>a:focus, .nav>li>a:hover, .navbar-nav > li.dropdown:hover > a, .navbar-nav > li.dropdown:hover > a:hover,.navbar-nav > li.dropdown:hover > a:focus {
    	background:#01AEF0;
		border:none;
	}
	.navbar-nav > li.active a, .navbar-nav > li:hover a, .navbar-nav > li:hover a{
		color:#fff;
	}
	.navbar-nav > li a{
		border-right:none;
	}
	.box{
		width:100%;
	}
	.bx1{
		margin-left:0px;
	}
	.work-box{
		min-height:300px;
	}
	.contact-section-box, .inquiry-section-box{
		text-align:left;
		padding:5% 10% 0%;
	}
	.contact-section .home-left-title{
		padding-left:10%;
		padding-right:0px;
	}
	.img-box{
		float:left !important;
		margin-bottom:15px;
	}
	.work-box img{
		/*width:100%;*/
	}
	.footer-menu ul li{
		line-height:30px;
	}
	.carousel-indicators{
		width:100%;
		left:30%;
	}
	.section-first{
		text-align:center;
		margin-top:10px;
		margin-bottom:10px;
	}
	.section-second{
		text-align:center;
		margin-bottom:5%;
	}
	.section-third{
		text-align:center;
		margin-bottom:0;
	}
	
	.section-first img{
		margin: 0 auto 15px;
	}
	
	.section-first .col-md-5{
		margin-bottom:25px;
	}
	.svg-path-layer{
		display:none;
	}
	.about-us-page{
		min-height:100px;
	}
	.jumbotron .banner-title{
		text-align:center;
		margin-top:10%;
	}
	.left-section{
		position:relative;
	}
	.left-section ul{
		padding:10px 0 0 0;
		text-align:left;
	}
	.left-section ul li{
		line-height: 20px;
		padding: 10px 0;
		margin-left:20px;
		margin-right:0px;
	}
	.left-section .line{
		left:18px;
		right:none;
		border-left:1px solid #ddd;
		border-right:none;
	}
	.left-section ul li .fa-circle{
		right:0;
		left:14px;
		margin-top:4px;
	}
	.left-section ul li.active .fa-circle{
		right:0;
		left:11px;
		margin-top:0px;
	}
	.left-section ul li a{
		padding-right:0px;
	}
	ul li .fa-circle{
		margin-right:10px;
		float:left;
		margin-top:1.5%;
	}
	
	.right-section .img-center{
		margin:10px auto;
	}
	.home-control{
		bottom:50%;
	}
	.gallery-box{
		margin-bottom:15px;
	}
	.report-box .report-title{
		font-size:15px;
	}
}
@media (max-width:420px){
	.work-box{
		min-height:270px;
	}
}
@media (max-width:375px){
	.work-box{
		min-height:250px;
	}
}