@media only screen and (min-width: 2560px) {
  .orange-text{justify-content: flex-end;}
  .down-scroll-btn{align-items: flex-end;}
  }
@media only screen and (min-width: 1920px) {
  .container{ max-width: 1770px;}
  }

   @media only screen and (max-width: 1919px){
    .orange-text{ min-height: auto;}
    .orange-text small, .orange-text h3{ font-size: 45px;}
    .video-content p.large-text, .awards-details h3, .slide-info h3{ font-size: 40px; line-height: 42px;}
    .large-text{ font-size: 40px; line-height: 42px;}
    .counter-data h3{ font-size: 40px;}
    .counter-data .counter > span{ width: 25px; transform: translateY(-10px);}
    .service-info .carousel .carousel-inner .carousel-item .ind-image-area .ind-img .image{ left: 0; transform: inherit;}
    .service-info .carousel .carousel-inner .carousel-item .ind-image-area .ind-img span{ font-size: 22px;}
    .service-info .carousel .carousel-indicators li button{ font-size: 22px; padding: 20px 30px 20px 35px;}
    .service-info .carousel .carousel-indicators li button span{top: 25px;}
   }

  @media only screen and (max-width: 1600px) {
    .orange-text{ min-height: auto;}
    .orange-text small, .orange-text h3{ font-size: 30px;}
    .service-info .carousel .carousel-inner .carousel-item .ind-image-area .ind-img .image{ left: 0; transform: inherit;}
    .service-info .carousel .carousel-inner .carousel-item .ind-image-area .ind-img span{ font-size: 22px;}
    .service-info .carousel .carousel-indicators li button{ font-size: 18px; padding: 10px 30px 10px 35px;}
    .service-info .carousel .carousel-indicators li button span{top: 13px;}
    .counter-data h3{ font-size: 32px;}
    .counter-data .counter > span{ width: 22px; transform: translateY(-10px);}
    .down-scroll-btn{ height: 140%;}
  }

  @media only screen and (max-width: 1400px) {
    .orange-text{ min-height: auto;}
    .orange-text small, .orange-text h3{ font-size: 30px;}
    .down-scroll-btn{ height: 100%;}
  }

  @media only screen and (max-width: 1399px) {
    #header-section .navbar-nav .nav-link{ padding: 0px 15px !important; }
    .orange-text{ min-height: 304px;}
    .orange-text small, .orange-text h3, .awards-details h3{ font-size: 30px;}
    .large-text{ font-size: 36px; line-height: 40px;}
    .video-content p.large-text{ font-size: 36px; line-height: 44px;}
    .gkv-slider-part .item h3{ left: 25px;}
    .project-slider .item .card-text h2{ font-size: 22px;}
  }

  @media only screen and (min-width: 1200px) {
      .navbar-nav .nav-logo,
      .main-menu .nav-btn { display: none; } 
      .main-menu .dropdown-toggle.btn { display: none; }
      .main-menu .dropdown-toggle::after{ display: none;} 
      .main-menu .dropdown-menu { padding: 10px 0px; border-radius: 0; border: none; box-shadow: 0px 15px 15px -4px rgb(0 0 0 / 12%); border-radius: 0px 0px 10px 10px; transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; min-width: 260px;}
      .main-menu .dropdown-submenu > .dropdown-menu,
      .main-menu .dropdown > .dropdown-menu {border-radius: 0px;padding: 25px 25px;-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-ms-transform-origin: 0 0 0;-webkit-transform-origin: 0 0 0;transform-origin: 0 0 0;-webkit-transition: all 0.35s ease 0s;-moz-transition: all 0.35s ease 0s;-o-transition: all 0.35s ease 0s;transition: all 0.35s ease 0s;display: block;visibility: hidden;opacity: 0;left: 0;background: #343434;border-radius: 15px; position: absolute; top: 100%;}
      .main-menu .dropdown-submenu:hover > .dropdown-menu,
      .main-menu .dropdown:hover > .dropdown-menu {margin-top: 0;opacity: 1;vis;visibility: visible;-transform: scaleY(1);-webkit-transform: scaleY(1);transform: scaleY(1);}
      .navbar-nav li.nav-item.dropdown:after, .navbar-nav li.nav-item.dropdown:before { position: absolute; height: 1px; width: 8px; background: #444; top: 50%; content: ""; transform: translateY(-50%); right: 16px; transition: all 0.4s; } 
      .header.sticky .navbar-nav li.nav-item.dropdown:after, .header.sticky .navbar-nav li.nav-item.dropdown:before { background: #444444; } 
      .navbar-nav li.nav-item.dropdown:before { transform: translateY(-50%) rotate(90deg); } 
      .navbar-nav li.nav-item.dropdown:hover:before { transform: translateY(-50%) rotate(0deg); }
      .navbar-nav .dropdown-item {padding: 10px 18px;position: relative;transition: 500ms;font-size: 17px;font-weight: 400;color: #ffffffb8;transition: all ease 0.5s;}
      .navbar-nav .dropdown-item::before{content: ''; display: block; position: absolute; left: 0; background: url(../img/arrow.svg); width: 9px; height: 9px; background-size: contain; top: 19px; filter: invert(32%) sepia(40%) saturate(7468%) hue-rotate(360deg) brightness(100%) contrast(100%); opacity: 0; transition: all ease 0.5s;}
      .navbar-nav .dropdown-item:hover{ transform: translateX(10px); background: transparent;}
      .navbar-nav .dropdown-item:hover::before{transform: translateX(0px); opacity: 1;}
      .navbar-nav .dropdown-item:focus{ background: transparent;}
    }
    
    @media only screen and (max-width: 1199px) {
      #header-section{ padding: 0px 0px !important;}
      #header-section .navbar-nav{ padding: 75px 0px;}
      #header-section .navbar .navbar-collapse { position: fixed; left: 0px; top: 0px; right: auto; z-index: 5; background-color: #fff; width: calc(100% - 00px); height: calc(100% - 00px) !important; opacity: 1; visibility: visible; transform-origin: right; overflow-y: auto; overflow-x: hidden; flex-wrap: wrap; padding-top: 0; -webkit-clip-path: polygon(100% 00%, 100% 0%, 100% 0%, 100% 00%); -webkit-transition: -webkit-clip-path 0.3s ease; transition: -webkit-clip-path 0.3s ease; transition: clip-path 0.3s ease, -webkit-clip-path 0.3s ease; will-change: transform, clip-path; clip-path: polygon(100% 00%, 100% 0%, 100% 0%, 100% 00%);}
      #header-section .navbar .navbar-collapse::before{content: '';display: block;position: absolute;bottom: 0;width: 100%;height: 100%;contain;background-position: bottom left;opacity: .15; z-index: -1;}
      #header-section .navbar .navbar-collapse.show { clip-path: polygon(100% 100%, 0% 100%, 0% 0%, 100% 0%);}
      #header-section button.navbar-toggler,
      #header-section button.navbar-toggler:focus { position: absolute; top: 28px; right: 5px; padding: 0; height: 30px; width: 55px; border-radius: 0; box-shadow: unset; font-size: 15px; text-transform: uppercase; font-weight: 500; letter-spacing: 0.3px; overflow: hidden; border: none;}
      #header-section button.navbar-toggler:after,
      #header-section button.navbar-toggler:before {content: "";position: absolute;height: 2px;width: 100%;background: #343434;left: 0;}
      #header-section button.navbar-toggler:after { left: 0; top: 0;}
      #header-section button.navbar-toggler:before { bottom: 0; left: 0;}
      #header-section button.navbar-toggler span {height: 2px;background: #343434;width: 100%;position: absolute;top: 50%;transform: translateY(-50%);}
      #header-section button.navbar-toggler span:after {content: "Menu";position: absolute;left: 0;top: -5px;font-size: 12px;background: #ffffff;padding: 0 3px 0 0;transform: translateX(00px);transition: all 0.4s;color: #343434;}
      #header-section button.navbar-toggler span:before { content: "Open"; position: absolute; right: 0; top: -5px; font-size: 12px; background: #ffffff; padding: 0 0px 0 3px; transform: translateX(50px); transition: all 0.4s; color: #E45228;}
      #header-section button.navbar-toggler:hover span:after { transform: translateX(-50px);}
      #header-section button.navbar-toggler:hover span:before { transform: translateX(00px);}
      #header-section .navbar .navbar-collapse .mobile_text { display: flex; height: 100%; flex-direction: column; position: absolute; left: 0; top: 0;}
      #header-section .navbar .navbar-collapse .mobile_text span { height: calc(33.33% - 0px); text-align: center; vertical-align: middle; align-items: center; display: flex; font-size: 100px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; padding: 40px; background: #004e98; border-bottom: 2px solid #e9f2f8; justify-content: center; line-height: 1.3; color: #e9f2f8;}
      #header-section .navbar .navbar-collapse .mobile_text span:last-child { border: unset;}
      .close_and_title_text{ position: fixed; top: 12px; right: 0; z-index: 11; transition: all ease 0.5s;}
      .close_and_title_text button.navbar-toggler {line-height: 2; color: #E45228; top: 12px;}
      #header-section .navbar-nav .nav-link{ font-size: 24px; font-weight: 500; text-transform: uppercase; padding: 15px 30px !important;}
      #header-section .navbar-nav .dropdown-menu {position: static;padding: 15px 15px 15px 15px;border-radius: 0px;background: #343434;border: none;}
      #header-section .navbar-nav .dropdown-item{white-space: normal;color: #fff;font-size: 20px; transition: all ease 0.5s;}
      #header-section .dropdown-item:focus, #header-section .dropdown-item:hover{ transform: translateX(15px); background: transparent;}
      #header-section .dropdown-item.active,  #header-section .dropdown-item:active{ background: transparent; color: #444;}
      .large-text, .video-content p.large-text, .awards-details h3{ font-size: 32px; line-height: 1.3;}
        .video-circle{width: 220px; max-width: 310px; max-height: 200px; min-height: 220px;}
        .gkv-slider-part .item h3{ max-width: 240px; left: 15px; font-size: 20px;}
        .orange-text{ min-height: 227px;}
        .orange-text small, .orange-text h3{ font-size: 30px;}
        #header-section .navbar-nav .nav-item{ padding: 10px 0px;}
        #header-section .navbar-nav .nav-link{overflow-x: inherit;}
        .iso-certificate{ min-height: auto;}
    }

    @media only screen and (max-width: 991px){
        #contact-page::after{ width: 100%; height: 47%; bottom: 0; top: inherit;}
        .contact-info, .contact-form{ padding: 0px 20px;}
        .mission-right{ margin: 0px 0px 0px 0px; padding: 0px 0px;}
        .mission-data {position: relative;top: 0;}
        .blog-detail-content h3{font-size: 24px; }
        .blog-detail-content h1{margin-bottom: 16px; }
    }
   
      @media only screen and (max-width: 767px){
        #home-video-section{ background-position: center;}
        .large-text, .video-content p.large-text, .awards-details h3{ font-size: 24px; line-height: 1.3;}
        .orange-text small{ font-size: 28px;}
        .video-content{ padding: 0px 15px 0px 15px;}
        .iso-certificate{ min-height: auto;}
        .orange-text{min-height: auto;}
        .orange-text h3{ font-size: 22px;}
        .welcome-left{ padding: 0px 15px;}
        .welcome-right{ padding: 30px 15px;}
        .service-list #tabs-nav li a{ font-size: 22px; padding: 25px 30px;}
        .footer-logo-part{ flex-wrap: wrap; padding: 0px 0px;}
        .get-part li{ font-size: 28px;}
        .get-part li a{ padding: 0px 0px 0px 55px;}
        .get-part li a span {position: absolute; left: 0px; top: 0px; max-width: 40px;}
        .get-part li a span img{ max-width: 100%;}
        .footer-address-part{ padding: 0px 10px;}
        .project-top{ padding: 0px 15px;}
        .project-title{ padding: 50px 25px;}
        .project-slider .item .card-text{ left: 20px;}
        .project-slider .item .card-text h2{ font-size: 24px;}
        .awards-details{ padding: 35px 20px;}
        #project-section{ padding-top: 0px;}
        .project-title h3{font-size: 20px;} 
        .clients-top .item img{ max-height: 50px;}
        #why-choose-section{ padding: 45px 0px;}
        .why-choose-gkv{ padding: 0px 15px;}
        .gkv-right{ padding: 0px 15px;}
        .gkv-slider-part .item h3{ max-width: 200px; left: 15px; font-size: 16px;}
        .footer-navbar{ padding: 25px 0px;}
        .policy-links{ padding: 30px 0px 0px 0px;}
        .awards-details h6, .awards-details h5{ font-size: 16px;}
        /* #home-video-section{background-position: normal !important; } */
        .down-scroll-btn{ display: none;}
        .service-info .carousel .carousel-left{ padding: 25px 15px;}
        .service-info .carousel .carousel-inner .carousel-item .ind-image-area .ind-img span{ left: 15px; font-size: 18px;}
        .service-info .carousel .carousel-indicators li button{ font-size: 22px;}
        .service-info .carousel .carousel-indicators li button span{ top: 29px;}
        .service-info .carousel .carousel-inner .carousel-item .ind-image-area .ind-img .image{ left: 0; transform:translateX(0);}
        .banner-content h1,.banner-content h2{ font-size: 30px;}
        #about-page{ padding: 25px 0px 0px 0px;}
        .about-info{ padding: 0px 20px;}
        #mission-part{ padding: 25px 20px;}
        .mission-left p.large-text, .management-data h3, .contact-info p.large-text{ font-size: 30px;}
        .mission-right{ margin: 0px 0px 0px 0px; padding: 0px 0px;}
        .mission-data{ position: relative; top: 0; padding: 25px 25px;}
        #contact-page::after{ width: 100%; height: 47%; bottom: 0; top: inherit;}
        .contact-info, .contact-form{ padding: 0px 20px;}
        .services-info{ padding: 0px 20px;}
        #services-page{ padding: 35px 0px 0px 0px;}
        #service-second-part, #machines-usages{ padding: 35px 0px 25px 0px;}
        .sub-service-info{ padding: 20px 15px;}
        .serv-sub-points li{ border-radius: 15px;}
        .projects-data .project-info h2{ font-size: 20px;}
        .projects-data .project-info h6{ font-size: 17px;}
        #header-section .navbar-nav .nav-link::after, #header-section .navbar-nav .nav-link::before{ display: none;}
        .services-img img{ max-height: 450px; object-fit: cover; object-position: center; width: 100%;}
        #profile-information .modal-content{ padding: 25px 15px;}
        #profile-information .modal-header .profile-title h1{ font-size: 26px;}
        #profile-information .team-data-modal{ padding: 0px 0px 0px 0px;}
        .slide-info{padding: 100px 10px 0px 10px;}
        .slide-info span{ top: 15px;}
        .slide-info h3{ font-size: 30px;}
        .slide-info p.highlight-para{ font-size: 20px; line-height: 1.4;}
        #why-section{ padding: 75px 0px 0px 0px;}
        .theme-accordion .accordion-body{ padding: 20px 30px 20px 25px;}
        .career-data h3, .job-openings h2, .career-form-section h2{ font-size: 26px;}
        .career-form-section .form-group .file-drop-area{ padding: 25px; height: auto;}
        .blog-content h3, .blog-detail-content h3{font-size: 20px;margin-bottom: 12px;}
    }