html {
  scroll-behavior: smooth;
}	
/* Base CSS */
.alignleft {
	float: left;
	margin-right: 15px;
}
.alignright {
	float: right;
	margin-left: 15px;
}
.aligncenter {
	display: block;
	margin: 0 auto 15px;
}
a:focus {
	outline: 0 solid
}
a:active {
	outline: none;
}
img {
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 15px;
	font-weight: 700;
}
html, body {
	height: 100%;
	width: 100%;
}
body {
	font-family: 'Open Sans', sans-serif;
}
img {
	max-width: 100%;
}
a:hover {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	text-decoration: none;
}


/* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
 -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

/* ----------------------------------------------------------- Base css --------------------------------------------------------- */
a.more-to-page{color: #9e0817;transition: all 0.4s;}
a.more-to-page:hover{color: #000;text-decoration: underline;transition: all 0.4s;}
/*****************************************************Top-header***************************************************/
header {background: #45924c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ1OTI0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MTY2M2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #45924c 1%, #41663a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#45924c), color-stop(100%,#41663a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #45924c 1%,#41663a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #45924c 1%,#41663a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #45924c 1%,#41663a 100%); /* IE10+ */
background: linear-gradient(to bottom, #45924c 1%,#41663a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45924c', endColorstr='#41663a',GradientType=0 ); /* IE6-8 */
height: 65px;}
.logobar {height: 65px;background: url(../images/iimc.jpg) no-repeat right 0;}
.logo {
    position: absolute;
    z-index: 2;
    width: 160px;
    height: 151px;
    display: block;
    background: url(../images/top-logo.png) no-repeat 0 -1px;
}
/*****************************************************Top-header***************************************************/
.head-image{width: 100%; max-height: 350px;}
.subject-patch {background: #b84b48; padding: 10px 50px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.subject-name-sec h4 {font-weight: 400; font-size: 16px; color: #f8c53e; text-transform: uppercase; margin: 0;}
.sub-details ul {margin: 0;padding: 0;}
.sub-details ul li{display: inline-block; padding: 0 10px; color: #f8c53e; font-weight: 400; font-size: 16px;position: relative;line-height: 22px;}
.sub-details ul li:first-child{padding-left: 0;}
.sub-details ul li:last-child{padding-right: 0;}
.sub-details ul li:nth-child(2)::before, .sub-details ul li:last-child::before{content: ""; position: absolute; height: 5px; width: 5px; background: #ffffff; border-radius: 50%; left: -5px; top: 50%;transform: translateY(-50%); }
.from-the-editor-desc{padding: 40px 0;}
.editor-desc-head h2{display: inline-block; background: #2baa9d; padding: 10px 50px;position: relative; font-weight: 600; font-size: 32px; margin: 0; color: #ffffff; }
.editor-desc-head h2:after {content: "";position: absolute;width: 0;height: 0;border-top: 58px solid #2baa9d;border-right: 34px solid transparent;top: 0;left: 100%;}
.editors-desc-inner-wrapper{padding: 40px 50px;}
.editor-image {float: left;width: 16%;border: 5px solid #2baa9d;padding: 2px;}
.editors-desc{float: left; width: 84%; padding-left: 20px;}
.editors-desc h3 {font-weight: 600;font-size: 22px;color: #000;margin-bottom: 2px;}
.editors-desc p {font-size: 16px;color: #000;font-weight: 400;}
/*****************************************************Lead-story***************************************************************/
.lead-story-head{text-align: center; padding: 40px 0;}
.lead-story-head h2{font-size: 50px; color: #000; margin: 0; font-weight: 600; text-transform: uppercase;display: inline-block; background: #faca3c; border: 1px solid #9e0817;padding: 5px 20px;}
.lead-story-head h2 span{color: #9e0817;}
.story-sub {text-align: center;}
.story-sub p {padding: 10px 90px; display: inline-block;font-weight: 600;font-size: 18px;color: #fff;margin: 0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,2baa9d+33,2baa9d+50,2baa9d+67,ffffff+100&1+0,0+0,1+33,1+50,1+67,0+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(43,170,157,1) 33%, rgba(43,170,157,1) 50%, rgba(43,170,157,1) 67%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(43,170,157,1) 33%,rgba(43,170,157,1) 50%,rgba(43,170,157,1) 67%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(43,170,157,1) 33%,rgba(43,170,157,1) 50%,rgba(43,170,157,1) 67%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */text-shadow: 0 0 4px #000;}
.lead-story-desc-wrap {padding: 40px 0;}
.lead-story-img {float: left;width: 40%;border: 5px solid #2baa9d;padding: 3px;margin-right: 20px; overflow: hidden;}
.lead-story-img img{max-width: 100%; height: auto;}
.lead-story-desc p {font-weight: 400;font-size: 16px;color: #000;line-height: 28px;}
.prizes{padding: 30px 0; box-shadow: 0 0 0 #000;}
.prizes {padding: 30px;box-shadow: 0 0 5px #000;border-radius: 9px;margin-top: 20px;}
.prizes ul{margin: 0; padding: 0;}
.prizes ul li{display: block; list-style: none; margin-bottom: 15px;position: relative;padding-left: 20px; font-weight: 400; font-size: 16px; color: #000000; line-height: 24px;}
.prizes ul li:last-child{margin-bottom: none;}
.prizes ul li:before{content: ""; position: absolute; left: 0; top: 6px; height: 10px; width: 10px; background: #2baa9d; border-radius: 50%;}

/*****************************************************Lead-story***************************************************************/
/*****************************************************special-feature***************************************************************/
.lead-story-desc p:nth-child(2), .lead-story-desc p:nth-child(4){margin-bottom: 0px;}
.features-wrap {margin-top: 30px;}
.single-features h4 {font-weight: 400;font-size: 28px;padding: 5px 15px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9e0818+58,e5e5e5+99&1+80,1+80,0+100 */
background: -moz-linear-gradient(left, rgba(158,8,24,1) 58%, rgba(196,127,134,1) 80%, rgba(229,229,229,0.05) 99%, rgba(229,229,229,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(158,8,24,1) 58%,rgba(196,127,134,1) 80%,rgba(229,229,229,0.05) 99%,rgba(229,229,229,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(158,8,24,1) 58%,rgba(196,127,134,1) 80%,rgba(229,229,229,0.05) 99%,rgba(229,229,229,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e0818', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 */ color: #fff;}
.single-features p {font-weight: 400; font-size: 16px; color: #000;}
.single-features ul {margin: 0;padding: 0;}
.single-features ul li{list-style: none;margin-bottom: 15px; font-weight: 400; font-size: 16px; color: #000;padding-left: 25px;position: relative;}
.single-features ul li:before{content: ""; position: absolute; height: 10px; width: 10px; border-radius: 50%; background: #9e0818; left: 0; top: 6px;}
/*****************************************************special-feature***************************************************************/
/*****************************************************Events-Held***************************************************************/
.single-event {margin-top: 30px;}
.event-wrap{padding-bottom: 40px;}
.event-inner{margin-top: 30px;}
.event-img {float: left;width: 46%;margin-right: 20px;border: 5px solid #2baa9d;padding: 3px;margin-bottom: 20px;overflow: hidden;}
.event-img img{max-width: 100%; height: auto;}
.event-desc p{font-weight: 400; font-size: 16px; color: #000; line-height: 28px;}
/*****************************************************Events-Held***************************************************************/
/*****************************************************Alum-speak***************************************************************/
.single-alum-speak{margin-top: 30px;}
.alum-image {height: auto;width: 200px;overflow: hidden;border: 5px solid #426839;float: left; margin-right: 20px;}
.alum-image img{max-width: 100%; height: auto;}
.alum-desc h4 {font-weight: 600;font-size: 22px;color: #9e0817;margin-bottom: 3px;}
.alum-desc h5 {font-weight: 400;font-size: 16px;color: #000;}
.alum-desc p {font-weight: 400;font-size: 16px;color: #000;line-height: 27px;}
/*****************************************************Alum-speak***************************************************************/
/*****************************************************Forthcoming-event***************************************************************/
.forthcomin-event-wrap {max-width: 750px;text-align: center;margin: 35px auto 0;box-shadow: 0 0 6px #000;padding: 25px;border-radius: 10px;width: 100%;}
.forthcomin-event-wrap p {font-weight: 400;font-size: 16px;color: #000;line-height: 28px;margin: 0;}
/*****************************************************Forthcoming-event***************************************************************/
/*****************************************************Executive-Education***************************************************************/
.wrapper-area{padding-bottom: 40px;}
.forthcomin-table table{border: 1px solid #9e0817;}
.forthcomin-table .table td, .forthcomin-table .table th {padding: 10px;vertical-align: middle;border-top: 1px solid #9e0817;}
.forthcomin-table .table thead th {border-bottom: 1px solid #9e0817;}
.forthcomin-table table thead tr {background: #9e0817;}
.forthcomin-table table thead tr > th{color: #faca3c; border-right: 1px solid #faca3c;font-size: 16px; font-weight: 600;}
.forthcomin-table table thead tr > th:first-child{width: 7%;}
.forthcomin-table table thead tr > th:last-child{border-right: none;}
.forthcomin-table table tbody tr > td{border-right: 1px solid #9e0817; font-size: 16px; color: #000; font-weight: 400;}
.forthcomin-table table tbody tr > td:last-child{border-right: none;}
.forthcomin-table table tbody tr > td p{margin-bottom: 5px;}
.forthcomin-table table tbody tr > td:first-child{text-align: center;}
/*****************************************************Executive-Education***************************************************************/
/*****************************************************Interview***************************************************************/
.rapid-list ol {margin: 0;padding-left: 18px;}
.alum-desc ul {margin: 0;padding: 0;padding-left: 240px;}
.interview-wrapper{padding-bottom: 40px;}
/*****************************************************Interview***************************************************************/
/****************movers-shakers*****************/
.movers-shakers .alum-speak-wrapper{padding:30px;background:#fbfbfb;margin-bottom:20px; -webkit-box-shadow: 1px 2px 6px #e0e0e08c;; box-shadow: 1px 2px 6px #e0e0e08c;}
.movers-shakers .single-alum-speak{margin-top:0}
.movers-shakers .movers-image{overflow: hidden;border: 5px solid #426839}
/****************movers-shakers*****************/
/****************End-page*****************/
.end-wrapper-class {min-height: 100%;padding-top: 100px;}
.end-inner {background: #2baa9d;padding: 50px;display: flex;justify-content: flex-start;align-items: center;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.end-logo {width: 20%;text-align: center;}
.institute-desc h2 {color: #ffffff;font-weight: 600;font-size: 30px;margin-bottom: 0;}
.institute-desc p {color: #fff;font-weight: 400; font-size: 16px;}
.institute-desc p a{color: #ffffff; transition: all 0.4s;}
.institute-desc p a:hover{color: #000; transition: all 0.4s;}
.institute-desc h4{margin-bottom: 0; color: #fff; font-weight: 600; font-size: 20px; }
/****************End-page*****************/
/*-------------------------------------------------------------
------------------@media Rule Start--------------------------*/
@media only screen and (min-width:1300px){

  
}
/* ------------------------ SMALL DESKTOP ------------------------*/
@media only screen and (min-width:992px) and (max-width:1169px) {


}
/* ------------------------ TABLET ------------------------*/
@media only screen and (min-width:768px) and (max-width:991px) {

}
/* ------------------------ Mobile ------------------------*/
@media only screen and (max-width:767px) {
.alum-image {width: 100%;margin-right: 0;margin-bottom: 20px;}
.alum-desc ul {padding-left: 19px;}
.lead-story-head {padding: 40px 0 20px;}
.lead-story-head h2 {font-size: 30px;}
.event-img {width: 100%; margin-right: 0;}
.story-sub p {padding: 10px 10px; display: block;}
.lead-story-img {margin-right: 0; margin-bottom: 20px;width: 100%;}
.prizes {padding: 30px 15px;}
.movers-shakers .movers-image {margin-bottom: 20px;}
.single-features h4 {font-weight: 400;font-size: 18px;}
.subject-patch {padding: 10px 0;flex-direction: column;}
.editor-desc-head h2 {padding: 10px 0;}
.editor-image {float: left;width: 100%;display: flex;justify-content: center;align-items: center;}
.end-inner {flex-direction: column; padding: 50px 15px;}
.end-logo {width: 100%;margin-bottom: 20px;}
.institute-desc h2 {font-size: 28px;}
}