@media (max-width: 1500px) {
  .banner_caption { width: 85%;}
  .banner_caption .capi {  max-width: 70%;}
}
@media (max-width: 1400px) {
  .banner_caption .capi {  max-width: 73%;}
}
@media (max-width: 1360px) {
  #menu ul li a {  padding: 15px 14px;}
  .services_block {padding: 0 35px;}
  .project_block .text {width: 80%;}
}
@media (max-width: 1300px) {
  .banner_caption  { width: 80%;}
  .banner_caption .capi { max-width: 80%;}
  .f_social_box {padding: 0;}
}
@media (max-width: 1280px) {
  .banner_caption .capi { max-width: 85%;}
}
@media (max-width: 1199px) {
  #menu ul li a {  padding: 15px 10px;}
  .banner_block h1 { font-size: 40px;}
  .banner_caption {  width: 85%;}
  .services_banner {height: 400px;}
  .about_col { padding-left: 25px;}
}
@media (max-width: 991px) {
  .header_bar {padding: 25px 0;}
  .logo {padding: 0;}
  .top_header_right {display: none;}
  .mean-container a.meanmenu-reveal{top:3px;right:30px!important; color: var(--light-blue-color);  padding:10px 5px 5px; width: 30px; height: 20px;}
  .mean-container a.meanmenu-reveal span, .mean-container a.meanmenu-reveal span:before, .mean-container a.meanmenu-reveal span:after{background: var(--light-blue-color);}
  .mean-container .mean-nav{margin-top:70px;width: 100%; background-color: rgba(27,46,84,0.92); }
  .mean-container .mean-nav ul {padding: 30px 0;}
  .mean-container .mean-bar {width: 100%;}
  .banner_wrapper {margin-top: 114px;}
  .banner_caption .capi {max-width: 100%; padding: 0;}

  .banner_block {padding: 0;}
  .banner_block h1 { font-size: 50px;}
  .about_col {padding-left: 0px;}
  .about_thumb {padding-right: 0; margin-bottom: 20px; max-width: 500px;}
  .about_thumb img {width: 100%;}
  .list_devider {display: none;}
  .service_list {text-align: center; margin-bottom: 30px;}
  .service_list_icon {float: none;display: block;margin: 0 auto 25px;}
  .feature_text {display: block;}
  .services_list_col {text-align: center;}
  .services_list_col {margin-bottom: 40px;}
  .services_banner {height: 350px;}
  .mean-container .mean-nav ul li a {text-align: center; border: 0;padding: .5em 5%}
  .mean-container .mean-nav ul li.mean-last { padding-bottom: 30px;}
  .team_thumb {position: relative; overflow: hidden; border-radius: 25px;}
  .team_block{margin-bottom: 0;}
  .contact_form h2 {text-align: center;}
  .contact_form h2 br {display: none;}
  .right_form {  padding: 0;}
  .about_section {padding-top: 0;}
  .f_social_box ul li {margin: 2px 2px;}
  footer {font-size: 12px;}
  .f_social_box ul {margin-top: 10px;}
  .contact_info a{ word-break: break-all;}
  .team_box {margin: 0 0 30px;}
  .team_hover_contents {opacity: 1; position: relative; background: none; padding:20px 0 0; text-align: left; display: block;}
  .team_box:hover .team_contents {opacity: 1;}
  footer .footer_wrapper [class*="col"] { border-right:0; display: block; float: none;  flex: inherit; text-align: center; margin: 0 0 30px;}
  footer .footer_wrapper [class*="col"]:last-child {margin: 0;}
  .footer_wrapper {font-size: 16px;}
  footer h6, .ccb_info h6 {font-size: 16px; margin: 0 0 15px;}
  .site_info {margin-left: 0;}
}
@media (max-width: 767px) {
.header_bar {padding: 35px 0;}
.menu_bar {margin-top: 0px;}
.logo { float: none; text-align: center; display: block; margin: 0 auto;}

.mean-container .mean-nav { margin-top: 85px;}
.banner_wrapper {height: 650px; padding: 0;}
h2.display-3 {font-size: 48px;}
.banner_block h1 {font-size: 38px;}
.banner_block h1 br {display: none;}
.heading_left:after {width: 100%;}
body{font-size: 16px;}
.services_block h3 {font-size: 24px;}
.services_block_text h6, .service_list { font-size: 16px;}
#Projects_section {padding-top: 0;}
.testimonial::before, .testimonial::after {font-size: 144px;}
.testimonial {margin: 0 0%; padding: 80px 0;}
.testimonial::before {  top: -90px;  left: 0; display: none;}
.testimonial::after { top: inherit;bottom: -66px; right: 0; display: none;}
.testimonial {padding: 20px 0;}
.contact_form h2 {font-size: 48px;}
#contacts_section {padding: 60px 0;}
#Services_section .container, .services_list_section .container,  #Projects_section .container, .team_section .container { max-width: 100%;}
.contact_btn, .btn-submit { padding: 8px 30px; max-width: 180px;}

.services_list_col p, #Projects_section p, .team_section p { padding: 0 10px;}
.project_block {margin-bottom:0 ;}
.f_social_box ul {margin-bottom: 10px;}

.copyrights div, .contact_info div, .business_hours div, .f_social_box div {min-height: auto;}
.contact_info div { min-height: 30px;}
footer .business_hours, .contact_info, .footer_logo {margin-bottom: 20px;}
.f_social_box ul {margin-top: 10px;}
.copyrights {margin-top:15px; margin-left:0;}
.copyrights, .copyrights div {text-align: center;}
footer .col-auto {width: 100%;}
.footer_logo {margin:20px auto;}
.site_info {text-align: center;}
.copyrights {margin-top: 0;}
.disign_logo{display: block;}
.services_banner {background-attachment:inherit;}
}
@media (max-width: 667px) {
  .header_bar {position: relative; left: inherit; right: inherit;}
.banner_wrapper {height: 450px; margin-bottom: 0; margin-top: 0;}

}
@media (max-width: 580px) {
  .logo {padding-right: 50px;}
  section { padding: 60px 0;}
  .feature_section {overflow-x: hidden;}
  .banner_caption { width: 85%;}
  .team_text h4 { font-size: 15px;}
  .services_block_text {margin-bottom: 0;}
  .feature_section {padding-top: 20px;}
  .team_contents p {font-size: 13px;}
  .services_block_text p br {display: none;}
}
@media (max-width: 480px) {
  .services_block { padding: 0;}
  .services_bg {padding: 60px 20px;}
  .contact_form {padding: 60px 20px;}
  .services_banner {background-position: 18% center;}
  .banner_caption .capi { padding: 20px 15px;}
  .service_list img {height: 40px; object-fit: scale-down;}
  .banner_block h1 {font-size: 36px;}
  .contact_btn {margin-top: 0;}
}
@media (max-width:425px) {
  .service_list {padding: 0 20px;}
  .team_section .col-3 {width: 50%; max-width: 50%;}
}
@media (max-width:375px) {
  .banner_caption { width: 95%;}
  .service_list {padding: 0;}
  .feature_text {font-size: 14px;}
  .contact_form h2, h2.display-3 { font-size: 36px;}
}
@media (max-width:320px) {
  .project_block .text { width: 96%;}
  .contact_form h2, h2.display-3 { font-size: 30px;}
}