@media screen and (min-width: 900px) {
	.topbar-section{
	padding-top: 15px;
	padding-right: 60px;
	position: fixed;z-index: 99; width: 100%;
}
.topbar{
	display: flex;justify-content: right;align-items: center;
	color: white;
}
.topbar i{
	padding-bottom: 10px;
}
.topbar h6,.topbar i{
	font-size: 11px;
	padding-left: 10px;
	
}
} 


@media screen and (max-width: 900px) {
	.topbar-section{
		padding-top: 0px;
		padding-right: 10px;
		position: fixed;z-index: 99; width: 100%;
	}
	.topbar{
		display: none;
		justify-content: right;
		align-items: center;
		color: white;
	}
	.topbar i{
		padding-bottom: 10px;
	}
	.topbar h6,.topbar i{
		font-size: 12px;
		padding-left: 10px;
		
	}
	
	
	.navbar-section{
		position: fixed;
		width: 100%;
		padding-top: 5px;
		z-index: 50;
		background-color: #224972 !important;
	}
	.container-fluid a{
		width: 70%;
		margin-right: auto;
	}	
	.container-fluid button{
		margin-right: 30px !important;
	}
	
	.navbar-nav{
		padding-top: 20px;
	  margin-left: 0px !important;
	  left: 100px;
		gap: 15px;
	  display: flex; 
	  justify-content: space-around;
	  font-weight: 500;
	  line-height: 15px;
	  font-size: 15px;
	  text-align: justify;
	  color: white;
	  transition: all 500ms ease;
	
	 }
	 .main-slider-two .slide{
		position:relative;
		overflow:hidden;
		background-size:cover;
		margin-top: 50px !important;
		margin-left: 20px;
		padding:0px 0px 0px !important;
	}

	.about-section .image-column .image-two{
		position:absolute;
		right:10px;
		bottom:-100px;
		width:50%;
		border-radius:10px;
		border:15px solid var(--white-color);
		
	}
	.about-section{
		position:relative;
		overflow:hidden;
		padding-top: 70px;
		padding-bottom: 80px;
	}
.mesins img{
	width: 90%;
	margin-left: 10px;
	margin-bottom: 20px;
}
.fs img{
  margin-left: 0px !important;
  padding: 20px;
}
.auto-container{
	margin-top: 0px !important;
	padding-top: -50px !important;
}

.auto-1{
	margin-top: -40px !important;
	padding-top: -50px !important;
}
.service-list{
	margin-left: 0px !important;
}
.about-section .image-column .inner-column {
	padding-bottom: 0px !important;
}
}
/* navbar start */
.navbar-section{
	position: fixed;
	width: 100%;
	z-index: 50;
	background-color: #224972 !important;
}


.navbar .navbar-toggler{
	background-color: #7bc0e1;
	color: #224972 !important;
}

 .navbar-nav{
	padding-top: 20px;


	gap: 15px;
  display: flex; 
  justify-content: space-around;
  font-weight: 500;
  line-height: 15px;
  font-size: 15px;
  text-align: justify;
  color: white;
  transition: all 500ms ease;

 }
 .nav-link:hover{
	color: #7bc0e1 !important; ;
 }
 .nav-link{
    color: white !important;
	align-items: center;
}

.nav-item{
    position:relative;
	margin-left: 11px;
	font-size: 16px;
	font-weight: bold;
}

.nav-item::after{
  content: "";
  position:absolute;
  width: 100%;       
  height: 5%;
  bottom:0px;left: 0px;
  color: #7bc0e1 ;
  background-color: #7bc0e1 ; 
  transform:  scalex(0);
  transform-origin: left;
  transition:transform 0.5s ease;
}
.nav-item:hover::after{
  transform:  scalex(1);
  transform-origin: left;
  }
  .dropdown{
	color: white;
	border-radius: 10px;
}
.dropdown .dropdown-menu{
	background-color: #174F9C;

}
/* 
@media screen and (min-width:992px) and  (max-width:1320px ) {
	.navbar-nav {
		padding-top: 20px;
		margin-left: 40px;
		left: 100px;
		gap: 15px;
		display: flex;
		justify-content: space-around;
		font-weight: 500;
		line-height: 15px;
		font-size: 15px;
		text-align: justify;
		color: white;
		transition: all 500ms ease;
	  }
} */

  
  /* .dropdown>.dropdown-toggle:active {
	  pointer-events: none;
  } */

  .dropdown-menu a{
	font-weight:500;
	line-height: 15px;
	padding: 10px;
	font-size:12.5px;
	text-align: justify;
	color:white;
	transition:all 500ms ease;
  }
  .dropdown-menu i{
	padding-right: 10px;
  }
  .dropdown-menu a:hover 
  {
	  background-color: #7BC0E1;
	  color: white;	 
	  border-bottom-right-radius: 10px;
	  border-bottom-left-radius: 10px;
  }
  .dropdown-menu li{
	border-radius: 10px;
	  padding:0px;margin: 0;border-bottom: 1px solid #7BC0E1 ;
  }
  .dropdown-menu {
	border-radius: 10px;padding: 0;margin: 0;
	position: relative;
}
@media screen and (max-width: 900px) {
	.dropdown-menu a:hover 
  {
	  background-color: #7BC0E1;
	  color: white;	 
	  width: 100%;
	  border-bottom-right-radius: 10px;
	  border-bottom-left-radius: 10px;
  }
  .dropdown-menu{overflow: scroll;height: 250px;} }
  @media screen and (min-width: 900px) {
	
  .navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: block;
    transform: scale(0);
    transition: ease-out 0.3s;
}
.dropdown:hover .dropdown-menu {
    transform: scale(1);
}

  }
/* slider*/

@media screen and (min-width: 900px) {
	.mobslimin{
		display: none !important;
	}
	.main-slider-carousel {
		height: 512px !important;
	}
  .navbar-brand img{
	height:90px ;
	width: 100% ;
  }
  .navbar-brand img{
	
	margin-left: 50px;
	
}


}
@media screen and (max-width: 900px) {
	.main-slider-two .content-column .inner-column{
		position:relative;
		padding-left: 30px;
	   
	}
	.main-slider-two h1{
		font-size: 20px;
	}
	.title{
		font-size: 20px !important;
	}
	.btn-style-three{
		position: relative;
		
		font-weight:600;
		overflow: hidden;
		text-align:center;
		border-radius:4px;
		padding:5px;
		color: var(--white-color);
		font-size: var(--font-16);
		text-transform: capitalize;
		display:inline-block;
		
	}
	
		
	.displaynonemob{
		display: none;
	}
	
.mob{
	margin-top: 100px !important;
	margin-bottom: -80px;
  }

  .main-slider-carousel {
	height: 100% !important;
	width: 100% !important;
}

.navbar-brand img{
	height:50%;
	width: 80% ;

  }
 

  
	}
   







/*slider end*/
/* about vision mission values  start*/
vision{
	padding-left: 80px;
}
.product-block1 .inner-box   h5{
	text-align: center;
	font-size: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.product-block1 .inner-box img{
	width: 50%;
	margin-top: 10px;

	margin-left: 60px;
}
.product-block1 .inner-box .price1{
	position:relative;
	font-weight:400;
	font-size:var(--font-12);
	text-align: justify;
	transition:all 500ms ease;
	padding: 10px;
	color:black;
	
}
.price,.text{
	font-weight: 400 !important;
}
.product-block1{
	background-color: rgb(255, 255, 255);     
	box-shadow: 0px 0px 5px 5px #7BC0E1; 
	margin: 30px;
}

.product-block1 .inner-box .price1 span{
	position:relative;
	color:var(--color-seventeen);
	text-decoration:line-through;
	margin-right:var(--margin-right-5);
}

.sec-title .price1{
	position:relative;
	font-weight:400;
	line-height: 35px;
	font-size:15px;
	text-align: justify;
	color:var(--black-color);
	transition:all 500ms ease;
	padding: 10px;
	
}

/* about vision mission values end  */

/* About infrastructure start */
.infrastructure-section{
	background-color: var(--color-fourteen);
	padding-bottom: 50px;

  }
  .infrastructure{
	padding-top: 40px;
	padding-bottom: 50px;
	justify-content: center;
  }
  .infrastructure .clearfix{
	justify-content: center;

  }
  .infrastructure-header{
	margin-bottom: 10px !important;
  }
  .infrastructure-images{
	border-radius: 50px;
	padding-top: 10px;
	padding-bottom: 20px;
  }
  .infrastructure-images img{
	/* width: 100% !important; */
	border-radius: 15px;
	width: 100%;
	height: 180px;
	margin-right: 50px !important;
	justify-content: center !important;
	border: 2px solid #7BC0E1;
}

.infrastructure-images-zoom {
	padding: 10px;
	transition: transform 0.2s;
	margin: 0 auto;
	padding-right: 20px;
	margin-left: 40px;
	width: 100%;
	/* height: 250px; */
	margin-top: 20px;
	border-radius: 20px;
	padding-bottom: 30px;
    z-index: 1;
  }
  .infrastructure-images-zoom:hover {
	-ms-transform: scale(1.5); /* IE 9 */
	-webkit-transform: scale(1.5); /* Safari 3-8 */
	transform: scale(1.4); 
	margin-right: 50px !important;
  }

  
@media screen and (max-width: 900px) {
	.infrastructure-images{
		padding-left: -80px !important;
	  }
	  .infrastructure-images-zoom {
		padding: 10px;
		transition: transform 0.2s;
		margin: 0 auto;
		padding-right: 20px;
		margin-left: 10px !important;
		width: 100%;
		/* height: 250px; */
		margin-top: 20px;
		border-radius: 20px;
		padding-bottom: 30px;
		z-index: 1;

	  }
	  .infrastructure-images-zoom:hover {
		-ms-transform: scale(1.5); /* IE 9 */
		-webkit-transform: scale(1.5); /* Safari 3-8 */
		transform: scale(1.2); 
		margin-right: 50px !important;
	  }
}
/* About  infrastructure end */
/* produc start */
.images{
	padding-top: 50px;
}
.zoom {
	padding: 0;
	transition: transform .2s;
	margin: 0 auto;
	margin-left: 30px;
	border-radius: 10px 0;border: 3px solid #7BC0E1; 
	animation-fill-mode: forwards;
  }
  .geeks {
	overflow: hidden;
}
.geeks img {
	transition: transform .5s ease-in-out;
}
.geeks:hover img {
	padding: 20px;
}
@media screen and (min-width: 900px) {
	
	.zoom:hover{
		/* transform: scale(1.5);  */
		animation-name: imgani;
		animation-duration: 2s;
		animation-timing-function: linear;
		animation-fill-mode: forwards;

	}

	@-webkit-keyframes imgani {
		0% {
			-webkit-transform: scale(1);
			transform: scale(1);
		}
	
	
		100% {
			-webkit-transform: scale(1);
			transform: scale(1);
		}
	}
	
}


	.geeks:hover img {
		transform: scale(1.2);
	}
	.service-detail .lower-content p{
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 14ppxx !important;
		font-family:'Be Vietnam Pro', sans-serif !important;
		position: relative !important;
		font-weight: 400 !important;
		line-height: 23px !important;
		text-align: justify !important;
		transition: all 500ms ease !important;
		margin-bottom:var(--margin-bottom-15);
	}
	.service-detail .lower-content .gallery-images{
		position:relative;
		margin-top:var(--margin-top-20);

	}
	.service-detail .lower-content h3{
		text-align: center;
		font-weight:800;
		color:var(--color-fourty);
		margin-bottom:var(--margin-bottom-15);
	}
}

@media screen and (max-width: 900px) {
	.zoom{
		/* width: 85%; */
		margin-right: 30px;
	}
	.zoom:hover{
		transform: scale(); 

	}
	.service-detail .lower-content p{
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 14ppxx !important;
		font-family:'Be Vietnam Pro', sans-serif !important;
		position: relative !important;
		font-weight: 400 !important;
		line-height: 23px !important;
		text-align: justify !important;
		transition: all 500ms ease !important;
		margin-bottom:var(--margin-bottom-15);
	}
	.service-detail .lower-content .gallery-images{
		position:relative;
		margin-top:var(--margin-top-20);
	}
	.service-detail .lower-content h3{
		text-align: center;
		font-weight:800;
		color:var(--color-fourty);
		margin-bottom:var(--margin-bottom-15);
	}
	
}
/* produc end */




/* gallery Start */

.gallery-section{
	position:relative;
	overflow:hidden;
	padding:10px 0px 60px;
}
.images1{
	width: 50px;
	padding-top:  70px;
}
.zoom1 {
	padding: 10px;
	transition: transform 0.2s;
	margin: 0 auto;
	margin-left: 30px;
	border-radius: 20px;
	border: 3px solid  #224972; 
    padding-top: 10px;
    background-image: url(img/logo-1.png);
    background-repeat: no-repeat;
    background-position-y: 10px;
    background-position-x: 10px;
    z-index: 1;
    background-size: 100px;
  }
  .zoom1:hover {
	-ms-transform: scale(1.5); /* IE 9 */
	-webkit-transform: scale(1.5); /* Safari 3-8 */
	transform: scale(1.3); 
  }

  .geeks1 {
	overflow: hidden;
}
.geeks1 img {
	transition: 0.5s all ease-in-out;
}
.geeks1:hover img {
	transform: scale(1.3);
}
.images1 .image .logo {
    position: absolute;
    padding-left:0px;
    width: 20%;
    z-index: 1;
}
@media screen and (max-width: 900px) {
	.images1{
		width: 50px;
		padding-top:  20px;
	}
	.zoom1{
		/* width: 90%; */
		margin-right: 20px;
	}
  .zoom1:hover {
	transform: scale(1.1); 
  }
  .geeks1 {
	overflow: hidden;
}
.geeks1:hover img {
	transform: scale(1.1);
}
}    
/* gallery end */

/* footer start */
.footer-section .clearfix{
	margin-right: 0px !important;
}
.footer-color{
	background-color:#1E456E!important;
}
#office{
	padding-top: 20px;
	width: 5000px;
	height: 250px;
  }
  .news-widget .product-head{
	padding-top: 30px;
	right: 50px;
  }

.links{
	position:relative;
	font-weight:400;
	font-size: 25px !important;
	text-align: center;
	color:white;
	transition:all 500ms ease;
	padding: 0px;
  }
 .contact-widget h4{
	padding-top: 30px;

 	}
.products-link{
	padding-left: 40px;
  }
  @media screen and (min-width: 900px){
	.maps
  {
	  width: 280px; 
	  height:155px; 
	  margin-top: 5px;
	  margin-left:20px;
	  position: center;
	  border-radius: 10px;
  }    
	
  }
  @media screen and (max-width: 900px) {
	.map .maps
	{
		width: 280px; 
		height:155px; 
		margin-top: 20px;
		margin-left:20px;
		position: center;
		border-radius: 10px;
	}    
	.links{
		padding: 0px;
	  }
	  .news-widget .product-head{
		padding-top: 20px;
		padding-right: 15px;

		right: 85px;
	  }
	.products-link{
		padding-left: 0px;
	  }

	  .products-link .col-md-5 {
		margin-bottom: -15px;
	  }
	.contact-head{
		padding-right: 140px;
	}
	.contact-widget h4{
		padding-top: 20px;
		padding-right: 170px;

		 }
	ul{
		padding-left: 1rem !important;
		}

	.icon44{
		position: fixed;
		bottom: 50px;
		padding-left: 40px !important;
			width: 100px;
			z-index: 99;
			  }
			  .icon44 img{
				width: 50px;
			  }

 .contact-widget ul {
	margin-left: 5px;
 }
     
}

  


.links ul li{
	list-style: none;
	margin-top: 10px;
  }
  .links ul li i{
	color: white;
	font-size: 14px;
	padding-left: 10px;
  }
  .links ul li a{
	position:relative;
	text-align: left;
	font-size: 14px !important;
	color:white;
	transition:all 500ms ease;
	padding: 10px;
	text-decoration: none;
	list-style: none;
  }
  .link1{
	padding-bottom: 25px;
  }

  .contact-head{
	padding-bottom: 5px;
  }
  .contactus{
	margin-left: -10px;
  }
  .card-text{
	position:relative;
	font-weight:400;
	font-size:var(--font-18);
	text-align: justify;
	color:white;
	transition:all 500ms ease;
	padding: 10px;
  }
 
  #address
  {
	position:relative;
	font-weight:400;
	font-size:13;
	text-align: justify;
	line-height: 23px !important;
	padding-right: 10px;
	padding-top: 0px;
	padding-left: 10px;
	color:white;
	transition:all 500ms ease;
  }
  /* #moblie
  {
	padding-top: 0px;
	margin-left: 50px;
  } */
  .maps
  {
	  width: 450px; 
	  height:215px; 
	  margin-top: 85px;
	  margin-left:20px;
	  position: center;
	  border-radius: 10px;
  }         
  .icon44{
	position: fixed;
	bottom: 50px;
	right: 1px;
	padding-left: 50px;
		width: 100px;
		z-index: 99;
		  }
		  .icon44 img{
			width: 50px;
		  }
  /* footer end */
  /* product tool image */
  .tool-image{
	border: 3px solid  #7BC0E1;
	border-radius: 10px; 
  }	
  @media screen and (max-width: 900px) {
  .tool-image{
	width: 90%;
	border: 3px solid  #7BC0E1;
	border-radius: 10px; 
	margin-left: 20px;
	
  }
  .content-text{
	font-size: 14px !important;
	font-family:'Be Vietnam Pro', sans-serif !important;
	position: relative !important;
    font-weight: 400 !important;
	line-height: 25px !important;
    text-align: justify !important;
    transition: all 500ms ease !important;
}
}

.content-text{
	font-size: 14px !important;
	font-family:'Be Vietnam Pro', sans-serif !important;
	position: relative !important;
    font-weight: 400 !important;
	line-height: 25px !important;
    text-align: justify !important;
    transition: all 500ms ease !important;
}

.pull-left a{
	text-decoration: none;
	list-style: none;
}
.quality-section{
	padding-top: 50px;
}
.headtext{
	position: relative;
    font-weight: 700;
    color: var(--main-color);
    font-size: 30px;
    margin-bottom: var(--margin-bottom-10);
}
.quality-image{
	display: flex;
	width: 100%;
}
.quality-section h5{
	font-size: 20px;
	font-family:'Be Vietnam Pro', sans-serif !important;

}
.quality-section h5::before{
	position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    height: 3px;
    width: 20%;
    background-color: var(--main-color);
}
.image-1-box a img{
	margin-top: 30px;
}