#other {
    background-image: url("../img/courseofferd1.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px
}

    #other .blur {
        min-height: 250px;
        background-color: rgba(0, 0, 0, 0.6)
    }

    #other .caption-holder {
        height: calc(250px - 70px)
    }

.other {
    padding: 70px 0px
}

.collapsible .fa-angle-right {
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.collapsible .active .fa-angle-right {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

#faculty .profile-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 50px 0px
}

#faculty .profile-link {
    margin: 10px;
    padding: 0px;
    width: calc(100%/3 - 20px);
}

#faculty .profile {
    width: 100%;
    margin-bottom: 20px;
    color: #33475b
}

    #faculty .profile .img {
        position: relative;
        width: 100%;
        height: 250px;
        overflow: hidden;
        display: inline-block
    }

    #faculty .profile img {
        height: auto;
        width: 100%;
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        right: -9999px;
        margin: auto;
        position: absolute;
        display: inline-block
    }

    #faculty .profile .name {
        font-weight: 600;
        text-transform: capitalize;
        font-size: 20px;
        margin-top: 15px;
        width: 90%;
        margin-left: 5%
    }

    #faculty .profile .level {
        margin: 10px 0px;
        text-transform: capitalize;
        margin-left: 5%
    }

    #faculty .profile .view a {
        background-color: #2196F3
    }

#notes .collection-header h4 {
    margin-bottom: 5px
}

#notes .collection-header .noteBy {
    font-size: 16px;
    margin: 0px;
    color: grey
}

#notes .collection-header .time {
    margin: 10px 0px
}

#principal-desk .img .flex-holder {
    height: auto
}

#principal-desk .img img {
    width: 100%;
    max-width: 750px;
    height: auto;
    margin-left: calc((100% - 750px)/2)
}

 .img .img-caption {
    color: #555;
    text-align: center;
    font-weight:bold;

}

section .layout-padding {
    padding: 40px
}

section p.para {
    text-align: justify;
    text-indent: 40px;
    letter-spacing: 1px
}

#discipline ol {
    padding: 15px;
    margin: 0px;
    line-height: 30px
}

    #discipline ol li {
        letter-spacing: 1px
    }

#vission h4 {
    text-transform: uppercase
}

#vission ul {
    padding: 15px;
    margin: 0px;
    line-height: 30px
}

    #vission ul li {
        letter-spacing: 1px
    }

#aboutManagement .img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    #aboutManagement .img img {
        width: auto;
        max-width: 100%;
        max-height: 400px
    }

#aboutManagement h4 {
    margin-top: 50px
}

#aboutManagement .list-clg {
    font-size: 30px;
    text-transform: capitalize
}

#aboutManagement h5 {
    font-size: 22px;
    margin-top: 30px
}

#aboutManagement ol {
    line-height: 30px
}

#course h4 {
    margin: 50px 0px;
    margin-bottom: 30px
}

#course .masters li .collapsible-header {
    padding-left: 25px
}

@media only screen and (max-width:800px) {
    #principal-desk .img img {
        margin-left: 0px
    }
}

@media only screen and (max-width:500px) {
    section .layout-padding {
        padding: 20px
    }

    section p.para {
        text-indent: 20px
    }

    #aboutManagement ol {
        padding-left: 15px
    }

    #aboutManagement h4 {
        text-align: center
    }

    #aboutManagement .list-clg {
        text-align: left;
        font-size: 24px
    }
}

@media only screen and (max-width: 750px) {
    #faculty .profile-link {
        width: calc(100%/2 - 20px);
    }
}

@media only screen and (max-width: 500px) {
    #faculty .profile-link {
        width: calc(100% - 20px);
    }
}