/* smartphones, iPhone, portrait 480x320 phones */
/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
@media (max-width: 1100px) {
     body .body-outline .body-original {
          overflow: hidden;
    }
     body .body-outline .body-original .main-header.normal-view {
          display: none;
    }
     body .body-outline .body-original .main-header.mobile-view {
          text-align: center;
          display: block;
    }
     body .body-outline .body-original .main-header .logo {
          left: inherit;
    }
     body .body-outline .body-original .body-section.normal-view {
          display: none;
    }
     body .body-outline .body-original .body-section.mobile-view {
          display: block;
    }
     body .body-outline .body-original .body-section .section-heading {
          font-size: 24px !important;
          margin-right: 15px;
          margin-left: 15px;
          line-height: 30px;
    }
     body .body-outline .body-original .body-section .section-content {
          margin-right: 15px;
          margin-left: 15px;
          font-size: 14px;
          line-height: 30px;
          margin-top: 0px;

          &.slider-poster {
               position: absolute;
               top: 215px;
               /* margin-right: -38px; */
               margin-left: -38px;
               &.img-resized {
                    top: 230px;
               }
          }

    }
     body .body-outline .body-original .body-section .section-content.blogs-post {
          color: #fff;
          text-align: start;
    }
     body .body-outline .body-original .body-section .section-content.blogs-post-img {
          text-align: start;
          color: #000;
    }
     body .body-outline .body-original .body-section .section-content.transparant {
          line-height: 33px;
    }
     body .body-outline .body-original .body-section .section-content.transparant .aboutservices {
          max-width: 10%;
          margin-bottom: -8px;
    }
     body .body-outline .body-original .body-section .section-content.vision-text {
          color: #fff;
          line-height: 28px;
    }
     body .body-outline .body-original .body-section .sub-heading {
          font-size: 20px;
          margin-left: 17px;
          white-space: nowrap;
          /* padding-top: 10px; */
    }
     body .body-outline .body-original .body-section .sub-heading.posts {
          margin-left: 0px;
    }
     body .body-outline .body-original .body-section .sub-heading.platform {
          white-space: inherit;
          line-height: 26px;
    }
     body .body-outline .body-original .body-section .sub-heading.journey {
          margin-left: 0px;
    }
     body .body-outline .body-original .body-section .sub-heading.careers {
          font-size: 16px;
          margin-left: 0px;
    }
     body .body-outline .body-original .body-section .sub-heading.internship {
          font-size: 18px;
          margin-left: 0px;
    }
     body .body-outline .body-original .body-section.top-banner-section .img-slides {
          width: 100%;
          object-fit: cover;
          display: flex;
    }
     body .body-outline .body-original .body-section.top-banner-section .scrolldown {
          display: none;
    }
     body .body-outline .body-original .body-section.top-banner-section .section-image-heading {
          top: -145px;
          width: 100%;
    }
     body .body-outline .body-original .body-section.top-banner-section .section-image-heading .section-heading {
          white-space: wrap;
    }
     body .body-outline .body-original .body-section.top-banner-section .section-image-heading .section-heading.heading-1 {
          font-size: 32px !important;
          line-height: 32px;
          margin-left: 16px;
    }
     body .body-outline .body-original .body-section.top-banner-section .section-image-heading .section-heading.heading-1.await-color {
          color: #183964;
    }
     body .body-outline .body-original .body-section.top-banner-section .section-image-heading.smaller-view {
          width: 100%;
          margin-right: 15px;
    }
     body .body-outline .body-original .body-section.image-overlay .section-heading {
          padding-bottom: 0.67em;
    }
     body .body-outline .body-original .body-section.image-overlay .section-img {
          max-width: 50%;
          float: left;
          margin-right: 10px;
          margin-left: 10px;
    }
     body .body-outline .body-original .body-section.image-overlay .section-img img {
          width: 100%;
          max-height: 200px;
    }
     body .body-outline .body-original .body-header {
          display: none !important;
    }
     body .body-outline .body-original .body-section.images-Specialized.normal-view {
          display: none;
    }
     body .body-outline .body-original .body-section.images-Specialized.mobile-view {
          display: block;
    }
     body .body-outline .body-original .body-section.images-Specialized .complex {
          margin-left: 15px;
          white-space: nowrap;
    }
     body .body-outline .body-original .body-section.images-Specialized .rectangles-vision {
          border: 2px solid #183964;
          margin: 15px;
    }
     body .body-outline .body-original .body-section.images-Specialized .section-img {
          margin-left: 15px;
          margin-right: 15px;
    }
     body .body-outline .body-original .body-section.images-Specialized .section-img img {
          width: 100%;
    }
     body .body-outline .body-original .body-section.rectangle-vision.normal-view {
          display: none;
    }
     body .body-outline .body-original .body-section.rectangle-vision.mobile-view {
          display: block;
    }
     body .body-outline .body-original .body-section.rectangle-vision .rectangle-box {
          width: 350px;
          height: 365px;
          background: #183964;
          margin-left: 20px;
          margin-top: 15px;
    }
     body .body-outline .body-original .body-section.rectangle-vision .vision-img {
          width: 100px;
          margin-left: 102px;
          margin-top: 10px;
    }
     body .body-outline .body-original .body-section.sliders-banner .sub-heading {
          font-size: 18px;
          margin-left: 15px;
          margin-right: 15px;
          line-height: 30px;
          margin-top: 35px;
    }
     body .body-outline .body-original .body-section.sliders-banner .sub-heading.expertises {
          margin-left: 0px;
    }
     body .body-outline .body-original .body-section.sliders-banner .carousel-nav {
          margin-left: 5px;
          margin-right: 5px;
          margin-top: -150px;
    }
     body .body-outline .body-original .body-section.sliders-banner .carousel-image {
          display: flow !important;
          text-align: center;
    }
     body .body-outline .body-original .body-section.sliders-banner .sliders-img {
          margin-left: 46px;
          margin-top: -120px;
          margin-bottom: 120px;
    }
     body .body-outline .body-original .body-section.sliders-banner .mobile-expertises {
          height: 750px !important;
    }
     body .body-outline .body-original .body-section.sliders-banner .sub-content {
          font-size: 14px;
          &.address-align {
               font-size: 14px;
               margin-top: -24px;
          }
    }
    body .body-outline .body-original .body-section .sub-content {
          margin-left: 25px;
          margin-right: 25px;
          margin-top: -18px;
          font-size: 14px;
          &.organisational {
               margin-top: 0px;
          }
    }
     body .body-outline .body-original .body-section.icon-grid-section .img-resize {
          width: 100px;
         /* height: 50px;
          */
          background: #fff;
    }
     body .body-outline .body-original .body-section.icon-grid-section .partners-align {
          display: flex;
          gap: 25px;
          padding-bottom: 15px;
          justify-content: center;
    }
     body .body-outline .body-original .body-section.icon-grid-section .partners-align .servion {
          justify-content: center;
    }
     body .body-outline .body-original .body-section.mobile-section-left {
          background: #fff;
    }
     body .body-outline .body-original .body-section.mobile-section-left .expertise-offering .section-img {
          max-height: 90px;
    }
     body .body-outline .body-original .body-section.mobile-section-left .section-img {
          max-width: 50%;
          float: left;
          margin-right: 10px;
          margin-left: 10px;
          max-height: 90px;
    }
     body .body-outline .body-original .body-section.mobile-section-left .section-img img {
          max-height: 200px;
    }
     body .body-outline .body-original .body-section.mobile-section-left .section-img.vision {
          margin-top: -18px;
          width: 27%;
    }
     body .body-outline .body-original .body-section.mobile-section-right {
          background: #fff;
    }
     body .body-outline .body-original .body-section.mobile-section-right.normal-view {
          display: none;
    }
     body .body-outline .body-original .body-section.mobile-section-right .section-img {
          max-width: 50%;
          float: right;
          max-height: 90px;
    }
     body .body-outline .body-original .body-section.awaits .awaits-img {
          width: 100%;
          height: auto;
    }
     body .body-outline .body-original .body-footer.normal-view {
          display: none;
    }
     body .body-outline .body-original .body-footer.mobile-view {
          display: block;
    }
     body .body-outline .body-original .body-footer .menu-bar {
          width: 100%;
         /* align-items: center;
          */
          justify-content: center;
          line-height: 45px;
          gap: 10%;
          padding-left: 0px;
    }
     body .body-outline .body-original .body-footer .footer-address {
          font-size: 13px;
          align-items: center;
          text-align: center;
          margin-right: 10px;
          margin-left: 10px;
    }
     body .body-outline .body-original .body-footer .menu-bar1 {
         /* position: relative;
          */
         /* margin-left: 11% !important;
          */
         /* margin-left: 0%;
          */
         /* top: 10PX;
          */
    }
     body .body-outline .body-original .body-footer-copyrights {
         /* height: 70px;
          */
          justify-content: center;
          align-items: center;
          text-align: center;
          font-size: 13px;
          padding-top: 5px;
    }
     body .body-outline .body-original .body-footer-copyrights.normal-view {
          display: none;
    }
     body .body-outline .body-original .body-footer-copyrights.mobile-view {
          display: block;
    }
     body .body-outline .body-original .body-footer-copyrights .footer-img {
          margin-top: -20px;
    }
     body .body-outline .body-original .body-section.fliping.methods {
          padding: 0px;
          padding-bottom: 10px;
    }
     body .body-outline .body-original .body-section.fliping.methods.flipdown {
         /* height: 73% !important;
          */
    }
     body .body-outline .body-original .body-section.fliping.methods.normal-view {
          display: none;
    }
     body .body-outline .body-original .body-section.fliping.methods.mobile-view {
          display: block;
    }
     body .body-outline .body-original .body-section.fliping.methods .flip-offerings {
          display: grid;
          gap: 10px;
    }
     body .body-outline .body-original .body-section.fliping.methods .flip-card {
          margin-left: 7px;
          margin-right: 7px;
          width: 352px;
          height: 420px;
    }
     body .body-outline .body-original .body-section.fliping.methods .flip-card.offers {
          height: 390px;
          width: 350px;
    }
     body .body-outline .body-original .body-section.fliping.methods .flip-img {
          width: 325px;
          height: 325px;
    }
     body .body-outline .body-original .body-section.fliping.methods .fliping-cards {
          color: #fff;
    }
     body .body-outline .body-original .body-section.rec-vision {
          margin-left: 15px;
          margin-right: 15px;
    }
     body .body-outline .body-original .body-section.rec-vision .rectangles-boxes {
          background: #183964;
    }
     body .body-outline .body-original .body-section.rec-vision .vision-images {
          display: block;
          margin-left: auto;
          margin-right: auto;
          width: 50%;
    }
     body .body-outline .body-original .body-section.journey-texts .journeys-image {
          width: 100%;
    }
     body .body-outline .body-original .btn-mobile {
          margin-left: 135px;
          margin-top: 0px;
    }
     body .body-outline .body-original .body-section.slider-section .sliders-down-expertises.section-content .carousel__slide .sliders-img {
          margin-top: -11px;
          width: 75%;
          margin-left: 0px;
    }
     body .body-outline .body-original .body-section.sliders-posts .poster {
          width: 80%;
          margin-top: 20px;
    }
     body .body-outline .body-original .body-section.sliders-posts .slider-posters {
          display: inline-table !important;
    }
     body .body-outline .body-original .body-section.sliders-posts .button-post.linkedin {
          padding: 10px;
          border: 5px solid white;
          color: #fff !important;
    }
    body .body-outline .body-original .body-section.sliders-posts .flippers {
     color: #ffffff !important;
     }
     body .body-outline .body-original .slidersblogs .container-scrollbar {
          float: none;
          height: 425px;
    }
     body .body-outline .body-original .slidersblogs .slider-poster {
	border: 2px solid #d3d3d3;
	border-radius: 5px;
    }
     body .body-outline .body-original .contactus-details {
          display: flex;
          align-items: center;
          margin-top: -15px;
    }
     body .body-outline .body-original .contactus-details .icons-details {
          max-width: 5%;
          margin: 6px;
    }
    body .body-section.mobile-section.address-section {
     .img-icons {
		width: 4%;
		margin-bottom: -9px;
		padding: 5px;
	}
     .address-font {
		font-family: LnQ-regular;
		font-style: normal;
	}
    }

    /* //trying// */
    /* (PART A) SHOW SELECTED SLIDE ONLY */
.slides input[type="radio"] { display: none; }
.slides figure {
  visibility: hidden; opacity: 0;
  transition: all 0.5s;
}
.slides input[type="radio"]:checked + figure {
  visibility: visible; opacity: 1;
}

/* (PART B) SLIDES WRAPPER & SHARED*/
.slides {
  position: relative;
  max-width: 600px; height: 460px;
}
.slides img, .slides figcaption, .slides label {
  position: absolute;
}
.slides label, .slides figcaption {
  color: #fff; background: rgba(0, 0, 0, 0.7);
}

/* (PART C) SLIDE IMAGES */
.slides img {
  top: 0; left: 0;
  width: 100%;  object-fit: cover;
}

/* (PART D) SLIDE CAPTION */
.slides figcaption {
  bottom: 0; left: 0;
  width: 100%; padding: 10px; text-align: center;
}

/* (PART E) LAST & NEXT BUTTONS */
.slides label {
  top: 50%; transform: translateY(-50%); 
  display: flex; align-items: center; justify-content: center;
  width: 50px; height: 50px; border-radius: 50%;
  font-size: 1.5em; cursor: pointer;
}
.slides label.last { left: 10px; }
.slides label.next { right: 10px; }

}
@media (min-width: 1101px) and (max-width: 1250px) {
     body .body-outline .body-original {
          width: 100%;
    }
     body .body-outline .body-original .main-header .main-menu {
          gap: 20px;
    }
     body .body-outline .body-original .body-section.slider-section .sliders-down-expertises.section-content .carousel__slide .sliders-img {
          max-width: 300px;
    }
     body .body-outline .body-original .body-section.down-banner-section {
         /* font-size: small;
          */
         /* margin-right: 15px;
          */
         /* margin-left: 15px;
          */
    }
     body .body-outline .body-original .body-section.down-banner-section .overlap-img {
          font-size: 14px;
          line-height: 30px;
          margin-top: 0px;
    }
}
@media (min-width: 1251px) and (max-width: 1280px) {
     body .body-outline .body-original {
          width: 100%;
    }
}
@media (min-width: 1281px) {
     body .body-outline .body-original {
          width: 100%;
          max-width: 1440px;
    }
}