Google

Edit File: responsive.css

/* Variables */
/*==========================
tab rotate 
===========================*/
@media (max-width: 1200px) {
  .header ul.navbar-nav > li > a {
    font-size: 14px;
    height: auto;
    padding: 0 22px;
  }
  .header.header-transparent ul.navbar-nav > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .mr-contact {
    margin: 0 15px;
  }

.watermark-title {
    font-size: 180px;
  }

.title-bg .watermark-title {
    top: -85px;
  }

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

.hero-content-wrapper {
    width: 70%;
  }

.video-popup-btn {
    right: 4%;
  }

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

.category-item .content .ts-title {
    font-size: 24px;
  }

.banner-info .content ul li {
    width: 100%;
    margin-bottom: 30px;
  }

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

.speaker-shap {
    display: none;
  }

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

.category-item .icon {
    margin-right: 20px;
    height: auto;
  }
}
@media (max-width: 1024px) {
  .category-item .icon {
    padding: 24px 30px;
  }
  .category-item .content .ts-title {
    font-size: 16px;
  }
}
/*==========================
tab device 
===========================*/
@media (max-width: 991px) {
  .header,
  .header .navbar,
  .body-inner {
    padding: 0;
  }
  .container, .container-md, .container-sm {
    width: 100%;
    max-width: inherit;
  }
  .ts-contact .single-contact-feature{min-height: auto;}
  .dropdown-menu.show {
    display: block;
  }
  .footer{padding-left: 15px;padding-right: 15px;}
  .section-title {
    margin-bottom: 50px;
  }

.banner-title {
    font-size: 36px;
    line-height: 38px;
  }

.section-heading {
    font-size: 36px;
    line-height: 38px;
  }

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

.pr-160 {
    padding-right: 0px;
  }

.ml-60 {
    margin-left: 0px;
  }

.ml-200 {
    margin-left: 0px;
  }

.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 ul.navbar-nav > li > a {
    line-height: 40px !important;
    color: #fff !important;
  }
  .header ul.navbar-nav > li > a i {
    float: right;
    padding-top: 12px;
  }
  .header ul.navbar-nav > li .dropdown-menu {
    background: #FFF;
    box-shadow: none;
  }

.header-classic {
    padding: 10px 0;
  }
  .header.header-transparent .navbar-brand{
    margin-left: 15px;
  }
  .header-transparent .navbar-toggler {
    background: #CB3931;
    color: #fff;
    padding: 8px 13px;
    outline: none;
    margin-right: 15px;
    width: 48px;
  }
  button.navbar-toggler[aria-expanded='true'] .navbar-toggler-icon i.icon.icon-menu:before{content: "\f00d"; font-family: 'Font Awesome 5 Free';}
  .header-transparent .navbar-toggler .navbar-toggler-icon .icon-menu:before{    font-weight: 800;}
  .header-transparent .navbar-nav {
    background: #222;
    padding: 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;
    display: none;
  }
  .header ul.navbar-nav > li.header-ticket .ticket-btn {
    margin-left: 0;
  }

.hero-content-wrapper .hero-content {
    padding-left: 130px;
  }

.banner-img {
    display: none;
  }

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

.category-item .icon {
    padding: 25px 30px;
  }

.single-item {
    margin-bottom: 30px;
  }

.business-conference {
    padding-bottom: 60px;
  }

.business-event-area .info-box .box-content.color-violet {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 15px;
  }

.business-event-area .info-box .box-content.color-sin {
    margin-left: 0px;
    margin-bottom: 0px;
  }

.ts-speaker .speaker-img {
    width: auto;
    height: auto;
  }

.hero-content-wrapper {
    width: 100%;
    padding-right: 100px;
  }

.video-background {
    display: none;
  }

.video-popup-btn {
    display: none;
  }
  .hero-area{height: auto;}
  .hero-area:before{bottom: 9px;}
  .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;
    max-width: initial;
  }

.speaker-shap {
    display: none;
  }

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

.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-wrap {
    padding-bottom: 0;
  }
  .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;
  }
  .header.sticky.fade_down_effect,
  .header.sticky .navbar{
    padding: 0;
  }
  
  .header .navbar-collapse {
    max-height: auto;
    max-width: none;
    overflow: hidden;
    float: none !important;
    width: 100% !important;
    padding: 0px;
    border: 0;
    position: absolute;
    top: 112px;
    z-index: 2;
  }
  
  body.home .menu1 li.activeHome::before, body.home .menu1 li.activeHome::after, body.aboutUs li.activeAbout::before, body.aboutUs li.activeAbout::after, body.client li.activeClient::before, body.client li.activeClient::after, body.contact li.activeContact::before, body.contact li.activeContact::after, body.galleryBody li.activeGallery::before, body.galleryBody li.activeGallery::after, body.services li.activeServices::before, body.services li.activeServices::after{display: none;}

.header .navbar-nav {
    position: static;
    margin: 0px;
  }

.ts-map-direction .column-title {
    padding-top: 60px;
  }
  /* .ts-sponsors .sponsors-wrap{overflow: hidden;} */
  .customSld .owl-nav{margin-top: 20px;}

.sectionWhoWeAre .section-title-image-area {
    margin-bottom: 20px;
  }
}
/*==========================
Ipad Portrait
===========================*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
  .sectionWhoWeAre .col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  section{padding: 50px 0 !important;}
  
  .splitGridSponser{padding-left: 15px;}
  .splitGridSponser:last-of-type{padding-right: 15px;}
  .ts-sponsors.ourPartners .sponsors-wrap .wrapGrid .sponsors-logo, .ts-sponsors.ourClients .sponsors-wrap .wrapGrid .sponsors-logo {
    margin: 0;
    min-height: auto;
  }
  section.business-conference.businessServices .innerDivCarousel{
    right: -25px;
    bottom: -200px;
    left:inherit;
  }
  .ourMissionSection .aboutOverlayPatch{right: 15px;}
  .ts-sponsors.ourClients .right-bottom-dashed::before{height: calc(100% - 0px);}
  .ts-sponsors.collaborationSection .sponsors-wrap {
    padding-bottom: 30px;
  }
  .visionSection, .ourMissionSection  {padding-bottom: 0 !important;}
  .ourMissionSection {
    background-color: #F8F8F8;
  }
  .visionSection .aboutOverlayPatch,.ourMissionSection .aboutOverlayPatch{
    position: relative;
    margin: auto;
    padding:0 15px 30px;
  }
  .videoSection .container .row{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin: auto;
  }
  .videoSection .container .row .videoGrid{
    margin-left: 65px;
    margin-bottom: 50px;
  }
  .videoSection .container .row .videoGrid:nth-child(n+3){
    margin-bottom: 0;
  }
  .appShowcase.ts-sponsors .pinnacleDevice {
    left: 0;
    margin: auto;
    top: 50px;
    padding-bottom: 50px;
  }
  .visionSection.cfcm .aboutOverlayPatch{
    margin-top: -50px;
    bottom: 0;
  }
  .visionSection .aboutOverlayPatch .title-area:before,
  .ourMissionSection .aboutOverlayPatch .title-area:before
  {
    left: -15px;
    top: -15px;
    transform: none;
  }
  .ts-sponsors.ourPartners .sponsors-wrap .wrapGrid .sponsors-logo, .ts-sponsors.ourClients .sponsors-wrap .wrapGrid .sponsors-logo {
    margin: 0;
    min-height: auto;
  }
  .logoGallery.ts-sponsors .pinnaclesContent{height: 524.53px;}
  .appShowcase.ts-sponsors{margin-top: 0;}
  .appShowcase.ts-sponsors .pinnaclesContent{margin: 0 auto;}
  .appShowcase.ts-sponsors .pinnaclesContent h2.sub-title{font-size: 34px;line-height: 40px;}
  .ourContactDetails .contactAddressBlock{
    margin-right: 0;
    margin-left: 0;
    background-color: #FFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 35px;
    overflow: hidden;
  }
  .contactAddressBlock .contactAddressImg,.contactAddressBlock .contactAddressContent {
    padding: 0;
    margin: 0;
    width: calc(100% /2);
    box-shadow: none;
    overflow: hidden;
  }
  .footerLinks .footer-widget {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 35px;
  }
  .footer-widget .appIcons ul li {
    margin-bottom: 20px;
  }
  .footerLinks .footer-widget:last-of-type .widget-title {
    display: none;
  }
  .footer-widget .footer-link li:last-child {
    margin-bottom: 0;
  }
  .footerLinks .footer-widget:first-of-type .footer-link {
    margin-bottom: 10px;
  }
}
/*==========================
Ipad Landscape
===========================*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .header{
      padding: 0 40px;
    }
    .header.sticky.fade_down_effect{padding: 7px 30px;}
    .header .navbar{
      padding: 10px 0 0;
    }
    .header ul.navbar-nav > li > a {
      font-size: 12px;
      height: auto;
      padding: 0 12px;
      line-height: 15px;
  }
  .pinnaclesContentDevice {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  .footer-widget .appIcons ul li i:before {
    width: 98px;
    background-size: contain;
    height: 30px;
  }
  .header ul.navbar-nav > li:first-of-type > a{padding-left: 0;}
  .header ul.navbar-nav > li:last-of-type > a{padding-right: 0;}
  .contactAddressBlock .contactAddressContent .contactAddressDetails{min-height: 340px;}
  .ourMissionSection {
    background-color: #F8F8F8;
  }
  .videoSection .videoGrid{width: 228px;}
  .videoSection .videoGrid .videoMask{width: 100%;height: 290px;}
  .videoSection .videoGrid .title-area .sub-title{margin-bottom: 10px;font-size: 17px;}
}
/*==========================
small device /mobile sm and large
===========================*/
@media (max-width: 767px) {
  .breadcrumbSection {height: 140px;}
  .breadcrumbSection .bracdcrumbBlocks{padding-top: 70px;}
  .ts-sponsors .sponsor-title{
    margin-bottom: 20px;
  }
  .breadcrumbSection .bracdcrumbBlocks .section-title-area .breadcrumbNav > ul > li > a{font-size: 14px;}
  .breadcrumbSection .bracdcrumbBlocks .section-title-area h1.sub-title{font-size: 20px;margin-bottom: 0;line-height: 26px;}
  .appShowcase.ts-sponsors .pinnaclesContent h2.sub-title {
    font-size: 28px;
    line-height: 34px;
  }
  .videoSection .videoGrid {width: calc(100% / 2 - 22px); margin-left: 14px !important; margin-bottom: 19px; border-radius: 10px;  }
  .videoSection .videoGrid:nth-child(n+3){margin-bottom: 0;}
  .videoSection .videoGrid .videoMask { width: 100%; height: 220px; background-size: cover;}
  
  .videoSection .videoGrid .title-area .sub-title{min-height: auto;font-size: 15px;line-height: 21px;}
  .videoSection .videoGrid .videoMask:before {height: 70%; bottom: 0; left: -1px; width: 101%; background-size: cover; }
  .videoSection .videoGrid .title-area .customBtnDouble{font-size: 14px;padding: 13px 30px;}
  .appShowcase.ts-sponsors .pinnacleDevice{left: 0; margin: auto;top: -40px !important;padding-bottom: 0;}
  .appShowcase.ts-sponsors .pinnaclesContent .appIcons i:before{width: 120px !important;height: 36px !important;}
  #scroll-downScroll{display: none;}
  .footer-widget p{margin-bottom: 0;}
  .footer-widget .appIcons ul{justify-content: flex-start;}
  .lastFooterLink .footer-widget:last-of-type { margin-top: 0; padding-bottom: 30px; }
  /* Predifine */
  .body-inner {
    padding: 0;
  }
  .sectionWhoWeAre .col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .cfcmSection .servicesOverlayPatch.sortOrder2,
  .pinnacleFoodsSection .servicesOverlayPatch.sortOrder2 {
    margin-top: 35px;
    order: 2;
  }
  section.business-conference.businessServices{padding-bottom: 30px;}
  .sectionWhoWeAre .section-title-image-area.mobileMB{margin-bottom: 0;}
  .sectionWhoWeAre .section-title-image-area {
    margin-bottom: 20px;
  }
  section.business-conference.businessServices .section-title-area {
    margin: 0;
      text-align: justify;
  }
  .businessServices .about-video{overflow: hidden;}
  section.business-conference.businessServices .innerDivCarousel {
      background: url(img/innerBG.png) no-repeat;
      position: relative;
      left: -4px;
      margin-top: -160px;
      bottom: inherit;
      z-index: 1;
      width: 104%;
      height: auto;
      background-size: cover;
      background-position: bottom;
  }
  section.business-conference.businessServices
  .splitGridSponser{
    width: calc((100% / 1));
    padding-right: 0;
    padding-bottom: 40px;
    margin-bottom: 50px;
  }
  .splitGridSponser:last-of-type{
    padding-bottom: 0;
    padding-left: 0;
  }
  .ts-sponsors.ourClients .right-bottom-dashed::before{
    content: '';
    position: absolute;
    top: inherit;
    bottom: 25px;
    right: inherit;
    left: 0;
    height: .5px;
    width: 100%;
    background-color: #ddd;
  }
  .ts-sponsors.ourPartners .sponsors-wrap .wrapGrid .sponsors-logo, .ts-sponsors.ourClients .sponsors-wrap .wrapGrid .sponsors-logo {
    margin: 0;
    min-height: auto;
  }
  
  .ts-sponsors.ourClients .sponsors-wrap,
  .ts-sponsors.ourPartners .sponsors-wrap{padding: 0; overflow: inherit;margin: 0;}
  .ts-sponsors.ourClients .sponsors-wrap .row .customBtnDouble,
  .ts-sponsors.ourPartners .sponsors-wrap .row .customBtnDouble{margin: 0;}
  .ts-sponsors.ourClients{padding: 50px 0;}
  .ts-sponsors.ourClients .splitGridSponser{width: 100%;padding: 0 15px;}
  .ts-sponsors.ourClients .right-bottom-dashed{padding-bottom: 60px;}
  .ts-sponsors.collaborationSection .sponsors-wrap .wrapGrid,
  .logoGallery.ts-sponsors .sponsors-wrap .wrapGrid {
    width: calc(100%/2);}
    
    .ts-sponsors.collaborationSection .sponsors-wrap {
      margin: 0;overflow: inherit;
  }
  section.business-conference.businessServices .customView-btn{margin-bottom: 50px;}
  .ts-sponsors .sponsors-wrap .row .customView-btn{margin-top: 35px;}
  .visionSection .aboutOverlayPatch,
  .ourMissionSection .aboutOverlayPatch {
    position: relative;
    width: 100%;
    bottom: inherit;
    box-shadow: none;
    padding: 0 0 30px;
  }
  .visionSection .col-lg-6.col-md-6.col-sm-12:last-of-type .aboutOverlayPatch{padding-bottom: 0;}
  .visionSection .aboutOverlayPatch .title-area, .ourMissionSection .aboutOverlayPatch .title-area{text-align: left !important;}
  .visionSection .aboutOverlayPatch .title-area:before,
  .ourMissionSection .aboutOverlayPatch .title-area:before
  {
    left: -15px;
    top: -15px;
    transform: none;
  }
  .ourMissionSection {
    background-color: #F8F8F8;
  }
  .visionSection.cfcm .aboutOverlayPatch{bottom: 0;}
  img {
    width: 100%;
  }
  .header.header-transparent .navbar-brand img {
    vertical-align: top;
    width: 100px;
  }
  .logoGallery.ts-sponsors{padding: 35px 0;}
  .logoGallery.ts-sponsors .pinnaclesContent{width: 100%;}
  .logoGallery.ts-sponsors .pinnaclesContent {
    width: fit-content;
    height: auto;
    padding: 90px 20px;
    left: 0;
    background-size: cover;
    background-position: center center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  section.appShowcase.ts-sponsors{margin-top: 30px;}
  .appShowcase.ts-sponsors .pinnacleDevice {
    position: relative;
    top: 50px;
    padding-bottom: 50px;
  }
  .appShowcase.ts-sponsors .pinnaclesContent .appIcons ul li:last-of-type{margin-right: 0;}
  .ts-contact .single-contact-feature{min-height: auto;}
  .ourContactDetails .contactAddressBlock{margin-bottom: 30px;}
  .contactAddressBlock .contactAddressContent .contactAddressDetails{min-height: auto;}
  .ourContactDetails .col-lg-4:last-of-type .contactAddressBlock{margin-bottom: 0;}
  /* Header Area Start */
  .header .navbar {
    padding: 0;
  }

.header.header-transparent ul.navbar-nav > li > a {
    color: #fff;
  }

.header.header-transparent {
    padding: 0px;
  }
  .header.header-transparent .navbar-brand {
    padding: 7px 0;
    margin-left: 15px;
  }

.header.sticky.fade_down_effect {
    padding: 0;
  }
  .header.sticky .navbar{
    padding: 0;
  }
  /* Header Area End */
  /* Hero Area Start */
  .hero-area {
    overflow: hidden;
    margin-bottom: 0;
   height: 30vh;
    position: relative;
  }
  .hero-area:before{
    display: block;
    bottom: 9px;
  }

.banner-title {
    font-size: 36px;
    line-height: 38px;
  }

.section-heading {
    font-size: 24px;
    line-height: 28px;
  }
  .section-heading span{
    font-size: 24px;

}
  .title-area p {
    font-size: 16px;
    text-align: justify;
    line-height: 30px;
    }
  /* .home .business-event-area .section-heading {
    font-size: 36px;
    line-height: 65px;
  } */
  .md {
    font-size: 36px;
    line-height: 1em;
  }

.watermark-title {
    font-size: 130px;
  }

.title-bg .watermark-title {
    position: absolute;
    top: -82px;
    left: 0;
    z-index: -1;
  }
  .section-title-area p:last-child {
    margin-bottom: 15px;
  }
  .hero-area .container-fluid {
    padding: 0;
  }

.hero-content-wrapper {
    width: 100%;
    display: block;
    padding-top: 120px;
    padding-right: 0;
  }
  .hero-content-wrapper .hero-content {
    padding-top: 0;
    padding-left: 30px;
  }
  .hero-content-wrapper .title-section-area {
    max-width: 100%;
  }
  .hero-content-wrapper .title-section-area p {
    width: 100%;
    margin-bottom: 45px;
  }
  .hero-content-wrapper .title-section-area .sub-title {
    transform: rotate(0);
    top: -58px;
    left: 72px;
  }
  .hero-content-wrapper .title-section-area .sub-title::before {
    top: 24px;
  }
  .hero-content-wrapper .button-and-social-area {
    padding-bottom: 65px;
    display: block;
  }
  .hero-content-wrapper .button-and-social-area .register-btn {
    margin-bottom: 30px;
  }
  .hero-content-wrapper .button-and-social-area .social-icons {
    margin-left: 0;
  }
  .hero-content-wrapper .banner-info-meta {
    padding-bottom: 40px;
  }
  .hero-content-wrapper .banner-info-meta li {
    margin-right: 0;
    display: block;
  }

.video-background {
    display: none;
  }

.video-popup-btn {
    display: none;
  }

.dropdown-menu.show {
    display: block;
  }

.mb-100 {
    margin-bottom: 50px;
  }

.btn {
    font-size: 14px;
  }

h2 {
    line-height: 28px;
  }

p {
    margin-bottom: 0;
  }

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

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

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

.header ul.navbar-nav > li > a{font-size: 14px;height: auto;}
  .header ul.navbar-nav > li > a i {
    float: right;
    padding-top: 12px;
  }
  .header ul.navbar-nav > li .dropdown-menu {
    box-shadow: none;
  }
  .header.h-transparent2 .navbar.navbar-light ul.navbar-nav > li > a {
    color: #fff;
    text-align: left;
  }
  .header.h-transparent2 .navbar.navbar-light ul.navbar-nav > li > a i {
    float: right;
    padding-top: 12px;
  }

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

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

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

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

.header-transparent .navbar-nav {
    background: #222;
    padding: 0;
  }
  .header-transparent .dropdown-menu {
    background: transparent;
    box-shadow: none !important;
    padding: 10px 25px;
  }
  .header.header-transparent ul.navbar-nav > li{border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
  .header-transparent .dropdown-menu li a {
    color: #fff !important;
    padding: 0 20px;
  }

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

.pd-120 {
    padding: 0 60px !important;
  }

.pr-160 {
    padding-right: 0;
  }

.ml-60 {
    margin-left: 0px;
  }

.ml-200 {
    margin-left: 0px;
  }

.p-70 {
    padding-bottom: 0px;
  }

.business-event-area {
    padding:50px 0;
  }
  .business-event-area .info-box {
    display: block;
  }
  .business-event-area .info-box .box-content.color-violet {
    margin: 0;
    margin-bottom: 30px;
  }
  .business-event-area .info-box .box-content.color-sin {
    margin: 0;
  }

.business-conference {
    margin: 0 0px;
    padding-bottom: 60px;
  }

.single-item {
    margin-bottom: 30px;
  }

.category-item {
    padding-top: 30px;
    text-align: center;
  }
  .category-item .icon {
    float: none;
    display: inline-block;
    margin-right: 0;
  }

.speakers {
    margin: 0px;
  }

.banner-img {
    display: none;
  }

.banner-item {
    min-height: 550px;
  }
  .banner-item .banner-content-wrap {
    padding: 180px 0 100px;
  }
  .banner-item .banner-content-wrap p.banner-info {
    font-size: 18px;
  }
  .banner-item .banner-content-wrap h1.banner-title {
    font-size: 28px;
    font-size: 30px;
    margin-bottom: 35px;
    line-height: 40px;
  }
  .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;
  }

.banner-6 .banner-item .banner-content-wrap .banner-title {
    font-size: 36px;
    line-height: 1.2;
  }
  .banner-6-alt .banner-item .banner-content-wrap .banner-title {
    margin-bottom: 50px;
  }
  .banner-6-alt .banner-item .banner-image img {
    width: 100%;
    display: none;
  }

.ts-exprience .ts-exprience-content h2 {
    font-size: 24px;
    line-height: 1.2;
  }

.banner-info .content ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }

.about-counter {
    padding-top: 30px;
  }
  .about-counter .counterTimeline { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; }
  .about-counter .counterTimeline .innerGridTimeline .ts-single-funfact { margin: 0; }
  .about-counter .counterTimeline .innerGridTimeline{width: calc(100% / 2);margin-right: 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: 800px;
  }
  .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: 110px;
  }

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

.testimonial {
    padding: 50px 0 30px;
  }
  .about-counter .ts-single-funfact{
    padding-top: 25px;
    padding-bottom: 10px;
  }

.gallery {
    padding-bottom: 50px;
  }

.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: 140px;
    padding-bottom: 40px;
  }
  .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-single-funfact {
    padding-right: 0;
    text-align: center;
    margin-bottom: 60px;
  }
  .ts-single-funfact::before {
    margin: auto;
    right: 0;
    top: -125px;
  }

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

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

.ts-sponsors {
    padding: 50px 0;
  }
  .ts-sponsors .sponsors-wrap {
    padding-bottom: 30px;
  }
  .logoGallery.ts-sponsors .sponsors-wrap {
    padding-bottom: 0;
  }
  .ts-intro-sponsors {
    margin: 0 15px;
  }

.ts-sponsors .sponsors-logo {
    margin: 0;
    margin-bottom: 0;
  }
  .ts-sponsors .sponsors-logo img {
    width: auto;
  }

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

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

.p-150 {
    padding: 60px 0px !important;
  }

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

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

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

.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 {
    flex-direction: column;
  }
  .schedule-listing .schedule-slot-time {
    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: 40px;
  }

.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: 30px;
  }
  .ts-blog .post {
    margin-bottom: 30px;
  }
  .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: 300px;
    border-radius: 0;
  }

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

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

.circle-bg.tiles {
    display: none;
  }

.mr-contact {
    margin: 0 15px;
  }

.footer {
    margin: 0;
    padding: 60px 0 0;
  }
  .footerLinks .footer-widget {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  .footerLinks .footer-widget:first-of-type .footer-link{margin-bottom: 10px;}
  .footerLinks .footer-widget:last-of-type .widget-title{display: none;}
  .footer-widget {
    padding-bottom: 20px;
  }

.footer-social-icons {
    margin-bottom: 30px;
  }

.copyright-text {
    margin-top: 15px;
    padding: 10px;
  }

.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:0 0 25px;
  }
  /* 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;
  }

.header .navbar-collapse {
    height: auto;
    max-width: none;
    overflow: hidden;
    float: none !important;
    width: 100% !important;
    padding: 0px;
    border: 0;
    
  }
  .header:not(.sticky) .navbar-collapse {top: 88px;z-index: 2;}
  .header.sticky.fade_down_effect .navbar-collapse {top: inherit;position: relative;}

.header .navbar-nav {
    position: static;
    margin: 0px;
  }

.col-md-6:last-child .category-item {
    margin-bottom: 0;
  }
  .col-md-6:last-child .single-items {
    margin-bottom: 0;
  }

.col-lg-4:last-child .single-item {
    margin-bottom: 0;
  }
  .col-lg-4:last-child .single-contact-feature {
    margin-bottom: 0px;
  }

.col-md-4:last-child .sponsors-logo {
    margin-bottom: 0;
  }

.single-item .item-image img {
    width: auto;
  }
}

@media (max-width: 375px) {
  .ts-sponsors .sponsor-title{
    margin-bottom: 10px;
  }
  .appShowcase.ts-sponsors .pinnaclesContent h2.sub-title {
    font-size: 28px;
    line-height: 34px;
  }
  .videoSection .videoGrid {width: calc(100% / 2 - 22px); margin-left: 19px !important; margin-bottom: 15px; border-radius: 10px;height: 199px;  }
  .videoSection .videoGrid:nth-child(n+3){margin-bottom: 0;}
  .videoSection .videoGrid .videoMask { width: 100%; height: 220px; background-size: cover;}
  
  .videoSection .videoGrid .title-area .sub-title{min-height: auto;font-size: 15px;line-height: 20px;}
  .videoSection .videoGrid .videoMask:before {height: 70%; bottom: 0; left: -1px; width: 101%; background-size: cover; }
  .videoSection .videoGrid .title-area .customBtnDouble{padding:13px 30px; font-size: 12px;}

}