@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}
	.tab-pane ul li .programme-dtl h3{font-size:2.25rem;}
}
@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:#fff;;border-radius:0;position:relative;}
.navbar-toggler-icon::after,.navbar-toggler-icon::before{content:'';position:absolute;width:100%;height:2px;display:block;background:#fff;left:8px;}
.navbar-toggler-icon::before{top:-8px;}
.navbar-toggler-icon::after{bottom:-8px;}

.navbar-collapse.show + .navbar-toggler .navbar-toggler-icon,.navbar-collapse.showing + .navbar-toggler .navbar-toggler-icon{background:rgba(255,255,255,0);}
.navbar-collapse.show + .navbar-toggler .navbar-toggler-icon::before,.navbar-collapse.showing + .navbar-toggler .navbar-toggler-icon:before{transform:rotate(45deg) translateY(10px);}
.navbar-collapse.show + .navbar-toggler .navbar-toggler-icon::after,.navbar-collapse.showing + .navbar-toggler .navbar-toggler-icon::after{transform:rotate(-45deg) translateY(-10px);}
.committee,.program,.sponsors{padding:80px 0 80px 0;}
    .collapse:not(.show) {
        display: block;
    }
    .program,.sponsors{padding-bottom:25px;}
    header .navbar>.container{padding-left:10px;padding-right:10px}
	.korlc-brand,.korlc-brand span{width:60px;}
    header{background:rgba(32,143,160,0.9);}
    header .navbar>.container{justify-content:space-between;max-width:100%}
    .banner{min-height:auto;}
    .box-card-dtl p{line-height:1.1;}
    .KPHC-bnner{max-width:100%;margin-bottom:0px;}
    .timer-venue ul li div{margin:0 auto;}
    .banner .container{padding-top:80px;}
    .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:275px;position:absolute;right:-275px;transition: all 0.4s cubic-bezier(.4,0,.2,1) 0s;top:0;z-index:9;height:100vh;background:rgba(32,143,160,0.9)}
    .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:8px;padding-bottom:9px;margin:0;line-height:1.5;}
    .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link span{font-size:18px;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;}
    .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}
	
	
	.tab-pane ul li .programme-dtl h3{font-size:2.25rem;}
	
	
	.committee-section	{font-size: 1rem;}
	
	.committee-section	{font-size: 16px;}
	.speakers-section	{font-size: 16px;}
	
	.committee-section h4,	
	.speakers-section h4	{font-size: 24px;}
	
	
	
}
@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) {
    .read-more a{font-size:15px;}
    .timer-venue{margin:10px 0;}
	.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:100px;}
    /* .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:15px;}
    .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:2.5rem;}
    .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:10px;}
    .box-card-flag{width:6rem;}
    .box-card-dtl{padding-top:0}
    .box-card-dtl h3{font-size:18px;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;}
	
	
	
.target-audience .targ-block	{font-size: 16px;}
	
	
.prog-row .prog-in			{padding: 6rem 1rem 1rem 1rem;}
.prog-row .prog-time		{padding: 0.25rem 2rem; top: 0%; transform: inherit; font-size: 14px;}
	
.prog-wrap .prog-row.session .prog-in	{padding: 1rem 1rem 1rem 1rem;}

.prog-row .pro-lecture		{font-size: 18px;}
.prog-row .pro-spkr			{font-size: 14px;}
	
}
@media screen and (min-width:300px) and (max-width:575px) {
	
	
	
    h1, h1 span{font-size:30px}
    
    .mySpeaker .swiper-slide{height:300px!important;}
    .box-card-dtl h3{font-size:16px;}
    .messages{padding-bottom:25px;}
    .mySpeaker{height:615px!important}
    .korlc-card{display: none !important}
    .offcanvas.offcanvas-end {
        width:90%;
    }
    .banner{background-size:auto 100%;padding-bottom:25px;}
    .ministry-logos{padding-top:15px;}
    .ministry-logos img,.CME{width:250px;display:block;margin:0 auto;}
    .CME {
         margin-top:15px;
    }
    .date-banner h3{font-size:18px;}
    .date-banner p{font-size:16px;}
    .date-banner{margin-top:15px;text-align:center;}
    .timer-venue h3{font-size:20px;margin:25px 0;}
    .timer-venue ul{gap:5px;padding:0;margin:0 auto;width:100%}
    .timer-venue ul li div{width:80px;height:80px;padding:7px 0 0 0;}
    .timer-venue ul li{width:45%}
    .timer-venue ul li svg, .timer-venue ul li svg path{}
    .timer-venue ul li div span{font-size:21px;}
    .timer-venue ul li div p{font-size:12px;}
    .messages{display:block!important;}
    .messages .messager{  padding:0 15px;margin:0 auto 25px auto;border-bottom:1px solid #fff;}
    .messages .messager-dtl{padding-left:calc(var(--bs-gutter-x) * .5);padding-right:calc(var(--bs-gutter-x) * .5);}
    .messages .col + .col{width:100%;max-width:100%;margin-left: 0;}
    .messager-dtl h4{font-size:20px;}
    .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;}
    .nav-tabs button{width:47%}
    .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 80px;}
    .tab-pane ul li .speaker-frame + div{flex:0 0 calc(100% - 80px);}
    .tab-pane ul li .speaker-frame .box-card-img {width:80px;}
    .nav-tabs button{padding:25px 10px 15px 10px;}
    .nav-tabs button img{left:0;top:0;transform:none;height:100%;}
    .nav-tabs button.active { }
    .nav-tabs button h3{font-size:14px}
    .nav-tabs button .tab-date{font-size:11px;}
    .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:16px;}
    .tab-pane ul li .programme-dtl h3{font-size:18px;}
    .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{}
    .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);
    }
    .sponsors-col .sponsors-logo{width:48%;padding:10px 20px;}
	
	
	
	
}    
@media screen and (orientation: portrait) and (min-width:300px) and (max-width:639px){
	.banner{min-height:100vh;}
}
@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:1700px){
.kphc-logo-img{width:80%;}}

@media only screen and (max-width:1440px){
.date-banner p{font-size:1.5rem;}
.ministry-logos img{width:60%;margin-top: -5%;}
.CME{max-width: 350px;margin-top: -10%;}
.days-number{font-size:2rem;}
.kphc-logo-img{width:70%;}
.days-counter-box{padding: 15px 30px;}
.date-banner{margin-top: 2rem;}}

@media only screen and (max-width:768px){
.ministry-logos img {width: 100%;margin-top: 0%;}
.CME {max-width: 180px;margin-top: 0%;}
.date-banner p {font-size: 3.0rem;}
.kphc-logo-img{width:55%;}
.days-counter-wrapper{justify-content: left;}
.days-label{font-size:15px;}
.days-number{font-size:3rem;}
.registrations-wrap h5{font-size:16px;}
.registrations-wrap label{font-size:15px;}
.workshop-option-item .form-check-label{font-size:14px;}}

@media only screen and (max-width:475px){
.KPHC-bnner{max-width: 300px;}	
.kphc-logo-img {width:100%;}
.days-counter-wrapper{justify-content: center;}
.ministry-logos img{width:80%;}
.date-banner p{font-size:4rem;}
.date-banner h3{font-size:30px;}
.workshop-option-item{padding: 12px 30px;}}