/*==========================
tab rotate 
===========================*/
@media (min-width: 992px) and (max-width: 1200px) {
    .header ul.navbar-nav > li > a {
        padding: 0 10px;
        font-size: 13px;
    }

    .banner-item .banner-content-wrap .banner-title {
        font-size: 60px;
    }

    .hero-area.centerd-item .banner-item {
        min-height: 650px;
    }

        .hero-area.centerd-item .banner-item:after {
            width: 500px;
            height: 500px;
        }

        .hero-area.centerd-item .banner-item .banner-content-wrap {
            padding: 50px 0;
        }

    .hero-area.content-left .banner-item {
        margin: 100px 20px 0;
    }

    .ts-speaker .speaker-img {
        width: 205px;
        height: 205px;
    }

    .speaker-classic .ts-title {
        font-size: 20px;
    }

    .speaker-shap {
        display: none;
    }

    h2 {
        line-height: 28px;
    }

    .ts-map .mapouter .gmap_canvas {
        width: 400px;
        height: 400px;
    }

    .ts-single-outcome {
        width: 210px;
        height: 210px;
    }

        .ts-single-outcome i {
            font-size: 60px;
            margin-bottom: 15px;
        }

    .social-box ul li a {
        margin-right: 0;
    }

    .post .post-body .entry-header .entry-title {
        font-size: 24px;
        line-height: 28px;
    }

    .ts-blog .post .post-body .entry-header .entry-title {
        font-size: 20px;
    }

    .ts-exp-wrap .ts-exp-content .column-title {
        font-size: 32px;
    }
}

/*==========================
tab device 
===========================*/
@media (min-width: 768px) and (max-width: 991px) {
    .section-title {
        margin-bottom: 50px;
    }

    .pl-0 {
        padding-left: 15px !important;
    }

    .ts-speakers,
    section {
        padding: 60px 0;
    }

    .navbar-light .navbar-toggler-icon {
        background-image: none;
    }

    .navbar-toggler {
        padding: 8px;
        cursor: pointer;
    }

    .navbar-toggler-icon {
        width: auto;
        height: auto;
    }

    .header .navbar {
        padding: 30px 0;
    }

    .header .navbar-light .navbar-toggler {
        background: #e7015e;
        color: #fff;
        border-color: #e7015e;
        position: absolute;
        right: 0;
    }

    .header ul.navbar-nav > li > a {
        line-height: 40px !important;
    }

        .header ul.navbar-nav > li > a i {
            float: right;
            padding-top: 12px;
        }

    .header ul.navbar-nav > li .dropdown-menu {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .header-classic {
        padding: 10px 0;
    }

    .header-transparent .navbar-toggler {
        background: #e7015e;
        color: #fff;
    }

    .header-transparent .navbar-nav {
        background: #222;
        padding: 20px 0;
    }

        .header-transparent .navbar-nav li .dropdown-menu li a {
            color: #fff !important;
        }

    .header.header-transparent.nav-border .navbar {
        padding: 10px 0;
    }

    .header ul.navbar-nav > li.header-ticket {
        padding: 0 15px;
    }

        .header ul.navbar-nav > li.header-ticket .ticket-btn {
            margin-left: 0;
        }

    .banner-img {
        display: none;
    }

    .banner-item {
        min-height: 700px;
    }

        .banner-item .banner-content-wrap .banner-title {
            font-size: 48px;
            line-height: 56px;
        }

    .hero-area.centerd-item .banner-item .banner-content-wrap .banner-title {
        font-size: 55px;
    }

    .hero-area.centerd-item .countdown .counter-item {
        width: 90px;
        height: 90px;
    }

        .hero-area.centerd-item .countdown .counter-item i {
            font-size: 90px;
            top: 6px;
            right: 0;
            margin: auto;
        }
    /*---- main slider-----*/
    .main-slider .banner-item .banner-content-wrap p.banner-title {
        margin-bottom: 25px;
    }

    .main-slider .owl-dots {
        bottom: 170px;
    }

    .hero-area.content-left .banner-item {
        margin: 0;
        min-height: inherit;
    }

        .hero-area.content-left .banner-item .banner-content-wrap {
            padding: 170px 0;
        }

    .hero-speakers .banner-item .banner-content-wrap {
        padding: 160px 0 0;
    }

    .hero-form-content {
        margin-top: 50px;
        margin-bottom: 60px;
    }

        .hero-form-content h2 {
            font-size: 30px;
        }

    .ts-count-down {
        margin: -115px 0;
    }

    .intro-video {
        margin: 50px auto;
        width: 500px;
        height: 500px;
    }

    .ts-intro-item {
        padding: 60px 0 40px;
    }

    .mb-70,
    .intro-left-content {
        margin-bottom: 50px;
    }

    .ts-intro.event-intro {
        padding-top: 80px;
    }

    .outcome-item {
        margin-bottom: 40px;
    }

    .ts-event-outcome {
        padding-bottom: 40px;
    }

        .ts-event-outcome .outcome-content {
            margin-bottom: 40px;
        }

    .ts-speakers {
        padding-bottom: 40px;
    }

    .speaker-classic .ts-speaker {
        margin-bottom: 40px;
    }

    .ts-schedule-info ul {
        margin-top: 50px;
        min-height: 215px;
    }

        .ts-schedule-info ul li a {
            position: relative;
            padding: 70px 0;
            width: 200px;
            height: 200px;
            margin: 0 8px;
        }

        .ts-schedule-info ul li:nth-child(1) a {
            left: 0;
            top: 0;
        }

        .ts-schedule-info ul li:nth-child(2) a {
            left: 0;
            top: 0;
        }

        .ts-schedule-info ul li:nth-child(3) a {
            left: 0;
            top: 0;
        }

    .ts-pricing-item {
        margin-top: 85px;
    }

    .ts-pricing {
        padding-bottom: 20px;
    }

    .pricing-item,
    .location-form {
        margin-bottom: 50px;
    }

    .speaker-shap {
        display: none;
    }

    .ts-funfact {
        padding: 60px 0 40px;
    }

    .ts-single-funfact {
        margin-bottom: 30px;
    }

    .ts-blog {
        padding-bottom: 40px;
    }

    .ts-map .mapouter .gmap_canvas {
        margin: auto;
    }

    .direction-tabs-content .contact-info-box {
        margin-bottom: 30px;
    }

    .ts-newsletter {
        padding: 40px 20px;
    }

    .schedule-tabs-item .schedule-listing-item.schedule-left {
        margin-top: 0;
    }
    /* Contact Page*/
    .single-contact-feature {
        margin-bottom: 30px;
    }

    .ts-sponsors .sponsors-logo {
        margin: 0px;
    }

    .page-banner-title {
        padding: 0 20px;
    }

        .page-banner-title h2 {
            font-size: 36px;
        }

    .post .post-body .entry-header .entry-title {
        font-size: 24px;
        line-height: 28px;
    }

    .about-intro-text {
        text-align: center !important;
        max-width: 500px;
        margin: auto auto 30px;
    }

    .about-video {
        margin: 0 0 30px;
    }

    .intro-content-text {
        margin-bottom: 40px;
    }

    .venue-img {
        margin-bottom: 30px;
    }

        .venue-img img {
            width: 100%;
        }

    .single-venue-content {
        margin-bottom: 40px;
    }

    .map-left .ts-map {
        margin-bottom: 40px;
    }

    .post-tags,
    .share-items {
        width: 100%;
        float: none !important;
        margin: 5px 0;
    }

    .ts-book-seat .book-seat-content .section-title {
        font-size: 36px;
    }

    .ts-sponsors.sponsors-border .sponsors-logo {
        padding: 0 15px;
    }

    .gallery-wrap .gallery-2 {
        margin: 0;
    }

    .gallery-wrap img {
        width: 100%;
    }

    .ts-footer.ts-footer-item .footer-menu,
    .ts-footer.ts-footer-item .ts-footer-social,
    .ts-footer.ts-footer-item .copyright-text.text-right {
        text-align: center !important;
    }

    .ts-footer.ts-footer-item .newsletter-form {
        margin-top: 40px;
    }

    .navbar-light .right-logo img {
        right: auto;
        width: 110px;
        left: 130px;
        top: 17px;
    }

    .banner-item {
        min-height: 280px;
    }

    .navbar-collapse ul.navbar-nav li.nav-item a {
        background: #fff;
        width: 100%;
        display: block;
        border-bottom: 1px solid #e7015e;
        margin: 0 0 0 0;
        padding: 7px 15px;
    }

    .navbar-collapse ul.navbar-nav li.nav-item {
        display: block;
        width: 100%;
        text-align: left;
    }

    .navbar-collapse {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        display: none;
        z-index: 999;
        margin: 60px 0 0 0;
    }

        .navbar-collapse.show {
            display: block;
        }

    .navbar-light .left-logo img {
        width: 110px;
    }

    .header.sticky {
        background: #fff;
        padding: 34px 0;
        box-shadow: 0 0 20px 0 #0000001c;
    }

        .header.sticky.fade_down_effect img {
            box-shadow: 0 0 20px 0 #00000008;
        }

    .navbar-light .left-logo img {
        top: 17px;
    }

    .header.sticky .navbar-light .left-logo img {
        top: -23px;
    }

    .header.sticky .navbar-light .right-logo img {
        top: -22px;
    }

    .header.sticky ul.navbar-nav li.nav-item a {
        color: #000;
    }

    .schedule-listing .schedule-slot-time {
        font-size: 10px;
    }
}
@media (max-width: 768px) {
    .navbar-light .right-logo img {
        right: auto;
        width: 110px;
        left: 130px;
        top: 17px;
    }

    .banner-item {
        min-height: 280px;
    }

    .navbar-collapse ul.navbar-nav li.nav-item a {
        background: #e7015e;
        width: 100%;
        display: block;
        border-bottom: 1px solid #fff;
        margin: 0 0 0 0;
        padding: 7px 15px;
        color: #fff;
    }
    .navbar-collapse ul.navbar-nav li.nav-item {
        display: block;
        width: 100%;
        text-align: left;
    }

    .navbar-collapse {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        display: none;
        z-index: 999;
        margin: 60px 0 0 0;
    }

        .navbar-collapse.show {
            display: block;
        }

    .navbar-light .left-logo img {
        width: 110px;
    }

    .header.sticky {
        background: #fff;
        padding: 34px 0;
        box-shadow: 0 0 20px 0 #0000001c;
    }

        .header.sticky.fade_down_effect img {
            box-shadow: 0 0 20px 0 #00000008;
        }

    .navbar-light .left-logo img {
        top: 17px;
    }

    .header.sticky .navbar-light .left-logo img {
        top: -23px;
    }

    .header.sticky .navbar-light .right-logo img {
        top: -22px;
    }

    .header.sticky ul.navbar-nav li.nav-item a {
        color: #ffffff;
    }
}
    /*==========================
small device /mobile sm and large
===========================*/
    @media (max-width: 767px) {
        .mb-100 {
            margin-bottom: 50px;
        }

        .btn {
            font-size: 14px;
        }

        h2 {
            line-height: 28px;
        }

        .pl-0 {
            padding-left: 15px !important;
        }

        .navbar-light .navbar-toggler-icon {
            background-image: none;
        }

        .header.header-transparent.nav-border .navbar {
            padding: 10px 0;
        }

        .header .navbar-light .navbar-toggler {
            background: #e7015e;
            color: #fff;
            border-color: #e7015e;
            position: absolute;
            right: 0;
        }

        .header ul.navbar-nav > li > a {
            line-height: 40px !important;
        }

            .header ul.navbar-nav > li > a i {
                float: right;
                padding-top: 12px;
            }

        .header ul.navbar-nav > li .dropdown-menu {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .header-classic {
            padding: 10px 0;
        }

        .navbar-nav {
            padding: 20px 0;
        }

        .navbar-toggler {
            padding: 8px;
            cursor: pointer;
        }

        .navbar-toggler-icon {
            width: auto;
            height: auto;
        }

        .navbar-brand img {
            max-width: 130px;
        }

        .header-transparent .navbar-toggler {
            background: #e7015e;
            color: #fff;
        }

        .header-transparent .navbar-nav {
            background: #222;
            padding: 20px 0;
        }

        .header-transparent .dropdown-menu {
            background: transparent;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            padding: 10px 25px;
        }

            .header-transparent .dropdown-menu li a {
                color: #fff !important;
            }

        .header ul.navbar-nav > li.header-ticket {
            padding: 0 15px;
        }

            .header ul.navbar-nav > li.header-ticket .ticket-btn {
                margin-left: 0;
            }

        .banner-img {
            display: none;
        }

        .banner-item {
            min-height: 550px;
        }

            .banner-item .banner-content-wrap {
                padding: 30px 0 10px;
            }

                .banner-item .banner-content-wrap p.banner-info {
                    font-size: 11px;
                }

                .banner-item .banner-content-wrap h1.banner-title {
                    font-size: 17px;
                    margin-bottom: 35px;
                    line-height: 30px;
                }

                .banner-item .banner-content-wrap .countdown {
                    margin-bottom: 40px;
                }

                    .banner-item .banner-content-wrap .countdown .counter-item {
                        margin-bottom: 20px;
                    }

                .banner-item .banner-content-wrap .banner-btn .btn {
                    margin-bottom: 15px;
                    margin-right: 15px;
                }

                    .banner-item .banner-content-wrap .banner-btn .btn.fill {
                        margin-left: 0;
                    }

        .hero-area.centerd-item .banner-item {
            min-height: 650px;
        }

            .hero-area.centerd-item .banner-item:after {
                width: 300px;
                height: 300px;
            }

            .hero-area.centerd-item .banner-item .banner-content-wrap {
                padding: 50px 0;
            }

                .hero-area.centerd-item .banner-item .banner-content-wrap .banner-title {
                    font-size: 38px;
                    line-height: 48px;
                }

            .hero-area.centerd-item .banner-item .countdown {
                margin-bottom: 30px;
            }

        .main-slider .banner-item {
            min-height: 135px;
        }

            .main-slider .banner-item .banner-content-wrap p.banner-desc {
                padding: 0;
            }

            .main-slider .banner-item .banner-content-wrap h1.banner-title {
                margin-bottom: 15px;
            }

        .main-slider .owl-dots {
            bottom: 5px;
        }

        .ts-count-down .countdown {
            padding-bottom: 30px;
        }

            .ts-count-down .countdown .counter-item {
                width: 50%;
                padding-bottom: 0;
            }

                .ts-count-down .countdown .counter-item span {
                    font-size: 50px;
                }

                .ts-count-down .countdown .counter-item b {
                    right: -10px;
                }

                .ts-count-down .countdown .counter-item:nth-of-type(2) b {
                    display: none;
                }

        .hero-area.content-left .banner-item {
            margin: 0;
            min-height: inherit;
        }

            .hero-area.content-left .banner-item .banner-content-wrap {
                padding-bottom: 75px;
            }

        .hero-speakers .banner-item .banner-content-wrap {
            padding: 160px 0 0;
        }

        .hero-form-content {
            margin-top: 50px;
            margin-bottom: 60px;
        }

            .hero-form-content h2 {
                font-size: 30px;
            }

        .ts-intro {
            padding: 60px 0;
        }

            .ts-intro .single-intro-text.mb-70 {
                margin-bottom: 40px;
            }

            .ts-intro .intro-video {
                width: 100%;
                height: auto;
                margin: 30px 0;
                border-radius: 0;
            }

        .intro-left-content {
            margin-bottom: 40px;
        }

        .ts-intro-item .col-lg-6:last-of-type .single-intro-text {
            margin-bottom: 0;
        }

        section.p-60 {
            padding: 30px 0;
        }

        .ts-intro.event-intro {
            padding-top: 20px;
        }

        .ts-intro-outcome {
            padding-top: 30px;
            padding-bottom: 0px;
        }

            .ts-intro-outcome .ts-single-outcome {
                margin: auto auto 30px;
            }

        .ts-event-outcome {
            padding-bottom: 40px;
        }

        .outcome-content {
            margin-bottom: 40px;
        }

            .outcome-content .outcome-img img {
                width: 100%;
            }

        .ts-funfact {
            padding: 60px 0 40px;
        }

        .ts-single-funfact {
            padding-right: 0;
            text-align: center;
            margin-bottom: 30px;
        }

            .ts-single-funfact:before {
                margin: auto;
                right: 0;
            }

        .ts-pricing-item {
            margin-top: 80px;
        }

        .ts-pricing {
            padding-bottom: 30px;
        }

            .ts-pricing.classic .ts-pricing-item {
                -webkit-box-shadow: 0.799px 0 40px 0px rgba(0, 0, 0, 0.1);
                box-shadow: 0.799px 0 40px 0px rgba(0, 0, 0, 0.1);
            }

        .ts-sponsors .sponsors-logo {
            margin: 0;
            min-height: 100px;
        }

        .ts-sponsors.sponsors-border {
            padding: 40px 0;
        }

        .ts-speakers,
        section,
        .ts-intro-item {
            padding: 60px 0;
        }

        .ts-speakers {
            padding-bottom: 30px;
        }

        .section-title,
        .column-title {
            margin-bottom: 0px;
            font-size: 30px;
            line-height: 35px;
        }


        .column-title,
        .pricing-item {
            margin-bottom: 35px;
        }

        .speaker-shap {
            display: none;
        }

        .ts-exp-wrap {
            min-height: 440px;
        }

            .ts-exp-wrap .ts-exp-content {
                padding: 60px 45px;
            }

        .ts-schedule-info {
            margin-top: 40px;
            margin-bottom: 40px;
        }

            .ts-schedule-info ul {
                min-height: 150px;
            }

                .ts-schedule-info ul li a {
                    width: 100px;
                    height: 100px;
                    padding: 35px 0;
                }

                    .ts-schedule-info ul li a h3 {
                        font-size: 15px;
                        margin-bottom: 0;
                    }

                    .ts-schedule-info ul li a span {
                        text-transform: capitalize;
                        font-size: 12px;
                    }

                .ts-schedule-info ul li:nth-child(1) a {
                    top: 30px;
                }

                .ts-schedule-info ul li:nth-child(2) a {
                    left: 76px;
                }

                .ts-schedule-info ul li:nth-child(3) a {
                    top: 30px;
                    left: 160px;
                    right: auto;
                }

        .schedule-listing {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .schedule-listing .schedule-slot-time {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%;
                padding: 20px 35px;
            }

            .schedule-listing .schedule-slot-info {
                padding: 35px 40px 35px 35px;
                border-left: 1px dashed #e5e5e5;
            }

                .schedule-listing .schedule-slot-info .schedule-slot-speakers {
                    display: none;
                }

        .schedule-listing-btn {
            margin-top: 0px;
            margin-bottom: 20px;
        }
        .ts-schedule-nav {
            margin-bottom: 40px;
        }

            .ts-schedule-nav ul li a {
                display: inline-block;
                padding: 20px 20px;
                margin: 5px 0;
            }

        .schedule-tabs-item .schedule-listing-item:before, .schedule-tabs-item .schedule-listing-item:after {
            display: none;
        }

        .schedule-tabs-item .schedule-listing-item.schedule-left {
            margin-top: 0;
            padding: 0px 110px 20px 0;
        }

        .schedule-tabs-item .schedule-listing-item.schedule-right {
            padding: 0px 20px 0px 110px;
            margin-bottom: 30px;
        }

        .schedule-tabs-item .schedule-listing-item .schedule-slot-speakers {
            top: 5px;
        }

        .ts-blog {
            padding-bottom: 40px;
        }

            .ts-blog .post .post-body .entry-header .entry-title {
                font-size: 20px;
                margin-bottom: 10px;
            }

        .ts-map .mapouter {
            margin: 40px 0 0;
        }

            .ts-map .mapouter .gmap_canvas {
                width: 100%;
                height: 340px;
                border-radius: 0;
            }

        .ts-newsletter {
            padding: 40px 20px;
        }

        .newsletter-form {
            padding: 0 20px;
        }

        .ts-footer {
            padding: 290px 0 60px;
        }

            .ts-footer.ts-footer-item .newsletter-form {
                margin-top: 40px;
            }

            .ts-footer.ts-footer-item .footer-menu,
            .ts-footer.ts-footer-item .ts-footer-social {
                text-align: center;
            }

            .ts-footer.ts-footer-item .copyright-text.text-right {
                text-align: center !important;
            }

        .ts-submit-btn .btn {
            padding: 0 15px;
            font-size: 14px;
        }

        .footer-menu ul li a {
            display: inline-block;
            margin: 5px 20px;
        }

        .post .post-meta {
            margin-bottom: 10px;
        }

        .post .entry-title {
            line-height: 28px;
            margin-bottom: 10px;
        }

        .post .post-body .entry-header .entry-title {
            font-size: 22px;
        }
        /*-- about ---*/
        .ts-about-intro {
            padding-bottom: 40px;
        }

        .about-intro-text {
            text-align: left !important;
            margin: 30px 0;
        }

        .about-video {
            margin: 10px 0;
        }
        /* Contact Page*/
        .single-contact-feature {
            margin-bottom: 30px;
        }
        /* 404 page */
        .error-page .error-code h2 {
            font-size: 100px;
            margin-bottom: 0px;
        }
        /* Speaker 2 */
        .speaker-II .ts-speaker .speaker-img {
            width: 265px;
            height: 265px;
        }

        .page-banner-area {
            min-height: 300px;
        }

        .page-banner-title {
            padding: 0 20px;
        }

            .page-banner-title h2 {
                font-size: 36px;
            }

        .ts-grid-item .grid-item:last-of-type {
            margin-bottom: 0;
        }

        .ts-gallery .gallery-wrap img {
            width: 100%;
        }

        .ts-gallery .gallery-2 {
            margin: 0;
        }

        .faq-item .faq-list h4 a {
            height: auto;
            line-height: 26px;
            padding: 15px 30px 15px 20px;
        }

            .faq-item .faq-list h4 a:before {
                top: 12px;
            }

        .asq-form {
            margin: 30px 0;
        }

        .social-box {
            padding: 20px;
        }

            .social-box ul li a {
                margin-right: 0;
            }

        .widget:last-of-type {
            margin-bottom: 0;
        }

        .intro-content-text {
            margin-bottom: 30px;
        }

        .venue-img {
            margin-bottom: 30px;
        }

            .venue-img img {
                width: 100%;
            }

        .single-venue-content {
            margin-bottom: 40px;
        }

        .ts-venue-feature {
            padding-bottom: 40px;
        }

        .map-left .ts-map .mapouter {
            margin: 0 0 40px;
        }

        .ts-book-seat .book-seat-content .section-title {
            font-size: 28px;
        }

        .blog-details .entry-header {
            padding: 0;
        }

            .blog-details .entry-header .entry-title {
                font-size: 24px;
            }

        .blog-details .post-content {
            margin: 30px 0;
        }

        .blog-details .post-single .post-body {
            padding: 0;
        }

        .blog-details .post-tags {
            width: 100%;
        }

            .blog-details .post-tags a {
                margin-bottom: 10px;
            }

        .blog-details .share-items {
            float: none !important;
            width: 100%;
            display: block;
        }

        .author-box {
            padding: 20px;
        }

            .author-box img {
                width: 50px;
                height: 50px;
                margin-right: 15px;
            }

            .author-box .author-info p {
                padding-left: 65px;
            }

        .comments-reply {
            margin-left: 0;
        }

        .ts-map-tabs ul li a {
            font-size: 14px;
            margin-right: 0;
        }

        .direction-tabs-content .contact-info-box {
            margin-bottom: 30px;
        }


        .navbar-light .left-logo img {
            top: 7px;
            width: 60px;
        }
        .navbar-light .right-logo img {
            width: 60px;
            left: 80px;
            top: 8px;
        }
        .header .navbar {
            padding: 37px 0;
        }
        .navbar-collapse {
            margin: 52px 0 0 0;
        }
        .header.sticky.fade_down_effect img {
            width: 60px;
        }
        .header.sticky .navbar-light .left-logo img {
            top: -29px;
        }
        .header.sticky .navbar-light .right-logo img {
            top: -28px;
        }
        .schedule-listing .schedule-slot-info .schedule-slot-title {
            font-size: 20px;
            color: white;
        }
        .schedule-listing .schedule-slot-info p {
            margin-bottom: 0;
            color: white;
            font-size: 14px;
        }
    }