@media(min-width: 992px) and (max-width: 1199px){
	.header-wraper .navbar .navbar-nav li a {
	    font-size: 14px;
	}
	.contact-left-img img{
		min-height: 410px;
	}
	.cont-info-wrap {
    position: relative;
    width: 60%;
    top: 32px;
}

}

/*max width 991px*/
@media(max-width: 991px){
	/*header css*/
	.header-wraper .navbar .navbar-toggler{
	    padding: 0;
	    border: 0;
	    font-size: 25px;
	}
	.header-wraper.home-header .navbar-toggler{
		color: #fff;
	}
	.header-wraper.home-header.sticky .navbar-toggler{
		color: #000;
	}
	.header-wraper .navbar-collapse{
		position: absolute;
	    width: 100%;
	    top: 100%;
	    left: 0;
        padding: 15px 15px;
        border-bottom: 2px solid #009fe0;
	}
	.header-wraper .navbar-collapse{
		background-color: #fff;
	}
	.header-wraper.home-header .navbar-collapse{
		background-color: rgba(0, 0, 0, 0.68);
	}
	.header-wraper.home-header.sticky .navbar-collapse{
		background-color: #fff;
	}

	/*--*/
	.sector-wraper{
		background: #004266;
	}
	.sector-wraper:after{
		content: none;
	}
	/*contact us page css*/
	.contact-right-sec{
		height:auto;
		background-color: transparent;
	    padding: 0;
	    box-shadow: none;
	}
	.contact-middle-info-wraper{
		position: relative;
	    width: 100%;
	    left: 0;
	    margin-bottom: 20px;
	    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.24);
	}
	.contact-right-sec > .cont-info-wrap{
		width: 100%;
	    padding: 25px 20px;
	    border-radius: 5px;
	    background-color: #efefef;
	    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.24);
	}
	/*contact us page css end*/
	/*######## project details page css ###*/
	.project-details-left h3{
		font-size: 24px;
		margin-bottom: 20px;
	}
	.project-img-box img{
		width: 100%;
	}
	.project-details-right ul li .title:after{
		right: 15px;
    	top: -5px;
	}
}

/*width 768px to 991px*/
@media(min-width: 768px) and (max-width: 991px){
	/*services page css*/
	.services-wrap h4{
		font-size: 16px;
	}
	/*services page css*/
}

/*max width 767px*/
@media(max-width: 767px){
	.com-title h3{
	    font-size: 24px;
	}
	.com-title p{
		font-size: 18px;
	}
	/*#### banner css start ###*/
	.banner-wraper > img{
		height: 500px;
	}
	.banner-wraper .banner-content h2{
		font-size: 36px;
	}
	/*#### banner css end ###*/
	/*footer css*/
	.footer-wraper{
		padding: 40px 0;
	}
	/*footer css*/
	/*our identity page css ###*/
	.company-focus-wrap ul li{
		width: 100%;
	    text-align: center;
	    margin-bottom: 15px;
	}
	/*our identity page css end ###*/
	.customNav .dropdown-menu:after, .customNav .dropdown-menu:before {
	    display: none;
	}

	.project-details-right ul li{
	    border-bottom: 1px solid #dedede;
	    padding-bottom: 15px;
	    margin-bottom: 10px;
	}
	.project-details-right ul li:last-child{
		border-bottom: 0px;
	}
	.project-details-right ul li .title:after{
		display: none;
	}
	.project-details-right ul li .title{
		width: 100%;
		margin-bottom: 5px;
	}
	.project-details-right ul li .details{
		width: 100%;
	}
	
	/*### sectors page css start ###*/
	.sectors-details-banner img{
		height: 200px;
    	object-fit: cover;
	}
	.sectors-details-banner-contant h1{
		font-size: 30px;
	    margin-top: 0;
	}
	.sectors-details-banner-contant h1:before{
		height: 40px;
	}
	.sectors-details-banner-contant h1:after {
	    height: 40px;
	    background-position: center bottom;
	}
}

/*width 576px to 767px*/
@media(min-width: 576px) and (max-width: 767px){

}

/*max with 575px*/
@media(max-width: 575px){


#back-to-top {
    position: absolute;
    bottom: -25px;
    right: 0px;
    z-index: 9999;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 30px;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 1;
}
}