body, html {height: 100%;margin: 0;position: relative;}
#menu{background-color:rgba(10,30,40,0.9);box-shadow: 0 2px 2px 1px gray;}
/* rgba(0,91,69,0.9) */
#menu .active{background-color: #0D7295!important;}
#menu .nav-link:not(.disabled){color:white}
#about a,#about li{color:#174576}
.bgimg-img{display:none}

.textofdate{color:#000;}

.bgimg-home, .bgimg-topics, .bgimg-committees, .bgimg-invitedspeakers, .bgimg-submission, .bgimg-6, .bgimg-7, .bgimg-8,.bgimg-9,.programme, .bgimg-publications, .venue, .travel-information{
    position: relative;
    opacity: 1;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bgimg-home {background-image: url("../images/bg_home.jpg");min-height: calc(100% - 199px);background-position: center top 80px;background-color: #fff}
.bgimg-topics {background-image: url("../images/bg_topics.jpg");min-height: 600px;}
.bgimg-committees {background-image: url("../images/bg_committee.jpg");min-height: 600px;}
.bgimg-invitedspeakers {background-image: url("../images/bg_speakers.jpg");min-height: 600px;}
.bgimg-submission {background-image: url("../images/bg_submission.jpg");min-height: 600px;}
.bgimg-6 {background-image: url("../images/bg_submission.jpg");min-height: 600px;}
.bgimg-7 {background-image: url("../images/bg8.jpg");min-height: 600px;}
.bgimg-8 {background-image: url("../images/bg9.jpg");min-height: 600px;}
.programme {background-image: url("../images/bg_programme.jpg");min-height: 600px;}
.bgimg-publications {background-image: url("../images/bg_publications.jpg");min-height: 600px;}
.venue {background-image: url("../images/venue.jpg");min-height: 600px;}
.travel-information{background-image: url("../images/bg_travel-information.jpg");min-height: 600px;}

/* .bgimg-1{background-attachment: scroll;} */

#abouturl,#topicsurl,#committeesurl,#invitedspeakersurl,#submissionurl,#programmeurl,#conferenceproceedingsurl{padding-top: 2em;}

.table-sm thead{background-color:#174576;color:white;text-align: center}
.table-sm td{padding:10px;line-height: 150%}
.table-sm td:nth-child(2){font-weight: bold;word-break: keep-all;white-space: nowrap;}
#topicsSubtopics td:nth-child(1){font-weight: bold;word-break: keep-all;}

.caption {position: absolute;left:0;top: 45%;width: 100%;text-align: center;}
.caption1 {position: absolute;left:0;top: 25%;width: 50%;text-align: center;}
.caption2 {position: absolute;left:0;top: calc(25% + 80px);width: 50%;text-align: center;}

span.border1 {background-color: #174576;color: #fff;padding: 18px;font-size: 25px;letter-spacing: 10px;opacity: 0.7;}
span.border2 {background-color: #fff;color: #000;padding: 10px;font-size: 25px;letter-spacing: 10px;}

.sectionName {letter-spacing: 5px;text-transform: uppercase;font-weight:400; color: #174576;text-align: center;}
.qrcode{width: auto;height: 100px;display:block;margin:10px auto}

#commitees td{text-align: left}
#participants td{text-align: left}

.programLink a{color:#459CA0;}
.programLink a:hover{color:blue;}
.programLink img{height:280px;width: auto;}

#submission form{margin:2em auto;padding:2em;border:1px dashed #ccc;border-radius: 5px}
#submission form label{font-weight: bold}
#submission form th{text-align:center;color:#555}
#submission form td{padding:0}
#submission form button{background-color:#174576;}


/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    .bgimg-home, .bgimg-topics, .bgimg-committees, .bgimg-invitedspeakers, .bgimg-submission, .bgimg-6, .bgimg-7, .bgimg-7, .bgimg-9, .travel-information{
        background-attachment: scroll;
    }
}

.fade-in-text1 {animation: fadeIn linear 1s;-webkit-animation: fadeIn linear 1s;-moz-animation: fadeIn linear 1s;-o-animation: fadeIn linear 1s;-ms-animation: fadeIn linear 1s;color:#0D7295}
.fade-in-text2 {animation: fadeIn linear 2s;-webkit-animation: fadeIn linear 2s;-moz-animation: fadeIn linear 2s;-o-animation: fadeIn linear 2s;-ms-animation: fadeIn linear 2s;color:#0D7295;font-size: 100%}
.fade-in-text3 {animation: fadeIn linear 3s;-webkit-animation: fadeIn linear 3s;-moz-animation: fadeIn linear 3s;-o-animation: fadeIn linear 3s;-ms-animation: fadeIn linear 3s;font-weight:400}
.fade-in-text4 {animation: fadeIn linear 4s;-webkit-animation: fadeIn linear 4s;-moz-animation: fadeIn linear 4s;-o-animation: fadeIn linear 4s;-ms-animation: fadeIn linear 4s;}
.fade-in-image1 {animation: fadeIn 1s;-webkit-animation: fadeIn 1s;-moz-animation: fadeIn 1s;-o-animation: fadeIn 1s;-ms-animation: fadeIn 1s;}
.fade-in-image2 {animation: fadeIn 5s;-webkit-animation: fadeIn 5s;-moz-animation: fadeIn 5s;-o-animation: fadeIn 5s;-ms-animation: fadeIn 5s;}


/*
        Footer
 */
#footer{background-color:rgba(10,30,40,1);position: relative}
#footer .contactTitle{color:white;font-size:20px;font-weight: bold;text-align: center;margin-bottom: 1.4em;letter-spacing: 2px;}
#footer i.bi-whatsapp{margin-left: 0.5em;}
#footer a.link{display: block;color:#bbb;text-decoration: none;margin-bottom: 10px;text-align: center}
#footer a.link:hover{color:#fff}
/* #footer .socialLogo{display: inline-block;border-radius: 25%;margin:10px;width: 40px; transition: 0.2s all ease-in-out;}
#footer .socialLogo:hover{transform: scale(1.1);}
#footer .socialLogoLink{width:40px;height:40px;overflow: hidden;margin: 0 auto;}*/

#footer .socialLogoLink i {font-size: 18px;line-height: 0;}
#footer .socialLogoLink {
    transition: color 0.3s;
    color: 151515!important;
    margin: 0 3px;
    border-radius: 4px;
    width: 36px;
    height: 36px;
    /* background: rgba(255, 255, 255, 0.8); */
    background-color: rgba(10,30,40,0.8)!important;
    transition: ease-in-out 0.3s;
    color: #484848;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align:center
}
#footer .socialLogoLink:hover {color: #fff!important;background: #0B9500!important;}


@keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
@-moz-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
@-webkit-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
@-o-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
@-ms-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}


@media (min-width: 1400px)
{
    #homeHeader{padding:80px 0 0;font-size: 22px;font-weight: bold;}
    .titleofheader{padding-left: 180px;padding-top: 10px;line-height:1;}
    .fade-in-text1 {padding-bottom: 10px;text-align: left!important;}
    .fade-in-text2 {padding-bottom: 5px;text-align: left!important;}
    .fade-in-text3 {font-size:16px;padding-bottom: 15px;text-align: left!important;}
    .fade-in-text4 {font-size:16px;padding-bottom: 5px;text-align: left!important;}
    .navbar{font-size:16px;}
    .nav-link{color:rgba(255,255,255,1);}
    .logo{height:140px;width:auto;position: absolute;left:20px;top:80px;z-index: 1;padding:2px;background-color:#fff;}
    .logo-bsu{position: absolute;right:20px;top:80px;z-index: 1;font-size:14px;color:#888;}
    .logo-bsu img{height:140px;width:auto;padding:2px;background-color:#fff;}
    .logo_sponsor1{height:90px;width: auto;margin-left: 1em;vertical-align: top}
    .caption1{top: 530px;}
    .caption2{top: 600px;}
    .caption-img1{float: right;text-align: center;font-size: 14px;color:#888; vertical-align: top}
    .textofdate{padding-left: 180px;font-size: 16px;font-weight: bold;background-color: rgba(255,255,255,0);}
    .sectionName{font-size:40px;margin-bottom: 1em;}
    #about, #topics, #commitees, #venue, #covid{font-size:1.2em;line-height: 175%}
    .table-sm{font-size:12pt;}
    #invited img{height:auto;width: 200px;display: block;margin: 0 auto;}
}
@media (min-width: 1200px) and (max-width: 1399.98px)
{
    #homeHeader{padding:80px 0 0;font-size: 19px;font-weight: bold;}
    .titleofheader{padding-left: 180px;padding-top: 10px;line-height:1;}
    .fade-in-text1 {padding-bottom: 10px;text-align: left!important;}
    .fade-in-text2 {padding-bottom: 5px;text-align: left!important;}
    .fade-in-text3 {font-size:14px;padding-bottom: 15px;text-align: left!important;}
    .fade-in-text4 {font-size:16px;padding-bottom: 5px;text-align: left!important;}
    .navbar{font-size:13px;}
    .nav-link{color:rgba(255,255,255,1);}
    .logo{height:140px;width:auto;position: absolute;left:20px;top:80px;z-index: 1;padding:2px;background-color:#fff;}
    .logo-bsu{position: absolute;right:20px;top:80px;z-index: 1;font-size:14px;color:#888;}
    .logo-bsu img{height:140px;width:auto;padding:2px;background-color:#fff;}
    .logo_sponsor1{height:80px;width: auto;margin-left: 1em;vertical-align: top}
    .caption1{top: 320px;}
    .caption2{top: 380px;}
    .caption-img1{float: right;text-align: center;font-size: 12px;letter-spacing: 0;color:#888}
    .textofdate{padding-left: 180px;font-size: 15px;font-weight: bold;background-color: rgba(255,255,255,0);}
    .sectionName{font-size:30px;margin-bottom: 1em;}
    #about, #topics, #commitees, #venue, #covid{font-size:1.2em;line-height: 175%}
    .table-sm{font-size:10pt;}
    #invited img{height:auto;width: 200px;display: block;margin: 0 auto;}
}
@media (min-width: 992px) and (max-width: 1199.98px)
{
    #homeHeader{padding:80px 0 0;font-size: 18px;font-weight: bold;}
    .titleofheader{padding-left: 180px;padding-top: 10px;line-height:1;}
    .fade-in-text1 {padding-bottom: 10px;text-align: left!important;}
    .fade-in-text2 {padding-bottom: 5px;text-align: left!important;}
    .fade-in-text3 {font-size:14px;padding-bottom: 15px;text-align: left!important;}
    .fade-in-text4 {font-size:14px;padding-bottom: 5px;text-align: left!important;}
    .navbar{font-size:13px;}
    .nav-link{color:rgba(255,255,255,1);}
    .logo{height:140px;width:auto;position: absolute;left:20px;top:80px;z-index: 1;padding:2px;background-color:#fff;}
    .logo-bsu{position: absolute;right:20px;top:80px;z-index: 1;font-size:14px;color:#888;}
    .logo-bsu img{height:140px;width:auto;padding:2px;background-color:#fff;}
    .logo_sponsor1{height:80px;width: auto;margin-left: 1em;vertical-align: top}
    .caption-img1{float: right;text-align: left;font-size: 12px;color:#888}
    .textofdate{padding-left: 180px;font-size: 12px;font-weight: bold;background-color: rgba(255,255,255,0);}
    .sectionName{font-size:30px;margin-bottom: 1em;}
    span.border1 {font-size: 20px;line-height: 40px;}
    #about, #topics, #commitees, #venue, #covid{font-size:1.2em;line-height: 175%}
    .table-sm{font-size:12pt;}
    .bgimg-topics, .bgimg-committees, .bgimg-invitedspeakers, .bgimg-submission, .bgimg-6, .bgimg-7, .covid19 {min-height: 300px;}
    #invited img{height:auto;width: 200px;display: block;margin: 0 auto;}
}

@media (min-width: 768px) and (max-width: 991.98px)
{   .container{width:100%!important;}
    #homeHeader{padding:70px 0 0;font-size: 16px;font-weight: bold;}
    .titleofheader{padding-left: 110px;padding-top: 10px;line-height:1;}
    .fade-in-text1 {padding-bottom: 5px;text-align: center!important;}
    .fade-in-text2 {padding-bottom: 5px;text-align: center!important;}
    .fade-in-text3 {font-size:12px;padding-bottom: 12px;text-align: center!important;}
    .logo{height:100px;width:auto;position: absolute;left:5px;top:85px;z-index: 1;padding:2px;background-color:#fff;}
    .logo-bsu{position: absolute;right:5px;top:70px;z-index: 1;font-size:14px;color:#888;}
    .logo-bsu img{height:100px;width:auto;padding:2px;background-color:#fff;}
    .caption-img1{float: right;text-align: center;font-size: 0.5em;color:#888;display: none}
    .textofdate{padding-left: 180px;font-size: 15px;font-weight: bold;background-color: rgba(255,255,255,0);}
    .sectionName{font-size:30px;margin-bottom: 1em;}
    span.border1 {font-size: 18px;line-height: 40px;}
    #about, #topics, #commitees, #venue, #covid{font-size:1.1em;line-height: 150%;}
    .table-sm{font-size:12pt;}
    .bgimg-topics, .bgimg-committees, .bgimg-invitedspeakers, .bgimg-submission, .bgimg-6, .bgimg-7, .covid19 {min-height: 300px;}
    #invited img{height:auto;width: 200px;display: block;margin: 0 auto;}
}
@media  (max-width: 767.98px)
{
    .container{width:100%!important;margin:0!important;}
    .bgimg-home{display:none;}
    .bgimg-img{display:block}
    #homeHeader{padding:70px 0 0;font-size: 16px;font-weight: bold;}
    .titleofheader{padding-top: 10px;line-height:1;}
    .fade-in-text1 {padding-bottom: 5px;text-align: center!important;}
    .fade-in-text2 {padding-bottom: 5px;text-align: center!important;}
    .fade-in-text3 {font-size:12px;padding-bottom: 12px;text-align: center!important;}
    .logo{display:none;}
    .logo-bsu{display:none;}
    .logo-bsu img{height:100px;width:auto;padding:2px;background-color:#fff;}
    .caption-img1{float: right;text-align: center;font-size: 0.5em;color:#888;display: none}
    .textofdate{display: none}
    .textofdate2{display: block!important; width:100%;text-align: center;font-size: 15px;background-color: rgba(255,255,255,0);padding:5px 20px;color: black}
    .sectionName{font-size:30px;margin-bottom: 1em;}
    span.border1 {font-size: 18px;line-height: 40px;}
    #about, #topics, #commitees, #venue, #covid{font-size:1.1em;line-height: 150%;}
    .table, .table-sm{font-size:11pt!important;margin:0;padding:0;width:100%}
    .table td,.table-sm td,#topicsSubtopics td{padding:0;word-break: normal;white-space: normal!important;vertical-align: top}
    .card{padding:1px!important;margin:0!important;}
    .bgimg-topics, .bgimg-committees, .bgimg-invitedspeakers, .bgimg-submission, .bgimg-6, .bgimg-7, .covid19 {min-height: 300px;}
    #invited img{height:auto;width: 200px;display: block;margin: 0 auto;}
}