/* Eventrox - Digital Conference HTML Template */

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

@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){
	
	.main-header,
	.main-header.fixed-header,
	.main-header .main-box{
		/* position: relative !important; */
		background-color: #1e1f36;
	}

	.main-header .main-box{
		/* padding: 10px 0; */
		background-color: #fff;
	}

	.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: 768px){
	.headerli-rs{display: flex;height: 100%;align-items: center;justify-content: space-between;width: 100%;gap: 150px;}
	.main-menu .navigation > li > a{
		padding: 5px 0;
	}
	.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:7px 0px 0px 10px;}
	.main-header .header_profile{margin-top: 0; width: 55px; object-fit: cover;}
	/* .page-title{padding: 170px 0 70px;} */
	.page-title h1{font-size: 40px;margin-bottom: 10px;}
	.sec-title{margin-bottom: 7px;}
	.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;}

	.speaker-block .classementnumber{left: 20%;top: -9px;}

	.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: 70px 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,.schedule-block.even .date{
		position: relative;
		display: inline-flex;
		flex-direction: row;
		gap:4px;
		margin-bottom: 1px;
		left: 0;
		top: 0;
		padding: 0;
		border: 0;
		box-shadow: none;
		height: auto;
		width: auto;
	}

	/* .schedule-block.even .date{
		display: flex;
		gap:4px;
		right: 0;
	} */
	

	.coming-soon-section .outer-box{
		margin: 0 -15px;
		padding: 30px 8px;
	}

	.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: 20px 20px;
		text-align: center;	
	}
	


	.feature-block-three .icon-box{position: relative;display: inline-block;margin: 0 auto;left: 0;top: 0;height: 40px;width: 40px;border-radius: 50%;margin-bottom: 10px;}
	.feature-block-three .icon-box .icon{width: 40px;font-size: 25px;line-height: 1.5em;}
	.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;
	}
	.schedule-tabs .tab-buttons li{width: 73px;}
	.schedule-tabs .dateprogbloc{flex-direction: column;align-items: baseline;}
}


/*** 

====================================================================
		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){

	.mobile-menu .menu-box .navigation li > ul
	{
		display: block;
	}
	
	.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;
	}
	
}

@media only screen and (max-width: 479px) {
.top-title-date {
    font-size: 30px !important;
	line-height: 39px;
}
.headerli-rs {
    gap: 0px !important;
}

}



/**
=========================================
Progress--Percent
=========================================
**/

  .progress-star {
    margin-bottom:15px;
    height:29px;
    background-color:#d8dcdf !important;
    margin-top: 29px;
}

.pourcentprogress {
    margin-top: 15px ; 
}
.defaultprogressvalue
{
    background: #d8dcdf;
    color: #333333;
    font-weight: 600;
    padding-left: 40px;
    font-size: 13px;
}
  .progress-bar.progstrategie
 {
     background: #8183fe;
 }

 .progress-bar
 {
     font-weight: bold;
 }
 .progress-bar.progcreativite
 {
     background: #46ddb9;
 }
 .progress-bar.progexec
 {
     background: #3bb5ed;
 }
 .progress-bar.progperfor
 {
     background: #fa7495;
 }

 
 .progress-star
 {
     overflow:inherit;
 }

 .progress-star .info_skills{   
    text-align: left;
    padding-left: 5px;
    margin-top: -27px;
    color: #000;
    white-space: nowrap;
	gap:9px;
    /* width: 155px; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.progress-star span.skill_names {
    overflow: hidden;
    text-overflow: ellipsis;
}
/**
=========================================
Progress--Percent
=========================================
**/