@media screen and (max-width: 1199.98px){
.navbar-light .navbar-nav .nav-link {
    margin: 0;
}	
.heading h2 {
    font-size: 2.25rem;
}
.work-process h3 {
    font-size: 1rem;
}
.banner .carousel-item img {
    height: auto;
}
.inner-banner{height: 20vh;}
.banner .carousel-caption{padding: 2rem !important;}
.banner span{font-size: 35px;}
.banner h1 {font-size: 2.5rem;}
.parallax .carousel-item {
    height: 35vh;
}
.project-details span{display: block;}
.project-icon-box{width: 40%;}
}
@media screen and (max-width: 991.98px){
.top-header:after{width: 200px;}
.navbar-light .navbar-nav .nav-link {
    text-align: center;
}
.banner .carousel-caption p, .heading h2 br{display: none;}
.banner span {
    font-size: 30px;
}
.banner h1 {
    font-size: 2rem;
}
.about .col-lg-4:first-child img.img-fluid{display: none;}
.work-process-box-img {
    height: 85px;
    width: 85px;
    line-height: 85px;
}
.work-process-box-img img {
    width: 40px;
}
.work-process-box-img span {
    font-size: 15px;
    height: 35px;
    width: 35px;
    line-height: 35px;
}
.heading h2 {
    font-size: 2rem;
}
.project-icon-box {
    padding: 0.75rem;
    width: 50%;
}
.project-details p {
    font-size: 13px;
}
.parallax .carousel-item {
    height: 40vh;
}
.parallax .carousel-caption {
    width: 75%;
}
.about img.img-fluid{
    width: 70%;
    margin: auto;
    margin-bottom: 3rem;
    display: block;
}
.archive img.img-fluid{margin-bottom: 1.5rem;}
}
@media screen and (max-width: 767.98px){
.parallax .carousel-item {
    height: 100vh;
}
.project-details span {
    font-size: 20px;
    display: inline-block;
}
}
@media screen and (max-width: 575.98px){
.top-header:after, .top-footer:after {
    width: 100px;
}
.navbar .navbar-brand {
    width: 15%;
}
.banner h1 {
    font-size: 1rem;
}
.banner span {
    font-size: 16px;
}
.banner .btn{display: none;}
.project .col-lg-2 {
    width: 50%;
}
.project-details{
    margin-bottom: 3.5rem;
}
.project-details span {
    font-size: 16px;
}
.heading h2 {
    font-size: 1.5rem;
}
.work-process h3 {
    margin-bottom: 3rem !important;
    margin-top: 0rem !important;
}
.parallax .carousel-item {
    height: 80vh;
}
form {
    padding: 2.5rem 2rem;
}
.portfolio {
    grid-template-columns: repeat(2, 4fr);
    grid-template-rows: repeat(1, 0vw);
}
.about .col-lg-4:first-child img.img-fluid {
    display: block;
}
}