/*
    Template:  Webster - Responsive Multi-purpose HTML5 Template
    Author: potenzaglobalsolutions.com
    Design and Developed by: potenzaglobalsolutions.com

    NOTE: This file contains responsive Media Queries of the Template. You can edit/add anything in this file for responsive related changes!
    */


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


    /*************************
           1700px
    *************************/    
    @media (max-width: 1700px) {

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

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

        .speaker-event-wrap{

                background-size: 81% auto;
        }    

    /*    .speaker-event-content{

            width: 53%;
        }*/

    } 

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

        .speaker-event-wrap {
        background-size: 96% auto;
    }


    }

@media (max-width: 1366px) {
    
/*.speaker-event-wrap {
    background-size: 86% auto !important;
}
  */  
    
}

    @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: 1320px; }
    }

    @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-right  { 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-right { float: none !important; display: block; margin-top: 5px; }
    .blog.blog-grid-2-sidebar .blog-detail .social.float-right { float: none !important; display: block; margin-top: 5px; }
    .blog.masnary-blog-3-columns .blog-detail .social.float-right { float: none !important; display: block; margin-top: 5px; }
    .blog.masonry-main .blog-detail .social.float-right { float: none !important; display: block; margin-top: 5px; }
    .timeline .blog-detail .social.float-right { 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: 200px; }

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

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

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

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

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

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

    }

    @media only screen and (min-width: 992px) and (max-width: 1500px) {
    .vertical-header .container { max-width: 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: 1078px) {
    
    .wsmenu > .wsmenu-list > li > .navtext{
        
        padding: 6px 10px 18px !important;
        
    }
    
    .smllogo{
        padding: 20px 0px 0 1px !important;
        
    }
    
    .wsmenu > .wsmenu-list > li > .wsshoptabing{
        
        left: -16px !important;
        
    }
    
}


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

        .speaker-event-content{

            width: 80%;
        }    

    } 

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

    @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: 17px; }
    .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; }
        
        .smllogo{padding: 9px 0px 0 16px !important;}

    /*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*/
    
    .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: 22px !important; 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-right { 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-right { 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-left { 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-right { 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 { height: 70px; padding-right: 0; }
    .header.fancy .search .search-btn { margin-top: 23px; }
    .search .search-btn { margin-top: 3px; }
    .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; }
    .testimonial { margin-top: 25px; }
    .header.text-dark .mega-menu.desktopTopFixed .menu-list-items { background: #323232; }
    .promo-text { margin-bottom: 50px; }
    .feature-step{padding: 240px 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; }


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


    }

@media(max-width:1112px){
    
    
    .wsmenu > .wsmenu-list > li > .wsshoptabing {

    left: -28px !important;

}
    
    
    
    .right-search-wrap{
        
        width: 57% !important;
        
    }
    
    
    .Search-thumb-panel{
        
        width: calc(26.333% - 32px) !important;
        
        
    }
    
    
    .smllogo{
        
        padding: 23px 0px 0 16px !important;
        
    }
    
    
}


    @media(max-width:1024px){

    /*
    .mega-menu .menu-logo{

    margin-left: 77px;

    }
    */
        .mega-menu .menu-logo img{


            width: 38%;
        }

     
    .right-search-wrap{
        
        width: 57% !important;
        
    }
        
    .speaker-event-wrap {

        background-size: auto 53%;

    }

    .menu-bar{
    margin-right: 83px;

    }
        
        .wsmenu > .wsmenu-list > li > .wsshoptabing{
            
            left: -69px !important; 
            
        }
        
        
        .smllogo{
            
            padding: 22px 0px 0 0px !important;            
        }
        
        .wsmenu > .wsmenu-list > li > .navtext{
            
            padding: 6px 10px 18px !important; 
            
        }
        

    .mega-menu > section.menu-list-items .menu-bar > ul > li{


    padding-top: 10px !important;
    }


        .Search-container{

            width: 100%;


        }

        .SearchLeft{

            width: 397px;
        }
        .Search-thumb-panel{

            width: calc(32.333% - 32px) !important;

        }

        .Category-Span{

            /*padding: 0px 225px;*/

        }
        
        
        .seachcategory-banner{
            
            height: 650px; 
            
        }
        .responsive-img-content-panel h6 {

    font-size: 25px;

}

    }


@media(max-width:846px){
    
    .img-content-panel{
        
        display: none !important;   
    }
    
    .tab .nav.nav-tabs li a{
        
        margin: 0px;
        
    }
    
    .Request-speaker-panel h2{
        
        font-size: 45px; 
        
    }
    
    
    
    .page-section-1-ptb{
        
        padding: 60px 0 0px !important;
        
    }
    
    .page-section-1-ptb{
        
        padding: 70px 0 0;
        
    }
    
    .seachcategory-banner{
        
        
        background-size: auto 100% !important;
        
    }
    
    
       .responsive-img-content-panel{
        
        visibility: visible;
        text-align: center;
        margin-top: 225px; 
        
    }
    
    .responsive-img-content-panel h6 span {

    color: #fa5858;

}
    
    .fee-row{
        
        display: block;
        
    }
    
    .free-col{
        max-width: 100%;
        
    }
    
    .welcome-panel{
        
        width: 86%;
        
    }
    .nav-center .nav.nav-tabs{
        
        width: 100%;
        
    }
    
    .tab-border .tab-content{
        
        width: 100%;

margin-bottom: 36px;
        
    }
    
    .tab .nav.nav-tabs li{
        
        width: 24%;

display: inline-block;
        
    }
    
    
    .speaker-event-content{
        
        width: 95%;
    }
    
    .modal-dialog{
        
        width: 95% !important;
    }
    .wsmenu > .wsmenu-list > li > .navtext {

    padding: 22px 10px !important;

}
    
    .footer-address-content{
        
        width: 70%;
        
    }
    
    .right-search-wrap{
        
        width: 47% !important;
        
        
    }
    .SearchLeft {

    width: 499px;

}
    .Search-thumb-panel {

    width: calc(49.333% - 32px) !important;

}
    
      .advance-search{
            
            margin: 120px auto 0px; 
        }
    
    .video-wrap ul li{
        
        width: 46%;
        
    }
    
}

@media(max-width:834px) {
    
    
    
    .img-content-panel{
        
        display: none !important;
        
    }
    
    .right-search-wrap{
        
        float: left;
        width: 100% !important;
        
    }
    
    
    
    
    .left-search-wrap{
        
        width: 100%;
        
    }
    
    .Search-thumb-panel{
        
        width: calc(49.333% - 32px) !important;
        
    }
    
    .SearchLeft{
        
        
        width: 499px;
        
    }
    
    
            .nav-center .nav.nav-tabs{
            
         width: 100%;   
            
        }
        
        .tab .nav.nav-tabs li{
            
            width: 24%;
            display: inline-block;
            
        }
        
        .tab-border .tab-content{
            
            width: 100%;
            margin-bottom: 36px; 
            
        }
        
    
    .responsive-img-content-panel{
        
        visibility: visible;
        text-align: center;
        margin-top: 225px; 
        
    }
    
    .smllogo {

    padding: 9px 0px 0 16px !important;

}
    
    .responsive-img-content-panel h6 span {

    color: #fa5858;

}
    
    
    .responsive-img-content-panel h6{
        
        font-size: 25px;
        
    }    
    
    .search .search-btn{
        
        line-height: 17px; 
        
    }
    
    .wsmenu > .wsmenu-list > li > .wsshoptabing{
        
        left: 0px !important;
        
    }
    
    .wsmenu > .wsmenu-list > li > .navtext{
        
        padding: 22px 10px !important;
        
    }
    
    .Menu-right-header h1{
        
        line-height: 35px !important; 
        
    }
    
    
    .welcome-panel{
        
        width: 100%; 
        margin: 163px auto 0px;
        
    }
    
    .speaker-event-content{
        
        width: 95%;
        
    }
    
    .modal-dialog{
        
        min-width: 96% !important;
        
    }
    
    .top-social ul{
        
        margin: 10px 0 0 0;        
    }
    
    .top-right-content ul li{
        
        margin: 8px 0px;
        
    }
    
    .Left-map{
        
        
        width: 100%;
        
    }
    
    .right-state-name{
        
        width: 100%; 
        margin-bottom: 53px;
        
        
    }
    
    .mb-50{
        
        margin-bottom: 0px !important;
        
    }
    
/*    .responsive-head{
        
        width: 100%;

height: 60px;

background: #000;

display: block;

cursor: pointer;
    
        
    }
    
    .search-panel{
        
        
        
        
    }  */  
    
    
}




    @media(max-width:768px) {


      .mega-menu .menu-logo{

            margin-left: 0px !important;
        }
        .mega-menu .menu-mobile-collapse-trigger{
            
            top: 43%;
        }
        
        .mega-menu .menu-logo img{

            width: 30%;
        }

        .menu-logo img{

            height: auto !important;

        }
        
        .video-wrap ul li{
            
            width: 45%;
            
        }

        .smllogo{
            
            padding: 9px 0px 0 16px !important;
            
        }
        
        .wsmenu > .wsmenu-list > li > .navtext{
            
            padding: 21px 20px !important;
            
        }
          .wsmenu > .wsmenu-list > li > .wsshoptabing{
            
            left: 0px !important; 
            
        }
        
        
        .advance-search h1{
            
            font-size: 6.10em;
            
        }
        
       
        .seachcategory-banner{
            
            height: 482px;
            
            
        }
        
        .advance-search{
            
            margin: 100px auto 0px; 
            
            
        }
        
        .seach-banner-content{
            
            width: 100%;
            padding-top: 142px; 
            
        }
        
        .Category-header{
            font-size: 50px; 
            
        }
        
        .inquiry-modal-body .form-control-feedback{
            
            top: 27px !important;
            
            
        }
        
        
        
        .menu-bar{

        margin-right: 0px !important;

         }

         .nav-link{

         color: #000000 !important;

         }

         .search-cart .search{

         margin: 0px auto 0px !important;  
         }

         .mega-menu .menu-logo{

         width:100%;

         }

         .mega-menu .menu-links > li > a:hover{ color:#000000 !important; }

         .full-width-section:not(.no-image) .full-text-container.light-gray-bg{

         background-color: rgba(0, 0, 0, 0.8);



         }

         full-text-container text-right left light-gray-bg border-clear{color: #ffffff !important;}

         .mt-4, .my-4, .mt-3, .my-3{

         color: #ffffff !important;

         }

    .right-state-name, .Left-map{

        width: 100%;
        height: auto;
        float: left; 

    }
        
        
        .nav-center .nav.nav-tabs{
            
         width: 100%;   
            
        }
        
        .tab .nav.nav-tabs li{
            
            width: 24%;
            display: inline-block;
            
        }
        
        .tab-border .tab-content{
            
            width: 100%;
            margin-bottom: 36px; 
            
        }
        

        .container{

            width: 100%;        
        }

        .space-bottom p{

            text-align: center; 
            margin-bottom: 25px !important;

        }

        .SearchLeft{
        width: 279px;  
        margin-right: 0px;    
        margin-left: -285px;    


        }

        .main-header{
            text-align: center;
            display: block;

        }

        .main-header h2{

            font-size: 32px; 

        }
        .responsive-head{

        width: 100%;
        height: 60px;
        background: #000;
            display: block;
            cursor: pointer;


    }

        .LeftSearchHead{
            display: none;

        }

        .ajaxload{

            margin-top: 15px;

        }

        .responsive-head ul{

            padding: 0px;
            margin: 0px;

        }

        .responsive-head ul li{

    padding: 15px 0 0 0 !important;
    margin:0px !important;
    list-style:none;
    display:inline-block;
    background: url(/images/refine.png);
    background-repeat: no-repeat;
    background-position: left 83%;
    background-size: 9% 40%;
            width: 100%;


    }


    .responsive-head ul li p{
    margin:7px 0px 0px 34px;
    float:left;
    color:#ffffff;
    text-transform: uppercase;
    font-size: 1.125rem;

    }

    .responsive-head ul li span{

    display:inline-block:
    vertical-aling:top;
    color:#ffffff;
    font-size: 1.125rem;
    text-transform: uppercase;
    padding-right: 34px;
    float: right;

    }

        .Speakers-panel ul{

            width: 100% !important;

        }

        .ajaxload{


            width: 748px;
            text-align: left;

        }

        .Search-container{

            width: 100%;

        }

        .search-panel{

            width: 1020px;

        }
        .Search-thumb-panel{

            width: calc(32.333% - 32px) !important;
    margin: 0 16px 30px;
    display: inline-block;
    vertical-align: top;

        }
        .main-header h2{

            margin-bottom: 0px;
        }

        .Category-Span{


            display: block;
            padding: 0px 46px;
        }

        
        .footer-address-content{
            
            width: 100%;
            
        }

            .speaker-event::before{

                border-left: 380px solid transparent;
        border-right: 380px solid transparent;


        }
            .Speakers-panel ul li{

        width: 33.5% !important;
        height: auto;

        }

         .speaker-event-wrap{

            height: auto;
        }

          .speaker-event-content{

            width: 90%; 

        }
            .speaker-event{


            height: auto;
            padding-bottom: 112px;
        }
           .speaker-event-wrap{

            background-repeat: no-repeat;
            background-size: auto 39%;
        }
        .cntc-btn {

        margin: 0px auto 36px;
            background-size: 

         }

          .video-play{

            width: 100%;
            height: 328px;
            float: right;
            position: inherit;
            padding-bottom: 130px;  
        }

        .contact-model-header h4{

            font-size: 50px !important;
        }
        .modal-dialog {
        min-width: 91% !important;
    }

        .responsive-img-content-panel{

        visibility: visible !important; 

    }



        .responsive-img-content-panel{

        width: 100%;
        height: auto; 
   /*     position: absolute;*/
        top: 40%;
        left: 0px;
        right: 0px;
        text-align: center;
            float: left;
    margin: 145px 0 0 0;




    }

    .responsive-img-content-panel h1{

        font-size: 90px;
        line-height: 93px;    
        font-weight: 700;

    }
    .responsive-img-content-panel h1 span{

        color: #fa5858;

    }

    .responsive-img-content-panel h6{

           font-size: 24px;
        font-weight: 700;



    }
    .responsive-img-content-panel h6 span{

      color: #fa5858;  
    }

        .img-content-panel{

            display: none !important;
        }
        .header-top{

            position: inherit;
        }

        .welcome-panel{

            width: 85%;

        }

        .style-div{

            height: 92px; 
        }

        .style-div img{
            width: 100%;
            height: 100%
        }
        
        ul.pagination, ul.pager{
            
            text-align: center;
             display: block; 
            
        }
        
        ul.pagination .page-item .page-link, .pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link, ul.pager .page-item .page-link{
            
            padding: 0 16px;
            
        }

        .top-right-content ul li{
            
            margin: 9px 0px; 
            
        }

   /*     .headerfull{
            
            height: auto !important;
            position: inherit !important;  
            
        }*/
        
        .search .search-btn{
            
            line-height: 33px; 
            
        }
        
        .sm-center{
            
            text-align: left; 
        }
        
        .wsmobileheader{
            
          top: 55px !important;   
            
        }
        .Menu-right-header h1{
            
            line-height: 35px !important;
            
        }
        

        }




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

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

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

       .mega-menu .menu-logo{

            margin-left: 0px !important;
        } 


        .title-and-slogan-container{

        margin-top: 67px;

        }

        .title-and-slogan-container h1{

        font-size: 7.0em;

        }



    }

    @media(max-width:667px) {

    .title-and-slogan-container h1{

    font-size: 6em;

    }

        .ajaxload{

            width: 673px; 

        }

    .title-and-slogan-container small{

    line-height: 43px;
    }


        .Speakers-panel ul li{

            width: 50.3% !important;

        }

        .speaker-event:before {
        border-left: 330px solid transparent !important;
        border-right: 330px solid transparent !important;
    }

        .welcome-panel{

            width: 95%; 

        }

        .welcome-panel h1{

            padding: 0px 166px; 
        }


    }

    @media(max-width:640px){


        .ajaxload{
            width: 638px; 

        }

        
        .video-wrap ul li {

    width: 45%;

}
        
        .seachcategory-banner{
            
            background-size: auto 100%;
            background-position: center;
            
        }
        
        .search .search-btn{
            
            line-height: 33px; 
            
        }
        
        
        .team-member{
            
            margin: 0px auto 20px !important;
            
        }
        

        .speaker-event::before {

        border-left: 320px solid transparent !important;
        border-right: 320px solid transparent !important;

    }

        #top{

          /*  margin-top: 61px;*/
            height: 258px;

        }
        .responsive-img-content-panel h1{

            margin: 64px 0px 0;
            font-size: 99px; 
        }

        .responsive-img-content-panel h6{

            line-height: 33px;
            letter-spacing: 0px; 
        }
        .welcome-panel h1 {
        padding: 0px 111px;
    }
        
        .copy-right{
            
            text-align: center;
            
        }
        
        .footer-right-social ul{
            
            text-align: center;
            padding: 22px 0px;
            
        }
        

    } 


    @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-right { float: none; margin-top: 10px; display: block; width: 100%; }
    .port-post-social.float-right { 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-left { float: none !important; display: block; }
    .our-team .team-details .social-icons.social-border.float-right { 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; }


    .title-and-slogan-container h1{

    font-size: 5em;


    }

    .title-and-slogan-container small{

    line-height: 43px;
    }
    .title-and-slogan-container{

    margin-top: 20px;




    }

    }

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


    @media(max-width:568px) {

    .title-and-slogan-container h1{

    font-size: 5em;


    }
        .Category-header{
            
            line-height: 55px; 
            
        }
        
      
        .advance-search h1{
            
            font-size: 68px;
        
        }
        
        .tab .nav.nav-tabs li{
            
            width: 24.5%;
            
        }
        
        .tab .nav.nav-tabs li a{
            
            
            padding: 12px 0px 12px 13px;
        }
        
        .video-wrap ul li{
            
            width: 44%;
            
        }
        
        .seachcategory-banner{
            
            background-size: auto 100%;
            background-position: center;
            
        }
        
        
        .inquiry-modal-body .form-control-feedback{
            
            top: 27px !important;
            
        }    
        

    .title-and-slogan-container small{

    line-height: 43px;
    }
    .title-and-slogan-container{

    margin-top: 20px;  
    }
        
        .copy-right{
            
            text-align: center;
            
        }
        
        .footer-right-social ul{
            
            text-align: center; 
            
            
        }

        
        .footer-right-social ul li{
            
            margin: 30px 10px 17px; 
            
        }
        

        .ajaxload{

            width: 547px;   
        }    

        .Search-thumb-panel{

            width: calc(48.333% - 32px) !important;
    margin: 0 16px 30px;
    display: inline-block;
    vertical-align: top;

        }


        .welcome-panel{

            width: 89%;

        }

        .welcome-panel h1{

            padding: 0px 54px;
        }

        .speaker-event:before {
        border-left: 280px solid transparent !important;
        border-right: 280px solid transparent !important;
    }


        #top{

            height: 358px !important;

        }

        .responsive-img-content-panel h1{

            font-size: 85px; 
            padding: 0px 50px; 
        }

        .style-div{

            height: 82px;

        }
        .style-div img{

            width: 100%;
            height: 100%;

        }

        .responsive-img-content-panel{
            
            margin-top: 40px !important; 
            
        }
        
        .speaker-event-wrap{

            background-size: auto 40%;
        }
        .copy-right{
            
            text-align: center; 
            
        }
        
        .footer-right-social ul{
            
            text-align: center;
            padding: 23px 0px 0px;
            
            
            
        }

    }

@media(max-width: 740px){
    
                .copy-right{
            
            text-align: center; 
            
        }
        
        .footer-right-social ul{
            
            text-align: center;
            padding: 23px 0px 0px;
        }
    
              .sm-center{
            
            text-align: center; 
        }
    
    .video-wrap ul li{
        
        width: 45%; 
        
    }
    
    
    .team-member{
        
        margin: 0px auto 20px !important;
        
    }
    
    
    .top-social ul{
        
        text-align: center;
        
    }
   
    .top-right-content ul{
        
        text-align: center;
        
    }
    .wsmobileheader{
        
        top: 95px !important;
        
    }
    
    
    .alert-warning{
        
        width: 97%;
        margin: 0px auto; 
    }
    
    .Request-speaker-panel .space-bottom p{
     text-align: left; 
    margin-top: 20px;     
        
    }
    
    
    .Request-speaker-panel h2{
        
        padding-left: 18px;
        margin-bottom: 22px; 
    }
    
}

    @media(max-width: 736px){

         .speaker-event:before {
        border-left: 365px solid transparent;
        border-right: 365px solid transparent;
    }

        
        .copy-right{
            
            text-align: center; 
            
        }
        
        .footer-right-social ul{
            
            text-align: center;
            padding: 23px 0px 0px;
            
            
            
        }

        #top{

           padding: 0px;
           /* margin-top: 60px;*/
            height: 382px;

        }
        
        .wsmobileheader{
            
            top: 95px !important; 
            
        }
        
        
        .responsive-img-content-panel{


            top: 34%;
        }
        
        .responsive-img-content-panel{
            
            position: inherit;
            float: left;
            margin-top: 133px; 
            
        }
        
        .top-social ul{
            
            text-align: center; 
            
        }
        
        .footer-address-content{
            
            width: 100%;
            
        }
        
        .top-right-content ul{
            
            text-align: center;
            
        }


    }

    @media(max-width:480px) { 

    .title-and-slogan-container h1{

    font-size: 4em;

    }
    .title-and-slogan-container small{


    line-height:36px;
    font-size:2.2em; 

    }
        .Search-thumb-panel{
            
            width: calc(42.333% - 32px) !important;
            
        }
        
        .tab .nav.nav-tabs li{
            
            width: 49%;
            margin-bottom: 5px; 
            
            
        }
        
        .tab .nav.nav-tabs li a{
            
            padding: 12px 0px 12px 57px;
            
        }
        

        speaker-event::before {
        border-left: 240px solid transparent !important;
        border-right: 240px solid transparent !important;
    }
        
                #map-container, .search-display{
                
                display: none;
                
                
            }  
        
        
        .responsive-img-content-panel h1{
            
            
            font-size: 67px; 
            
        }
        
        .welcome-panel h1{
            
            padding: 0px 22px; 
            
        }

    }


    @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;}
    .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-left { 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; }



     .title-and-slogan-container{

     margin-top: 180px;

     }

     .title-and-slogan-container h1{

     font-size:2.5em;

     }

     .title-and-slogan-container small{


     font-size: 2.1em;

     }

    .dark.header-top .dropdown-menu{

    z-index: 9999;

    }


    }


        @media(max-width:414px){

            .search-panel{

                width: 1000px;
            }
            
            .responsive-img-content-panel h6{
                
            font-size: 24px;
            font-weight: 700;
            line-height: 32px;
            letter-spacing: 0px;
            padding: 0px 44px;
            
            }
            
            .Request-speaker-panel .space-bottom .request-icon{
                
                top: 41px; 
                
                
            }
            
            .Request-speaker-panel .space-bottom .fa-mobile{
                
                font-size: 18px;
                
            }
            
            .nav-center .nav.nav-tabs{
                
                text-align: center; 
            }
            
            .tab-pane ul li{
                
                text-align: left; 
            }
            
            
            .tab .nav.nav-tabs li a{
                
                margin: 0px;
                
            }
           
            .video-wrap ul li{
                
                width: 100%;
                margin: 0px 0px 10px; 
                
            }
            
            
            
            .tab .nav.nav-tabs li a{
                
                padding: 12px 0px 12px 1px;
                
            }
            
            .tab-pane ul{
                
                text-align: center; 
                
            }
            
            
            #map-container, .search-display{
                
                display: none;
                
                
            }    
            
            
            .seachcategory-banner{
                
                
                height: 546px;
                background-size: auto 100%;
                background-position: top;
                
            }
            
            .tab .nav.nav-tabs li{
                
                width: 49%;

display: inline-block;

margin-bottom: 5px !important;
                
            }
            
     
            
            .wsmobileheader{
                
                top: 95px !important; 
                
            }
            
            .search-thumb-height img{
                
                
                height: auto;
            }
            
            .search-thumb-height{
                
                height: auto; 
                
            }
            
                
            .buttom-panel{
                
                position: inherit;
                
            }
            
            
            
             #top{

            padding-top: 0px; 
           /* margin-top: 60px;*/
            margin-top: 0px;      
            height: 553px !important;
        }

            .contact-model-header h4 {
        font-size: 39px !important;
    }

            .SearchLeft{

                width: 281px;
                margin-left: -285px; 
                margin-right: 0px; 

            }

            .ajaxload{


                width: 600px;


            }


            .Search-thumb-panel{
                width: calc(65.333% - 32px) !important;

            }


                .speaker-event-wrap{
         /*   background: url(../images/Main_women2.jpg) right -100px bottom;*/
            background-repeat: no-repeat;
    background-size: auto 47%;
                    background-position: right -100px bottom;


        }

               .speaker-event::before{


            border-left: 207px solid transparent !important;
    border-right: 207px solid transparent !important;
        }

            .welcome-panel{

                width: 91%;

            }

            .welcome-panel h1{


                padding: 0px 5px;
            }


            .slider-panel ul li p{

                padding: 0px 19px;
            }

            .Speakers-panel ul li{

                width: 50.4% !important;
            }

            .style-div{

                width: 100%;
    height: 87px;
    margin-bottom: 57px;

            }

            .style-div img{

                height: 100%;
            } 

            .speaker-event-wrap{


                background-size: auto 39%;
                background-position: right -90px bottom;

            }

            .responsive-img-content-panel{

                /*top: 21%;*/
                position: inherit;
                float: left;
                margin-top: 103px !important; 

            }

            .responsive-img-content-panel h1{

                font-size: 77px;

            }

            .speaker-event-content h1{


                font-size: 98px;
            }
            
            ul.pagination, ul.pager{
                
                text-align: left; 
                
                
            }
            ul.pagination .page-item{
                
                margin: 0px;
                
            }
            
            ul.pagination .page-item .page-link, .pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link, ul.pager .page-item .page-link{
                
                padding: 0px 14px;
                height: auto;
                line-height: 34px; 
                margin: 0px; 
            }
            
            .inquiry-modal-content .modal-header h4{
                
                font-size: 42px; 
                
            }
            
            .team-member{
                
                margin: 0px auto 0px !important;
                
            }
            
            
            .top-social ul{
                
                text-align: center;
                
            }
            
            .top-right-content ul{
                
                text-align: center;
                
            }
            
            .footer-address-content{
                
                width: 100%;
                
            }
            
            .copy-right{
                
                text-align: center;
                
            }
            
            .footer-right-social ul{
                
                
                text-align: center;
                margin: 6px 0px 0px;
                
            }
            

        }    

        @media(max-width:384px){


    .ajaxload {

        width: 561px;

    } 

       .speaker-event::before {

        border-left: 192px solid transparent !important;
        border-right: 192px solid transparent !important;

    }  

            .speaker-event-wrap{

                background-size: auto 39%;
        background-position: right -100px bottom;


            }

            .speaker-event-content h1{


            font-size: 90px;
           line-height: 1em;


            }
            .contact-model-header h4 {
        font-size: 34px !important;
    }

            .welcome-panel h1{

                font-size: 86px; 
            }

            #top{

                height: 457px !important;
            }


            .responsive-img-content-panel h1{

                margin: 80px auto 0px;
                line-height: 79px;
                font-size: 69px;
            }
            
            .inquiry-modal-content .modal-header h4{
                
                font-size: 33px; 
                
            }

        }

        @media(max-width:375px){


    .ajaxload {

        width: 558px;

       }
            
            #searchcontainer #feeslider{
                
                width: 96%;
                
            }

            #top{

                height: 466px !important; 
            }

            .Request-speaker-panel h2{
                
                
                font-size: 39px; 
            }
            
        .speaker-event:before {
        border-left: 187px solid transparent !important;
        border-right: 187px solid transparent !important;

            }    

            .speaker-event-content h1{

                font-size: 87px;
                line-height: 1em;
            }
            .welcome-panel h1{

                padding: 0px 0px;
                font-size: 86px; 

            }
            
         /*   .has-feedback .form-control-feedback{
                
                
                line-height: 23px !important;
                
            }*/
            
            .inquiry-modal-body .form-control-feedback{
                
                
                top: 29px !important;
                
            }

            .speaker-event-wrap{


                background-size: auto 39%;
        background-position: right -100px bottom;


            }
            .responsive-img-content-panel h1{

                font-size: 73px;
                margin: 65px 0px 0px; 
            }
            
            ul.pagination .page-item .page-link, .pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link, ul.pager .page-item .page-link{
                
                padding: 0px 12px;
                line-height: 30px; 
                
            }



        }


        @media(max-width:360px){

            .ajaxload{

                width: 537px;
            }   

            .speaker-event::before {

        border-left: 180px solid transparent !important;
        border-right: 180px solid transparent !important;

    }

            .speaker-event-content h1{


                font-size: 85px; 

            }

            .contact-model-header h4 {
        font-size: 28px !important;
    }

            .welcome-panel h1{

                font-size: 75px;
                padding: 0px 16px;
            }
            .speaker-event-wrap{

                    background-size: auto 39%;
        background-position: right -110px bottom;


            }
            
               ul.pagination .page-item .page-link, .pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link, ul.pager .page-item .page-link{
                
                padding: 0px 11px;
                line-height: 28px; 
                
            }

        }


     @media(max-width:320px){

     .title-and-slogan-container{

     margin-top: 97px;

     }
         
          .Request-speaker-panel h2{
                
                
                font-size: 34px; 
            }
            

     .title-and-slogan-container h1{

     font-size:2.5em;

     }
   /*      
         .rc-anchor-normal .rc-anchor-checkbox-label{
             
             width: 94px !important;
             
         }
         
         
         .rc-anchor-normal{
             
             width: 243px !important; 
             
         }*/
         
 /*        .g-recaptcha div{
             
             width: 260px !important;
             
         }
         
         .g-recaptcha div iframe{
             
           width: 260px !important;
             
         }
         
         .rc-anchor-logo-img-portrait{
             
             margin: 0 13px 0 -26px !important;
             
         }
         */
         .Category-Span{
             
             padding: 0px 9px;
             font-size: 17px;
             
         }
         
         .Category-header{
             
             font-size: 44px; 
             
         }
         
         .responsive-img-content-panel{
             margin-top: 0px !important; 
             
         }

     .title-and-slogan-container small{


     font-size: 2.1em;

     }

         .ajaxload {
        width: 472px;
    }

           .speaker-event::before{

            border-left: 160px solid transparent !important;

    border-right: 160px solid transparent !important;
        }

         .welcome-panel h1{

             padding: 0px;
         }

         .speaker-event-content h1{

             font-size: 70px; 
         }

         
         .speaker-event-content h2{
             
             font-size: 3.3em;
             
         }

         #top{

             height: 357px !important; 

         }

         .responsive-img-content-panel h1{

             font-size: 62px;
             line-height: 61px;

         }
         .responsive-img-content-panel h6{

             padding: 0px 38px; 

         }
         
         ul.pagination .page-item .page-link, .pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link, ul.pager .page-item .page-link{
             
             padding: 0px 9px;

line-height: 22px;
             font-size: 14px; 
             
         }


     }