@media screen and (max-width: 1199.98px){
.navbar-light .navbar-nav .nav-link {
    font-size: 12px;
    margin-right: 0.5rem;
}
.carousel-item img, .video{height: 40vh;}
.inner-banner {height: 30vh;}
.banner h1 span, .banner h1 {font-size: 2.5rem;}
.banner p {font-size: 16px;}
.banner-bottom-circle p {font-size: 16px;}
.news {
    margin-top: -11rem;
    padding: 12rem 0 8rem;
}
.services-inner img {height: auto;}
.video .heading:before {
    width: 15%;
    left: 0;
    right: 0;
    margin: auto;
}
}
@media screen and (max-width: 991.98px){
.navbar {padding: 1rem 0;}
.navbar-brand {
    position: relative;
    width: 10%;
    z-index: 0;
}
.navbar-nav {align-items: end !important;}
.navbar-light .navbar-nav .nav-link{text-align: right}
.banner-overlay {
    height: 78%;
    width: 65%;
    margin: auto 0;
}
.heading:before {left: -1rem;}
.services .heading:before, .news .heading:before, .values .heading:before, .video .heading:before {
    width: 15%;
    left: 0;
    right: 0;
    margin: auto;
}
.video img {
    margin: 0 auto;
    display: block;
    width: 15%;
}
.h-85 {height: 55%;}
.footer-logo-img img {width: 20%;}
.values .col-lg-2{margin-bottom: 2rem;width: 33.33333333%;}
.values p {margin-bottom: 0;}
.services-sidebar ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.services-sidebar li{
	margin-bottom: 1rem;
	width: 49%;
}
.dropdown-submenu:hover>.dropdown-menu {margin-top: 0.5rem;}
}
@media screen and (max-width: 767.98px){
.navbar-brand {width: 16%;}
.banner-overlay {left: 1vw;width: 100%;}
.banner span:before{left: 0rem;}
.banner h1 span, .banner h1 {font-size: 1.5rem;margin: 1rem 0;}
.banner h1 br{display: none;}
.banner p {margin-bottom: 1rem;}
.h-85 {height: 80%;}
.heading:before {left: 0rem;}
.about{padding-top: 0;}
.banner-bottom-circle p {margin-bottom: 2rem;}
.video {height: 85vh;}
.video .h-85 {height: 60%;}
.news {padding: 12rem 0 3rem;}
.bottom-footer ul{justify-content: flex-start !important;}
.bottom-footer li a, .bottom-footer {font-size: 10px;}
.inner-banner {margin-bottom: 3rem;}
.values .col-lg-2 {width: 100%;}
.values p {padding: 1rem ;}
}
@media screen and (max-width: 575.98px){
.banner-overlay{display: none;}
.carousel-item img{height: 30vh;}
.video {height: 50vh;}
.video .heading {font-size: 1.25rem;}
}