/* Responsive CSS */
@media only screen and (max-width: 991px) {
	#Slider_section .carousel-item img {
	    height: 350px;
	}
	.work_details {
	  padding: 70px 0;
	}
	.topnav {
	  display: none;
	}
	.nav-call {
		display: block !important;
	}
}

@media only screen and (max-width: 767px) {
	#Slider_section .carousel-item img {
	    height: 300px;
	}
	.work_details {
	  padding: 45px 0;
	}
	.work_details .title_two {
	  padding-top: 0;
	}	
}

@media only screen and (max-width: 574.99px) {
	#Slider_section .carousel-item img {
	    height: 240px;
	}
	.work_details .title_two {
  		padding: 0px 0;
	}
	.topnav {
	  display: none;
	}
		
}

@media only screen and (max-width: 555px) {
	.topnav .container {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}
	.topnav p {
	  margin-bottom: 0;
	  text-align: center;
	  line-height: 1.2;
	}
	.top-title {
	  margin-bottom: 7px !important;
	}
}
@media only screen and (max-width: 380.99px) {
	.nav-call span, .nav-call i {
	  font-size: 17px;
	  font-weight: 600;
	}
	.nav-call i {
	  margin-left: 0;
	  font-size: 19px;
	}
	.navbar-brand img {
	  width: 50px;
	  height: auto;
	}
	.navbar-toggler {
	  padding: 4px 9px;
	  font-size: 1rem;
	  line-height: 1;
	  color: var(--bs-navbar-color);
	  background-color: transparent;
	  border: 1.7px solid;
	}
}