.sec-head{
	font-size: 45px;
  margin: 0;
  font-weight: 900;
  font-family: 'Merriweather', serif;
}

.section-common{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 50px 0;
	background: #fcfcfc;
}
/*reversing mentorship*/
#home-mentorship{
  flex-direction: row-reverse;
}

#ranklist{
  padding: 50px 0;
}
/*home-exam padding adjustment due to ranklist-featues*/
#home-exam{
  padding: 100px 0px 50px;
}

.section-common > div{
  margin: 0 15px;
}
.sec-intro{
  width: 400px;
}
.sec-blurb{
  font-size: 30px;
  font-weight: 300;
}
.sec-img{
  display: flex;
  align-items: center;
}
.sec-btn{
  padding: 9px 20px;
  background: #56ba78;
  border-radius: 25px;
  font-size: 20px;
  font-weight: 300;
  color: white;
  display: inline-block;
  box-shadow: 0 2px 4px 0 #307f4a;
  transition: all 0.2s ease-out;
}
.sec-btn:hover{
  transform: translateY(-3px);
  box-shadow: 0 9px 14px -5px #307f4a
}
/* management quota admission button on hero image and comedk page */
.mq-button {
  font-size: 20px;
  border-radius: 5px;
  padding: 10px 18px;
  font-weight: 300;
  border: 1px solid white;
  margin-top: 10px;
  display: inline-block;
  position: relative;
  background-color: white;
  color: #55708d;
  transition: all 0.2s cubic-bezier(0, 0, 0.56, 1.44);
}
.mq-button:hover {
  box-shadow: 0 6px 6px -5px rgba(255,255,255,0.5);
}
.mq-button:hover img{
  animation: left-right 1s linear infinite;
}
@keyframes left-right {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translate(0px);
  }
}



@media(max-width: 1080px){
  .section-common{
    align-items: center;
    text-align: center;
    padding-top: 0;
  }

	.section-common,
  #home-mentorship{    /*overriding for #home-mentorship on top*/
  	flex-direction: column;
	}
  
  /*Removing padding from top*/
  #ranklist{
    padding-top: 0;
  }
  /*moving ranklist-features up by 30px(50px-30px = 20px)*/
  .section-common.ranklist-intro{
    padding-bottom: 20px;
  }
  .section-common.ranklist-intro{
    padding-top: 50px;
  }

	.ranklist-features{
		width: 700px;
		margin: 0 auto;
	}
	.section-common > div{
		margin: 0;
	}
	.section-common .sec-img{
		margin-top: 30px;
	}
	.sec-intro{
		width: 700px;
	}

  #home-mentorship .sec-intro{
    text-align: center;
  }

  #home-exam{
    padding-top: 50px;
  }
}

@media(max-width: 1080px){
  .section-common{
    align-items: center;
    text-align: center;
    padding-top: 0;
  }
  /*as aligning right in 1080px*/
  #home-mentorship .sec-intro{
    text-align: center;
  }

  #home-exam{
    padding-top: 50px;
  }

  .section-common.ranklist-intro{
    padding-top: 50px;
  }
}

@media(max-width: 768px){
  .sec-intro{
    width: 600px;
  }
  .sec-blurb{
    font-size: 25px;
  }
  .sec-btn{
    margin-bottom: 30px;
  }
  .section-common .sec-img{
    margin-top: 0;
  }
}


@media(max-width: 615px){
  .sec-intro{
    width: 100%;
  }
  .sec-img img{
    width: 100%;
  }
  .section-common > div{
    padding: 0 15px;
  } 
}


@media(max-width: 600px) {
  .f-c-common-head, .sec-head{
    font-size: 35px;
  }
  .section-common{
    padding-top: 55px;
    padding-bottom: 55px;
  }

  /*Adjusting padding 25px up down*/
  .section-common.ranklist-intro{
    padding: 0;
  }
  #ranklist,#home-exam{
    padding: 40px 0;
  }

  .sec-blurb{
    font-size: 22px;
  }

  .sec-btn {
    font-size: 17px;
  }
}

@media(max-width: 380px) {
  .mq-button {
    width: 80%;
  }
}