@media screen and (min-width:1600px) {
	.container {max-width:1440px;}
	
}
@media screen and (min-width:1600px) and (max-width:1700px) {
 
}
@media screen and (min-width:1440px) and (max-width:1599px) {
    .navbar-expand-lg .navbar-nav li {
        padding: 0rem 25px 0rem 25px;
    }
    .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link span{font-size:1.4rem}
    h1, h1 span{font-size:3rem}
}
@media screen and (min-width:1300px) and (max-width:1439px) {
    
}
@media screen and (min-width:1280px) and (max-width:1439px) {
    .navbar-expand-lg .navbar-nav li {
        padding: 0rem 20px 0rem 20px;
    }
    .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link span{font-size:1.15rem}
    h1, h1 span{font-size:3.5rem}
    .nav-tabs button h3{font-size:2rem}
    .nav-tabs button .tab-date{font-size:1rem;}
    .tab-pane ul li .time-div,.tab-pane ul li .time-div{font-size:1.75rem;}
    .tab-pane ul li .programme-dtl h4,.tab-pane ul li.session h3{font-size:2rem;}
}
@media screen and (min-width:1024px) and (max-width:1279px) {
    .navbar-expand-lg .navbar-nav li {
        padding: 0rem 10px 0rem 10px;
    }
    .KPC-banner{max-width:700px}
    .timer-venue h3{font-size:25px}
    .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link span{font-size:1.2rem}
    h1, h1 span{
        font-size:2.5rem
    }
    .messages .col-12 p{font-size:1.15rem}
    .nav-tabs button{padding-left:25px;}
    .nav-tabs button h3{font-size:1.5rem}
    .nav-tabs button .tab-date{font-size:1rem;}
    .tab-pane ul li .time-div{font-size:1.75rem}
    .tab-pane ul li .programme-dtl h4{font-size:2rem}
    .tab-pane ul li.session h2{font-size:1.7rem}
    .tab-pane ul li.session h3{font-size:2rem}
    .sponsors h6{font-size:2rem}
}
@media screen and (min-width:992px) and (max-width:1023px) { 
    .korlc-brand span{width:125px;}
    .navbar-expand-lg .navbar-nav li{padding:0rem 10px 0rem 10px;}
	.navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link span{font-size:17px;}
    .KPC-banner{max-width:700px}
    .timer-venue h3{font-size:25px}
    h1, h1 span {font-size:35px;}
    .messages .col-12 p{font-size:18px}
    .nav-tabs button h3{font-size:20px}
    .nav-tabs button .tab-date{font-size:16px}
    .tab-pane ul li .time-div,.tab-pane ul li.session h3{font-size:25px}
    .tab-pane ul li .programme-dtl h4,.tab-pane ul li.session h2{font-size:30px;}
    .sponsors h6{font-size:27px}
}
@media screen and (min-width:300px) and (max-width:1279px) {
	/* .container {max-width: 100%;} */
	.swiper-button-prev{left:0px;}
	.swiper-button-next{right:0px;}
}
@media screen and (min-width:300px) and (max-width:991px) {
    /*html,body{font-size:35.5%;}*/
    .navbar-toggler{padding:0;border:0px solid red;width:40px;height:35px;display:flex;align-items:center;justify-content:flex-start;box-shadow:none;}
.navbar-toggler:focus{box-shadow:none}
.navbar-toggler-icon{width:25px;height:2px;background:#9756a0;;border-radius:0;position:relative;}
.navbar-toggler-icon::after,.navbar-toggler-icon::before{content:'';position:absolute;width:100%;height:2px;display:block;background:#d9646d;left:8px;}
.navbar-toggler .navbar-toggler-icon,.navbar-toggler-icon::after,.navbar-toggler-icon::before{transition:all 0.3s ease-out 0.5s;}
.navbar-toggler-icon::before{top:-7px;}
.navbar-toggler-icon::after{bottom:-7px}

.navbar-collapse.show + .navbar-toggler .navbar-toggler-icon,.navbar-collapse.showing + .navbar-toggler .navbar-toggler-icon{background:rgba(255,255,255,0);transition:all 0.3s ease-out 0s;}
.navbar-collapse.show + .navbar-toggler .navbar-toggler-icon::before,.navbar-collapse.showing + .navbar-toggler .navbar-toggler-icon:before{transform:rotate(45deg) translateY(10px);transition:all 0.3s ease-out 0s;}
.navbar-collapse.show + .navbar-toggler .navbar-toggler-icon::after,.navbar-collapse.showing + .navbar-toggler .navbar-toggler-icon::after{transform:rotate(-45deg) translateY(-10px);transition:all 0.3s ease-out 0s;}
/*.program, .registration, .sponsors, .about, .committee{padding:50px 10px 50px 10px;}*/
    .collapse:not(.show) {
        display: block;
    }
    header .navbar>.container{padding-left:10px;padding-right:10px}
	.korlc-brand,.korlc-brand span{width:100px;}
    .navbar-expand-lg .navbar-nav .navi-link, .navbar-expand-lg .navbar-nav .navi-link span{font-size:18px;}
    header .navbar>.container{justify-content:space-between;max-width:100%}
    .navbar-toggler{position:relative;z-index:99;margin-top:20px;}
    .navbar-toggler span{font-size:20px;/*color:var(--white);filter:invert(1);*/}
    .navbar-toggler:focus{box-shadow:none;}
    .navbar-register{width:50px;height:30px;position:absolute;z-index:88;right:0;top:0;}
    .navbar-register .navbar-collapse{width:320px;position:absolute;right:-320px;transition: all 0.4s cubic-bezier(.4,0,.2,1) 0s;top:0;z-index:9;height:100vh;background: linear-gradient(40deg, var(--color-bg-a), var(--color-bg-b)); }
    .navbar-register .navbar-collapse.collapsing{top:0;right:0px}
    .navbar-register .navbar-collapse.show{top:0!important;right:0px;} 
    .navbar-nav{margin-top:50px;}
    .navbar-expand-lg .navbar-nav li{padding:0 3rem;}
    .navbar-expand-lg .navbar-nav .nav-link{text-align:left;border-bottom:1px solid rgba(255,255,255,0.25);padding-top:7px;padding-bottom:8px;margin:0;line-height:1.5;}
    .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link span{font-size:20px;color:var(--white);}
    .navbar-expand-lg .navbar-nav li{transition: all 0.4s cubic-bezier(.4,0,.2,1) 0s;transform: translateX(25px);opacity:0;text-align:left;}
    .navbar-expand-lg .navbar-nav li + li{margin-top:20px}
    .navbar-register .navbar-collapse.collapsing .navbar-nav li,.navbar-register .navbar-collapse.show .navbar-nav li{transform:translateX(0px);opacity:1;}
    .navbar-register .navbar-collapse.collapsing .navbar-nav li:nth-child(1),.navbar-register .navbar-collapse.show .navbar-nav li:nth-child(1){transition-delay:0.1s;}
    .navbar-register .navbar-collapse.collapsing .navbar-nav li:nth-child(2),.navbar-register .navbar-collapse.show .navbar-nav li:nth-child(2){transition-delay:0.150s;}
    .navbar-register .navbar-collapse.collapsing .navbar-nav li:nth-child(3),.navbar-register .navbar-collapse.show .navbar-nav li:nth-child(3){transition-delay:0.2s;}
    .navbar-register .navbar-collapse.collapsing .navbar-nav li:nth-child(4),.navbar-register .navbar-collapse.show .navbar-nav li:nth-child(4){transition-delay:0.250s;}
    .navbar-register .navbar-collapse.collapsing .navbar-nav li:nth-child(5),.navbar-register .navbar-collapse.show .navbar-nav li:nth-child(5){transition-delay:0.300s;}
    .navbar-register .navbar-collapse.collapsing .navbar-nav li:nth-child(6),.navbar-register .navbar-collapse.show .navbar-nav li:nth-child(6){transition-delay:0.350s;}
    .navbar-register .navbar-collapse.collapsing .navbar-nav li:nth-child(7),.navbar-register .navbar-collapse.show .navbar-nav li:nth-child(7){transition-delay:0.400s;}
    .navbar-register .navbar-collapse.collapsing .navbar-nav li:nth-child(8),.navbar-register .navbar-collapse.show .navbar-nav li:nth-child(8){transition-delay:0.450s;}
    .messages .col + .col{margin-left:85px;}
    .messages .col{width:200px;max-width:200px;}
    .colleagues-card h3{font-size:20px;white-space:normal;}
    .colleagues-card p{font-size:16px;white-space:normal;}
    .messages{padding-bottom:25px;}
    .messages .col-12 h4{font-size:25px;}
    .messages .col-12 p{font-size:16px;}
    h1, h1 span{font-size:25px}
}
@media screen and (min-width:576px) and (max-width:991px) {
    .timer-venue ul{gap:15px;}
    .timer-venue ul li svg, .timer-venue ul li svg path {
        width:120px;
    }
 }
@media screen and (min-width:768px) and (max-width:780px) {
	 
}
@media screen and (min-width:768px) and (max-width:991px) {
	

}
@media screen and (min-width:641px) and (max-width:767px) {
	 
}
@media screen and (min-width:576px) and (max-width:780px) {
	
}
@media screen and (min-width:300px) and (max-width:991px) {
    /* header{backdrop-filter:blur(25px);background-color:rgba(28, 43, 68, 0.85);} */
    .banner{padding-top:85px;}
    .stem-cell-man{top:88px;}


	.venue-time li div img{width:3rem;}
    .form-select{font-size:14px}
    .form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
        height: 45px;
        line-height: 1.25;
    }
    .form-floating>label{font-size:14px;padding:10px 10px 7px 10px}
    .form-floating>.form-control:focus~label{ padding-top:2px;}
    .form-floating>.form-select {
        padding-top: 12px;
        padding-bottom: 5px;padding-left:10px;
    }
    .form-floating>.form-control, .form-floating>.form-control-plaintext {
        /* padding: 2rem 1rem; */font-size:16px;padding-left:10px;
    }
    .about{padding-top:50px;}
    /* .form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
        padding-top: 2rem;
        padding-bottom: 0.625rem;
    } */
    .btn, .btn:hover, .btn:focus{font-size:17px;padding:10px;}
    #regsubButt{margin-top:10px;}
    .offcanvas-title,.offcanvas-header .btn-close{font-size:20px;}
    .offcanvas-body{padding-left:10px;padding-right:10px;}
    .form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label
    {padding-top:4px;}
    .offcanvas-body .btn{padding:1.5rem 2rem;}
    p{line-height:1.4;font-size:16px}
    .swiper-button-prev::before, .swiper-button-next::before{width:20px;height:20px;}
    .message-contents p{font-size:2.5rem;}
    .box-card-holder::after{
        border: 15px solid rgba(38,131,194,0);
        border-left: 15px solid var(--percian);    left: -7px;
        top: -7px;
        width: calc(100% + 13px);
        height: calc(100% + 13px);}
    .box-card{padding:20px;}
    .box-card-flag{width:6rem;}
    .box-card-dtl{padding-top:2.5rem;}
    .box-card-dtl h3{font-size:23px;padding:0.85rem 0.3rem;}
    .box-card-dtl p{font-size:16px;margin-top:2rem;}
    .myCommittee{margin-bottom:5rem;}
    .mySpeaker .swiper-slide{height:400px!important;}
    .sponsors h6{font-size:22px}
    .nav-tabs button img{height:100%;}
    .nav-tabs button .tab-date{font-size:13px;}
    .nav-tabs button h3{font-size:20px;}
    .nav-tabs button{padding:30px 20px 30px 20px;}
    .tab-pane ul li .time-div{font-size:20px;}
    .tab-pane ul li .programme-dtl h4{font-size:18px;}
    .tab-pane ul li.session h2{font-size:20px;}
    .tab-pane ul li.session h3{font-size:17px;}
    .timer-venue h3{font-size:25px;margin:25px 0;}
    .timer-venue ul li div span{font-size:25px;}
    .timer-venue ul li div p{font-size:16px;}

    /* .row>*{padding-left:calc(var(--bs-gutter-x) * 1.5);padding-right:calc(var(--bs-gutter-x) * 1.5);} */
    .modal-title{padding-right:50px;line-height:1.4;margin-bottom:10px;font-size:25px;}
    .modal-header .btn-close{margin-right:0;}
    .btn-close{width:25px;height:25px;flex: 0 0 25px;background-size: 100%;position: absolute;right:15px;top:20px;margin-right:0;}
    .modal-header{position:relative;}

}
@media screen and (min-width:300px) and (max-width:575px) {
    .banner{min-height:unset;}
    .logo{display:none!important;}
    .stem-cell-man{width:100%;position:static!important;overflow:hidden;height:auto;}
    .stem-cell-man img{float:right;width:125%!important;}
    .banner .timer-venue{width:calc(100% - 15px);left:0;margin:0 auto;position:static!important;min-height:unset;margin-top:-35px}
    .venue{font-size:20px;}

    .timer-venue h3{font-size:22px;margin:25px 0;}
    .timer-venue ul{padding:0;}    
    .countdown li .day span{font-size:45px;}
    .countdown li .day p{font-size:20px;}
    .cme h2{font-size:45px;}
    .cme div{font-size:20px;}
    .timer-venue ul li svg, .timer-venue ul li svg path{}
    .timer-venue ul li div span{font-size:15px;}
    .timer-venue ul li div p{font-size:15px;}
    .countdown, .cme{width:150px;height:150px;}
    .about h1{margin-bottom:15px;}
    h1, h1 span{font-size:35px}
    /*.about .row .col-lg-5{display:none;}*/
    .speaker-row .col-lg-3{width:50%;max-width:50%;}
    .speaker-card-dtl h3{font-size:25px;}
    .speaker-card-dtl p{font-size:15px;}
    .modal-body{display: block!important;}
    .modal-header h6{font-size:15px;}
    .modal-body .speaker-photo {
        width:175px;
        flex: 0 0 175px;margin-bottom:25px;
    }
    .speaker-info{padding-left:0px;}
    .speaker-info p,.speaker-info li{font-size:16px;}

    .mySpeaker .swiper-slide{height:350px!important;}
    .box-card-dtl h3{font-size:20px;}
    .messages{padding-bottom:25px;}
    .mySpeaker{height:750px!important}
    .korlc-card{display: none !important;;}
    .offcanvas.offcanvas-end {
        width:90%;
    }
    
    .messages .col + .col {
        margin-left: 0;
    }
    .messages .col{flex:0 0 50%;width:50%;max-width:50%;padding:15px;}
    .colleagues-card h3{font-size:20px;white-space:normal;}
    .colleagues-card p{font-size:15px;white-space:normal;}
    .messages .col-12 h4{font-size:25px;margin-bottom:15px;}
    .messages .col-12 p{font-size:16px;}

    .venue-time li div{font-size:3rem}
    .skyline{width:100%;}
    .banner-contents{padding:10rem 0 21rem 0;}
    .korlc{width:8.9375rem}
    .crumb{font-size:6.125rem}
    .banner-left h2{font-size:2.7rem}
    .banner-left-title{padding-left:10px;}
    .message-img{width:25rem;}
    .committee::before{background-size:50% auto;}
    .tab-pane ul li .speaker-frame{flex:0 0 100px;}
    .tab-pane ul li .speaker-frame + div{flex:0 0 calc(100% - 100px);}
    .tab-pane ul li .speaker-frame .box-card-img {width:100px;}
    .nav-tabs button{padding:25px 10px 15px 10px;flex:0 0 45%;}
    .nav-tabs button img{left:0;top:0;transform:none;height:100%;}
    .nav-tabs button.active { }
    .nav-tabs button h3{font-size:25px}
    .nav-tabs button .tab-date{font-size:16px;}
    .tab-pane ul li .time-div{margin-left:0rem;font-size:18px }    
    .tab-pane ul li .programme-dtl {
        width:auto;
        padding-left: 2rem;
    }
    .tab-pane ul li.session h2{font-size:18px}
    .tab-pane ul li.session h3{font-size:16px}
    .tab-pane ul li .programme-dtl h4{font-size:18px;}
    .tab-pane ul li .programme-dtl h3{font-size:18px;}
    .kwd{font-size:20px;}
    .payonlinehidcls h6{font-size:20px;}
    .sponsors-type h6{font-size:3rem;}
    footer{padding:3rem 0;}
    .sponsors-type{padding:2rem 0;}
    footer p, footer a{font-size:2rem;text-align: center;}
    /* .sponsors .row .col-lg-3:nth-child(even){padding-left:calc(var(--bs-gutter-x) * .5);}
    .sponsors .row .col-lg-3:nth-child(odd){padding-right:calc(var(--bs-gutter-x) * .5);} */
    .sponsors .row .col-lg-3 {width:50%;max-width:50%;
        /*padding-top: calc(var(--bs-gutter-x)* 1.5);
        padding-bottom: calc(var(--bs-gutter-x)* 1.5);*/
    }
}    
@media screen and (orientation: portrait) and (min-width:768px) and (max-width:1023px){
	
}
@media screen and (orientation: portrait) and (min-width:300px) and (max-width:991px){
	.countdown{right:10px;top:auto;bottom:35px}
    .abstract-btn{left:10px;top:auto;bottom:35px;}
} 
@media screen and (orientation: landscape) and (min-height:480px) and (max-height:800px){
	
}
@media screen and (min-width:480px) and (max-width:575px) { 
}
@media screen and (min-width:300px) and (max-width:479px) { 
	 
}

@media only screen and (max-width:475px){
.about h5{font-size:18px;}
.about span{font-size:14px;}}
