@media (max-width: 767px) {
  .content-logo .logo {
    width: 150px;
  }

  .content-logo .tagline {
    font-size: 14px;
    padding: 8px 12px;
  }

  .shape {
    max-width: 40px;
  }
 .dots {
  top: -9%;
 }
.curve {
  bottom: -9%;
}
  .top-rectangle {
    top: 25%;
    left: 15%;
    width: 40px;
  }

  .bottom-rectangle {
    bottom: 10%;
    right: 25%;
    width: 40px;
  }
}



























/* ---- mobile view starts ------  */
@media (max-width: 767px) {
  html.body-hide {
    padding-right: 0;
  }
 .what-we-sec .reason_img {
    height: 250px;
  }
  .clientreq-sec .clientreq-img,
  .clientreq-sec .proj-img {
    height: 250px;
  }
  .text-pos {
    text-align: center !important;
  }
  h2 {
    font-size: 26px;
  }
  h3 {
    font-size: 22px;
  }
  h4 {
    font-size: 18px;
  }
  .head-bm {
    margin: 0 0 25px 0;
  }
  .view-text {
    font-size: 16px;
  }
  p,
  body,
  .theme-btn,
  .banner-btn {
    font-size: 14px;
  }
  .mt-45 {
    margin-top: 30px;
    text-align: center !important;
  }
  .enq-sec .reg-tab {
    font-size: 22px;
  }
  .nav-head .nav-item .nav-link.brdr-bot {
    border-bottom: 0;
    border-top: 0;
  }
  .nav-head .nav-item .nav-link.brdr-bot::after {
    position: unset;
  }
  .nav-head .navbar-nav .nav-item .nav-link:after {
    width: auto;
    position: inherit;
    left: auto;
    height: auto;
    background-color: transparent;
    bottom: 0;
    transform: inherit;
    transform-origin: inherit;
    transition: transform 400ms ease-in-out;
  }
  .nav-head .navbar-nav .nav-item .nav-link:hover:after {
    transform: inherit;
  }
  .nblue
    .navmob-collapse
    .navbarnav-mob
    .service-mob
    .drpmenu-mob
    .dropdown-submenu
    .drp-head {
    font-size: 14px;
  }
  .iti__country-list {
    width: 200%;
  }
  section {
    margin: 0 0 50px 0;
  }
  .footer-sec .footer-logo {
    text-align: center;
  }
  .footer-sec .footer-logo .footer-img {
    width: 175px;
  }
  .footer-sec .place-pad {
    padding: 0 30px 0 0;
  }
  .footer-sec .country-location {
    margin: 0px 0 10px 0;
  }
  .mob-pad {
    margin: 62px 0 50px 0;
  }
  .mob-15 {
    padding: 0 15px 0 0;
  }
  .colored-logo {
    width: 175px;
  }
  .nblue .white-logo {
    width: 175px;
  }
  .nav-head {
    background-color: #fff;
  }
  .nav-head .nav-item {
    align-self: auto;
  }
  .nav-head .nav-item .nav-link {
    color: #fff;
  }
  .white-logo {
    display: none;
  }
  .colored-logo {
    display: block;
  }
  .nav-head .navbar-toggler .navbar-toggler-icon {
    background: url("../images/amberger-black.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 35px;
    height: 35px;
  }
  .navmob-collapse {
    height: 100vh;
    transition: all 0.3s ease-in-out;
  }
  .navbarnav-mob {
    margin: 30px 0px 25px 0;
    padding: 0 20px 0 20px;
  }
  .nav-head .navbar-nav .nav-item .nav-link:hover {
    border-top: 0;
    border-bottom: 0;
  }
  .drpmenu-mob .dropdown-item.drp-menu {
    color: #fff;
    padding: 0.25rem 2rem;
  }
  .drpmenu-mob {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
  }
  .nav-head .nav-item .nav-link {
    margin: 0;
  }
  .f-70 {
    font-size: 30px;
  }
  .f-40 {
    font-size: 25px;
  }
  .culture-card .card-body {
    padding: 10px;
  }
  .culture-sec .head-our {
    margin: 0 0 24px 0;
  }
  .culture-sec .culture-card .culture-img {
    justify-content: center;
  }
  .search-slide .search-wrapper {
    padding: 20px 15px 20px 15px;
  }
  .search-slide .search-wrapper .search-btn {
    width: 25px;
    padding: 0 0 0 0;
  }
  .search-slide .search-wrapper .close-btn {
    width: 18px;
    margin: 0 0 0 15px;
  }
  /* ------- index page -------  */
  .banner-sec {
    background-position: right;
  }
  .banner-sec .head-page {
    width: 100%;
    padding: 0 15px 0 15px;
  }
  .banner-sec .head-page .read-head h1 {
    font-size: 30px;
  }
  .service-section .service-image {
    margin: 0 0 0px 0;
    width: 85%;
    min-height: 280px;
  }
  .service-section .service-content h4 {
    margin: 0 0 12px 0;
  }
  .service-content {
    margin: 0 0 0px 0;
  }
  .case_studies-sec .head-bm {
    margin: 0 0 24px 0;
  }
  .case_studies-sec .view-all {
    margin: 5px 0 0 0;
  }
  .case_studies-sec .view-all .view-text {
    font-size: 18px;
  }
  .about-projects {
    padding: 0 0px 0px 0px;
  }
  .about-projects .project-slider {
    padding: 30px 0 30px 0;
  }
  .about-projects .project-slider .slide-margin .slide-img {
    margin: 20px 0 20px 0;
  }
  .about-projects .project-slider .slide-margin .slide-content {
    padding: 0 0 0 0;
  }
  .about-projects .dots-bg {
    position: inherit;
    width: auto;
    clip-path: unset;
    height: 25px;
    background-color: transparent;
  }
  .about-projects .project-slider .slick-dots {
    top: auto;
    transform: translateX(-50%);
    left: 50%;
    z-index: 2;
    display: flex;
    bottom: -5%;
  }
  .slick-dots {
    width: auto;
  }
  .jointeam-sec .jointeam-content {
    margin: 30px 20px 30px 20px;
  }
  .clientslogo-sec {
    padding: 60px 0 20px 0;
  }
  .clientslogo-sec .logo-marg {
    padding: 30px 0 0px 0;
  }
  .clientslogo-sec .logo-marg .logo-img {
    padding: 0px 0 50px 0;
  }
  .client-review .reviewclient-logo {
    margin: 40px 0 40px 0;
  }
  .client-slider .slick-prev {
    right: 70px;
    bottom: 3%;
  }
  .client-slider .slick-next {
    right: 20px;
    bottom: 3%;
  }
  .client-review .client-slider .client-items {
    padding: 60px 20px 40px 20px;
  }
  .client-review .arrow-bg {
    height: 120px;
    background-color: #9ff7ff;
    clip-path: circle(62% at 100% 125%);
    width: 320px;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .blog-section .blog-item {
    padding: 0 0 0 0;
  }

  /* -------- about-us page ----------  */
  .aboutbanner-sec.mob-pad {
    margin: 62px 0 0 0;
  }
	.aboutbanner-sec .ban_img {
    position: inherit;
    height: 250px;
  }
  .aboutbanner-sec {
    height: auto;
  }
 .aboutbanner-sec .container{
	padding:0;
  }
  .aboutbanner-sec .abhead-page {
    position: inherit;
    top: auto;
    transform: none;
    background-color: #003bc0;
    padding: 30px 15px;
  }
  .who-sec .whosec-content {
    margin: 30px 20px 0px 20px;
  }
  .why-sec .whysec-content {
    margin: 30px 20px 0px 20px;
  }
  .ourstory-sec .wr-100,
  .ourstory-sec .wl-100 {
    padding: 40px 0 20px 0;
  }
  .ourstory-sec .thoughtdiv-content h4 {
    margin: 0 0 12px 0;
  }
  .ourstory-sec .storysec-tree {
    padding: 0 0 0 0;
  }
  .ourstory-sec .thoughtdiv-content {
    margin: 0px 15px 10px 15px;
  }
  .ourstory-sec .row.no-gutters.story-content > .col-md-6:first-child,
  .ourstory-sec .row.no-gutters.story-content > .col-md-6:nth-child(2),
  .ourstory-sec .row.no-gutters.story-content > .col-md-6:nth-last-child(2),
  .row.no-gutters.story-content > .col-md-6:nth-last-child(1) {
    padding: 0 0 0px 0;
  }
  .ourstory-sec .brdright {
    border-right: 0;
  }
  .ourstory-sec .story-sbtle {
    margin: 20px 15px 0px 15px;
  }
  .mission-vision-sec .misvis-bg .mission-img {
    margin: 0 0 0px 0;
    width: 85%;
    min-height: 280px;
  }
  .ourteam-sec {
    padding: 0;
  }
  .ourteam-sec .team-bg {
    padding: 0 10px 0 10px;
  }
  .ourteam-sec .teamarrow-bg {
    position: inherit;
    text-align: -webkit-center;
  }
  .ourteam-sec .teamarrow-bg .team-pos {
    height: 90px;
    width: 165px;
    clip-path: ellipse(50% 100% at 50% 100%);
  }
  .ourteam-sec .teamarrow-bg .team-pos .team-prev {
    left: 35px;
  }
  .ourteam-sec .teamarrow-bg .team-pos .team-next {
    right: 35px;
  }
  .awards-sec {
    padding: 50px 0 0 0;
  }
  .awards-sec .awardarrow-bg {
    position: inherit;
    text-align: -webkit-right;
  }
  .awards-sec .awardarrow-bg .arrow-pos {
    height: 110px;
    width: 145px;
  }
  .awards-sec .awardarrow-bg .arrow-pos .award-prev {
    left: 30px;
  }
  .awards-sec .awardarrow-bg .arrow-pos .award-next {
    right: 20px;
  }
  .awards-sec .award-slider .award-card .awardcard-body {
    padding: 0 0px 0 0;
    text-align: center;
  }
  .awards-sec .award-head {
    text-align: center;
    margin: 0 0 24px 0;
  }
  .mission-vision-sec .misvis-bg .mission-content h4 {
    margin: 0 0 14px 0;
  }

  /* -------- service page ----------  */
  .servicebanner-sec {
    margin: 62px 0 0 0;
  }
  .what-we-sec .whatwe-content {
    margin: 20px 0 0px 0;
  }
  .what-we-sec .whatwe-content h4 {
    margin: 0 0 14px 0;
  }
  .tools-sec {
    padding: 50px 0 10px 0;
  }
  .tools-sec .tool-content,
  .tools-sec .tool-content2 {
    margin: 0px 0px 30px 0;
  }
  .tools-sec .design-tools {
    margin: 0 0 50px 0;
  }
	/* 	faq section start*/
	 .faqbanner-sec.mob-pad {
    margin: 62px 0 50px 0;
  }
.faqbanner-sec .ban_img {
    position: inherit;
    height: 250px;
  }
  .faqbanner-sec  {
    height: auto;
  }
 .faqbanner-sec .container{
	padding:0;
  }
  .faqbanner-sec  .abhead-page {
    position: inherit;
    top: auto;
    transform: none;
    background-color: #003bc0;
    padding: 30px 15px;
  }
	/* 	casestdy-list-page start */
	 .caselistbanner-sec .mob-pad {
    margin: 62px 0 50px 0;
  }
.caselistbanner-sec .ban_img {
    position: inherit;
    height: 250px;
  }
  .caselistbanner-sec  {
    height: auto;
  }
 .caselistbanner-sec .container{
	padding:0;
  }
  .caselistbanner-sec  .abhead-page {
    position: inherit;
    top: auto;
    transform: none;
    background-color: #003bc0;
    padding: 30px 15px;
  }
	/* 	casestdy-list-page end */
	

  /* ------- blog-list page --------  */
  .read-head .read-banner {
    margin: 20px 0 0 0;
    font-weight: 700;
  }
  /* ------- blog-detail page --------  */
  .blogdetbanner-sec .blogdetbanner img {
    height: 65vh;
    object-fit: cover;
  }
  .blogdetbanner-sec {
    margin: 62px 0 48px 0;
  }
  /* ------- career-detail page --------  */
  .cardetbanner-sec {
    margin: 62px 0 48px 0;
  }
  .reljob-list .reljob-head {
    margin: 0px 0 24px 0;
    padding: 30px 0 0 0;
  }
  .openings-sec .job-head {
    margin: 0 0 24px 0;
  }
  .apply-modal .applymodal-body {
    padding: 10px 20px 30px 20px;
  }
  .reljob-list {
    margin: 0 0 0 0;
  }

  /* ------- career-list page --------  */
  .carlistbanner-sec.mob-pad {
    margin: 62px 0 0 0;
  }
  .life-sec .life-content {
    margin: 30px 20px 0px 20px;
  }
  .emp_head_width {
    width: auto;
  }
  .employee-review {
    background-image: linear-gradient(
      180.18deg,
      #003bc0 38.56%,
      #d8fbfe 87.75%
    );
  }
  .employee-slider .slick-prev {
    right: 70px;
    bottom: 5%;
  }
  .employee-slider .slick-next {
    right: 20px;
    bottom: 5%;
  }

  .employee-review .employee-slider .employee-items .carousel-item {
    padding: 0 20px 0 20px;
  }
  .employee-slider .employee-items .employe_img img {
    height: 300px;
    width: auto;
  }
  .employee-review .q_back {
    top: 2%;
    left: 6%;
  }
  .employee-review .q_back1 {
    top: 30%;
    right: 6%;
    bottom: auto;
  }

  /* ------- casestudy-detail page --------  */
  /* ------- casestudy-detail page --------  */
  .casedetbanner-sec {
    margin: 62px 0 0 0;
  }
 .casedetbanner-sec .mob-pad {
    margin: 62px 0 50px 0;
  }
.casedetbanner-sec .ban_img {
    position: inherit;
    height: 250px;
  }
  .casedetbanner-sec  {
    height: auto;
  }
 .casedetbanner-sec .container{
	padding:0;
  }
  .casedetbanner-sec  .abhead-page {
    position: inherit;
    top: auto;
    transform: none;
    background-color: #003bc0;
    padding: 30px 15px;
  }

  .clientreq-sec .clintreq-content {
    margin: 30px 20px 0 20px;
  }
  .clientreq-sec .clintreq-content h2 {
    margin: 0 0 24px 0;
  }
  .clientreq-sec .explore {
    margin: 20px 0 0 0;
  }
  /* .screenshot-bar .event-topimg {
    min-height: auto;
  } */
  .casestudy_list-tab {
    margin: 0 0 0 0;
  }
  /* -------- contact us page ---------  */
  .contactbanner-sec {
    background-position: right;
    margin: 62px 0 0 0;
  }
  .register-sec .reg-form {
    margin: 60px 0px 0 0px;
  }
  .location-sec .loc-sbtle {
    margin: 20px 0 10px 0;
  }
  .location-sec .locationdiv-content,
  .location-sec .locationdiv-content2 {
    margin: 0px 15px 40px 15px;
  }
  .location-sec .locationsec-tree {
    padding: 0px 0 0px 0;
  }
  .enq-sec .reg-tab {
    padding: 5px 20px 5px 20px;
  }
  .enq-sec .reg-form {
    margin: 30px 0px 0 0px;
  }
  .enq-sec .reg-form2 {
    width: 100%;
  }
  .contactfaq-section .collapse-card .collapsecard-body {
    padding: 10px 20px 20px 25px;
  }
  .lorem-sec .loremsec-content {
    margin: 20px 20px 0 20px;
  }
  /* -------- product page ---------  */
  .productbanner-sec.mob-pad {
    margin: 62px 0 0 0;
  }
  .listproduct-content {
    margin: 30px 20px 0px 20px;
  }
  .platform-sec .plat-head {
    margin: 0 0 24px 0;
  }
  /* ------ gallery page ------  */
  .body-pad {
    padding: 0 0px 0 0px;
  }
  .gallery_sec .event-topimg {
    min-height: 150px;
    max-height: 210px;
  }
  .search-sec {
    margin: 100px 0 50px 0;
  }
  .banner404-sec .page-404 {
    width: 90%;
  }
  .banner404-sec .page-404 {
    bottom: 14%;
  }
  .banner404-sec.mob-pad {
    margin: 62px 0 0 0;
  }
  .gallery_sec .events-head {
    margin: 0 0 16px 0;
  }
  .card-img {
    min-height: 230px;
    max-height: 230px;
  }
  .footer-sec .address {
    padding: 0 15px 0 0;
  }
  .employee-review .employeehead-pos {
    font-size: 18px;
  }
  /* ----- reachout-sec ------  */
  .reachout-container {
    max-width: 991px;
    margin: 0 auto;
    padding: 0 10px;
  }
  .reachout-sec {
    margin: 60px 0 0 0;
  }
  .reachout-container .reachimg-div {
    margin: 0 15px;
    border-radius: 0 0 200px 200px;
    padding: 75px 10% 10% 10%;
    justify-content: center;
    border: 12px solid #fff;
    border-top: 0;
  }
  .reachout-container .border-sector {
    display: none;
  }
  .reachout-container .reachout_content {
    padding: 30px 15px 50px 15px;
  }
  .reachout-container .reach-img {
    width: 230px;
    height: 230px;
    object-fit: cover;
  }
  .blog-section .blog-item .card-body h4,
  .casestudy_list-tab .casestudy .card-body h4 {
    display: block;
    min-height: auto;
  }
  /* ----- reachout-sec ends------  */
  .video-banner-sec {
    height: auto;
    margin: 70px 0 50px;
  }
  .video-container {
    height: auto;
    background: #003bc040;
  }
  .video-banner-sec .video-bg {
    height: 250px;
    position: relative;
  }
  .video-banner-sec .head-page {
    background-color: #003bc0;
    margin-top: -8px;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    padding: 30px 15px;
  }
  .video-banner-sec .head-page h1 {
    font-size: 30px;
    margin: 0 0 15px 0;
  }
}
/* ---- mobile view ends------  */

/* ---- tab view starts------  */
@media (min-width: 768px) and (max-width: 991px) {
  html.body-hide {
    padding-right: 0;
  }
  .what-we-sec .reason_img {
    height: 250px;
  }
  .clientreq-sec .clientreq-img,
  .clientreq-sec .proj-img {
    height: 280px;
  }
  .nav-head {
    background-color: #fff;
  }
  .nav-head .nav-item {
    align-self: auto;
  }
  .nav-head .nav-item .nav-link.brdr-bot {
    border-bottom: 0;
    border-top: 0;
  }
  .nav-head .nav-item .nav-link.brdr-bot::after {
    position: unset;
  }
  .nav-head .navbar-nav .nav-item .nav-link:after {
    width: auto;
    position: inherit;
    left: auto;
    height: auto;
    background-color: transparent;
    bottom: 0;
    transform: inherit;
    transform-origin: inherit;
    transition: transform 400ms ease-in-out;
  }
  .nav-head .navbar-nav .nav-item .nav-link:hover:after {
    transform: inherit;
  }
  .footer-sec .footer-logo {
    text-align: center;
  }
  .footer-sec .footer-logo .footer-img {
    width: 175px;
  }
  .footer-sec .place-pad {
    padding: 0 50px 0 0;
  }
  .white-logo {
    display: none;
  }
  .colored-logo {
    display: block;
  }
  .nav-head .navbar-toggler .navbar-toggler-icon {
    background: url("../images/amberger-black.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 35px;
    height: 35px;
  }
  .navmob-collapse {
    height: 100vh;
    transition: all 0.3s ease-in-out;
  }
  .navbarnav-mob {
    margin: 30px 0 25px 0;
    padding: 0 50px 0 30px;
  }
  .nav-head .navbar-nav .nav-item .nav-link:hover {
    border-top: 0;
    border-bottom: 0;
  }
  .drpmenu-mob .dropdown-item.drp-menu {
    color: #fff;
    padding: 0.25rem 2rem;
  }
  .drpmenu-mob {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
  }
  .nav-head .nav-item .nav-link {
    margin: 0;
  }
  .nav-head .search-none {
    margin: 0 15px 0 0;
  }
  .nblue .navmob-collapse .mobile-social {
    padding: 0 0 40px 30px;
  }
  .f-70 {
    font-size: 30px;
  }
  .f-40 {
    font-size: 25px;
  }
  .mob-pad {
    margin: 71px 0 50px 0;
  }
  .culture-card .card-body {
    padding: 5px;
  }
  .search-slide .search-wrapper .search-btn {
    width: 25px;
    padding: 0 0 0 0;
  }
  .search-slide .search-wrapper .close-btn {
    width: 18px;
    margin: 0 0 0 15px;
  }
  /* -------- index page -------  */
  .banner-sec {
    background-size: 100% 100%;
  }
  .banner-sec .head-page {
    width: 100%;
    padding: 0 15px 0 15px;
  }
  .banner-sec .head-page .read-head h1 {
    font-size: 30px;
  }
  .case_studies-sec {
    margin: 0 0 50px 0;
  }
  .about-projects {
    padding: 30px 0 30px 0;
    margin: 0 0 50px 0;
  }
  .about-projects .project-slider .slide-margin .slide-img img {
    height: 100%;
  }
  .about-projects .project-slider .slick-dots {
    left: 95%;
  }
  .about-projects .dots-bg {
    width: 150px;
  }
  .about-projects .project-slider .slick-dots li button {
    margin: 4px 0 4px 0;
  }
  .client-slider .slick-prev {
    right: -30%;
  }
  .blog-section .blog-item {
    padding: 0 0px 0 0;
  }
  .service-section .service-image {
    width: 80%;
    margin: 0 0 0px 0;
  }
  .client-review .arrow-bg {
    clip-path: circle(50% at 112% 100%);
  }

  /* -------- about-us page ----------  */
  .aboutbanner-sec.mob-pad {
    margin: 71px 0 0 0;
  }
  .who-sec .whosec-content {
    margin: 0px 20px 0px 20px;
  }
  .why-sec .whysec-content {
    margin: 0px 20px 0px 20px;
  }
  .ourstory-sec .thoughtdiv-content {
    margin: 50px 15px 50px 15px;
  }
  .mission-vision-sec .misvis-bg .mission-img {
    width: 80%;
    margin: 0 0 0 0;
  }
  .ourteam-sec {
    padding: 0;
  }
  .ourteam-sec .teamarrow-bg {
    position: inherit;
    text-align: -webkit-right;
  }
  .ourstory-sec .row.no-gutters.story-content > .col-md-6:nth-last-child(2),
  .row.no-gutters.story-content > .col-md-6:nth-last-child(1) {
    padding: 0 0 0px 0;
  }
  .awards-sec {
    padding: 50px 0 0 0;
  }
  .awards-sec .arrow-pos {
    height: 110px;
    width: 145px;
  }
  .awards-sec .awardarrow-bg {
    position: inherit;
    text-align: -webkit-right;
  }
  .awards-sec .awardarrow-bg .arrow-pos .award-prev {
    left: 30px;
  }
  .awards-sec .awardarrow-bg .arrow-pos .award-next {
    right: 20px;
  }

  /* -------- service page ----------  */
  .servicebanner-sec {
    margin: 71px 0 0 0;
  }
  .what-we-sec .whatwe-content {
    margin: 25px 0 25px 0;
  }
  .tools-sec {
    padding: 75px 0 75px 0;
  }
  .tools-sec .tool-content {
    margin: 0px 30px 0px 0;
  }
  .tools-sec .tool-content2 {
    margin: 0px 0 0px 30px;
  }
  .case_studies-sec .casestudy .card-body {
    padding: 15px 5px 15px 5px;
  }

  /* ------- blog-detail page --------  */

  /* ------- career-detail page --------  */
  .reljob-list .reljobs {
    padding: 30px 15px 30px 15px;
  }

  /* ------- career-list page --------  */
  .carlistbanner-sec.mob-pad {
    margin: 71px 0 0 0;
  }
  .life-sec .life-content {
    margin: 0px 30px 0px 30px;
  }
  .openings-sec .reljobs {
    padding: 30px 15px 30px 15px;
  }

  .employee-review .employee-slider .employee-items .carousel-item {
    padding: 0 0px 0 20px;
  }
  .employee-slider .employee-items .employe_img img {
    height: 300px;
    width: auto;
  }
  .employee-review .q_back {
    top: 5%;
    left: 6%;
  }
  /* ------- casestudy-detail page --------  */
  .casedetbanner-sec {
    margin: 71px 0 0 0;
  }
  .clientreq-sec .clintreq-content {
    margin: 0px 20px 0 20px;
  }
  .casestudy_list-tab {
    margin: 0 0 0 0;
  }
  /* -------- contact us page ---------  */
  .contactbanner-sec {
    margin: 71px 0 0 0;
  }
  .register-sec .reg-form {
    margin: 60px 30px 0 30px;
  }
  .location-sec .locationdiv-content {
    margin: 30px 20px 30px 20px;
  }
  .location-sec .locationdiv-content2 {
    margin: 30px 20px 30px 15px;
  }
  .lorem-sec .loremsec-content {
    margin: 0 20px 0 0;
  }
  .enq-sec .reg-form {
    margin: 30px 40px 0 40px;
  }
  /* -------- product page ---------  */
  .listproduct-content {
    margin: 0px 20px 0px 20px;
  }
  .productbanner-sec.mob-pad {
    margin: 62px 0 0 0;
  }
  .platform-sec .platform-card .platform-content {
    padding: 24px 10px 24px 10px;
  }

  /* ------ gallery page ------  */
  .gallery_sec .event-topimg {
    height: 386px;
  }
  .gallery_sec .event-img {
    max-height: 185px;
    min-height: 185px;
  }
  .search-sec {
    margin: 120px 0 50px 0;
  }
  .banner404-sec .page-404 {
    bottom: 15%;
  }
  .banner404-sec.mob-pad {
    margin: 71px 0 0 0;
  }
  .card-img {
    min-height: 180px;
    max-height: 180px;
  }
  /* ----- reachout-sec ------  */
  .reachout-container {
    max-width: 991px;
    margin: 0 auto;
    padding: 0 20px 0 0;
  }
  .reachout-container .reach-img {
    width: 240px;
    height: 240px;
  }
  /* ----- reachout-sec ends------  */
}
/* ---- tab view ends------  */

@media (min-width: 992px) and (max-width: 1285px) {
  .about-projects .project-slider .slick-dots {
    left: 97%;
  }
  .service-section .service-image,
  .mission-vision-sec .misvis-bg .mission-img {
    min-height: 260px;
  }
  .employee-review .employee-slider .employee-items .carousel-item {
    padding: 0 0 0 20px;
  }
  .employee-review .q_back {
    left: 6%;
  }
}