@media (min-width: 768px) {
.header-inner #toggle-btn {
display: none;
}
}
@media (max-width: 1024px) {
.our-service-blog {
width: 100% !important;
}	
.latest-services {
text-align: center;
}
.ser-col p {
text-align: center;
}
.footer-container {
text-align: center;
}
.content-inner img {
margin: 0 0px 20px 0;
width: 100%;
}


}
@media (max-width: 768px) {
 .navbar-brand {
 display: block;
}
 .navbar {
 max-height: none;
}
.main-nav {
width: 100%;
float: right;
margin-top: 10px;
 height: auto;
}
.sf-menu > li {
 float: none;
}
.sf-menu li a {
 padding: 10px 13px;
 font-weight: 400;
}
.header-inner #toggle-btn {
top: 2px !important;
}
.header-inner {
padding: 10px 0 15px;
}
.title h4 {
font-size: 30px;
line-height: 40px;
}
.title p {
font-size: 19px;
line-height: 20px;
margin-bottom: 20px;
}
.brand h1 {
font-size: 20px;
padding-top: 8px;
}
.our-service-blog {
padding: 0 15px 25px;
}
.sf-menu li a:hover, .sf-menu li.sfHover a:hover {
color: #c44741;
}
.our-service-outer {
padding: 20px 0 20px;
}
.latest-services h2 {
font-size: 35px;
}
 .sf-menu ul {
 font-size: 14px;
 display: block;
 position: static !important;
 border: 0;
 box-shadow: 0 0 0 0;
 -moz-box-shadow: 0 0 0 0;
 -webkit-box-shadow: 0 0 0 0;
}
.our-service-blog {
width: 100% !important;
}

.why-outer h3 {
font-size: 20px;
margin-bottom: 20px;
}
.why-outer h4 {
font-size: 20px;
text-align: center;
}
.about-us-outer h4 {
font-size: 25px;
margin-bottom: 10px;
}
.about-us-outer p {
font-size: 15px;
line-height: 25px;
margin-bottom: 10px;
}
.fade-carousel {
height: 50vh !important;
}
.fade-carousel .carousel-inner .item {
height: 50vh!important;
}
.hero {
-webkit-transform: inherit!important;
transform: inherit!important;
}
.hero a {
font-size: 20px !important;
padding: 7px 20px!important;
}
.hero {
top: 30%!important;
left: 0!important;
-webkit-transform:inherit!important;
transform: inherit !important;
width: 100%!important;
}
.hero h1 {
font-size: 35px!important;
}
.content-right {
padding: 0!important;
margin-top: 20px!important;
}
.service-blog-inner h3 {
font-size: 25px;
}
.our-service-blog p {
padding: 0 10px;
line-height: 19px;
font-size: 15px;
}
.service-blog-inner {
min-height: inherit;
border: 10px #0f3a4f solid;
}
.latest-services {
padding: 20px 0;
text-align:center;
}
.footer-container {
padding: 20px 0;
}
.footer-container {
text-align: center;
}
.footer-container h4 {
font-size: 23px;
margin-top: 20px;
}
.footer-container li a {
font-size: 16px;
}
.top-line {
display: none !important;
}
.why-outer h3 span {
padding: 0 50px;
}
.why-outer h3 span:after, .why-outer h3 span:before {
width: 30px;
top: 11px;
}
.why-outer p {
font-size: 16px;
margin-bottom: 30px;
}
.banner-outer {
padding: 40px 0 40px;
}
.banner-outer h1 {
font-size: 25px;
text-align: center;
}
.contact-inner {
padding: 20px 10px;
border: 20px #145c82 solid;
float: left;
width: 100%;
}
.contact-field {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.contact-comment textarea {
width: 100%!important;
height: 70px !important;
}
.contact-form h3 {
padding-bottom: 10px;
font-size: 20px;
}
.contact-form li {
font-size: 15px;
padding: 14px 0;
margin: 0;
width: 100%;
}
.contact-left ul {
float: left;
width: 100%;
margin: 0 0 25px;
}

}
@media only screen and (max-width: 768px) {
 .header-inner .main-nav {
 display: block;
 margin: 0;
}
 #toggle-btn {
 display: block;
}
 .toggle-subarrow {
 display: block !important;
 cursor: pointer;
 position: absolute;
 right: 0;
 top: 0;
 width: 45px;
 height: 42px;
 border-left: 1px solid #e8e8e8;
 text-align: center;
 color: #777;
}
 .toggle-subarrow .fa {
 margin-top:14px;
}
 .main-nav {
 text-align: left;
 white-space: nowrap;
 padding: 0;
}
 .sf-menu {
 display: none;
}
 .main-nav .sf-menu {
 margin: 0 -15px;
}
 .main-nav .sf-menu > li {
 font-size: 13px;
 line-height: 16px;
 display: block;
 border-bottom: 1px solid #0f3a4f;
}
 .main-nav .sf-menu li a {
 padding: 20px;
 line-height:0px;
 display: block;
 position: relative;
 text-align:center
}
 .main-nav .sf-menu ul {
border: none;
}
 .main-nav .sf-menu ul li {
 width: 100%;
 margin-left: 30px;
 font-size: 13px;
 line-height: 16px;
 font-weight: 400;
 position: relative;
 border:none;
 border-top: 1px solid #e8e8e8;
}
 .sf-menu ul {
 position:static!important;
 display: none!important;
}
 .mob-drop ul {
 display: block!important;
}

 }
   @media(min-width: 601px) and (max-width: 780px) {
.top-line .container {
 max-width:70%;
}
 .top-line p span {
 display: table;
 margin-right: 20px;
 text-align: left;
}
}