@media only screen and (max-width:1199px) {
    .menu_dextop{ display: none;}
    .menu_mobile{ display: block;}
    .right_img_b{ display: none;}
}
@media only screen and (max-width:991px) {
    
    
}

@media only screen and (max-width:767px) {
    .hero_banner .title {font-size: 60px;}
    .hero_banner {padding: 80px 0px;}
    .header_top .contact_info{display: none;}
    .header_top .contact_info,.header_top .social_con{justify-content: center;}
    header .logo img{max-width: 168px;}
}

@media only screen and (max-width:480px) {
  .hero_banner .title {font-size: 48px;}
  .hero_banner .sub_con {font-size: 18px;}  
    
    
}