@media (max-width: 1500px) {

    .company .values{
        height: 40vh;
    }


}
@media (max-width:1199px) { 
	
    .company .values{
        height: auto;
    }

    .main-menu .navbar-brand img, .inner .navbar-brand img {
        width: 3.6rem;
    }
    .title-section{
		margin-top: 4.5rem;
	}

}

@media (max-width:991px) {
	
	header .main-menu .navbar-collapse{
        background-color: white;
        width: 100%;
        padding: 2rem;
        position: absolute;
		top: 100%;
		left: 0;
    }
   header .main-menu .navbar-collapse .navbar-nav .nav-item .nav-link{
	    color: #312E32;
	     padding: 1rem;
   }
    .company .values {
        height: auto;
    }

    .main-menu .navbar-brand img {
        width: 3rem;
    }
    .featured-title{
        font-size: 1.6rem;
		line-height: 2.2rem;
		padding-bottom: 0.5rem;
        border-bottom: #1A171B solid 3px;
    }
     .title-section{
		margin-top: 3.9rem;
	}
	header .search-container {
    	width: 95%;
    }
    .search-bar-container .close{
	    right: 2%
    }
    
}

@media (max-width:767px) {
    .hero {
        height: auto;
        margin-bottom: 2rem;
    }

    .hero h1 {
        font-size: 2.2rem;
        line-height: inherit;
    }

    footer ul{
        flex-direction: column;
    }
    section{
        padding: 0 0 3rem;
    }
    .title-section {
        height: 20vh;
    }
    .title-section h1{
      	font-size: 2.5rem;  
      	margin-bottom: 0;
    }
    h2{
        font-size: 1.6rem;  
    }
    h3{
        font-size: 1.1rem;
        margin-bottom: 0.5rem;
    }
    .services h3{
        min-height: fit-content;
    }
    .services p{
        min-height: fit-content;
        margin-bottom: 0.5rem;
    }
    .company .values{
       flex-direction: column;
       height: auto;
    }

      .about .location{
        position: relative;
        width: 100%;
    }
    section.category-list {
    	padding: 1rem 0 6rem 0;
	}
	/* .hero h1 {
    	font-size: 2.6rem;
		line-height: 4rem;
    } */
    .resources-list .resources-list-item .resources-list-item-inner {
        flex-direction: column;
    }
    .resources-list .resources-list-item .resources-list-item-inner a {
        margin-top: 0.5rem;
        width: 100%;
    }
}

@media (max-width:320px) {
	

}

@media (max-width:574px) {


}	  




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

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

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



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