@media only screen and (max-width: 1036px) {
  .slick-prev {
    left: 0;
    z-index: 10;
  }

  .slick-next {
    z-index: 10;
    right: 0;
  }
}
@media only screen and (max-width: 992px) {
  .aboutUsPage .aboutInstituteSection {
    min-height: 735px;
  }

  .mainMenu .mainmenuContent .rightContent .menuToggle {
    float: right;
    display: inline-block;
    margin-left: 20px;
  }
  .mainMenu .mainmenuContent .rightContent .menuToggle img {
    width: 25px;
  }

  .mainMenu .mainmenuContent .rightContent .closeIcon {
    top: 69px;
  }

  body.openMobileMenu .mainMenu .mainmenuContent .rightContent .menuItems {
    padding-top: 140px;
  }

  body.openMobileMenu.fixedMainMenu .mainMenu .mainmenuContent .rightContent .closeIcon {
    top: 19px;
  }

  body.openMobileMenu.fixedMainMenu .mainMenu .mainmenuContent .rightContent .menuItems {
    padding-top: 95px;
  }

  .mainMenu .mainmenuContent .rightContent .searchIcon {
    margin-top: 1px;
  }

  .mainMenu .mainmenuContent .rightContent .closeIcon {
    float: right;
    display: inline-block;
    position: fixed;
    /*top: 25px;*/
    right: -500px;
    z-index: 20;
  }
  .mainMenu .mainmenuContent .rightContent .closeIcon img {
    width: 25px;
  }

  .mainMenu .mainmenuContent .rightContent .menuItems {
    position: fixed;
    width: 30%;
    height: 100%;
    background-color: #fff;
    z-index: 10;
    top: 0;
    right: -500px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0 1px 5px 0 rgba(50, 50, 50, 0.5);
    box-shadow: 0 1px 5px 0 rgba(50, 50, 50, 0.5);
  }

  .mainMenu .mainmenuContent .rightContent .menuItems ul li {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    text-align: right;
    margin-bottom: 20px;
    padding: 0 15px;
  }

  body.openMobileMenu .mainMenu .mainmenuContent .rightContent .menuItems {
    right: 0;
    /*padding-top: 125px;*/
  }
  body.openMobileMenu .mainMenu .mainmenuContent .rightContent .closeIcon {
    right: 15px;
  }

  .educationalStagesLisitng ul li a .box {
    width: 142px;
    height: 140px;
    padding-top: 40px;
  }

  footer .footerTop .part.footerLogoSection .footerLogo img {
    max-width: 140px;
    left: calc(50% - 70px);
  }

  .BunchDetails .bunchDescription .btnRegistration {
    float: right;
    margin-top: 20px;
  }

  .BunchDetails {
    margin-bottom: 65px;
  }
}
@media only screen and (max-width: 768px) {
  .generalInfo .informations ul li .item {
    height: auto;
  }

  .generalInfo .informations ul li .item:after {
    display: none;
  }

  .generalInfo .informations ul li .item:before {
    display: none;
  }

  .generalInfo .informations ul li label {
    margin-bottom: 20px;
  }

  .generalInfo .informations {
    top: 43%;
  }

  .whatsappIcon {
    top: calc(100% - 40px);
    left: 20px;
    opacity: 1;
  }

  .howToRegister .registrationSteps ul li {
    margin-bottom: 30px;
  }
  .howToRegister .registrationSteps ul li p {
    max-width: 100%;
  }

  .activityDetailsPage .activityDetails .imagesAndVideosListing ul li a {
    height: auto;
  }

  .fancybox-button.fancybox-button--arrow_right {
    display: none;
  }
  .fancybox-button.fancybox-button--arrow_left {
    display: none;
  }
}
@media only screen and (max-width: 767.5px) {
  .aboutUsPage .aboutInstituteSection {
    min-height: initial;
  }

  .aboutUsPage .rightContent .aboutSection .content {
    position: relative;
  }

  .aboutUsPage .aboutInstituteSection {
    margin-bottom: 45px;
  }

  .contactPage .rightContent .contactFormSection {
    padding-bottom: 740px;
  }

  .contactPage .rightContent .contactFormSection .content {
    max-width: 100%;
  }

  .aboutUsPage .rightContent .aboutSection .content {
    max-width: 100%;
  }

  /*.aboutUsPage .rightContent .aboutSection {
      padding-bottom: 580px;
  }*/
  .branches ul li {
    width: 50%;
    float: right;
  }

  .branches ul li .imagesSection {
    min-height: 200px;
  }

  .branches ul li .branchDetails {
    padding: 0 20px;
  }

  .branches {
    margin-bottom: 60px;
    display: inline-block;
    width: 100%;
  }

  .generalManagerSection .leftContent .generalManagerImageSection {
    margin: 0 auto;
    margin-bottom: 30px;
  }

  .generalManagerSection {
    margin-bottom: 125px;
  }

  .teachingRequest a:after {
    left: 15px;
  }

  .courseDetailsContent .imageContent .imageSection {
    margin-bottom: 30px;
  }

  .courseDetailsContent .descriptioncontent .descriptionText {
    border-left: none;
    min-height: initial;
  }
}
@media only screen and (max-width: 751px) {
  footer .footerTop {
    padding: 34px 0 18px 0;
  }

  footer .footerTop .part.socialMediaSection ul li:last-child {
    margin-left: 0;
  }

  footer .footerTop .part {
    width: 100%;
    display: inline-block;
  }
  footer .footerTop .part.locationsSection {
    margin-bottom: 0;
  }
  footer .footerTop .part.socialMediaSection .socialMediaLinks {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  footer .footerTop .part.socialMediaSection .socialMediaLinks ul {
    text-align: center;
    display: inline-block;
  }

  .aboutSectionBanner ul li a .item label.aboutIntitute {
    margin-top: 6px;
  }

  footer .footerTop .part.footerLogoSection .footerLogo img {
    position: relative;
    left: unset;
    top: unset;
  }

  .educationalStagesLisitng ul li a .box {
    width: 132px;
    height: 130px;
    padding-top: 30px;
  }

  .educationalStagesLisitng ul li.exams a .box {
    padding-top: 40px;
  }

  .aboutSectionBanner ul li a {
    padding: 40px 0;
  }

  .aboutSectionBanner ul li {
    height: auto;
  }

  footer .footerTop .part.locationsSection ul li .item .address {
    max-width: 300px;
  }

  footer .footerTop {
    padding-top: 220px;
    position: relative;
  }

  footer .footerTop .footerLogoSection {
    position: absolute;
    top: 50px;
  }

  footer .footerTop .socialMediaSection {
    position: absolute;
    top: 165px;
  }

  footer .footerTop .part.socialMediaSection ul li {
    margin-left: 40px;
  }

  footer .footerTop .locationsSection {
    max-width: 285px;
    margin: 0 auto;
    text-align: center;
    width: auto;
    display: block;
    float: none;
  }
}
@media only screen and (max-width: 700px) {
  .educationalStagesLisitng ul li {
    width: 20%;
  }

  .officialExamsPage .educationalStagesLisitng ul li {
    width: 25%;
  }
}
@media only screen and (max-width: 680px) {
  .educationalStagesLisitng {
    height: auto;
    width: 304px;
    margin: 0 auto;
    display: block;
  }

  .officialExamsPage .officialExamsResults {
    padding-top: 140px;
  }

  .educationalStagesLisitng ul li a .box {
    width: 152px;
    height: 150px;
    padding-top: 38px;
  }

  .officialExamsPage .educationalStagesLisitng ul li {
    width: 50%;
  }

  .educationalStagesLisitng ul li {
    width: 50%;
  }

  .educationalStagesLisitng ul li.exams a .box {
    padding-top: 50px;
  }

  .educationalStagesLisitng ul li.exams {
    width: 100%;
  }

  .educationalStagesLisitng ul li.exams a {
    width: 100%;
  }

  .educationalStagesLisitng ul li.exams a .box {
    width: 100%;
  }

  .section.homePageEducationalStage {
    padding: 60px 0 50px 0;
  }

  .mainMenu .mainmenuContent .rightContent .menuItems {
    width: 300px;
  }

  body.openMobileMenu .mainMenu .mainmenuContent .rightContent .closeIcon {
    right: 19px;
  }

  .mainMenu .mainmenuContent .rightContent .menuItems ul li {
    padding: 0 19px;
  }

  .gallery.homePage ul li .sliderContent {
    top: 300px;
  }

  .gallery.homePage ul li {
    height: 545px;
  }

  .pageHeader .educationalStagesLisitng {
    width: 300px;
    bottom: unset;
    top: 245px;
    left: calc(50% - 150px);
  }

  .educationalStageContent {
    padding-top: 380px;
  }

  .HollandExamSection a.sectionTitle {
    padding-left: 65px;
    font-size: 20px;
    line-height: 1.5;
  }

  .HollandExamSection a.sectionTitle:after {
    left: 15px;
    top: calc(50% - 15px);
  }
}
@media only screen and (max-width: 600px) {
  .pageHeader {
    height: 240px;
  }

  .pageHeader .educationalStagesLisitng {
    top: 140px;
  }

  .educationalStageContent {
    padding-top: 415px;
  }

  .getCoursesSection {
    margin-bottom: 50px;
  }

  .coursesSeparator {
    height: 50px;
  }
}
@media only screen and (max-width: 550px) {
  .coursesListing ul li {
    width: 100%;
  }

  .coursesBunchesSection .coursesBunchesListing ul li {
    width: 100%;
  }
}
@media only screen and (max-width: 520px) {
  .aboutSectionBanner ul li {
    width: 100%;
    padding: 0 20px !important;
  }

  .aboutSectionBanner ul li a .item label.generalManager img {
    margin-top: 0;
  }

  .gallery.homePage ul li .sliderContent .btnAction a {
    padding: 20px !important;
    text-align: right;
    width: 100%;
  }

  .yellowButton.flesh:after {
    left: 15px;
    top: calc(50% - 15px);
  }

  .gallery.homePage ul li {
    height: 480px;
  }

  .gallery.homePage ul li .sliderContent {
    top: unset;
    bottom: 35px;
  }

  .topMenu .rightContent .contactInfo {
    display: none;
  }

  .branches {
    margin-bottom: 100px;
  }

  .branches ul li {
    width: 100%;
  }

  /*.branches ul li .addressDescription {
      padding-left: 0;
  }*/
  .gallery.homePage ul li .sliderContent .btnAction a {
    min-width: initial;
  }

  .yellowButton {
    min-width: initial;
  }

  .teachingRequest {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .teachingRequest a {
    float: none;
    width: auto;
  }
}
@media only screen and (max-width: 485px) {
  .howToRegister .btnSection {
    padding: 0 15px;
  }
  .howToRegister .yellowButton {
    width: 100%;
    padding: 15px 15px 15px 45px;
    text-align: right;
  }

  .howToRegister .titleSection {
    line-height: 1.3;
  }

  .educationalStageContent .specialisations .titleSection {
    line-height: 1.3;
  }
}
@media only screen and (max-width: 450px) {
  .gallery.homePage ul li .sliderContent .title {
    line-height: 1.3;
    font-size: 39px;
  }

  .yellowButton {
    font-size: 26px;
  }
}
@media only screen and (max-width: 426px) {
  .howToRegister .titleSection {
    width: auto;
    margin: 20px;
  }
  .howToRegister .titleSection .paddingLeftRight15 {
    padding: 0;
  }

  .educationalStageContent {
    padding-top: 389px;
  }

  .activityDetailsPage .activityDetails .imagesAndVideosListing ul li {
    width: 100%;
  }

  .activityDetailsPage .activityDetails .imagesAndVideosListing {
    margin-bottom: 30px;
  }

  .generalManagerSection .leftContent .generalManagerImageSection {
    width: 100%;
  }

  .generalManagerSection .leftContent .generalManagerImageSection:after {
    width: calc(100% - 30px);
  }

  .generalManagerSection .leftContent .generalManagerImageSection:after {
    bottom: 12px;
  }

  /*.generalManagerSection .leftContent .generalManagerImageSection .imageContent img {
      max-width: calc(100% - 15px);
  }*/
  .contactPage .rightContent .contactFormSection {
    padding-bottom: 722px;
  }

  .contactPage .rightContent .contactFormSection .content {
    width: 100%;
    top: -10px;
    max-width: 100%;
    padding-top: 20px;
  }

  .contactPage .smallerContainer {
    margin: 0;
    overflow: hidden;
  }

  .contactPage .pageHeader {
    margin-bottom: 0;
  }

  .officialExamsSpecialtyListing ul li {
    width: 100%;
  }

  .officialExamsPage .officialExamsResults {
    padding-top: 180px;
  }

  .officialExamsPage .officialExamsResults .expandCollapseItems .toggleItem .toggleTitle.year:after {
    left: 20px;
  }

  .coursePagesTitle .backSection a {
    font-size: 12px;
  }

  .coursePagesTitle h4 {
    font-size: 12px;
    margin-top: 3px;
  }

  .coursePagesTitle .backSection:after {
    top: 7px;
    height: 20px;
  }

  .BunchDetails .bunchDescription .btnRegistration {
    display: inline-block;
    width: 100%;
  }
  .BunchDetails .bunchDescription .btnRegistration a {
    width: 100%;
    padding: 4px 15px;
    text-align: center;
  }

  .generalManagerSection .leftContent .generalManagerImageSection .imageContent {
    position: relative;
  }
  .generalManagerSection .leftContent .generalManagerImageSection .imageContent:after {
    content: "";
    width: 90%;
    height: 100%;
    background-color: #fdcb26;
    top: 30px;
    bottom: 0;
    position: absolute;
    z-index: 1;
  }

  .generalManagerSection .leftContent .generalManagerImageSection .imageContent img {
    max-width: calc(100% - 30px);
    float: right;
    z-index: 2;
    position: relative;
  }

  .generalManagerSection .leftContent .generalManagerImageSection:after {
    display: none;
  }

  .generalManagerSection .leftContent .generalManagerImageSection {
    height: auto;
    margin-bottom: 60px;
    display: inline-block;
  }
}
@media only screen and (max-width: 425px) {
  .gallery.homePage ul li {
    height: 330px;
  }

  .gallery.homePage ul li .sliderContent {
    bottom: 15px;
  }
}
@media only screen and (max-width: 420px) {
  .generalInfo .informations ul li span {
    font-size: 30px;
  }

  .generalInfo .informations ul li label {
    font-size: 38px;
  }
}
@media only screen and (max-width: 350px) {
  .educationalStagesLisitng {
    width: 260px;
  }

  .pageHeader .educationalStagesLisitng {
    width: 260px;
    left: calc(50% - 130px);
  }

  .educationalStagesLisitng ul li a .box {
    width: 130px;
    height: 130px;
    padding-top: 31px;
  }

  .educationalStagesLisitng ul li.exams a .box {
    padding-top: 36px;
  }
}
@media only screen and (max-width: 375px) {
  .pageHeader {
    height: 170px;
  }

  .pageHeader .educationalStagesLisitng {
    top: 200px;
  }

  .educationalStageContent {
    padding-top: 520px;
  }

  .officialExamsPage .officialExamsResults {
    padding-top: 240px;
  }
}
@media only screen and (max-width: 325px) {
  .yellowButton.flesh:after {
    display: none;
  }

  .gallery.homePage ul li .sliderContent .btnAction a {
    text-align: center;
  }

  .howToRegister .yellowButton {
    padding: 15px;
  }

  .contactPage .rightContent .contactFormSection .content {
    padding: 20px 10px;
  }
}
@media only screen and (max-width: 300px) {
  .generalInfo .informations ul li span {
    font-size: 20px;
  }

  .generalInfo .informations ul li label {
    font-size: 28px;
  }
}

/*# sourceMappingURL=AlManarHighInstitute-responsive.css.map */