body {
   font-family: 'Poppins', sans-serif;
}

.long-text {
   /* margin-bottom: 18% !important;
   padding: 0 4% !important; */
   margin-bottom: 0% !important;
   padding: 0 0 7.5% !important;
}

.banner {
   background-image: url('../images/PM-Banner/Dekstop_1.webp');
   background-size: cover;
   background-blend-mode: multiply;
   position: relative;
   display: flex;
   height: 0.85%;
   position: absolute;
   margin-bottom: 1px;
   padding: 0;
   top: 77px;
   z-index: 99;
   overflow: hidden;
   -webkit-transition: all .1s ease;
   -o-transition: all .1s ease;
   transition: all .1s ease;
   background-position: right;
   box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1), 0px 2px 3px rgba(0, 0, 0, 0.4);
}

.banner .banner-quote {
   font-size: 13px;
   color: #0284d0;
   font-weight: 600;
   text-align: left;
   width: 75%;
   /* margin: 10px auto 0; */
   position: relative;
   left: 15%;
   top: 10%;
   font-family: 'Poppins', sans-serif;
}

.banner .banner-quote-auth {
   width: 27%;
   /* margin: 0 10% 0 59%; */
   font-size: 10px;
   font-weight: 600;
   color: #484B59;
   font-style: italic;
   position: absolute;
   text-align: left;
   right: 15%;
   bottom: 5%;
   font-family: 'Poppins', sans-serif;
}

.banner .banner-quote-container,
.banner .banner-img-container {
   position: relative;
}

.banner .banner-img-container img {
   position: relative;
   right: 100%;
   top: 6%;
   max-width: 74%;
}

#home {
   position: relative;
   top: 55px !important;
}

#brijesh-card {
   padding-bottom: 15.2%;
}

#alok-card {
   margin-bottom: 17.5%;
}

#chandrasekaran-card {
   margin-bottom: 25.5%;
}

#thomas-card {
   margin-bottom: 9.1%;
}

#ajay-card {
   margin-bottom: 0;
   padding-bottom: 8%;
}

#prabodh-card {
   margin-bottom: 1%;
}

#alok-krishna-card {
   margin-bottom: 0;
   padding-bottom: 8%;
}

#shyam-card {
   margin-bottom: 17.3%;
}

#sridevi-card {
   padding-bottom: 7%;
}

#sanjay-singh-card {
   padding: 0 4%;
   margin-bottom: 15.7%;
}

#gupta-card {
   margin: 7% auto 0%;
   padding: 0px 2% 8%;
}

#thamban-card {
   margin: 7% auto 0%;
   padding: 0px 2% 8%;
}

#naqvi-card {
   margin: 7% auto 0%;
   padding: 0px 3% 8%;
}

#vivek-card {
   margin: 7% auto 9%;
   padding: 0px 4% 7%;
}

#ramasami-card {
   padding-bottom: 7%;
}

#pramod-card {
   margin: 7% auto 6%;
   padding: 0;
}

#pramod-card p {
   font-size: 11.5px;
}

#krishnaveni-card,
#rachna-card {
   padding-bottom: 31.5%;
}

#madhu-card {
   padding-bottom: 31.5%;
}

.tp-bullet-inner,
.tp-line {
   background-color: black !important;
}

.feature-card {
   margin: 0 10px;
}

.feature-card h4 {
   font-size: 24px;
}

/* #about {
   padding-top: 150px;
} */

#about .about-title {
   /* text-align: left !important; */
   color: #484B59;
}

#about .about-title-container img {
   width: 100px;
}

/* #about .about-title-container {
   position: absolute !important;
   top: 0;
   left: 10%;
   width: 19vw !important;
} */

/* #about .about-content {
   text-align: left !important;
   margin-left: 30% !important;

} */

#about .col-md-5,
#network .col-md-5 {
   /* width: 24% !important; */
   width: 20% !important;
}

#about .col-md-5 {
   bottom: 175px !important;
}

#about .about-content p,
#network .network-content p {
   text-align: justify;
}

#network .col-md-5 {
   bottom: 159px !important;
}

#about,
#cluster-wise,
#network,
#events,
#past-events,
#gallery,
#csir-portal,
#lab-wise-table,
.notable-alumni {
   padding: 80px 0;
}

#new-csir {
   padding: 80px 0 50px;
}

#global-presence #select-map {
   text-align: center;
   width: 100% !important;
   line-height: 14px;
   color: #484B59 !important;
   border: 1px solid #484B59;
   position: relative;
   font-size: 18px;
   background-color: white;
   left: 5%;
}



#global-presence #global-presence-select {
   display: flex;
   /* flex-direction: column; */
}

.events-box {
   max-width: 540px;
   text-align: left;
   margin-left: auto;
}

.events-wrapper i {
   font-size: 30px;
}

#login-register {
   display: flex;
   justify-content: space-evenly;
   height: auto;
   background-color: #00B0CD;
   background-image: url('../images/login_back_layer.png');
}

#login-register-img {
   position: relative;
   bottom: 30%;
   width: 40vw;
   height: 25vw;
}


#login-register-text-content {
   position: relative;
   text-align: center;
   font-size: 35px;
   color: white;
}

#login-register-text-content p {
   margin: 30px 0;
   font-weight: 500;
}

#contactus {
   display: flex;
   padding: 60px 30px;
   justify-content: center;
   background-color: #0284D0;
   height: auto;
   background-image: url('../images/login_back_layer.png');
}

#contactus-img {
   position: relative;
   bottom: 10%;
   top: 60px;
   width: 40vw;
   height: 28vw;
}

.contactus-inp {
   background-color: transparent !important;
   width: 300px !important;
}

#contactus-form p {
   font-size: 30px;
   text-align: right;
}

#contactus-form form {
   background-color: transparent;
}

.col-6 {
   margin: 30px 0;
   width: auto !important;
}

.row {
   color: black;
   justify-content: center;

}

#contactus-right-panel {
   padding-left: 10px;
   position: relative;
   bottom: 10%;
   width: 40%;
}

#contactus-right-panel>div {
   display: flex;
   flex-direction: column;
   align-items: center;
}

#contactus-right-panel>div .col-6 {
   margin: 10px 0;
   max-width: 100% !important;
   width: 100% !important;
}

#contactus-right-panel .form-outline {
   display: flex;
   justify-content: center;
   width: 100%;
   margin: 10px 0;
}

#contactus-right-panel #contactus-select,
#contactus-right-panel input {
   width: 90% !important;
   /* margin: 0 !important; */
}

#contactus-right-panel h1 {
   color: white;
   text-align: end;
   width: 85%;
   margin: 20px 0 !important;
}

#contactus-select {
   background-color: transparent;
   width: 300px;
   margin: 0 !important;
   font-size: 1rem;
}

#contactus-select option {
   background-color: #0284D0;
}

#contactus .form-outline textarea {
   background-color: transparent;
   width: 85.4%;
   margin-right: 9.3%;
}

#contactus-right-panel .justify-content-center {
   /* margin-right: 53px; */
   margin: 10px 53px 0 0;
}

#contactus .w-50 {
   width: 70% !important;
}

#contactus button {
   /* margin-top: 20px; */
   width: 100%;
   border-radius: 50px;
}

#contactus .form-select {
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='white' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px !important;
}

.col-10 {
   display: flex;
   position: relative;
   width: 100% !important;
   right: 5%;
   /* justify-content: center ; */
}

.col button {
   border-radius: 20px;
   width: 300px;
}

.col-10 button {
   border-radius: 20px;
}

#lab-wise-table {
   text-align: center;
}

#lab-wise-table-content {
   margin-top: 50px;
}

.lab-table-row a {
   text-decoration: none;
   color: #484B59;
}

.lab-table-row a:hover {
   text-decoration: underline;
   color: blue;
}

#lab-wise-top-content p {
   font-size: 20px;
   font-weight: 400;
}

/* .lab-link,
.lab-link:hover {
   color: #484b59;
   text-decoration: none;
} */

.alumni-card,
.alumni-card:hover {
   border-radius: 5px;
}

.alumni-card img {
   width: 100px !important;
   margin: 5% auto 0;
}

.alumni-card div {
   /* margin: 7% auto 20%;
   padding: 0 4% 4%; */
   margin: 7% auto 9%;
   padding: 0px 4% 15%;
}

.testimonial-item h5,
.alumni-card h5 {
   margin: 20px 0;
   color: #0284d0;
}

.testimonial-count {
   font-size: 50px;
   font-weight: 520;
   margin: 20px 0;
}

.testimonial-text {
   margin: 50px 0 25px;
   color: #0284d0;
   /* text-decoration: underline; */
   /* text-decoration-color: #0284d0; */
}

.testimonial-text:hover {
   text-decoration: none !important;
}




#testimonial-icon {
   /* margin: 20px 0 !important; */
   color: white;
   background-color: #0284d0;
   border-radius: 100px;
   box-shadow: 0 0 2px #888;
   padding: 0.5em 0.6em;
}

.card1 {
   max-width: 400px;
   /* margin: 1px; */
   text-align: center;
   background-color: #ffffff;
   /* padding: auto 5%; */
   padding: 10px 7px 5px;
   -webkit-transition: all .3s ease-in-out !important;
   -o-transition: all .3s ease-in-out !important;
   transition: all .3s ease-in-out !important;
}

.card2 {
   max-width: 350px;
   margin: 25px 15px 0;
   text-align: center;
   background-color: #ffffff;
   /* padding: 50px 30px 30px; */
   -webkit-transition: all .3s ease-in-out !important;
   -o-transition: all .3s ease-in-out !important;
   transition: all .3s ease-in-out !important;
}

.notable-alumni .row .col-6 {
   margin-bottom: 50px;
}

.alumni-card h5 {
   color: #0284d0;
   margin: 0 0 10px;
   font-size: 13px;
}

.alumni-card div p {
   padding: 0;
   color: #484b59;
   font-size: 13px;
   /* margin: 30px 0; */
}

.alumni-card:hover {
   -webkit-transition: all .3s ease-in-out !important;
   -o-transition: all .3s ease-in-out !important;
   transition: all .3s ease-in-out !important;
   max-width: 400px;
   /* margin: 0 2%; */
   text-align: center;
   background-color: #0284d0;
   /* padding: 50px 30px 30px; */
}

.alumni-card:hover p {
   color: #ffffff;
   -webkit-transition: all .3s ease-in-out !important;
   -o-transition: all .3s ease-in-out !important;
   transition: all .3s ease-in-out !important;
}

.alumni-card:hover h5 {
   color: #ffffff;
   -webkit-transition: all .3s ease-in-out !important;
   -o-transition: all .3s ease-in-out !important;
   transition: all .3s ease-in-out !important;
}

.carousel-item {
   display: flex !important;
   justify-content: center;
}

.carousel-indicators {
   position: relative;
   top: 400px;
}

#count {
   background-color: rgba(0, 0, 0, 1);
   padding: 60px 0;
   background-size: cover;
   width: 100%;
   background-image: url('../images/EnrtyCounterBackground.webp');
   background-blend-mode: multiply;
}

/* #count-container {
   background-color: rgba(0, 0, 0, 0.90);
} */

#count h2 {
   margin-bottom: 20px;
   color: white;
   text-align: center;
   font-weight: 600;
}

.col-md-3 {
   width: 20% !important;
}

.title-black h2 {
   font-size: 48px;
   margin-bottom: 20px;
   color: #484b59;
   font-weight: 400;
   font-family: 'Poppins', sans-serif;
}

.subtitle-black {
   padding: 0 10%;
   font-size: 16px;
   margin-bottom: 26px;
   color: #484b59;
}

.subtitle-black p {
   font-weight: 500;
}

.owl-two .owl-dots {
   position: relative !important;
   display: block !important;
   text-align: center !important;
   width: 100% !important;
}

.owl-two .owl-dots .owl-dot {
   background-color: transparent !important;
   height: 10px !important;
   border: 1px solid #ffffff !important;
   width: 10px !important;
   margin-top: 40px !important;
   margin-right: 10px !important;
   border-radius: 50% !important;
}

.owl-two .owl-dots .owl-dot.active {
   background: #FFFFFF !important;
   height: 10px !important;
   border: 1px solid #ffffff !important;
   width: 10px !important;
   border-radius: 50% !important;
}

.owl-five .owl-stage .owl-item {
   width: auto;
}


.owl-five .owl-dots {
   position: relative !important;
   display: block !important;
   text-align: center !important;
   width: 100% !important;
}


.owl-six .owl-dots,
.owl-four .owl-dots {
   position: relative !important;
   display: block !important;
   text-align: center !important;
   width: 100% !important;
}

.owl-six .owl-dots .owl-dot,
.owl-four .owl-dots .owl-dot {
   background-color: transparent !important;
   height: 10px !important;
   border: 1px solid #484b59 !important;
   width: 10px !important;
   margin-top: 40px !important;
   margin-right: 10px !important;
   border-radius: 50% !important;
}

.owl-six .owl-dots .owl-dot.active,
.owl-four .owl-dots .owl-dot.active {
   background: #484b59 !important;
   height: 10px !important;
   border: 1px solid #484b59 !important;
   width: 10px !important;
   border-radius: 50% !important;
}

.owl-six {
   text-align: center;
}


.owl-five .owl-dots .owl-dot {
   background-color: transparent !important;
   height: 10px !important;
   border: 1px solid #484b59 !important;
   width: 10px !important;
   margin-top: 40px !important;
   margin-right: 10px !important;
   border-radius: 50% !important;
}



.owl-five .owl-dots .owl-dot.active {
   background: #484b59 !important;
   height: 10px !important;
   border: 1px solid #484b59 !important;
   width: 10px !important;
   border-radius: 50% !important;
}

.carousel-blue-div {
   background-color: #00B0CD;
}

.portal-card .carousel-blue-div {
   padding: 7%;
}

.carousel-blue-div p {
   color: #FFFFFF;
   font-size: 12px;
}

.carousel-blue-div h5 {
   color: #FFFFFF;
   font-size: 15px;
}



.portal-card {
   border: 1px solid #00B0CD;
   padding: 0;
}

#societal-img {
   width: 80%;
   margin: 20% auto;
}

#prabhass-img {
   width: 80%;
   margin: 33.5% auto;
}

#csir-india-img {
   width: 80%;
   margin: 31% auto;
}

#tech-innovation-img {
   width: 78%;
   margin: 32.5% auto;
}

#acsir-img {
   width: 80%;
   margin: 23.5% auto;
}

#jigyasa-img {
   width: 70%;
   margin: 18% auto;
}

.event-content {
   display: inline-block;
   position: relative;
   width: auto;
}

#overlay-text {
   /* position: absolute; */
   bottom: 0;
   right: 0;
   width: 99.7%;
   padding: 5%;
}

.past-event-card {
   width: 80%;
   margin-bottom: 7%;
   margin-top: 2%;
   right: 11%;
}

.past-event-content {
   display: flex;
   position: relative;
   left: 20%;
}

.past-event-text {
   margin: 0 5%;
   color: #484B59;
}

.csir-updates {
   display: flex;
   justify-content: space-evenly;
   padding: 60px 0;
}

.csir-updates .facebook,
.csir-updates .twitter,
.csir-updates .youtube {
   margin: 1% 0;
   padding: 2% 2%;
   border-radius: 3%;
   background-color: #F0F0F0;
   box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.084), 0px 2px 3px rgba(0, 0, 0, 0.168);
}

.facebook p,
.twitter p,
.youtube p {
   font-size: 20px;
   font-weight: 700;
   text-align: center;
}

#map {
   /* position: absolute;
   top: 0;
   bottom: 0; */
   width: 100%;
   /* width: 95vw !important; */
   height: 470px
}



.card-btn-container {
   display: flex;
   justify-content: center;

}

.card-btn {
   -webkit-border-radius: 28;
   -moz-border-radius: 28;
   border-radius: 28px;
   color: #ffffff;
   font-size: 16px;
   background: #0284D0;
   padding: 8px 20px 8px 20px;
   text-decoration: none;
   border: none;
   margin-top: 20px;
}

.card-btn:hover {
   background: #94cb00;
   text-decoration: none;
}




/* ==== Gallery ==== */

.portfolio-subtitle p {
   font-weight: 500;
   color: #484B59 !important;
}

.gallery-container {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   max-width: 950px;
   width: 50%;
   margin: 10px auto;
}

.gallery-container img {
   width: auto;
   height: 250px;
   padding: 5px;
}

/* .gallery-container img:hover {
   opacity: 0.5;
   cursor: pointer;
   transition: 0.5s;
} */



/* ====== Main Slider ====== */

#slider-1-img {
   width: 100%;
   height: 700px;
   background-image: url('../images/EnrtyCounterBackground.webp');
   background-repeat: no-repeat;
   background-size: 35%;
   background-position: 85% 50%;
}

#slider-2-img {
   width: 100%;
   height: 700px;
   background-image: url('../images/Main-Banner/slider-img-02.webp');
   background-repeat: no-repeat;
   background-size: 38%;
   background-position: 5% 60%;
}

#slider-3-img {
   width: 100%;
   height: 700px;
   background-image: url('../images/Main-Banner/slider-img-03.webp');
   background-repeat: no-repeat;
   background-size: 33%;
   background-position: 12% 55%;
}

.slider-1-content-1 {
   margin-top: 3vw;
   z-index: 5;
   white-space: nowrap;
   font-size: 30px;
   line-height: 46px;
   font-weight: 500;
   color: #484b59;
   letter-spacing: 0px;
   font-family: Poppins;
}

.slider-1-content-2 {
   margin-top: 3vw;
   z-index: 6;
   white-space: nowrap;
   font-size: 10px !important;
   line-height: 82px;
   font-weight: 500;
   color: #484b59;
   letter-spacing: 0px;
   font-family: Poppins;
}

.slider-1-content-3 {
   text-align: left !important;
   margin-top: 3vw;
   z-index: 7;
   min-width: 600px;
   max-width: 600px;
   white-space: normal;
   font-size: 16px;
   line-height: 26px;
   font-weight: 400;
   color: #797979;
   letter-spacing: 0px;
   font-family: Roboto;
}

.slider-1-content-4 {
   margin-top: 3vw;
   z-index: 8;
   font-family: Roboto;
}


.slider-2-content-1 {
   margin-left: 310px !important;
   z-index: 5;
   white-space: nowrap;
   font-size: 36px;
   line-height: 46px;
   font-weight: 500;
   color: #484b59;
   letter-spacing: 0px;
   font-family: Poppins;
}

.slider-2-content-2 {
   margin-left: 310px !important;
   z-index: 6 !important;
   white-space: nowrap !important;
   font-size: 72px !important;
   line-height: 82px !important;
   font-weight: 500 !important;
   color: #484b59 !important;
   letter-spacing: 0px !important;
   font-family: Poppins !important;
}

.slider-2-content-3 {
   margin-left: 310px !important;
   z-index: 7;
   min-width: 600px;
   max-width: 600px;
   white-space: normal;
   font-size: 16px;
   line-height: 26px;
   font-weight: 400;
   color: #797979;
   letter-spacing: 0px;
   font-family: Roboto;
}

.slider-2-content-4 {
   margin-left: 310px !important;
   z-index: 8;
   font-family: Roboto;
}

.slider-3-content-1 {
   margin-top: 3vw;
   z-index: 5;
   white-space: nowrap;
   font-size: 36px;
   line-height: 46px;
   font-weight: 500;
   color: #484b59;
   letter-spacing: 0px;
   font-family: Poppins;
}

.slider-3-content-2 {
   margin-top: 3vw;
   z-index: 6;
   white-space: nowrap;
   font-size: 72px;
   line-height: 82px;
   font-weight: 500;
   color: #484b59;
   letter-spacing: 0px;
   font-family: Poppins;
}

.slider-3-content-3 {
   margin-top: 3vw;
   z-index: 7;
   min-width: 600px;
   max-width: 600px;
   white-space: normal;
   font-size: 16px;
   line-height: 26px;
   font-weight: 400;
   color: #797979;
   letter-spacing: 0px;
   font-family: Roboto;
}

.slider-3-content-4 {
   margin-top: 3vw;
   z-index: 8;
   font-family: Roboto;
}

.main-card {
   position: relative;
   width: 100%;
   left: 10%;
}

.main-card-title {
   text-align: center;
   margin-bottom: 20px;
}

.main-card-title-flip {
   text-align: center;
   margin-bottom: 20px;
}

.main-card-title h4 {
   font-size: 32px;
   margin-bottom: 0;
}

.main-card-title-flip h4 {
   font-size: 32px;
   margin-bottom: 0;
   color: #484b59;
}

#join-us .container {
   padding: 0 10%;
}

#lab-wise-table #lab-wise-table-content table {
   width: 50%;
}

.cluster-card {
   position: relative;
}

.cluster-card a::before {
   content: "";
   position: absolute;
   top: 0px;
   right: 0px;
   bottom: 0px;
   left: 0px;
}

.portal-card {
   position: relative;
}

.portal-card a::before {
   content: "";
   position: absolute;
   top: 0px;
   right: 0px;
   bottom: 0px;
   left: 0px;
}


/* ========= Media Query =========== */

@media screen and (max-width: 600px) {

   /* #carosel-img-div1,
   #carosel-img-div2,
   #carosel-img-div3 {
      display: none;
   } */

   #slider-1-layer-1 .tp-parallax-wrap,
   #slider-3-layer-1 .tp-parallax-wrap {
      top: 200px !important;
   }

   #slider-2-layer-1 .tp-parallax-wrap {
      top: 203px !important;
   }

   #slider-1-layer-2 .tp-parallax-wrap {
      top: 245px !important;
   }

   #slider-2-layer-2 .tp-parallax-wrap {
      top: 220px !important;
   }

   #slider-3-layer-2 .tp-parallax-wrap {
      top: 240px !important;
   }

   #slider-1-layer-3 .tp-parallax-wrap,
   #slider-3-layer-3 .tp-parallax-wrap {
      top: 325px !important;
   }

   #slider-2-layer-3 .tp-parallax-wrap {
      top: 314px !important;
   }

   #slider-1-layer-4 .tp-parallax-wrap,
   #slider-3-layer-4 .tp-parallax-wrap {
      top: 515px !important;
   }

   #slider-2-layer-4 .tp-parallax-wrap {
      top: 525px !important;
   }

   /* {
      top: 515px !important;
   } */

   #about {
      padding-top: 0;
   }

   #about .col-md-5,
   #network .col-md-5 {
      /* width: 310px !important; */
      width: 64% !important;
   }

   #about .col-md-5 {
      bottom: 0px !important;
   }

   /* owl-carousel dots css for blue background starts */
   .owl-one .owl-dots,
   .owl-two .owl-dots {
      position: relative !important;
      display: block !important;
      text-align: center !important;
      width: 100% !important;
   }

   .owl-one .owl-dots .owl-dot,
   .owl-two .owl-dots .owl-dot {
      background-color: transparent !important;
      height: 10px !important;
      border: 1px solid #ffffff !important;
      width: 10px !important;
      margin-top: 40px !important;
      margin-right: 10px !important;
      border-radius: 50% !important;
   }

   .owl-one .owl-dots .owl-dot.active,
   .owl-two .owl-dots .owl-dot.active {
      background: #FFFFFF !important;
      height: 10px !important;
      border: 1px solid #ffffff !important;
      width: 10px !important;
      border-radius: 50% !important;
   }

   /* owl-carousel dots css for blue background ends */

   .owl-three .owl-dots {
      position: relative !important;
      display: block !important;
      text-align: center !important;
      width: 100% !important;
   }


   .owl-three .owl-dots .owl-dot {
      background-color: transparent !important;
      height: 10px !important;
      border: 1px solid #484b59 !important;
      width: 10px !important;
      margin-top: 40px !important;
      margin-right: 10px !important;
      border-radius: 50% !important;
   }

   .owl-three .owl-dots .owl-dot.active {
      background: #484b59 !important;
      height: 10px !important;
      border: 1px solid #484b59 !important;
      width: 10px !important;
      border-radius: 50% !important;
   }

   .owl-four .owl-dots,
   .owl-six .owl-dots {
      position: relative !important;
      display: block !important;
      text-align: center !important;
      width: 100% !important;
   }

   .owl-four .owl-dots .owl-dot,
   .owl-six .owl-dots .owl-dot {
      background-color: transparent !important;
      height: 10px !important;
      border: 1px solid #484b59 !important;
      width: 10px !important;
      margin-top: 40px !important;
      margin-right: 10px !important;
      border-radius: 50% !important;
   }

   .owl-four .owl-dots .owl-dot.active,
   .owl-six .owl-dots .owl-dot.active {
      background: #484b59 !important;
      height: 10px !important;
      border: 1px solid #484b59 !important;
      width: 10px !important;
      border-radius: 50% !important;
   }

   #network .col-md-5 {
      bottom: 0 !important;
   }


   #login-register {
      height: auto;
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }

   #contactus {
      padding: 60px 30px;
      height: auto;
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }

   #contactus-img {
      top: 0;
   }

   #contactus-right-panel #contactus-select,
   #contactus-right-panel input {
      width: 100% !important;
   }

   #count .container .col-md-3 {
      width: 24% !important;
      padding: 0;
   }

   #count .container .serial-box span {
      font-size: 20px !important;
   }

   .col-10 {
      right: 0;
   }

   #contactus-right-panel .justify-content-center {
      margin: 10px 0 0;
   }

   #contactus .w-50 {
      width: 100% !important;
   }

   #contactus-right-panel h1 {
      color: white;
      text-align: center;
      width: 100%;
      margin: 20px 0 !important;
   }

   .gallery-container {
      width: 100%;
   }

   #login-register-img {
      position: static;
      width: 90%;
      height: 90%;
   }

   #login-register-text-content {
      position: static;
   }

   #brijesh-card {
      padding-bottom: 0;
   }

   #bandichhor-card {
      padding-bottom: 0;
   }

   #ramasami-card {
      padding-bottom: 0;
   }

   #jaya-card {
      padding-bottom: 3.5% !important;
   }

   #prashant-card {
      padding-bottom: 0;
   }

   #alok-card {
      margin-bottom: 14.5%;
      padding-bottom: 0;
   }

   #chandrasekaran-card {
      margin-bottom: 14.5%;
      padding-bottom: 0;
   }

   #thomas-card {
      padding-bottom: 0;
   }

   #krishnaveni-card {
      padding-bottom: 11%;
   }

   #ajay-card {
      padding-bottom: 3.5%;
   }

   #prabodh-card {
      padding-bottom: 2.5%;
   }

   #alok-krishna-card {
      padding-bottom: 3.5%;
   }

   #shyam-card {
      margin-bottom: 14.5%;
      padding-bottom: 0;
   }

   #sridevi-card {
      padding-bottom: 0;
   }

   #rachna-card {
      padding-bottom: 5.5%;
   }

   #madhu-card {
      padding-bottom: 5.5%;
   }

   #sanjay-singh-card {
      margin: 7% auto 9%;
      /* padding: 0 4%; */
      padding-bottom: 0;
   }

   #pramod-card {
      padding-bottom: 0;
      margin-bottom: 1.3%;
   }

   #gupta-card {
      margin: 7% auto 0%;
      padding: 0px 2% 3.5%;
   }

   #thamban-card {
      margin: 7% auto 0%;
      padding: 0px 2% 3.5%;
   }

   #naqvi-card {
      margin: 7% auto 0%;
      padding: 0px 3% 3.5%;
   }

   #vivek-card {
      margin: 7% auto 9%;
      padding: 0px 4% 0%;
   }

   #contactus-right-panel {
      /* bottom: 20%; */
      position: static;
      margin-top: 10px;
      width: 100%;
   }

   #contactus .form-outline textarea {
      /* margin-right: 54.5px; */
      width: 100%;
      margin: 0 15px 0 14px;
   }

   .csir-updates {
      flex-direction: column;
   }

   .past-event-content {
      flex-direction: column;
   }

   .serial-box p {
      font-size: 10px;
   }

   #slider-1-img {
      /* width: 100%; */
      /* height: 100%; */
      background-size: 90%;
      background-position: 50% 95%;
      /* opacity: 1; */
   }

   #slider-2-img {
      /* width: 100%; */
      /* height: 100%; */
      background-size: 90%;
      background-position: 50% 95%;
      /* opacity: 1; */
   }

   #slider-3-img {
      /* width: 100%; */
      /* height: 100%; */
      background-size: 70%;
      background-position: 50% 95%;
      /* opacity: 0.6; */
   }

   .rev_slider>ul>li {
      top: -100px;
   }

   #slider-1-content {
      display: flex;
      flex-direction: column;
      text-align: center;
   }

   #slider-2-content {
      display: flex;
      flex-direction: column;
      text-align: center;
   }

   #slider-3-content {
      display: flex;
      flex-direction: column;
      text-align: center;
   }

   /* #slide-45-layer-2 {
      margin: 0 !important;
   } */

   .slider-2-content-1,
   .slider-2-content-2,
   .slider-2-content-3,
   .slider-2-content-4 {
      margin-left: 0 !important;
   }

   .slider-2-content-1 {
      top: 6px !important;
   }

   .slider-2-content-3 {
      top: 20px !important;
   }

   #slider-1-layer-4 .tp-mask-wrap,
   #slider-2-layer-4 .tp-mask-wrap,
   #slider-3-layer-4 .tp-mask-wrap {
      top: 200px !important;
   }

   #slider-2-layer-3 .tp-mask-wrap {
      height: 140px !important;
   }

   #lab-wise-table #lab-wise-table-content table {
      width: 80%;
   }

   #join-us .container .row .mr-3 {
      margin-right: 0 !important;
   }

   #join-us .container .row .ml-3 {
      margin-left: 0 !important;
   }

   #join-us .container .row {
      flex-direction: column;
   }

   #join-us .main-card-container {
      margin-top: 5px;
   }

   #join-us .container .main-card-container .front p,
   #join-us .container .main-card-container .back p {
      display: none;
   }

   #join-us .container {
      margin: 0 !important;
      padding: 0 1% !important;
   }

   #join-us .main-card {
      left: 0;
      height: 175px;
   }

   #join-us .container .main-card-container .feature-icon {
      margin-bottom: 15px;
      display: flex;
      justify-content: center;
   }

   #join-us .container .main-card-container .main-card-title {
      margin-bottom: 0;
   }

   #join-us .container .main-card-container .main-card-title h4 {
      font-size: 25px;
   }

   .feature-content .feature-col {
      min-height: 170px;
   }

   .feature-content .feature-col>.box {
      min-height: 0;
      padding: 0;
   }

   .feature-content .feature-col-1>.box {
      padding: 0;
      min-height: 0;
   }

   .feature-content .feature-col-2>.box,
   .feature-content .feature-col-3>.box {
      min-height: 0;
   }

}

@media screen and (max-width: 767px) {
   .panel-img {
      margin: 0 auto;
   }
}


/* ===== Media Query For Banner ===== */

@media screen and (max-width: 1247px) {
   .banner .banner-quote {
      margin: 6px 10% 0 8%;
      top: 0;
   }

   .banner .banner-quote-auth {
      width: 32%;
      margin: 0.5% 5% 0 54%;
      right: 4%;
   }
}

@media screen and (min-width: 998px) and (max-width : 1196px) {
   .banner .banner-quote {
      width: 80%;
      margin: 1% 10% 0 2%;
   }

   .banner .banner-quote-auth {
      width: 27%;
      margin: 0 5% 0 54%;
   }
}

@media screen and (max-width: 998px) {
   .banner {
      background-image: url("../images/PM-Banner/Tablet.webp");
      height: 0.6%;
      top: 91px;
   }

   .banner .banner-quote-auth {
      width: 27%;
      margin: 0.5% 5% 0 54%;
      font-size: 6px;
      font-family: 'Poppins', sans-serif;
      color: #484B59;
      font-style: italic;
      font-weight: 600;
   }

   .banner .banner-quote {
      font-size: 9px;
      color: #0284d0;
      font-weight: 700;
      text-align: left;
      width: 73%;
      margin: 10px 10% 0 8%;
      font-family: 'Poppins', sans-serif;
   }
}

@media screen and (min-width: 490px) and (max-width: 797px) {
   body {
      padding: 0 !important;
   }

   .banner {
      background-image: url('../images/PM-Banner/Tablet.webp');
      height: 0.5%;
      top: 90px;
      /* width: 320px; */
   }

   .banner .banner-quote {
      font-size: 6px;
      color: #0284d0;
      font-weight: 600;
      text-align: left;
      width: 75%;
      margin: 2% 20% 0 8%;
      font-family: 'Poppins', sans-serif;
   }

   .banner .banner-quote-auth {
      width: 175px;
      margin: 0 0 0 50%;
      font-size: 4px;
      font-weight: 600;
      font-family: 'Poppins', sans-serif;
      color: #484B59;
      font-style: italic;
   }
}

@media screen and (max-width: 490px) {
   body {
      padding: 0 !important;
   }

   .banner {
      background-image: url('../images/PM-Banner/Mobile_1.webp');
      height: 0.355%;
      top: 57px;
      /* width: 95%; */
   }

   .banner .banner-quote {
      font-size: 6px;
      color: #0284d0;
      font-weight: 600;
      text-align: left;
      width: 91%;
      margin: 1.5% 20% 0 2%;
      left: 1%;
      line-height: 7px;
      font-family: 'Poppins', sans-serif;
   }

   .banner .banner-quote-auth {
      width: 175px;
      margin: 1% 0 0 37%;
      font-size: 4px;
      font-weight: 600;
      font-family: 'Poppins', sans-serif;
      color: #484B59;
      font-style: italic;
      bottom: 7%;
   }

   .banner .banner-img-container img {
      top: 9%;
      right: 15%;
      max-width: 90%;
   }
}

@media screen and (max-width: 390px) {

   .banner {
      background-image: url('../images/PM-Banner/Mobile_1.webp');
      height: 0.35%;
      top: 57px;
   }

   #slider-1-layer-1 .tp-parallax-wrap,
   #slider-3-layer-1 .tp-parallax-wrap {
      top: 170px !important;
   }

   #slider-2-layer-1 .tp-parallax-wrap {
      top: 173px !important;
   }

   #slider-1-layer-2 .tp-parallax-wrap {
      top: 210px !important;
   }

   #slider-2-layer-2 .tp-parallax-wrap {
      top: 185px !important;
   }

   #slider-3-layer-2 .tp-parallax-wrap {
      top: 205px !important;
   }

   #slider-1-layer-3 .tp-parallax-wrap,
   #slider-3-layer-3 .tp-parallax-wrap {
      top: 255px !important;
   }

   #slider-2-layer-3 .tp-parallax-wrap {
      top: 244px !important;
   }

   #slider-1-layer-4 .tp-parallax-wrap,
   #slider-3-layer-4 .tp-parallax-wrap {
      top: 410px !important;
   }

   #slider-2-layer-4 .tp-parallax-wrap {
      top: 420px !important;
   }

   #slider-1-layer-3 .slider-1-content-3 {
      text-align: center !important;
   }

   #slider-1-img,
   #slider-2-img,
   #slider-3-img {
      background-position: 50% 80%;
   }

   .banner .banner-quote {
      font-size: 6px;
      color: #0284d0;
      font-weight: 600;
      text-align: left;
      width: 91%;
      margin: 2% 20% 0 2%;
      left: 3%;
      font-family: 'Poppins', sans-serif;
   }

   .banner .banner-quote-auth {
      width: 175px;
      margin: 1% 0 0 30%;
      font-size: 4px;
      font-weight: 600;
      font-family: 'Poppins', sans-serif;
      color: #484B59;
      font-style: italic;
   }

   .banner .banner-img-container img {
      top: 14%;
      right: 15%;
   }
}

/* =====Media Query for tablet===== */
@media screen and (min-width: 710px) and (max-width: 820px) {
   .banner {
      top: 77px;
   }

   .banner .banner-quote {
      left: 0;
      width: 83%;
   }

   .banner .banner-quote-auth {
      bottom: 8%;
   }

   .banner .banner-img-container img {
      max-width: 100% !important;
      right: 35% !important;
   }

   #join-us .container {
      padding: 0;
      max-width: 760px !important;
   }

   #join-us .main-card {
      left: 0;
   }

   #join-us .feature-icon {
      max-width: 100%;
   }

   #join-us .main-card-container .one .center-block,
   #join-us .main-card-container .one-1 .center-block,
   #join-us .main-card-container .two .center-block,
   #join-us .main-card-container .two-2 .center-block {
      padding-bottom: 15.5%;
   }

   #join-us .main-card-container .one .center-block,
   #join-us .main-card-container .one-1 .center-block,
   #join-us .main-card-container .two .center-block,
   #join-us .main-card-container .two-2 .center-block,
   #join-us .main-card-container .three .center-block,
   #join-us .main-card-container .three-3 .center-block {
      padding-top: 5%;
   }

   #about .col-md-5 {
      width: 30% !important;
      bottom: 365px !important;
   }

   /* owl-carousel dots css for blue background starts */
   .owl-one .owl-dots {
      position: relative !important;
      display: block !important;
      text-align: center !important;
      width: 100% !important;
   }

   .owl-one .owl-dots .owl-dot {
      background-color: transparent !important;
      height: 10px !important;
      border: 1px solid #ffffff !important;
      width: 10px !important;
      margin-top: 40px !important;
      margin-right: 10px !important;
      border-radius: 50% !important;
   }

   .owl-one .owl-dots .owl-dot.active {
      background: #FFFFFF !important;
      height: 10px !important;
      border: 1px solid #ffffff !important;
      width: 10px !important;
      border-radius: 50% !important;
   }

   .owl-three .owl-dots {
      position: relative !important;
      display: block !important;
      text-align: center !important;
      width: 100% !important;
   }


   .owl-three .owl-dots .owl-dot {
      background-color: transparent !important;
      height: 10px !important;
      border: 1px solid #484b59 !important;
      width: 10px !important;
      margin-top: 40px !important;
      margin-right: 10px !important;
      border-radius: 50% !important;
   }

   .owl-three .owl-dots .owl-dot.active {
      background: #484b59 !important;
      height: 10px !important;
      border: 1px solid #484b59 !important;
      width: 10px !important;
      border-radius: 50% !important;
   }

   .owl-six .owl-dots,
   .owl-four .owl-dots {
      position: relative !important;
      display: block !important;
      text-align: center !important;
      width: 100% !important;
   }

   .owl-six .owl-dots .owl-dot,
   .owl-four .owl-dots .owl-dot {
      background-color: transparent !important;
      height: 10px !important;
      border: 1px solid #484b59 !important;
      width: 10px !important;
      margin-top: 40px !important;
      margin-right: 10px !important;
      border-radius: 50% !important;
   }

   .owl-six .owl-dots .owl-dot.active,
   .owl-four .owl-dots .owl-dot.active {
      background: #484b59 !important;
      height: 10px !important;
      border: 1px solid #484b59 !important;
      width: 10px !important;
      border-radius: 50% !important;
   }

   #network .col-md-5 {
      width: 36% !important;
      bottom: 315px !important;
   }

   #count .container .col-md-3 {
      width: 25% !important;
   }

   #contactus .form-outline textarea {
      background-color: transparent;
      width: 80.4%;
      margin-right: 9%;
   }

   #contactus-img {
      position: relative;
      bottom: 10%;
      top: 151px;
      width: 56%;
      height: 300px;
   }

   #pramod-card {
      margin: 7% auto 7.5%;
   }

   #krishnaveni-card,
   #rachna-card,
   #madhu-card {
      padding-bottom: 13%;
   }

   #thomas-card,
   #shyam-card {
      margin-bottom: 1%;
   }

   #alok-card,
   #chandrasekaran-card {
      margin-bottom: 7%;
   }

   #prabodh-card,
   #alok-krishna-card {
      margin-bottom: 1%;
      padding-bottom: 9%;
   }

   #ajay-card {
      padding-bottom: 4.5%;
   }

   #brijesh-card,
   #bandichhor-card,
   #prashant-card {
      padding-bottom: 7%;
   }

   #jaya-card {
      padding-bottom: 10% !important;
   }

}

@media screen and (min-width: 710px) and (max-width: 768px) {
   #network .col-md-5 {
      width: 27% !important;
      bottom: 315px !important;
   }
}