.details .left{
  width: 50%;
}
.details .right{
  width: 50%;
}
.details h2{
  padding-bottom: 30px;
}
.details p{
  line-height: 1.4;
}
#wi{
  padding-right: 20px;
}
#w{
  padding-left: 20px;
}
.img{
  margin-top: -120px;
  width: 140%;
}
.sec{
  padding-bottom: 40px;
}
/*media query responsive for tablet*/
@media screen and (max-width:767px){
  .details h2 {
    padding-bottom: 10px;
}
.details .left {
    width: 100%;
}
.details .right {
    width: 100%;
}
.or1{
  order: 2;
}
.or2{
  order: 1;
}
.details p{
  padding-bottom: 10px;
}
.img {
    margin-top: -44px;
    width: 100%;
}
.sec {
    padding-bottom: 0px;
}
}