@media (max-width:1680px){
  .hero_caption {width: 80%;}
}
@media (max-width:1199px){
  #menu ul li a {font-size: 14px; padding: 2px 12px;}

  .footer_last {padding-left: 25px;}
}
@media (max-width:991px){
.top_menu .mnu_icon{font-size: 25px; color: #000; position: absolute; left: 7px; top: 5px; }
.top_menu .mnu_icon a {color: #000;}

.detail_btn {margin-bottom: 40px;}
.menubar.sticky {display: none;}
.menubar {display: none;}

.icon_menu img { max-width: 23px;}
header{position: relative;}
.logo {text-align:center; padding:0 0 10px; margin:0 auto;}

.mean-container a.meanmenu-reveal{top:15px;right:inherit;left:15px!important}
.mean-container .mean-nav{margin-top:52px}
.topbar{text-align:center;position:relative;width:100%;border-bottom:1px solid #e8e9ec;box-shadow:0 2px 10px rgba(0,0,0,0.06);position:relative;padding:3px 0;min-height:55px;background:#f8fafb}
.topbar.sticky{margin:0;position:fixed;background:#f8fafb;top:0;left:0;width:100%;animation-name:menu_sticky;animation-duration:.60s;animation-timing-function:ease-out;box-shadow:0 0 5px 0 rgba(0,0,0,0.49);-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.49)}
.topbar ul{padding:0;margin:0;list-style:none;text-align:right;margin-top:7px}
.topbar ul li{display:inline-block;position:relative;}

.topbar ul li.phone{ width: 10%;}

.topbar ul li.logo{ text-align: center; width: 85%; margin: 0 auto;}
.topbar ul li.logo img {max-width: 120px;}
.topbar ul li.phone {padding-right: 10px;}

.m-icon_image img {width: 60px;}

.footer_top {padding-top: 30px;}
.ser_block {text-align: center;}
.footer_col {  padding-top: 30px; padding-bottom: 0;  }
.footer_last {border-left: 0;}
.quote_btn {display: block; position: absolute; right: 20px; top: 8px; }

.mobile_menu_bar {background-color: #fff; position: relative; min-height: 53px;}
.mobile_menu_bar h4{ margin-left: 60px; top: 12px; position: relative;}
.mobile_menu_bar h4 a{color: var(--primary)}
.close_farm {position: absolute; left:31px; top:-47px; color: var(--primary); text-decoration: none; font-size:30px; display: inline-block; cursor: pointer;}
.humburger{width:25px;height:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:absolute;left:33px;top:19px;cursor:pointer;transition:.5s all ease-in;z-index:1}
.humburger .line{height:2px;width:100%;background:#000;display:flex;transition:.5s all ease-in;position:relative;z-index:2}
.humburger .line:after{content:"";position:absolute;height:100%;left:0;top:0;bottom:0;background:#000;width:0;transition:.5s all ease-in-out;z-index:1}
.humburger:hover:after{transform:scale(1.4)}

.slidePanel {position:absolute;top:60px;left:0; right:0;width:100%;display:flex;background:#fff;transform:translateY(-100%);transition:.5s all ease; z-index:9; visibility: hidden;}
.slidePanel.open {transform:translateY(0); visibility: visible;}
.menu_body_wrapper { width:100%; padding-bottom: 20px;}
.slidePanel{padding: 0; margin-top: 60px;}
.inner_banner {margin-top:0}

.menu_body_wrapper ul {list-style: none; margin: 0; padding: 0;}
.menu_body_wrapper ul li {position:relative;float:left;width:100%; font-size: 18px; padding: 0 20px;}
.menu_body_wrapper ul li:last-child {padding: 0;}
.menu_body_wrapper ul li a {display:block;float:left;width:100%;padding:1em 0;margin:0;text-align:left;color:#000;border-top:1px solid #383838;border-top:1px solid rgba(0,0,0,.2);text-decoration:none}
.menu_body_wrapper ul li:last-child a {padding:1em 5%}
.menu_body_wrapper ul li:last-child a .icon_menu {width: 36px; display: inline-block;}
.menu_body_wrapper ul li a:hover { color: var(--primary);}
.menu_body_wrapper ul li .icon_menu img, .mean-container .mean-nav ul li a img { max-width: 18px; margin-right: 5px;}
.downclose { text-align: center; color: #333; position: absolute; bottom: -59px; left: 50%; transform: translateX(-50%); background: #fff; padding: 7px 12px 5px; border-radius: 0 0 10px 10px; box-shadow: rgba(0,0,0,0.6) 0px 3px 0px; cursor: pointer;}
.downclose i.fa{display: block; font-size: 30px;}

.humburger.open img{display: none;}

#first {height: 800px;}
.home_banner_wrapper video {height: 100vh;}
#first div.scrolling-titles {width: 90%; padding-top: 2%;}
.mean-bar .quote_btn{display: none;}
}

@media (max-width: 992px) {
  body .slidePanel{width:100%}
}
@media (min-width:768px) and (max-width:991px) {

}
@media (min-width:768px) and (max-width:991px){

}
@media (max-width:767px){
#hero_slider .item {height: 800px;}
.inner_banner {padding: 100px 0;}
.tab_row .col {width: 100%; flex: 0 0 100%;}
.right_text { text-align: left; }
.team_thumb {margin-bottom: 20px;}
.inner_banner .banner_title {font-size: 45px;}
#first {height: auto;}
.home_banner_wrapper video {height: auto; position: relative;}
#first div.scrolling-titles span { font-size: 1.25em;}
#first span.moving-title {margin: 0 auto;}
#first div.scrolling-titles span.fixed-title {margin: 0 auto;}
#first div.scrolling-titles {max-width: 312px;}


}
@media (max-width:667px){
  .euro_modal .modal-body { height: 60vh; overflow-y: scroll;}
  .euro_modal .modal-dialog-centered, .estimate_modal .modal-dialog-centered {display: block;}


  .estimate_modal .btn_modal {margin-top: 20px;}

  .caption_btn {max-width: 100%;width: 100%;}
  #first div.scrolling-titles span p.title-3 {margin-bottom: 4px;}

.caption_btn .btn {

    margin: 0 3px;
    padding: 7px 10px;
    text-transform: none;
    font-size: 15px;

}



}
@media (max-width:575px){
.tools_caption {width: 100%; position: relative;}
.inner_banner {padding: 50px 0;}
.heading, .inner_banner .banner_title {font-size: xx-large;}
.inner_banner .banner_title img {width: 50px;}
.home_banner_wrapper video {height: 400px;}

}
@media (max-width:480px){
.hero_caption p, .inner_banner p {font-size: 18px;}
#hero_slider .item { height: 600px;  padding: 0; }
#hero_slider .item .banner_title, .inner_banner .banner_title {font-size: 36px; margin-bottom: 20px;}
#hero_slider .item .banner_title img, .inner_banner .banner_title img {width: 45px; margin-left: 7px;}
.border-lg-right {border-right: 0; border-bottom: #ddd 1px solid;}
.btn_styled {padding: 9px 20px;font-size: 15px;}
.euro_modal .modal-content {padding: 30px 20px;}
.euro_modal .modal-header .btn-close {right: 0;}
.inner_banner .banner_title { font-size: xx-large;}
.mobile_menu_bar h4 {font-size: 18px; top: 17px;}
.quote_btn {top: 53px;}

}
@media (max-width:425px){
  .ser_block { padding: 40px 0 10px; }
  .hero_caption {width: 85%;}
  .hero_caption p, .inner_banner p, ul.modal_info_list li {font-size: 16px;}
  .m-icon_image img {  width: 40px;}
  .services_sec h3 {  font-size: x-large;}
  .estimate_modal h5.modal-title, .euro_modal h5.modal-title {font-size: x-large;}
  .icon_modaltitle img, .euro_modal h5.modal-title .icon_menu img {display: block; margin: 0 auto; top: inherit;}


.heading {font-size: x-large;}
#first div.scrolling-titles span { font-size: 1em;}
.caption_btn p {font-size: 15px;}

}
@media (max-width:414px){
  #hero_slider .item {  height: auto;  padding: 200px 0; }

  .hero_caption p, .inner_banner p {display: none;}
  .btn_styled {padding: 8px 15px;  font-size: 14px;}
  .caption_btn {width: 93%;}
}
@media (max-width:375px){
  .team_block h3 { font-size: 20px; }
  .team_section .nav-tabs .nav-item .nav-link {padding: 0 10px;}
  .m-icon_image {display: block !important;}

}
@media (max-width:360px){
  #hero_slider .item {    padding: 150px 0; }

  }
@media (max-width:320px){
  .team_section .nav-tabs .nav-item .nav-link {padding: 0 7px;}
}