/* large and medium screen */
@media(min-width: 768px) {

/* drop down when mouse hover*/
.navbar .nav-item .dropdown-menu{ display: none; }
.navbar .nav-item:hover .dropdown-menu{ display: block; }
.navbar .nav-item .dropdown-menu{ margin-top:0; }
/*----*/
  
header .nav-item {
    align-self: center;
}
header .navbar .nav-item .ddPlus {
	display: none;
}
header .navbar .mr-auto li:not(:last-child){
    margin: 0 4px;
    padding-right: 8px;
    border-right: 1px solid #dddddd;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(221, 221, 221);
}
header .navbar .navbar-right  {
    font-size: .75rem;
}
header .navbar .navbar-right .navbar-text {
    margin: 0;
}
header .navbar .navbar-right img{
    width: 70%;
}
}
/* medium */
@media (min-width: 768px) and (max-width:992px) {
#banner img{
	max-width: 70%;
	left: 100px;
	position: relative;
}
}
/* medium to small */
@media(max-width: 767px) {
header .navbar .nav-item .ddPlus {
	float: right;
  font-size: 1.2rem;
  padding-right: 20px;
}
.navbar {
	padding-top: 5px !important;
}
.navbar-right {
	flex-direction: row;
}
.navbar-brand img {
	width: 150px;
}
.navbar-right .nav-item {
	padding-right: 10px;
}
h1 {
    font-size: 1.95rem;
}
main .container-bg {
    max-width: 90%;
    font-size:14px;
}
#schedule .timeline{
    overflow: auto;
}
#schedule .timeline img {
  max-width: 978px;
}
#banner img{
	max-width: 80%;
	left: 20px;
	position: relative;
}
footer img{
	padding-top: 10px;
	max-width: 100%;
}
}