@media screen and (max-width: 767px) {
h2{font-size:36px;}
.navbar-brand {padding: 12px 12px;}
.heading h2::after { height: 5px; top: 55px;}
.intro-body .brand-heading {font-size: 45px;line-height:normal; font-weight:bold}
.navbar-toggle{background:#ea205a; color:#fff; margin-top:20px; padding-bottom:2px;}
.navbar-toggle i{font-size:26px;}

#contact .cont_inner .get{font-size:14px;}
footer p{text-align:center;}
.margin_top{margin-top:25px;}
.contact_form h4{text-align:left; font-size:28px; line-height:35px;}
.back-top{top:-105px;}
.no-pad{padding-left:15px; padding-right:15px;}
#contact .cont_inner{text-align:center;}
.career_txt h2{font-size:26px;}
.career_txt h6{font-size:12px;}
.filter_nav .btn { margin-right: 0px;padding:10px 10px 10px 4px;}
h1.brand-heading {white-space:normal; /* Keeps the content on a single line */}
.navbar-custom.top-nav-collapse {padding: 00px 0;}
.service_content h3 a{font-size:18px;}
.service_content h3{line-height:18px; margin-top:0;}
.back-top #toTop {bottom: 5px; height: 40px; position: fixed; right: 15px; border-radius:50%; width: 40px; z-index: 50;color:#fff;border:3px solid #fff;}
.back-top i{font-size:24px; margin-top:5px;}
}
@media (min-width: 768px) and (max-width: 979px) {
body {font-size:14px;}	
.navbar-nav li a{padding:10px;}
.navbar-custom {letter-spacing:0;}
.service-content .overlay h4 a{font-size:14px;}
.about-content h3 a{font-size:16px;}
.thumbnail .overlay .text h3{font-size:14px;}
h1.brand-heading{font-size:80px;}
footer p{font-size:14px;}
.quicklink ul li a{letter-spacing:0px;}


}
@media (min-width:979px) and (max-width:1024px){.social li a{margin-right:10px;}}

@media (max-width:980px){
.navbar-nav li a {padding: 5px 10px; font-size:14px;}
.thumbnail .overlay .text h3{font-size:14px;}
h1.brand-heading{font-size:70px;}

}