/*************************
       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,
    .hotel-banner-checkout .checkout .checkout-date .nice-select span {
        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;
    }

    .deal-banner .countdown.small {
        margin: 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
**************************************/
    .christmas-countdown .countdown {
        margin: 0px 5px;
        width: 130px;
        height: 130px;
    }

    .christmas-countdown .countdown span {
        font-size: 34px;
    }

    .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;
    }

    .coming-soon-birds .countdown {
        margin: 0px 10px;
    }


    /*************************************
             v1.2
**************************************/
    .about-05-split .shop-split-content {
        padding: 20px 0;
    }

    .mega-menu .drop-down-multilevel {
        width: 250px;
    }

    /*************************************
             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: auto;
    }
}

@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%;
    }

    .movie-banner .countdown.small {
        margin: 0;
    }

    .movie-banner .countdown.round.small {
        width: 90px;
        height: 90px;
    }

    .movie-banner .countdown p {
        font-size: 13px;
    }

    /*************************************
             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%;
    }

    .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: #323232;
    }

    /*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: 60px !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: #323232;
    }

    .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: 10px 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;
        width: 100%;
    }

    .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;
    }

    /*countdown*/
    .countdown {
        margin: 0px 10px;
    }

    .countdown.medium {
        margin: 0 15px;
    }

    .countdown.large {
        margin: 0 10px;
    }

    .countdown.round.medium {
        width: 140px;
        height: 140px;
    }

    .countdown.medium span {
        font-size: 50px;
    }

    .countdown.round.medium span {
        line-height: 58px;
    }

    .countdown.round.large {
        width: 150px;
        height: 150px;
    }

    .countdown.large span {
        font-size: 60px;
    }

    .countdown.round.large span {
        line-height: 62px;
    }

    .countdown.large p {
        font-size: 18px;
    }

    .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;
    }

    .personal-typer-banner h1 {
        font-size: 70px;
        line-height: 70px;
    }

    .personal-typer-banner h1 span {
        font-size: 35px;
    }

    .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;
    }

    .typer-banner h1 {
        font-size: 70px;
        line-height: 70px;
    }

    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
**************************************/
    .slider-parallax.typer-banner.business p {
        padding: 0;
    }

    .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;
    }

    .coming-soon-big .countdown.medium span {
        font-size: 80px;
        line-height: 80px;
    }

    .coming-soon-big .countdown.medium p {
        font-size: 20px;
        line-height: 20px;
    }

    .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;
    }

    .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
**************************************/
    .job-testimonial .testimonial-info {
        font-size: 18px;
        line-height: 28px;
    }

    .job-testimonial .testimonial-info:before {
        font-size: 120px;
    }

    .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;
    }

    /*testimonial*/
    .testimonial-2 {
        padding-bottom: 80px;
    }

    /*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-countdown ul.countdown li span {
        font-size: 60px;
    }

    .coming-soon-countdown ul.countdown li p {
        font-size: 16px;
    }

    .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;
    }

    /*shortcode*/
    .clients-list ul li,
    .clients-list.column-4 ul li,
    .clients-list.column-3 ul li {
        width: 50%;
    }

    /*countdown*/
    .countdown.round {
        width: 100px;
        height: 100px;
    }

    .countdown.round span {
        font-size: 30px;
        line-height: 30px;
    }

    .countdown.round {
        padding: 16px;
    }

    .countdown.round.medium {
        width: 100px;
        height: 100px;
    }

    .countdown.round.medium span {
        font-size: 30px;
        line-height: 30px;
    }

    .countdown.round.medium p {
        font-size: 14px;
    }

    .countdown.round.large {
        width: 100px;
        height: 100px;
    }

    .countdown.round.large span {
        font-size: 30px;
    }

    .countdown.round.large span {
        line-height: 30px;
    }

    .countdown.round.large p {
        font-size: 14px;
    }

    /*datatables*/
    .dataTables_paginate .pagination>li {
        display: inline-block;
        text-align: center;
    }

    .datatable-base .table-responsive {
        border: 0;
    }

    /*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
**************************************/
    .slider-parallax.typer-banner.business h1 {
        line-height: 30px;
        font-size: 40px;
    }

    .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
**************************************/
    .countdown p {
        font-size: 13px;
    }

    .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
**************************************/
    .coming-soon-big .countdown.medium span {
        font-size: 40px;
        line-height: 40px;
    }

    .coming-soon-big .countdown.medium p {
        font-size: 16px;
        line-height: 16px;
    }

    .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;
        width: 100%;
    }

    .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*/
    .countdown.small span {
        font-size: 30px;
    }

    .countdown span {
        font-size: 30px;
    }

    .countdown.medium span {
        font-size: 30px;
    }

    .countdown.medium p {
        font-size: 14px;
    }

    .countdown.medium {
        margin: 0 10px;
    }

    .countdown.large span {
        font-size: 30px;
    }

    .countdown.large p {
        font-size: 14px;
    }

    .countdown.large {
        margin: 0 6px;
    }

    .countdown.gray-bg {
        margin: 0 1px;
        padding: 8px;
    }

    .countdown.countdown-border {
        padding: 8px;
        margin: 0 0px;
    }

    .countdown.round {
        margin-bottom: 10px;
    }

    .countdown.round.small {
        padding: 16px;
    }

    /*testimonial*/
    .testimonial.bottom_pos .author-info {
        margin-left: 0;
        margin-bottom: 30px;
    }

    /*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;
    }

    /*testimonial*/
    .testimonial.clean {
        padding: 0 10px 25px 40px;
    }

    .typer-banner h1 {
        font-size: 50px;
        line-height: 100px;
    }

    .portfolio-banner .slider-content {
        width: 100%;
    }

    .personal-typer-banner h1 {
        font-size: 50px;
        line-height: 50px;
    }

    .personal-typer-banner h1 span {
        font-size: 25px;
    }

    .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;
    }

    .countdown.round {
        display: block;
        margin: 5px auto;
    }

    .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;
    }

    .movie-banner .countdown.round.small {
        display: inline-block;
    }

    /*************************************
             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
**************************************/
    .coming-soon-big .countdown.medium span {
        font-size: 30px;
        line-height: 30px;
    }

    .coming-soon-big .countdown.medium p {
        font-size: 16px;
        line-height: 16px;
    }

    .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
    }

    .coming-soon-birds .countdown {
        margin: 0px 6px;
    }

    .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-countdown ul.countdown li span {
        font-size: 32px;
    }

    .coming-soon-countdown ul.countdown li {
        width: 20%;
    }

    .coming-soon-countdown ul.countdown li p {
        font-size: 13px;
    }

    .coming-soon-countdown ul.countdown {
        margin: 20px 0;
    }

    .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;
    }

    /*testimonial page*/
    .testimonial-3 .owl-carousel .owl-nav {
        bottom: -20px;
    }

    .testimonial-3 .owl-carousel .owl-nav .owl-prev {
        left: 50%;
        margin-left: -45px;
    }

    .testimonial-3 .owl-carousel .owl-nav .owl-next {
        right: 50%;
        margin-right: -45px;
    }

    .testimonial-info p {
        padding: 0 10px 20px;
    }

    .testimonial.boxed {
        padding: 30px 30px 75px;
    }

    .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*/
    .typer-banner h1 {
        font-size: 30px;
        line-height: 30px;
    }

    .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;
    }

    .personal-typer-banner h1 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 0px;
    }

    .personal-typer-banner h1 span {
        font-size: 20px;
        left: -10px;
        top: 0;
    }

    .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%;
    }

    .countdown.round {
        display: block;
        margin: 0 auto 20px;
    }

    .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
**************************************/
    .slider-parallax.typer-banner.business h1 {
        font-size: 24px;
        line-height: 28px;
    }

    .slider-parallax.typer-banner.business p {
        font-size: 18px;
        line-height: 28px;
        margin-top: 10px !important;
    }

    .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;
    }

    .countdown.small {
        margin: 10px 4px 0;
    }

    /*************************************
             v1.0.4
**************************************/
    .section-title-movie h2 {
        padding: 10px 30px;
    }

    .movie-story b {
        font-size: 26px;
    }

    .movie-banner .countdown.round.small {
        margin-bottom: 5px;
    }

    /*************************************
             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
**************************************/
    .coming-soon-big .countdown.medium span {
        font-size: 24px;
        line-height: 24px;
    }

    .coming-soon-big .countdown.medium p {
        font-size: 14px;
        line-height: 14px;
    }

    .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;
    }

    .hotel-countdown-main {
        padding: 80px 20px;
    }

    .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;
    }

    /*.feature-step { padding:130px 30px; }*/
    .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;
    }

}