.white-section {
     height: 200vh;
     background-color: #ffff;
}


/* footer {
     padding-top: 100px;
} */

footer .date-time span {
     font-family: 'Lato-Regular';
}

.footer-wrapper {
     padding: 6.25em 4em 6.25em 4em;
     background: #000;
}


/* .footer-center-logo {
     position: relative;
     bottom: -10px;
} */


/* .footer-center-logo video {
     width: 100%;
} */


/* .footer-wrapper .footer-logo {
     margin-top: 100px;
} */

.follow-details {
     display: flex;
     padding-top: 3.125em;
}

.join-xposure {
     display: block;
     width: 95%;
}

.f-social-links {
     width: 40%;
     display: block;
     height: 100%;
     gap: 4.375em;
     align-items: center;
     margin: auto;
}

.social-link-follow .social-links {
     display: flex;
     gap: 1.25em;
     flex-direction: row;
     margin-bottom: 0;
     padding: 0;
}

.f-social-links .social-links .s-link {
     font-weight: 400;
     font-size: 1.625em;
     line-height: 1;
     color: #fff;
     text-align: right;
}

.f-social-links .social-links .s-link .s-vactor {
     margin-left: 0.5em;
}

.f-social-links p {
     font-family: 'Lato-Regular';
     font-style: normal;
     color: #FFFFFF;
     align-items: center;
     margin: auto;
}

.f-social-links .social-links {
     display: flex;
     gap: 1.875em;
     flex-direction: row;
     margin-bottom: 0;
     padding: 0;
}

.f-social-links .social-links li {
     list-style-type: none;
}

.f-social-links h4 {
     padding: 1.75em 0 0.775em;
     color: #FFB243;
     font-family: 'Lato-Regular';
     font-style: normal;
     font-weight: 400;
     font-size: 2.1875em;
     line-height: 1;
}

.join-rathyatra {
     width: 45%;
     font-family: 'Lato-Regular';
     font-style: normal;
     color: #FFFFFF;
}

.join-xposure h4 {
     padding: 2.25em 0 0.225em 0;
     color: #FFB243;
     font-family: 'Lato-Regular';
     font-style: normal;
     font-weight: 400;
     font-size: 2.1875em;
     line-height: 1.3;
}

.date-time h5 {
     font-family: 'Lato-Regular';
     font-style: normal;
     font-weight: 400;
     font-size: 1.375em;
     line-height: 1.4;
     color: #F8F8F9;
}

.date-time h5 span {
     font-family: 'Lato-Regular';
     font-style: normal;
     font-weight: 600;
     color: #F8F8F9;
}

.footer-wrapper h3 {
     font-size: 2.1875em;
     font-family: 'Lato-Regular';
     margin-bottom: 0.575em;
}

.footer-center-logo {
     /* margin-bottom: -19.8%; */
     margin-top: -22.3%;
     position: relative;
}

.f-logo-wheel {
     position: absolute;
     left: 0;
     right: 0;
     z-index: -1;
     top: 0;
     animation: rotation 6s infinite linear;
}

.f-logo,
.f-logo-wheel {
     width: 30%;
}

.footer-bg {
     margin-top: 26%;
}

.main-banner-horizontal.mobile,
.culture-slider.mobile,
.animated-line.sm {
     display: none;
}


/* @media(max-width:1800px) {
     .date-time h5,
     .date-time h5 span {
          font-size: 30px;
          line-height: 48px;
     }
     .join-rathyatra,
     .f-social-links p {
          font-size: 24px;
          line-height: 34px;
     }
     .footer-wrapper h3 {
          font-size: 40px;
     }
} */

@media (min-width: 1921px) {
     body {
          font-size: 1vw;
     }
     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl,
     .container-xxl {
          max-width: 89.5625em;
     }
     .container.gallery {
          width: 89.875em;
          max-width: 89.875em;
     }
     .breadcrumbs .breadcrumbs-title .title-vector {
          left: 5%;
     }
     .contact-wrapper.style-two .contact-form {
          padding: 3.125em 2.5em 8.25em;
     }
     .navbar-main .navbar-toggler span {
          margin: 0.5em auto;
     }
     .navbar-main .navbar-toggler span {
          display: block;
          width: 2.1875em;
          height: 0.1875em;
          margin: 0.5em auto;
          background: #fff;
          transition: all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
          border-radius: 0.5em;
     }
     .navbar-main .navbar-toggler[aria-expanded="true"] span:first-of-type {
          transform: rotate(45deg) translate(0.5em, 0.5em);
     }
     .navbar-main .navbar-toggler[aria-expanded="true"] span:last-of-type {
          transform: rotate(-45deg) translate(0.5em, -0.5em);
     }
     body:not(.page-index) header.menu-sticky .navbar-brand img,
     .page-index header.menu-sticky-home .navbar-brand img {
          height: 4em;
     }
     button.accordion-button.accordian-faq {
          padding: 1em 0;
     }
}

@media(max-width:1600px) {
     .f-social-links {
          width: 60%;
          display: block;
          height: 100%;
          gap: 70px;
          align-items: center;
          margin: auto;
     }
     .join-rathyatra {
          width: 60%;
          font-family: 'Lato-Regular';
          font-style: normal;
          font-weight: 400;
          font-size: 28px;
          line-height: 34px;
          color: #FFFFFF;
     }
     .join-rath-yatra {
          padding-top: 100px;
     }
     .faq-section {
          padding: 150px 30px 0;
     }
     .join-rath-yatra .r-pattern {
          top: 120px;
     }
     .container.gallery {
          padding: 0 60px;
     }
     .breadcrumbs {
          height: 800px;
     }
     .container.gallery {
          width: 100%;
          max-width: 100%;
     }
     .slide.two .b-title {
          font-size: 35px;
          line-height: 50px;
     }
     .slide.three .b-content h1,
     .slide.three .rath-title {
          font-size: 80px;
          line-height: 90px;
     }
     .slide.three .slide-inner {
          padding-left: 30px;
     }
     .rath-title.signify .title-vector {
          left: -20px;
          width: 100px;
     }
     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl {
          max-width: 1300px;
     }
     .contact-wrapper .contact-info-box {
          width: 40%;
     }
     .contact-bg-main {
          padding: 30px 70px 50px;
     }
     .contact-wrapper.style-two .contact-form {
          right: 5%;
          width: 35%;
     }
}

@media(max-width:1500px) {
     .container {
          padding-left: 30px;
          padding-right: 30px;
     }
}

@media(max-width:1400px) {
     .footer-wrapper {
          padding: 100px 64px;
     }
     .main-banner-horizontal .slide.two .b-title {
          font-size: 38px;
          line-height: 50px;
     }
     .main-banner-horizontal .slide.two .video-box {
          /* height: 350px; */
          margin: 30px 0 45px;
     }
     .main-banner-horizontal .slide.two .b-desc {
          font-size: 18px;
          line-height: 29px;
     }
     .main-banner-horizontal .slide.two .b-content {
          padding-top: 70px;
     }
     .main-banner-horizontal .slide .b-desc {
          font-size: 24px;
          line-height: 34px;
     }
     .slide-inner {
          padding: 0 100px;
     }
     .slide.three .b-content h1,
     .slide.three .rath-title {
          font-size: 70px;
          line-height: 80px;
     }
     .main-banner-horizontal .slide.three .b-desc {
          font-size: 20px;
          line-height: 30px;
     }
     p {
          font-size: 20px;
          line-height: 30px;
     }
     .timer-inner .timer-title,
     .schedule-wrapper .timer-box .yatra-text {
          font-size: 25px;
          line-height: 35px;
     }
     .about-rathyatra {
          padding: 0 100px;
     }
     .join-rath-yatra .join-title {
          padding: 0 85px;
     }
     .join-us .arrow-vector {
          width: 40px;
     }
     .join-us {
          font-size: 50px;
          line-height: 62px;
     }
     .culture-title .big-text {
          font-size: 150px;
          line-height: 170px;
     }
     .culture-slider .c-slide-item {
          padding: 0 50px;
     }
     .about-rathyatra .rath-title {
          font-size: 80px;
          line-height: 90px;
     }
     .footer-center-logo {
          margin-top: -24.5%;
     }
     .breadcrumbs .breadcrumbs-title {
          font-size: 70px;
          line-height: 80px;
          width: 40%;
     }
     .breadcrumb-content {
          width: 60%;
     }
     .breadcrumb-content p {
          width: 100%;
     }
     .contact-style-two .join-rathyatra,
     .contact-style-two .f-social-links p {
          font-size: 20px;
     }
     .video-play {
          width: 150px;
          height: 150px;
          bottom: 2%;
     }
     .video-play .vc-icon {
          width: 40px;
     }
}

@media(max-width:1300px) and (min-width:1200px) {
     .main-banner-horizontal .slide.two .video-box {
          width: 70%;
          margin: 20px auto 30px;
     }
     .main-banner-horizontal .slide.two .b-title {
          font-size: 28px;
          line-height: 40px;
          margin-bottom: 0;
     }
     .mt-custom {
          margin-top: 70px;
     }
     .slide.three .b-content h1,
     .slide.three .rath-title {
          font-size: 50px;
          line-height: 60px;
     }
}

@media(max-width:1200px) {
     .slide.three .b-content h1,
     .slide.three .rath-title {
          font-size: 40px;
          line-height: 50px;
     }
     .main-banner-horizontal .slide.three .b-desc {
          width: 60%;
     }
     .about-rathyatra .rath-title {
          font-size: 70px;
          line-height: 80px;
          margin-right: 15px;
     }
     .timer-inner .timer-title,
     .schedule-wrapper .timer-box .yatra-text {
          font-size: 24px;
          line-height: 35px;
     }
     .about-rathyatra {
          padding: 0 50px;
     }
     .join-rath-yatra .join-title {
          padding: 0 35px;
     }
     .join-rath-yatra .join-title .xposure-title {
          font-size: 80px;
          line-height: 90px;
     }
     .FAQ-title {
          padding-bottom: 0;
     }
     .gallery.gallery-mini .FAQ-title {
          padding-bottom: 30px;
     }
     .container.gallery {
          padding: 0 30px;
     }
     .breadcrumbs .breadcrumbs-title {
          width: 50%;
     }
     .contact-bg-main {
          padding: 30px 30px 50px;
     }
     .contact-style-two .footer-wrapper {
          padding: 150px 30px 100px 30px;
     }
     .contact-wrapper.style-two .contact-form {
          width: 45%;
     }
     .contact-style-two .footer-wrapper .f-social-links h3,
     .contact-style-two .f-social-links h4 {
          font-size: 30px;
     }
     .contact-wrapper.style-two .contact-form {
          right: 3%;
     }
     .contact-style-two footer {
          padding-top: 0;
     }
}

@media(max-width:1199px) {
     .footer-wrapper .footer-logo {
          margin-top: -33%;
     }
     .timer-inner.right {
          padding-left: 0;
          margin-top: 30px;
     }
}

@media(max-width:1024px) {
     .footer-wrapper {
          padding: 100px 30px;
     }
     .footer-wrapper .f-social-links h3 {
          font-size: 40px;
     }
     .date-time h5 {
          font-size: 30px;
          line-height: 48px;
     }
     .faq-section {
          padding: 70px 30px 0;
     }
     .culture-title .big-text {
          font-size: 130px;
          line-height: 150px;
     }
     .schedule-wrapper .countdowm-box .c-number {
          font-size: 30px;
          line-height: 40px;
     }
     .footer-center-logo {
          margin-top: -27%;
     }
     .schedule-wrapper .countdowm-box .c-text {
          margin-top: 0;
     }
     .join-rath-yatra {
          padding-top: 70px;
     }
     .schedule-wrapper {
          margin-top: 100px;
          height: 600px;
     }
     .gallery.gallery-mini {
          padding-top: 70px;
     }
     .breadcrumbs .breadcrumbs-title {
          font-size: 60px;
          line-height: 70px;
     }
     .navbar-main {
          padding: 8px 30px;
     }
     .video-play {
          bottom: -7%;
     }
}

@media (min-width: 992px) {
     .main-banner {
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          opacity: 1;
          pointer-events: auto;
     }
     .main-banner:not(.active) {
          opacity: 0;
          transition: all 0.5s ease-in;
          pointer-events: none;
     }
     .mobile-slide .main-slide .b-content {
          display: none;
     }
}

@media(max-width:991px) {
     .loader .loading-vector {
          width: 80%;
     }
     .main-banner-horizontal.mobile {
          display: none;
     }
     .main-banner-horizontal.mobile.mainSliderLoaded {
          display: block;
     }
     .footer-wrapper .footer-logo {
          align-items: center;
          text-align: center;
          margin-top: -29%;
          margin-left: auto;
          margin-right: auto;
          display: block;
          width: 25%;
     }
     .main-menu-wrapper {
          width: 100%;
     }
     .slide.three .slide-inner {
          padding-left: 0;
     }
     .join-xposure h4,
     .footer-wrapper .f-social-links h3 {
          font-size: 35px;
          line-height: 48px;
     }
     .date-time h5 {
          font-size: 25px;
          line-height: 35px;
     }
     .f-social-links p,
     .join-rathyatra {
          font-size: 24px;
          line-height: 34px;
     }
     .main-banner {
          display: none;
     }
     .slide.one.mobile-slide .slide-inner {
          background: url(../images/banner.png) no-repeat;
          background-size: cover;
          background-position: right;
          position: relative;
          overflow: hidden;
          width: 100%;
          height: 100vh;
          display: flex;
          align-items: center;
          padding: 0 64px;
          z-index: 1;
     }
     .slide.one.mobile-slide .slide-inner:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          background: rgba(0, 0, 0, 0.4);
          width: 100%;
          height: 100%;
          z-index: -1;
     }
     .main-banner-horizontal {
          width: 100%;
          height: 100%;
          flex-direction: column;
          flex-wrap: nowrap;
     }
     .scroll-to-content {
          left: 50%;
          right: auto;
          top: auto;
          transform: translate(-50%, 0);
          bottom: 10%;
     }
     .scroll-to-content .circle svg {
          transform: rotate(90deg);
          width: 60px;
     }
     .mobile-slide .slide-inner.main-slide .b-title {
          width: 100%;
          text-align: center;
     }
     .mobile-slide .slide-inner.main-slide .b-desc {
          width: 60%;
          text-align: center;
          margin: 30px auto 0;
     }
     .culture-slider {
          width: 100%;
          height: 100%;
          flex-direction: column;
     }
     .main-banner-horizontal .slide:not(.one) {
          padding: 100px 30px;
     }
     .main-banner-horizontal .slide.two .b-title {
          width: 60%;
          text-align: center;
          margin: 0 auto;
     }
     .main-banner-horizontal,
     .culture-slider {
          display: none;
     }
     .culture-slider.mobile {
          display: block;
     }
     .main-banner-horizontal.mobile .slide.two .b-content {
          padding-top: 0;
     }
     .navbar-main {
          padding: 0 30px 0;
     }
     .container,
     .container-md,
     .container-sm {
          width: 100%;
          max-width: 100%;
     }
     .main-banner-horizontal.mobile .slide.three .b-desc,
     .main-banner-horizontal.mobile .mt-custom p {
          width: 80%;
          text-align: center;
          margin: 0 auto;
     }
     .mt-custom {
          margin-top: 100px;
     }
     .swiper.homeSlider {
          width: 100%;
          height: 100vh;
     }
     .main-banner-horizontal.mobile .slide.three .b-desc,
     .slide.three .b-content h1,
     .slide.three .rath-title,
     .slide-inner {
          text-align: center;
     }
     .slide-inner {
          padding: 0;
     }
     .main-banner-horizontal.mobile .title-vector {
          left: 31%;
     }
     .main-banner-horizontal.mobile .mt-custom p {
          margin: 30px auto;
     }
     .scroll-to-content {
          display: none;
     }
     .about-rathyatra .a-content {
          width: 100%
     }
     .culture-slider.mobile {
          padding: 120px 30px 80px;
     }
     .culture-wrapper .culture-title,
     .culture-slider.mobile .c-slide-item .img-box,
     .culture-slider.mobile .c-slide-desc {
          text-align: center;
     }
     .culture-slider.mobile .c-slide-desc {
          margin-top: 30px;
     }
     .culture-wrapper .culture-slider.mobile .culture-title,
     .culture-title .big-text {
          margin-bottom: 40px;
          font-size: 100px;
          line-height: 120px;
     }
     .about-rathyatra .rath-title {
          font-size: 50px;
          line-height: 60px;
     }
     .schedule-wrapper .timer-box {
          padding: 30px 30px;
     }
     .video-play {
          width: 120px;
          height: 120px;
     }
     .video-play .vc-icon {
          width: 35px;
     }
     .join-us {
          padding: 20px 40px;
          font-size: 40px;
          line-height: 52px;
     }
     .date-time h5 span {
          font-size: 25px;
          line-height: 35px;
     }
     .join-rathyatra {
          width: 100%;
     }
     .culture-slider .c-slide-item .img-box {
          padding-left: 0;
     }
     .g-img.two,
     .g-img.seventeen,
     .g-img.ten {
          display: none;
     }
     .g-img.two.sm,
     .g-img.ten.sm,
     .g-img.seventeen.sm,
     .g-device-img {
          display: block;
     }
     .g-img.two.sm {
          height: 600px;
          margin-top: 16px;
     }
     .g-img.nine {
          height: 432px;
     }
     .breadcrumbs .breadcrumbs-title .title-vector {
          left: 16px;
          top: -30px;
          width: 100px;
     }
     .breadcrumbs .breadcrumbs-title {
          font-size: 50px;
          line-height: 60px;
     }
     .breadcrumbs {
          height: 600px;
          padding: 200px 0 300px;
     }
     .container.gallery.main {
          margin-top: -180px;
     }
     .navbar-brand img {
          height: 90px;
     }
     .rath-title.history .title-vector {
          width: 100px;
     }
     .a-item.ritual .title-vector {
          width: 70px;
     }
     .title-vector {
          left: -13px;
     }
     .rath-title.signific .title-vector {
          left: -26px;
          top: -41px;
          width: 100px;
     }
     .a-item.map .title-vector {
          width: 70px;
     }
     footer {
          padding-top: 70px;
     }
     .footer-center-logo {
          margin-top: -27.5%;
     }
     .contact-style-two .contact-form .form-inner .form-group label {
          margin-bottom: 0;
     }
     .contact-wrapper.style-two .contact-form {
          width: 50%;
          padding: 50px 30px;
     }
     .contact-style-two .f-social-links {
          padding-left: 0;
          margin-top: 30px;
     }
     .contact-style-two .footer-wrapper {
          padding: 70px 30px 70px 30px;
     }
     .contact-style-two .footer-wrapper h3 {
          margin-bottom: 10px;
     }
     .contact-style-two .f-social-links h4 {
          padding: 0 0 10px;
     }
     .contact-style-two .form-control {
          padding: 0;
     }
     .contact-style-two .f-social-links .social-links svg {
          width: 42px;
          height: 42px;
     }
     .contact-style-two .follow-details {
          margin-top: 0;
     }
     .schedule-wrapper #rathVideo {
          height: 100% !important;
     }
}

@media(max-width:767px) {
     .empower-wrapper,
     .footer-wrapper,
     .testimonial-wrapper,
     .design-inner {
          padding: 50px 30px;
     }
     .follow-details {
          display: block;
     }
     .footer-wrapper h3 {
          font-weight: 700;
          font-size: 33px;
     }
     .footer-wrapper .footer-logo {
          margin-top: -53%;
     }
     .join-rathyatra {
          width: auto;
          font-size: 22px;
          line-height: 37px;
          letter-spacing: 1px;
     }
     .f-social-links {
          width: auto;
          display: block;
     }
     .date-time h5,
     .date-time h5 span {
          font-weight: 400;
          font-size: 24px;
          line-height: 36px;
     }
     .f-social-links p {
          font-size: 22px;
          line-height: 34px;
          letter-spacing: 1px;
          padding-top: 10px;
     }
     .join-xposure h4,
     .footer-wrapper .f-social-links h3,
     .f-social-links h4 {
          font-size: 30px;
          line-height: 48px;
     }
     .f-social-links h4 {
          padding: 60px 0 30px;
     }
     .about-rathyatra .rath-title {
          margin-bottom: 15px;
     }
     .about-rathyatra .a-item .animated-line {
          left: 50%;
     }
     .about-rathyatra .a-item.scrolled .animated-line {
          height: 140px;
     }
     .about-rathyatra .a-item {
          padding-top: 180px;
     }
     .about-rathyatra .a-item:last-child.scrolled .animated-line {
          height: 450px;
     }
     .about-rathyatra .a-item:last-child {
          padding-top: 450px;
     }
     .join-rath-yatra {
          padding-top: 50px;
     }
     .schedule-wrapper {
          margin-top: 60px;
     }
     .join-rath-yatra .join-title .xposure-title {
          font-size: 70px;
          line-height: 80px;
     }
     .join-rath-yatra .join-title .j-desc {
          margin-top: 30px;
     }
     .footer-wrapper .footer-logo {
          margin-top: -25%;
     }
     .follow-details {
          margin-top: 70px;
     }
     .f-social-links {
          margin-top: 50px;
          text-align: center;
     }
     .f-social-links h3 {
          margin-bottom: 10px;
     }
     .join-xposure {
          text-align: center;
     }
     .f-social-links .social-links {
          justify-content: center;
     }
     .mobile-slide .slide-inner.main-slide .b-desc {
          width: 80%;
     }
     .main-banner-horizontal .slide.two .b-title {
          width: 100%;
     }
     .gallery .g-img {
          height: auto;
     }
     .gallery .g-img.three {
          margin-top: 16px;
     }
     .join-xposure h4 {
          padding: 50px 0 10px 0;
     }
     .footer-center-logo {
          margin-top: -23.5%;
     }
     .breadcrumbs .breadcrumbs-title,
     .breadcrumbs .breadcrumb-content {
          width: 100%;
     }
     .breadcrumbs .breadcrumb-inner {
          flex-direction: column;
          gap: 30px;
          justify-content: center;
          text-align: center;
     }
     .breadcrumbs .breadcrumbs-title .title-vector {
          left: 22%;
          top: -46px;
          width: 100px;
     }
     .breadcrumbs .breadcrumbs-title {
          padding-left: 0;
     }
     header.menu-sticky .navbar-brand img {
          height: 60px;
     }
     .contact-wrapper .contact-info-box {
          width: 100%;
          height: auto;
          justify-content: center;
          text-align: center;
     }
     .contact-wrapper.style-two .contact-form {
          position: static;
          width: 100%;
          padding: 50px 30px;
          margin-top: 50px;
     }
     .contact-wrapper.style-two {
          height: auto;
          padding: 0;
     }
     .accordion-flush .accordion-item p {
          font-size: 18px;
     }
}

@Media(max-width:650px) {
     .video-box {
          margin: 50px 0 50px;
          /* height: 300px; */
     }
     .main-banner-horizontal.mobile .slide.two .b-content {
          padding-top: 0;
     }
     .footer-center-logo {
          margin-top: -24.5%;
     }
}

@media(max-width:575px) {
     .follow-details {
          margin-top: 0;
          display: block;
          text-align: center;
     }
     .empower-wrapper,
     .footer-wrapper,
     .testimonial-wrapper,
     .design-inner {
          padding: 50px 15px;
     }
     .join-rathyatra {
          width: 100%;
          font-weight: 400;
          font-size: 21px;
          line-height: 32px;
     }
     .f-social-links p {
          font-size: 21px;
          line-height: 32px;
          padding-top: 10px;
     }
     .f-social-links .social-links {
          justify-content: center;
     }
     .navbar-brand img {
          height: 70px;
     }
     .main-banner-horizontal.mobile .slide.three .b-desc,
     .main-banner-horizontal.mobile .mt-custom p {
          width: 100%;
     }
     .title-vector {
          left: -29px;
          top: -35px;
          width: 80px;
     }
     .about-rathyatra {
          padding: 0 30px;
     }
     .about-rathyatra .a-item {
          padding-top: 160px;
     }
     .join-title h2 {
          font-size: 40px;
          line-height: 50px;
     }
     .join-rath-yatra .join-title .xposure-title {
          font-size: 60px;
          line-height: 70px;
     }
     .join-rath-yatra .join-title {
          padding: 0 15px;
     }
     .culture-wrapper .culture-slider.mobile .culture-title,
     .culture-title .big-text {
          margin-bottom: 40px;
          font-size: 70px;
          line-height: 80px;
     }
     .culture-slider.mobile {
          padding: 100px 30px 40px;
     }
     .faq-section {
          padding: 50px 30px 0;
     }
     .schedule-wrapper {
          height: 400px;
     }
     .video-play {
          right: 5%;
     }
     .video-play .vc-icon {
          width: 25px;
     }
     .video-play {
          width: 90px;
          height: 90px;
     }
     .join-us .arrow-vector {
          width: 30px;
     }
     .join-us {
          padding: 20px 30px;
          font-size: 30px;
          line-height: 42px;
     }
     .FAQ-title h3 {
          font-size: 50px;
          line-height: 60px;
     }
     .slide.one.mobile-slide .slide-inner {
          padding: 0 30px;
     }
     .about-rathyatra .a-item:last-child {
          padding: 130px 0;
     }
     .about-rathyatra .a-item:last-child.scrolled .animated-line {
          height: 100px;
     }
     .about-rathyatra .a-item.scrolled .animated-line {
          height: 100px;
     }
     .about-rathyatra .a-item {
          padding-top: 120px;
     }
     .about-rathyatra .a-item:last-child .rath-title {
          position: relative;
     }
     .about-rathyatra .a-item .animated-line.sm {
          display: block;
          top: auto;
          bottom: 0;
     }
     .title-vector {
          left: 30%;
          top: -48px;
     }
     .about-rathyatra .a-item .a-content,
     .about-rathyatra .a-item .rath-title,
     .join-rath-yatra .join-title,
     .FAQ-title h3 {
          text-align: center;
     }
     .culture-slider.mobile {
          padding: 80px 15px 40px;
     }
     .culture-slider .c-slide-item {
          padding: 0;
     }
     .faq-section {
          padding: 50px 15px 0;
     }
     .join-xposure h4,
     .footer-wrapper .f-social-links h3 {
          font-size: 30px;
          line-height: 40px;
     }
     .f-social-links h4 {
          padding: 60px 0 30px;
     }
     .f-social-links .social-links svg {
          width: 42px;
          height: 42px;
     }
     .join-xposure {
          width: 100%;
     }
     .container.gallery {
          padding: 0 8px;
     }
     .gallery .row>* {
          padding-right: 15px !important;
          padding-left: 15px !important;
     }
     .container {
          padding-left: 15px;
          padding-right: 15px;
     }
     .rath-title.history .title-vector {
          width: 60px;
          top: -11px;
     }
     .a-item.ritual .title-vector {
          width: 50px;
          top: 0;
     }
     .a-item.ritual .culture .title-vector {
          width: 70px;
     }
     .a-item.ritual .signific .title-vector {
          width: 80px;
          left: 20%;
          top: -29px;
     }
     .a-item.map .title-vector {
          width: 50px;
          top: -18px;
     }
     .join-rath-yatra .r-pattern {
          top: 200px;
          width: 120px;
     }
     .breadcrumbs {
          padding: 180px 0 300px;
     }
     footer {
          padding-top: 50px;
     }
     .breadcrumbs .breadcrumbs-title .title-vector {
          top: -48px;
          width: 60px;
     }
     .footer-center-logo {
          margin-top: -31.5%;
     }
     .f-logo,
     .f-logo-wheel {
          width: 40%;
     }
     .breadcrumbs .breadcrumbs-title {
          font-size: 35px;
          line-height: 50px;
     }
     .breadcrumb-content p {
          margin-bottom: 0;
     }
     .container.gallery .breadcrumb-inner {
          padding: 0 8px;
     }
     .breadcrumbs {
          padding: 150px 0 70px;
     }
     .breadcrumbs {
          height: 450px;
     }
     .container.gallery.main {
          margin-top: 50px;
     }
     .navbar-main {
          padding: 0 15px 0;
     }
     .contact-bg-main {
          padding: 30px 15px 50px;
     }
     .contact-style-two .footer-wrapper {
          padding: 50px 30px 50px 30px;
     }
     .back-to-home {
          margin-top: 30px
     }
     .contact-style-two .footer-wrapper .f-social-links h3,
     .contact-style-two .f-social-links h4 {
          font-size: 25px;
     }
     .main-banner-horizontal .slide.three .b-content {
          margin-top: 0;
     }
     .mt-custom {
          margin-top: 70px;
     }
}

@media(max-width:479px) {
     .slide.one.mobile-slide .slide-inner {
          padding: 0 15px;
     }
     .slide-inner.main-slide .b-title {
          font-size: 40px;
          line-height: 50px;
     }
     /* .video-box {
          height: 200px;
     } */
     .main-banner-horizontal .slide.two .b-title {
          font-size: 28px;
          line-height: 40px;
     }
     .main-banner-horizontal .slide:not(.one) {
          padding: 80px 15px;
     }
     .slide.three .b-content h1,
     .slide.three .rath-title {
          font-size: 40px;
          line-height: 50px;
     }
     .main-banner-horizontal .slide.three {
          padding: 120px 0;
     }
     .join-rath-yatra .join-title .xposure-title {
          font-size: 50px;
          line-height: 60px;
     }
     .join-rath-yatra .r-pattern {
          top: 230px;
     }
     .date-time h5 span,
     .date-time h5 {
          font-size: 24px;
          line-height: 34px;
     }
     .join-xposure h4 {
          padding: 40px 0 20px 0;
     }
     .join-us {
          padding: 10px 20px;
          font-size: 20px;
          line-height: 32px;
     }
     /* .main-banner-horizontal .slide.two .video-box {
          height: 200px;
     } */
     .main-banner-horizontal.mobile .title-vector {
          left: 31%;
          width: 80px;
          top: -21px;
     }
     .footer-center-logo {
          margin-top: -27.5%;
     }
     .footer-center-logo {
          margin-top: -33.5%;
     }
}

@media(max-width:380px) {
     .main-banner-horizontal.mobile .slide.two .b-content {
          padding-top: 20px;
     }
     .main-banner-horizontal .slide .b-desc,
     .main-banner-horizontal .slide.three .b-desc {
          font-size: 16px;
          line-height: 26px;
     }
     .video-box {
          margin: 20px 0 20px;
     }
     .slide.three .b-content h1,
     .slide.three .rath-title {
          font-size: 30px;
          line-height: 40px;
     }
     .main-banner-horizontal.mobile .mt-custom p {
          margin: 10px auto;
          margin-bottom: 10px;
     }
     .main-banner-horizontal.mobile .slide.three .b-desc {
          margin-top: 0 !important;
     }
     .mt-custom {
          margin-top: 50px;
     }
     .slide.three .slide-inner {
          margin-top: 50px;
     }
     .join-us .arrow-vector {
          width: 20px;
     }
     .join-us .arrow-vector {
          margin-left: 15px;
     }
     .culture-wrapper .culture-slider.mobile .culture-title,
     .culture-title .big-text {
          margin-bottom: 30px;
          font-size: 50px;
          line-height: 60px;
     }
     .footer-wrapper .footer-logo {
          margin-top: -32%;
     }
     .footer-center-logo {
          margin-top: -36.5%;
     }
     .breadcrumbs .breadcrumbs-title .title-vector {
          left: 5%;
     }
     .main-banner-horizontal .slide.three .b-content {
          margin-top: 0;
     }
}

@media(max-width:1800px) {
     h2 {
          font-weight: 400;
          font-size: 50px;
          line-height: 60px;
     }
}


/*************Animation**************/

@keyframes rotation {
     from {
          transform: rotate(0deg);
     }
     to {
          transform: rotate(359deg);
     }
}