@media (max-width: 767px){

a.logo_pic{
  margin: 0 auto;
  display: table;
}
.top_header ul {
  padding-top: 15px;
  text-align: center;
  display: block;
}
.top_header ul li {
  margin: 0 5px;
  font-size: 16px;
}
.logo_pic img{
  width: 210px;
}
.service_area .item{
  padding: 0 15px 0 10px;
}
.sr_count{
  position: absolute;
  width: 50px;
  height: 50px;
  font-size: 30px;
  line-height: 50px;
  top: -25px;
}
.service_area .active.center{
  transform: scale(1);
}
.top_header ul li a span {
  width: 24px;
  height: 24px;
}
.top_header ul li a span img{
  width: 20px;
}
.top_header a.login_but {
  padding: 7px 15px;
}
.main_banner {
  padding: 15px 0;
}
.ban_form {
  padding-left: 0;
}
.ban_form_con {
  padding: 15px;
  margin: 10px 0;
}
.ban_form h2 {
  font-size: 20px;
  line-height: 26px;
  margin: 0 0 15px;
}
.ban_form form input:not([type=submit]) {
  height: 34px;
  font-size: 14px;
  padding: 10px;
  margin: 0 0 10px;
}
.ban_form input[type=submit] {
  line-height: 34px;
  font-size: 18px;
}
img.ban_pic_left{
  display: none;
}
.ban_right h1 {
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 10px;
  margin-top: 0;
}
.ban_right p {
  font-size: 15px;
  line-height: 22px;
}
.ban_right {
  text-align: center;
  padding: 30px 0 50px;
}
.about_us_heading h2 {
  font-size: 28px;
  margin: 0 0 10px;
}
.digital_area {
  padding: 0 0 30px;
}
.about_us_heading p {
  line-height: 22px;
  font-size: 15px;
  margin-bottom: 15px;
}
.digi_info_con {
  margin-bottom: 15px;
}
.our_work_area {
  padding: 0 0 20px;
}
.service_area .active.center .serv_info{
  margin: 0 2px 0 10px;
}
.serv_info{
  text-align: center;
  padding: 40px 15px 15px;
}
.serv_info img {
  margin: 0 auto 10px;
}
.serv_info h3{
  font-size: 18px;
}
.service_area {
  padding: 30px 0 0;
}
.service_area button.owl-prev, .service_area button.owl-next {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 5px;
}
.service_area .owl-carousel .owl-nav {
  display: block !important;
  text-align: center;
  padding-top: 0;
}
.associated_with_awarded_by {
  padding: 30px 0;
}
.awab_one_inner, .awab_one_inner2{
  display: block;
  text-align: center;
}
.awaboi_block {
  display: inline-flex;
  height: 50px;
  width: 32.5%;
  margin: 10px 0;
  vertical-align: top;
}
.awaboi_block img{
  max-width: 90%;
  max-height: 50px;
  margin: 0 auto;
  display: table;
}
.associated_with_awarded_by2 h3 {
  font-size: 20px;
  margin: 15px 0;
}
.awaboi_block2{
  display: inline-flex;
  height: 70px;
  width: 49%;
  margin: 10px 0;
  vertical-align: top;
}
.awaboi_block2 img{
  max-width: 90%;
  max-height: 50px;
  margin: 0 auto;
  display: table;
}
.md_exp h3 {  
  font-size: 30px;
  margin: 20px 0 0;
}
.md_exp h4 {  
  font-size: 22px;
  margin: 0 0 10px;
}
.md_exp p { 
  font-size: 15px;
  line-height: 22px;
}
.md_exp p span:nth-child(1) {
  top: 9px;
  left: -15px;
  font-size: 50px;
}
.md_exp p span:nth-child(2) {
  bottom: -22px;
  right: 26%;
  font-size: 50px;
}
.md_exp h5 {
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 15px;
}
.rep_con .rep_pic img {
  max-height: 30px;
}
.rep_con .rep_pic {
  height: 35px;
  margin-bottom: 10px;
}
.footer_area {
  padding: 30px 0;
}
.foot_top_info p {
  font-size: 15px;
}
.foot_top_info h6, .foot_social h6 {
  font-size: 20px;
}
.foot_social ul li {
  margin: 0 5px;
  font-size: 28px;
}
.foot_social ul li img{
  width: 24px;
}
.footer_area ul.foot_menu li {
  font-size: 16px;
}
.footer_area ul.foot_menu li span {
  margin: 0 6px;
}
.footer_bot h5 {
  font-size: 14px;
}
.footer_area ul.foot_menu {
  margin: 0 0 15px;
}
.footer_bot ul li {
  font-size: 15px;
}
.md_story_pic img{
  width: 100%;
}
.modal-dialog .modal-content{
  padding: 15px;
}
.modal_news h2 {
  font-size: 22px;
}

}