@media (max-width: 1024px){.about_image{right:0}}
@media (max-width: 992px){
  .navbar{height:80px}.navbar-header{padding:18px 0}ul.nav > li > a{font-size:12px;line-height:70px}
  .hero_section,.hero_inner{height:600px}
  .hero_content .sub_title{font-size:18px;margin:0 0 10px}
  .hero_content .big_title{font-size:35px;margin:0 0 20px}
  .about_section .col-sm-7{z-index:10}
  .about_image{background:url("../img/about-m.jpg") no-repeat scroll 0 0;width:480px;height:419px;right:0}}
@media all and (max-width: 767px){
  body,p{font-size:12px;line-height:22px}
  h1{font-size:20px}
  h2{font-size:16px}
  .padding{padding:60px 0}
  .pb-60{padding-bottom:40px}
  .section_heading p{margin:10px 0 0}
  .navbar{height:60px}
  .navbar-header,.scrollActive .navbar-header{padding:5px 0}
  .navbar-header .brand{display:block;padding:13px 25px}
  .navbar-collapse{background-color:#000;border-top:medium none;box-shadow:none;margin-top:0;overflow-x:visible;padding-left:0;padding-right:0}
  ul.nav{margin:0;overflow:hidden}
  ul.nav > li{display:block;margin:0}
  ul.nav > li > a{display:block;font-size:14px;color:#fff;line-height:60px;padding:0 30px}
  ul.nav > li > a:before{display:none}
  ul.nav > li > a:hover,ul.nav > li.active > a{background-color:#333;color:#fff}
  .hero_section,.hero_inner{height:450px}
  .hero_content .sub_title{font-size:18px;margin:0 0 10px}
  .hero_content .big_title{font-size:30px;margin:0 0 20px}
  .brian_btn{font-size:12px;line-height:35px}
  .brian_btn span{padding:0 15px;border:3px solid #fff}
  .about_content .about_heading{font-size:24px;margin:0 0 25px}
  .section_heading h2{font-size:30px}
  .services_section .col-sm-3{float:left;width:50%;margin-bottom:30px}
  .service_content i{font-size:30px}
  .service_content h3{font-size:18px;margin:15px 0}
  .portfolio_filter li{margin:0 5px}
  .cta_content h3{font-size:14px}
  .cta_content h2{font-size:24px;margin:20px 0}
  .scroll-to-top{display:none!important}
  .col-sm-2-5{width: 100%;}
}
@media all and (max-width: 480px){
  .portfolio_items .col-sm-4{float:left;width:50%}
}
@media all and (max-width: 380px){
  .portfolio_items .col-sm-4{float:none;width:100%}
  .hero_section,.hero_inner{height:380px}
  .hero_content .sub_title{font-size:14px;margin:0 0 8px}
  .hero_content .big_title{font-size:24px;margin:0 0 15px}
}