@media (min-width:1366px)    {
    .container{
        max-width: 1204px;
    }
    .row-full {
    	width: 99vw;
	}

    .join-main-sec iframe {
		height: 660px;
     }
	
}
@media (max-width:1600px)    {
    .registration-inner {
        padding: 50px 0px 0 0;
    }
    .registration-text-box {
        margin: 0 0 30px 0;
    }


}
@media (max-width:1410px)    {
	header .navbar {
	    padding: 25px 0px;
	}
	header .navbar-brand {
	    margin-right: 40px;
		margin-left: 20px;
	}


}

@media (max-height: 900px) and (max-width: 575px){
	.hero-main {
        height: auto;
    }
	
	img.ellipse-vertical {
		display: none;
	}
	
}

@media (max-height: 506px) {
	.hero-main {
        height: calc(100vh - 1px);
    }
	
	img.ellipse-vertical {
		display: none;
	}
}

@media (max-width:1300px)    {
    .program-right-colum .text-box {
        padding: 30px 4px 40px 15px;
    }
	
}

@media(max-width:1180px){
	.conference-sec {
		background-image: none !important;
		background-color: #A57965;
	}
}

/*
@media (max-width:1358px) and (max-height:618px){
	.conference-sec {
		background-size: contain !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		background-color: black !important; /* фон под картинкой, если появятся пустые области */
	/*}
	
	.conference-sec .text-box h3 {
		font-size: 32px;
	}

	.conference-sec .text-center .btn, .text-box .btn {
		height: 70px;
	}
}
*/
 
@media(max-width:1199px)     {
	#redim-cookiehint {
		max-width: 995px;
	}
	
	img.ellipse-vertical {
		display: none;
	}
	
    header .navbar {
        padding: 25px 0;
    }
    .hero-content h1 {
        font-size: 76px;
    }
    .hero-content p {
        font-size: 26px;
    }

    .hero-main .time {
        margin-left: 0;
    }
    .part-card h4 {
        font-size: 24px;
        margin: 0;
    }
    .event-card .event-body p {
        font-size: 16px; 
    }
    .play-btn img{
        height: 55px;
    }
    .play-btn:after {
        width: 138px;
        height: 138px;
    }
    .play-btn:before {
        width: 192px;
        height: 192px;
    }
    .join-main-left h4 {
        font-size: 36px;
        padding: 0 0 20px 40px;
    }
    .join-main-left span{
        max-width: 330px;
        width: 100%;
    }
    .program-right .text-box p {
        font-size: 14px;
        margin: 10px 0 10px 0;
    }
    .program-time {
        height: 60px;
    }
    .program-time span {
        font-size: 16px;
    }
    .footer-left p {
        font-size: 14px;
    }
    .btn { 
        max-width: 260px; 
        /*height: 75px;*/ 
    }
    .time li {
    	margin-right: -13px;
    }
    .btn-dashboard {
        height: auto;
    }
    .agenda-item .itemFullText {
    	font-size: 29px;
    }
    .agenda-item .lecturers {
	    display: flex;
	    justify-content: flex-start;
	    align-content: center;
	    flex-direction: row;
	}
	.lecturers .lecturer-photo {
		    margin-right: 19px;
	}
    header .navbar-nav .nav-item .nav-link {
        font-size: 18px;
        padding: 10px 52px;
        color: #fff;
    }
    header .navbar-nav .nav-item .nav-link:hover, header .navbar-nav .nav-item .nav-link.active {
        color: #fff;
        text-decoration: underline;
    }
    header .language {
        padding: 45px 0 0 43px;
    }
    header .language .lang-select:checked + label a {
        background-color: #fff;
        color: #ec6707;
    }
    header .language label a {
        width: 55px;
        height: 53px;
        font-size: 16px;
        margin-left: 0;
        margin-right: 15px;
        border: 1px solid #fff;
        color: #fff;
    }
    .right-main-nav {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: nowrap;
        align-items: center;
        margin-left: 38px;
    }
    .right-main-nav li a {
        padding: 10px 14px 0 !important;
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(346deg) brightness(100%) contrast(126%);
    }
    .logout-icon, .dashboard-icon {
        width: 40px;
        height: 40px;
    }
    header .navbar {
        padding: 18px 15px;
    }
    .navbar-toggler{
        padding: 0;
        border: none;
        border-radius: 0;
        position: relative;
        z-index: 10000;
    }
    .navbar-toggler:focus{
        box-shadow: none;
        outline: none;
    }
    .navbar-toggler[aria-expanded="false"] .close-icon{
        display: none;
    }
    .navbar-toggler[aria-expanded="false"] .menu-icon{
        display: block;
    }
    .navbar-toggler[aria-expanded="true"] .close-icon{
        display: block;
    }
    .navbar-toggler[aria-expanded="true"] .menu-icon{
        display: none;
    }
    header .navbar-brand {
        margin-right: 0;
    }
    .navbar-brand img {
        height: 49px;
    }
    .navbar-collapse {
        position: fixed;
        right: 0;
        transition: all 0.5s ease-in-out;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background-color: #ec6707;
        padding: 80px 0 0 0;
    }
    .collapse:not(.show) {
        display: block;
        transition: all 0.5s ease-in-out;
        right: -100%;
    }
    header .language label {
        width: 50px;
        height: 50px;
        font-size: 14px;
        margin-left: 10px;
    }
    .vakarbingoblockbott .textbingo .content-image {
        margin-top: 0;
    }
	
	
}
@media(max-width:1110px)      {
	.row-full {
    	width: 99vw;
	}
		#redim-cookiehint {
	    padding: 20px 20px;
	    box-sizing: border-box;
	    font-size: 10px;
	    background-color: #F6F6F6;
	    text-align: center;
	    max-width: 80%;
	    margin: 0 10% 5%;
	    display: block;
	}
	#redim-cookiehint .cookiecontent {
	    font-size: 15px;
	    line-height: 25px;
	    display: block;
	    max-width: 100%;
	    margin: 0 0 20px;
	}
	#redim-cookiehint .cookiebuttons {
	    display: block;
	}
	#cookiehintinfo {
	    margin-right: 0;
	    margin-top: 15px;
	}
}

@media (min-width: 991px) {
    .program-session-inner .program-right .extended {
      flex: 1;
    }
  }
  
@media (min-height: 590px) and (max-height: 700px){
	.hero-content .subject2 {
		font-size: 64px;
	}
}

@media(max-width:991px)      {
	.program-right .btn-lecture {
	    padding: 20px 0 0 0px;
	    display: block;
	}
  	
	.expo-item .tab-list .tab {
		width: 100%;
		    margin: -1px 0 0;
	}
	.expo-item .tab-list .tab:last-child {
		    border-left: 1px solid #232020;
	}
	.expo-item .tab-list .tab:first-child { 
		border-right: 1px solid #232020;
	}
	video {
		    width: calc(100% - 5px);
		    box-shadow: 9px 9px #ec6707;
	}
    .navbar-brand img{
        height: 40px;   
    }


    .hero-main {
        height: calc(100vh - 100px);
    }
    .hero-content h1 {
        font-size: 54px;
    }
    .hero-content p {
        font-size: 20px;
    }
    .time {
        padding: 12px 10px;
    }
    .time li {
        font-size: 28px;
            margin-right: -30px;
    }
    .time li span {
        font-size: 12px;
        margin: 0 0 0 -4px;
    }
    .time li:after {
        right: -10px;
        font-size: 34px;
    }
    .hero-media .media-body li {
        padding: 15px 25px;
    }
    .part-card h4 {
        font-size: 20px;
        margin: 0;
    }
    .part-card p {
        font-size: 14px;
    }
    .event-main {
        padding: 50px 0;
    }
    .event-card .event-card-header {
        padding: 20px 20px;
    }
    .event-card .event-body {
        padding: 0 20px 40px;
    }
    .event-card .event-body h3 {
        font-size: 18px;
        margin: 0 0 10px 0;
    }
    .event-card .event-card-header i img{
        width: 120px;
    }
    .lds-logonews {
    	height: 50px!important;
    	margin-bottom: -17px;
    }
    .event-card { 
        min-height: 415px;
    }
    .join-main-left {
        padding: 0 0 15px 15px;
    }
    .join-main-left h4 {
        font-size: 30px;
        padding: 0 0 15px 0px;
    }
    .join-main-left span {
        max-width: 240px;
        width: 100%;
    }
    .play-btn img {
        height: 40px;
    }
    .play-btn:after {
        width: 108px;
        height: 108px;
    }
    .play-btn:before {
        width: 162px;
        height: 162px;
    }
    .event-main [class*="col-"] {
        margin-bottom: 0;
    }
    .lecture {
        padding: 50px 0;
    }
    .title {
        font-size: 28px;
    }
    .lecture-inner {
        padding: 50px 0;
    }
    .swiper-pagination-progressbar {
        margin: 30px 0 0 0;
    }
    .program-session-sec {
        padding: 50px 0;
    }
    .program-right h3 {
        font-size: 14px;
        padding: 0 0 0 15px;
    }
    .program-right .text-box {
        padding: 0 0 0 25px;
    }
    .program-right .text-box p {
        font-size: 14px;
        margin: 5px 0;
    }
    .program-time-bg{
        height: 41px;
    }
    .program-right {
        padding: 17px 0;
    }
    .program-right .text-box {
        padding: 20px 0;
    }
    .program-right-colum .text-box h3 {
        padding: 0 0 30px 0;
    }
    .program-right-colum {
        padding: 0;
    }
    .program-right .text-box span img {
        height: 12px;
    }
    .program-session-sec .btn-primary {
        margin: 30px auto 0;
    }
    .conference-sec .text-box h3 {
        font-size: 32px;
        max-width: 520px;
        margin: 0 auto 40px;
    }
    .conference-sec {
        padding: 80px 0;
    }
    footer {
        padding: 50px 0;
    }
    .footer-nav ul li {
        margin: 0 10px;
    }
    .footer-nav ul li a {
        font-size: 14px;
    }
    .footer-right ul li a { 
        font-size: 14px; 
        margin-left: 10px;
    }
    .registration-text-box h3 {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .registration-text-box p {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .price-box-head h3 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .price-box-head span {
        font-size: 14px;
    }
    .price-box-head {
        padding: 25px 0;
    }
    .price-box-body {
        padding: 15px 15px 30px;
    }
    .price-box-body ul li {
        font-size: 14px;
        padding: 10px 0;
    }
    .price-box-body .text-box h4 {
        font-size: 18px;
    }
    .price-box-body .text-box p {
        font-size: 14px;
    }
    .price-box-body .show-apply-modal {
        font-size: 16px;
        height: 70px;
    }
    .registration-time .text-box p {
        font-size: 14px;
        max-width: 380px;
        width: 100%;
        line-height: 150%;
        color: #232020;
    }
    .registration-time {
        margin: 30px 0 0 0;
    }
    .registration-sec {
        padding-bottom: 70px;
    }
    .participant-modal .modal-dialog {
        max-width: 92%;
        width: 100%;
        margin: 30px auto;
    }
    .page-header h1 {
        font-size: 32px;
        margin: 0 0 50px 0;
    }
    .cardparner .intellogo {
    	    max-width: 61%;
    }

}
@media(max-width:767px)      {
	
	.join-main-sec iframe {
	    height: 280px;
	}
	
  	.program-right .col-md-4 .btn-lecture, .program-right .col-md-6 .btn-lecture {
	    padding-left: 0px;
	}
	.print-btn {
		display:none;
	}
	.bingoimagegeneration {
		max-height: 170px;
	}
	.bingoimagegeneration .textbingo {
	    font-size: 61px;
	    line-height: 60px;
	    margin-top: -139px;
	    margin-left: 308px;
	}
	.item-page {
		padding-top: 68px;
	}
	#cookiehintinfo {
	    margin-top: 10px;
	}
	#redim-cookiehint .cookiecontent {
    	font-size: 13px;
    	line-height: 22px;
   	}
    .container, .container-sm {
        max-width: 100%;
    }

    .hero-main {
        height: calc(100vh - 85px);
    }
    .hero-content{
        margin-bottom: 30px;
      	text-align: center;
      	margin-top: 10px;
    }
    .time li {
        font-size: 34px;
            margin-right: 0px;
    }
    .time li:after {
        right: -30px;
        font-size: 38px;
    }

    .hero-main a {
        min-width: 150px;
    }
    .hero-media .media-body li {
        padding: 15px 20px;
    }
    .event-card .event-body p {
        font-size: 14px;
    }
    .event-card .event-body h3 {
        font-size: 14px;
        margin: 0 0 10px 0;
    }
    .event-card {
        min-height: 360px;
    }
    .join-main-left h4 {
        font-size: 22px;
        padding: 0 0 10px 0px;
    }
    .join-main-left span {
        max-width: 170px;
        width: 100%;
    }
    .play-btn img {
        height: 30px;
    }
    .play-btn:after {
        width: 78px;
        height: 78px;
    }
    .play-btn:before {
        width: 132px;
        height: 132px;
    }
    .cardLecture h4 {
        font-size: 18px;
    }
    .cardLecture .desig {
        font-size: 16px;
    }
    .program-time {
        height: 35px;
        /*max-width: 121px;*/
      	max-width: 100%;
        width: 100%;
        margin-bottom: 10px;
    }
    .program-time span {
        font-size: 14px;
    }
    .program-session-inner {
        padding: 0px 0 10px 0;
    }
    .program-right {
        padding: 31px 0;
    }
    .program-right h4 { 
        font-size: 16px; 
        text-align: center;
    }
    .ps-5{
        padding: 0 !important;
    }
    .program-right h3 {
        font-size: 16px;
        padding: 0 0 0 35px;
    }
    .program-right .text-box p {
        font-size: 16px;
        margin: 20px 0 25px;
    }
    .program-right .text-box {
        padding:  25px 0 0 35px;
    }
    .program-time-bg{
        max-width: 100%;
    }
    .program-right h4 {
        font-size: 14px;
        text-align: center;
    }
    .program-time-bg{
        padding: 0;
        height: 35px;
    }
    .program-right-colum{
        padding: 0;
    }
    .program-right .text-box {
        border-right: none;
        border-bottom: 1px solid rgba(35, 32, 32, 0.2);
        padding: 20px 35px;
    }
  	.program-right .btn-lecture {
	    padding: 20px 0 0 35px;
	    display: block;
	}
    .footer-nav{
        margin: 20px 0;
    }
    .footer-nav ul {
        justify-content: flex-start;
    }
    .footer-nav ul li:first-child{
        margin-left: 0;
    }
    .footer-right {
        justify-content: flex-start;
    }


    .partner-main .swiper-slide {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .registration-inner {
        padding: 0;
    }
    .registration-text-box h3 {
        font-size: 30px;
        margin-bottom: 22px;
    }
    .registration-text-box p {
        margin-bottom: 25px;
    }
    .price-box-head {
        padding: 37px 0;
    }
    .price-box-head h3 {
        font-size: 25px;
        margin-bottom: 6px;
    }
    .price-box-head span {
        font-size: 18px;
    }
    .price-box-head a{
        display: flex;
    }
    .price-box-head p{
        display: block
    }
    .price-box-body {
        padding: 15px 20px 60px;
        display: none;
    }
    .price-box-body ul li {
        font-size: 14px;
        padding: 15px 0;
    }
    .registration-time {
        margin: 10px 0 0 0;
    }
    .registration-time .text-box {
        margin: 30px 0 0 0;
    }
    .registration-time .text-box p {
        font-size: 16px;
        max-width: 100%;
    }
    .participant-modal .modal-body {
        padding: 67px 50px 60px;
    }
    .participant-modal-inner h4 {
        font-size: 30px;
    }
    .modal-close{
        top: 10px;
        right: 10px;
    }
    .participant-modal .modal-body {
        padding: 55px 50px 60px;
    }
    .check {
        font-size: 12px;
    }
    .participant-modal-inner form .form-group p {
        font-size: 10px;
    }
    .page-header h1 {
        font-size: 30px;
        margin: 0 0 50px 0;
    }
    .program-inner .btn-primary {
        margin: 68px 0 0 0;
        height: 103px;
        max-width: 280px;
    }
    .section-welcome, .section-sec, .section-advertising, .section-expo-agenda, .first-section {
        margin-left: 15px;
        margin-right: 15px;
    }
	
	.profile-banner {
		padding-left: 15px;
		padding-right: 15px;
	}
    .vakaraprogramma .partner-slide-evening-program .swiper-wrapper {
        flex-direction: column;
    }
    .vakaraprogramma .partner-slide-evening-program .swiper-wrapper .swiper-slide {
        margin-bottom: 20px !important;
    }
}

@media(max-height:614px)      {
    .hero-main .flex1 {
        flex: 1;
		display: flex;
		align-items: flex-end;
		padding: 0;
    }
}

@media(max-width:575px)      {
    .hero-main .flex1 {
        align-items: flex-start;
        padding: 8px 15px 30px;
    }
    .hero-main .time {
        max-width: 310px;
        margin: 0 auto;
		margin-top: 40px;
    }
    .time .sec-block {
	    min-width: 63px;
	}
    .time li {
        font-size: 29px;
    }
    .time li span {
        font-size: 10px;
        margin: 0 0 0 -5px;
    }
    .time li:after {
        right: -15px;
        font-size: 29px;
    }
    .hero-content h1 {
        font-size: 58px;
        margin: 0 0 5px 0;
    }
    .hero-content p {
        font-size: 19px;
    }
    .hero-main {
        height: auto;
    }
    .hero-content {
        margin-bottom: 0;
        margin-top: 30px;
    }
    .hero-media {
        flex-direction: column-reverse;
        border: none;
    }
    .media-body{
        background: rgba(0, 0, 0, 0.01);
        /*border: 1px solid rgba(255, 255, 255, 0.5);*/
        backdrop-filter: blur(26px);
        border-radius: 0; 
        padding: 0 30px;
    }
    .flex1 .order-last {
    	    text-align: center;
    }
    .hero-media .media-body ul {
        justify-content: space-between;
    }
    .hero-media .media-body li {
        padding: 21px 0;
    }
    .part-card h4 {
        font-size: 25px;
        margin: 0;
    }
    .part-card p {
        font-size: 16px;
    }
    .hero-main a {
        min-width: 100%;
        height: 103px;
        position: relative;
        z-index: 10;
        margin: -1px 0 -1px 0px;
    }
    .time li:after {
    	right: -15px;
    }
    .event-main {
        padding: 100px 15px;
    }
    .event-card {
        min-height: 465px;
    }
    .event-card .event-body h3 {
        font-size: 22px;
        margin: 0 0 20px 0;
    }
    .event-card .event-body p {
        font-size: 16px;
    }
    .event-card .event-card-header {
        padding: 20px 30px;
    }
    .event-card .event-body {
        padding: 0 30px 40px;
    }
    .swiper-slide {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .swiper-pagination-progressbar {
        margin: 60px 0 0 0;
    }
    .join-main-sec{
        padding: 0 15px;
    }
    .join-main-left {
        padding: 57px 30px 120px;
        position: relative; 
    }
    .join-main-left h4 {
        font-size: 30px;
        padding: 0;
        position: relative;
        z-index: 10;
    }
    .join-main-left span {
        max-width: 207px;
        width: 100%;
        position: absolute;
        right: 5px;
        top: 26px;
    }
    .join-main-right{
        position: relative;
    }
    .play-btn {
        top: -30px;
        transform: translate(-50%,0);
    }
    .play-btn img {
        height: 47px;
    }
    .play-btn:after {
        width: 112px;
        height: 112px;
    }
    .play-btn:before {
        width: 148px;
        height: 148px;
    }
    .play-btn.hidden:after, .play-btn.hidden:before {
        display: none;
    }
    .title {
        font-size: 30px;
    }
    .lecture {
        padding: 10px 15px 80px;
    }
    .cardLecture .img-holder img{
        width: 100%;
    }
    .lecture-inner {
        padding: 60px 0 0;
    }
    .lecture .text-center{
        margin-top:50px;
    }
    .partner-slide {
        margin-top: 45px;
    }
    .partner-main {
        padding: 1px 0 43px;
    }
    .program-session-sec {
        padding: 0px 15px 100px;
    }
    .program-session-sec .title {
        margin: 0 0 55px 0;
    }
    .btn {
        max-width: 280px;
        /*height: 103px;*/
    }
    .program-session-sec .btn-primary {
        margin: 50px auto 0;
    }
    .conference-sec .text-box h3 {
        font-size: 30px;
        margin: 0 auto 40px;
    }
    .conference-sec {
        padding: 100px 15px;
    }
    footer {
        padding: 40px 15px;
    }
    .footer-logo img{
        height: 37px;
    }
    .footer-right ul{
        display: flex;
        margin: 30px 0;
        align-items: flex-start;
        flex-direction: column;
    }
    .footer-right ul li {
        margin: 0 56px 0 0;
    }
    .footer-right ul li:last-child{
        margin: 0;
    }
    .footer-nav {
        margin: 0;
    }
    .modal-body {
        padding: 25px 15px;
    }
    .participant-modal .modal-body {
        padding: 55px 33px 60px;
    }
    .participant-modal-success .text-inner p{
        font-size: 16px;
    }
    .program-inner .program-time{
        max-width: 100%;
    }
    .item-page .lecture-inner {
        justify-content: space-around;
    }
    .item-page .lecture-inner .cardLecture {
        width: auto;
        padding: 0 0px;
    }
    .item-page .partner-list .cardparner {
        margin-bottom: 30px;
        width: 50%;
        padding: 0 15px;
        margin-right: 0;
    }
    .section-welcome {
        margin-left:15px;
        margin-right:15px;
        padding-left:30px;
        padding-bottom: 0;
    }
    .section-welcome .paragraph-container {
        padding-bottom:30px;
    }
    .section-welcome h1{
        padding-top:30px;
        padding-bottom:30px;
        font-size: 40px;
    }
    .section-welcome .img-container .main-img {
        height: 110px;
            display: none;
    }

    .section-welcome .img-container .ellipse-vertical {
        position: absolute;
        right: 75px;
        z-index: 1;
    }
    .section-welcome .img-container .ellipse-horizontal {
        position: absolute;
        right: 0;
        top:70px;
        z-index: 1;
    }
    .section-welcome div:first-child {
        z-index: 2;
    }
    .btn-dashboard {
        height: auto;
    }
    .section-welcome p {
        margin: 0;
        padding-right: 40px;
    }
    .section-sec .ctf-agenda {
        padding: 0;
        margin-top: 20px;
    }
    .section-expo-agenda .expo-anketa {
        padding:0;
		margin-bottom: 20px;
    }
    .section-expo-agenda .evening-agenda {
        margin-top:20px;
    }
    .section-expo-agenda .anketa {
        align-items: flex-start;
        flex-direction: column;
    }
    .section-expo-agenda .anketa p {
        padding: 10px 0 30px;
    }
    .section-expo-agenda .anketa a {
        width: 141px;
        height: auto;
        padding: 10px;
        justify-content: center;
        background: #727070;
    }
    .section-expo-agenda .anketa a img {
        display: none;
    }
    .section-sec .agenda {
        align-items: flex-start;
        flex-direction: column;
    }
    .section-sec .agenda h2 {
        padding: 10px 0 30px;
        margin: 0;
    }
    footer .order-last {
    	    overflow-x: scroll;
    }
    .footer-nav ul li a {
    	padding: 0.5rem 1rem 0.5rem 0rem;
    }
    .ctfpartenrlogo img {
    	    float: left;
    }
    .ctfpartenrlogo {
    	    margin: 16px 0 -25px;
    }
    .ctf-form .participant-modal-inner {
    	width: 85%;
    }
    .vakarbingoblockbott h2 {
    	margin: 0 0 30px;
    }
    .bingoimagegeneration {
    	margin: 50px 0 0;
    	box-shadow: 8px 8px #ec6707;
    }
    .bbottom {
    	    border-bottom: none;
    }
    .badge {
        padding: 0;
        margin-bottom: 8px;
    }
    .btn-dashboard-no-border {
        width: 141px;
        height: auto;
        padding: 10px;
        justify-content: center;
        background: #fff;
        color: #EC6707;
    }
    .btn-dashboard-no-border img {
        display: none;
    }
    .section-advertising > div {
        align-items: flex-start;
        flex-direction: column;
    }
    .section-advertising h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }
	
	.section-expo-agenda h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }
	
    .hpe-banner {
        margin-top:20px;
    }
    .how-to-join {
        align-items: flex-start;
        flex-direction: column;
    }
    .how-to-join h2 {
        margin-bottom:30px;
    }
  .program-sec .date-headline {
    font-size:16px;
  }
}
@media(max-width:420px)      {
    .hero-content h1 {
        font-size: 46px; 
    }
    .part-card h4 {
        font-size: 18px; 
    }
    .hero-content p {
        font-size: 16px;
    }
    .event-card .event-body h3 {
        font-size: 18px; 
    }
    .title {
        font-size: 24px;
    }
    .program-inner .btn-primary {
        margin: 30px 0 0 0;
        height: 80px;
        max-width: 230px;
    }
}
@media(max-width:374px)      {
    .hero-content h1 {
        font-size: 38px;
    }
    .hero-content p {
        font-size: 14px;
    }
    .part-card p {
        font-size: 14px;
    }
    .event-card .event-card-header {
        padding: 20px 20px;
    }
    .event-card .event-body {
        padding: 0 20px 35px;
    }
    .event-card .event-body h3 {
        font-size: 16px;
    }
    .event-card .event-body p {
        font-size: 14px;
    }
    .join-main-left h4 {
        font-size: 24px;
    }
    .join-main-left span {
        max-width: 140px;
    }
    .join-main-left {
        padding: 50px 30px 80px;
    }
    .play-btn img {
        height: 30px;
    }
    .play-btn:after {
        width: 92px;
        height: 92px;
    }
    .play-btn:before {
        width: 128px;
        height: 128px;
    }
    .play-btn {
        top: -15px;
        transform: translate(-50%,0);
    }
    .program-session-sec .title br{
        display: none;
    }
    .program-right .text-box {
        padding: 15px 15px;
    }
    .program-right h4 {
        font-size: 12px; 
    }
    .program-right h3 {
        padding: 0 0 0 15px;
    }
    .program-right {
        padding: 20px 0;
    }
    .conference-sec .text-box h3 {
        font-size: 23px;
        margin: 0 auto 40px;
    }
    .footer-right ul li {
        margin: 0 25px 0 0;
    }
    .btn {
        max-width: 200px;
        height: 80px;
    }
    .participant-modal .modal-body {
        padding: 55px 20px 60px;
    }
    .page-header h1 {
        font-size: 24px;
        margin: 0 0 30px 0;
    }
}