/* Make the image fully responsive */

.carousel{
    height:484px;
    /* border: 1px solid black; */
}
@media screen and (max-width:600px){
    .carousel .carousel-inner .carousel-item .carousel-caption h3{
        /* border: 1px solid black; */
        width: 400px;
        margin-left: 0px;
        margin-top: 0px;
        font-size: 40px;
        text-transform: uppercase;
    }
    .carousel{
        height:640px;
    }
    .carousel-inner{
        height:640px;
        /* border: 1px solid black; */
    }
    .carousel-item{
        height:640px;
        /* border: 1px solid black; */
    }
    .carousel-item img{
        height:940px;
        /* border: 1px solid black; */
    }
}
body{
    overflow-x: hidden
  }
  section#featured-services {
background:url("assets/img/home/repair-background.png") no-repeat;
 width: 100%;
 height: 100%;
 background-position: center;
 background-size: cover;
 background-attachment: fixed;
}
.carousel .carousel-inner .carousel-item .carousel-caption h3{
  /* border: 1px solid black; */
  width: 700px;
  border-radius: 8px 8px 8px 8px;
  margin-left: 450px;
  padding: 20px;
  margin-top: -350px;
  font-size: 48px;
  text-transform: uppercase;
  color: #000;
  transition: 0.5s linear;
}
.carousel .carousel-inner .carousel-item .carousel-caption button{
  /* border: 1px solid black; */
  margin-left: 650px;
  margin-top: 50px;
  width: 280px;
  padding: 15px;
  text-transform: uppercase;
  font-size:16px;
  font-weight: 600;
  border-radius: 8px 8px 8px 8px;
  border: 5px solid rgba(0,0,255,0.5);
  transition: 0.5s linear;
  background: transparent;
}
.carousel .carousel-inner .carousel-item img{
  width: 50%;
  height: 500px;
}

@media screen and (max-width:1115px){
.carousel .carousel-inner .carousel-item .carousel-caption h3{
  /* border: 1px solid black; */
  width: 700px;
  border-radius: 8px 8px 8px 8px;
  margin-left: 300px;
  padding: 20px;
  margin-top: -350px;
  font-size: 42px;
  text-transform: uppercase;
  color: #000;
  transition: 0.5s linear;
}
.carousel .carousel-inner .carousel-item .carousel-caption button{
  /* border: 1px solid black; */
  margin-left: 500px;
  margin-top: 50px;
  width: 280px;
  padding: 15px;
  text-transform: uppercase;
  font-size:16px;
  font-weight: 600;
  border-radius: 8px 8px 8px 8px;
  border: 5px solid rgba(0,0,255,0.5);
  transition: 0.5s linear;
  background: transparent;
}
}
@media screen and (max-width:990px){
.carousel .carousel-inner .carousel-item .carousel-caption h3{
  /* border: 1px solid black; */
  width: 700px;
  border-radius: 8px 8px 8px 8px;
  margin-left: 220px;
  padding: 20px;
  margin-top: -350px;
  font-size: 38px;
  text-transform: uppercase;
  color: #000;
  transition: 0.5s linear;
}
.carousel .carousel-inner .carousel-item .carousel-caption button{
  /* border: 1px solid black; */
  margin-left: 430px;
  margin-top: 50px;
  width: 280px;
  padding: 15px;
  text-transform: uppercase;
  font-size:16px;
  font-weight: 600;
  border-radius: 8px 8px 8px 8px;
  border: 5px solid rgba(0,0,255,0.5);
  transition: 0.5s linear;
  background: transparent;
}
}
@media screen and (max-width:1024px){
#topbar .contact-info .btn a button {
display: none;
}

}
@media screen and (max-width:768px){
#topbar .contact-info .btn a button {
display: block;
}
#topbar .container{
/* border: 1px solid black; */
flex-direction: column;
display: flex;
justify-content: center;
align-items: center;
}
#topbar .contact-info .icons {
display: none;
}
/*#topbar .container .social-links img{*/
/*margin-bottom: -40px;*/
/*margin-top: -36px;*/
/*}*/
}
@media screen and (max-width: 960px) {
.carousel .carousel-inner .carousel-item .carousel-caption h3{
  /* border: 1px solid black; */
  width: 700px;
  border-radius: 8px 8px 8px 8px;
  margin-left: 200px;
  padding: 20px;
  margin-top: -350px;
  font-size: 26px;
  text-transform: uppercase;
  color: #000;
  transition: 0.5s linear;
}
.carousel .carousel-inner .carousel-item .carousel-caption button{
  /* border: 1px solid black; */
  margin-left: 400px;
  margin-top: 50px;
  width: 200px;
  padding: 15px;
  text-transform: uppercase;
  font-size:16px;
  font-weight: 600;
  border-radius: 8px 8px 8px 8px;
  border: 5px solid rgba(0,0,255,0.5);
  transition: 0.5s linear;
  background: transparent;
}
}
@media screen and (max-width: 953px) {
.carousel .carousel-inner .carousel-item .carousel-caption h3{
  /* border: 1px solid black; */
  width: 700px;
  border-radius: 8px 8px 8px 8px;
  margin-left: 150px;
  padding: 20px;
  margin-top: -350px;
  font-size: 26px;
  text-transform: uppercase;
  color: #000;
  transition: 0.5s linear;
}
.carousel .carousel-inner .carousel-item .carousel-caption button{
  /* border: 1px solid black; */
  margin-left: 400px;
  margin-top: 50px;
  width: 200px;
  padding: 15px;
  text-transform: uppercase;
  font-size:16px;
  font-weight: 600;
  border-radius: 8px 8px 8px 8px;
  border: 5px solid rgba(0,0,255,0.5);
  transition: 0.5s linear;
  background: transparent;
}
}
@media screen and (max-width: 820px) {
.carousel .carousel-inner .carousel-item .carousel-caption h3{
  /* border: 1px solid black; */
  width: 700px;
  border-radius: 8px 8px 8px 8px;
  margin-left: 120px;
  padding: 20px;
  margin-top: -350px;
  font-size: 25px;
  text-transform: uppercase;
  color: #000;
  transition: 0.5s linear;
}
.carousel .carousel-inner .carousel-item .carousel-caption button{
  /* border: 1px solid black; */
  margin-left: 350px;
  margin-top: 50px;
  width: 200px;
  padding: 15px;
  text-transform: uppercase;
  font-size:16px;
  font-weight: 600;
  border-radius: 8px 8px 8px 8px;
  border: 5px solid rgba(0,0,255,0.5);
  transition: 0.5s linear;
  background: transparent;
}
}
@media screen and (max-width: 730px) {
.carousel .carousel-inner .carousel-item .carousel-caption h3{
  /* border: 1px solid black; */
  width: 700px;
  border-radius: 8px 8px 8px 8px;
  margin-left: 80px;
  padding: 20px;
  margin-top: -350px;
  font-size: 26px;
  text-transform: uppercase;
  color: #000;
  transition: 0.5s linear;
}
.carousel .carousel-inner .carousel-item .carousel-caption button{
  /* border: 1px solid black; */
  margin-left: 330px;
  margin-top: 50px;
  width: 200px;
  padding: 15px;
  text-transform: uppercase;
  font-size:16px;
  font-weight: 600;
  border-radius: 8px 8px 8px 8px;
  border: 5px solid rgba(0,0,255,0.5);
  transition: 0.5s linear;
  background: transparent;
}
}
@media screen and (max-width: 720px) {
.carousel .carousel-inner .carousel-item .carousel-caption h3{
  /* border: 1px solid black; */
  width: 700px;
  border-radius: 8px 8px 8px 8px;
  margin-left: 150px;
  padding: 20px;
  margin-top: -350px;
  font-size: 26px;
  text-transform: uppercase;
  color: #000;
  transition: 0.5s linear;
}
.carousel .carousel-inner .carousel-item .carousel-caption button{
  /* border: 1px solid black; */
  margin-left: 400px;
  margin-top: 50px;
  width: 200px;
  padding: 15px;
  text-transform: uppercase;
  font-size:16px;
  font-weight: 600;
  border-radius: 8px 8px 8px 8px;
  border: 5px solid rgba(0,0,255,0.5);
  transition: 0.5s linear;
  background: transparent;
}
}
@media screen and (max-width:720px) {
.carousel .carousel-inner .carousel-item img {
  width: 100%;
  height: 500px;
  opacity: 0.8;
}
.carousel .carousel-inner .carousel-item .carousel-caption{
/* border: 1px solid black; */
background: rgba(255,255,255,0.5);
/* height: 200px; */
border-radius: 8px;
}
.carousel .carousel-inner .carousel-item .carousel-caption h3{
  /* border: 1px solid black; */
  width: 700px;
  border-radius: 8px 8px 8px 8px;
  margin-left: -100px;
  padding: 20px;
  margin-top: 0px;
  font-size: 26px;
  text-transform: uppercase;
  color: #000;
  transition: 0.5s linear;
}
.carousel .carousel-inner .carousel-item .carousel-caption button{
  /* border: 1px solid black; */
  margin-left: 0px;
  margin-top: 0px;
  width: 200px;
  padding: 15px;
  text-transform: uppercase;
  font-size:16px;
  font-weight: 600;
  border-radius: 8px 8px 8px 8px;
  border: 5px solid rgba(0,0,255,0.5);
  transition: 0.5s linear;
  background: transparent;
}
}
@media screen and (max-width:400px){
.contact-info.d-flex.align-items-center {
  display: flex;
  flex-direction: column;
  /* margin-top: 0px; */
}
.contact-info.d-flex.align-items-center div{
  margin-top: 10px;
}
}
.container.d-flex.align-items-center.justify-content-between img{
  display: none;
}
#topbar .contact-info i {
font-size: 14px;
}
#topbar .contact-info .btn a button {
margin-left: 20px;
padding: 8px 18px 8px 18px ;
border: 3px solid #000;
border-radius: 8px;
background-color: transparent;
color: #000;
font-weight: 600;
}
#topbar{
height: 90px;
/* border: 1px solid black; */
}
#header{
/* border: 1px solid black; */
height: 50px;
}
@media screen and (max-width:800px) {
#topbar {
  height: 140px;
  /* border: 1px solid black; */
}
}