@media screen and (max-width: 1440px){
  .heroContent {
    left: 76px;
}
}
@media screen and (max-width: 1024px) {
  .heroContent {
        left: 37px;
    }
  .litLogo img {
    width: 200px;
  }
  .hdRw {
    align-items: center;
  }

  .heroContent h1 {
    font-size: 50px;
  }
  .heroContent p {
    padding-right: 0;
  }
  .litHero {
    background-position: 0;
  }
  .litHero::before {
    background: linear-gradient(
      96deg,
      rgb(10, 10, 10) 20%,
      rgba(237, 221, 83, 0) 100%
    );
  }
  .secTitle p {
    font-size: 22px;
  }
  .abtBlk {
    padding: 28px;
  }
  p {
    font-size: 18px;
  }
  .jrnyCont h2 {
    font-size: 35px;
  }
  .litjrny {
    background-position: center;
  }
  .jrnyCont h2 {
    padding-right: 0;
  }
  .secTitle h2 {
    font-size: 40px;
  }
  .feature-item h5 {
    font-size: 25px;
  }
  .feature-item::before {
    width: 53px;
    height: 50px;
  }
  .crseCont {
    padding: 25px;
  }
  .crseHd h2,
  .crseHd h2 span {
    font-size: 26px;
  }
  .ftrForm h2 {
    font-size: 32px;
  }
  .ftrCnt a {
    font-size: 24px;
  }
  .popcontainer {
    max-width: 800px;
    margin: auto;
  }

  /* COURSE */
  .pgContent h2 {
    color: #fff;
    font-size: 39px;
  }
  .pageHd {
    height: 460px;
  }
  .info-box img {
    width: 80px;
  }
  .career-section{
    padding: 80px 50px !important;
  }
  .career-section h2 {
    font-size: 40px;
}
.career-section li{
    font-size: 22px;
}
.crseCertBlk h3{
    padding: 0 30px;
}
}
@media screen and (max-width: 992px) {
       .herImg img{
    height: 500px;
}
    .msHeader{
        padding: 24px 0;
    }
      .litLogo img {
        width: 210px;
    }
  .logo img {
        width: 120px;
    }
  .heroContent h1 {
    font-size: 42px;
  }
  .abtBlk {
    padding: 22px;
  }
  .abtCont h3 {
    font-size: 23px;
  }
  p {
    font-size: 16px;
  }
  .jrnyCont p span {
    font-size: 16px;
  }
  .secTitle h2 {
    font-size: 32px;
  }
  section {
    padding-top: 40px;
  }
  .litWhyCont {
    padding-bottom: 40px;
  }
  .feature-item {
    margin-bottom: 20px;
  }
  .feature-item h5 {
    font-size: 22px;
  }
  .feature-item::before {
    width: 45px;
    height: 45px;
    left: -38px;
  }
  .crseCont {
    display: block;
  }
  .crseHd {
    margin-bottom: 12px;
  }
  .crseCont a {
    width: 45px;
    height: 45px;
  }
  .crseHd h2,
  .crseHd h2 span {
    font-size: 23px;
  }
  .crseCont {
    padding: 15px;
  }
  .ftrForm {
    padding-left: 14px;
  }
  .ftrCnt a {
    font-size: 20px;
  }
  .ftrSocial a {
    width: 38px;
    height: 38px;
  }
  .inpFrm input[type="submit"] {
    margin-top: 10px;
  }
  .ovrCont p{
    padding: 0 10px;
  }
  .heroContent button{
    padding: 12px 34px;
  }
      .info-box img {
        width: 60px;
    }
}
@media screen and (max-width: 662px) {
    .heroContent{
  padding: 15px 30px;
  left: 0;
  max-width: 100%;
}
  .navContain {
    display: none;
  }
  .msHeader {
    padding-bottom: 24px;
  }
  .topbar {
    height: 13px;
    margin-bottom: 0;
  }
  .litLogo {
    margin-top: 0;
  }
  .hdRw {
    align-items: center;
    padding-top: 20px;
  }
  .litHero {
    background-position: 70%;
  }
  .heroContent h1 {
    font-size: 35px;
  }
  .litLogo {
    display: none;
  }
  /* .litHero {
    height: 650px;
  } */
  .mobTogg {
    display: block;
    position: relative;
    z-index: 222;
  }
  .navContain {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    transform: translateY(-10px);
    top: 0;
  }
  .navContain.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .navMenu ul {
    display: block;
    margin-top: 50px;
  }
  .navMenu ul li {
    margin-bottom: 25px;
  }
  .navMenu li a {
    font-size: 22px;
    font-weight: 300;
  }
  .litresLog {
    margin-top: 130px;
    display: block;
	  border-bottom:1px solid #000;
  }
  .litresLog img {
    width: 260px;
	  margin-bottom:18px;
  }
  .res-social{
  display: block;
  }
  .Res-ftrSocial ul {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
}
  .litAboutBg {
    height: 290px;
  }
  .abtBlk {
    margin-bottom: 24px;
    height: auto;
  }
  .jrnyCont {
    padding: 70px 0;
  }
  .left-side {
    height: 380px;
  }
  .feature-item {
    padding-left: 60px;
    position: relative;
  }
  .feature-item::before {
    width: 36px;
    height: 36px;
    left: 12px;
  }
  .crseHd h2,
  .crseHd h2 span {
    font-size: 26px;
  }
  .crseSyllb {
    margin-bottom: 24px;
  }
  .rsRev {
    display: flex;
    flex-direction: column-reverse;
  }
  .crsImg {
    line-height: 0;
  }
  .crseCont {
    display: flex;
  }
  .resFtrBtm {
    display: block;
  }
  .ftrBtm {
    display: none;
  }
  .littLogo {
    margin-bottom: 24px;
  }
  .ftrForm {
    padding-left: 0;
  }
  .popImgCont {
    margin-bottom: 24px;
  }
  .LITpopup {
    height: 100%;
    overflow: scroll;
  }

  /* COURSE PAGE */
  .br-0{
    border-right: 1px solid #ccc;
  }
  .crseHighCont ul{
    padding-left: 40px;
  }
  .pl-space{
    padding-left: 0;
  }
  .crseModuleContain .feature-item::before {
    filter: invert(1);
    width: 30px;
    height: 30px;
    left: -10px;
}

  .crseModuleContain .feature-item{
    padding-left: 30px;
  }
  .crseCertBlk{
    margin-bottom: 24px;
  }
  .crseCertification{
    padding-bottom: 40px;
  }
}
@media screen and (max-width:425px){
  .heroContent{
    top: 60px;
    padding: 15px ;
}
    .heroContent h1 {
        font-size: 30px;
    }
	.logo{
		position:relative;
		z-index:9999;
	}
	    .navMenu ul {
        margin-top: 146px;
    }
}
@media screen and (max-width: 375px) {
    .pgContent h2 {
        color: #fff;
        font-size: 30px;
    }
        .career-section {
        padding: 80px 20px !important;
    }
        .career-section h2 {
        font-size: 33px;
    }
}