@charset "utf-8";
/* CSS Document */



* {border: medium sizing: border-box; margin: 0; outline: medium none; padding: 0; position: initial; text-decoration: none;  transition: all 400ms ease;}
body{margin:0; padding:0; width:100%;     font-family: 'Roboto',sans-serie: 15px;}
.clr {clear: both;}
.pagewrapper{width:100%; padding:0; margin:0 auto;}
.container, header, footer, #main {width:100%; /*max-width:1366px;*/ margin:0 auto; }
.main-banner{width:100%; margin:0 auto; padding:0; background:url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/mumbai-lp-images/open-day/mba-open-day-D.jpg) no-repeat center; height:650px; background-color:#b3b3b3; background-position: fixed; background-size: cover;}
.logo{width:100%; }
.logo-left{padding:20px 42px; float:left;}
.logo-right{padding:20px 28px; float:right;}

.mapimg{width:75%;}
.hbspt-form{    padding: 4%;}
.reg-form h3{    text-align: center;
    padding: 19px 10px;
    background: #ffc000;
    margin-bottom: 0%;}


ul li {    font-family: 'Roboto', sans-serif;
   margin-left: 0px;font-size: 13px;
    color: #222;padding: 10px 20px;line-height: 20px;list-style-type:none;}
    
    
     .squaretxt{     font-family: 'Roboto',sans-serif;
    margin-left: 0px;
    font-size: 15px;
    color: #222;
    padding: 10px 0px;
    line-height: 20px;} 
    
     .square{      font-size: 16px;
    color: #ffc000;
    height: 38px;
    margin-right: 3%;
    float: left;
    top: -2px;}
    
    .square2{      font-size: 16px;
    color: #ffc000;
    height: 52px;
    margin-right: 3%;
    float: left;
    top: -2px;}
    
    .squarelast{      font-size: 16px;
    color: #ffc000;
    height: 120px;
    margin-right: 3%;
    float: left;
    top: -2px;}
    
   
    
    
    
 .text{width:100%;} 
.text p{
    padding: 10px 20px 0px;
    font-size: 16px;
    text-align: justify;
}
    padding: 1px;
    width: 100%;
    font-family: acumin-pro-semi-condensed, sans-serif;
	font-style: normal;
	font-weight: 500;}*/
.btn {background-color: #000;cursor: pointer;color: #fff;border: 2px solid #fff;text-transform:uppercase;
    font-family: acumin-pro-semi-condensed, sans-serif;font-weight: 500;font-size: 20px;height: 42px;
    margin: 0 auto;padding: 0;width: 50%;display: block;}
.banner-content h1 {text-align: center;font-size: 50px;font-family: acumin-pro-condensed, sans-serif;
    font-style: normal;font-weight: 600;color: #ffc216;text-shadow: 2px 2px #000;text-transform:uppercase;}
.banner-content h2{text-align: center; font-size: 22px;font-family: acumin-pro-semi-condensed, sans-serif;font-style: normal;font-weight: 400;}
/*.banner-content {
    float: left;
    text-align: center;
    margin-left: 50%;
    margin-top: 20%;
    width: 24%;
    letter-spacing: 2px;
}
.banner-content h1 {
    text-align: center;
    font-size: 30px;
    font-family: acumin-pro-condensed,sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #ec1c24;
    text-shadow: 2px 2px #000;
    text-transform: uppercase;
    border-bottom: 1px solid;
    width: 94%;
    margin-left: 2px;
}


.banner-content h2 {
    font-size: 18px;
    text-align: right;
    padding: 25px 10px;
    letter-spacing: 2px;
}
*/
.banner-content-new {
    width: auto;
    top: 45%;
    float: left;
    left: 40px;
    /* right: 0; */
    position: absolute;
    font-size: 32px;
    color: #fff;
}

.banner-content-new h3{
	color: #fff;
    font-size: 18px;
    font-family: Montserrat;
    text-transform: uppercase;
    width: 100%;
    letter-spacing: 2px;
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
}

.banner-content-new h2 {
   color: #ffc000;
    font-size: 30px;
    line-height: 35px;
    font-family: 'Roboto',sans-serif;
    text-transform: uppercase;
   border-bottom: none;
    padding-bottom: 0px;
    padding-top: 30%;
}

.banner-content-new p {color: #fff;
    font-size: 18px;
    padding-top: 1%;
    text-transform: none;
    font-family: 'Roboto',sans-serif;
   width: 58%;
    padding-bottom: 1%;}
    
    .bann-para-hr{border-bottom: 1px solid #ffc000;
    padding-bottom: 1%;
    border-top: 1px solid #ffc000;
    width: 65%;}

.admissiontxt{
    width: 100%!important;
}

.sec-pad1 {
      padding: 5% 0%;
    background: #f8f8f8;
    text-align: justify;
}

.sec-pad1-heading{    padding: 0% 0% 2%;
    text-align: center;} 

.h2para {
     font-size: 22px!important;
    color: #003a7e!important;
        font-family: 'Roboto'!important, sans-serif !important;    font-weight: 500!important;
    line-height: 1.1!important;text-transform: uppercase!important;
}

.black{    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #222222;
    text-align: justify;
    padding-bottom: 10px;}
    
 .sec-pad2 {
      padding: 5% 0%;
    
    text-align: justify;
}


.sec-pad3 {
    padding: 5% 0%;
    text-align: justify;
    background: #003a7e;
    color: #fff;
}

.intro{padding: 20px 20px;font-size: 16px;text-align: justify;background-color: #000;color: #fff;}


.yellow-box{background-color:#ffc216; font-family: acumin-pro-semi-condensed, sans-serif; font-size:16px; padding:20px 20px; width:100%; margin-top: 0px;}
.yellow-box h1{text-align: center; font-size: 53px; font-family: acumin-pro-condensed, sans-serif;
font-style: normal;font-weight: 600;text-transform: uppercase;}
.yellow-box h2{text-align: center; font-size: 30px;font-family: acumin-pro-semi-condensed, sans-serif;
font-style: normal;font-weight: 600;text-transform: uppercase;}
.title{ font-family: acumin-pro-condensed, sans-serif;font-style: normal;font-weight: 600;text-align: center; background-color: #fff; padding:10px 10px; font-size:30px;}
.black-boxes{margin: 20px auto;}
.vertical-box{ display: inline-block; margin: 5px 0px 0 18px;  border:none; background-color: none; width:48%; padding: 10px 10px;font-family: 'Roboto', sans-serif;;font-weight: 500;font-size: 18px; border-radius: 10px;vertical-align: top;}

.vertical-box-inner{padding: 10px 0px;
    background-color: none;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
    color: #222;
    border-bottom: 5px solid #003a7e;
    width: 61%;
    font-size: 15px;   }

.vertical-box-inner1{padding: 10px 0px;
    background-color: none;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
    color: #222;
    border-bottom: 5px solid #003a7e;
    width: 61%;    font-size: 15px; }




ul li {    font-family: 'Roboto', sans-serif;
   margin-left: 0px;font-size: 13px;
    color: #222;padding: 10px 20px;line-height: 20px;list-style-type:none;}
    
.bullettx {
    float: left;
    width: 50%;
    padding: 3% 5%;
}
    
     .squaretxt{     font-family: 'Roboto',sans-serif;
    margin-left: 0px;
    font-size: 15px;
    color: #222;
    padding: 10px 0px;
    line-height: 20px;}
    
     .square{      font-size: 16px;
    color: #ffc000;
    height: 38px;
    margin-right: 3%;
    float: left;
    top: -2px;}

  .squarestxt{     font-family: 'Roboto',sans-serif;
    margin-left: 0px;
    font-size: 15px;
    color: #222;
    padding: 10px 0px;
    line-height: 20px;}
  .squares{      font-size: 16px;
    color: #ffc000;
    height: 38px;
    margin-right: 3%;
    float: left;
    top: -2px;}
    
    .square2{      font-size: 16px;
    color: #ffc000;
    height: 52px;
    margin-right: 3%;
    float: left;
    top: -2px;}


    
    .squarelast{      font-size: 16px;
    color: #ffc000;
    height: 120px;
    margin-right: 3%;
    float: left;
    top: -2px;}
    
   
    
    
    
 .text{width:100%;} 
.text p{
    padding: 10px 20px 0px;
    font-size: 15px;
    text-align: justify;
      color: #222;
}


.col-md-4 {
  width: 24%;
    float: left;
    padding: 2% 2%;
    background: #003a7e;
    margin-right: 1%;
    margin-bottom: 1%;
        text-align: center;
            height: 170px;
}

.col-md-4-last {
    width: 24%;
    float: left;
    padding: 2% 2%;
    background: #003a7e;
    margin-right: 0%;
    margin-bottom: 1%;
    text-align: center;
        height: 170px;
}

.rankbx-p1{font-family: 'Roboto', sans-serif;color: #fff;font-size: 30px;font-weight: 400; line-height: 30px;}

.rankbx-p2{line-height: 20px;
    margin-bottom: 1%;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 15px;
    border-bottom: 2px solid #ffc000;
    padding-bottom: 3%;}
    
.rankbx-p3{    line-height: 20px;
    margin-bottom: 1%;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 15px;
    padding-top: 3%;}

.col-md-3 {
       width: 50%;
    float: left;
    padding: 0% 12%;
}

.col-md-5 {
    width: 50%; float: left;padding: 3% 0%;
}


.col-md-6 {
       width: 26%;
    float: left;
}

.padd6 {
    padding-left: 0px;    margin-right: 11%;
}

.subp {
    width: 100%;
    padding: 0% 5%;
}

.col-md-8 {
      width: 25%;
    float: left;
    padding: 2% 0% 2% 2%;
    text-align: left;
    border-right: 1px solid #b9a9a9;    height: 100px;
}

.col-md-8-last {  padding-bottom: 0%;    padding-top: 3%;
}

.mborp::after {
    content: "\2022";
    font-size: 46px;
    position: relative;
    color: #ffc000;
       left: 72%;
    top: 27px;
}

.mborp{font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #222222;
    text-align: justify;
    padding-bottom: 0px;    border-bottom: #ffc000 2px solid;}


.mborp2::after {
    content: "\2022";
    font-size: 46px;
    position: relative;
    color: #ffc000;
      left: 37%;
    top: 27px;
}

.mborp2{font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #222222;
    text-align: justify;
    padding-bottom: 0px;    border-bottom: #ffc000 2px solid;}
.uniname {
    text-align: left;
    padding: 3% 0%;
    font-size: 15px;
    border-bottom: 1px solid #d6d4d4;
}

.bx-main{width: 100%;
    padding: 0% 15%;}
    
.bx-sub{    background: #003a7e;
    padding: 3% 4%;
    color: #fff;}    
    
.bx-sub-sec{       float: left;
    padding: 0px 4%;
    width: 33%;
    border-right: 1px solid;
    text-align: center;}    
    
.bx-sub-sec-last{       float: left;
    padding: 0px 4%;
    width: 33%;
  
    text-align: center;}        
    
.bx-sub-sec-big-font{font-size: 24px;}    
.bx-sub-sec-small-font{font-size: 15px;    margin-bottom: 3%;}   


.twosec-bx{    width: 48%;
    background: #003a7e;
    padding: 2% 6%;
    margin: 5px 0px 0 0px;
    font-family: 'Roboto',sans-serif;
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    border-radius: 0px;
    margin-right: 3%;}
    
    .twosec-bx-last{    width: 48%;
    background: #003a7e;
    padding: 2% 6%;
    margin: 5px 0px 0 0px;
    font-family: 'Roboto',sans-serif;
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    border-radius: 0px;
    margin-right: 0%;}
    
.two-sec-head{padding: 10px 0px;
    background-color: none;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    border-bottom: 4px solid #ffc000;
    width: 100%;    font-size: 15px;}    

.text h2
{
    padding: 20px 0px 0px;
    text-transform: uppercase;
    border-bottom: 2px solid #ffc216;
    width: 26%;
    margin-left: 3%;
}

.addmi-bx-main{  width: 24%;
    background: #003a7e;
    padding: 3% 2%;
    color: #fff;
    float: left;
    margin-right: 1%;      height: 325px;  font-size: 13px;}
    
    .addmi-bx-main-last{  width: 24%;    font-size: 13px;
    background: #003a7e;
    padding: 3% 2%;
    color: #fff;
    float: left;
    margin-right: 0%;    height: 325px;}
    
    .add-square {
    font-size: 20px;
    color: #ffc000;
    height: 28px;
    margin-right: 3%;
    float: left;
    top: -3px;
        position: relative;
}

  .add-square-last {
       font-size: 20px;
    color: #ffc000;
    height: 128px;
    margin-right: 3%;
    float: left;
    top: -3px;
        position: relative;
}

.add-squaretxt {
    font-family: 'Roboto',sans-serif;
    margin-left: 0px;
    font-size: 13px;
    color: #fff;
    padding: 5px 0px;
    line-height: 19px;
}

.applybtn{  padding: 4% 0%;
    margin-top: 5%;
    background: #ffc000;
    width: 58%;
    text-align: center;}

.txtbtn{padding: 1%;
    background: rgba(225,192,0,1) !important;
    color: #222;
    text-transform: uppercase;
    border-radius: 5px;}
    
    
.footer{    background-color:#f8f8f8;
    font-family: acumin-pro-semi-condensed,sans-serif;
    font-size: 12px;
    padding: 20px 68px;
    width: 100%;
    margin-top: 0px;
    position: absolute;}
    
.desktop-only{display:block;}
.mobile-only{display:none;}

@media only screen and (max-width: 1280px) {	
	
    
    .vertical-box-inner {
  
    width: 65%;
}
    
 
    
 .text{width:100%;} 
 
 .text p{
    padding: 30px 5px 0px;
    font-size: 15px;
    text-align: justify;
}
  
 



    
}

@media only screen and (max-width: 800px) {
.actions {
    margin-top: 20%!important;
}
	.vertical-box {margin: 18px 0px 10px 18px;width: 95%;padding: 10px 10px;}
  
  .bullettx {
    float: none;
    width: 100%;
    padding: 3% 5px;
}
  .mt{
    margin-top: -18px;
}
  .pt{
    padding-top: 0px!important;
} 
}

@media only screen and (max-width: 640px) {	
.main-banner{width:100%; margin:0 auto; padding:0; background:url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/mumbai-lp-images/open-day/mba-open-day-M.jpg) no-repeat center; height: 353px; background-color:#b3b3b3; background-position: fixed; background-size: background-size: 100%;}	
.banner-content h1 {font-size: 45px; margin-left: 5%;}	
.banner-content h2 {font-size: 18px !important;}
.banner-content-new { font-size: 25px;color: #000;}
.intro {margin-top: 100%;}
}

@media only screen and (max-width: 450px) {
.main-banner{    clear: both;width:100%; margin:0 auto; padding:0; /*background:url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/mumbai-lp-images/mgb-gmba-info-lp-mobile-banner-2018.jpg) no-repeat 66% !important;*/ height: 353px !important; background-color:#b3b3b3; background-position: fixed; background-size: cover;}
.logo-left img {width: 80%;height: auto; padding: 10px 10px; opacity: 0.9;}
.logo-left {padding: 20px 95px;float: left;}
.logo-right {padding: 20px 70px;float: none;}	
.banner-content {float: left;text-align: center;margin-left: 0px;margin-top: 0px;}	
.text h2 {
    padding: 20px 0px 0px;
    text-transform: uppercase;
    border-bottom: 2px solid #ffc216;
    width: 45%;
    margin-left: 10%;
}	


.bann-para-hr {
    border-bottom: 1px solid #ffc000;
    border-top: 1px solid #ffc000;
    width: 60%;
    position: relative;
    left: 0%;
    margin-top: 2%;
}


.yellow-box {background-color: #ffc216;font-family: acumin-pro-semi-condensed, sans-serif;
    font-size: 16px;padding: 20px 20px;width: 100%;}	

	.yellow-box h2 {font-size: 18px;}	
.vertical-box {margin: 5px 0px 10px 0px;
    border: none;
    background-color: transparent;
    width: 100%;
    padding: 10px 10px;
    font-family: acumin-pro-semi-condensed,sans-serif;
    font-weight: 500;
    font-size: 18px;
    border-radius: 10px;}
 .text h2 {width: 60%;}
ul li {    font-family: acumin-pro-semi-condensed, sans-serif;
    margin-left: 20px;
    font-size: 15px;
    color: #222;
    padding: 8px 15px;
    line-height: 21px;
    /* background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/mumbai-lp-images/bullet-mba-info.png?t=1483362048561) no-repeat left center; */
    list-style: initial;}	
}



}

@media only screen and (max-width: 400px) {
.yellow-box {background-color: #ffc216;font-family: acumin-pro-semi-condensed, sans-serif;
 font-size: 16px;padding: 20px 20px;width: 100%;}	
.yellow-box h2 {font-size: 18px;}	
.vertical-box {margin: 5px 0px 10px 0px;
    border: none;
    background-color: transparent;
    width: 100%;
    padding: 10px 10px;
    font-family: acumin-pro-semi-condensed,sans-serif;
    font-weight: 500;
    font-size: 18px;
    border-radius: 10px;}
 .text h2 {width: 60%;}
ul li {    font-family: acumin-pro-semi-condensed, sans-serif;
    margin-left: 20px;
    font-size: 15px;
    color: #222;
    padding: 8px 15px;
    line-height: 21px;
    /* background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/mumbai-lp-images/bullet-mba-info.png?t=1483362048561) no-repeat left center; */
    list-style: initial;}	
}
@media only screen and (max-width: 360px) {
  
    .h2para {
    font-size: 20px;
    color: #003a7e;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 5%;
}



	.yellow-box h2 {font-size: 18px;}
	.vertical-box {display: inline-block;
    margin: 0px 0px 0px 0px;
    border: none;
    background-color: transparent;
    width: 92%;
    padding: 10px 10px;
    font-family: acumin-pro-semi-condensed, sans-serif;
    font-weight: 500;
    font-size: 16px;
    border-radius: 10px;}		
	ul li {font-family: acumin-pro-semi-condensed, sans-serif;margin-left: 15px;margin-top: 17px;color: #222;padding: 0px 0px 10px 10px;line-height: 18px;/*background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/mumbai-lp-images/bullet-mba-info.png?t=1483362048561) no-repeat left center;*/list-style: initial;font-size: 15px;}		
	.hs_recaptcha {transform:scale(0.85);-webkit-transform:scale(0.85);transform-origin:0 0;-webkit-transform-origin:0 0;}
    }
    
    @media only screen and (max-width: 980px) {
        
      
    
    .sec-pad1 {
    padding: 10% 0%;
    
}


.square2 {
    font-size: 16px;
    color: #ffc000;
    height: 135px;
    margin-right: 3%;
    float: left;
    top: -2px;
}

.mapimg{width:100%;max-width: 100%;}

.black {
   
    line-height: 18px;
}
.squarelast {
    font-size: 16px;
    color: #ffc000;
    height: 120px;
    margin-right: 3%;
    float: left;
    top: -2px;
}
	.vertical-box-inner {
    width: 100%;
}

.vertical-box-inner1 {
   
    width: 100%;
}

.bx-main {
    width: 100%;
    padding: 10% 0%;
}
.mobileformdiv{ padding-top: 8%;  height: auto;
    background: #003a7e;
    padding-bottom: 8%;}
   
.bx-sub-sec {
    float: none;
    padding: 8% 4%;
    width: 100%;
    border-right: none;
    text-align: center;
}

.bx-sub-sec-last {
    float: left;
    padding: 8% 4%;
    width: 100%;
    text-align: center;
}

.twosec-bx {
    width: 100%;
    font-size: 15px;
    margin-right: 0%;
}

.twosec-bx-last {
    width: 100%;
    font-size: 15px;
    margin-right: 0%;
        margin-top: -1%;
}

.col-md-8 {
    width: 100%;
    float: left;
    padding: 2% 0% 2% 1%;
    text-align: left;
    border-right: none;
}

.col-md-8-last {
    width: 100%;
    float: left;
    padding: 2% 0% 2% 1%;
    text-align: left;
}

.addmi-bx-main {
    width: 100%;
    background: #003a7e;
    padding: 12% 8%;
    color: #fff;
    float: left;
    margin-right: 1%;
    height: 325px;
    font-size: 13px;
    margin-bottom: 4%;
}


.addmi-bx-main-last {
    width: 100%;
    font-size: 13px;
    background: #003a7e;
    padding: 12% 8%;
    color: #fff;
    float: left;
    margin-right: 0;
    height: 325px;
}


.desktop-only{display:none;}
.mobile-only{display:block;}
.col-md-3 {
    width: 100%;
    float: none;
   
}

.mborp::after {
   
    left: 66%;
    top: 26px;
}

.mborp2::after {
   
    left: 23%;
    top: 27px;
}

.col-md-5 {
       width: 50%;
    float: left;
    padding: 9% 0%;
}
.col-md-4 {
    width: 100%;
    float: none;
    padding: 5% 5%;margin-bottom: 5%;
}


.col-md-4-last{
    width: 100%;
    float: none;
    padding: 5% 5%;
}
.sec-pt{
    padding-top: 0px!important;
}
.sec-pad2 {
  padding: 15% 0%;
}

.col-md-6 {
    width: 100%;
    float: none;
    padding: 0% 0%;
}

.footer {
  
    padding: 20px 20px;
 
}
    }
    
@media only screen and (max-width: 312px) {
	
	.yellow-box {background-color: #ffc216;font-family: acumin-pro-semi-condensed, sans-serif;font-size: 12px;padding: 20px 20px;width: 100%;margin-top: 220%;}	
	.yellow-box h2 {text-align: center;font-size: 16px;font-family: acumin-pro-semi-condensed, sans-serif;font-style: normal;font-weight: 600;text-transform: uppercase;}	
    .vertical-box {margin: 5px 0px 0 5px;border: 1px solid #000;background-color: #000;width: 95%;
    padding: 10px 10px;font-family: acumin-pro-semi-condensed, sans-serif;font-weight: 500;font-size: 16px;border-radius: 10px;}
	ul li {font-family: acumin-pro-semi-condensed, sans-serif;margin-left: 12px;font-size: 12px;color: #fff;padding: 10px 10px;line-height: 10px;list-style: none;}		
	.vertical-box-inner{ padding: 10px 20px;background-color: #003a7e;text-align: center;text-transform: uppercase;font-weight: 600;    color: #fff;}
    .text h2 {width: 65%;}
    
    
	}