.bg-dark{
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px!important;
}
.pdleft{
  padding-left: 40px!important
  }
  
  .pdright{
  padding-right: 40px!important
  }
.left_fray{padding-left: 40px!important; padding-top: 40px!important}
.left_white{padding-left: 20px!important; padding-top: 40px!important}
.home_img{
  border-radius: 5px;
}
.lead{
  text-align: justify;
}
.footer_hr{width: 75%!important; background: #0170c1!important; height: 1.5px!important; opacity: 1}
#footer{
    padding: 70px 10px 30px 10px;
    background: #f6f6f6;
    color: #000;
}

/* #footer{
  padding: 70px 10px 30px 10px;
  background-color: #393939;
  color: #ffffff;
} */
a {
    color: var(--dark-color)!important;
    text-decoration: none!important;
    transition: 0.3s color ease-out;
}
.section-title h2 {
  font-size: 38px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  color: #45505b;
}
.section-title h2::before {
  content: "";
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}
.section-title h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #eea800;
  bottom: 0;
  left: calc(50% - 20px);
}
.dropdown-item{
  text-transform: uppercase;
}
.footer_txt{
  margin-top: 1rem; margin-bottom: 1rem
}
.navbar-expand-md .navbar-nav {
  flex-direction: row;
  margin-left: 160px;
  margin-top: 5px;
}
.carousel-caption h1{
  font-size: 4rem!important;
  font-weight: 600;
}
.fa-phone{
    font-size: 26px;
    color: #feb501;
    border-radius: 20%;
    padding: 6px 8px 4px 10px;
    border: 1px solid #feb50169;
}
.navbar-dark .navbar-nav .nav-link.active{
    border: 1px solid #fff!important;
    text-transform: uppercase;
    color: #fff!important;
    border-radius: 5px;
    background: #feb501!important;
}
.navbar-dark .navbar-nav .nav-link:hover{
  background: #feb501!important;
  color: #fff!important;
  border-radius: 5px;
}
.btn-primary:hover{
background-color: #016ec1;
border-color: #016ec1;
}
.nav-link{
  padding: .2rem 1rem!important;
  font-size: 14px;
}
.navbar-expand-md .navbar-nav .nav-link{
    text-transform: uppercase;
    margin: 2px 4px;
}
h1{
font-size: 3.5rem;
}
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.readmore{
background-color: #feb501!important;
border: 1px solid #feb501!important;
border-radius: 30px;
color: #fff!important;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.15), 0 6px 20px 0 rgba(0,0,0,0.19) !important;
}
.footer_styles{
padding: 10px;
background: #fff;
color: #000;
}

@media (max-width: 915px) {
  .readmore{
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {

  .cynergy_mob_logo{
    height: 50px;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    /* font-size: 11px!important; */
}
  .navbar-dark .navbar-toggler-icon{
    border-radius: 5px;
    border: 1px solid lightgray;
    background-color: rgba(0,0,0,0.5)!important;
    width: 40px;
    height: 40px;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    text-transform: uppercase;
    margin: 2px -2px!important;
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .navbar-collapse{
      flex-grow: inherit!important;
    }
    .dropdown-item{
      font-size: 12px;
    }
    .cynergy_mob_logo{
      width: 200px;
      height: auto;
    }
    .navbar-expand-md .navbar-nav{
      margin-left: 0px;
    }
    .phone_no{
      font-size: 15px;
    }
    .fa-phone{
      font-size: 18px;
      padding: 2px 7px 2px 7px;
    }
    .navbar-expand-md .navbar-nav .nav-link{
      font-size: 14px;
    }
    .lead {
      font-size: 24px!important;
    }
    .carousel-caption h1 {
      font-size: 2rem!important;
  }
  .nav-link {
    padding: 0.2rem 0.5rem!important;
}
.btn-lg {
  font-size: 24px!important;
  margin-bottom: 22px;
}
.list-unstyled{
  font-size: 22px!important;
}
.widget-title{
  font-size: 24px;
}
.footer-menu p{
  font-size: 24px;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .home_img {
      width: 100%;
      height: 73%;
  }
    .dropdown-item{
      font-size: 12px;
    }
    .navbar-collapse{
      flex-grow: inherit!important;
    }
    .navbar-expand-md .navbar-nav .nav-link{
      font-size: 12px;
    }
    .cynergy_mob_logo{
      width: 200px;
      height: auto;
    }
    .navbar-expand-md .navbar-nav{
      margin-left: 0px;
    }
    .phone_no{
      font-size: 15px;
    }
    .fa-phone{
      font-size: 18px;
      padding: 2px 7px 2px 7px;
    }
    .carousel-caption h1 {
      font-size: 2rem!important;
  }
}



@media (min-width: 768px) {
.bd-placeholder-img-lg {
  font-size: 3.5rem;
}
.home_img{
  width: 100%;
}

}
@media only screen and (max-width: 600px) {
  .pdleft{
    padding-left: 10px!important;
    }
    
    .pdright{
    padding-right: 10px!important;
    }
  
  .left_fray{
      padding-left: 20px!important;
  }
  .navbar-toggler{
    padding: 0.25rem 0 0.25rem 0.75rem!important;
  }
  .navbar-dark .navbar-nav .nav-link{
    background: #f0f0f0;
  }
  .navbar-expand-md .navbar-nav{
    margin-left: 0px;
  }
  .navbar-nav {
    display: flex;
    flex-direction: column!important;
  }
  .cynergy_mob_logo{
    width: 270px;
    height: auto!important;
  }
  .home_img{
    width: 100%;
  }
  .carousel-caption h1{
    font-size: 2rem!important;
  }
  .navbar-dark .navbar-brand {
    color: #fff;
    width: 70%;
    height: auto;
  }
  .navbar-dark .navbar-toggler-icon{
    border-radius: 5px;
    border: 1px solid lightgray;
    background-color: rgba(0,0,0,0.5);
    width: 40px;
    height: 40px;
  }
}