@media only screen and (max-width:767px) {
  .default-btn, .page-title-area .page-title-content ul li, .section-title span {
    font-size: 15px
  }
  .top-header .header-right-content li {
    margin-right: 0;
    padding-right: 0
  }
  .ptb-100 {
    padding-top: 30px;
    padding-bottom: 30px
  }
  .ptb-70 {
    padding-top: 20px;
    padding-bottom: 20px
  }
  .pt-100 {
    padding-top: 50px
  }
  .pb-100 {
    padding-bottom: 50px
  }
  .pt-70 {
    padding-top: 20px
  }
  .pb-70 {
    padding-bottom: 20px
  }
  .default-btn {
    padding: 10px 20px
  }
  .cart-area .coupon-cart, .checkout-area .billing-details, .featured-img, .section-title, .showing-result-count, .who-we-are-content p {
    margin-bottom: 30px
  }
  .featured-content h2, .main-contact-area .contact-info .address .location i, .main-contact-area .contact-info .address li i, .privacy-policy-wrap .title h2, .section-title h2, .terms-conditions .title h2, .user-area-style.recover-password-area h3 {
    font-size: 30px
  }
  .top-header .header-left-content {
    padding-left: 0;
    text-align: center;
    margin-bottom: 0
  }
  .top-header .header-left-content li {
    margin-right: 0;
    display: block;
    margin-bottom: 5px
  }
  .top-header .header-right-content {
    padding-right: 0;
    float: unset;
    text-align: center
  }
  .featured-area .pl-0, .top-header .pl-0, .top-header .pr-0 {
    padding-left: 15px !important
  }
  .navbar-area .others-option .search-box .form-control {
    width: 100%;
    border-radius: 50px
  }
  .navbar-area.navbar-area-style-two .others-option-for-responsive .container .container {
    max-width: 460px
  }
  .others-option-for-responsive .container .container {
    max-width: 320px;
    margin: auto
  }
  .hero-slider-area .owl-prev {
    -webkit-transform: translateY(217px);
    transform: translateY(217px);
    left: 20px
  }
  .hero-slider-area .owl-next i, .hero-slider-area .owl-prev i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 15px
  }
  .hero-slider-area .owl-next {
    -webkit-transform: translateY(217px);
    transform: translateY(217px);
    right: 20px
  }
  .hero-slider-item {
    height: 100%;
    padding-top: 100px;
    padding-bottom: 50px
  }
  .hero-slider-content h1 {
    font-size: 35px
  }
  .hero-slider-content p {
    margin-bottom: 25px
  }
  .featured-img-2 img, .who-we-are-img img {
    width: 100%
  }
  .checkout-area .cart-totals h3::before, .checkout-area .faq-accordion h3::before, .feathers-area.feathers-area-style-two .single-feathers::before, .projects.bg-1::before, .services-area-style-two .services-bg, .single-counter::before, .testimonials-area .testimonials-area-style-three::after, .testimonials-area .testimonials-area-style-three::before, .testimonials-area .testimonials-left-img, .testimonials-area.testimonials-area-style-two .testimonials-shape, .testimonials-area.testimonials-area-style-two .testimonials-slider.owl-theme .owl-nav, .who-we-are-img .who-we-are-img-2 {
    display: none
  }
  .who-we-are-img .video-button {
    width: 100%;
    text-align: center;
    margin-bottom: 30px
  }
  .cart-area .cart-table, .footer-bottom-area p, .testimonials-content, .who-we-are-area-style-two .single-who-we-are, .who-we-are-content {
    text-align: center
  }
  .cart-area .cart-table table tbody tr td a, .coming-soon-area .coming-soon-content #timer div span, .skills-content .top-title, .who-we-are-content .top-title {
    font-size: 14px
  }
  .who-we-are-content h2 {
    font-size: 25px;
    margin-bottom: 15px
  }
  .feathers-area.feathers-area-style-two .single-feathers i, .main-contact-area .contact-wrap .form-group, .product-details-area .product-details-image, .single-feathers i, .skills-content p, .subscribe-content, .testimonials-content p, .user-area-style .contact-form-action form .form-group, .user-area-style .contact-form-action form .login-action, .user-area-style.recover-password-area p, .who-we-are-content .single-who-we-are i {
    margin-bottom: 20px
  }
  .feathers-area.feathers-area-style-two .container, .pagination-area, .who-we-are-content .single-who-we-are {
    margin-top: 0
  }
  .faq-img, .product-details-area .products-details-tab, .product-view-one .product-content, .skill-img {
    margin-top: 30px
  }
  .who-we-are-content .single-who-we-are h3, .who-we-are-content .single-who-we-are p {
    margin-bottom: 15px
  }
  .counter-area .single-counter, .single-feathers {
    padding-left: 0;
    text-align: center
  }
  .single-feathers i {
    position: unset;
    display: block;
    font-size: 50px
  }
  .sidebar-widget h3, .sidebar-widget.sidebar-gallery-feed h2, .single-feathers h3, .single-price-card .price-title h3, h3 {
    font-size: 20px
  }
  .cart-area .cart-totals, .main-contact-area .contact-info, .product-view-one .modal-content, .product-view-one .product-view-one-image, .single-price-card .price-title, .single-price-card ul, .single-services, .user-area-style .contact-form-action, .user-area-style .section-title {
    padding: 20px
  }
  .single-services i {
    font-size: 50px;
    margin-bottom: 15px
  }
  .single-services h3, .single-services p {
    margin-bottom: 10px
  }
  .single-services p {
    font-size: 14px
  }
  .single-services .count {
    font-size: 40px
  }
  .single-counter {
    padding-left: 80px
  }
  .single-counter i {
    font-size: 60px
  }
  .featured-area {
    padding-bottom: 100px
  }
  .featured-area .pr-0 {
    padding-right: 15px !important
  }
  .featured-slider {
    position: unset;
    padding: 20px
  }
  .featured-slider.owl-theme .owl-nav, .testimonials-area .testimonials-slider.owl-theme .owl-nav {
    bottom: -50px;
    left: 0;
    right: 0
  }
  .featured-slider.owl-theme .owl-nav i, .testimonials-area .testimonials-slider.owl-theme .owl-nav i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px
  }
  .single-price-card .price-title h2 {
    font-size: 50px;
    margin-bottom: 0
  }
  .skills-content {
    margin-right: 0
  }
  .skills-content h2 {
    font-size: 30px;
    margin-bottom: 15px
  }
  .testimonials-area .testimonials-slider .row {
    margin-right: auto
  }
  .testimonials-area .owl-carousel .owl-item img {
    width: unset;
    margin: 0 auto 15px
  }
  .single-blog-content .comments-wrap ul li, .testimonials-content .testimonials-name {
    padding-left: 0
  }
  .testimonials-content .testimonials-name i {
    position: unset;
    margin-bottom: 15px;
    display: block
  }
  .single-blog-post .news-content a h3 {
    font-size: 20px;
    margin-bottom: 15px
  }
  .subscribe-content {
    text-align: center
  }
  .subscribe-area .newsletter-form .form-control {
    height: 50px
  }
  .subscribe-area .newsletter-form .default-btn {
    position: unset;
    margin: 20px auto 0;
    display: table
  }
  .single-footer-widget h3 {
    font-size: 24px;
    margin-bottom: 15px
  }
  .footer-bottom-area .footer-bottom-menu {
    float: unset;
    text-align: center;
    margin-top: 10px
  }
  .single-team-member .team-content, .top-header.top-header-style-two .header-left-content {
    margin-left: 0
  }
  .hero-slider-area.hero-slider-two .hero-slider-content img {
    margin: 0 auto 20px
  }
  .hero-slider-area.hero-slider-two .hero-slider-content p, .projects-area .shorting-menu button.filter {
    font-size: 16px
  }
  .hero-slider-area.hero-slider-two .hero-slider-item {
    height: 100%;
    padding-top: 238px;
    padding-bottom: 100px
  }
  .hero-slider-area.hero-slider-two.owl-theme .owl-dots {
    bottom: 50px
  }
  .who-we-are-area-style-two .who-we-area-img-3 {
    position: unset;
    text-align: center
  }
  .counter-area.counter-area-style-two::after, .partner-area.partner-area-style-two::after, .testimonials-area.testimonials-area-style-two::after {
    width: unset
  }
  .counter-area.counter-area-style-two .single-counter {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0
  }
  .counter-area .single-counter i {
    position: unset;
    margin-bottom: 10px;
    display: block
  }
  .projects.bg-1 {
    height: 300px
  }
  .navbar-area.navbar-area-style-three .others-option .search-box {
    position: relative;
    top: 0
  }
  .navbar-area.navbar-area-style-three .others-option .search-box .form-control {
    border-radius: 50px
  }
  .navbar-area.navbar-area-style-three .others-option .cart-icon {
    margin-left: 15px
  }
  .navbar-area.navbar-area-style-three .others-option .cart-icon a i {
    color: var(--main-color)
  }
  .navbar-area.navbar-area-style-three .others-option-for-responsive .dot-menu .inner .circle {
    background-color: var(--main-color)
  }
  .banner-area {
    height: 100%;
    padding-bottom: 50px;
    padding-top: 90px
  }
  .banner-area .banner-content h1 {
    font-size: 29px;
    line-height: 1.3
  }
  .video-btn {
    width: 70px;
    height: 70px;
    line-height: 70px
  }
  .video-btn i {
    font-size: 50px
  }
  .who-we-are-img-4 {
    margin-bottom: 30px;
    text-align: center
  }
  .testimonials-area .testimonials-area-style-three {
    padding-top: 0;
    padding-bottom: 0
  }
  .services-area-style-three .single-services {
    border: 1px solid #eee
  }
  .page-title-area {
    padding-top: 240px;
    padding-bottom: 65px
  }
  .page-title-area .page-title-content h2 {
    font-size: 35px;
    margin-bottom: 0
  }
  .pagination-area .page-numbers {
    width: 35px;
    height: 35px;
    line-height: 35px
  }
  .projects-details-area .top-details-img {
    height: 300px;
    margin-bottom: 30px
  }
  .faq-img {
    height: 400px
  }
  .faq-accordion .accordion .accordion-title {
    font-size: 17px
  }
  .error-area {
    padding: 70px 0
  }
  .error-area .error-content-wrap p {
    margin: 15px 0 20px;
    font-size: 15px
  }
  .error-area .error-content-wrap h1 {
    font-size: 100px
  }
  .widget-sidebar {
    margin-top: 35px
  }
  .blog-column-one-area, .services-details-area, .shop-area, .single-blog-area {
    padding-bottom: 15px
  }
  .cart-area {
    overflow: hidden
  }
  .cart-area .cart-table table thead tr th {
    font-size: 16px;
    padding: 0 40px 10px;
    white-space: nowrap
  }
  .cart-area .cart-table table tbody tr td:first-child, .cart-area .cart-table table thead tr th:first-child {
    text-align: left;
    padding-left: 0
  }
  .cart-area .cart-table table tbody tr td {
    white-space: nowrap
  }
  .cart-area .coupon-cart .form-group .default-btn {
    position: unset;
    top: 0;
    right: 0;
    height: 50px;
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 29px
  }
  .cart-area .default-btn {
    display: block
  }
  .cart-area .default-btn.update {
    padding: 16px 20px
  }
  .checkout-area .billing-details h3, .user-area-style .section-title h2 {
    font-size: 25px
  }
  .checkout-area .cart-totals h3, .checkout-area .faq-accordion h3 {
    padding: 15px 15px 0;
    font-size: 20px
  }
  .checkout-area .cart-totals ul, .checkout-area .faq-accordion .accordion {
    padding: 15px
  }
  .checkout-area .faq-accordion .default-btn, .testimonials-area.testimonials-area-style-two .testimonials-content p, .top-header.top-header-style-three .header-left-content, .top-header.top-header-style-three .header-left-content li {
    margin-bottom: 0
  }
  .product-details-area .section-title {
    margin: -15px auto 30px
  }
  .product-details-area .product-details-desc h3 {
    margin-bottom: 6px
  }
  .product-details-area .products-details-tab .tab_content {
    padding: 30px 0 0
  }
  .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item {
    padding-right: 0
  }
  .cart-area .cart-table table tbody tr td.product-subtotal .remove {
    margin-left: 15px;
    position: relative;
    top: -3px
  }
  .sidebar-widget.sidebar-gallery-feed ul li a img {
    width: 100%;
    text-align: center
  }
  .blog-left-sidebar-area {
    padding-top: 15px
  }
  .single-blog-content .comments-wrap ul li img {
    position: unset
  }
  .single-blog-content .blog-top-content blockquote p {
    padding: 10px 10px 10px 50px;
    font-size: 15px
  }
  .single-blog-content .blog-top-content .news-content .admin .float {
    float: unset;
    margin-left: 0;
    display: block;
    margin-bottom: 14px
  }
  .map-area {
    margin-top: 50px
  }
  .main-contact-area .contact-info .address .location, .main-contact-area .contact-info .address li {
    padding-left: 40px
  }
  .user-area-style .contact-form-action.mb-50 {
    margin-bottom: 50px
  }
  .user-area-style .contact-form-action form .login-action .forgot-login {
    float: unset;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    display: block
  }
  .user-area-style .contact-form-action form .text-right {
    text-align: left !important
  }
  .user-area-style .contact-form-action form .default-btn {
    margin-bottom: 16px
  }
  .user-area-style.recover-password-area .now-register {
    float: left
  }
  .user-area-style.recover-password-area .default-btn {
    margin-bottom: 0 !important
  }
  .coming-soon-area {
    height: 100%;
    padding: 120px 15px
  }
  .coming-soon-area .coming-soon-content {
    padding: 30px 20px
  }
  .coming-soon-area .coming-soon-content h2 {
    margin-top: 25px;
    font-size: 28px
  }
  .coming-soon-area .coming-soon-content #timer {
    margin-top: 10px
  }
  .coming-soon-area .coming-soon-content #timer div {
    width: 95px;
    height: 100px;
    font-size: 35px;
    margin-top: 20px
  }
  .coming-soon-area .coming-soon-content form {
    max-width: 100%;
    margin-top: 40px
  }
  .services-area-style-two .section-title.white-title h2 {
    color: var(--heading-color)
  }
  .top-header.top-header-style-three .header-right-content {
    padding-left: 0;
    float: unset
  }
  .top-header.top-header-style-three .header-left-content {
    padding-right: 0;
    float: unset
  }
  .services-area-style-two {
    background-color: #eee
  }
  .single-blog-post .news-content .admin li {
    font-size: 13px
  }
  .single-blog-post .news-content .admin .float {
    display: inline-block;
    margin-bottom: 0;
    float: right
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .top-header .header-left-content {
    padding-left: 0 !important;
    text-align: left;
    margin-bottom: 0
  }
  .top-header .header-left-content li {
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 0
  }
  .top-header .header-left-content li i {
    margin-right: 5px
  }
  .top-header .header-right-content {
    padding-right: 0;
    float: right;
    text-align: right
  }
  .top-header .pl-0, .top-header .pr-0 {
    padding-left: 15px !important
  }
  .navbar-area .others-option .search-box .form-control {
    width: 290px
  }
  .hero-slider-area .container-fluid {
    max-width: 540px
  }
  .projects.bg-1 {
    height: 100%
  }
  .projects.bg-1::before {
    display: block
  }
  .showing-result-count {
    margin-bottom: 0
  }
  .single-blog-content .blog-top-content .news-content .admin .float {
    float: right;
    margin-left: 20px;
    display: inline-block;
    margin-bottom: 0
  }
  .top-header.top-header-style-three .header-right-content {
    padding-left: 0;
    float: left
  }
  .top-header.top-header-style-three .header-left-content {
    padding-right: 15px;
    float: right
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .default-btn, .page-title-area .page-title-content ul li, .section-title span {
    font-size: 15px
  }
  .featured-slider, .testimonials-area .testimonials-slider .row {
    margin-right: auto
  }
  .ptb-100 {
    padding-top: 50px;
    padding-bottom: 50px
  }
  .ptb-70 {
    padding-top: 20px;
    padding-bottom: 20px
  }
  .pt-100 {
    padding-top: 50px
  }
  .pb-100 {
    padding-bottom: 50px
  }
  .pt-70 {
    padding-top: 20px
  }
  .pb-70 {
    padding-bottom: 20px
  }
  .default-btn {
    padding: 10px 20px
  }
  .cart-area .coupon-cart, .checkout-area .billing-details, .featured-img, .section-title, .who-we-are-content p {
    margin-bottom: 30px
  }
  .main-contact-area .contact-info .address .location i, .main-contact-area .contact-info .address li i, .section-title h2, .user-area-style.recover-password-area h3 {
    font-size: 30px
  }
  .navbar-area .others-option .search-box .form-control {
    width: 290px;
    border-radius: 50px
  }
  .navbar-area.navbar-area-style-two .others-option-for-responsive .container .container {
    max-width: 460px
  }
  .others-option-for-responsive .container .container {
    max-width: 320px;
    margin: auto
  }
  .hero-slider-area .container-fluid {
    max-width: 540px
  }
  .hero-slider-area .owl-prev {
    left: 20px;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }
  .hero-slider-area .owl-next i, .hero-slider-area .owl-prev i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 15px
  }
  .hero-slider-area .owl-next {
    right: 20px;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }
  .hero-slider-item {
    height: 100%;
    padding-top: 60px;
    padding-bottom: 70px
  }
  .hero-slider-content h1 {
    font-size: 39px
  }
  .hero-slider-content p {
    margin-bottom: 25px
  }
  .featured-img-2 img, .product-details-image img, .skill-img img, .who-we-are-img img {
    width: 100%
  }
  .checkout-area .cart-totals h3::before, .checkout-area .faq-accordion h3::before, .single-counter::before, .testimonials-area .testimonials-area-style-three::after, .testimonials-area .testimonials-area-style-three::before, .testimonials-area .testimonials-left-img, .testimonials-area.testimonials-area-style-two .testimonials-shape, .testimonials-area.testimonials-area-style-two .testimonials-slider.owl-theme .owl-nav, .who-we-are-img .who-we-are-img-2 {
    display: none
  }
  .who-we-are-img .video-button {
    width: 100%;
    text-align: center;
    margin-bottom: 30px
  }
  .footer-bottom-area p, .testimonials-content, .who-we-are-content {
    text-align: center
  }
  .cart-area .cart-table table tbody tr td a, .single-blog-post .news-content .admin li, .skills-content .top-title, .who-we-are-content .top-title {
    font-size: 14px
  }
  .who-we-are-content h2 {
    font-size: 25px;
    margin-bottom: 15px
  }
  .feathers-area.feathers-area-style-two .single-feathers i, .main-contact-area .contact-wrap .form-group, .product-details-area .product-details-image, .single-feathers i, .skills-content p, .subscribe-content, .testimonials-content p, .user-area-style .contact-form-action form .form-group, .user-area-style .contact-form-action form .login-action, .who-we-are-content .single-who-we-are i {
    margin-bottom: 20px
  }
  .feathers-area.feathers-area-style-two .container, .pagination-area, .who-we-are-content .single-who-we-are {
    margin-top: 0
  }
  .faq-img, .product-details-area .products-details-tab, .skill-img {
    margin-top: 30px
  }
  .who-we-are-content .single-who-we-are h3, .who-we-are-content .single-who-we-are p {
    margin-bottom: 15px
  }
  .single-feathers {
    padding-left: 0;
    text-align: center
  }
  .single-feathers i {
    position: unset;
    display: block;
    font-size: 50px
  }
  .single-feathers h3, .single-price-card .price-title h3 {
    font-size: 20px
  }
  .single-services, .user-area-style .contact-form-action, .user-area-style .section-title {
    padding: 20px
  }
  .single-services i {
    font-size: 50px;
    margin-bottom: 15px
  }
  .single-services h3, .single-services p {
    margin-bottom: 10px
  }
  .page-title-area .page-title-content h2, .single-services .count {
    font-size: 40px
  }
  .single-counter {
    padding-left: 80px
  }
  .single-counter i {
    font-size: 60px
  }
  .featured-area {
    padding-bottom: 100px
  }
  .featured-area .pl-0 {
    padding-left: 15px !important
  }
  .featured-area .pr-0 {
    padding-right: 15px !important
  }
  .featured-slider {
    position: unset;
    padding: 20px
  }
  .featured-slider.owl-theme .owl-nav, .testimonials-area .testimonials-slider.owl-theme .owl-nav {
    bottom: -50px;
    left: 0;
    right: 0
  }
  .featured-slider.owl-theme .owl-nav i, .testimonials-area .testimonials-slider.owl-theme .owl-nav i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px
  }
  .single-price-card .price-title h2 {
    font-size: 50px;
    margin-bottom: 0
  }
  .skills-content {
    margin-right: 0
  }
  .skills-content h2 {
    font-size: 30px;
    margin-bottom: 15px
  }
  .testimonials-area .owl-carousel .owl-item img {
    width: unset;
    margin: 0 auto 15px
  }
  .testimonials-content .testimonials-name {
    padding-left: 0
  }
  .testimonials-content .testimonials-name i {
    position: unset;
    margin-bottom: 15px;
    display: block
  }
  .single-blog-post .news-content a h3 {
    font-size: 20px;
    margin-bottom: 15px
  }
  .subscribe-content {
    text-align: center
  }
  .subscribe-area .newsletter-form {
    max-width: 600px;
    margin: auto
  }
  .subscribe-area .newsletter-form .form-control {
    height: 50px
  }
  .subscribe-area .newsletter-form .default-btn {
    position: unset;
    margin: 20px auto 0;
    display: table
  }
  .single-footer-widget h3 {
    font-size: 24px;
    margin-bottom: 15px
  }
  .footer-bottom-area .footer-bottom-menu {
    float: unset;
    text-align: center;
    margin-top: 10px
  }
  .single-team-member .team-content, .top-header.top-header-style-two .header-left-content {
    margin-left: 0
  }
  .hero-slider-area.hero-slider-two .hero-slider-content img {
    margin: 0 auto 20px
  }
  .cart-area .cart-table table thead tr th, .hero-slider-area.hero-slider-two .hero-slider-content p, .projects-area .shorting-menu button.filter {
    font-size: 16px
  }
  .hero-slider-area.hero-slider-two .hero-slider-item {
    height: 100%;
    padding-top: 190px;
    padding-bottom: 100px
  }
  .hero-slider-area.hero-slider-two.owl-theme .owl-dots {
    bottom: 70px
  }
  .feathers-area.feathers-area-style-two .single-feathers::before {
    left: -15px
  }
  .who-we-are-area-style-two .who-we-area-img-3 {
    position: unset;
    text-align: center
  }
  .who-we-are-area-style-two .who-we-are-content {
    text-align: left
  }
  .counter-area.counter-area-style-two::after, .partner-area.partner-area-style-two::after, .testimonials-area.testimonials-area-style-two::after {
    width: unset
  }
  .counter-area.counter-area-style-two .single-counter {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0
  }
  .navbar-area.navbar-area-style-three .others-option .search-box {
    position: relative;
    top: 0
  }
  .navbar-area.navbar-area-style-three .others-option .search-box .form-control {
    border-radius: 50px
  }
  .navbar-area.navbar-area-style-three .others-option .cart-icon {
    margin-left: 15px
  }
  .navbar-area.navbar-area-style-three .others-option .cart-icon a i {
    color: var(--main-color)
  }
  .navbar-area.navbar-area-style-three .others-option-for-responsive .dot-menu .inner .circle {
    background-color: var(--main-color)
  }
  .banner-area {
    height: 100%;
    padding-bottom: 50px;
    padding-top: 50px
  }
  .banner-area .banner-content h1, .coming-soon-area .coming-soon-content h2 {
    font-size: 35px
  }
  .video-btn {
    width: 70px;
    height: 70px;
    line-height: 70px
  }
  .video-btn i {
    font-size: 50px
  }
  .who-we-are-img-4 {
    margin-bottom: 30px;
    text-align: center
  }
  .testimonials-area .testimonials-area-style-three {
    padding-top: 50px;
    padding-bottom: 30px
  }
  .services-area-style-three .single-services {
    border: 1px solid #eee
  }
  .page-title-area {
    padding-top: 217px;
    padding-bottom: 100px
  }
  .pagination-area .page-numbers {
    width: 35px;
    height: 35px;
    line-height: 35px
  }
  .projects-details-area .top-details-img {
    height: 300px;
    margin-bottom: 30px
  }
  .faq-img {
    height: 400px
  }
  .widget-sidebar {
    margin-top: 35px
  }
  .blog-column-one-area, .services-details-area, .shop-area, .single-blog-area {
    padding-bottom: 15px
  }
  .cart-area .cart-table table tbody tr td.product-subtotal .remove {
    margin-left: 15px;
    position: relative;
    top: -3px
  }
  .cart-area .coupon-cart .form-group .default-btn {
    line-height: 29px
  }
  .cart-area .coupon-cart .form-group .default-btn.update {
    padding: 16px 20px
  }
  .checkout-area .billing-details h3, .user-area-style .section-title h2 {
    font-size: 25px
  }
  .checkout-area .cart-totals h3, .checkout-area .faq-accordion h3 {
    padding: 15px 15px 0;
    font-size: 20px
  }
  .checkout-area .cart-totals ul, .checkout-area .faq-accordion .accordion {
    padding: 15px
  }
  .checkout-area .faq-accordion .default-btn {
    margin-bottom: 0
  }
  .product-details-area .section-title {
    margin: -15px auto 30px
  }
  .product-details-area .product-details-desc h3 {
    margin-bottom: 6px
  }
  .product-details-area .products-details-tab .tab_content {
    padding: 30px 0 0
  }
  .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item {
    padding-right: 0
  }
  .sidebar-widget.sidebar-gallery-feed ul li a img {
    width: 100%;
    text-align: center
  }
  .blog-left-sidebar-area {
    padding-top: 15px
  }
  .map-area {
    margin-top: 50px
  }
  .main-contact-area .contact-info .address .location, .main-contact-area .contact-info .address li {
    padding-left: 40px
  }
  .main-contact-area .contact-info {
    padding: 30px
  }
  .user-area-style .contact-form-action.mb-50 {
    margin-bottom: 50px
  }
  .user-area-style .contact-form-action form .login-action .forgot-login {
    float: unset;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    display: block
  }
  .user-area-style .contact-form-action form .text-right {
    text-align: left !important
  }
  .user-area-style .contact-form-action form .default-btn {
    margin-bottom: 16px
  }
  .user-area-style.recover-password-area .default-btn {
    margin-bottom: 0 !important
  }
  .coming-soon-area {
    height: auto;
    padding-top: 120px;
    padding-bottom: 120px
  }
  .coming-soon-area .coming-soon-content {
    max-width: 650px
  }
  .projects.bg-2, .projects.bg-3, .projects.bg-4, .projects.bg-5 {
    height: 170px
  }
  .top-header.top-header-style-three .header-right-content {
    padding-left: 15px
  }
  .top-header.top-header-style-three .header-left-content {
    padding-right: 15px
  }
  .single-blog-post .news-content .admin .float {
    display: inline-block;
    margin-bottom: 0;
    float: right
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .navbar-area .others-option, .testimonials-all-content .testimonials-left-img {
    display: none
  }
  .navbar-area .others-option .search-box .form-control {
    width: 320px;
    border-radius: 50px
  }
  .navbar-area.navbar-area-style-two .others-option-for-responsive .container .container {
    max-width: 460px
  }
  .navbar-area.navbar-area-style-two .navbar-nav.ml-auto {
    position: relative;
    left: 70px
  }
  .navbar-nav.ml-auto {
    margin-right: auto
  }
  .others-option-for-responsive {
    display: block
  }
  .others-option-for-responsive .dot-menu {
    right: 0;
    top: -58px;
    padding-right: 0
  }
  .others-option-for-responsive .option-inner .others-option {
    top: -10px;
    margin-left: 0
  }
  .others-option-for-responsive .container .container {
    max-width: 400px;
    margin: auto
  }
  .subscribe-area .newsletter-form .default-btn {
    right: 7px
  }
  .single-feathers h3, .single-who-we-are h3 {
    font-size: 21px
  }
  .single-blog-post .news-content .admin .float {
    top: 15px;
    display: inline-block;
    margin-bottom: 0;
    float: right
  }
  .single-blog-post .news-content a h3, .user-area-style .contact-form-action form .form-group {
    margin-bottom: 20px
  }
  .who-we-are-area-style-two .who-we-area-img-3 {
    top: 140px;
    right: 0;
    max-width: 280px
  }
  .counter-area.counter-area-style-two::after {
    width: unset
  }
  .counter-area.counter-area-style-two .single-counter {
    margin: 0 0 30px;
    padding-left: 70px
  }
  .counter-area.counter-area-style-two .single-counter::before {
    left: -18px
  }
  .counter-area.counter-area-style-two .single-counter i {
    font-size: 50px
  }
  .testimonials-area.testimonials-area-style-two::after {
    width: 215px
  }
  .testimonials-area.testimonials-area-style-two .testimonials-shape {
    left: -100px
  }
  .testimonials-area.testimonials-area-style-two .testimonials-slider.owl-theme .owl-nav {
    bottom: unset !important;
    left: unset;
    top: 0
  }
  .single-team-member .team-content {
    margin-left: 0;
    padding: 20px
  }
  .navbar-area.navbar-area-style-three .others-option .search-box {
    position: relative;
    top: 0
  }
  .navbar-area.navbar-area-style-three .others-option .search-box .form-control {
    border-radius: 50px
  }
  .navbar-area.navbar-area-style-three .others-option .cart-icon {
    margin-left: 15px
  }
  .navbar-area.navbar-area-style-three .others-option .cart-icon a i {
    color: var(--main-color)
  }
  .navbar-area.navbar-area-style-three .others-option-for-responsive .dot-menu .inner .circle {
    background-color: var(--main-color)
  }
  .counter-area.counter-area-style-three .single-counter {
    margin: 15px 15px 30px
  }
  .counter-area.counter-area-style-three .single-counter h2 {
    font-size: 35px
  }
  .services-area-style-three .single-services {
    border: 1px solid #eee
  }
  .services-area-style-three .single-services h3 {
    font-size: 19px
  }
  .who-we-are-img .who-we-are-img-2 {
    bottom: -78px;
    right: 0
  }
  .who-we-are-img .video-button {
    margin-top: 100px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: -77px
  }
  .featured-img-2 {
    position: relative;
    top: -80px;
    z-index: -1;
    right: 15px
  }
  .cart-area .cart-table table tbody tr td.product-subtotal .remove {
    margin-left: 15px;
    position: relative;
    top: 10px
  }
  .single-services, .user-area-style .section-title {
    padding: 20px
  }
  .user-area-style .contact-form-action form .default-btn.register {
    padding: 15px 35px
  }
  .who-we-are-content .single-who-we-are h3 {
    font-size: 22px
  }
  .single-blog-post .news-content a h3, .single-services h3 {
    font-size: 20px
  }
  .single-blog-post .news-content .admin li {
    font-size: 13px
  }
  .navbar-area.navbar-area-style-two .main-nav .navbar .navbar-brand {
    position: unset;
    max-width: 108px
  }
  .navbar-area.is-sticky.navbar-area-style-two .main-nav .navbar .navbar-brand {
    position: unset
  }
  .top-header.top-header-style-two .header-left-content {
    margin-left: 0
  }
  .banner-area .banner-content h1 {
    font-size: 65px
  }
  .single-team-member .team-content .team-social .control, .single-team-member .team-content .team-social ul {
    right: 20px
  }
}
@media only screen and (min-width:1700px) {
  .navbar-area .main-nav .container-fluid {
    padding-left: 0;
    padding-right: 0
  }
  .navbar-area.navbar-area-style-two .others-option.others-option-style-right .sidebar-menu a i {
    height: 40px;
    width: 50px;
    line-height: 40px;
    border-radius: 6px
  }
  .navbar-area.navbar-area-style-two .others-option.others-option-style-two {
    margin-left: 280px
  }
  .navbar-area.navbar-area-style-two .others-option.others-option-style-two .search-box .form-control {
    width: 300px
  }
  .navbar-area.is-sticky.navbar-area-style-two .others-option.others-option-style-two {
    margin-left: 240px
  }
  .top-header .header-left-content {
    padding-left: 0
  }
  .top-header .header-right-content {
    padding-right: 0
  }
  .top-header.top-header-style-three .header-left-content {
    padding-right: 0 !important
  }
  .top-header.top-header-style-three .header-right-content {
    padding-left: 0 !important
  }
  .hero-slider-area .border-text {
    bottom: 0
  }
  .banner-area, .hero-slider-area.hero-slider-two .hero-slider-item {
    height: 100vh
  }
  .hero-slider-area.hero-slider-two .hero-slider-content {
    margin-top: 130px
  }
  .testimonials-area.testimonials-area-style-two::after {
    width: 625px
  }
  .testimonials-area.testimonials-area-style-two .testimonials-shape {
    left: 305px
  }
  .who-we-are-area-style-two .who-we-area-img-3 {
    right: 0
  }
  .banner-area .banner-content {
    margin: 130px auto 0
  }
  .counter-area.counter-area-style-two::after, .partner-area.partner-area-style-two::after {
    width: 305px
  }
}
@media only screen and (max-width:991px) {
  .mobile-nav {
    display: block;
    position: relative
  }
  .mobile-nav .logo {
    text-decoration: none;
    position: absolute;
    top: 8px;
    z-index: 999;
    left: 15px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    max-width: 150px
  }
  .mobile-nav nav .navbar-nav {
    height: 300px;
    overflow-y: scroll !important
  }
  .mobile-nav nav .navbar-nav .nav-item a i {
    display: none
  }
  .mean-container .mean-bar {
    background-color: #fff;
    -webkit-box-shadow: 0 20px 20px 20px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 20px 20px rgba(0, 0, 0, .05);
    height: 82px;
    padding: 0
  }
  .mean-container .mean-nav {
    margin-top: 70px
  }
  .mean-container .mean-nav ul li a.active, .mean-container .mean-nav ul li a:hover {
    color: var(--main-color)
  }
  .mean-container a.meanmenu-reveal {
    padding: 23px 15px 0 0;
    color: #272b2b
  }
  .mean-container a.meanmenu-reveal span {
    background-color: #272b2b;
    position: relative;
    top: 8px;
    margin-top: -5px
  }
  .main-nav {
    display: none !important
  }
  .others-option-for-responsive {
    display: block
  }
  .others-option-for-responsive .container .container {
    max-width: 400px;
    margin: auto
  }
  .navbar-area .others-option {
    display: none;
    margin-left: 15px;
    margin-right: 15px
  }
  .navbar-area .others-option .search-box .form-control {
    border-radius: 50px
  }
  .sidebar-modal .sidebar-modal-inner {
    width: 320px;
    padding: 20px
  }
  .top-header .header-left-content {
    padding-left: 0
  }
  .top-header .header-right-content {
    padding-right: 0
  }
  .special-text {
    font-size: 16px;
    line-height: 24px
  }
  .single-services {
    min-height: 100px
  }
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .container {
    max-width: 1320px
  }
}
@media only screen and (min-width:1200px) {
  .container-fluid {
    max-width: 1470px
  }
  .navbar-area .others-option {
    margin-left: 0
  }
}

@media only screen and (max-width:767px){
	  .mean-container .mean-bar {
  
    height: 65px;
  }
	.mobile-nav .logo {
		max-width: 95px;
	}
	.mean-container a.meanmenu-reveal {
    padding: ssss 15px 0 0;
    color: #272b2b;
}
	.mean-container a.meanmenu-reveal {
    width: 28px;
    height: 25px;
}
.mean-container .mean-nav {
    margin-top: 65px;
}
	body {
   padding-top: ss;
}
	.mobile-nav .logo {
    top: 13px;
}
@media (min-width: 768px) {
  .mobile-nav {
    display: none !important;
  }
}
	
}
/* Show submenu on hover for large screens */
@media (min-width: 992px) {
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
}