/* start media query  For xxl screen: */
@media (min-width: 1900px) {

}
/* strat media query for ipad pro */
@media  (min-width: 1023px) and (max-width:1024px){
  
}

  /* start media query For ipad mini and ipad air: */
@media (min-width: 765px) and (max-width:820px) {
    
}
  /*start media query  For  mobile: */
@media (max-width: 685px) {
  .sub_head ,.hero_info p ,.test_card p{
    width: 100%;
  }
  .sub_right .social_top li a {
    margin-inline-start: 0px;
    margin-inline-end: 20px;
}
.hero .layout {
  position: absolute;
  bottom: -10px;
  right: 0;
  height: 200px;
}
/* .hero .layout img{
  height: 200px;

} */
}
@media  (min-width: 1000px) {
.container-fluid{
  width: 85%;
}
}