@media screen and (max-width: 1220px) {
    #igit-1 {
        font-size: 1.9rem;
    }

    #igit-2 {
        font-size: 1.2rem;
    }

    #igitlogo {
        width: 120px;
        height: 120px;
    }

    #crc {
        height: 60px;
    }

    .navitems li a {
        font-size: 0.9rem;
    }
}

@media screen and (max-width: 1200px) {
    #igit-1 {
        font-size: 1.7rem;
    }

    #igit-2 {
        font-size: 1.2rem;
    }

    #igitlogo {
        width: 110px;
        height: 110px;
    }

    #crc {
        height: 50px;
    }

    #scroll-container {
        height: 38px;
    }
}

@media screen and (max-width: 1132px) {
    #scroll-container {
        height: 38px;
    }
}

@media screen and (max-width: 1046px) {
    #igit-1 {
        font-size: 1.5rem;
    }

    #igit-2 {
        font-size: 1rem;
    }

    .navitems li a {
        font-size: 0.7rem;
    }

    #igitlogo {
        width: 100px;
        height: 100px;
    }

    #crc {
        height: 40px;
    }

    #upText {
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 846px) {
    #igit-1 {
        font-size: 1.2rem;
    }

    #igit-2 {
        font-size: 0.8rem;
    }

    #hd1 {
        height: 80px;
    }

    #lg {
        width: 170px;
        height: 140px;
    }

    #lgg {
        width: 360px;
        height: 90px;
    }

    #upText {
        font-size: 1rem;
    }
}

@media screen and (max-width: 590px) {
    .navitems li a {
        font-size: 0.5rem;
    }

    #upText {
        font-size: 0.8rem;
    }
}

@media screen and (max-height: 530px) {
    .descp {
        margin-top: 10px;
    }

    #upText {
        font-size: 0.7rem;
    }
}

@media screen and (max-height: 470px) {
    .descp {
        margin-top: -10px;
    }
}

@media screen and (max-height: 440px) {
    .descp {
        margin-top: -30px;
    }
}

@media screen and (max-height: 400px) {
    .descp {
        margin-top: -50px;
    }
}

@media screen and (min-height: 630px) {
    .descp {
        margin-top: 10px;
    }
}

@media screen and (min-height: 650px) {
    .descp {
        margin-top: 40px;
    }
}

@media screen and (min-height: 700px) {
    .descp {
        margin-top: 70px;
    }
}

@media screen and (min-height: 770px) {
    .descp {
        margin-top: 90px;
    }
}

@media screen and (min-height: 850px) {
    .descp {
        margin-top: 110px;
    }
}

@media screen and (min-height: 900px) {
    .descp {
        margin-top: 130px;
    }
}

@media screen and (min-height: 960px) {
    .descp {
        margin-top: 150px;
    }
}

@media screen and (min-height: 1050px) {
    .descp {
        margin-top: 170px;
    }
}

@media screen and (min-height: 630px) {
    #scroll-container {
        height: 38px;
    }
}

@media screen and (max-width: 625px) {
    #scroll-container {
        height: 38px;
    }

    .navitems li a {
        font-size: 0.6rem;
    }
}




/* Mobile View */
@media screen and (max-width: 430px) {
    .navitems {
        visibility: hidden;
        /* visibility: collapse; */
    }

    .navbar {
        visibility: visible;
        top: 1rem;
        left: -10px;
        width: 102vw;
    }

    .nav-link:hover {
        color: red;
        padding-left: 8px;
    }

    .navbar-brand {
        width: 70vw;
    }

    @keyframes my-animation {
        from {
            -moz-transform: translateX(100%);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }

        to {
            -moz-transform: translateX(-300%);
            -webkit-transform: translateX(-300%);
            transform: translateX(-300%);
        }
    }

    .unav {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: space-evenly;
        height: 100%;
    }

    #igitlogo {
        position: absolute;
        left: 20px;
        top: 120px;
        height: 60px;
        width: 60px;
        margin: 20px;
    }

    #crc {
        position: absolute;
        left: 150px;
        top: 155px;
        width: 45px;
        height: 45px;
        margin: 0 0 50px 0;
    }

    #igit-1 {
        margin-left: -1.2rem;
        font-size: 1rem;
        margin-bottom: 5px;
    }

    #igit-2 {
        margin-left: -1.2rem;
        font-size: 0.7rem;
    }

    #auton {
        font-size: 0.5rem;
    }

    .navsection {
        height: 35vh;
    }

    #box {
        margin: -40px 0px 0px 0px;
        ;
    }

    #notice {
        font-size: 0.7rem;
        bottom: 0;
    }

    #upText {
        font-size: 0.5rem;
    }

    .descp {
        height: 20vh;
        margin-top: 2rem;
    }

    #carouselExampleFade {
        height: 50vh;
    }

    .carousel-inner {
        height: 170px;
    }

    .bttn {
        height: 170px;
    }

    #hd1 {
        margin-left: 44px;
        height: 60px;
        width: 70vw;
        font-size: 1.4rem;
        padding: 16px;
    }

    #lg {
        width: 120px;
        height: 90px;
    }

    #lgg {
        width: 280px;
        height: 70px;
    }

    #heading {
        font-size: 35px;
    }

    p.lead {
        font-size: 16px;
    }

    .col h4 {
        font-size: 18px;
    }

    .col ul {
        padding-left: 10px;
    }

    .col li {
        font-size: 14px;
    }

    .fa {
        font-size: 30px;
    }

    .fa p {
        font-size: 10px;
    }

    #mail {
        font-size: 20px;
    }

    /* footer */
    #speakers {
        margin-top: -70px;
        padding-top: 0px;
        height: 30vh;
    }

    .date {
        font-size: 12px;
    }

    .row {
        display: flex;
        flex-direction: column;
    }

    .redg h5 {
        font-size: 15px;
    }

    #contact {
        margin-top: -250px;
    }

    .footer {
        display: flex;
        flex-direction: column;
    }

    .roew {
        display: flex;
        flex-direction: column;
    }

    .footer-col {
        width: 100%;
    }

    .footer-col h4 {
        margin: 10px 0 10px 0;
    }

    #counter {
        margin: 25px 0 0 12px;
    }

    .copy {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .ftt {
        width: 100vw;
    }

    .copyright {
        position: absolute;
        left: -10px;
        top: 50px;
        font-size: 10px;
    }

    #aca {
        margin-top: 25px;
    }

    #acb {
        margin-top: 18px;
    }
}

/* 431 * 933 */
@media screen and (max-width: 431px) and (max-height: 933px) {
    .navitems {
        visibility: hidden;
    }

    .navbar {
        visibility: visible;
        top: 1rem;
        left: -10px;
        width: 102vw;
    }

    .nav-link:hover {
        color: red;
        padding-left: 8px;
    }

    .navbar-brand {
        width: 70vw;
    }

    .unav {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: space-evenly;
        height: 100%;
    }

    #igitlogo {
        position: absolute;
        left: 20px;
        top: 120px;
        height: 60px;
        width: 60px;
        margin: 20px;
    }

    #crc {
        position: absolute;
        left: 150px;
        top: 150px;
        width: 45%;
        height: 45px;
        margin: 0 0 50px 0;
    }

    #igit-1 {
        font-size: 1rem;
        margin-bottom: 5px;
    }

    #igit-2 {
        font-size: 0.7rem;
    }

    #auton {
        font-size: 0.5rem;
    }

    .navsection {   
        height: 30vh;
    }

    #box {
        margin: -40px 0px 0px 0px;
        ;
    }

    #notice {
        font-size: 0.7rem;
        bottom: 0;
    }

    #upText {
        font-size: 0.5rem;
    }

    .descp {
        height: 20vh;
        margin-top: 4rem;
    }

    #carouselExampleFade {
        height: 50vh;
    }

    .carousel-inner {
        height: 170px;
    }

    .bttn {
        height: 170px;
    }

    #hd1 {
        margin-left: 40px;
        height: 60px;
        width: 70vw;
        font-size: 1.4rem;
        padding: 16px;
    }

    #lg {
        margin-left: -20px;
        width: 120px;
        height: 90px;
    }

    #lgg {
        width: 280px;
        height: 70px;
    }

    #heading {
        font-size: 35px;
    }

    p.lead {
        font-size: 16px;
        text-align: justify;
    }

    .col h4 {
        font-size: 18px;
    }

    .col ul {
        padding-left: 10px;
    }

    .col li {
        font-size: 14px;
    }

    .fa {
        font-size: 30px;
    }

    .fa p {
        font-size: 10px;
    }

    #mail {
        font-size: 20px;
    }

    /* footer */
    #speakers {
        margin-top: -70px;
        padding-top: 0px;
        height: 30vh;
    }

    .row {
        display: flex;
        flex-direction: column;
    }

    .redg h5 {
        font-size: 15px;
    }

    #contact {
        margin-top: -250px;
    }

    .footer {
        display: flex;
        flex-direction: column;
    }

    .roew {
        display: flex;
        flex-direction: column;
    }

    .footer-col {
        width: 100%;
    }

    .footer-col h4 {
        margin: 10px 0 10px 0;
    }

    #counter {
        margin: 25px 0 0 12px;
    }

    .copy {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .ftt {
        width: 100vw;
    }

    .copyright {
        position: absolute;
        left: -10px;
        top: 50px;
        font-size: 10px;
    }

    #aca {
        margin-top: 25px;
    }

    #acb {
        margin-top: 18px;
    }
}

/* iphone se */
@media screen and (max-width: 376px) and (max-height: 668px) {
    .navitems {
        visibility: hidden;
    }

    .navbar {
        visibility: visible;
        top: 1rem;
        left: -10px;
        width: 102vw;
    }

    .nav-link:hover {
        color: red;
        padding-left: 8px;
    }

    .navbar-brand {
        width: 70vw;
    }

    .unav {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: space-evenly;
        height: 100%;
    }

    #igitlogo {
        position: absolute;
        left: 20px;
        top: 120px;
        height: 60px;
        width: 60px;
        margin: 20px;
    }

    #crc {
        position: absolute;
        left: 150px;
        top: 150px;
        width: 45%;
        height: 45px;
        margin: 0 0 50px 0;
    }

    #igit-1 {
        font-size: 1rem;
        margin-bottom: 5px;
    }

    #igit-2 {
        font-size: 0.7rem;
    }

    #auton {
        font-size: 0.5rem;
    }

    .navsection {   
        height: 35vh;
    }

    #box {
        margin: -40px 0px 0px 0px;
        ;
    }

    #notice {
        font-size: 0.7rem;
        bottom: 0;
    }

    #upText {
        font-size: 0.5rem;
    }

    .descp {
        height: 20vh;
        margin-top: 4rem;
    }

    #carouselExampleFade {
        height: 50vh;
    }

    .carousel-inner {
        height: 170px;
    }

    .bttn {
        height: 170px;
    }

    #hd1 {
        margin-left: 40px;
        height: 60px;
        width: 70vw;
        font-size: 1.4rem;
        padding: 16px;
    }

    #lg {
        margin-left: -20px;
        width: 120px;
        height: 90px;
    }

    #lgg {
        width: 280px;
        height: 70px;
    }

    #heading {
        font-size: 35px;
    }

    p.lead {
        font-size: 16px;
        text-align: justify;
    }

    .col h4 {
        font-size: 18px;
    }

    .col ul {
        padding-left: 10px;
    }

    .col li {
        font-size: 14px;
    }

    .fa {
        font-size: 30px;
    }

    .fa p {
        font-size: 10px;
    }

    #mail {
        font-size: 20px;
    }

    /* footer */
    #speakers {
        margin-top: -70px;
        padding-top: 0px;
        height: 30vh;
    }

    .row {
        display: flex;
        flex-direction: column;
    }

    .redg h5 {
        font-size: 15px;
    }

    #contact {
        margin-top: -250px;
    }

    .footer {
        display: flex;
        flex-direction: column;
    }

    .roew {
        display: flex;
        flex-direction: column;
    }

    .footer-col {
        width: 100%;
    }

    .footer-col h4 {
        margin: 10px 0 10px 0;
    }

    #counter {
        margin: 25px 0 0 12px;
    }

    .copy {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .ftt {
        width: 100vw;
    }

    .copyright {
        position: absolute;
        left: -10px;
        top: 50px;
        font-size: 10px;
    }

    #aca {
        margin-top: 25px;
    }

    #acb {
        margin-top: 18px;
    }
}

/* Galaxy S8+ */
@media screen and (max-width: 361px) and (max-height: 741px) {
    .navitems {
        visibility: hidden;
    }

    .navbar {
        visibility: visible;
        top: 1rem;
        left: -10px;
        width: 102vw;
    }

    .nav-link:hover {
        color: red;
        padding-left: 8px;
    }

    .navbar-brand {
        width: 70vw;
    }

    .unav {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: space-evenly;
        height: 100%;
    }

    #igitlogo {
        position: absolute;
        left: 20px;
        top: 120px;
        height: 60px;
        width: 60px;
        margin: 20px;
    }

    #crc {
        position: absolute;
        left: 150px;
        top: 150px;
        width: 45%;
        height: 45px;
        margin: 0 0 50px 0;
    }

    #igit-1 {
        font-size: 1rem;
        margin-bottom: 5px;
    }

    #igit-2 {
        font-size: 0.7rem;
    }

    #auton {
        font-size: 0.5rem;
    }

    .navsection {
        height: 30vh;
    }

    #box {
        margin: -40px 0px 0px 0px;
        ;
    }

    #notice {
        font-size: 0.7rem;
        bottom: 0;
    }

    #upText {
        font-size: 0.5rem;
    }

    .descp {
        height: 20vh;
        margin-top: 4rem;
    }

    #carouselExampleFade {
        height: 50vh;
    }

    .carousel-inner {
        height: 170px;
    }

    .bttn {
        height: 170px;
    }

    #hd1 {
        margin-left: 40px;
        height: 60px;
        width: 70vw;
        font-size: 1.4rem;
        padding: 16px;
    }

    #lg {
        margin-left: -20px;
        width: 120px;
        height: 90px;
    }

    #lgg {
        width: 280px;
        height: 70px;
    }

    #heading {
        font-size: 35px;
    }

    p.lead {
        font-size: 16px;
        text-align: justify;
    }

    .col h4 {
        font-size: 18px;
    }

    .col ul {
        padding-left: 10px;
    }

    .col li {
        font-size: 14px;
    }

    .fa {
        font-size: 30px;
    }

    .fa p {
        font-size: 10px;
    }

    #mail {
        font-size: 20px;
    }

    /* footer */
    #speakers {
        margin-top: -70px;
        padding-top: 0px;
        height: 30vh;
    }

    .row {
        display: flex;
        flex-direction: column;
    }

    .redg h5 {
        font-size: 15px;
    }

    #contact {
        margin-top: -250px;
    }

    .footer {
        display: flex;
        flex-direction: column;
    }

    .roew {
        display: flex;
        flex-direction: column;
    }

    .footer-col {
        width: 100%;
    }

    .footer-col h4 {
        margin: 10px 0 10px 0;
    }

    #counter {
        margin: 25px 0 0 12px;
    }

    .copy {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .ftt {
        width: 100vw;
    }

    .copyright {
        position: absolute;
        left: -10px;
        top: 50px;
        font-size: 10px;
    }

    #aca {
        margin-top: 25px;
    }

    #acb {
        margin-top: 18px;
    }
}

/* Galaxy Fold */
@media screen and (max-width: 281px) and (max-height: 654px) {
    .navitems {
        visibility: hidden;
    }

    .navbar {
        visibility: visible;
        top: 1rem;
        left: -10px;
        width: 102vw;
    }

    .nav-link:hover {
        color: red;
        padding-left: 8px;
    }

    .navbar-brand {
        width: 65vw;
    }

    .unav {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: space-evenly;
        height: 100%;
    }

    #igitlogo {
        position: absolute;
        left: 20px;
        top: 120px;
        height: 60px;
        width: 60px;
        margin: 20px;
    }

    #crc {
        position: absolute;
        left: 150px;
        top: 150px;
        width: 45%;
        height: 45px;
        margin: 0 0 50px 0;
    }

    #igit-1 {
        font-size: 1rem;
        margin-bottom: 5px;
    }

    #igit-2 {
        font-size: 0.7rem;
    }

    #auton {
        font-size: 0.5rem;
    }

    .navsection {
        height: 35vh;
    }

    #box {
        margin: -40px 0px 0px 0px;
        ;
    }

    #notice {
        font-size: 0.7rem;
        bottom: 0;
    }

    #upText {
        font-size: 0.5rem;
    }

    .descp {
        height: 20vh;
        margin-top: 4rem;
    }

    #carouselExampleFade {
        height: 50vh;
    }

    .carousel-inner {
        height: 170px;
    }

    .bttn {
        height: 170px;
    }

    #hd1 {
        margin-left: 40px;
        height: 60px;
        width: 70vw;
        font-size: 1rem;
        padding: 16px;
    }

    #lg {
        margin-left: -20px;
        width: 120px;
        height: 90px;
    }

    #lgg {
        width: 280px;
        height: 70px;
    }

    #heading {
        font-size: 35px;
    }

    p.lead {
        font-size: 16px;
        text-align: justify;
    }

    .col h4 {
        font-size: 18px;
    }

    .col ul {
        padding-left: 10px;
    }

    .col li {
        font-size: 14px;
    }

    .fa {
        font-size: 30px;
    }

    .fa p {
        font-size: 10px;
    }

    #mail {
        font-size: 20px;
    }

    /* footer */
    #speakers {
        margin-top: -70px;
        padding-top: 0px;
        height: 30vh;
    }

    .row {
        display: flex;
        flex-direction: column;
    }

    .redg h5 {
        font-size: 15px;
    }

    #contact {
        margin-top: -250px;
    }

    .footer {
        display: flex;
        flex-direction: column;
    }

    .roew {
        display: flex;
        flex-direction: column;
    }

    .footer-col {
        width: 100%;
    }

    .footer-col h4 {
        margin: 10px 0 10px 0;
    }

    #counter {
        margin: 25px 0 0 12px;
    }

    .copy {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .ftt {
        width: 100vw;
    }

    .copyright {
        position: absolute;
        left: -10px;
        top: 50px;
        font-size: 10px;
    }

    #aca {
        margin-top: 25px;
    }

    #acb {
        margin-top: 18px;
    }
}