@media screen and (max-width: 992px){
  .history-in{
  	width:100% !important;
  }

  .breadcrumb {
    width: 100% !important;
    padding:10px;
  }


}

@media screen and (max-width: 532px){
  .history-top .history-in h2{
    margin:0 auto;
    text-align:center;
  }

  .history-top .history-in h2 img{
     padding-bottom:20px;

}  

  .history-top .history-in h2,
  .history-top .history-text-right,
  .history-1 .history-text-left,
  .history-1 .history-text-right,
  .history-2 .history-text-left,
  .history-2 .history-text-right,
  .history-3 .history-text-left,
  .history-3 .history-text-right {
  	float:none !important;
  	width:100% !important;
    padding:10px !important;
  }

  .history-1,
  .history-2,
  .history-3{
    height:850px !important;
  }

  .history-top .history-in img{
    width:60%;
    height:auto;
  }

}