@media screen and (max-width: 1199px) {
  header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { padding: 2px 10px;}
  .subscribe-form-one .sfo-heading { font-size: 20px;}
  h4 { font-size: 26px;}
}
@media screen and (max-width: 991px) {
  .dn-991 { display: none;}
  header .navbar .navbar-brand { margin: 0;}
  header .navbar .navbar-brand img { left: 0; transform: translateX(0); width: 90px;top: -25px;}
  header { padding: 5px 0;}
  header .navbar .navbar-collapse {padding-top: 15px; padding-bottom: 15px;}
  header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link { padding: 7px 10px 7px 0;}
  .banner .banner-container .banner-content h1 { text-align: center;}
  .pl-30.pt-166 {padding: 40px 0 0 0;}
  h3 { font-size: 24px; margin: 0 0 19px 0;}
  p { font-size: 14px; line-height: 22px;}
  h4 span { font-size: 14px;}
  h4 { font-size: 18px;}
  .footer-two .newsletter-form { display: block;}
  .footer-two .newsletter-form input[type="text"] { width: 100%;}
  .footer-two .newsletter-form input[type="submit"] { width: 100%;}
  .pr-70 { padding-right: 30px;}
  .pl-70 { padding-left: 30px;}
  .banner .banner-container .banner-content h1 { line-height: 1; font-size: 35px;}
  .banner .banner-container .banner-content p { font-size: 20px; padding: 17px 0 10px;}
  .yellow-btn { padding: 6px 20px !important; font-size: 14px;}
  .static-section {padding: 20px 0 10px;}
  .static-section .static-box { margin-bottom: 10px;}
  .static-section .static-box .sb-icon { width: 60px; height: 60px; margin-right: 20px; font-size: 16px;}
  .static-section .static-box .sb-txt { width: calc(100% - 80px); font-size: 14px;}
  .pt-100 { padding-top: 50px;}
  h2 { font-size: 40px;}
  h2 span { font-size: 25px;}
  .mb-80 { margin-bottom: 50px;}
  .subheading {line-height: 27px; font-size: 16px;}
  .ptb-100 { padding-top: 50px; padding-bottom: 50px;}
  .pb-40 { padding-bottom: 20px;}
  .mb-40 { margin-bottom: 20px;}
  .portfolio-bg .port-thumb { padding: 10px;}
  .f-logo img { max-width: 200px; width: 100%;}
  footer .f-menu { font-size: 13px;}
  .wp-btn { left: 10px; bottom: 10px;}
  .wp-btn img { width: 50px;}
  footer { padding-bottom: 80px !important;}
}
@media screen and (min-width: 992px) {
  .dn-768 {display: none;}
}
@media screen and (max-width: 767px) {
  .banner .banner-container .banner-content p { display: none;}
  .banner .banner-container .banner-content h1 { line-height: 1; font-size: 28px; margin-bottom: 30px;}
  .subscribe-form-one .sfo-heading { font-size: 16px; padding: 13px 15px; font-weight: 500;}
  .subscribe-form-one .sfo-bofy { padding: 15px;}
  .subscribe-form-one .sfo-bofy input[type="text"] { margin-bottom: 15px; font-size: 16px; padding: 7px 15px; height: 40px;}
  .subscribe-form-one .sfo-bofy input[type="submit"] { font-size: 16px; padding: 7px 15px; height: 40px;}
  .cta { background-size: auto 100%; height: 400px;}
  h2 { font-size: 30px;}
  .feature-section { text-align: center;}
  .pr-70 { padding-right: 0;}
  .pl-70 { padding-left: 0;}
  .footer-two .newsletter-form { margin-bottom: 20px;}
  /* footer::before { display: none;} */
  /* footer .f-logo { display: none;} */
  .footer-two { padding: 30px 0;}
  footer .f-one {padding-top: 30px; padding-bottom: 10px;}
  footer .f-one h5 { margin-bottom: 15px;}
  footer .f-one .f-menu li a { margin-bottom: 10px;}
  footer .f-one .f-menu { padding-bottom: 15px;}
  footer .copyright { padding: 7px 15px;}
  footer .f-one p { margin-bottom: 5px;}
  footer::before { width: 100%; right: 0; height:300px; bottom: auto;}
  .f-map { margin-bottom: 38px;}
  footer .f-about { height: inherit;}
  footer .f-about .f-logo { margin-bottom: 30px;}
  footer .f-menu .fm-heading { margin-bottom: 5px; margin-top: 12px;}
}
@media screen and (max-width: 575px) {
  .banner .banner-container .banner-content h1 { line-height: 1; font-size: 16px; padding: 0 15px; margin-bottom: 11px;}
  .yellow-btn { padding: 0px 10px !important; font-size: 10px;}
  .banner .banner-container .banner-content h1 { line-height: 31px; font-size: 25px;}
  .subscribe-form-one .sfo-heading { line-height: 20px;}
  h2 {font-size: 22px; margin-bottom: 20px;}
  h2 span { font-size: 16px; margin-bottom: 3px;}
  footer .copyright { padding: 7px 5px; letter-spacing: 0; font-size: 12px;}
}