/*****************
================================================
 (  Media Queries  )
================================================
 *******************/

/*************************
       1700px
*************************/
@media (max-width: 1700px) {
  .portfolio-title {
    padding: 60px 60px 30px;
  }
  /*home-4  */
  .our-blog .blog-box-image {
    max-height: 286px;
  }
  .our-blog .blog-box-info {
    max-height: 286px;
  }
  /* about-1 */
  .feature-step-2 .feature-step-2-title-left h1 {
    font-size: 60px;
    line-height: 50px;
  }
  .objects-left .objects-1 {
    left: -20px;
  }
  .video-background-banner .slider-content {
    padding: 20px 30px;
  }
  .scroll-down {
    bottom: 30px;
  }

  /*************************************
                   V2.5
      **************************************/
  .book-banner .slider-content-image .book {
    height: 500px;
  }
  .fish-banner .slider-content h1 {
    font-size: 80px;
    line-height: 80px;
  }
  .fish-banner .slider-content .fish-banner-image img {
    height: 500px;
  }
  .fish-banner .fish-banner-content {
    padding-top: 90px;
  }
  .fish-about:before {
    background-position: -250px;
  }
  .awards-bg .awards:before {
    left: -20px;
  }
  .awards-bg .awards:after {
    right: -20px;
  }
  .hotel-banner-checkout .checkout .checkout-name h3 {
    font-size: 20px;
  }
}

@media (max-width: 1500px) {
  .portfolio-home .section-title p {
    font-size: 16px;
  }
  /*home-4  */
  .our-blog .blog-box-image {
    max-height: 262px;
  }
  .our-blog .blog-box-info {
    max-height: 262px;
  }
  .blog-box-image .portfolio-caption .port-tag li a {
    font-size: 12px;
  }
  .slider-fade-carousel {
    height: 100%;
  }
  .our-service {
    padding-bottom: 60px;
  }
  .objects-left,
  .objects-right {
    display: none;
  }
  .fullWidth .mega-menu .drop-down.grid-col-5 {
    width: 51.666667%;
  }
  .fancy .mega-menu .drop-down.grid-col-5 {
    width: 51.666667%;
  }
  /*home 9*/
  .resume-contact .g-map {
    height: 642px;
  }

  /*************************************
                   V2.5
      **************************************/
  .plumber-banner .slider-content-image img {
    height: 600px;
  }
  .awards-bg,
  .certi-bg {
    padding: 80px 30px;
  }
  .pizza-dish-main {
    overflow: hidden;
  }
}

@media (max-width: 1400px) {
  .portfolio-title {
    padding: 40px 40px 0px;
  }
  .portfolio-home .portfolio-title.section-title {
    margin-bottom: 20px !important;
  }
  .portfolio-home .portfolio-title.section-title .button.mt-30 {
    margin-top: 10px !important;
  }
  .our-blog .blog-box-image {
    max-height: 240px;
  }
  .our-blog .blog-box-info {
    max-height: 240px;
  }
  .our-blog .blog-box-info p.pb-20.pt-30 {
    padding: 10px 0 !important;
  }
  .custom-content-3.hello-content .custom-content-3-image img {
    margin-top: 150px;
    vertical-align: bottom;
    width: 100%;
  }
  .our-blog .blog-box-info span.text-white {
    display: none;
  }
  /*contact*/
  .contact-3-info .contact-add {
    text-align: center;
  }
  .contact-3-info .contact-add i {
    float: none;
    text-align: center;
    display: block;
    margin: 0 auto;
  }
  .contact-3-info .contact-add p {
    display: block;
    margin-top: 15px;
  }
  /*home-9*/
  .image-holder-2-bg {
    height: 700px;
  }
  .feature-step-2 .feature-step-2-title-2-right h2 {
    font-size: 24px;
    line-height: 30px;
  }
  .feature-step-2 .feature-step-2-title-2-right h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .feature-step-2-box {
    padding: 50px 30px;
  }
  .resume-page .container-fluid {
    padding: 0 30px;
  }
  .resume-contact .contact-form-main {
    padding: 30px;
  }
  .header.fancy.without-topbar .menu {
    top: 16px;
  }
  #rev_slider_16_1_forcefullwidth .tp-parallax-wrap {
    margin-top: 20px;
  }
  .awesome-features .img-side img {
    top: 20px;
  }
  .video-background-banner .slider-content {
    padding: 30px 30px;
  }
  .video-background-banner h1 {
    font-size: 60px;
    line-height: 60px;
  }

  /*************************************
             v1.0.3
**************************************/
  .slider-parallax.banner-personal .slider-content h1 {
    font-size: 110px;
    line-height: 120px;
  }
  .slider-parallax.banner-personal .slider-content h1 strong {
    font-size: 132px;
  }

  /*************************************
             v1.0.4
**************************************/
  .movie-banner .slider-content .banner-popup {
    width: 72%;
  }

  /*************************************
             v1.3
**************************************/
  .blog-overlay blockquote.quote:before {
    display: none;
  }

  /*************************************
             v2.5
**************************************/
  .fish-banner .slider-content p {
    font-size: 22px;
  }
  .hotel-feature-step .feature-step-2-box {
    padding: 70px 20px;
  }
  .pizza-about .pizza-about-content {
    padding-top: 0;
  }
  .footer-simple img#logo-footer {
    height: 30px;
  }
}

@media (max-width: 1272px) {
  .our-blog .blog-box-image {
    max-height: 185px;
  }
  .our-blog .blog-box-info {
    max-height: 185px;
  }
  .our-blog .blog-box-image .portfolio-caption .port-tag li {
    margin-top: 0px;
  }
  .our-blog .blog-box-image .portfolio-caption .button-border span {
    margin-top: 10px;
    padding: 4px 10px;
    font-size: 11px;
  }
  .our-blog .blog-box-info a.button.button-white span {
    padding: 6px 16px;
  }
  .our-blog .blog-box-info a.button.button-white i {
    padding: 11px;
  }
  .our-blog .blog-box-info h1 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 0;
  }
  .our-blog .blog-box-info p {
    font-size: 14px;
  }
  .our-blog .blog-box-info {
    padding: 15px 20px;
  }
  /*home-5*/
  .team-3 .team-social-icon a i {
    font-size: 12px;
    height: 30px;
    line-height: 31px;
    width: 30px;
  }
  /*about-1 page*/
  .our-history .history-content {
    padding: 125px 20px;
  }
  /*about me*/
  .about-me .maintenance-progress-bar .progress-bar {
    margin: 0 15px;
  }
  /*blog timeline*/
  .blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge {
    left: -50px;
  }
  /*error*/
  .error-search-box {
    width: 91%;
  }
  .fullWidth .mega-menu .drop-down.grid-col-5 {
    width: 61.666667%;
  }
  .fancy .mega-menu .drop-down.grid-col-5 {
    width: 61.666667%;
  }
  /* about-1 */
  .feature-step-2 .feature-step-2-title-left h1 {
    font-size: 40px;
    line-height: 30px;
  }
  .feature-step-2 .feature-step-2-title-2-right h2 {
    font-size: 22px;
    line-height: 24px;
  }
  .feature-step-2 .feature-step-2-title-2-right h3 {
    font-size: 18px;
    line-height: 20px;
  }

  /*************************************
             v2.5
**************************************/
  .pricing-table.active .pricing-top a.button {
    padding: 12px 30px;
  }
  .book-banner .slider-content-text h1 {
    font-size: 40px;
    line-height: 40px;
    margin-top: 10px !important;
  }
  .book-banner .slider-content-text h2 {
    font-size: 30px;
    line-height: 30px;
    margin-top: 10px !important;
  }
  .book-banner .slider-content-text p {
    font-size: 18px;
    line-height: 30px;
    margin-top: 0px !important;
  }
  .book-banner .slider-content-text .button {
    margin-top: 3px !important;
    padding: 5px 10px;
  }
  .book-banner .slider-content-image .book {
    height: 400px;
  }
  .fish-banner .slider-content h1 {
    font-size: 60px;
    line-height: 60px;
  }
  .fish-banner .slider-content p {
    font-size: 18px;
  }
  .fish-banner .slider-content .fish-banner-image img {
    height: 400px;
  }
  .hotel-banner-checkout .checkout .checkout-date .button span {
    font-size: 20px;
  }
  .hotel-banner-checkout .checkout .checkout-name h3 {
    font-size: 18px;
  }
  .hotel-banner-checkout .checkout .checkout-date .form-control {
    font-size: 24px;
  }
  .hotel-banner-checkout .checkout .checkout-date label.mb-30 {
    margin-bottom: 15px !important;
  }
  .hotel-banner-checkout .checkout .checkout-date > span {
    margin-bottom: 5px !important;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

@media (max-width: 1200px) {
  .login-2-social li {
    margin: 0 3px;
  }
  h2 {
    font-size: 28px;
  }
  h4 {
    font-size: 18px;
  }
  .title-effect::before {
    height: 25%;
    bottom: 4px;
  }
  /*home2*/
  .testimonial-2 .testimonial-center {
    width: 100%;
  }
  .deal-banner img {
    width: initial;
  }
  /*home 9*/
  .footer-widget-social.float-end {
    float: none !important;
  }
  .blog-info h4 {
    font-size: 15px;
  }
  .blog-info p {
    font-size: 16px;
    padding: 10px 0 20px;
  }
  .blog-box.blog-1 .blog-info p {
    font-size: 14px;
  }
  .feature-text.box,
  .feature-text.fill-box {
    padding: 30px;
  }
  .nav.nav-tabs li a {
    margin-right: 5px;
    margin-bottom: 0px;
  }
  .happy-clients .nav-tabs li img {
    height: 80px;
    width: 80px;
  }
  .team .team-social-icon ul li a i {
    height: 35px;
    line-height: 35px;
    width: 35px;
    font-size: 14px;
  }
  .team:hover .team-social-icon {
    bottom: 27%;
  }
  .feature-info h5 {
    font-size: 15px;
  }
  .contact-3 .map-side {
    height: 878px;
  }
  .contact-4 .map-side {
    height: 553px;
  }
  .service-blog {
    padding-top: 0;
  }
  .portfolio-home .isotope.columns-3 .grid-item {
    width: 50%;
  }
  .portfolio-title {
    padding: 60px 60px 30px;
  }
  .action-box h3 {
    font-size: 22px;
  }
  .action-box p {
    font-size: 15px;
  }
  .vertical-header .container-fluid {
    padding: 0 30px;
  }
  .team.team-round.full-border .team-description {
    padding: 30px 0;
  }
  /*medical*/
  .medical-tab .nav.nav-tabs li a {
    margin-bottom: 0;
  }
  /*404 error*/
  .error-block {
    padding: 20px 0 70px 0px;
  }
  .error-block .error-text h2 {
    font-size: 320px;
  }
  .error-block .error-text span {
    font-size: 104px;
    right: 0;
  }
  .error-text-02 h2 {
    font-size: 320px;
  }
  .error-text-02 span {
    font-size: 104px;
    right: 0;
  }
  .add-banner-2 .add-banner-content h2 {
    font-size: 42px;
    line-height: 42px;
  }
  .pricing-content .pricing-table-list ul li {
    font-size: 14px;
  }
  .pricing-content {
    width: 90%;
  }
  .pricing-content .pricing-table-list ul li i {
    width: 18px;
  }
  .round .nav.nav-tabs li a {
    padding: 12px 20px;
  }
  #rev_slider_16_1_forcefullwidth .tp-parallax-wrap {
    margin-top: 50px;
  }
  #services .feature-text.left-icon .feature-icon {
    position: relative;
    text-align: left;
  }
  #services .feature-text .feature-icon span,
  #services .feature-text .feature-icon i {
    padding-left: 0;
    margin-bottom: 10px;
  }
  #services .feature-text.left-icon .feature-info {
    padding-left: 0;
  }
  .medical-tab .nav.nav-tabs li a {
    padding: 12px 20px;
  }
  .login-social li {
    margin: 3px 0px;
  }
  .blog.blog-grid-3-column .blog-detail .social.float-end {
    float: none !important;
    display: block;
    margin-top: 5px;
  }
  .blog.blog-grid-2-sidebar .blog-detail .social.float-end {
    float: none !important;
    display: block;
    margin-top: 5px;
  }
  .blog.masnary-blog-3-columns .blog-detail .social.float-end {
    float: none !important;
    display: block;
    margin-top: 5px;
  }
  .blog.masonry-main .blog-detail .social.float-end {
    float: none !important;
    display: block;
    margin-top: 5px;
  }
  .timeline .blog-detail .social.float-end {
    float: none !important;
    display: block;
    margin-top: 5px;
  }
  .awesome-features .img-side img {
    top: 10%;
  }
  .footer.footer-topbar .copyright ul li {
    padding: 0;
  }
  .isotope.columns-4 .grid-item {
    width: 33.333%;
  }
  .mega-menu .menu-links > li > a {
    padding: 0 10px;
  }

  /*************************************
             v1.0.3
**************************************/
  .blockquote-section blockquote {
    font-size: 40px;
    line-height: 40px;
  }

  /*************************************
             v1.0.4
**************************************/

  .conference-about-content-right {
    padding: 92px 0;
  }
  .conference-about-content-left {
    padding: 110px 0 80px 0px;
  }
  .timer-banner .slider-content h1 {
    font-size: 80px;
    line-height: 80px;
  }

  /*************************************
             v1.0.7
**************************************/
  .law-timeline .timeline-centered:before {
    left: 62px;
  }

  /*************************************
             v1.0.8
**************************************/
  .portfolio-parallax-banner p {
    padding-right: 400px;
  }
  .portfolio-parallax-banner h2 {
    font-size: 90px;
    line-height: 90px;
  }

  /*************************************
             v1.0.9
**************************************/
  .coming-soon-aerial .coming-soon-form.contact-form input {
    width: 100%;
  }
  .coming-soon-big {
    padding: 0;
  }
  .error-05 .error-bottom .tree {
    left: -120px;
  }
  .error-05 .error-bottom .back-to-home {
    right: 0;
  }
  .error-05 h3,
  .error-05 span {
    font-size: 50px;
    line-height: 50px;
  }
  .error-05 p {
    font-size: 22px;
  }
  .error-03 .error-404 h1 {
    font-size: 100px;
    line-height: 100px;
  }
  .error-03 .content h1 {
    font-size: 48px;
  }
  .error-03 .content h2 {
    font-size: 42px;
  }

  /*************************************
             v1.2
**************************************/
  .about-05-split .shop-split-content {
    padding: 20px 0;
  }
  .mega-menu .drop-down-multilevel {
    width: 200px;
  }

  /*************************************
             v1.5
**************************************/
  #main-slider .slider-content h1 {
    font-size: 40px;
  }
  .header.logo-center.magazine-header .mega-menu .menu-links > li > a {
    padding-top: 0;
    padding-bottom: 0;
  }
  .header.logo-center.magazine-header .menu-logo {
    padding: 14px 0;
  }
  #main-slider.shop-04-banner .slider-content h1 {
    font-size: 50px;
    line-height: 50px;
  }
  #main-slider.shop-04-banner .slider-content p {
    font-size: 24px;
    line-height: 27px;
  }
  #main-slider.shop-05-banner .slider-content h1 {
    font-size: 70px;
    line-height: 70px;
  }
  .shop-05-top .pt-100 {
    padding-top: 40px !important;
  }
  .fish-about:before {
    background-position: -200px;
    background-size: 140%;
  }
  .fish-gallery .section-title h2 {
    font-size: 40px;
    line-height: 70px;
  }
  .fish-gallery .owl-carousel .owl-nav {
    left: -280px;
    bottom: 0;
  }
  .fish-gallery .owl-carousel .owl-nav {
    left: 0;
  }
  .hotel-banner-checkout .checkout .checkout-name h3 {
    font-size: 14px;
  }
  .hotel-banner-checkout .checkout .checkout-date .button span {
    top: 20%;
  }
  .pizza-feature-content {
    padding: 70px 30px;
  }

  /*************************************
             v1.5
**************************************/
  .burger-banner h1 {
    font-size: 70px;
    line-height: 70px;
  }
  .burger-banner p {
    font-size: 24px;
  }
  .burger-banner-ani {
    width: 370px;
  }
  .burger-item-06 {
    top: 260px;
  }
  .burger-item-05 {
    top: 210px;
  }
  .burger-item-04 {
    top: 195px;
  }
  .burger-item-03 {
    top: 140px;
  }
  .burger-item-02 {
    top: 135px;
  }
  .burger-item-01 {
    top: 25px;
  }

  .burger-banner:hover .burger-banner-ani .burger-item-05 {
    top: 185px;
  }
  .burger-banner:hover .burger-banner-ani .burger-item-04 {
    top: 170px;
  }
  .burger-banner:hover .burger-banner-ani .burger-item-03 {
    top: 110px;
  }
  .burger-banner:hover .burger-banner-ani .burger-item-02 {
    top: 95px;
  }
  .skateboard-banner .slider-content-image img {
    height: 570px;
  }
  .action-box a.button {
    right: 0;
    position: relative;
    top: inherit;
    margin-top: 10px;
  }
  .action-box.gray-bg a.button,
  .action-box.black-bg a.button,
  .action-box.theme-bg a.button,
  .action-box.action-box-border a.button {
    right: 0;
  }
  .agency-feature h3 {
    font-size: 22px;
  }
  .action-box .action-box-text {
    padding-right: 0;
  }
  .plumber-banner .slider-content-image img {
    height: 450px;
  }
  .services-text-box-black {
    padding: 10px !important;
  }
  .phone-holder {
    width: 280px;
  }
  .highlights-phone.wht .phone-holder #fon {
    background-size: 100%;
  }

  /*************************************
             v3.2
**************************************/
  .search-no-result .bg-title h2 {
    font-size: 350px;
  }

  /*************************************
             v3.3
**************************************/
  .barber-title span {
    font-size: 130px;
  }
  .choose-us-bg {
    padding: 80px 20px;
  }
  .tattoo-banner h1 {
    font-size: 60px;
    line-height: 80px;
  }
  .portfolio-home .isotope.columns-3 .grid-item {
    width: 50%;
  }

  /*************************************
             v3.6
**************************************/
  .marketing-step .step-box {
    width: 180px;
    height: 180px;
    margin: 0 auto;
  }
  .marketing-step .step-box h4 {
    line-height: 180px;
  }
  .business-banner p {
    padding: 0 160px;
  }
  .business-banner-03 h1 {
    font-size: 80px;
    line-height: 80px;
  }
  .business-video .business-video-box .vertical-align {
    padding: 50px;
  }
  .business-banner-04 h1 {
    font-size: 50px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1500px) {
  .vertical-header .container {
    max-width: inherit;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .container {
    max-width: 94%;
  }
  /* about-1 */
  .feature-step-2 .feature-step-2-title-2-right h2 {
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  .feature-step-2 .feature-step-2-title-2-right h3 {
    margin-bottom: 5px;
  }
  .feature-step-2 .feature-step-2-title-2-right p {
    line-height: 20px;
  }
  .listing-banner h1 {
    font-size: 50px;
    line-height: 50px;
  }
  .listing-places {
    padding-bottom: 230px;
  }
}

@media (max-width: 1025px) {
  .mega-menu .menu-links > li > a {
    padding: 10px 8px;
  }
  .portfolio-title {
    padding: 30px 30px 30px;
  }
  /*error*/
  .error-search-box {
    width: 100%;
    text-align: center;
  }
  .clients-logo.line {
    width: 28.3333%;
  }
  .clients-logo.line img {
    width: 90%;
  }
  /*blog timeline*/
  .blog .timeline > li > .timeline-badge {
    right: -66px;
  }
  .blog .timeline > li.timeline-inverted > .timeline-badge {
    left: -63px;
  }
  .deal-banner .caption {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  /*process*/
  .action-box p {
    font-size: 13px;
  }
  /*medical*/
  .medical-tab .nav.nav-tabs li a {
    padding: 12px 10px;
  }
  .membership-pricing-table table tr:first-child th .pricing-plan-price {
    font-size: 32px;
  }
  .awesome-features .img-side img {
    top: 13%;
  }
  .footer-social-big ul li {
    width: 66px;
  }
  .footer .footer-social li,
  .footer ul.list-inline-item.text-left li {
    padding: 0 1px;
  }
  .login-bg .login-social li a.fb {
    padding: 12px 14px;
  }
  .isotope-filters button + button {
    margin-left: 2px;
  }
  .happy-clients .nav-tabs li {
    padding: 0 2px;
  }
  .header.fullWidth .container-fluid {
    padding: 0 15px;
  }

  /*************************************
             v1.0.2
**************************************/
  .action-box h3 {
    padding-right: 230px;
  }

  /*************************************
             v1.0.6
**************************************/
  .movie-banner .slider-content .banner-popup {
    width: 100%;
  }

  /*************************************
             v1.0.7
**************************************/
  .law-timeline .timeline-centered:before {
    left: 56px;
  }

  /*************************************
             v1.0.9
**************************************/
  .error-05 .error-bottom .board {
    left: 264px;
  }

  /*************************************
             v1.2
**************************************/
  .blockquote-section .action-box h3 {
    padding: 0;
  }

  /*************************************
             v1.3
**************************************/
  #main-slider.shop-06-banner .slider-content .slider {
    width: 70%;
  }
  .shop-08-product .container-fluid {
    padding: 0 15px;
  }
  .fish-banner .slider-content .fish-banner-image img {
    height: 340px;
  }
  .fish-banner .fish-banner-content {
    padding-top: 50px;
  }
  .fish-banner .slider-content h1 {
    font-size: 40px;
    line-height: 40px;
  }
  .fish-banner .slider-content p {
    font-size: 16px;
  }
  .fish-gallery .section-title h2 {
    font-size: 40px;
    line-height: 60px;
  }
  .hotel-banner-checkout .checkout .checkout-name {
    padding: 20px;
  }
  .hotel-banner-checkout .checkout .checkout-name h3 {
    font-size: 14px;
    margin-bottom: 0 !important;
  }
  .awards-bg,
  .certi-bg {
    padding: 40px 20px;
  }
  .hotel-banner-checkout .checkout .checkout-date .button span {
    top: inherit;
    line-height: 54px;
  }

  /*************************************
             v3.0
**************************************/
  .skateboard-box h2 {
    font-size: 27px;
  }
  .bitcoin-banner h1 {
    font-size: 70px;
    line-height: 70px;
  }
  .bitcoin-banner h3 {
    margin: 0 15px;
    font-size: 24px;
  }
  .bitcoin-custom-content .counter label {
    font-size: 14px;
  }
  .bitcoin-custom-content .counter span.icon {
    font-size: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .container {
    max-width: 96%;
  }
}

@media (min-width: 992px) {
  /*************************************
   v5.0.5  : Mobile OffCanvas Menu
**************************************/
  .mobile-offcanvas-menu .menu-list-items .menu-bar {
    display: flex;
    align-items: center;
  }
  .mobile-offcanvas-menu .menu-list-items .offcanvas .offcanvas-header {
    display: none;
  }
  .mobile-offcanvas-menu .menu-list-items .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .mobile-offcanvas-menu .menu-list-items .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
  .mobile-offcanvas-menu .menu-list-items .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991px) {
  /*************************
     Margin top
*************************/
  .sm-mt-0 {
    margin-top: 0 !important;
  }
  .sm-mt-10 {
    margin-top: 10px !important;
  }
  .sm-mt-15 {
    margin-top: 15px !important;
  }
  .sm-mt-20 {
    margin-top: 20px !important;
  }
  .sm-mt-30 {
    margin-top: 30px !important;
  }
  .sm-mt-40 {
    margin-top: 40px !important;
  }
  .sm-mt-50 {
    margin-top: 50px !important;
  }
  /*************************
    Margin right
*************************/
  .sm-mr-0 {
    margin-right: 0 !important;
  }
  .sm-mr-10 {
    margin-right: 10px !important;
  }
  .sm-mr-15 {
    margin-right: 15px !important;
  }
  .sm-mr-20 {
    margin-right: 20px !important;
  }
  .sm-mr-30 {
    margin-right: 30px !important;
  }
  .sm-mr-40 {
    margin-right: 40px !important;
  }
  .sm-mr-50 {
    margin-right: 50px !important;
  }
  /*************************
    Margin bottom
*************************/
  .sm-mb-0 {
    margin-bottom: 0 !important;
  }
  .sm-mb-10 {
    margin-bottom: 10px !important;
  }
  .sm-mb-15 {
    margin-bottom: 15px !important;
  }
  .sm-mb-20 {
    margin-bottom: 20px !important;
  }
  .sm-mb-30 {
    margin-bottom: 30px !important;
  }
  .sm-mb-40 {
    margin-bottom: 40px !important;
  }
  .sm-mb-50 {
    margin-bottom: 50px !important;
  }
  /*************************
    Margin left
*************************/
  .sm-ml-0 {
    margin-left: 0 !important;
  }
  .sm-ml-10 {
    margin-left: 10px !important;
  }
  .sm-ml-15 {
    margin-left: 15px !important;
  }
  .sm-ml-20 {
    margin-left: 20px !important;
  }
  .sm-ml-30 {
    margin-left: 30px !important;
  }
  .sm-ml-40 {
    margin-left: 40px !important;
  }
  .sm-ml-50 {
    margin-left: 50px !important;
  }
  /*************************
    Padding top
*************************/
  .sm-pt-0 {
    padding-top: 0 !important;
  }
  .sm-pt-10 {
    padding-top: 10px !important;
  }
  .sm-pt-15 {
    padding-top: 15px !important;
  }
  .sm-pt-20 {
    padding-top: 20px !important;
  }
  .sm-pt-30 {
    padding-top: 30px !important;
  }
  .sm-pt-40 {
    padding-top: 40px !important;
  }
  .sm-pt-50 {
    padding-top: 50px !important;
  }
  /*************************
    Padding right
*************************/
  .sm-pr-0 {
    padding-right: 0 !important;
  }
  .sm-pr-10 {
    padding-right: 10px !important;
  }
  .sm-pr-15 {
    padding-right: 15px !important;
  }
  .sm-pr-20 {
    padding-right: 20px !important;
  }
  .sm-pr-30 {
    padding-right: 30px !important;
  }
  .sm-pr-40 {
    padding-right: 40px !important;
  }
  .sm-pr-50 {
    padding-right: 50px !important;
  }
  /*************************
    Padding bottom
*************************/
  .sm-pb-0 {
    padding-bottom: 0 !important;
  }
  .sm-pb-10 {
    padding-bottom: 10px !important;
  }
  .sm-pb-15 {
    padding-bottom: 15px !important;
  }
  .sm-pb-20 {
    padding-bottom: 20px !important;
  }
  .sm-pb-30 {
    padding-bottom: 30px !important;
  }
  .sm-pb-40 {
    padding-bottom: 40px !important;
  }
  .sm-pb-50 {
    padding-bottom: 50px !important;
  }
  /*************************
    Padding left
*************************/
  .sm-pl-0 {
    padding-left: 0 !important;
  }
  .sm-pl-10 {
    padding-left: 10px !important;
  }
  .sm-pl-15 {
    padding-left: 15px !important;
  }
  .sm-pl-20 {
    padding-left: 20px !important;
  }
  .sm-pl-30 {
    padding-left: 30px !important;
  }
  .sm-pl-40 {
    padding-left: 40px !important;
  }
  .sm-pl-50 {
    padding-left: 50px !important;
  }
  .row-eq-height {
    display: block;
  }
  h2 {
    font-size: 25px;
    line-height: 35px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 17px;
  }
  h5 {
    font-size: 15px;
  }
  .section-title {
    margin-bottom: 30px;
  }
  /*home-1*/
  /*header*/
  .default {
    position: relative;
    background: #323232;
  }
  /*menu*/
  .mega-menu {
    min-height: 60px;
  }
  .mega-menu .menu-logo > li > a {
    padding: 0;
  }
  .mega-menu .menu-logo {
    padding: 10px 0;
  }
  .search-cart span.icon,
  .search-cart i.icon {
    line-height: 50px;
  }
  .fancy .mega-menu > section.menu-list-items .menu-links {
    float: none;
    position: absolute;
    width: 100%;
    top: 100%;
  }
  .mega-menu > section.menu-list-items {
    float: none;
  }
  .header.fancy .mega-menu > section.menu-list-items {
    box-shadow: none;
  }
  .mega-menu .menu-logo img {
    height: 30px;
    margin: 5px 0;
  }
  .mega-menu .menu-links {
    overflow: auto;
  }
  .mega-menu .menu-links > li.active .drop-down-multilevel a:hover {
    color: #323232;
  }
  .mega-menu .drop-down-multilevel li:hover > a i.fa {
    color: #323232;
  }
  .mega-menu .drop-down-multilevel a {
    display: block;
  }
  .mega-menu .mobileTriggerButton {
    z-index: 1;
  }
  .mega-menu .drop-down-multilevel,
  .mega-menu .drop-down,
  .mega-menu .drop-down-tab-bar {
    border-top: 0px !important;
  }
  .header.light .mega-menu .menu-mobile-collapse-trigger:before,
  .header.light .mega-menu .menu-mobile-collapse-trigger:after,
  .header.light .mega-menu .menu-mobile-collapse-trigger span {
    background: #323232;
  }
  .header.logo-center .mega-menu {
    min-height: 60px;
  }
  /*fancy*/
  .header.fancy .menu {
    position: relative;
    top: 0;
  }
  .header.fancy .topbar + .menu {
    top: 0px;
  }
  .header.fancy .mega-menu .menu-mobile-collapse-trigger:before,
  .header.fancy .mega-menu .menu-mobile-collapse-trigger:after,
  .header.fancy .mega-menu .menu-mobile-collapse-trigger span {
    background: #323232;
  }
  .header.fancy .mega-menu > section.menu-list-items {
    padding: 0;
  }
  .header.fancy .mega-menu .menu-logo {
    padding: 16px 0px;
  }
  .header.fancy .search-cart span.icon,
  .search-cart i.icon {
    line-height: 60px;
  }
  .header.fancy .mega-menu .menu-links > li > a {
    line-height: 20px;
  }
  .header.fancy .topbar {
    padding: 10px 0px 10px;
  }
  .header.fancy .search-cart i.icon {
    line-height: 74px;
  }
  .header.left-menu .menu-links {
    padding-left: 0;
  }
  .header.logo-center .menu-bar {
    border: 0px;
  }
  .header.transparent {
    position: relative;
    background: #fff;
  }
  /*one page*/
  header.one-page {
    position: relative;
    background: #323232;
  }
  .navbar {
    margin-bottom: 0;
  }
  .navbar-header {
    float: none;
  }
  .navbar-left,
  .navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
    margin-right: 0;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    padding-left: 22px;
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in {
    display: block !important;
  }
  .navbar .navbar-brand {
    padding: 0;
  }
  .navbar .navbar-brand img {
    height: 28px;
  }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    background: #323232;
    border: 0;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
  }
  .navbar-collapse {
    box-shadow: none;
  }
  .navbar-inverse .navbar-nav > li {
    padding: 15px 15px;
  }
  .navbar-nav {
    float: none;
  }
  .navbar-inverse .navbar-toggle {
    border: 0;
  }
  .navbar-toggle {
    margin-top: 14px;
  }
  .navbar-inverse .navbar-toggle:focus,
  .navbar-inverse .navbar-toggle:hover {
    background: transparent;
  }
  .header.burger {
    padding: 10px 10px;
  }
  .header.burger .logo img {
    height: 30px;
    margin-top: 10px;
  }
  .vertical-header {
    padding-left: 0;
  }
  .vertical-header .header {
    left: inherit;
    padding-bottom: 150px;
  }
  .vertical-menu .navbar-default .navbar-nav > li > a {
    padding: 10px 15px 10px 40px;
  }
  .vertical-menu .navbar-nav .open .dropdown-menu {
    position: relative;
    background-color: #f4f5f6;
  }
  .vertical-menu .navbar-nav > li > .dropdown-menu {
    margin-bottom: 10px;
  }
  .vertical-menu .navbar-nav {
    margin: 0px;
  }
  .vertical-menu .open > .dropdown-menu {
    display: inline-block;
  }
  .vertical-menu .content-scroller {
    margin-left: 0px;
    padding-top: 50px;
  }
  #left-header {
    position: fixed;
    left: -230px;
    top: 0;
    width: 230px;
    height: 100%;
    z-index: 9999;
  }
  .but span {
    position: absolute;
    right: 15px;
    top: 20px;
    font-size: 24px;
    color: #fff;
  }
  .but span {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
  }
  .but.active span {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .menu-responsive b {
    color: #84ba3f;
    font-size: 18px;
    text-transform: uppercase;
  }
  .menu-responsive {
    height: 60px;
    position: fixed;
    background: #000000;
    z-index: 9999;
    width: 100%;
    padding: 14px 15px;
    display: block;
  }
  .vertical-menu .navbar-toggle {
    display: none;
  }
  .vertical-menu .navbar-collapse.collapse {
    display: block !important;
    background: transparent;
  }
  /*megamenu*/
  .vertical-menu .menu .mega-menu .menu-links {
    background: transparent;
  }
  .vertical-menu .menu .mega-menu .menu-links > li > a {
    padding: 15px 23px;
    color: #ffffff;
  }
  .vertical-menu .menu .mega-menu .menu-links > li {
    border-color: rgba(255, 255, 255, 0.2);
  }
  .vertical-menu .mega-menu .menu-links {
    display: block !important;
  }
  .vertical-menu .mega-menu .menu-mobile-collapse-trigger {
    display: none;
  }
  .vertical-menu .social-icons li {
    float: none;
    display: inline-block;
  }
  .vertical-menu .menu-widgets {
    bottom: 0;
  }
  .header.fancy.without-topbar .menu {
    top: 0;
  }
  .mega-menu > section.menu-list-items {
    height: 70px !important;
  }
  .fancy .mega-menu > section.menu-list-items {
    height: 70px !important;
  }
  .search .search-btn {
    line-height: 30px;
  }
  .navbar .navbar-brand {
    padding: 15px 0;
  }
  .logo-center .mega-menu .menu-logo {
    padding: 14px 0;
  }
  .header.fullWidth .container-fluid {
    padding: 0 20px;
  }
  .mega-menu .drop-down-multilevel {
    width: inherit;
  }
  .mega-menu .menu-links {
    padding: 10px;
  }

  /*sticky header */
  .header .mega-menu.mobileTopFixed .menu-list-items {
    background: #fff;
  }
  .header.light .mega-menu.mobileTopFixed .menu-list-items {
    background: #ffffff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  }
  .header.fancy .mega-menu.mobileTopFixed section.menu-list-items {
    padding: 0 10px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  }
  .logo-center
    .mega-menu.desktopTopFixed
    .menu-list-items
    .menu-links
    > li
    > a {
    padding: 0px 8px;
  }
  .header.logo-center .mega-menu.desktopTopFixed .menu-bar {
    width: 100%;
  }
  .mega-menu.mobileTopFixed .menu-logo {
    padding: 5px 0;
  }
  .header.fancy .mega-menu.desktopTopFixed .menu-logo {
    padding: 15px 0;
  }
  .mega-menu.mobileTopFixed .search-cart .shpping-cart {
    vertical-align: inherit;
  }
  .container-fluid > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container > .navbar-header {
    margin: 0;
  }
  .header.vertical-menu .mega-menu.mobileTopFixed {
    display: none;
  }
  .header.text-dark .mega-menu > section.menu-list-items .menu-links {
    background: #323232;
  }
  .header.text-dark .mega-menu .menu-links > li > a {
    color: #ffffff;
  }
  .header.text-dark .mega-menu .menu-links > li {
    border-color: rgba(255, 255, 255, 0.1);
  }
  .mega-menu .drop-down,
  .mega-menu .drop-down-tab-bar {
    padding: 0;
  }
  .mega-menu .drop-down-multilevel {
    padding: 0;
  }
  .header.text-dark .mega-menu .drop-down-multilevel .drop-down-multilevel {
    border-color: rgba(255, 255, 255, 0.1);
  }
  .mega-menu .drop-down-multilevel a {
    padding: 10px 20px;
  }
  .header.magazine-header .mega-menu.desktopTopFixed .menu-logo {
    padding: 14px 0;
    width: 100%;
  }
  .header.logo-center.magazine-header .mega-menu .menu-links > li > a {
    padding-top: 0;
    padding-bottom: 0;
  }

  /* header */
  .st-effect-3 .header.default.fullWidth .search-cart {
    right: 50px;
    top: 3px;
  }

  /*.page-title*/
  .page-title {
    padding-top: 100px;
    text-align: left;
  }
  .page-title .page-breadcrumb {
    float: none;
    text-align: left;
  }
  .page-title.right .page-title-name {
    text-align: right;
    float: none;
    width: 100%;
  }
  .page-title.right .page-breadcrumb {
    float: none;
    text-align: right;
  }
  .portfolio-title.section-title {
    margin-bottom: 0;
  }
  .happy-clients .tab-content {
    padding-bottom: 60px;
  }
  .happy-clients .mt-60 {
    margin-top: 20px !important;
  }

  .popup-video {
    margin-bottom: 30px;
  }
  .custom-content {
    padding: 30px;
  }
  .custom-content-3-image {
    display: none;
  }
  .happy-clients .col-md-6.mt-60 {
    margin-top: 0 !important;
  }
  /*inner-intro*/
  .inner-intro {
    padding-top: 120px;
  }
  /*page two sidebar*/
  .page-two-sidebar .page-content {
    margin-top: 40px;
  }
  /*clients-logo*/
  .clients-logo.line {
    width: 32.3333%;
    float: none;
    display: inline-block;
  }
  .clients-logo.line img {
    width: 100%;
  }
  /*contact*/
  .contact.contact-2 a.button {
    margin-bottom: 30px;
  }
  .contact-3 .contact-add {
    min-height: 310px;
  }
  .contact-3 .contact-3-info {
    height: auto;
  }
  .contact-3 .contact-map iframe {
    height: 400px;
  }
  .contact-3 .map-side {
    height: auto;
    position: inherit;
  }
  .error-block {
    background-size: 90%;
  }
  .error-block p {
    font-size: 26px;
  }
  .error-search-box p {
    font-size: 19px;
    line-height: 35px;
  }
  .map-side {
    position: inherit;
  }
  /*action box*/
  .text-right.action-box-button {
    text-align: left;
  }
  /*home 6 */
  .our-activities .accordion {
    margin-top: 60px;
  }
  /*maintenance*/
  .maintenance-main h1.mb-50 {
    font-size: 34px;
    margin-bottom: 10px !important;
  }
  .maintenance-main i {
    font-size: 60px;
  }
  .maintenance-form {
    width: 100%;
  }
  .maintenance-progress-bar span {
    font-size: 24px;
  }
  .feature-text.box,
  .feature-text.fill-box {
    padding: 20px 10px;
  }
  .feature-text.box p {
    font-size: 14px;
  }
  .feature-box-content {
    padding: 20px 15px 0;
  }
  .feature-box a {
    padding: 0 15px;
  }
  .skill-title {
    font-size: 15px;
  }
  .counter .timer {
    font-size: 38px;
  }
  .counter label {
    font-size: 14px;
  }
  .team-3-box .team-overlay {
    padding: 30px 15px 0;
  }
  .team-3-box {
    padding: 10px;
  }
  .menu-bar {
    float: none;
  }
  .mega-menu .menu-links > li > a {
    line-height: normal;
  }
  .mega-menu .menu-mobile-collapse-trigger {
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
  }
  .search-cart {
    display: inline-block;
    position: absolute;
    right: 60px;
    top: 0;
    z-index: 999;
  }
  .search-active .search-cart {
    left: 0;
    width: 100%;
  }
  .search .search-input input {
    width: 100%;
  }
  .search-active .mega-menu .menu-mobile-collapse-trigger {
    z-index: 9;
  }
  .footer p {
    font-size: 13px;
  }
  .feature-text p {
    font-size: 14px;
  }
  .accordion.accordion-2 .acd-group.acd-active .acd-heading {
    font-size: 22px;
  }
  .split-section .img-side {
    display: none;
  }
  .conference-split.split-section .img-side {
    display: block;
  }
  .our-service {
    padding-bottom: 60px;
  }
  .testimonial.boxed {
    padding: 50px 30px 75px;
  }
  .feature-step-2 .feature-step-2-title-left h1 {
    font-size: 80px;
  }
  .services-text-box-blue,
  .services-text-box-black {
    padding: 50px 30px;
  }
  .highlights-phone {
    margin-top: 20px;
  }
  .mobile-slider h5 {
    font-size: 14px;
  }
  .service-blog b {
    right: 0;
    font-size: 250px;
  }
  .service-blog.left b {
    left: 0;
  }
  /*blog pages*/
  .blog.blog-grid-3-column .social.float-end {
    float: none;
    margin-top: 10px;
    display: block;
  }
  .masonry.columns-3 .masonry-item {
    width: 50%;
  }
  .blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge {
    left: -70px;
  }
  /*portfolio*/
  .isotope.columns-3 .grid-item {
    width: 50%;
  }
  .isotope.columns-4 .grid-item {
    width: 50%;
  }
  .isotope.columns-5 .grid-item {
    width: 50%;
  }
  .masonry.columns-3 .masonry-item {
    width: 50%;
  }
  .masonry.columns-4 .masonry-item {
    width: 50%;
  }
  .masonry.columns-5 .masonry-item {
    width: 50%;
  }
  .port-post-social.float-end {
    float: none !important;
  }
  /*process*/
  .process.left .process-content {
    padding-left: 50px;
  }
  /*resume page*/
  img.bottom-img {
    display: none;
  }
  .resume-contact .g-map {
    height: 300px !important;
  }
  .contact-4 .map-side {
    height: 300px !important;
  }
  /*footer*/
  img#logo-footer {
    height: 30px;
  }
  .bottom-nav .owl-nav .owl-next {
    right: 44%;
  }
  .bottom-nav .owl-nav .owl-prev {
    left: 44%;
  }
  /*shortcode*/
  /*blockquote*/
  .blockquote-right {
    margin: 0;
  }
  /*buttons*/
  .buttons .button {
    margin-bottom: 10px;
  }
  .buttons button {
    margin-bottom: 4px;
  }
  .button + .button {
    margin-left: 3px;
  }

  .vertical-menu .social-icons li {
    margin: 0 3px 8px 0;
  }
  /*actionbox*/
  .action-box a.button {
    position: relative;
    top: inherit;
    margin-top: 20px;
  }
  .action-box.theme-bg a.button,
  .action-box.black-bg a.button,
  .action-box.gray-bg a.button {
    right: inherit;
  }
  .agency-about {
    padding-bottom: 60px !important;
  }
  .vertical-header .container-fluid {
    padding: 0 15px;
  }
  .resume-contact .contact-form-main {
    padding: 30px 15px;
  }
  /*construction*/
  .our-sercive1:before,
  .our-sercive1:after {
    display: none;
  }
  .special-feature {
    top: 60px;
    margin-bottom: 0px;
  }
  .page-section-1-pt {
    padding-top: 70px;
  }
  .page-section-1-pb {
    padding-bottom: 70px;
  }
  .page-section-1-ptb {
    padding: 70px 0;
  }
  /*gym*/
  .gym-about {
    background: #ffffff !important;
  }
  /*medical*/
  .appointment a.float-start {
    float: none !important;
  }
  .appointment {
    margin-top: 0px;
  }
  /*one page*/
  .popup-video-banner h1 {
    font-size: 40px;
    line-height: 40px;
  }
  .video-background-banner .slider-content {
    width: 100%;
  }
  .video-background-banner h1 {
    font-size: 60px;
    line-height: 60px;
  }
  /*shop*/
  .shop-split.split-section {
    padding: 0px;
  }
  .shop-split-content {
    padding: 40px 0;
  }
  .shop-split.split-section .img-side {
    display: block;
  }
  .shop-split.split-section .img-holder {
    position: relative;
    top: inherit;
    width: inherit;
    height: inherit;
    padding: 130px;
  }
  .shop-split.split-section .img-side.img-right {
    right: inherit;
  }
  .shop-split.split-section .img-side.img-left {
    left: inherit;
  }
  .shop-split.split-section .img-side {
    right: inherit;
    padding: 0;
    position: relative !important;
    top: inherit;
    height: 100%;
    overflow: hidden;
    z-index: 100;
  }
  .add-banner-2 .add-banner-content {
    padding: 60px 20px;
  }
  .add-banner-2 .add-banner-content h2 {
    font-size: 28px;
    line-height: 28px;
  }
  .add-banner-2 .add-banner-content h3 {
    font-size: 26px;
    line-height: 26px;
  }
  .add-banner-2.text-center .add-banner-content h2 {
    font-size: 26px;
    line-height: 29px;
  }
  /*portfolio-banner*/
  .portfolio-banner .slider-content h1 {
    font-size: 30px;
    line-height: 30px;
  }
  .deal-banner.maintenance-progress-bar img {
    width: 100%;
  }
  /*404 error*/
  .page-section-ptb.mt-150 {
    margin-top: 0 !important;
  }
  .pricing-content {
    width: 90%;
  }
  .process-list {
    padding-left: 30px;
    padding-right: 30px;
  }

  .special-feature .row-eq-height.no-gutter {
    margin-top: 40px;
  }
  .interior-action-box .action-box {
    margin-top: 20px;
  }
  .appointment .appointment-bg {
    margin-top: 50px;
  }

  .process-list .col-sm-12 {
    padding: 0;
  }
  .pricing-table.active .pricing-top a.button {
    padding: 12px 40px;
    font-size: 15px;
  }
  .membership-pricing-table table tr:first-child th .pricing-plan-price {
    font-size: 22px;
  }
  .membership-pricing-table table tr:first-child th .pricing-plan-name {
    font-size: 16px;
  }
  .action-box.full-width a.button {
    right: 0;
  }
  .team.team-round .team-description {
    padding-bottom: 0;
  }
  .footer .divider {
    display: none;
  }
  #rev_slider_16_1_forcefullwidth .tp-parallax-wrap {
    margin-top: 0px;
  }
  .resume-contact .g-map {
    padding-top: 40%;
  }
  .blog-box.blog-2 .button.icon-color {
    margin-top: 10px;
    float: none !important;
  }
  .special-feature .row-eq-height {
    display: flex;
  }
  .medical-tab .tab .nav.nav-tabs li a {
    font-size: 14px;
    padding: 12px 6px;
  }
  .navbar {
    border-radius: 0;
  }
  .contact-3 .g-map {
    height: 300px;
    padding: 0;
  }
  .contact-2 .g-map {
    padding-top: 30%;
  }
  .error-block .error-text h2 {
    font-size: 260px;
  }
  .single-portfolio-post .port-information .social.float-end {
    flex: none !important;
    display: inline-block;
    width: 100%;
  }
  .page-title .page-title-name {
    width: 100%;
  }
  .page-title .page-breadcrumb {
    width: 100%;
  }
  .js-video.big {
    padding-top: 18px;
  }
  .special-feature .feature-text {
    padding: 30px 20px;
  }
  .special-feature .feature-text .feature-icon span,
  .special-feature .feature-text .feature-icon i {
    padding-left: 0;
    margin-bottom: 10px;
  }

  ul.page-breadcrumb {
    padding-top: 10px;
  }
  .service-blog {
    margin-bottom: 40px;
  }
  .blog .timeline > li > .timeline-badge {
    right: -56px;
  }
  .blog .timeline > li.timeline-inverted > .timeline-badge {
    left: -53px;
  }
  .action-box.action-box-border a.button {
    left: 0;
  }
  .footer #logo-footer {
    height: 40px;
  }

  /*************************************
             v1.0.2
**************************************/
  .action-box h3 {
    padding-right: 0px;
  }
  .port-information img {
    width: 100%;
  }
  .text-left.mt-100 {
    margin-top: 0 !important;
  }
  .portfolio-03-about {
    padding-left: 0;
  }

  /*************************************
             v1.0.3
**************************************/
  .blockquote-section blockquote.quote {
    padding-top: 50px;
  }
  .blockquote-section blockquote.quote:before {
    line-height: 70px;
  }
  .blockquote-section .blockquote-section-left {
    margin-left: 0;
  }
  .blockquote-section .blockquote-section-right {
    margin-left: 0;
  }
  .slider-parallax.banner-personal .slider-content span {
    font-size: 90px;
    line-height: 90px;
  }
  .slider-parallax.banner-personal .slider-content h1 {
    font-size: 80px;
    line-height: 80px;
    margin-top: -40px;
  }
  .slider-parallax.banner-personal .slider-content h1 strong {
    font-size: 96px;
    line-height: 70px;
  }

  /*************************************
             v1.0.4
**************************************/
  .christmas-team {
    margin-top: 0 !important;
  }
  .christmas-event .blog-date {
    text-align: left;
  }
  .christmas-event .button.mt-60 {
    margin-top: 20px !important;
  }
  .christmas-price .mt-100.mb-100 {
    margin: 0 !important;
  }
  .christmas .coming-soon h1 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px;
  }

  .timer-banner .slider-content-middle {
    top: 50%;
  }
  .timer-banner .slider-content h1 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 20px;
  }
  .conference-about-content-right {
    margin-left: 0px;
    padding: 20px 0 0;
  }
  .conference-about-content-left {
    padding: 50px 0 30px 0px;
  }
  .conference-about img {
    width: 100%;
  }
  .conference-split-content {
    padding: 0;
  }
  .conference-video .mt-100.mb-100 {
    margin: 0 !important;
  }

  /*************************************
             v1.0.5
**************************************/
  .one-page.light .navbar-inverse .navbar-toggle .icon-bar {
    background: #323232;
  }
  .architecture-about h2 {
    font-size: 30px;
    line-height: 30px;
  }
  .architecture-portfolio .text-right {
    text-align: left;
    margin-bottom: 30px;
  }
  .architecture-portfolio .isotope-filters {
    text-align: left;
  }
  .architecture-portfolio .mb-40 {
    margin-bottom: 0px !important;
  }
  .architecture-about .mt-60.mb-60 {
    margin: 0 !important;
  }

  /*************************************
             v1.0.6
**************************************/
  .agency-banner .slider-content {
    padding: 0 0px 0 30px;
  }
  .agency-banner .slider-content h1 {
    padding: 50px 20px 20px 20px;
  }
  .movie-banner .slider-content-middle {
    top: 50%;
  }
  .one-page.transparent {
    background: #323232;
  }
  .one-page .social-icons {
    padding: 10px 0;
    right: 60px;
  }
  .one-page.nav-center .navbar-collapse.collapse {
    text-align: left;
  }

  /*************************************
             v1.0.7
**************************************/
  .law-banner .slider-content {
    padding: 0;
  }
  .law-timeline .timeline-centered:before {
    display: none;
  }
  .law-timeline .timeline-label h3 {
    line-height: 12px;
  }
  .law-timeline .timeline-centered .timeline-entry:last-child {
    margin-bottom: 0;
  }
  .law-contact {
    padding: 0;
  }

  /*************************************
             v1.0.7
**************************************/
  .one-page.dark-text .navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
  }

  /*************************************
             v1.0.8
**************************************/
  .agency-02-about-content-right {
    margin-left: 0;
  }
  .agency-02-action-box .action-box {
    margin-top: 40px;
  }
  .agency-feature h3 {
    line-height: 60px;
    font-size: 16px;
  }
  .action-box a.popup-youtube {
    position: relative;
    top: inherit;
    margin-top: 20px;
    right: inherit;
  }
  .agency-02-action-box .action-box.white-bg {
    padding: 50px 20px;
  }
  .agency-02-action-box .popup-video-image a i {
    position: relative;
    top: 20px;
    transform: inherit;
  }
  .agency-02-action-box .popup-video-image:before {
    background: transparent;
  }
  .portfolio-parallax-banner p {
    padding: 0;
  }
  .portfolio-parallax-banner h2 {
    font-size: 60px;
    line-height: 60px;
  }
  .agency-02-about h3:before {
    display: none;
    background: none;
  }

  /*************************************
             v1.0.9
**************************************/
  .coming-soon-middle {
    position: inherit;
    top: inherit;
    transform: inherit;
    padding: 50px 20px;
  }
  .coming-soon-aerial .container-fluid {
    padding: 30px;
  }
  .error-05 .button-home {
    display: block;
  }
  .error-05 .back-to-home,
  .error-05 .penguin {
    display: none;
  }
  .error-05 .error-bottom .tree {
    display: none;
  }
  footer.error-03 .social-icons,
  footer.error-04 .social-icons {
    float: none;
  }
  footer.error-03 .social-icons ul,
  footer.error-04 .social-icons ul {
    display: inline-block;
    text-align: center;
  }
  .coming-soon-effects .coming-soon h1 {
    font-size: 40px;
  }

  /*************************************
             v1.0.9
**************************************/
  .about-05-split.page-section-ptb {
    padding: 0;
  }

  /*************************************
             v1.2
**************************************/
  .login-fancy {
    padding: 40px 30px;
  }
  .login .vertical-align,
  .login.vertical-align {
    position: inherit;
    top: inherit;
    transform: inherit;
  }
  .login.height-100vh {
    height: inherit;
  }
  .login .height-100vh {
    height: inherit;
  }
  .login-box .pos-bot {
    position: inherit;
    padding-bottom: 0 !important;
  }
  .login-box-theme:before,
  .login-box-theme:after {
    display: none;
  }
  .login-box-left {
    padding-bottom: 20px;
  }
  .login-14,
  .login-15 {
    padding: 30px 40px;
  }
  .login-14 .pb-50,
  .login-15 .pb-50 {
    padding-bottom: 0 !important;
  }
  .login-box-left .pos-bot {
    position: inherit;
    padding-bottom: 0 !important;
    margin-top: 20px;
  }
  .blockquote-section .action-box {
    padding: 40px 20px;
  }
  .about-mission {
    margin-top: 40px;
  }
  .about-mission-title {
    padding-bottom: 80px;
  }

  /*************************************
             v1.3
**************************************/
  .logo-center
    .mega-menu.desktopTopFixed
    .menu-list-items
    .menu-links
    > li
    > a {
    line-height: 40px;
  }
  .blog-overlay .blog-image img {
    width: 100%;
  }
  .mega-menu .menu-logo img.logo-big {
    height: 36px;
  }
  #main-slider .slider-content h1 {
    font-size: 30px;
    line-height: 30px;
  }
  #main-slider .slider-content .slider-left {
    width: 70%;
  }
  #main-slider .slider-content .slider-right {
    width: 30%;
  }
  .header.logo-center.magazine-header .add-banner {
    display: none;
  }
  .header.logo-center.magazine-header .menu-logo {
    width: inherit;
    margin-right: inherit;
    float: none;
  }
  #main-slider.shop-04-banner .slider-content .slider {
    width: 100%;
  }
  #main-slider.shop-04-banner .slider-content h1 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px !important;
  }
  #main-slider.shop-04-banner .slider-content p {
    font-size: 18px;
    margin: 10px 0 !important;
  }
  #main-slider.shop-04-banner .slider-content span {
    margin-bottom: 10px !important;
    font-size: 14px;
    padding: 6px 10px;
  }
  #main-slider.shop-04-banner .slider-content a.button {
    padding: 5px 14px;
  }
  .shop-05-top .top-product {
    margin-top: 30px;
  }
  #main-slider.shop-05-banner .slider-content h1 {
    font-size: 50px;
    line-height: 50px;
  }
  #main-slider.shop-06-banner .slider-content h1 {
    font-size: 40px;
    line-height: 40px;
  }
  #main-slider.shop-06-banner .slider-content p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px !important;
  }
  .banner-shop-07 span {
    font-size: 80px;
    line-height: 100px;
  }
  .banner-shop-07 h1 {
    font-size: 80px;
    line-height: 80px;
  }
  .shop-08-product .section-title.text-left {
    text-align: center;
  }
  .shop-08-product .isotope-filters {
    text-align: center;
    float: left !important;
  }

  .header.fancy .search-cart .search {
    padding-right: 0;
  }
  .header.fancy .search .search-btn {
    margin-top: 23px;
  }
  .search .search-btn {
    margin-top: 16px;
    color: #0472a4;
  }
  .search-cart .shpping-cart {
    vertical-align: top;
  }
  .search-cart .search + .shpping-cart {
    padding-left: 5px;
  }

  /*************************************
             v1.3
**************************************/
  .book-banner .row.row-eq-height {
    display: flex;
    width: 100%;
  }
  .plumber-banner .row.row-eq-height {
    display: flex;
    width: 100%;
  }
  .plumber-banner .row.row-eq-height .col-sm-12 {
    position: inherit;
  }
  .plumber-banner .slider-content-text {
    left: 0;
  }
  .product-feature img,
  .toch-future img {
    display: none;
  }
  .toch-future {
    text-align: center;
  }
  .fish-about:before {
    background: #ffffff;
  }
  .fish-gallery p.text-white {
    color: #323232;
    margin-top: 10px !important;
  }
  .fish-banner .slider-content .fish-banner-image img {
    height: inherit;
  }
  .fish-banner .fish-banner-image {
    margin-right: 0;
  }
  .fish-banner .slider-content h1 {
    font-size: 38px;
    line-height: 38px;
  }
  .fish-banner .slider-content {
    margin: 0 30px;
  }
  .fish-banner .slider-content a.button {
    padding: 0 15px;
  }
  .hotel-banner .slider-content h1 {
    font-size: 50px;
    line-height: 50px;
  }
  .hotel-banner .slider-content p {
    font-size: 20px;
    line-height: 30px;
  }
  .hotel-banner-checkout .checkout {
    margin-top: 0;
    background: #050801;
    border-top: 0px;
    padding: 20px;
  }
  .hotel-banner-checkout .checkout .checkout-name {
    padding: 0;
  }
  .hotel-banner-checkout .checkout .checkout-name h3 {
    font-size: 24px;
  }
  .hotel-banner-checkout .checkout .checkout-date {
    margin-top: 20px;
  }
  .hotel-banner-checkout .checkout .checkout-date .button span {
    line-height: 33px;
  }
  .pizza-about .pos-bot img {
    display: none;
  }
  #header.pizza-menu .container-fluid {
    padding: 0 15px;
  }
  #header.pizza-menu .mega-menu .menu-logo img {
    height: 40px;
  }
  #header.pizza-menu .mega-menu .menu-logo {
    padding: 5px 0;
  }
  .rev-slider {
    margin: 0;
  }
  header.one-page.light .navbar-inverse .navbar-collapse,
  header.one-page.light .navbar-inverse .navbar-form {
    background: #323232;
  }
  .pizza-about .pizza-about-content {
    padding-bottom: 50px;
  }
  .menu-body .menu-thumbnail {
    width: 100px;
    margin-bottom: 20px;
  }
  .pizza-about h2 {
    font-size: 30px;
  }
  .search-cart .side-menu-icon {
    vertical-align: top;
    padding-top: 20px;
  }

  /*************************************
             v3.0
**************************************/
  .make-call h2:before {
    display: none;
  }
  .burger-welcome-content {
    padding-left: 0;
    padding-top: 30px;
  }
  .burger-about.page-section-ptb {
    padding-top: 0;
  }
  .burger-about-content-right {
    margin-left: 0;
  }
  .burger-custom-content h2 {
    font-size: 60px;
    line-height: 60px;
  }
  .burger-contact .burger-contact-bg {
    left: 50px;
    height: 50px;
  }
  .skateboard-box {
    margin-bottom: 150px;
  }
  .skateboard-box .skateboard-box-content {
    padding-left: 200px;
  }
  .skateboard-video .js-video {
    margin-bottom: 70px;
  }
  .bitcoin-banner .button {
    font-size: 14px;
    padding: 7px 15px;
    margin: 14px 0 !important;
  }
  .chart-bitcoin .chart-bitcoin-content {
    margin-top: 0;
    margin-bottom: 40px;
  }
  .bitcoin-custom-content-02 .button {
    margin-top: 30px;
  }

  .skateboard-banner .row.row-eq-height {
    display: flex;
    width: 100%;
  }
  .skateboard-banner .row.row-eq-height .col-sm-12 {
    position: inherit;
  }
  .skateboard-banner .slider-content-text {
    left: 20px;
  }
  .skateboard-banner h1 {
    font-size: 80px;
    line-height: 80px;
  }
  .skateboard-about .about-image {
    height: 460px;
  }
  .st-menu.right-side .pos-bot {
    bottom: inherit;
  }
  .pricing-content .pricing-table-list ul li {
    font-size: 12px;
  }
  .header.burger {
    position: relative;
    background: #ffffff;
  }
  .header.burger span.text-white {
    color: #323232 !important;
  }
  .skateboard-product {
    padding-top: 70px;
  }
  .christmas-event .blog-image {
    width: 100px;
  }
  .book-counter .counter {
    margin-top: 30px;
  }
  .fish-gallery .fish-gallery-top {
    margin-top: 0;
  }
  .fish-company {
    padding-bottom: 40px;
  }
  .fish-gallery .section-title h2 {
    color: #ffffff;
    padding-top: 40px;
  }
  .onepage-hover-01 .mega-menu .menu-mobile-collapse-trigger:before,
  .onepage-hover-01 .mega-menu .menu-mobile-collapse-trigger:after,
  .onepage-hover-01 .mega-menu .menu-mobile-collapse-trigger span {
    background: #323232;
  }
  .process .border-area.left-bottom {
    width: 60px;
  }
  .blog-box.blog-2 .blog-info {
    padding: 10px;
  }
  .plumber-banner .slider-content-image {
    left: 20%;
  }

  /*************************************
             v3.2
**************************************/
  .service-04-video {
    padding: 0 !important;
  }
  .service-07 .agency-02-about-content-right {
    margin-left: 0;
  }
  .search-no-result .bg-title h2 {
    font-size: 270px;
  }

  /*************************************
             v3.3
**************************************/
  .barber-header .mega-menu .topbar-social {
    display: none;
  }
  .barber-header .mega-menu .topbar-telephone {
    display: none;
  }
  .barber-header .mega-menu .menu-logo > li > a img {
    height: 30px;
  }
  .barber-header.logo-center .mega-menu .menu-logo {
    padding: 12px 0;
  }
  .barber-title span {
    top: -45px;
    font-size: 100px;
  }
  .barber .about-history {
    margin: 40px 0px;
  }
  .choose-us {
    background: #323232 !important;
  }
  .choose-us-bg {
    padding: 40px 0px;
  }
  .choose-us .section-title {
    margin-bottom: 80px;
  }
  .choose-us-after:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background: #f7f7f7;
    right: -100%;
    top: 0;
  }
  .header.text-dark .mega-menu.desktopTopFixed .menu-list-items {
    background: #323232;
  }
  .promo-text {
    margin-bottom: 50px;
  }
  .feature-step {
    padding: 0 30px;
  }
  .tattoo-banner h1 {
    font-size: 54px;
    line-height: 76px;
  }
  .price-tattoo {
    padding: 0;
  }
  .burger-dark {
    background: #000 !important;
  }
  .burger-dark span.text-white {
    color: #ffffff !important;
  }
  .team .barber-section-title .w-50 {
    width: 100% !important;
  }

  /*************************************
   v5.0.5  : Mobile OffCanvas Menu
**************************************/
  .mobile-offcanvas-menu .menu-mobile-collapse-trigger {
    display: none;
  }
  .mobile-offcanvas-menu .menu-list-items .navbar-toggler {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 7px 4px;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 9999;
    width: 36px;
    height: 40px;
    box-shadow: none;
    transform: translateY(-50%);
  }
  .mobile-offcanvas-menu .menu-list-items .navbar-toggler span {
    width: 100%;
    height: 2px;
    background: #ffffff;
  }
  .header.light .mobile-offcanvas-menu .menu-list-items .navbar-toggler span,
  .header.fancy .mobile-offcanvas-menu .menu-list-items .navbar-toggler span {
    background: #323232;
  }
  .mobile-offcanvas-menu .menu-list-items .offcanvas-header {
    background: #323232;
    text-align: center;
  }
  .mobile-offcanvas-menu .menu-list-items .offcanvas-header .offcanvas-title {
    font-weight: 600;
    font-size: 16px;
    color: #fff;
  }
  .mobile-offcanvas-menu .menu-list-items .offcanvas-body {
    margin: 15px 10px;
    padding: 0;
  }
  .mobile-offcanvas-menu .menu-list-items .menu-links {
    display: block !important;
    max-height: inherit !important;
  }
  .header.fancy .mega-menu > section.menu-list-items .menu-links {
    position: inherit;
  }
  .mobile-offcanvas-menu .offcanvas.show {
    z-index: 10000;
  }

  /*************************************
           jobs
**************************************/
  .jobs-banner h1 {
    font-size: 60px;
  }
  .jobs-banner span {
    font-size: 20px;
  }
  .jobs-banner .mt-50 {
    margin-top: 20px !important;
  }
  .listing-banner h1 {
    font-size: 40px;
    line-height: 40px;
  }
  .listing-banner p {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 20px !important;
  }

  /*************************************
         marketing-tab
**************************************/
  .marketing-tab .tab-vertical .tab-content {
    margin-left: 0;
  }
  .tab-vertical .nav-tabs {
    width: 100%;
    float: none;
  }
  .marketing-tab .tab {
    margin-top: 40px;
  }
  .marketing-banner .slider-content h1 {
    font-size: 32px;
    line-height: 50px;
  }
  .marketing-action-box .popup-video-image a i {
    position: relative;
    top: 20px;
    transform: inherit;
  }
  .marketing-action-box .popup-video-image:before {
    background: transparent;
  }

  /*************************************
            index 12
**************************************/
  .business-banner-02 .box-newsletter {
    display: none;
  }

  /*************************************
            index 13
**************************************/
  .business-13-about-content {
    margin-top: 40px;
    padding: 30px;
  }
  .business-13-about-content .pl-130.pr-130 {
    padding: 0px !important;
  }
  .business-date-box-text h2 {
    font-size: 140px;
  }
  .business-date-box .business-date-box-text span {
    letter-spacing: 7px;
    right: -60px;
  }
  .business-banner h1 {
    font-size: 60px;
    line-height: 50px;
    line-height: 20px;
  }
  .business-banner span {
    font-size: 24px;
  }
  .business-banner p {
    padding: 0;
  }
  .business-banner-03 h1 {
    font-size: 50px;
    line-height: 50px;
  }
  .business-video .business-video-box .vertical-align {
    padding: 50px;
  }
  .business-banner-03 span {
    font-size: 16px;
    letter-spacing: 6px;
  }
  .business-feature-top {
    padding: 30px;
  }
  .business-banner-04 p {
    padding: 0;
  }

  /*************************************
            Marketing
**************************************/
  .marketing-tab ul.nav.nav-tabs:before {
    width: 100%;
  }
  .marketing-tab .tab-vertical .nav.nav-tabs li a {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  /*************************
     Margin top
*************************/
  .xs-mt-0 {
    margin-top: 0 !important;
  }
  .xs-mt-10 {
    margin-top: 10px !important;
  }
  .xs-mt-15 {
    margin-top: 15px !important;
  }
  .xs-mt-20 {
    margin-top: 20px !important;
  }
  .xs-mt-30 {
    margin-top: 30px !important;
  }
  .xs-mt-40 {
    margin-top: 40px !important;
  }
  /*************************
    Margin right
*************************/
  .xs-mr-0 {
    margin-right: 0 !important;
  }
  .xs-mr-10 {
    margin-right: 10px !important;
  }
  .xs-mr-15 {
    margin-right: 15px !important;
  }
  .xs-mr-20 {
    margin-right: 20px !important;
  }
  .xs-mr-30 {
    margin-right: 30px !important;
  }
  .xs-mr-40 {
    margin-right: 40px !important;
  }
  /*************************
    Margin bottom
*************************/
  .xs-mb-0 {
    margin-bottom: 0 !important;
  }
  .xs-mb-10 {
    margin-bottom: 10px !important;
  }
  .xs-mb-15 {
    margin-bottom: 15px !important;
  }
  .xs-mb-20 {
    margin-bottom: 20px !important;
  }
  .xs-mb-30 {
    margin-bottom: 30px !important;
  }
  .xs-mb-40 {
    margin-bottom: 40px !important;
  }
  /*************************
    Margin left
*************************/
  .xs-ml-0 {
    margin-left: 0 !important;
  }
  .xs-ml-10 {
    margin-left: 10px !important;
  }
  .xs-ml-15 {
    margin-left: 15px !important;
  }
  .xs-ml-20 {
    margin-left: 20px !important;
  }
  .xs-ml-30 {
    margin-left: 30px !important;
  }
  .xs-ml-40 {
    margin-left: 40px !important;
  }
  /*************************
    Padding top
*************************/
  .xs-pt-0 {
    padding-top: 0 !important;
  }
  .xs-pt-10 {
    padding-top: 10px !important;
  }
  .xs-pt-15 {
    padding-top: 15px !important;
  }
  .xs-pt-20 {
    padding-top: 20px !important;
  }
  .xs-pt-30 {
    padding-top: 30px !important;
  }
  .xs-pt-40 {
    padding-top: 40px !important;
  }
  /*************************
    Padding right
*************************/
  .xs-pr-0 {
    padding-right: 0 !important;
  }
  .xs-pr-10 {
    padding-right: 10px !important;
  }
  .xs-pr-15 {
    padding-right: 15px !important;
  }
  .xs-pr-20 {
    padding-right: 20px !important;
  }
  .xs-pr-30 {
    padding-right: 30px !important;
  }
  .xs-pr-40 {
    padding-right: 40px !important;
  }
  /*************************
    Padding bottom
*************************/
  .xs-pb-0 {
    padding-bottom: 0 !important;
  }
  .xs-pb-10 {
    padding-bottom: 10px !important;
  }
  .xs-pb-15 {
    padding-bottom: 15px !important;
  }
  .xs-pb-20 {
    padding-bottom: 20px !important;
  }
  .xs-pb-30 {
    padding-bottom: 30px !important;
  }
  .xs-pb-40 {
    padding-bottom: 40px !important;
  }
  /*************************
    Padding left
*************************/
  .xs-pl-0 {
    padding-left: 0 !important;
  }
  .xs-pl-10 {
    padding-left: 10px !important;
  }
  .xs-pl-15 {
    padding-left: 15px !important;
  }
  .xs-pl-20 {
    padding-left: 20px !important;
  }
  .xs-pl-30 {
    padding-left: 30px !important;
  }
  .xs-pl-40 {
    padding-left: 40px !important;
  }
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 26px;
  }
  .page-section-ptb {
    padding: 50px 0;
  }
  .page-section-pt {
    padding: 50px 0 0;
  }
  .page-section-pb {
    padding: 0 0 50px;
  }
  .page-section-1-ptb {
    padding: 60px 0;
  }
  .header.fullWidth .container-fluid {
    padding: 0 20px;
  }
  /*header topbar*/
  .topbar-call.text-left {
    text-align: center;
    margin-bottom: 10px;
  }
  .topbar-social.text-right {
    text-align: center;
  }
  .custom-content {
    margin-top: 0px;
  }

  /*team*/
  .team-3-box img {
    width: 100%;
  }
  /*accordian*/
  .accordion.accordion-2 .acd-group .acd-heading {
    padding-left: 0px;
    padding-right: 0px;
  }
  /*footer*/
  .footer-logo img {
    height: 60px;
    width: inherit;
  }
  img#logo-footer {
    height: 40px;
  }
  .footer .footer-nav.text-right {
    text-align: left;
    margin-top: 20px;
  }
  .social.text-right {
    text-align: left;
    margin-top: 20px;
  }
  .footer-contact {
    margin-top: 0;
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
  }
  .our-clients.theme-bg {
    padding-bottom: 60px;
  }
  .footer-contact .contact-box {
    margin-bottom: 20px;
  }
  .copyright.mt-50 {
    margin-top: 10px !important;
  }
  .copyright .text-right {
    text-align: left;
    margin-top: 15px;
  }
  footer .social-icons.float-end {
    float: left !important;
    width: 100%;
  }
  .footer-widget.mt-60 {
    margin-top: 0 !important;
  }
  .footer-box {
    margin-bottom: 20px;
    margin-top: 30px;
  }
  /* Coming soon page */
  .coming-soon-main {
    overflow: hidden;
  }
  .coming-soon-main i {
    font-size: 70px;
  }
  .coming-soon-main p {
    font-size: 18px;
    line-height: 26px;
  }
  .coming-soon-main h1 {
    font-size: 42px;
    margin-bottom: 20px;
  }
  /*error*/
  .error-search-box input {
    width: 73%;
  }
  .error-block p {
    font-size: 20px;
  }
  .error-block h1 {
    font-size: 80px;
  }
  .error-404-2 .error-block h1 {
    font-size: 290px;
  }
  .maintenance-progress-bar .progress-bar {
    display: block;
    margin: 0 auto 90px;
  }
  .maintenance-progress-bar {
    margin: 30px 0 60px;
  }
  .maintenance-main p {
    margin-bottom: 10px;
  }
  /*portfolio*/
  .isotope.columns-3 .grid-item {
    width: 50%;
  }
  .isotope.columns-4 .grid-item {
    width: 50%;
  }
  /*about-1 page*/
  .about .feature-3 {
    margin-bottom: 30px;
  }
  .feature-text.box,
  .feature-text.fill-box {
    padding: 30px;
  }
  .footer-widget {
    text-align: left;
  }
  .xs-text-left {
    text-align: left;
  }
  .xs-text-center {
    text-align: center;
  }
  .xs-text-right {
    text-align: right;
  }
  .pricing-table {
    margin: 0 0 30px;
  }
  .team-3-box,
  .team {
    margin-bottom: 30px;
  }
  .lead {
    font-size: 14px;
  }
  .inner-intro {
    text-align: center;
  }
  ul.page-breadcrumb {
    padding-top: 30px;
  }
  .feature-step-2-box {
    padding: 20px;
  }
  .feature-step-2 .feature-step-2-title-left h1 {
    font-size: 50px;
  }
  .our-app {
    background-image: none !important;
  }
  .valign > [class*="col-"] {
    display: block;
  }
  .highlights-phone {
    margin: 30px 0;
  }
  /*blog pages*/
  .masonry.columns-2 .masonry-item {
    width: 100%;
  }
  .masonry.columns-3 .masonry-item {
    width: 100%;
  }
  /* blog timeline */
  .blog ul.timeline:before {
    left: 40px;
  }
  .blog ul.timeline > li {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    float: left;
    clear: left;
  }
  .blog ul.timeline > li > .timeline-panel {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
  }
  .blog ul.timeline > li > .timeline-badge {
    left: 12px;
    margin-left: 0;
    top: 16px;
  }
  .blog ul.timeline > li > .timeline-panel {
    float: right;
  }
  .blog ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }
  .blog ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
  .blog .timeline > li.timeline-inverted {
    float: left;
    clear: left;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .blog .timeline > li.timeline-inverted > .timeline-badge {
    left: 12px;
  }
  .blog .timeline-panel img {
    width: 100%;
  }
  .blog .timeline li.entry-date-bottom {
    text-align: left;
  }
  .blog .timeline li.entry-date-bottom a {
    font-size: 13px;
    padding: 8px 10px;
  }
  .blog .timeline li.entry-date {
    text-align: left;
  }
  .blog .timeline li.entry-date span {
    font-size: 13px;
    padding: 8px 10px;
  }
  .blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge {
    left: 23px;
  }
  .blog .timeline > li:nth-child(2) {
    margin-top: 0;
  }
  .blog .timeline > li.timeline-inverted {
    margin-top: 10px;
  }
  .blog.timeline-sidebar .timeline > li.timeline-inverted {
    margin-bottom: 20px;
  }
  .blog.timeline-sidebar .timeline > li.timeline-inverted:nth-child(2) {
    margin-bottom: 0px;
  }
  .blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li {
    width: 100%;
  }
  /*login 2*/
  .login-2-social li {
    margin-bottom: 10px;
  }
  /*maintenance*/
  .progress-new {
    width: 100%;
  }
  .maintenance-form input {
    width: 100%;
  }
  /*portfolio*/
  .isotope.columns-2 .grid-item {
    width: 100%;
  }
  .isotope.columns-3 .grid-item {
    width: 100%;
  }
  .isotope.columns-4 .grid-item {
    width: 100%;
  }
  .isotope.columns-5 .grid-item {
    width: 100%;
  }
  .masonry.columns-3 .masonry-item {
    width: 100%;
  }
  .masonry.columns-4 .masonry-item {
    width: 100%;
  }
  .masonry.columns-5 .masonry-item {
    width: 100%;
  }
  /*shop*/
  .deal-banner img {
    width: 100%;
  }
  /*process*/
  .process.left .process-content .process-icon {
    display: block;
    margin-bottom: 20px;
  }
  .process.left .process-content {
    padding-left: 40px;
  }
  .process.right .process-content {
    padding-right: 40px;
  }
  .process.right .process-content .process-icon {
    float: none;
    margin-bottom: 20px;
  }
  .process.left .process-step {
    top: 30px;
  }
  .process .process-step strong {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .process.left .process-step {
    left: -20px;
  }
  .process.right .process-step {
    right: -20px;
  }
  /*resume*/
  .resume-page .container-fluid {
    padding: 0 15px;
  }

  /*tab*/
  .tab-vertical .nav-tabs {
    width: 100%;
  }
  .tab-vertical .tab-content {
    width: 100%;
    margin-left: 0;
  }
  .feature-text .feature-icon span,
  .feature-text .feature-icon i {
    padding-left: 0;
  }
  .bg-top-before {
    padding-top: 40px !important;
  }
  .bg-top-before:before {
    display: none;
  }
  .bg-top-before.pb-150 {
    padding-bottom: 40px !important;
  }
  /*gym*/
  .course {
    margin-bottom: 20px;
  }
  .medical-tab .tab .nav.nav-tabs li.active a:before {
    display: none;
  }
  /*one page*/
  /*mobile app*/
  .mobile-app-about h2 {
    font-size: 40px;
    line-height: 40px;
  }
  /*product*/
  .product .product-image img {
    width: 100%;
  }
  /*portfolio-banner*/
  .portfolio-banner .slider-content h1 {
    font-size: 20px;
    line-height: 20px;
  }
  .portfolio-banner .slider-content span {
    font-size: 12px;
    line-height: 18px;
  }
  /*404 error*/
  .error-block {
    padding: 0;
  }
  .error-block .error-text {
    padding: 0;
    display: none;
  }
  .error-block h1 {
    padding: 0;
  }
  .error-text-02 {
    display: none;
  }
  .interior-action-box {
    margin-top: 30px;
  }
  /*slider */
  #rev_slider_11_1_wrapper strong {
    font-size: 20px !important;
  }
  #rev_slider_13_1_wrapper i {
    font-size: 20px !important;
  }
  .process-list {
    padding-left: 30px;
    padding-right: 30px;
  }
  .isotope,
  .masonry {
    margin: 0;
  }
  .app-home {
    padding-bottom: 40px;
  }
  .services-text-box-green {
    padding: 50px 15px !important;
  }
  .services-text-box-blue,
  .services-text-box-black {
    padding: 50px 15px !important;
  }
  .bottom-nav .owl-nav {
    bottom: 20px;
  }
  .blog-box.blog-2 .button.icon-color {
    margin-top: 0px;
    float: right !important;
  }
  .team.team-hover.team-border .team-photo img {
    width: 100%;
  }
  .owl-carousel .owl-dots {
    bottom: -15px;
  }
  .special-feature .row-eq-height {
    display: block;
  }
  .course img {
    width: 100%;
  }
  .footer .footer-social ul.text-right {
    text-align: left;
  }
  .cafe-counter.mt-60 {
    margin-top: 0px !important;
  }
  .blog .timeline li.entry-date {
    top: -20px;
  }
  .blog.timeline-sidebar .timeline li.entry-date {
    top: -20px;
  }
  .footer .footer-widget .footer-widget-social.text-right {
    text-align: left;
  }
  .footer.footer-one-page .footer-widget {
    text-align: center;
  }
  .footer.footer-one-page .footer-widget .footer-widget-social.text-right {
    text-align: center;
  }

  /*************************************
             v1.0.2
**************************************/
  .footer .container-fluid {
    padding: 0 15px;
  }
  .text-left.mt-100 {
    margin-top: 40px !important;
  }

  /*************************************
             v1.0.3
**************************************/
  .play-video-section .content {
    padding: 0;
  }
  .slider-parallax.banner-personal .slider-content span {
    font-size: 70px;
    line-height: 70px;
  }
  .slider-parallax.banner-personal .slider-content h1 {
    font-size: 60px;
    line-height: 60px;
    margin-top: -20px;
  }
  .slider-parallax.banner-personal .slider-content h1 strong {
    font-size: 72px;
    line-height: 60px;
  }

  /*************************************
             v1.0.4
**************************************/
  .christmas-about .feature-text {
    margin-bottom: 50px;
  }
  .christmas-form-content h2 {
    font-size: 40px;
    line-height: 40px;
  }
  .happy-clients .mb-40 {
    margin-bottom: 0 !important;
  }
  .christmas-form-content.mt-100 {
    margin-top: 60px !important;
  }
  .christmas-team .team .team-photo img {
    width: 100%;
  }
  .timer-banner .slider-content h1 {
    font-size: 30px;
    line-height: 30px;
  }

  /*************************************
             v1.0.6
**************************************/
  .movie-banner .slider-content-middle {
    padding: 0;
  }

  /*************************************
             v1.0.7
**************************************/
  .law-banner .slider-content h1 {
    line-height: 30px;
    font-size: 30px;
  }

  /*************************************
             v1.0.8
**************************************/
  .banner-agency-02 h1 {
    font-size: 30px;
    line-height: 30px;
  }
  .agency-02-contact .footer-contact {
    margin-top: -50px;
  }
  .agency-02-contact-title .mb-50 {
    margin-bottom: 0 !important;
  }
  .agency-02-contact .footer-contact {
    margin-bottom: 30px;
  }
  .portfolio-parallax-banner h2 {
    font-size: 50px;
    line-height: 50px;
  }

  /*************************************
             v1.0.9
**************************************/

  .error-05 h1 {
    font-size: 80px;
    line-height: 80px;
  }
  .list-unstyled.pl-60 {
    padding-left: 0 !important;
  }
  .page-title.light-overlay {
    padding-top: 200px;
  }
  .divider.pt-70,
  .divider.pt-50 {
    padding-top: 30px !important;
  }
  .page-title.light-overlay {
    padding-top: 200px;
  }
  .faq-box {
    margin-top: 30px;
  }
  .faq-page-title .mt-50 {
    margin-top: 10px !important;
  }
  #main-slider.shop-05-banner .slider-content h1 {
    font-size: 40px;
    line-height: 40px;
  }
  #main-slider.shop-06-banner .slider-content h1 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px !important;
  }
  #main-slider.shop-06-banner .slider-content p {
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0 !important;
  }
  #main-slider.shop-06-banner .slider-content a.button {
    font-size: 10px;
    padding: 6px 10px;
  }
  .shop-07-product .product.mt-80 {
    margin-top: 0 !important;
  }
  .banner-shop-07 h1 {
    font-size: 50px;
    line-height: 50px;
  }

  /*************************************
             v2.5
**************************************/
  .book-counter .counter {
    margin-top: 30px;
  }
  .book-custom-block h2 {
    font-size: 40px;
    line-height: 40px;
  }
  .book-banner .row.row-eq-height {
    display: block;
  }
  .book-banner .row.row-eq-height .col-sm-12 {
    position: inherit !important;
  }
  .book-banner .slider-content-text {
    top: 100px;
    text-align: center;
    width: 100%;
  }
  .book-banner .slider-content-image {
    bottom: 50px;
    left: -100px;
    display: block;
    text-align: center;
    width: 100%;
  }
  .book-banner .slider-content-image .book {
    height: 230px;
  }
  .book-banner .slider-content-image .text {
    height: 180px;
  }
  .book-banner .slider-content-text h2,
  .book-banner .slider-content-text p {
    display: none;
  }
  .book-banner .slider-content-image .text {
    display: none;
  }
  .plumber-banner .slider-content-image img {
    height: 500px;
  }
  .plumber-contact-bg {
    margin-top: 60px;
  }
  .product-banner .slider-content h1 {
    font-size: 50px;
    line-height: 50px;
  }
  .product-video .product-video-box .vertical-align {
    padding: 30px;
  }
  .product-video .product-video-box {
    min-height: 400px;
  }
  .fish-banner {
    height: inherit;
    padding: 230px 0;
  }
  .fish-banner .slider-content .fish-banner-image img {
    height: 230px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .fish-banner .slider-content {
    text-align: center;
  }
  .fish-banner {
    background: #e6ebf0 !important;
  }
  .fish-gallery .fish-gallery-top {
    margin-top: 40px;
    padding-bottom: 60px;
  }
  .fish-gallery .section-title h2 {
    color: #ffffff;
  }
  .fish-footer .fish-image {
    margin-top: -60px;
  }
  .one-page.light .container-fluid {
    padding: 0 15px;
  }
  .hotel-banner-checkout .checkout-date .form-control {
    margin-bottom: 0;
  }
  .hotel-banner-checkout .checkout .checkout-date {
    padding-top: 0;
  }
  .team .team-photo img {
    width: 100%;
  }

  /*************************************
             v3.0.
**************************************/
  .make-call h2,
  .make-call strong {
    font-size: 30px;
  }
  .make-call span {
    font-size: 26px;
    margin-bottom: 0;
  }
  .burger-custom-content h2 {
    font-size: 40px;
    line-height: 40px;
  }
  .burger-banner .slider-content-middle {
    top: 140px;
  }
  .skateboard-banner h1 {
    font-size: 70px;
    line-height: 70px;
  }
  .bitcoin-about-bg {
    margin-top: 40px;
    padding: 50px 30px;
  }
  .currency-calculator .feature-text .feature-arrow {
    display: none;
  }
  .bitcoin-custom-conten-box {
    padding: 50px 20px;
  }
  .bitcoin-custom-content-02 .counter span {
    font-size: 70px;
    line-height: 70px;
  }
  .bitcoin-custom-content-02 p {
    font-size: 14px;
  }
  .bitcoin-custom-content-02 .counter label {
    margin-bottom: 20px;
  }
  .skateboard-about {
    padding-top: 100px;
  }
  .medical-tab .tab .nav.nav-tabs li a.active:before {
    border: none;
  }
  .hotel-banner-checkout .checkout .checkout-date {
    height: inherit;
  }
  .process .border-area.left-bottom {
    width: 30px;
  }
  .blog-box.blog-2 .blog-info {
    padding: 20px;
  }
  .plumber-banner .slider-content-image {
    left: 10%;
  }

  /*************************************
             v3.2
**************************************/
  .secrvice-blog {
    margin-top: -30px;
  }
  .search-no-result {
    padding: 40px 0px;
  }
  .search-no-result .bg-title h2 {
    font-size: 170px;
  }

  /*************************************
             v3.3
**************************************/
  .barber-title span {
    top: -57px;
    font-size: 80px;
  }
  .barber .about-history {
    margin: 40px 30px 30px 30px;
  }
  .choose-us-bg {
    padding: 40px;
  }
  .barber-team {
    background-size: 100%;
  }
  .pricing-image img {
    width: 100%;
  }
  .team.team-list .team-description {
    text-align: center;
  }
  .tattoo-section-title,
  .tattoo-section-title-02 {
    display: none;
  }
  .barber-section-title .w-50,
  .barber-section-title .w-25 {
    width: 100% !important;
  }
  .team .barber-section-title {
    bottom: 30px;
  }

  /*************************************
             jobs
**************************************/
  .jobs-banner h1 {
    font-size: 40px;
    line-height: 30px;
  }
  .job-list {
    text-align: center;
  }
  .job-list h5 {
    margin: 15px 0;
  }
  .listing-banner-categorie {
    display: none;
  }
  .listing-search {
    margin-top: 60px;
    padding: 20px;
  }

  /*************************************
             marketing
**************************************/
  .marketing-banner p {
    display: none;
  }
  .marketing-service .feature-text.left-icon .feature-icon {
    padding-left: 0;
  }
  .our-history.timeline-left .timeline > li > .timeline-badge {
    left: 3%;
  }
  .our-history.timeline-left .timeline:before {
    left: 3%;
  }
  .our-history.timeline-left .timeline > li > .timeline-panel {
    width: 100%;
    padding: 40px 20px 20px 45px;
  }
  .our-history.timeline-left
    .timeline
    > li.timeline-inverted
    > .timeline-panel::before,
  .our-history.timeline-left > li > .timeline-panel::before {
    display: none;
  }

  /*************************************
             index 12
**************************************/
  .business-banner-02 p {
    display: none;
  }
  .business-date-box-text h2 {
    margin-bottom: 50px;
  }
  .business-banner-05 h1 {
    font-size: 30px;
    line-height: 34px;
  }
  .business-banner-05 p {
    padding: 0;
  }

  /*index-listing*/
  .listing-how-work {
    margin-top: 50px;
    padding: 40px;
  }
}

@media (max-width: 600px) {
  h3 {
    font-size: 22px;
  }
  .search-box {
    width: 210px;
  }
  .section-title p {
    font-size: 16px;
  }
  /*cart*/
  .shpping-cart .cart {
    width: 290px;
  }
  .shpping-cart .cart-total a {
    margin-bottom: 10px;
  }
  .portfolio-home .isotope.columns-3 .grid-item {
    width: 100%;
  }
  .portfolio-title {
    padding: 40px 30px;
  }
  .main-counter .counter-info span.counter {
    font-size: 40px;
  }
  /*action-box*/
  .action-box {
    text-align: center;
  }
  .action-box .action-box-button {
    text-align: center;
  }
  /*skills*/
  .skills-2.col-2 li {
    width: 100%;
    margin-bottom: 0;
    margin-right: 0;
    float: none;
  }
  .skills-2.col-2.mr-60 {
    margin-right: 0 !important;
  }
  /*error*/
  .error-block {
    padding: 30px 0px;
  }
  .error-block h1 {
    font-size: 70px;
  }
  .error-404-2 .error-block h1 {
    font-size: 200px;
    line-height: 200px;
  }
  .error-404-2 .error-block p {
    font-size: 16px;
  }
  /*maintenance*/
  .maintenance-main h1.mb-50 {
    font-size: 28px;
  }
  .maintenance-2 .maintenance-main h1 {
    font-size: 32px;
  }
  /*portfolio*/
  .isotope.columns-3 .grid-item {
    width: 100%;
  }
  .isotope.columns-4 .grid-item {
    width: 100%;
  }
  /*============== New ==============*/
  /*about-1 page*/
  .clients-logo.line img {
    height: 65px;
  }
  /*contact us*/
  .contact-form .section-field {
    width: 100%;
  }
  .touch-in .contact-box {
    margin: 20px 0;
  }
  /*our-history .timeline*/
  .our-history .timeline > li.timeline-inverted > .timeline-panel::before,
  .our-history .timeline > li > .timeline-panel::before {
    left: 40px;
  }
  .our-history .timeline > li > .timeline-panel {
    padding: 40px 20px 20px 75px;
    text-align: left;
    width: 100%;
  }
  .our-history .timeline > li > .timeline-badge {
    left: 41px;
  }
  .our-history .timeline > li > .timeline-badge p {
    margin-left: 40px;
  }
  .our-history .timeline > li.timeline-inverted .timeline-badge p {
    float: left;
    margin-right: 0;
    text-align: left;
  }
  .feature-text .feature-icon {
    font-size: 38px;
  }
  .skill {
    margin: 60px 0 20px;
  }
  .feature-text.box {
    padding: 30px;
  }
  .happy-clients .nav-tabs li img {
    height: 50px;
    width: 50px;
  }
  .testimonial-info p {
    font-size: 15px;
    margin: 25px 0 0;
    padding: 0 0 20px;
  }
  .testimonial-2 .testimonial-info p::before {
    font-size: 100px;
  }
  /*blog pages*/
  .social.float-end {
    float: none;
    margin-top: 10px;
    display: block;
  }
  .port-post-social.float-end {
    float: none !important;
  }
  .port-post-photo {
    display: block;
    float: none;
  }
  .port-post-info {
    padding-left: 0;
    margin-top: 20px;
    display: block;
  }
  .comments-1.comments-2 {
    padding-left: 40px;
  }
  .comments-1 .comments-photo {
    float: none;
  }
  .comments-1.comments-2 .comments-info {
    padding: 20px 0px 10px;
  }

  /*team single*/
  .our-team .team-details .social {
    float: none !important;
    width: 100%;
    margin-bottom: 20px;
  }
  /*shortcode*/

  /*shortcode*/
  .pagination > li {
    display: inline-block;
    margin-bottom: 3px;
  }
  /*shortcode*/
  .owl-carousel .owl-dots {
    bottom: 20px;
  }
  .resume-contact .footer-widget-social a i {
    margin-bottom: 4px;
  }
  /*popup-video-banner*/
  .popup-video-banner h1 {
    font-size: 36px;
    line-height: 40px;
  }
  .kety-perry-list {
    padding-right: 20px;
  }
  .kety-play-icon {
    float: none;
  }
  .kety-name {
    padding-left: 0;
  }
  .kety-play-icon {
    margin-top: 0;
  }
  /*gym*/
  .team.team-list .team-photo {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  .team.team-list .team-description {
    padding-left: 0;
    padding-bottom: 0;
  }
  .tab .nav.nav-tabs li {
    margin-bottom: 0px;
  }
  .portfolio-banner .slider-content {
    width: 100%;
  }
  .services-text-box-green {
    padding: 60px 15px !important;
  }
  .services-text-box-black {
    padding: 60px 15px !important;
  }
  .team.team-list .team-photo img {
    width: 100%;
  }
  .isotope.columns-3 .grid-item {
    padding: 0 0px 15px 0;
  }
  .bottom-nav .owl-nav .owl-next {
    right: 42%;
  }
  .bottom-nav .owl-nav .owl-prev {
    left: 42%;
  }
  .testimonial.light {
    padding: 85px 20px 45px 50px;
  }
  .our-history .timeline:before {
    left: 40px;
  }
  .our-team .team-details .title.float-start {
    float: none !important;
    display: block;
  }
  .our-team .team-details .social-icons.social-border.float-end {
    float: none !important;
    display: inline-block;
    margin-bottom: 10px;
  }
  .row.mt-80 {
    margin-top: 30px !important;
  }
  .happy-clients .tab .nav.nav-tabs {
    margin-bottom: 0;
  }
  .our-service-home .row.mb-60 {
    margin-bottom: 10px !important;
  }
  .contact-3 .g-map {
    padding-top: 40%;
  }
  .accordion.animated .acd-group.acd-active .acd-heading {
    font-size: 22px;
  }
  .our-history .timeline .timeline-arrow {
    left: 34px;
    text-align: left;
  }
  .our-history {
    overflow: hidden;
  }
  .progress-new {
    margin-bottom: 0;
  }
  .comments-1 .comments-photo {
    margin-bottom: 20px;
  }
  .comments-1.comments-2 .comments-photo {
    margin-bottom: 0px;
  }
  .isotope.columns-4 .grid-item,
  .isotope.columns-5 .grid-item {
    padding-right: 0;
  }
  .rev-slider #rev_slider_20_1_forcefullwidth .rev-btn {
    padding: 6px 10px !important;
    line-height: 0 !important;
    font-size: 8px !important;
  }
  .shop-single .tab .nav.nav-tabs li a {
    padding: 12px 20px;
  }
  .shop-single .tab .nav.nav-tabs li {
    margin-bottom: 0;
  }

  /*************************************
             v1.0.2
**************************************/
  .st-menu.big-side {
    width: 270px;
  }
  .st-menu.big-side .pos-bot {
    position: relative;
  }
  .st-menu.big-side .slide-footer-content {
    padding: 0 10px 0px 0;
  }
  .st-menu.big-side .social-icons.width-half ul li {
    width: inherit;
    display: block;
    float: none;
  }
  .st-menu.big-side .copy-right .mb-70 {
    margin-bottom: 0 !important;
  }

  /*************************************
             v1.0.3
**************************************/
  .blockquote-section blockquote {
    font-size: 30px;
    line-height: 34px;
  }
  .custom-content-03 h2 {
    font-size: 30px;
    line-height: 34px;
  }
  .mt-100.mb-100 {
    margin: 0px 0 !important;
  }
  .slider-parallax.banner-personal .slider-content {
    width: 100%;
  }

  /*************************************
             v1.0.4
**************************************/
  .christmas-clients .mt-80 {
    margin-top: 0 !important;
  }
  .timer-banner .slider-content h1 {
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .conference-video h3 {
    line-height: 30px;
  }

  /*************************************
             v1.0.5
**************************************/
  .architecture-about h2 {
    font-size: 24px;
    line-height: 30px;
  }

  /*************************************
             v1.0.6
**************************************/
  .agency-banner .slider-content .agency-banner-right {
    display: block;
  }
  .agency-banner .slider-content .agency-banner-left {
    display: block;
  }
  .agency-banner .slider-content span {
    padding-top: 0;
    font-size: 30px;
    line-height: 20px;
  }
  .agency-banner .slider-content h1 {
    font-size: 30px;
    padding: 0;
    border: none;
    line-height: 20px;
  }
  .slider-parallax.agency-banner {
    height: 80vh;
  }

  /*************************************
             v1.0.7
**************************************/
  .law-timeline
    .timeline-centered
    .timeline-entry
    .timeline-entry-inner
    .timeline-year {
    left: -45px;
  }
  .testimonial.left_pos {
    padding: 20px 10px 20px 50px;
  }
  .testimonial.left_pos .testimonial-avatar {
    position: inherit;
    left: inherit;
    top: inherit;
    margin-top: 0;
    margin-bottom: 60px;
    margin-left: 0px;
  }

  /*************************************
             v1.0.8
**************************************/
  .agency-02-contact .pl-50.pr-50 {
    padding: 15px !important;
  }
  .agency-02-history-who {
    padding: 30px;
  }
  .banner-agency-02 h1 {
    font-size: 24px;
  }
  .portfolio-parallax-banner h2 {
    font-size: 40px;
    line-height: 40px;
  }

  /*************************************
             v1.0.9
**************************************/
  .error-05 h1 {
    font-size: 60px;
    line-height: 60px;
  }
  .error-05 h3,
  .error-05 span {
    font-size: 40px;
  }
  .error-03 .content h2 {
    font-size: 32px;
    line-height: 32px;
  }
  .error-03 .content h1 {
    font-size: 40px;
    line-height: 40px;
  }
  .error-03 .error-404 h1 {
    font-size: 70px;
    line-height: 70px;
  }
  .error-03 .error-404 h2 {
    font-size: 50px;
    line-height: 50px;
  }
  .error-04 h1 {
    font-size: 160px;
    line-height: 160px;
  }
  .coming-soon-effects .coming-soon h1 {
    font-size: 30px;
    line-height: 30px;
  }
  .coming-soon h1,
  .coming-soon-effects .coming-soon h1 {
    font-size: 30px;
    line-height: 30px;
  }

  /*************************************
             v1.2
**************************************/
  .login-fancy h2 {
    font-size: 40px;
    line-height: 40px;
  }
  .login-box h2 {
    font-size: 30px;
    line-height: 30px;
  }
  .login-box-02 {
    padding: 20px;
  }
  .login-signup .tab .nav.nav-tabs li {
    margin-bottom: 0;
  }
  .login-signup .login-box-02 {
    padding: 30px;
  }
  .about-mission .popup-content {
    padding-right: 20px;
    width: 100%;
  }
  .about-mission .popup-content br {
    display: none;
  }

  /*************************************
             v1.3
**************************************/
  .blog.blog-simple.blog-left .blog-image {
    width: 100%;
    margin: 0;
    float: none;
  }
  .blog.blog-simple.blog-left .blog-name {
    width: 100%;
    float: none;
  }
  #main-slider .slider-content a {
    font-size: 14px;
  }
  #main-slider .slider-content h1 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  #main-slider .carousel-indicators {
    bottom: 0;
  }
  #main-slider .carousel-control.left,
  #main-slider .carousel-control.right {
    display: none;
  }
  .blog-boxed-banner .blog-overlay .blog-name h4 {
    margin: 0 !important;
  }
  #main-slider.shop-04-banner .slider-content a.button {
    font-size: 10px;
  }
  #main-slider.shop-04-banner .slider-content span {
    display: none;
  }
  #main-slider.shop-04-banner .slider-content h1 {
    font-size: 24px;
    line-height: 28px;
  }
  #main-slider.shop-05-banner .slider-content h1 {
    font-size: 30px;
    line-height: 30px;
  }
  .shop-05-deal h2 {
    font-size: 50px;
    line-height: 50px;
  }
  #main-slider.shop-06-banner .slider-content .slider {
    width: 100%;
  }
  #main-slider.shop-06-banner .slider-content .slider h1 {
    font-size: 20px;
  }
  .shop-block h2 {
    font-size: 30px;
    line-height: 30px;
  }
  .shop-block p {
    font-size: 16px;
  }

  /*************************************
             v1.3
**************************************/
  .book-banner .slider-content-text .button.white {
    display: none;
  }
  .book-banner .slider-content-image .book {
    height: 200px;
  }
  .book-banner .slider-content-text {
    width: inherit;
    left: 0;
  }
  .plumber-banner h1 {
    font-size: 60px;
    line-height: 60px;
  }
  .plumber-banner {
    overflow: hidden;
  }
  .section-title h2 {
    font-size: 34px;
    line-height: 34px;
  }
  .about-plumber-box .about-plumber-box-content {
    padding: 20px;
  }
  .about-plumber .pl-30 {
    padding-left: 0 !important;
  }
  .book-now .book-now-box {
    width: 70%;
  }
  .pizza-contact {
    padding: 0;
  }

  /*************************************
             v1.3
**************************************/
  .burger-banner h1 {
    font-size: 40px;
    line-height: 50px;
  }
  .skateboard-banner h1 {
    font-size: 50px;
    line-height: 60px;
  }
  .skateboard-banner .slider-content-image img {
    height: 500px;
  }
  .slider-parallax.skateboard-banner {
    height: 60vh;
  }
  .pizza-menu .pr-60 {
    padding-right: 0 !important;
  }
  .masonry.columns-1 .masonry-item,
  .masonry.columns-2 .masonry-item,
  .masonry.columns-3 .masonry-item,
  .masonry.columns-4 .masonry-item,
  .masonry.columns-5 .masonry-item {
    padding-right: 0;
  }
  .isotope.columns-1 .grid-item,
  .isotope.columns-2 .grid-item,
  .isotope.columns-3 .grid-item,
  .isotope.columns-4 .grid-item,
  .masonry.columns-5 .masonry-item {
    padding-right: 0;
  }
  .conference-split.split-section .img-side {
    display: none;
  }
  .plumber-banner .slider-content-image {
    left: 0;
  }

  /*************************************
             v3.3
**************************************/
  .barber-section-title h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .barber-team {
    display: inline-block;
    background-position: center top;
    background-repeat: no-repeat;
  }
  .spa-border:before {
    display: none;
  }
  .barber-team {
    padding: 190px 0;
  }
  .emergency-cases-info i {
    float: none;
    margin-bottom: 20px;
  }
  .emergency-cases-info h1 {
    font-size: 20px;
  }

  /*************************************
             index-13
**************************************/
  .business-banner h1 {
    font-size: 40px;
    letter-spacing: 10px;
  }
  .business-date-box-text h2 {
    margin-bottom: 200px;
  }
  .business-feature-top .border-right {
    border-right: 0 !important;
  }
  .business-banner-04 h1 {
    font-size: 40px;
  }
  .business-banner-06 {
    text-align: center;
  }
  .business-banner-06 p {
    padding: 0;
  }
  .business-banner-06 .play-video.border-video {
    margin-top: 30px;
  }
  .business-banner-06 h1 {
    font-size: 30px;
    line-height: 30px;
  }
  .business-banner-06 p {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .container {
    max-width: 100%;
  }
}

@media (max-width: 479px) {
  /*************************
     Margin top
*************************/
  .xx-mt-0 {
    margin-top: 0 !important;
  }
  .xx-mt-10 {
    margin-top: 10px !important;
  }
  .xx-mt-15 {
    margin-top: 15px !important;
  }
  .xx-mt-20 {
    margin-top: 20px !important;
  }
  .xx-mt-30 {
    margin-top: 30px !important;
  }
  .xx-mt-40 {
    margin-top: 40px !important;
  }
  /*************************
    Margin right
*************************/
  .xx-mr-0 {
    margin-right: 0 !important;
  }
  .xx-mr-10 {
    margin-right: 10px !important;
  }
  .xx-mr-15 {
    margin-right: 15px !important;
  }
  .xx-mr-20 {
    margin-right: 20px !important;
  }
  .xx-mr-30 {
    margin-right: 30px !important;
  }
  .xx-mr-40 {
    margin-right: 40px !important;
  }
  /*************************
    Margin bottom
*************************/
  .xx-mb-0 {
    margin-bottom: 0 !important;
  }
  .xx-mb-10 {
    margin-bottom: 10px !important;
  }
  .xx-mb-15 {
    margin-bottom: 15px !important;
  }
  .xx-mb-20 {
    margin-bottom: 20px !important;
  }
  .xx-mb-30 {
    margin-bottom: 30px !important;
  }
  .xx-mb-40 {
    margin-bottom: 40px !important;
  }
  /*************************
    Margin left
*************************/
  .xx-ml-0 {
    margin-left: 0 !important;
  }
  .xx-ml-10 {
    margin-left: 10px !important;
  }
  .xx-ml-15 {
    margin-left: 15px !important;
  }
  .xx-ml-20 {
    margin-left: 20px !important;
  }
  .xx-ml-30 {
    margin-left: 30px !important;
  }
  .xx-ml-40 {
    margin-left: 40px !important;
  }
  /*************************
    Padding top
*************************/
  .xx-pt-0 {
    padding-top: 0 !important;
  }
  .xx-pt-10 {
    padding-top: 10px !important;
  }
  .xx-pt-15 {
    padding-top: 15px !important;
  }
  .xx-pt-20 {
    padding-top: 20px !important;
  }
  .xx-pt-30 {
    padding-top: 30px !important;
  }
  .xx-pt-40 {
    padding-top: 40px !important;
  }
  /*************************
    Padding right
*************************/
  .xx-pr-0 {
    padding-right: 0 !important;
  }
  .xx-pr-10 {
    padding-right: 10px !important;
  }
  .xx-pr-15 {
    padding-right: 15px !important;
  }
  .xx-pr-20 {
    padding-right: 20px !important;
  }
  .xx-pr-30 {
    padding-right: 30px !important;
  }
  .xx-pr-40 {
    padding-right: 40px !important;
  }
  /*************************
    Padding bottom
*************************/
  .xx-pb-0 {
    padding-bottom: 0 !important;
  }
  .xx-pb-10 {
    padding-bottom: 10px !important;
  }
  .xx-pb-15 {
    padding-bottom: 15px !important;
  }
  .xx-pb-20 {
    padding-bottom: 20px !important;
  }
  .xx-pb-30 {
    padding-bottom: 30px !important;
  }
  .xx-pb-40 {
    padding-bottom: 40px !important;
  }
  /*************************
    Padding left
*************************/
  .xx-pl-0 {
    padding-left: 0 !important;
  }
  .xx-pl-10 {
    padding-left: 10px !important;
  }
  .xx-pl-15 {
    padding-left: 15px !important;
  }
  .xx-pl-20 {
    padding-left: 20px !important;
  }
  .xx-pl-30 {
    padding-left: 30px !important;
  }
  .xx-pl-40 {
    padding-left: 40px !important;
  }
  .col-xx-12 {
    width: 100% !important;
  }
  .col-xx-6 {
    width: 50% !important;
  }
  h2 {
    font-size: 22px;
    line-height: 30px;
  }

  .mobile-offcanvas-menu .menu-offcanvas {
    width: 270px;
  }

  .topbar .topbar-call.text-left li {
    margin-bottom: 5px;
  }
  .clients-logo.line img {
    width: initial;
  }
  .shpping-cart .cart {
    width: 240px;
  }
  .cart-item .cart-name a {
    font-size: 12px;
  }
  .cart-price del {
    font-size: 12px;
  }
  .cart-price ins {
    font-size: 14px;
  }
  .cart-item .cart-close {
    top: 17px;
  }

  /*index*/
  .round .nav.nav-tabs li a {
    margin-right: 1px;
    padding: 8px 15px;
  }

  /* header */
  .st-effect-3 .header.default.fullWidth .search-cart {
    right: 45px;
    top: 3px;
  }
  .st-effect-3 .header.default.fullWidth .search-cart .search {
    padding-right: 0px;
  }
  .search-cart .search + .shpping-cart {
    padding-left: 5px;
  }
  .st-effect-3 .search-box {
    width: 190px;
  }

  /*action box*/
  .action-box-button .button.border-white {
    margin-top: 10px;
  }
  .action-box-button .button.border.icon {
    margin-left: 0;
    margin-top: 15px;
  }
  .action-box-button .button.border {
    margin-left: 0;
    margin-top: 15px;
  }
  /*coming soon*/
  .coming-soon-main h1 {
    font-size: 34px;
  }

  .coming-soon-main p {
    margin-bottom: 45px;
    font-size: 16px;
  }
  .coming-soon-form {
    width: 100%;
  }
  .coming-soon-form input {
    width: 90%;
    margin-bottom: 0;
  }
  .coming-soon-form a.button-border span {
    padding: 11px 8px;
  }
  /*error*/
  .error-block h1 {
    font-size: 50px;
  }
  .error-block p {
    font-size: 18px;
  }
  .error-block h1.mb-40 {
    margin-bottom: 10px !important;
  }
  .error-search-box p {
    font-size: 16px;
    line-height: 32px;
  }
  .error-search-box input {
    width: 60%;
  }
  /*maintenance*/
  .maintenance-2 .maintenance-main h1 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .maintenance-contant.mt-150 {
    margin-top: 30px !important;
  }
  .maintenance-form.mt-100 {
    margin-top: 30px !important;
  }
  .clients-logo.line {
    width: 100%;
    border-left: none;
  }
  .clients-logo.line img {
    height: auto;
  }
  .clients-logo.line:nth-last-child(-n + 3) {
    border-bottom: 1px solid #dddddd;
  }
  .our-history .timeline > li > .timeline-panel::before {
    width: 22px;
    left: 25px;
  }
  .our-history .timeline > li.timeline-inverted > .timeline-panel::before {
    left: 25px;
  }
  .happy-clients .nav.nav-tabs li {
    display: inline-block;
  }
  .nav.nav-tabs li {
    display: block;
    float: none;
    margin-bottom: 10px;
    text-align: center;
  }
  .tab-2 .nav-tabs {
    float: none;
    width: 100%;
  }
  .tab-2 .nav-tabs li {
    margin-bottom: 0;
  }
  .tab-2 .tab-content {
    margin-left: 0;
    padding: 30px 20px;
  }

  .feature-step-2-title-2-right {
    width: 100%;
  }
  .feature-step-2-box {
    padding: 20px 10px;
  }
  .feature-step-2-box p {
    font-size: 13px;
  }
  .service-blog b {
    font-size: 220px;
  }
  /*blog*/
  .blog .timeline > li > .timeline-badge {
    font-size: 15px;
    height: 44px;
    line-height: 12px;
    width: 44px;
  }
  .blog ul.timeline:before {
    left: 27px;
  }
  .blog ul.timeline > li > .timeline-badge {
    left: 5px;
  }
  .blog ul.timeline > li > .timeline-panel {
    width: 100%;
  }
  .blog .timeline li.entry-date span {
    display: none;
  }
  .blog ul.timeline::before {
    display: none;
  }
  .blog ul.timeline > li > .timeline-badge {
    display: none;
  }
  .blog ul.timeline > li > .timeline-panel::before {
    display: none;
  }
  .blog ul.timeline > li > .timeline-panel::after {
    display: none;
  }
  .blog .timeline li.timeline-inverted .timeline-panel::after {
    display: none;
  }
  .blog .timeline li.timeline-inverted .timeline-panel::before {
    display: none;
  }
  .blog.timeline-sidebar .timeline > li {
    width: 100%;
  }
  /*shop*/
  .offer-banner-1 h1 {
    font-size: 20px;
  }
  .deal-banner .counter-deal ul li {
    padding: 7px 10px;
    margin-right: 2px;
  }
  .deal-banner .caption h2 {
    font-size: 32px;
  }
  .deal-banner.maintenance-progress-bar {
    margin: 0;
  }
  .bottom-nav .owl-nav .owl-next {
    right: 36%;
  }
  .bottom-nav .owl-nav .owl-prev {
    left: 36%;
  }
  .action-box.pattern {
    padding: 70px 15px;
  }
  .action-box {
    padding: 30px 15px;
  }
  .appointment-bg {
    padding: 40px 15px;
  }
  .appointment a.float-start {
    display: block;
  }
  /*mobile app*/
  .mobile-app-about a img {
    margin-bottom: 10px;
  }
  .mobile-app-about h2 {
    font-size: 30px;
    line-height: 30px;
  }
  .phone-holder {
    width: 260px;
  }
  .highlights-phone.wht .phone-holder #fon {
    background: transparent;
  }
  .highlights-phone.wht .hgi {
    top: 0;
  }
  .highlights-phone {
    height: 550px;
  }
  /*one page*/
  .popup-video-banner h1 {
    font-size: 30px;
    line-height: 40px;
  }
  .video-background-banner h1 {
    font-size: 30px;
    line-height: 30px;
  }
  .video-background-banner .slider-content {
    padding: 30px 15px;
  }
  /*side panel*/
  .slide-footer .social ul li a {
    padding-right: 15px;
  }
  .st-menu {
    width: 280px;
  }
  .st-effect-2.st-menu-open .st-pusher {
    -webkit-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0);
  }
  .st-effect-3.st-menu-open .st-pusher {
    -webkit-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0);
  }
  .st-effect-4.st-menu-open .st-pusher {
    -webkit-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0);
  }
  .st-effect-5.st-menu-open .st-pusher {
    -webkit-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0);
  }
  .st-effect-6.st-menu-open .st-pusher {
    -webkit-transform: translate3d(280px, 0, 0) rotateY(-15deg);
    transform: translate3d(280px, 0, 0) rotateY(-15deg);
  }
  .st-effect-7.st-menu-open .st-pusher {
    -webkit-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0);
  }
  .st-effect-8.st-menu-open .st-pusher {
    -webkit-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0);
  }
  .st-effect-9.st-menu-open .st-pusher {
    -webkit-transform: translate3d(0, 0, -280px);
    transform: translate3d(0, 0, -280px);
  }
  .st-effect-10.st-menu-open .st-pusher {
    -webkit-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0);
  }
  .st-effect-10.st-menu {
    -webkit-transform: translate3d(0, 0, -280px);
    transform: translate3d(0, 0, -280px);
  }
  .st-effect-13.st-menu-open .st-pusher {
    -webkit-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0);
  }
  .st-effect-14.st-menu-open .st-pusher {
    -webkit-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0);
  }
  /* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
  .no-csstransforms3d .st-pusher,
  .no-js .st-pusher {
    padding-left: 280px;
  }
  .image-content {
    width: 100%;
    margin-right: 0;
  }
  .testimonial.bottom_pos {
    padding: 60px 20px 40px 46px;
  }
  .owl-carousel .owl-dots {
    bottom: 0px;
  }
  .kety-name a {
    font-size: 14px;
  }
  .kety-link a {
    margin-bottom: 5px;
  }
  .blog.blog-single .port-navigation .port-photo {
    width: 104px;
  }
  .blog.blog-single .port-navigation .port-arrow {
    height: 62px;
    width: 30px;
  }
  .blog.blog-single .port-navigation .port-arrow i {
    line-height: 62px;
  }
  .single-portfolio-post .port-navigation .port-photo {
    width: 104px;
  }
  .single-portfolio-post .port-navigation .port-arrow {
    height: 62px;
    width: 30px;
  }
  .single-portfolio-post .port-navigation .port-arrow i {
    line-height: 62px;
  }
  .happy-clients .nav-tabs li {
    padding: 0;
  }
  .accordion.animated .acd-group.acd-active .acd-heading {
    font-size: 20px;
  }
  .our-service .section-title {
    margin-bottom: 10px;
  }
  .team.team-list h5 {
    font-size: 18px;
  }
  .contact-2 .g-map {
    padding-top: 50%;
  }
  .clients-box .clients-photo {
    margin-bottom: 20px;
    width: 100%;
  }

  .coming-soon-form.contact-form input {
    width: 100%;
  }
  .add-banner-2 .add-banner-content h2 {
    font-size: 24px;
  }
  .add-banner-2 .add-banner-content h3 {
    font-size: 20px;
    line-height: 20px;
  }
  .add-banner-2 .add-banner-content .button.small {
    padding: 5px 18px;
  }

  /*************************************
             v1.0.3
**************************************/
  .counter.big-counter .timer {
    font-size: 40px;
    line-height: 40px;
  }
  .action-box.theme-bg {
    padding: 30px 0;
  }
  .slider-parallax.banner-personal .slider-content span {
    font-size: 50px;
    line-height: 50px;
  }
  .slider-parallax.banner-personal .slider-content h1 {
    font-size: 40px;
    line-height: 40px;
    margin-top: -20px;
  }
  .slider-parallax.banner-personal .slider-content h1 strong {
    font-size: 48px;
    line-height: 50px;
  }

  /*************************************
             v1.0.4
**************************************/
  .christmas-form-content h2 {
    font-size: 24px;
    line-height: 24px;
  }
  .christmas-event .tab .nav.nav-tabs li a {
    font-size: 14px;
  }
  .christmas-event .blog-date span {
    font-size: 28px;
    display: inline-block;
  }
  .portfolio-home .portfolio-title.section-title .button.mt-30 {
    margin-top: 20px !important;
  }

  /*************************************
             v1.0.4
**************************************/
  .section-title-movie h2 {
    padding: 10px 30px;
  }
  .movie-story b {
    font-size: 26px;
  }

  /*************************************
             v1.0.7
**************************************/
  .law-banner .slider-content h1 {
    font-size: 22px;
    line-height: 22px;
  }
  .law-banner .slider-content p {
    font-size: 16px;
  }
  .law-timeline
    .timeline-centered
    .timeline-entry
    .timeline-entry-inner
    .timeline-year {
    left: 0;
    top: 25px;
  }

  /*************************************
             v1.0.7
**************************************/
  .portfolio-parallax-banner h2 {
    font-size: 30px;
    line-height: 30px;
  }

  /*************************************
             v1.0.9
**************************************/
  .error-05 h1 {
    font-size: 50px;
    line-height: 50px;
  }
  .error-03 .content h2 {
    font-size: 28px;
    line-height: 28px;
  }
  .error-03 .content h1 {
    font-size: 32px;
    line-height: 32px;
  }
  .error-03 .content p {
    font-size: 22px;
  }
  .error-03 .error-404 h1 {
    font-size: 70px;
    line-height: 70px;
  }
  .error-03 .error-404 h2 {
    font-size: 50px;
    line-height: 50px;
  }
  .error-04 h1,
  .error-06 h1,
  .error-07 h1 {
    font-size: 100px;
    line-height: 100px;
  }
  .error-04 h2 {
    font-size: 40px;
    line-height: 40px;
  }
  .error-04 p {
    font-size: 18px;
  }
  .error-06 h2 .error-07 h2,
  .error-09 h2 {
    font-size: 30px;
    line-height: 30px;
  }

  /*************************************
             v1.2
**************************************/
  .login.height-100vh {
    overflow: hidden;
  }
  .login .remember-checkbox a {
    display: block;
    float: inherit !important;
    margin-top: 10px;
  }
  .about-mission .popup-content {
    padding: 30px 30px 10px 30px;
  }
  .about-mission .popup-content h2 {
    font-size: 14px;
    line-height: 20px;
  }
  .about-mission .popup-video-image a i {
    width: 40px;
    height: 40px;
    top: 10px;
    line-height: 40px;
  }
  .checkout-page .pl-50.pr-50.pt-50.pb-50 {
    padding: 20px !important;
  }
  .checkout-page .pl-40 {
    padding: 0 !important;
  }
  #main-slider .slider-content a {
    font-size: 12px;
  }
  #main-slider .slider-content h1 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  #main-slider .slider-content p {
    display: none;
  }
  #main-slider .slider-content .slider-right .play-video.border-video {
    margin-top: 0 !important;
  }
  #main-slider.shop-04-banner .slider-content h1 {
    font-size: 20px;
    line-height: 28px;
  }
  #main-slider.shop-05-banner .slider-content h1 {
    font-size: 24px;
  }
  .shop-05-deal h2 {
    font-size: 30px;
    line-height: 30px;
  }

  /*************************************
             v1.2
**************************************/
  .book-counter .counter {
    margin-top: 0;
  }
  .book-order .googleplay img {
    height: inherit;
  }
  .plumber-banner .slider-content-image img {
    display: none;
  }
  .plumber-banner h1 {
    font-size: 40px;
    line-height: 40px;
  }
  .product-banner .slider-content h1 {
    font-size: 30px;
    line-height: 30px;
  }
  .product-about h4,
  .product-about p {
    font-size: 18px;
    line-height: 30px;
  }
  .product-video .product-video-box {
    min-height: 500px;
  }
  .fish-banner .slider-content .fish-banner-image img {
    height: 170px;
  }
  .fish-gallery .section-title h2 {
    font-size: 30px;
  }
  .fish-footer .fish-image {
    margin-top: 90px;
  }
  .fish-gallery-testimonial {
    padding-bottom: 0;
  }
  .book-now .book-now-box {
    width: 90%;
  }
  .hotel-banner .slider-content h1 {
    font-size: 30px;
    line-height: 30px;
  }
  .hotel-banner .slider-content p,
  .hotel-banner .slider-content span {
    font-size: 16px;
    line-height: 24px;
  }
  .section-title h2 {
    font-size: 24px;
  }
  .hotel-banner-checkout .checkout .checkout-name h3 {
    font-size: 20px;
  }

  /*************************************
             v1.2
**************************************/
  .burger-contact .burger-contact-bg {
    left: 20px;
    top: 100px;
  }
  .burger-contact-box {
    padding: 30px;
  }
  .burger-custom-content h2 {
    font-size: 30px;
  }
  .burger-banner-ani {
    width: 300px;
  }
  .burger-item-06 {
    top: 220px;
  }
  .burger-item-05 {
    top: 180px;
  }
  .burger-item-04 {
    top: 165px;
  }
  .burger-item-03 {
    top: 120px;
  }
  .burger-item-02 {
    top: 105px;
  }
  .burger-banner:hover .burger-banner-ani .burger-item-01 {
    top: 10px;
  }
  .burger-banner:hover .burger-banner-ani .burger-item-04 {
    top: 160px;
  }
  .burger-banner:hover .burger-banner-ani .burger-item-05 {
    top: 165px;
  }
  .skateboard-box .skateboard-box-content {
    padding-left: 109px;
  }
  .skateboard-about h2 {
    font-size: 40px;
    line-height: 40px;
  }
  .bitcoin-banner h1 {
    font-size: 50px;
    line-height: 50px;
  }
  .bitcoin-banner h3 {
    font-size: 14px;
  }
  .bitcoin-banner h3 span {
    font-size: 16px;
  }
  .skateboard-banner .slider-content-image img {
    height: 450px;
  }
  .footer-box .box-link {
    display: block;
    padding-left: 0;
  }
  .testimonial.left_pos {
    margin-left: 0;
  }
  .counter-law {
    padding: 20px 20px 20px 20px;
  }
  .tab .nav.nav-tabs li a {
    margin-bottom: 5px;
  }
  .rc-anchor-normal {
    width: 290px !important;
  }
  .portfolio-03-about {
    margin-top: 90px;
  }
  .maintenance-main h1 {
    font-size: 30px;
  }
  .modal-shop {
    padding: 50px 20px;
  }
  .plumber-banner .slider-content-text {
    right: 0;
  }
  .plumber-banner .slider-content-image img {
    height: 250px;
  }
  .plumber-banner .slider-content-image {
    left: 10%;
  }
  .plumber-contact-bg {
    padding: 0px;
  }
  .search-no-result {
    padding-top: 0px;
  }
  .search-no-result i {
    font-size: 60px;
  }
  .search-no-result .bg-title h2 {
    font-size: 110px;
  }

  /*************************************
             v3.3
**************************************/
  .barber-banner .slider-content h1 {
    font-size: 18px;
    line-height: 24px;
  }
  .barber-banner .slider-content p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 3px;
  }
  .barber .about-history {
    margin: 40px 0px 30px 0px;
  }
  .choose-us-bg {
    padding: 40px 15px;
  }
  .listing ul li {
    font-size: 14px;
  }
  .promo-text h2 {
    font-size: 22px;
    line-height: 26px;
  }
  .spa-meet .team .team-description .team-info h3 {
    font-size: 28px;
  }
  .spa-promotion .promo h2 {
    font-size: 16px;
    line-height: 20px;
  }
  .tattoo-banner h1 {
    font-size: 34px;
    line-height: 50px;
  }
  .jobs-banner .button {
    display: none;
  }

  /*************************************
             v3.6
**************************************/
  .marketing-tab .tab .nav.nav-tabs li a {
    margin-bottom: 0;
  }
  .marketing-banner .slider-content h1 {
    font-size: 28px;
    line-height: 36px;
  }
  .marketing-testimonial .p-5 {
    padding: 15px !important;
  }
  .marketing-testimonial .testimonial.clean {
    padding-left: 10px;
  }
  .location h2 {
    margin-bottom: 0 !important;
  }
  .location .button {
    padding: 6px 20px;
  }
  .office-1.p-5 {
    padding: 30px !important;
  }
  .media .media-icon span {
    font-size: 28px;
  }
  .portfolio-creative h1 {
    font-size: 30px;
  }

  .skill-counter {
    padding: 20px;
  }
  .business-banner-02 h1 {
    font-size: 32px;
    line-height: 30px;
  }
  .business-banner-03 h1 {
    font-size: 30px;
    line-height: 30px;
  }
  .business-banner-03 span {
    margin-bottom: 20px !important;
  }
  .business-video .business-video-box .vertical-align {
    padding: 20px;
  }
  .business-feature.feature-text {
    margin: 10px 0px !important;
  }
  .business-banner-03 .button.large {
    padding: 7px 10px;
    font-size: 12px;
  }
  .business-banner-04 p {
    display: none;
  }
  .business-banner-04 h1 {
    font-size: 30px;
  }
  .business-feature-top {
    padding: 0;
  }
  .business-banner-05 h1 {
    font-size: 22px;
  }
  .business-banner-05 p {
    font-size: 14px;
  }
  .business-banner-06 p {
    display: none;
  }
  .business-banner-06 h1 {
    margin-bottom: 0;
    font-size: 24px;
  }
}