@media (min-width: 1920px) and (max-width: 2560px) {



}

@media (min-width: 1600px) and (max-width: 1919px) {

.common-ttle{ font-size: 46px;}
.common-desc{ font-size: 20px;}
.common-cta{ font-size: 15px;}
}

/* 
@media  screen and (max-width: 1440px) {

.common-ttle{ font-size: 46px;}
.common-desc{ font-size: 20px;}
.common-cta{ font-size: 15px;}
#value-creation .creationRight {padding: 40px;}


}
*/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {

.common-ttle{ font-size: 40px;}
.common-desc{ font-size: 20px;}
.common-cta{ font-size: 15px;}
.schedule-container .event {font-size: 22px;}
#banner .hero-text h1 {font-size: 32px;}
#banner .time-box {font-size: 60px;}

}


/* 3. scale and layout setting at 150% */
@media (resolution: 1.5dppx) {
.common-ttle{ font-size: 40px;}
.common-desc{ font-size: 20px;}
.common-cta{ font-size: 15px;}
.schedule-container .event {font-size: 22px;}
#banner .hero-text h1 {font-size: 32px;}
#banner .time-box {font-size: 60px;}

}



/* 4. scale and layout setting at 175% */
@media (resolution: 1.75dppx) {
p {
font-size: 14px;
line-height: 22px;
}


}

/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
}

/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)   {
}


/* Extra small */
@media (min-width: 320px) and (max-width: 767px) {
.row {
margin-left: 0px;
margin-right: 0px;
}
.common-ttle{ font-size: 30px;}
.common-desc{ font-size: 20px;}
.common-cta{ font-size: 15px;}
.schedule-container .event,.schedule-container .time {font-size: 17px;}
.schedule-container .time {width: 110px;}
#banner .hero-text h1 {font-size: 20px;}
#banner .time-box {font-size: 46px;width: 62px;padding: 10px 0px;}
#banner .hero-overlay {padding: 1rem;}
#about {
    padding: 40px 0px;
}

#speakers {
    padding: 0px 0px;
}
#speakers .card {height: 290px;}
#speakers .card-wrap {width: 49%;}
#speakers .card-info {padding: 10px;}
#speakers .card-info h1 {    font-size: 16px;
    letter-spacing: 0px;}

    .schedule-container .schedule-item {padding: 30px 10px;}
#header .brand {padding-left: 0px;}
#header .brand img {
    width: 275px;
}

.Discussion {padding-left: 0px;}
.Discussion li { width: 100%; }

}