.navbar-toggler .icon-bar {
display: block;
width: 30px;
height: 3px;
margin: 2px 0;
background-color: #af1a24;
}
.top-header .navbar-toggler {
height: auto;
width: 30px;
cursor: pointer;
z-index: 100;
padding: 0;
-webkit-transition: opacity .25s ease;
-o-transition: opacity .25s ease;
transition: opacity .25s ease;
}
.top-header .navbar-toggler:hover {
opacity: 0.7;
}
.top-header .navbar-toggler.collapsed .top-bar {
-webkit-transform: translateY(0) translateX(0) rotate(0);
-ms-transform: translateY(0) translateX(0) rotate(0);
transform: translateY(0) translateX(0) rotate(0);
background: #af1a24;
}
.top-header .navbar-toggler.collapsed .middle-bar {
opacity: 1;
background: #af1a24;
}
.top-header .navbar-toggler.collapsed .bottom-bar {
-webkit-transform: translateY(0) translateX(0) rotate(0);
-ms-transform: translateY(0) translateX(0) rotate(0);
transform: translateY(0) translateX(0) rotate(0);
background: #af1a24;
}
.top-header .navbar-toggler .top-bar {
-webkit-transform: translateY(7px) translateX(0) rotate(45deg);
-ms-transform: translateY(7px) translateX(0) rotate(45deg);
transform: translateY(7px) translateX(0) rotate(45deg);
background: #af1a24;
}
.top-header .navbar-toggler .middle-bar {
opacity: 0;
background: white;
}
.top-header .navbar-toggler .bottom-bar {
-webkit-transform: translateY(-5px) translateX(0) rotate(-45deg);
-ms-transform: translateY(-5px) translateX(0) rotate(-45deg);
transform: translateY(-5px) translateX(0) rotate(-45deg);
background: #af1a24;
}
.top-header .navbar-toggler span {
display: block;
background: #006838;
border: none;
height: 3px;
width: 100%;
-webkit-transition:  all .35s ease;
-o-transition:  all .35s ease;
transition:  all .35s ease;
cursor: pointer;
margin: 3px 0;
} @media only screen and (max-width: 992px) {
.navbar-nav.menu-right {
display: block;
}
.navbar-nav.menu-right li {
display: inline-block;
margin-right: 10px;
}
.top-header .navbar {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.top-header .navbar.opened {
height: 100vh;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.top-header .navbar-collapse {
padding-top: 50px;
}
.top-header .navbar-nav.main-menu, .top-header .navbar-nav.menu-right {
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.navbar-nav.main-menu li a {
padding-left: 0 !important;
padding-right: 0 !important;
font-size: 18px;
}
.service-section .left-section, .service-section .right-section {
padding: 4% 0;
}
.footer-column {
padding: 4% 0;
}
.banner-caption h1 {
font-size: 2rem;
}
.service-section .left-section .list-items li {
margin-right: 15px;
}
.service-section .left-section .list-items li .item-img {
height: 25px;
}
.service-section .left-section .list-items li h6 {
font-size: 12px;
} .why-section h4.title, .whats-in-wrapper h4.title, .Location-wrapper h4.title, .previous-achieves h4.title, .testimonials h4.title, .third-row-contain h4.title {
font-size: 20px;
}
.main-tab-menu li a {
font-size: 15px;
}
.middle-section, .tab-section .tab-container, .achievement-section {
padding: 20px 0;
}
.video-wrapper, .whats-in-wrapper, .Location-wrapper, .tab-contain, .previous-achieves, .testimonials {
padding: 20px 0;
}
.service-section .left-section h2 {
font-size: 25px;
}
}
@media only screen and (max-width: 767px) { 
.service-section .left-section h2 {
font-size: 22px;
}
.service-section .left-section .content {
padding: 4% 0;
}
}