@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){
  .hero {min-height: 650px;}
  .hero_banner .container-fluid, .hero_banner, .hero_banner .bg-overlay {height: 600px;}
  #menu {display: none;}
  .mobile_top_btn {display: inline-block; float: right; margin-top: 15px;}
  ul.programs_list li .program_contents {width: 100%; padding: 0; background-color: rgba(0,0,0,0.05);}
  ul.programs_list li .img_thumb {height: 300px; position: relative;}
  ul.programs_list li .program_contents .contents {margin: 0;padding: 30px;}
  ul.programs_list li .program_contents .contents:before{display: none;}
  ul.programs_list li:nth-child(2n) .program_contents .contents { margin: 0; float: none;}
  ul.programs_list li:nth-child(2n) .program_contents {text-align: center;}
  ul.programs_list li + li {margin-top: 30px;}
  .sticky-navigation {right: 0 !important;}
 .mh-head .mh-btns-left > *, .mh-head .mh-btns-right > * {width: 54px; padding: 15px 5px}
 .mm-menu_offcanvas {right: 2px;top: 120px;}
 .mh-head {border-radius: 5px;}
 .sticky-navigation {display: none;}
 ul.programs_list {text-align: center;}
 ul.programs_list li .img_thumb {width: inherit; height: auto;}
 .photo_gallery figcaption {width: 100%;}
 .wrp_thumb {margin-bottom: 25px;}
 .mobile_header_bar {min-height: 115px; position: relative;}
 .mobile_header_bar ul {list-style: none; margin: 0; padding: 0;}
 .mobile_header_bar ul li {display: inline-block;}
 .logo img { width: 186px;}
 .mobile_top_btn {margin-top: 36px; margin-right: 80px;}
 .mobile_link {position: absolute; right: 1px; top: 37px;}
 figure.effect img {height: 250px;}
}
@media (min-width:768px) and (max-width:991px) {
}
@media (min-width:768px) and (max-width:991px){

}
@media (max-width:767px){
  figure.effect img {height: auto;}


 .right_link {padding: 12px 20px;}
}
@media (max-width:667px){
  .banner_logos ul li img {height: 52px;}
  .project_section {background-attachment: inherit;}
}
@media (max-width:575px){
  .hero .shape-2 {max-width: 92px;}
  .banner_contents .banner_title {font-size: x-large;}
  .hero {min-height: 550px;}
  .hero_banner .container-fluid, .hero_banner, .hero_banner .bg-overlay {height: 500px;}
  .inner_wrapper {padding: 60px 0;}


}
@media (max-width:480px){
footer {padding-bottom: 60px;}
  .mobile_top_btn {display: none;}
  .footer_sticky_btn {display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9;}
  .baner_cont_list ul li {margin-right: 10px;}
  .baner_cont_list ul li:last-child{margin-right: 0;}
  .baner_cont_list ul li .b_box {width: 110px; height: 110px;}
  .banner_logos {padding: 25px 0;}
  .banner_logos ul li img{height: 40px;}
  section{padding: 50px 0;}
  .banner_logo_wrapper {margin-bottom: 0; top: inherit;}
	.top_header_bar a{display:block; font-weight:bold;}


}
@media (max-width:425px){
  .hero .shape-2 {display: none;}
  .hero {min-height: 500px;}
  .hero_banner .container-fluid, .hero_banner, .hero_banner .bg-overlay {height: 450px;}
  .project_section {padding: 60px 0;}
}
@media (max-width:414px){

}
@media (max-width:375px){
  .baner_cont_list {margin-top: 20px;}
  .banner_contents .banner_title {font-size: 20px;}
  .hero_banner p {font-size: 14px;}
  .hero {min-height: 394px;}
  .hero_banner .container-fluid, .hero_banner, .hero_banner .bg-overlay {height: 394px;}
  .banner_logos ul li img {height: 30px;}

}
@media (max-width:360px){
  .baner_cont_list ul li {margin-right: 4px;}
  .baner_cont_list ul li .b_box {width: 100px; height: 100px; }
  .baner_cont_list ul li .b_box h6 {font-size: 13px; margin-bottom: 4px;}
  .banner_price {font-size: 12px;}
  .top_header_bar {font-size: 14px;}



  }
@media (max-width:320px){
  .banner_contents .banner_title {font-size: 18px;}
  .hero_banner p {font-size: 13px; line-height: 18px; margin-bottom: 15px;}
  .banner_contents .btn_styled {padding: 7px 17px;font-size: 13px;}
  .baner_cont_list ul li {margin-right:2px;}


  .baner_cont_list ul li .b_box {width: 95px; height: 95px; }
  .baner_cont_list ul li .b_box h6 {font-size: 12px; margin-bottom: 2px;}
  .banner_price {font-size: 11px;}
  .hero {min-height: 350px;}
  .hero_banner .container-fluid, .hero_banner, .hero_banner .bg-overlay {height: 350px;}

}