@media screen and (min-width: 1920px) {
.mySwiper2 img {
  height: 90dvh !important;
}
.round-main .circle-1 {
    transform: scale(1.7);
    left: 4%;
}
.round-main .circle-2,
.round-main .circle-3  {
    transform: scale(1.6);
}
.btn-theme,body {
    font-size: 18px!important;
}
.project-card .location {
    top: 40px;
    left: 40px;
    padding: 12px 30px;
    font-size: 20px;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1560px;
}
.mySwiper .swiper-slide-visible img {
    height: 350px;
}
.mySwiper .swiper-slide-active img {
    height: 380px;
}
.services-sec p,
.w-50 {
    font-size: 20px;
    line-height: 36px;
}
.round-main p {
    font-size: 14px;
    line-height: inherit;
}
.achive-slide .text-part p {
    font-size: 20px;
    line-height: 34px;
}
.slick-dots li button:before {
    font-size: 20px;
}
.slick-dots li button:before {
    width: 50px;
    height: 50px;
}
.linkedin-post p {
    font-size: 22px;
}
.linkedin-post .coments-flex {
    font-size: 20px;
}
.whats-sec .text-part h3 {
    font-size: 2.8vw;
}
.whats-sec .text-part p {
    font-size: 18px;
    line-height: 30px;
}
.footer-card strong {
    font-size: 2vw;
}
.footer-card ul li a {
    margin-bottom: 12px;
    font-size: 20px;
}
.logo,
.main-footer .footer-logo img {
    width: 310px;
}
.main-header .navbar-nav li a,
.copyright-sec p,
.projects-filter .filter-btn {
    font-size: 20px;
}
p {
    font-size: 20px;
    line-height: 36px;
}
.main-head h2,
.inner-banner .text-part h1 {
    font-size: 2.6vw;
}
.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
}
.round-main strong {
    font-size: 32px;
}
.round-main h3,
.beadcrumb-sec li {
    font-size: 20px;
}
.vision-mission-sec {
    padding: 60px 0px 110px 0px;
}
.uni-card .icon img {
    width: 100px;
    height: 100px;
}
.uni-card h3 {
    margin-bottom: 20px;
    font-size: 1.6vw;
}
.contact-main h2 {
    font-size: 4vw;
}
div#wpcf7-f359-o1 p {
    font-size: 22px;
}
.contact-info h2 {
    font-size: 3vw;
}
.contact-info strong,
.w-50 a {
    font-size: 1.2vw;
}
.serv-col h3 {
    font-size: 2.4vw;
}
.story-sec .year {
    font-size: 18px;
}
.four-flex .four-card .four-content h5 {
    font-size: 22px;
    line-height: inherit;
}
.mail-flex img {
    width: 40px;
    height: 40px;
    margin-right: 20px;
}
.big-card .arrow-icon img {
    width: 30px;
    height: 30px;
}
.big-card .arrow-icon {
    bottom: 40px;
    right: 40px;
}
.product-page h3 {
    font-size: 24px;
}
.cer-card .view-btn {
    padding: 12px 30px;
    margin: 30px auto 0px auto;
    font-size: 20px;
}
}
@media screen and (max-width: 1440px) {
/*.mySwiper2 img {*/
/*    height: 95dvh !important;*/
/*}*/
}
@media screen and (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
    margin-right: 30px;
  }
  .row.relatedproduct .four-flex .four-card {
    background: #fff;
    width: calc(24% - 10px);
    height: 280px;
    padding: 20px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
}
@media screen and (max-width: 991px) {
  p,li,a,.btn {
    font-size: 14px;
    line-height: 26px;
  }
.logo,
.main-footer .footer-logo img {
    width: 180px;
}
/* Icon 1 */

.animated-icon1, .animated-icon2, .animated-icon3 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.animated-icon1 span {
  background: #222222;
}
.animated-icon1 span:nth-child(1) {
 top: 0px;
}

.animated-icon1 span:nth-child(2) {
  top: 10px;
}

.animated-icon1 span:nth-child(3) {
  top: 20px;
}

.animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.animated-icon1.open {
  position: fixed;
  top: 0;
  z-index: 10000000000000000;
  right: 30px;
  top: 30px;
}
#navbarSupportedContent {
    display: block!important;
    position: fixed;
    background: #fff;
    width: 100vw;
    height: 100dvh;
    top: 0;
    left: 0;
    padding: 50px 30px!important;
    transform: translate(100%, 0px);
    transition: all .3s ease-in-out;
}
#navbarSupportedContent.show {
    transform: translate(0%, 0px);
    overflow-y: scroll;
}
ul.sub-menu a {
    margin-bottom: 4px!important;
}
.main-header .menu-item-has-children:after {
    margin-left: 4px;
    top: 0px;
    font-size: 20px;
    position: absolute;
    right: 0px;
}
.menu-item-has-children:hover .sub-menu {
    position: relative!important;
    z-index: 1000;
    top: 0px;
    left:0px;
}
.navbar-toggler {
    border: 0px!important;
    box-shadow: none!important;
    outline: 0px!important;
}
ul#menu-header_menu li {
    margin: 0px;
    display:block;
}
.main-header .navbar-nav li a {
    color: #0B0F13;
    font-weight: 400;
    text-decoration: none;
    font-size: 16px;
    line-height: inherit!important;
    margin-bottom: 16px;
    display: block;
    width: fit-content;
}
.footer-card {
    padding: 40px 0px;
}
.sub-menu {
    min-width: 100%;
}
.main-header .navbar-nav li {
    height: auto;
}
.sub-menu li:hover {
    padding: 10px;
}
}
@media screen and (min-width: 768px) {
  .story-sec .row .col-lg-3:nth-last-of-type(1) .year-sec::after {
  display: none;
}  
}
@media screen and (max-width: 767px) { 
.contact-main h2 {
    font-size: 30px;
    margin-bottom: 20px;
}
.contact-main h2 br {
    display:none;
}
.head-flex .li-btn {
    position: static;
    margin-bottom: 20px;
}
.mySwiper2 img {
    height: 100dvh !important;
}
    .prod-flex {
    flex-direction: column;
}
.prod-flex .img-part {
    width: 100%;
}
.prod-flex .text-part {
    width: 100%;
    padding: 20px!important;
}
.prod-content-new h3 {
    font-size: 16px;
}
.prod-content-new h4 {
    font-size: 20px;
}
ul#pills-tab .nav-link {
    font-size: 12px;
}
.prod-card p {
    margin: 0px;
}
.tab-content-new .row .col-lg-4:nth-last-of-type(1) {
    margin-bottom: 0px;
}
.prod-content-new .big-card h4 {
    font-size: 26px;
}
.big-card {
    height: auto;
    margin-bottom: 20px;
}
.tab-content-new h5 {
    font-size: 16px;
    line-height: 32px;
}
.prod-card h6 {
    font-size: 18px;
}
.mySwiper .swiper-slide-visible img {
    height: 60px;
}
.mySwiper .swiper-slide-thumb-active img {
    height: 70px;
}
.main-head h2,
.achive-slide .text-part h3,
.inner-banner .text-part h1,
.uni-card h3,
.big-card h4 {
    font-size: 28px;
}

.services-sec .services-card h3 {
    font-size: 24px;
}
.round-main {
    flex-direction: column;
}
.round-main div {
    position:static;
}
.swiper-slide .text-part h1 {
    font-size: 30px;
    margin-bottom: 1rem;
}
.services-sec .row {
    margin-top: 40px;
}
.whatsapp-btn img {
    width: 35px !important;
    height: 35px !important;
    margin-top: 20px;
}
.thumbsSlider-new {
    bottom: 20px;
    width: 60%;
    right: 0px;
}
.services-sec {
    padding: 40px 0px;
}
.round-sec img {
    display: none;
}
.round-main {
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.round-main div {
    position: static!important;
    margin: 0px!important;
}
.achive-slide {
    flex-direction: column;
}
.achive-slide img {
    width: 100%;
}
.achive-slide .text-part {
    padding: 16px;
    gap: 12px;
}
.achievement {
    margin-bottom: 20px;
}
.slick-dots li {
    margin: 0px 2px;
}
.achivement-sec {
    padding: 40px 0px;
}
.linkedin-post {
    margin-bottom: 40px;
}
.linkedin-post p {
    margin-bottom: 10px;
}
.linkedin-post .coments-flex img {
    width: 20px;
    height: 20px;
}
.whats-sec {
    padding: 20px 20px 30px 20px;
    flex-direction: column;
}
.whats-sec::after {
    width: 100%;
}
.whats-sec .text-part {
    padding-left: 10px;
    padding-top: 16px;
}
.whats-sec .btn-theme {
    padding: 10px 20px;
}
.whats-new {
    padding-bottom: 30px;
    padding-top: 0px;
}
.linkedin-sec {
    padding: 40px 0px 0px 0px;
}
.certification-sec {
    padding: 40px 0px 20px 0px;
}
.footer-card strong {
    font-size: 20px;
}
.footer-card {
    padding: 0px 0px 40px 0px;
}
.main-footer .footer-logo {
    margin-bottom: 40px;
}
.main.inner-banner>img {
    min-height: 50dvh;
    object-fit: cover;
}
.whatsapp-icon-new .container img {
    width: 30px;
    height: 30px;
}
.whatsapp-icon-new {
    width: 100%;
    bottom: 20px;
}
.about-sec {
    background: #fff;
    padding: 20px;
}
.about-sec img {
    margin-bottom: 30px;
}
.values-card {
    gap: 20px;
}
.values-card .img-part {
    width: 40px;
}
.values-card h3 {
    font-size: 20px;
}
.values-sec .values-card {
    margin-bottom: 20px;
}
.vision-mission-sec .row .text-part {
    padding: 30px 0px!important;
}
.vision-mission-sec .row .text-part p {
    border: 0px;
    padding: 0px;
}
.serv-row {
    display: block;
}
.story-sec h3 {
    font-size: 22px;
    margin: 0px 0px 16px 0px;
}
.story-sec .year {
    padding: 4px 20px;
    font-size: 14px;
}
.product-page h3 {
    font-size: 14px;
    max-width: 90%;
    line-height: 28px;
}
.four-flex .four-card .img-part img {
    width: 90px;
    margin-bottom: 20px;
    height: 90px;
}
.four-flex .four-card .four-content h5 {
    font-size: 14px;
    line-height: inherit;
}
.four-flex .four-card {
    height: auto;
}
.four-flex .four-card .arrow-icon img,
.big-card .arrow-icon img {
    width: 14px;
    height: 14px;
}
.product-page,
.certificate-sec {
    padding: 40px 0px;
}
.cer-card .img-part {
    height: auto;
    padding: 60px 0px;
}
.project-card img {
    height: auto;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0em 0.5em 1em;
    font-size: 14px;
    width: fit-content;
}
.contact-info h2 {
    font-size: 30px;
    margin-bottom: 20px;
}
.w-50 {
    width: 100%!important;
    margin-bottom: 30px;
}
.contact-info {
    padding: 40px 0px 0px 0px;
}
body, html {
    overflow-x: hidden;
}
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 80vw;
  }
}/*# sourceMappingURL=responsive.css.map */