/* Eventrox - Digital Conference HTML Template */
@media only screen and (max-width: 1139px) {
.main-header .outer-box {
margin-left: 0;
}
.main-header .nav-outer {
display: flex;
align-items: center;
justify-content: flex-end;
}
}
@media only screen and (max-width: 1139px) {
.buy-ticket .form-column .inner-column,
.about-section .content-column .inner-column {
padding-right: 0;
}
.event-info-section .info-column .inner-column,
.useful-links {
padding-left: 0;
}
.features-section-two .title-block .inner-box {
background-color: transparent;
padding: 0;
}
.banner-conference .icon-circle-3 {
left: -200px;
top: -200px;
}
.about-section-two .content-column .inner-column {
padding-top: 0;
}
.sidebar-page-container .sidebar.padding-left {
padding-left: 0;
}
.instagram-widget .outer .image {
width: 20%;
}
.main-menu .navigation > li {
margin-left: 35px;
}
.nav-outer .mobile-nav-toggler {
display: block;
margin: 0;
}
.main-menu .navigation {
display: none;
}
.btn-style-one {
margin-right: 20px;
}
.video-boyut {
width: 100%;
}
@media only screen and (min-width: 768px) {
.main-menu .navigation > li > ul,
.main-menu .navigation > li > .mega-menu,
.main-menu .navigation > li > ul > li > ul {
display: block !important;
visibility: hidden;
opacity: 0;
}
}
@media only screen and (max-width: 1023px) {
.nav-outer .mobile-nav-toggler {
display: block;
margin: 0;
}
.main-menu .navigation {
display: none;
}
.main-header,
.main-header.fixed-header,
.main-header .main-box {
/* position: relative !important; */
background-color: #85af27;
height: 90px;
}
.main-header .main-box {
padding: 10px 0;
background-color: #85af27;
height: 90px;
}
.main-header .nav-outer .main-menu {
display: none !important;
}
.header-style-two,
.header-style-two .main-box {
background-color: #ffffff;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.04);
padding: 0;
}
.header-style-two .outer-box,
.header-style-two .logo-box,
.header-style-two .main-menu .navigation > li {
padding: 10px 0;
}
.header-style-two .outer-box .theme-btn {
background-color: #e1137b;
color: #ffffff;
}
.header-style-two .nav-outer {
float: right;
}
.schedule-tabs .tab-btn:after, .banner-meetup .countdown .counter-column:before, .about-section .image-column .image-1:before {
display: none;
}
.banner-carousel .swiper-slide {
padding: 200px 0;
}
.banner-carousel .content-box h2 {
font-size: 50px;
line-height: 1.2em;
margin-bottom: 20px;
}
.banner-carousel .slide-item {
padding: 150px 0;
}
.coming-soon-section .outer-box {
margin: 0 -15px;
padding: 30px;
}
.coming-soon-section .time-countdown .counter-column,
.coming-soon-section-two .time-countdown .counter-column {
margin: 0 20px;
}
.coming-soon-section .time-countdown .counter-column:before {
right: -25px;
}
.header-span,
.schedule-block .inner:before,
.about-section .icon-dots {
display: none;
}
.about-section .image-column .image-box {
padding-left: 0;
text-align: center;
}
.clients-section {
text-align: center;
}
.about-section .image-column .image {
max-width: 500px;
display: inline-block;
}
.register-form button,
.schedule-block .inner-box {
width: 100%;
}
.schedule-block.even .inner-box .inner {
margin-right: 140px;
}
.schedule-block .inner-box .inner {
margin-left: 140px;
}
.buy-ticket .content-column,
.why-choose-us .content-column {
order: 0;
}
.banner-conference .content-box h2 {
font-size: 42px;
}
.banner-conference .images-outer {
width: 40%;
}
.banner-conference .time-countdown .counter-column {
margin-right: 20px;
}
.banner-conference .time-countdown .counter-column:last-child {
margin-right: 0;
}
.banner-conference .time-countdown .counter-column:before {
right: -15px;
}
.banner-conference {
padding: 200px 0 100px;
}
.banner-conference .icon-dots {
bottom: 50px;
}
.subscribe-section .content-box {
text-align: center;
}
.subscribe-section .content-box .sec-title {
padding-left: 0;
}
.about-section-two .image-column .image-box {
padding-right: 0;
}
.subscribe-section .content-box .sec-title .icon {
position: relative;
display: inline-block;
margin-bottom: 20px;
left: 0;
top: 0;
}
.banner-meetup h2 {
font-size: 60px;
}
.event-info-section .info-column,
.about-section-two .content-column {
order: 0;
}
.event-info-section .info-column {
margin-bottom: 50px;
}
.buy-ticket .anim-icons,
.error-section .icon-line-1,
.features-section-two .twist-line-3,
.subscribe-form .sec-title .text br,
.about-section-two .icon-circle-blue,
.about-section-two .icon-dots,
.banner-conference-two .images-outer .speaker-img,
.coming-soon-section-two .time-countdown .counter-column:before {
display: none;
}
.banner-conference-two {
padding-top: 140px;
padding-bottom: 280px;
}
.fluid-section-one .content-column h3 {
font-size: 34px;
}
.app-section,
.speaker-detail .info-column .inner-column,
.app-section .image-column .image-box {
text-align: center;
}
.event-info-section .map-column {
position: relative;
height: 400px;
}
.app-section .content-column .inner-column {
padding-top: 0;
}
.contact-page-section .contact-column {
order: 0;
}
.subscribe-section .content-box .sec-title {
text-align: center;
}
.header-top-two .top-left .links li a {
font-size: 14px;
}
.header-top-two .top-left,
.header-top-two .top-right {
width: 100%;
}
.header-top-two .top-right .social-icons li {
margin-left: 0px;
margin-right: 15px;
}
.main-header.header-style-two.alternate-two .main-box,
.main-header.header-style-two.alternate-two {
background-color: #000000;
}
}
@media only screen and (max-width: 767px) {
.main-header .nav-outer .main-menu {
display: none !important;
}
.main-header .header-lower .nav-outer {
padding-right: 0;
}
.main-header .outer-box {
/* position: absolute; */
/* left: 0; */
/* top: 0; */
}
.nav-outer .mobile-nav-toggler {
display: block;
margin: 0;
}
.page-title {
padding: 80px 0;
}
.page-title h1 {
font-size: 40px;
margin-bottom: 10px;
}
.sec-title {
margin-bottom: 40px;
}
.sec-title h2 {
font-size: 42px;
}
.banner-carousel .content-box h2 {
font-size: 40px;
line-height: 1.2em;
}
.banner-carousel .swiper-slide {
padding: 160px 0;
}
.coming-soon-section .time-countdown .counter-column,
.coming-soon-section-two .time-countdown .counter-column {
margin: 0;
font-size: 14px;
}
.coming-soon-section .time-countdown .counter-column .count,
.coming-soon-section-two .time-countdown .counter-column .count {
font-size: 40px;
}
.coming-soon-section .time-countdown .counter-column:before {
font-size: 40px;
right: -6px;
}
.clients-section,
.event-info-section {
padding: 70px 0 0;
}
.map-section {
padding-bottom: 70px;
}
.app-section,
.faq-form-section,
.error-section,
.news-section.alternate,
.fluid-section-one .content-column .inner-column,
.newsletter-section,
.testimonial-section,
.register-section {
padding: 70px 0;
}
.why-choose-us,
.contact-page-section,
.sidebar-page-container,
.fun-fact-section,
.speaker-detail,
.about-section {
padding: 70px 0 20px;
}
.faq-section,
.pricing-section-three,
.speakers-section-three,
.about-section-two,
.pricing-section-two,
.speakers-section-two,
.features-section {
padding: 70px 0 30px;
}
.event-detail,
.buy-ticket,
.features-section-three,
.news-section,
.pricing-section,
.schedule-section,
.gallery-section,
.speakers-section {
padding: 0px 0 40px;
}
.features-section-two {
padding: 70px 0 50px;
}
.feature-block-two .inner-box {
padding: 40px 20px;
text-align: center;
}
.feature-block-two .icon-box {
position: relative;
display: inline-block;
left: 0;
top: 0;
margin-bottom: 20px;
}
.video-section .content-box h2 {
font-size: 38px;
}
.video-section {
padding: 70px 0 100px;
}
.main-footer .widgets-section {
padding: 100px 0 30px;
}
.register-section .title-column {
width: 100%;
}
.header-style-two .nav-outer {
padding-top: 10px;
}
.banner-conference {
padding-top: 150px;
}
.features-section-two .twist-line-2,
.call-to-action .content-box h2 br,
.banner-conference .layer-outer,
.banner-conference .images-outer {
display: none;
}
.banner-conference .content-box {
text-align: center;
}
.banner-conference .icon-dots {
bottom: 0;
left: 80%;
}
.subscribe-section .newsletter-form .form-group {
padding-right: 0;
}
.subscribe-section .newsletter-form .form-group .theme-btn {
position: relative;
display: block;
margin-top: 20px;
width: 100%;
}
.banner-meetup h2 {
font-size: 50px;
}
.banner-meetup .countdown .counter-column {
width: 80px;
font-size: 14px;
}
.banner-meetup .btn-box {
margin-top: 10px;
}
.fluid-section-one .content-column,
.fluid-section-one .image-column {
position: relative;
width: 100%;
float: left;
}
.fluid-section-one .image-column .image-box {
display: block;
}
.event-info-section .map-column {
margin-bottom: 70px;
}
.subscribe-form .form-inner {
max-width: 100%;
}
.coming-soon .content .text br,
.error-section .anim-icons,
.newsletter-section .anim-icons,
.main-footer.style-three .anim-icons {
display: none;
}
.error-section .error-title {
font-size: 120px;
}
.clients-section {
text-align: center;
}
.header-top .pull-right {
display: none;
}
.header-top .top-left {
width: 100%;
display: block;
text-align: center;
}
.banner-section-two .outer-container .content h1 {
font-size: 58px;
}
.banner-section-two .outer-container .content h2 {
font-size: 28px;
}
.banner-section-two .outer-container .content h2 span {
font-size: 24px;
}
.coming-soon-section-two .outer-box {
padding-left: 0px;
padding-right: 0px;
}
.coming-soon-section-two .outer-box {
margin-top: 90px;
}
.banner-section-two {
padding-bottom: 150px;
}
.header-top-two .top-left {
display: none;
}
.header-top-two .top-right {
text-align: center;
}
.header-top-two .top-right .cart-box,
.header-top-two .top-right .social-icons {
display: inline-block;
float: none;
}
.banner-conference-two {
padding-bottom: 120px;
}
}
@media only screen and (max-width: 599px) {
.page-title h1,
.banner-meetup h2,
.banner-conference .content-box h2,
.error-section h4,
.event-info-section .info-column .sec-title h2,
.about-section .content-column .sec-title h2,
.sec-title h2 {
font-size: 34px;
line-height: 1.2em;
}
.banner-conference-two .content-box h2 {
font-size: 40px;
}
.banner-conference-two .time-countdown .counter-column {
margin-bottom: 60px;
}
.call-to-action .content-box h2,
.about-section-two .content-column .sec-title h2,
.fluid-section-one .content-column h3,
.video-section .content-box h2,
.banner-carousel .content-box h2 {
font-size: 30px;
}
.blog-single h2,
.event-detail .content-box h2,
.banner-carousel .content-box .title,
.register-section .title-column h2 {
font-size: 24px;
}
.blog-sidebar .news-block h4 {
font-size: 22px;
line-height: 1.2em;
}
.coming-soon h1 {
font-size: 50px;
}
.banner-carousel .content-box .info-list {
margin-bottom: 10px;
}
.banner-carousel .content-box .info-list li {
margin-bottom: 10px;
}
.video-section .content-box h2 br,
.coming-soon .icon-line-1,
.banner-conference-two .time-countdown .counter-column:before,
.about-section-two .content-column .sec-title h2 br,
.event-info-section .info-column .sec-title h2 br,
.banner-carousel .content-box .info-list li:before {
display: none;
}
.page-title h1 {
font-size: 40px;
margin-bottom: 10px;
}
.clients-section-three .sponsors-outer .image-box img {
max-width: 100%;
width: auto;
}
.schedule-block.even .inner-box .inner,
.schedule-block .inner-box .inner {
margin: 0;
}
.schedule-block .date {
position: relative;
display: inline-block;
margin-bottom: 15px;
left: 0;
top: 0;
padding: 0;
border: 0;
box-shadow: none;
height: auto;
width: auto;
}
.schedule-block.even .date {
right: 0;
}
.coming-soon-section .outer-box {
margin: 0 -15px;
padding: 30px 15px;
}
.coming-soon-section .time-countdown .counter-column,
.coming-soon-section-two .time-countdown .counter-column {
margin: 0 10px;
width: auto;
}
.coming-soon-section .time-countdown .counter-column .count,
.coming-soon-section-two .time-countdown .counter-column .count {
font-size: 30px;
}
.coming-soon-section .time-countdown .counter-column:before {
font-size: 30px;
right: -15px;
top: 0px;
}
.event-info-tabs .tab-btn {
margin-right: 0;
}
.schedule-section.style-two .schedule-block .inner-box .inner {
text-align: center;
padding: 30px 20px;
}
.schedule-section.style-two .schedule-block .speaker-info .thumb {
position: relative;
display: inline-block;
left: 0;
top: 0;
margin-bottom: 5px;
}
.schedule-section.style-two .schedule-block .speaker-info {
padding-left: 0;
text-align: center;
}
.banner-conference .time-countdown .counter-column {
margin-right: 0px;
width: 60px;
text-align: center;
font-size: 12px;
}
.banner-conference .time-countdown .counter-column:last-child {
margin-right: 0;
}
.banner-conference .time-countdown .counter-column .count {
font-size: 28px;
}
.banner-conference .time-countdown .counter-column:after {
width: 60px;
}
.banner-conference .time-countdown .counter-column:before {
right: -5px;
font-size: 28px;
display: none;
}
.schedule-section.style-three .schedule-block .inner-box .inner {
padding: 30px 20px;
}
.banner-meetup {
padding: 100px 0;
}
.schedule-tabs.style-three .tab-buttons li {
width: 50%;
}
.banner-meetup .address {
font-size: 18px;
}
.banner-meetup .countdown .counter-column {
width: 60px;
font-size: 10px;
margin: 0 0 20px;
}
.banner-meetup .countdown .counter-column .count {
font-size: 24px;
}
.feature-block-three .inner-box {
padding: 40px 20px;
text-align: center;
}
.feature-block-three .icon-box {
position: relative;
display: inline-block;
left: 0;
top: 0;
height: 80px;
width: 80px;
border-radius: 50%;
margin-bottom: 20px;
}
.feature-block-three .link-box {
position: relative;
display: inline-block;
left: 0;
top: 0;
margin: 15px 0 0;
}
.feature-block-three .icon-box:before {
transform: none;
border-radius: 50%;
}
.pricing-block-three .price {
font-size: 80px;
}
.blog-single .lower-content blockquote {
padding: 35px 20px;
}
.blog-single .lower-content blockquote .icon {
position: relative;
display: inline-block;
left: 0;
top: 0;
margin-bottom: 20px;
}
.post-share-options .social-icon-three {
margin-top: 10px;
}
.buy-ticket .ticket-form {
padding: 30px 20px;
}
.instagram-widget .outer .image {
width: 33.333%;
}
.register-section .title-column .inner {
padding: 50px 20px 20px;
}
.comments-area .comment {
padding-left: 0;
}
.comments-area .comment-box .author-thumb {
position: relative;
left: 0;
top: 0;
}
}
@media only screen and (max-width: 479px) {
.banner-conference-two .content-box h2 {
font-size: 34px;
}
}
/***
====================================================================
Right To Left Responsive
====================================================================
***/
@media only screen and (max-width: 1139px) {
.rtl .buy-ticket .form-column .inner-column,
.rtl .about-section .content-column .inner-column {
padding-left: 0;
}
.rtl .event-info-section .info-column .inner-column,
.rtl .useful-links {
padding-right: 0;
}
.rtl .features-section-two .title-block .inner-box {
padding: 0;
}
.rtl .banner-conference .icon-circle-3 {
left: auto;
right: -200px;
}
.rtl .sidebar-page-container .sidebar.padding-left {
padding-right: 0;
}
.rtl .instagram-widget .outer .image {
float: right;
}
.rtl .main-menu .navigation > li {
margin-right: 35px;
}
}
@media only screen and (max-width: 1023px) {
.rtl .header-style-two .nav-outer {
float: left;
}
.rtl .coming-soon-section .time-countdown .counter-column:before {
right: auto;
left: -25px;
}
.rtl .subscribe-section .content-box .sec-title,
.rtl .about-section .image-column .image-box {
padding-right: 0;
text-align: center;
}
.rtl .banner-conference .time-countdown .counter-column:before {
left: -15px;
}
.rtl .subscribe-section .content-box .sec-title {
padding-right: 0;
}
.rtl .about-section-two .image-column .image-box {
padding-left: 0;
}
.rtl .subscribe-section .content-box .sec-title .icon {
right: 0;
left: auto;
}
}
@media only screen and (max-width: 767px) {
.rtl .main-header .header-lower .nav-outer {
padding-left: 0;
}
.rtl .main-header .outer-box {
right: 0;
left: auto;
}
.rtl .nav-outer .mobile-nav-toggler {
margin: 0;
}
.rtl .coming-soon-section .time-countdown .counter-column:before {
left: -6px;
}
.rtl .feature-block-two .icon-box {
left: auto;
right: 0;
}
.rtl .subscribe-section .newsletter-form .form-group {
padding-right: 0;
}
.rtl .feature-block-two .inner-box {
padding: 40px 20px;
}
.rtl .mobile-menu .navigation li.dropdown .dropdown-btn {
right: auto;
left: 0;
}
.rtl .mobile-menu .nav-logo {
width: 100%;
text-align: right;
}
.rtl .mobile-menu .close-btn {
right: auto;
left: 15px;
}
.rtl .about-section .icon-circle-blue {
display: none;
}
.rtl .features-section-two .title-block .inner-box {
text-align: center;
}
}
@media only screen and (max-width: 599px) {
.rtl .schedule-block .date {
right: 0;
left: auto;
}
.rtl .schedule-block.even .date {
right: auto;
left: 0;
}
.rtl .coming-soon-section .outer-box {
padding: 30px 15px;
}
.rtl .coming-soon-section .time-countdown .counter-column {
margin: 0 10px;
}
.rtl .coming-soon-section .time-countdown .counter-column:before {
left: -15px;
}
.rtl .event-info-tabs .tab-btn {
margin-left: 0;
}
.rtl .schedule-section.style-two .schedule-block .inner-box .inner {
padding: 30px 20px;
}
.rtl .schedule-section.style-two .schedule-block .speaker-info .thumb {
left: auto;
right: 0;
}
.rtl .schedule-section.style-two .schedule-block .speaker-info {
padding-right: 0;
}
.rtl .banner-conference .time-countdown .counter-column {
margin-left: 0px;
}
.rtl .banner-conference .time-countdown .counter-column:last-child {
margin-left: 0;
}
.rtl .schedule-section.style-three .schedule-block .inner-box .inner {
padding: 30px 20px;
}
.rtl .banner-meetup .countdown .counter-column {
margin: 0 0 20px;
}
.rtl .feature-block-three .inner-box {
padding: 40px 20px;
}
.rtl .feature-block-three .icon-box {
left: auto;
right: 0;
}
.rtl .feature-block-three .link-box {
left: auto;
right: 0;
}
.rtl .blog-single .lower-content blockquote {
padding: 35px 20px;
}
.rtl .blog-single .lower-content blockquote .icon {
left: auto;
right: 0;
}
.rtl .buy-ticket .ticket-form {
padding: 30px 20px;
}
.rtl .register-section .title-column .inner {
padding: 50px 20px 20px;
}
.rtl .comments-area .comment {
padding-left: 0;
padding-right: 0;
}
.rtl .comments-area .comment-box .author-thumb {
left: auto;
right: 0;
}
.search-popup .search-form fieldset input[type="search"] {
padding: 20px 20px;
}
.search-popup .search-form fieldset input[type="submit"] {
position: relative;
width: 100%;
display: block;
}
}
.main-header .logo-box .logo img {
height: 82px;
margin-left: 17px;
}
@media only screen and (max-width: 479px) {}