@media only screen and (max-width: 766px) {
  
   .service_section h2{padding-top:30px!important;}
   .posnew_img{display:none;}
   .about h2{padding-top:30px !important;}
  
   .page_cont h2
   {
	   text-align:center;
	   font-size:30px !important;
   }
   .page_cont p{ font-size:15px; line-height:25px;}
   .demo_but
   {
	   margin:0 auto;
	   display:block;
	   width:70%;
   }
   
   .feat_blog h3{
	   font-size:16px;
   }
   .my-3
   {
	   text-align:center;
   }
   .card img
   {
	   width:50% !important;
   }
   .clients img{margin:0 auto; display:block;}
   
   .services
   {
	   margin-top:20px;
   }
  
   .sub_footer p{text-align:center!important;}
  .sub_footer img{float:none !important; margin:0 auto; display:block;}
  .banner{padding-top:5px!important;}
  .contact_form{padding-top:30px !important}
  .contact_form p{font-size:13px !important;}
  .contact_form h2{font-size:14px;}
  .cont_info p{font-size:12px !important;}
  .cont_info h5{font-size:19px;}
  .send{width:55%; display:block; margin:0 auto; float:none!important; }
  
  .map h2 span{width:100%; display:block; text-align:center;}
   .map h2 img{margin-bottom:20px; margin-top:10px;}
   .addons{width:95% !important;}
   .pay{width:100% !important;}
}

@media only screen and (min-width: 767px)and (max-width: 991px) {


.map label span{width:100%; display:block;}

   .banner img{ margin-top:50px;}
   .card{text-align:center;}
   .banner{padding-top:5px !important;}
   
   .new_ser img {float:left;  padding-right:10px; padding-bottom:10px; }
   
   .new_ser h4{ text-align:left; }
}