@media only screen and (max-width: 1366px) {
  .flat-testimonials-post .owl-controls {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .flat-list,
  .widget-infomation ul.infomation-footer li {
    margin-bottom: 15px;
  }
  .flat-carousel .owl-controls {
    display: none;
  }
  .flat-benefit {
    padding: 96px 0 0;
  }
  article.post.style3 .content-post {
    overflow: visible;
  }
}
@media only screen and (max-width: 991px) {
  .logo {
    display: inline-block;
    float: none;
  }
  .btn-menu {
    display: block;
  }
  .nav-wrap {
    position: relative;
  }
  /*
  #mainnav {
    display: none;
  }
    */
  .top,
  .top .flat-questions {
    text-align: center;
  }
  .top .flat-questions,
  .top .flat-socials {
    float: none;
  }
  .flat-socials {
    display: none;
  }
  .top .col-md-6.text-right {
    padding-top: 20px;
  }
  .iconbox-item,
  .imagebox-item {
    margin-bottom: 30px;
  }
  .height80 {
    height: 0;
  }
  .flat-list,
  .widget-infomation ul.infomation-footer li {
    margin-bottom: 15px;
  }
  .flat-infomation {
    float: none;
    margin-bottom: 20px;
  }
  .flat-iconbox.iconbox-style1,
  .flat-iconbox.iconbox-style2,
  .flat-iconbox.style-3 {
    margin-bottom: 40px;
  }
  .flat-iconbox.iconbox-style1 + .vc_empty_space,
  .flat-iconbox.iconbox-style2 + .vc_empty_space,
  .flat-iconbox.style-3 + .vc_empty_space {
    height: 0 !important;
  }
  .flexslider .slides img,
  .imagebox-image img,
  .page-wrap.sidebar-left .content-area,
  .page-wrap.sidebar-left .single-page .content-area,
  .page-wrap.sidebar-left .single-page .widget-area,
  .page-wrap.sidebar-left .widget-area,
  .page-wrap.sidebar-right .content-area,
  .page-wrap.sidebar-right .single-page .content-area,
  .page-wrap.sidebar-right .single-page .widget-area,
  .page-wrap.sidebar-right .widget-area {
    width: 100%;
  }
  .call-back-form,
  .footer-widgets #nav_menu-2,
  .page-wrap.sidebar-left .content-area {
    padding-left: 0 !important;
  }
  .call-back-form,
  .page-wrap.sidebar-left .single-page .content-area,
  .page-wrap.sidebar-right .content-area,
  .page-wrap.sidebar-right .single-page .content-area {
    padding-right: 0 !important;
  }
  .flat-your-contact .contact-thumb {
    max-width: 100%;
  }
  .portfolio-filter li {
    padding: 0 10px;
  }
  .blog-grid.blog-four-columns article,
  .flat-portfolio .item,
  .flat-portfolio .one-four .item {
    width: 50%;
  }
  .comments-area ul.children {
    margin-left: 50px;
  }
  .header.widget-header .logo {
    width: 25%;
  }
  .header.widget-header .wrap-widget-header {
    width: 65%;
  }
  .flat-single-images {
    position: relative;
    left: 0;
    top: auto;
    bottom: -89px;
  }
  .counter {
    text-align: center;
    margin-bottom: 40px;
  }
  .top .flat-questions {
    padding-left: 0;
    margin-bottom: 5px;
  }
  .header.widget-header {
    padding: 0 0 0;
  }
  .flat-team.team-grid {
    margin-bottom: 30px;
  }
  .flat-team.team-grid {
    text-align: center;
  }
  .flat-callback-form {
    padding-left: 0;
  }
  .flat-callback-form .flat-field {
    padding-right: 0;
  }
  #form-email-footer {
    width: 100%;
  }
  .flat-text-block-timeline .flat-timeline-content {
    padding-left: 15px;
  }
  .top.style2 .logo,
  .top.style2.v1 .logo {
    margin-top: 20px;
    line-height: 50px;
    float: none;
  }
  .top.style2 .flat-address,
  .top.style2 .flat-open-hours,
  .top.style2.v1 .flat-address,
  .top.style2.v1 .flat-open-hours {
    margin-top: 20px;
    width: 50%;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .header.style2 .show-search a {
    margin: 28px 0;
  }
  .header.style2.v1 {
    background-color: #3a526a;
  }
  .header.style2.v1 .flat-header-wrap {
    position: relative;
    bottom: 0;
    padding: 0;
  }
  .header.style3 {
    position: relative;
    top: 0;
  }
  .header.style3 {
    background-color: #fff;
  }
  .header.style3 .show-search a i {
    color: #18ba60;
  }
  .top.style2.v1 {
    padding: 0;
  }
  .text-block-callback {
    text-align: center;
  }
  .iconbox.style3 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    float: none;
  }
  .flat-benefit {
    padding: 0 15px;
  }
  .benefit-image {
    margin-bottom: 50px;
  }
  article.post.style3 {
    width: 100%;
    float: none;
    overflow: hidden;
    margin-bottom: 30px;
  }
  article.post.style3 .content-post {
    overflow: visible;
  }
  article.post.style4 {
    margin-bottom: 40px;
  }
  .flat-imagebox.item {
    width: 50%;
    margin-bottom: 50px;
  }
  .flat-block-quote-slider .flex-control-nav {
    position: relative;
    padding-right: 0;
  }
  .testimonials-post .featured-post {
    margin-bottom: 20px;
  }
  .flexslider.s1,
  .flexslider.s2 {
    margin-bottom: 50px;
  }
  .wrap-main-post.about-v1,
  .wrap-main-post.about-v3 {
    padding: 0;
  }
  .wrap-button.s1 {
    margin-top: 0;
  }
  .sidebar.right {
    padding-left: 0;
  }
  .post-wrap {
    margin-bottom: 50px;
  }
  .form-info input[type="submit"] {
    margin-bottom: 30px;
  }
  .page-wrap.sidebar-left .single-page .widget-area,
  .page-wrap.sidebar-left .widget-area,
  .page-wrap.sidebar-right .widget-area {
    padding-top: 30px;
  }
  .flat-imagebox.style2 {
    padding: 50px 0 0;
  }
  .flat-callback,
  .flat-counter,
  .flat-iconbox,
  .flat-iconbox.style2,
  .flat-news,
  .flat-news-s2,
  .flat-owl-stage,
  .flat-progress-accordion,
  .flat-testimonials,
  .pd-about-post,
  .pd-contact-v1,
  .pd-contact-v2,
  .pd-imagebox,
  .pd-imagebox-s3,
  .pd-portfolio-s1,
  .pd-services-post {
    padding: 50px 0;
  }
  .dividers.dividers-about-post,
  .dividers.dividers-imagebox {
    height: 50px;
  }
  .dividers-pagination {
    height: 0;
  }
}
@media only screen and (max-width: 767px) {
  .top .col-md-6.text-right {
    padding-top: 5px;
  }
  .widget-infomation ul.infomation-footer li i.fa {
    float: left;
  }
  .widget-infomation ul.infomation-footer li a {
    overflow: hidden;
  }
  .flat-questions a.appoinment {
    margin: 0 5px;
  }
  .flat-callback-form .flat-field .field-one-half,
  article.post.s1,
  article.post.s1 .featured-post img,
  article.post.style2 .featured-post img,
  article.post.style4 .featured-post img {
    width: 100%;
  }
  article.post.style2 {
    margin-bottom: 40px;
  }
  .flat-callback-form .flat-field .field-one-half select {
    margin-bottom: 0;
  }
  .footer-widgets .widget.widget_nav_menu {
    padding-left: 0;
  }
  #menu-bottom li a {
    padding-left: 0;
    padding-right: 20px;
  }
  .author-post .info {
    padding: 15px;
  }
  .flat-portfolio-single-slider {
    margin-top: 30px;
  }
  .flat-portfolio-single-slider li img {
    width: 100%;
  }
  .single-portfolios .page-wrap {
    padding: 70px 0 30px;
  }
  .comments-area ol.comment-list article .comment_content .comment_text,
  article .wrap-entry-title {
    overflow: visible;
  }
  .comments-area ul.children {
    margin-left: 30px;
  }
  .wrap-widget-header {
    display: none;
  }
  .header.widget-header .logo {
    width: 100%;
  }
  .header.widget-header .btn-menu {
    top: -120px;
  }
  .page-title.pagetitle_style_2 .breadcrumbs,
  .page-title.pagetitle_style_2 .page-title-heading,
  .page-title.pagetitle_style_3 .breadcrumbs,
  .page-title.pagetitle_style_3 .page-title-heading {
    display: table;
    width: 100%;
    text-align: left;
  }
  .iconbox-slider .slides .item {
    width: 100%;
  }
  .iconbox-slider .slides .item .featured-post img {
    width: 100%;
  }
  .one-half {
    width: 100%;
  }
  .wrap-one-half.services {
    padding: 0 15px;
  }
  .wrap-one-half.services .one-half {
    padding: 0;
  }
}
@media only screen and (max-width: 549px) {
  .flat-questions a.appointment {
    display: -webkit-inline-box;
  }
  .flat-questions a.questions {
    margin-right: 0;
  }
  .flat-infomation li.phone {
    border-right: none;
  }
  .flat-callback-form .flat-field {
    padding-right: 0;
  }
  .imagebox.style1 .imagebox-content .imagebox-button a {
    margin-top: 10px;
    padding: 10px 52px 10px 30px;
  }
  .iconbox-slider .slides .item .title-post {
    width: 100%;
  }
  .flat-list,
  .widget-infomation ul.infomation-footer li {
    margin-right: 0;
  }
  .footer-bottom .menu-footer {
    float: none;
  }
  .footer-bottom .menu-footer li:last-child {
    display: block;
    text-align: center;
    margin-left: 0;
  }
  .testimonial-slider.style-2 .testimonial-image {
    max-width: 100%;
    margin: 0 0 0;
  }
  .blog-shortcode.blog-list article,
  .flat-portfolio .item {
    width: 100%;
  }
  .portfolio-filter li a {
    line-height: 45px;
  }
  article .entry-title {
    font-size: 18px;
  }
  .author-post .info {
    overflow: visible;
  }
  .author-post .author-avatar {
    margin-right: 10px;
    max-width: auto;
  }
  .comments-area ul.children {
    margin-left: 15px;
  }
  .top .flat-infomation ul li:after,
  .top .flat-questions:before {
    display: none;
  }
  .flat-imagebox .flat-imagebox-header .flat-imagebox-title,
  .page-template-tpl .vc_toggle_title > h4 {
    font-size: 13px;
  }
  .flat-imagebox .box-header {
    left: 0;
    bottom: 0;
    right: 0;
  }
  .flat-imagebox .box-header {
    padding: 18px 80px 10px 20px;
  }
  .testimonial-slider {
    padding: 0 15px 53px;
  }
  .block-quote .quote-content blockquote {
    padding: 80px 0 0 0;
  }
  .flat-team .team-image {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  .flat-team .team-image img {
    width: 100%;
  }
  #text-5 {
    margin-bottom: 0;
  }
  .blog-grid.blog-four-columns article,
  .flat-portfolio .one-four .item,
  .flat-portfolio .one-half .item {
    width: 100%;
  }
  article .entry-meta ul li {
    padding-left: 17px;
    margin-right: 9px;
  }
  .flat-team.team-grid {
    margin-bottom: 30px;
  }
  .flat-before-footer .flat-infomation > div {
    margin-right: 0;
  }
  .page-template-front-page .wrap-header-style3 {
    padding: 0 15px;
  }
  .testimonial-slider.style-2 .testimonial-image {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .flat-imagebox .box-content {
    padding: 15px;
  }
  .flat-imagebox .flat-imagebox-button {
    margin-top: 0;
  }
  .flat-imagebox .flat-imagebox-button a {
    padding: 9px 52px 8px 14px;
  }
  .flat-imagebox .flat-imagebox-button a:after {
    top: 9px;
  }
  .footer-bottom .copyright,
  .widget-custom-menu {
    text-align: center;
  }
  .footer-bottom .copyright {
    margin-bottom: 20px;
  }
  #menu-bottom li,
  .footer-bottom p {
    line-height: normal;
  }
  article.post.style3 .featured-post {
    float: none;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .flat-accordion .toggle-title {
    font-size: 14px;
  }
  .page-title .breadcrumbs {
    float: left;
  }
  .page-title .page-title-heading {
    float: none;
  }
  .entry-post-title ul.entry-meta li {
    margin-left: 0;
  }
  .flat-imagebox.item,
  .top.style2 .flat-address,
  .top.style2 .flat-open-hours,
  .top.style2.v1 .flat-address,
  .top.style2.v1 .flat-open-hours {
    width: 100%;
  }
}

/* Mobile Menu Styles */
@media (max-width: 768px) {
  .btn-menu {
    display: block; /* show burger */
    cursor: pointer;
  }

  #mainnav {
    display: none; /* 🔥 hidden by default */
    background: #fff;
    padding: 0px 8px 6px 8px;
    width: 100%;
  }

  #mainnav.show {
    display: block; /* only visible when toggled */
  }

  #mainnav .menu {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
  }

  #mainnav .menu > li {
    display: block;
    margin: 5px 0;
    text-align: left;
  }

  #mainnav .menu > li > a {
    display: block;
    padding: 12px;
    color: #424242;
    border-top: 0px solid #ddd;
    text-decoration: none;
  }

  #mainnav .menu > li > a:hover {
    background: #f2f2f2;
    color: #0068AC;
  }
}

/* Mobile menu dropdown fix */
@media (max-width: 768px) {
  /* keep burger in header */
  .btn-menu {
    display: block;
    float: right;
    margin-top: 15px;
    cursor: pointer;
  }

  /* make nav dropdown full width below header */
  #mainnav {
    position: absolute;   /* position relative to header */
    top: 70px;            /* height of your header */
    left: 0;
    width: 100%;
    background: #1d2738;
    display: none;
    z-index: 1000;
  }

  #mainnav.show {
    display: block;
  }

  #mainnav .menu {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  #mainnav .menu > li {
    display: block;
    border-top: 1px solid #2d374a;
  }

  #mainnav .menu > li > a {
    display: block;
    padding: 15px;
    color: #fff;
    text-decoration: none;
  }

  #mainnav .menu > li > a:hover {
    background: #116CAB;
    color: #fff;
  }
}

@media (max-width: 768px) {
  /* Burger stays in header */
  .btn-menu {
    display: block;
    float: right;
    margin-top: 15px;
    cursor: pointer;
  }

  /* Force nav menu to break out of the Bootstrap column */
  #mainnav {
    position: absolute;
    top: 70px;   /* adjust to your header height */
    left: 0;
    right: 0;
    width: 100vw;   /* full viewport width */
    max-width: 100vw;
    background: #1d2738;
    display: none;
    z-index: 1000;
  }

  #mainnav.show {
    display: block;
  }

  #mainnav .menu {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  #mainnav .menu > li {
    border-top: 1px solid #2d374a;
  }

  #mainnav .menu > li > a {
    display: block;
    padding: 15px;
    color: #fff;
    text-decoration: none;
  }

  #mainnav .menu > li > a:hover {
    background: #116CAB;
    color: #fff;
  }
}

/* Mobile menu full width stacked */
@media (max-width: 768px) {
  .btn-menu {
    display: block;
    float: right;
    margin-top: 15px;
    cursor: pointer;
  }

  #mainnav {
    position: absolute;
    top: 70px;   /* height of header */
    left: 0;
    width: 100%;
    background: #1d2738;
    display: none;
    z-index: 1000;
  }

  #mainnav.show {
    display: block;
  }

  #mainnav .menu {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  /* 🔥 Force items to stack vertically */
  #mainnav .menu > li {
    display: block !important;   /* override inline-block */
    float: none !important;      /* remove float */
    text-align: left;            /* align text left */
    border-top: 1px solid #2d374a;
  }

  #mainnav .menu > li > a {
    display: block;
    padding: 15px;
    color: #fff;
    text-decoration: none;
  }

  #mainnav .menu > li > a:hover {
    background: #116CAB;
    color: #fff;
  }
}

@media (max-width: 768px) {
  #mainnav .menu {
    display: block !important;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  #mainnav .menu > li {
    display: block !important;   /* stack vertically */
    float: none !important;      /* cancel float */
    width: 100% !important;      /* take full width */
    border-top: 1px solid #2d374a;
    text-align: left;            /* align text to left */
  }

  #mainnav .menu > li > a {
    display: block;
    padding: 15px;
    color: #fff;
    text-decoration: none;
    width: 100%;
  }

  #mainnav .menu > li > a:hover {
    background: #116CAB;
    color: #fff;
  }

}