@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
@media screen and (min-width: 1400px) {
  img.howToImagePosition
  {
  	top: -14px  !important;
  }
}
@media screen and (max-width: 1024px) {
  img#aboutUsImg
  {
  	width: 100% !important;
  }
}
@media (max-width: 1200px) {
  img.howToImagePosition
  {
  	top: 27px !important;
  }
}

@media (max-width: 1023px) and (min-width: 768px) {
  img.howToImagePosition
  {
  	display: none;
  }
  div.ipadPaddingLeft
  {
  	padding: 0 50px;
  }
  div.marginTop9
  {
  	margin-top: 40px;
  }
  div.contactUsLocation, div.contactUsPhone, div.contactUsMail
  { 
	margin-left: 0;
  }
  img.contactUsIcon
  {
	width: 43px;
  }
  div.marginTop2
  {
  	margin-top: 45px;
  }
  div.marginTop3
  {
  	margin-top: 40px;
  }
  h5.indexTitleFont
  {
  	font-size: 78px;
  	margin-top: -80px;
  }
  h5.indexSubTitleFont
  {
  	font-size: 27px;
  }
  div.marginTop1, div.aboutUsDescription, div.aboutUsDescription.diffClassMarginTop
  {
  	margin-top: 40px;
  }
  div.aboutUsBtn
  {
  	width: 50%;
  }
  img.whyUsImage
  {
	width: 160px;
  }
  div.whyUsTitle
  {
  	font-size: 22px;
  }
  div.indicatorIcon, img.faqImageStyle
  {
	margin: auto 0 auto 0
  }
  div.marginTop12
  {
  	margin-top: 70px;
  }
  div.ipadTextRight
  {
  	text-align: right;
  }
  section.howToApplyBg
  {
  	padding-bottom: 0px;
  }
  img.ipadViewWidth
  {
  	width: 60%;
  }
  div.tooltip.show
  {
  	z-index: 4;
  }
  img#aboutUsImg
  {
  	width: 100% !important;
  }
}

@media (max-width: 767px) {
	div.whatTitle, div.benifiTitle
	{
		font-size: 40px;
		line-height: 40px;
	}
	div.eventBorderLeft, div.borderDesignLeft
	{
	  text-overflow: ellipsis;
	  overflow: hidden; 
	  white-space: nowrap;
	}
	div.eventBorderRight, div.borderDesignRight
	{
	  text-overflow: ellipsis;
	  overflow: hidden; 
	  white-space: nowrap;
	}
	div.eventBorderLeft
	{
	  padding: 10px;
	}
	div.eventBorderRight
	{
	  padding: 10px;
	}
	div.mobileMarginTop, div.marginTop6
	{
		margin-top: 50px;
	}
	div.mobileMarginTop1, img.faqImageStyle
	{
		margin-top: 20px !important;
	}
	div.mobileMarginTop2
	{
		margin-top: 45px !important;
	}
	section.eventBg {
	    padding: 40px 0;
	}
	div.mobileTextCenter {
	    text-align: center;
	}
	div.justifyContentCenter {
	    justify-content: center !important;
	}
	img.howToImagePosition
	{
		display: none;
	}
	  div.marginTop10
	{
		margin-top: 45px;
	}
	div.marginTop9
	{
		margin-top: 35px;
	}
	div.mobilePaddingRight, div.allPaddingRight
	{
		padding: 0;
	}
	iframe.mobileMapHeight
	{
		height: 320px;
	}
	div.contactUsLocation, div.contactUsPhone, div.contactUsMail
	{ 
	  margin-left: 0;
	}
	img.contactUsIcon
	{
	  width: 33px;
	}
	select.contactUsOption + i.fa {
	  background-color: #00afea;
	  right: 18px;
	  height: 36px;	
	}
	section.benefitBg
	{
		background-image: url(../img/benefits/benefits-banner-mobile-image.jpg);
		background-position: right;
	}
	section.whatBg
	{
		background-image: url(../img/what-happen/what-happen-banner-mobile-image.jpg);
		background-position: right;
	}
	section.joinUsBg
	{
		background-image: url(../img/join-us/join-us-banner-mobile-image.jpg);
		background-position: right;
	}
	section.contactUsBg
	{
		background-image: url(../img/contact-us/contact-us-banner-mobile-image.jpg);
		background-position: right;
	}
	div.marginTop2
  {
	    margin-top: 45px;
  }
  div.benefitsIconTop
  {
	   margin-top: 45px;
  }
    h5.indexTitleFont
	{
		font-size: 50px;
		margin-top: -80px;
	}
	h5.indexSubTitleFont
	{
		font-size: 20px;
	}
	div.minHeightItem, img.minHeightImg
	{
		min-height: 200px;
	}
	div.borderDesignLeft, div.borderDesignRight
	{
		padding: 8px 0 0 10px;
	}
	div.aboutUsDescription, div.aboutUsDescription.diffClassMarginTop
	{
		margin-top: 15px;
	}
	div.marginTop1, div.marginTop3, div.marginTop8
	{
		margin-top: 40px;
	}
  div.marginTop5
  {
    margin-top: 20px;
  }
	div.mobileMarginTop3
	{
		margin-top: 60px;
	}
	div.aboutUsBtn
  {
	  width: 100%;
  }
  div.mobileIndicator
  {
  	display: block;
  }
  div.lessModalMarginTop2
  {
      line-height: 1.2em;
  }
  div.lessModalMarginTop1
  {
  	line-height: 1.2em;
  	margin-top: 10px;
  }
  div.modalTitle1
  {
  	font-size: 26px;
  }
  div.marginTop12
  {
	    margin-top: 40px;
  }
  select.aboutUsOption, select.eventPastOption
  {
  	font-size: 18px;
  }
  section.aboutUsBg
  {
  	padding: 60px 0 80px 0;
  }
  section.howToApplyBg
  {
  	padding-bottom: 0px;
  }
  img.fixedModalClose
  {
	position: absolute;
	right: 0px;
  }
  img#aboutUsImg
  {
  	width: 100% !important;
  }
/*  .page-item.disabled .page-link
  {
    display: block;
    background: transparent;
    color: #FFF;
    opacity: 0.5;
  }
  .page-link
  {
    font-size: 20px;
  }*/
  div.dataTables_wrapper div.dataTables_paginate
  {
    margin-top: 10px;
  }
  a:not([href]):not([tabindex]).paginate_number
  {
    color: #FFF;
    padding: 8px 13px;
    font-size: 18px;
  }
  .page-item.active
  {
    border-radius: 5px;
    background: #1486ca;
  }
  a:not([href]):not([tabindex]).nextButtonStyle, a:not([href]):not([tabindex]).previousButtonStyle
  {
    color: #FFF;
    font-size: 18px;
    padding-left: 13px;
    padding-right: 13px;
  }
  .paginate_ellipsis
  {
    color: #FFF;
    padding: 8px 3px;
    font-size: 18px;
  }
}