* {
    box-sizing: border-box;
    font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;
    letter-spacing: normal;
}
.heading{
    font-size: 1.1rem;
    font-weight: bold;
}
.block li{
    display: block!important;
}
.poster{
    width: 100%;
}
.poster img{
    margin: 0 10%;
}
.dev-name{
    color:#e47211;
}
.icon{
    font-size: 1rem;
}
.detail{
    margin-left: 1rem!important
}

.img-principal-main {
    display: inline;
    float: left;
    margin-right: .5em;
    padding: .2em;
}

.align-principal {
    align-self: auto;
}
.principle-size{
    min-height: 55%;
}
.view-more a{
    color:#fff!important;
    background-color: red;
    padding: 2.25%;
    border-radius: 22px;
    cursor: pointer;
    transition: .2s ease-in-out;
    padding-left: 5%;
    padding-right: 5%;
}
.view-more a:hover{
    background-color:#26d07c;
}
.course-offered {
    text-align: center;
}

.course-offered li {
    display: block;
    line-height: 1.1em;
}

.middle {
    display: flex;
    padding: 0 7%;
}

.notification-background {
    background-color: #ebecf8;
    padding: 2%;
    padding-left: 4%;
    margin: 2%;
    border-radius: 10px;
}

.notification-title {
    color: #000000 !important;
}

.notification {
    line-height: 1.1em;
}

.date {
    color: green;
}

.about-margin {
    margin-left: 2%;
}
.about-margin b a{
	color:blue;
	font-size:large; 
}

.heading-color {
    color: #e47211;
    overflow-wrap: anywhere;
} 

.heading-color-two {
    color: #0d4574;
    overflow-wrap: anywhere;
}

.heading-position {
    text-align: center;
    overflow-wrap: anywhere;
}

.subheading-color {
    color: #13007d;
}

p {
    margin-top: 1rem;
    margin-bottom: .5rem;
}

.name h3 {
    font-weight: 600;
}

td {
    padding-right: .5rem;
}

.quick-part{
    width: 50%;
    overflow: hidden;

}

.middle .part {
    width: 33%;
    margin: 5px;
    /*border: 1px solid white;*/
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: 0px 10px 30px -4px rgba(158, 117, 227, 0.64);
    -moz-box-shadow: 0px 10px 30px -4px rgba(158, 117, 227, 0.64);
    box-shadow: 0px 10px 30px -4px rgba(158, 117, 227, 0.64);
    /* For Neumorphism Ef
	/*box-shadow: 3px 3px #bcbaba;*/
    overflow: hidden;
    min-height: 15rem;
    max-height: 25rem;
    border-radius: .5rem;
}
.middle .special-part{
    width: 100%;
    display: flex;
}
.middle .part-principal{
    width: 66%;
}

.middle .part-two{
    width: 50%;
    display: flex;
    height:50rem!important;
    max-height:50rem!important;
}

.middle .part:hover {
    transform: scale(1.06);
    -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);
    -o-transition: all .5s cubic-bezier(.165, .84, .44, 1);
    transition: all .5s cubic-bezier(.165, .84, .44, 1);
}

.middle .part a {
    color: #007bff;
}



.contact {
    background-image: linear-gradient(to right,#f4eee1,#f4efe1,#d8d1be, #e8e1d2)!important;
}

.bottom-nav img:hover{
	animation-name: icon;
        animation-duration: 3s;
        animation-iteration-count: infinite;
    
}
@keyframes icon {
        25% {
            transform: rotate(12deg);
        }

        75% {
            transform: rotate(-12deg);
        }
   }



.news {
    padding: 2% 13%;
    min-height: 60vh;
    color: #00053e;
}

.news ul li {
    display: block;
}

.news ul li a {
    color: #00053e;
}

h5 {
    font-weight: 600;
}

.principalMessage {
    font-size: 1rem;
}

.small{
    display: none!important;
    }

.marqueeBody {
    height: 13rem;
    margin: 1em auto;
    overflow: hidden;
    background: white;
    position: relative;
    box-sizing: border-box;
}

.marquee {
    top: 6em;
    position: relative;
    box-sizing: border-box;
    animation: marquee 15s linear infinite;
}

.marquee:hover {
    animation-play-state: paused;
}

/* Make it move! */
@keyframes marquee {
    0% {
        top: 8em
    }

    100% {
        top: -11em
    }
}

.mainContainer {
    padding-bottom: 2%;
}

.courseList li {
    display: block;
    line-height: 20px;
}

.marquee ul li a {
    color: black;
}

.marquee ul li {
    display: block;
}

.subMiddle,
.name {
    padding: 0 4%;
    margin: 1% 0;
    margin: 0% 3%;
}

.subMiddle div .middle {
    padding: 0%;
}

.subMiddle div .middle .part a {
    color: #00053e;
    font-size: 1.1rem;
    text-align: center;
}

.subMiddle div .middle .part a:hover {
    color: #383b60;
}

.subMiddle div .middle .part a img {
    width: 80%;
    height: 240px;
    margin: 0 10%;
}

.fcontainer {
    display: flex;
    width: 100%;
    /*font-size: 1.1rem;*/
}

.faculty-img {
    display: inline-block;
    width: 16%;
}
.mobile-display{
    display: none;
}

@media(max-width: 1024px) {
    .img-principal-main {
        width: 210px;
    }

    td {
        overflow: hidden;
    }

    .faculty-img {
        width: 25%;
    }
}

.faculty-img img {
    height: 240px;
    /*height: 25vh;*/
    width: 100%;
}

.faculty {
    padding-top: 2.5rem;
    min-width: 80%;
    margin-left: 2rem;
}

.profileMain {
    padding: 0 13%;
}

.profileMain .subMiddle {
    padding: 0%;
}

.padding-notification {
    padding-top: 2.5rem;
    /*border: 1px solid black;
	box-shadow: 3px 3px #bcbaba;*/
    max-height: 18rem;
}

.name {
    margin: .6rem;
    color: #00053e;
}

footer {
    margin-top: 3%;
}

div iframe {
    padding: 0 7%;
}

.bottom-nav img {
    width: 30%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.heading{
    padding: 0 13%;
    text-align: center;
    margin: 1% 0;
    color: #00053e !important;
}
.heading-news{
    padding: 0 13%;
    margin: 1% 0;
    color: #00053e !important;

}

.heading a {
    color: #00053e !important;
}

/*for study center*/
.part div ul li {
    display: block;
}

.contactImg img {
    padding: 4% 0;
}

.deptBody {
    margin: 0 2%;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 1rem;
}

ol {
    margin-left: 1rem !important;
}

ol li {
    margin-left: 1rem !important;
    list-style: decimal !important;
}

ol li a {
    color: black !important;
}

h2 {
    font-weight: 500;
}

.degree {
    font-size: 1rem;
}

@media(max-width:768px) {
    .middle .part{
        max-height: 50rem;
    }
    .heading-news{
    padding: 0 4%;
    margin: 1% 0;
    color: #00053e !important;
}
    .mobile-display{
    display: block;
}
    .subMiddle div .middle .part a img {
        width: 50%;
        height: 240px;
        margin: 0 25%;
    }

    .mainContainer {
        padding: 0 4%;
    }
    .middle .special-part{
        display: block;
        height: 100%;
        max-height:125rem;
    }
    .quick-part{
        width: 100%;
    }
    div iframe {
        height: 200px;
        padding: 0;
    }

    .middle .part {
        width: 100%!important;
        margin: 3.5% 0;
    }

    .middle,
    .subMiddle {
        display: block;
        padding: 0 4%;
    }

    .fcontainer {
        display: block;
    }

    .faculty-img {
        width: 60%;
    }

    .faculty-img img {
        height: 25vh;
    }

    .faculty {
        margin: 0;
    }

    .profileMain {
        display: block;
    }

    .img-principal {
        width: 80%;
        margin: 0 10% !important;
    }
    .heading-news{
        margin:0 2% ;
    }
}

@media(max-width: 480px) {
    .poster img{
    margin: 0;
    width: 100%;
    }
    .subMiddle div .middle .part a img {
        width: 80%;
        height: 240px;
        margin: 0 10%;
    }

    .faculty-img {
        justify-content: center;
        align-items: center;
    }

    .mainContainer {
        padding: 0 2%;
    }

    .about-margin {
        margin-left: 2%;
    }
    .middle .part:hover {
    transform: scale(1.03);
    }
    .admission-right{
        padding: .8%;
        float: right!important;
        margin-right: 3%;
    }
    .admission{
        height: 4rem;
    }
    .large{
    display: none!important;
}

    .small{
    display: block!important;
    }
    .middle .part {
        margin: 5.5% 0;
	  width: 100%!important;
    }
}

@media(max-width: 390px) {
    

    .profileMain,
    .name {
        padding: 0 4%;
    }
}

@media(max-width: 350px) {
    .email {
        width: 150px;
        word-break: break-all;
    }
}
/* principle message */
.principals-message:after{
    content: "Welcome to Mazbat College! Mazbat College is a Mission seeking to realize itself at the service of humanity. Specifically, Mazbat College seeks to “mould intellectually competent, professionally skilled, spiritually evolved, morally upright, socially responsive, and culturally tolerant citizens, through holistic education, for advancing a civilization of love”";
    display: block;
    text-align: justify;
}
@media(max-width: 1024px){
    .principals-message:after{
        content: "Welcome to Mazbat College! Mazbat College is a Mission seeking to realize itself at the service of humanity. Specifically, Mazbat College seeks to “mould intellectually competent, professionally skilled, spiritually...";
    }
}
@media(max-width: 768px){
    .principals-message:after{
        content: "Welcome to Mazbat College! Mazbat College is a Mission seeking to realize itself at the service of humanity. Specifically, Mazbat College seeks to “mould intellectually competent, professionally skilled, spiritually evolved, morally upright, socially responsive, and culturally tolerant citizens, through holistic education, for advancing a civilization of love” Founded in 1988 by some visionaries of Mazbat in response to the educational desires of the people of Greater Mazbat Area is committed to becoming “a premier institute of higher education in North East India, providing value-based, soulful higher education for people, especially the youths in order to help them be honest seekers and practitioners of truth... ";
    }
}