@media only screen and (max-width: 767px) {
  .pb-70 {
    padding-bottom: 20px;
  }
  .ptb-100 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pt-100 {
    padding-top: 50px;
  }
  .pb-100 {
    padding-bottom: 50px;
  }
  .default-btn {
    padding: 12px 25px;
  }
  .section-title {
    margin-bottom: 35px;
  }
  .section-title h2 {
    font-size: 28px;
  }
  .top-header{
    padding: 6px 0px;
  }
  .top-header .top-left {
    text-align: center;
  }
  .top-header .top-right {
    text-align: center;
  }
  .mean-container a.meanmenu-reveal {
    padding: 14px 0px;
  }
  .navbar-area {
 
    padding-top: 5px;
    padding-bottom: 5px;
}

  .main-responsive-nav .logo img {
  max-width: 240px;
}
.footer-area .single-footer-widget .logo img {

width: 190px !important;
height: 85px;
}
  .mean-container .mean-bar {
    float: left;
    width: 100%;
    position: absolute;
    background: transparent;
    border-bottom: unset;
    z-index: 999;
   
    height: 80px;
}
  .mean-container a.meanmenu-reveal span {
    display: block;
    background: #000;
    height: 4px;
    margin-top: -5px;
    border-radius: 3px;
    position: relative;
    top: 8px;
  }
  .mean-container .mean-bar {
    background-color: unset;
  }
  .mean-container .mean-nav {
    margin-top: 45px;
  }
  .others-option-for-responsive .dot-menu {
    top: -30px;
  }
  .others-option-for-responsive .container .container {
    right: 10px;
    top: 15px;
    padding-left: 35px;
    padding-right: 35px;
    max-width: 165px;
    padding-top: 20px;
    padding-bottom: 15px;
    border-radius: 30px;
  }
  .sidebar-modal .sidebar-modal-inner {
    width: 95%;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main-slider-item {
    height: 100%;
    padding-top: 60px;
    padding-bottom: 55px;
  }
  .main-slider-content {
    max-width: 100%;
    margin: 0px auto 0;
  }
  .main-slider-content h1 {
    font-size:26px;
  }
  .main-slider-content p {
    font-size: 15px;
  }
  .main-slider-content .slider-btn {
    margin-top: 20px;
  }
  .projects-area{
    padding-top: 40px;
  }
  .main-slider-content .slider-btn .default-btn {
    padding: 12px 25px;
  }
  .slider-shape {
    display: none;
  }
  .home-slides.owl-theme .owl-nav [class*=owl-] {
    top: 80%;
    -webkit-transform: translateY(-80%);
            transform: translateY(-80%);
  }
  .features-area {
    
    margin-top: -30px;

  }
  .features-area .features-item{
    padding: 25px 16px;
  } 
  .features-area .features-item .icon img{
    height: 70px;
    width: 70px;
  }
  .top-services-area {
    margin-top: 0;
    padding-top: 50px;
  }
  .top-services-item.top1 {
    margin-top: 0;
  }
  .top-services-item.top2 {
    margin-top: 0;
  }
  .about-area{
    padding-top: 30px;
  }
  .about-area .about-image .image1{
    height: 100%;
  } 
  .about-content {
    padding-left: 0;
    margin-top: 30px;
  }
  .about-content h3 {
    font-size: 26px;
  }
  .about-content .about-list li {
    font-size: 14px;
  }
  .about-content .about-list li i {
    top: -2px;
  }
  .about-image img:nth-child(2) {
    right: 0;
    height: 200px;
    border: 3px solid;
    /* max-width: 209px; */
    width: 199px;
  }
  .service {
    padding:50px 0px 20px 0px;
  }
  .single-services h3 {
    font-size: 20px;
  }
  .projects-area .projects-item .image img {
    height: 230px;
    width: 100%;
}
.why-choose-area{
  padding-bottom: 20px;
  padding-top: 50px;
}
.feedback-area{
  padding-top: 50px;
  padding-bottom: 50px;
}
  .why-choose-content h3 {
    font-size: 25px;
  }
  .why-choose-content .why-choose-text h4 {
    font-size: 20px;
  }
  .why-choose-content strong {
    font-size: 17px;
    font-weight: 500;
}
.why-choose-area .why-choose-image{
  text-align: center;
  height: 100%;
  width: 100%;
  margin-top: 10px;
}
  .appointment-content h3 {
    font-size: 28px;
  }
  .skill-bar .progress-title {
    font-size: 14px;
  }
  .mobile{
    padding: 15px 0px;
  }
  .appointment-area .appointment-image img{
    height: 100%;
  }
  .mobile .appointment-form {
    padding: 30px 15px;
    margin-top: 15px;
    background: #0C6639;
  }
  .appointment-form .content {
    margin-bottom: 25px;
  }
  .mobile .content h3 {
    font-size: 20px;
    color: #ffffff;
  }
  .map-area iframe {
    height: 200px;
    width: 100%;
 
}
  .fun-facts-area  {
    padding: 40px 0px 20px 0px;
  }
  .fun-facts-area .fun-facts-inner{
    padding: 10px 15px 10px;
  }
  .fun-facts-area .fun-facts-inner .col-md-6{
    width: 50%;
  }
  .fun-facts-area .fun-facts-inner .fun-facts-shape{
      display: none;
    }
    .fun-facts-area .fun-facts-inner .single-fun-fact h3 i{
      padding-bottom: 8px;
    }
  .single-fun-fact {
    margin-bottom: 30px;
  }

  .fun-facts-area .fun-facts-inner h3 .fact-icon{
    display: block;
  }
  .single-fun-fact h3 {
    font-size: 35px;
  }

  .testimonial-slider .testimonial-item {
    padding: 30px 24px;
    max-width: 100%;
  }
  .testimonial-slider.owl-theme .owl-nav {
    display: none;
  }
  .testimonial-slider.owl-theme .owl-dots {
    margin-top: 30px;
  }
.section-content{
  padding: 40px 0px;
}
.section-content h2{
  font-size: 23px;
}
  .partner-area{
    padding: 40px 0px;
  }
  .blog-item .content h3 {
    font-size: 20px;
  }
  .pl-5, .px-5 {
    padding-left: 0 !important;
  }
  .main-banner-area {
    height: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .main-banner-content h1 {
    font-size: 30px;
  }
  .banner-shape {
    display: none;
  }
  .core-services-slider.owl-theme .owl-nav [class*=owl-] {
    left: 0px;
  }
  .core-services-slider.owl-theme .owl-nav [class*=owl-].owl-next {
    right: 0px;
  }
  .core-services-slider.owl-theme:hover .owl-nav [class*=owl-] {
    left: 0px;
  }
  .core-services-slider.owl-theme:hover .owl-nav [class*=owl-].owl-next {
    right: 0px;
  }
  .single-pricing-box .price {
    font-size: 35px;
  }
  .single-pricing-box .pricing-header h3 {
    font-size: 16px;
  }
  .testing-image .video-btn {
    left: 0;
  }
  .testing-inner .testing-content {
    margin-top: 30px;
  }
  .testing-inner .testing-content h3 {
    font-size: 25px;
  }
  .testing-inner .skill-bar .progress-title {
    font-size: 14px;
  }
  .newsletter-inner {
    padding: 35px 20px;
  }
  .newsletter-content h2 {
    font-size: 21px;
    margin-bottom: 30px;
  }
  .newsletter-form .input-newsletter {
    height: 50px;}
  .newsletter-form button {
    position: relative;
    right: 0;
    height: 50px;
    top: 0;
    margin-top: 10px;
  }
  .about-us-page{
    padding: 40px 0px 30px 0px;
  }
  .social-icon-bar a{
    padding: 12px;
  }
  .main-banner-area.item-two .main-banner-content .banner-btn .default-btn {
    padding: 10px 20px;
    font-size: 14px;
  }
  .main-banner-area.item-two .main-banner-content .banner-btn .default-btn-two {
    padding: 10px 25px;
    font-size: 14px;
    margin-left: 8px;
    bottom: 16px;
  }
  .banner-image {
    display: none;
  }
  .features-image {
    margin-bottom: 30px;
    text-align: center;
  }
  .features-item.top1 {
    margin-top: 0;
  }
  .features-item.top2 {
    margin-top: 0;
  }
  .how-it-works-content h3 {
    font-size: 26px;
  }
  .how-it-works-image {
    margin-top: 30px;
    text-align: center;
  }
  .projects-slider.owl-theme .owl-nav [class*=owl-] {
    left: 0px;
  }
  .projects-slider.owl-theme .owl-nav [class*=owl-].owl-next {
    right: 0px;
  }
  .projects-slider.owl-theme:hover .owl-nav [class*=owl-] {
    left: 0px;
  }
  .projects-slider.owl-theme:hover .owl-nav [class*=owl-].owl-next {
    right: 0px;
  }
  .main-banner-item {
    height: 100%;
    padding-top: 60px;
  }
  .main-banner-item .container-fluid {
    padding-right: 15px;
  }
  .main-banner-item .main-banner-content {
    max-width: 100%;
  }
  .main-banner-item .main-banner-content h1 {
    font-size: 30px;
  }
  .main-banner-item .main-banner-content .banner-btn {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .single-services-item h3 {
    font-size: 20px;
  }
  .appointment-inner .appointment-content h3 {
    font-size: 25px;
  }
  .appointment-inner .skill-bar .progress-title {
    font-size: 14px;
  }
  .appointment-form-others {
    padding: 25px;
    margin-top: 30px;
  }
  .single-fun-fact-two h3 {
    font-size: 35px;
  }
  .single-fun-fact-two p {
    font-size: 16px;
  }
  .page-title-area {
    height: 240px;
  }
  .page-title-content h2 {
    font-size: 30px;
  }
  .faq-area .section-title h2 {
    font-size: 25px;
  }
  .faq-contact {
    margin-top: 50px;
  }
  .faq-contact-form {
    padding: 20px;
  }
  .login-form {
    padding: 25px;
  }
  .login-form .forgot-password {
    margin-top: 0;
    text-align: left;
  }
  .register-form {
    padding: 20px;
  }
  .error-content h3 {
    font-size: 26px;
  }
  .services-details-desc .services-details-faq {
    margin-bottom: 30px;
  }
  .comments-area .comment-body {
    padding-left: 60px;
  }
  .comments-area .comments-title {
    font-size: 22px;
  }

  .newsletter-area {
    padding-top: 40px;
  }
  .comments-area .comment-author .avatar {
    height: 50px;
    width: 50px;
    left: -65px;
  }
  .comments-area .comment-respond .comment-reply-title {
    font-size: 22px;
  }
  .comments-area .children {
    margin-left: 0;
  }
  .widget-area .widget_lebo_posts_thumb .item .info .title {
    font-size: 14px;
  }
  .blog-details-desc .article-content h3 {
    font-size: 22px;
  }
  .blog-details-desc .article-footer {
    margin-top: 20px;
    text-align: center;
  }
  .blog-details-desc .article-footer .article-share {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    max-width: unset;
    margin-top: 20px;
  }
  .contact-form {
    padding: 20px;
  }
  .single-services {
    padding: 30px 15px 30px 80px;
  }
  .single-services .icon i {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 25px;
  }
  .single-services h3 {
    font-size: 17px;
    margin-bottom: 11px;
  }
  .services-details-area .services-details-image img{
    width: 100%;
    height: 100%;
  }
  .services-details-area .widget-area{
    padding: 40px 0px 10px 0px;
  }
  .services-details-area .widget-area .widget_services_list ul li a{
    padding: 15px 15px;
  }
   .services-details-area .widget-area .widget_contact{
    height: 215px;
   }
   .services-details-area  .widget-area .widget_contact .text {

    bottom: 64px;
    
}

.feedback-slides.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;

}
.mobile {
  display: block !important;
}
.desktop{
  display: none!important;
}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .login-form .forgot-password {
    margin-top: -28px;
    text-align: right;
  }
  
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-70 {
    padding-bottom: 40px;
  }
  .ptb-100 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pt-100 {
    padding-top: 70px;
  }
  .pb-100 {
    padding-bottom: 70px;
  }
  .section-title {
    margin-bottom: 35px;
  }
  .top-header .top-left {
    text-align: center;
  }
  .top-header .top-right {
    text-align: center;
  }
  .mean-container a.meanmenu-reveal {
    padding: 4px 0 0 0;
  }
  .mean-container a.meanmenu-reveal span {
    display: block;
    background: #000;
    height: 4px;
    margin-top: -5px;
    border-radius: 3px;
    position: relative;
    top: 8px;
  }
  .mean-container .mean-bar {
    background-color: unset;
  }
  .mean-container .mean-nav {
    margin-top: 45px;
  }
  .others-option-for-responsive .dot-menu {
    top: -30px;
  }
  .others-option-for-responsive .container .container {
    right: 10px;
    top: 15px;
    padding-left: 35px;
    padding-right: 35px;
    max-width: 165px;
    padding-top: 20px;
    padding-bottom: 15px;
    border-radius: 30px;
  }
  .sidebar-modal .sidebar-modal-inner {
    width: 75%;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main-slider-item {
    height: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .main-slider-content {
    max-width: 100%;
    margin: 0px auto 0;
  }
  .main-slider-content h1 {
    font-size: 50px;
  }
  .slider-shape {
    display: none;
  }
  .top-services-area {
    margin-top: 0;
    padding-top: 50px;
  }
  .top-services-item.top1 {
    margin-top: 0;
  }
  .top-services-item.top2 {
    margin-top: 0;
  }
  .about-content {
    padding-left: 0;
    margin-top: 30px;
  }
  .about-content h3 {
    font-size: 35px;
  }
  .about-content .about-list li {
    font-size: 14px;
  }
  .about-content .about-list li i {
    top: -2px;
  }
  .about-image img:nth-child(2) {
    right: 0;
  }
  .single-services h3 {
    font-size: 18px;
  }
  .why-choose-image {
    text-align: center;
    margin-top: 30px;
  }
  .appointment-content h3 {
    font-size: 28px;
  }
  .skill-bar .progress-title {
    font-size: 14px;
  }
  .appointment-form {
    padding: 30px 15px;
    margin-top: 30px;
  }
  .appointment-form .content {
    margin-bottom: 25px;
  }
  .appointment-form .content h3 {
    font-size: 20px;
  }
  .fun-facts-inner {
    padding: 40px 65px 10px;
  }
  .single-fun-fact {
    margin-bottom: 30px;
  }
  .single-fun-fact h3 {
    font-size: 35px;
  }
  .testimonial-slider .testimonial-item {
    padding: 30px 24px;
    max-width: 100%;
  }
  .testimonial-slider.owl-theme .owl-nav {
    display: none;
  }
  .testimonial-slider.owl-theme .owl-dots {
    margin-top: 30px;
  }
  .blog-item .content h3 {
    font-size: 20px;
  }
  .pl-5, .px-5 {
    padding-left: 0 !important;
  }
  .main-banner-area {
    height: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .banner-shape {
    display: none;
  }
  .core-services-slider.owl-theme .owl-nav [class*=owl-] {
    left: 0px;
  }
  .core-services-slider.owl-theme .owl-nav [class*=owl-].owl-next {
    right: 0px;
  }
  .core-services-slider.owl-theme:hover .owl-nav [class*=owl-] {
    left: 0px;
  }
  .core-services-slider.owl-theme:hover .owl-nav [class*=owl-].owl-next {
    right: 0px;
  }
  .single-pricing-box .price {
    font-size: 35px;
  }
  .single-pricing-box .pricing-header h3 {
    font-size: 16px;
  }
  .testing-image .video-btn {
    left: 0;
  }
  .testing-inner .testing-content {
    margin-top: 30px;
  }
  .testing-inner .testing-content h3 {
    font-size: 35px;
  }
  .newsletter-inner {
    padding: 35px 20px;
  }
  .newsletter-content h2 {
    font-size: 25px;
    margin-bottom: 30px;
  }
  .main-banner-area.item-two .main-banner-content .banner-btn .default-btn {
    padding: 10px 20px;
    font-size: 14px;
  }
  .main-banner-area.item-two .main-banner-content .banner-btn .default-btn-two {
    padding: 10px 25px;
    font-size: 14px;
    margin-left: 8px;
    bottom: 16px;
  }
  .banner-image {
    display: none;
  }
  .features-image {
    margin-bottom: 30px;
    text-align: center;
  }
  .features-item.top1 {
    margin-top: 0;
  }
  .features-item.top2 {
    margin-top: 0;
  }
  .how-it-works-content h3 {
    font-size: 32px;
  }
  .how-it-works-image {
    margin-top: 30px;
    text-align: center;
  }
  .projects-slider.owl-theme .owl-nav [class*=owl-] {
    left: 0px;
  }
  .projects-slider.owl-theme .owl-nav [class*=owl-].owl-next {
    right: 0px;
  }
  .projects-slider.owl-theme:hover .owl-nav [class*=owl-] {
    left: 0px;
  }
  .projects-slider.owl-theme:hover .owl-nav [class*=owl-].owl-next {
    right: 0px;
  }
  .about-warp {
    text-align: center;
  }
  .main-banner-item {
    height: 100%;
    padding-top: 80px;
  }
  .main-banner-item .container-fluid {
    padding-right: 15px;
  }
  .main-banner-item .main-banner-content {
    max-width: 100%;
  }
  .main-banner-item .main-banner-content h1 {
    font-size: 50px;
  }
  .main-banner-item .main-banner-content .banner-btn {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .single-services-item h3 {
    font-size: 20px;
  }
  .appointment-inner .appointment-content h3 {
    font-size: 25px;
  }
  .appointment-form-others {
    padding: 25px;
    margin-top: 30px;
  }
  .single-fun-fact-two h3 {
    font-size: 35px;
  }
  .single-fun-fact-two p {
    font-size: 16px;
  }
  .services-details-desc .services-details-faq {
    margin-bottom: 30px;
  }
  .appointment-image {
    text-align: center;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-modal .sidebar-modal-inner {
    width: 50%;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .single-services-item h3 {
    font-size: 20px;
  }
  .main-banner-item {
    height: 100%;
    padding-top: 50px;
  }
  .appointment-form {
    padding: 40px 10px;
  }
  .single-services {
    padding: 30px 15px 30px 80px;
  }
  .single-services .icon i {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 25px;
  }
  .single-services h3 {
    font-size: 17px;
    margin-bottom: 11px;
  }
}
/*# sourceMappingURL=responsive.css.map */