@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_bar {margin-top: 35px;}
  #menu ul li a {  padding: 15px 14px; font-size: 16px;}
  .services_block {padding: 0 35px;}
  .project_block .text {width: 80%;}
}
@media (max-width: 1300px) {
  .banner_caption  { width: 85%;}
  .banner_caption .capi { max-width: 80%;}
  .f_social_box {padding: 0;}
  .banner_block h1 {font-size: 78px;}
  .about_section:before {height: 166px;}


}
@media (max-width: 1280px) {
}
@media (max-width: 1199px) {
  .logo {margin-right: 18px;}
  .logo img { height: 60px;}
  #menu ul li a {  padding: 15px 10px;font-size: 15px;}
  .banner_block h1 { font-size: 66px;}
  .banner_caption {  width: 85%;}
  .services_banner {height: 250px;}
  .about_col { padding-left: 25px;}
  .menu_bar { margin-top: 22px;}
  .banner_wrapper {margin-top: 86px; height: 241px;}
}
@media (max-width: 991px) {
  .top_header_right {display: none;}
  .mean-container a.meanmenu-reveal{top:3px;right:30px!important; color: var(--primary-color); border: var(--primary-color) 2px solid; 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(--primary-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 {position: absolute; top: 19px; width: 100%;}
  .banner_block {text-align: center;}
  .banner_caption .capi {max-width: 100%;}
  .about_col {padding-left: 0px;}
  .banner_block h1 { font-size: 36px;}
  .about_thumb {padding-right: 0; margin-bottom: 40px;}
  .about_col_text {text-align: center;}
  .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: 200px;}
  .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;}
  .team_section .row { margin: 0; }
  .team_section .row>[class*=col-]{padding: 0;}
  .team_block{margin-bottom: 0;}
  .contact_form h2 {text-align: center;}
  .contact_form h2 br {display: none;}
  .right_form {  padding: 0;}
  .about_col h2.display-3 { line-height:inherit;}
  .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;}
  
  .services_banner{ display:block !important;}
}
@media (max-width: 767px) {
.menu_bar {margin-top: 0px;}
.logo { float: none; text-align: center; display: block; margin: 0 auto;}

.mean-container .mean-bar {top: 12px;}
.mean-container a.meanmenu-reveal {top: 35px;}
.mean-container .mean-nav { margin-top: 107px;}
.banner_wrapper {height: 800px;}
h2.display-3 {font-size: 48px;}
.heading_left:after {width: 100%;}
body{font-size: 16px;}
.about_section {padding-bottom: 0;}
.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;}
.testimonial::after { top: inherit;bottom: -66px; right: 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%; padding: 0;}
.contact_btn, .btn-submit { padding: 8px 30px; max-width: 180px;}

.services_list_section .row, #Projects_section .row, .team_section .container .row { margin: 0;}
.services_list_section .row>[class*=col-], #Projects_section .row>[class*=col-], .team_section .container .row>[class*=col-]{padding: 0;}
.services_list_col p, #Projects_section p, .team_section p { padding: 0 20px;}
.project_block {margin-bottom:0 ;}
.f_social_box ul {margin-bottom: 10px;}

footer [class*="col"] { border-right:0; display: block; float: none;  flex: inherit;}
.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: auto; padding: 250px 0; margin-bottom: 50px; margin-top: 0;}
}
@media (max-width: 580px) {
  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;}
}
@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;}
  .banner_wrapper {padding: 200px 0;}
  .banner_block h1 {font-size: 31px;}
  .contact_btn {margin-top: 0;}
  .services_banner{ display:none !important;}
}
@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%;}
  .banner_wrapper {  padding: 145px 0; }
  .service_list {padding: 0;}
  .service_list_icon{width: 31%;margin: 0 auto 18px;}
  .feature_text {font-size: 14px;}
  .contact_form h2, h2.display-3 { font-size: 36px;}
}
@media (max-width:320px) {
  .banner_wrapper {  padding: 160px 0;}
  .project_block .text { width: 96%;}
  .contact_form h2, h2.display-3 { font-size: 30px;}
}