.bor{
  border: 1px solid red;
}
.crd1{
  height: 387px;
  width:235px;
  float: left;
  background: rgba(82,136,217,.10);
  transition: all 0.3s linear;
}
.crd1:hover{
  background: #0077B3;
}

.icns{
height: 100px;
width:100px;
overflow: hidden;
margin-left: 66px;
}
.icns img{
display: block;

width: 100%;
height: 100%;
}
.cnt{
  margin-top: 40%;
  height: 50%;
  transition: margin-top 0.2s linear;
}
.cnt:hover{
  margin-top: 25%;
}
.tx-cnt{
padding-top: 35px;
text-align: center;
}
.tx-cnt p{
font-size: 20px;
}




.image-abt{
  height: 400px;
  width: 49%;
  margin-bottom: 30px;
  float: left;
}
.img-pro{
  width: 390px;
  margin-top: 40px;
  margin-left: -65px;
}

.img-pro img{
  position: relative;
  display: block;
  margin-left: -30px;
  margin-bottom: 23px;
  margin-top: -30px;
  width: 100%;
  height: 100%;
}
.border{
  border: 7px solid white;
}
.description-abt{
  height: 400px;
  width: 49%;
  float: left;
  font-size: 16px;
  line-height: 29px;
  margin-top: 30px;
}
.description-abt p{
  padding-bottom: 10px;
}


.image-abt1{
  height: 400px;
  width: 30%;
  margin-bottom: 30px;
  float: left;
}
.img-pro1{
  height: 250px;
  width: 400px;
  margin-left: 100px;
  margin-top: 60px;
}
.img-pro1 img{
  position: relative;
  display: block;
  margin-left: -30px;
  margin-bottom: 23px;
  margin-top: -30px;
  width: 100%;
  height: 100%;
}
.border1{
  border: 7px solid white;
}
.description-abt1{
  height: 400px;
  width: 58%;
  float: left;
  font-size: 16px;
  line-height: 29px;
  margin-top: 30px;
  padding-left:40px;
}
.description-abt1 p{
  padding-bottom: 10px;
}


@media only screen and (min-width: 980px) and (max-width: 1200px) {}
@media only screen and (min-width: 768px) and (max-width: 959px) {

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

}
@media only screen and (min-width: 320px) and (max-width: 479px) {

}
@media only screen and (max-width: 319px){

}