@media only screen and (max-width: 1199px){}
@media only screen and (max-width: 991px){}
@media only screen and (max-width: 767px){}
@media only screen and (max-width: 575px){
	.head-bottom {
  background-image: url(../images/sunset.jpg);
  background-size: 509%;
  background-position: 814px 0px;
}
.foot {
  background-image: url(../images/digital-grid-background.jpg);
  background-size: 339%;
  padding: 50px;
  color: white;
  background-position: 770px 0px;
}
.principal {
  padding: 55px 0;
  background-image: url(../images/bg.jpg);
  background-size: 194%;
  background-position: -48px 2px;
}
 .counter-section .row{
  display: inherit;
}
.mission {
  background-image: url(../images/bgi.jpg);
  background-size: 190%;
  padding: 50px 0;
}
.important-information-area img {
  margin-left: 28%;
  margin-top: 18px;
}
.misspad {
  padding: 20px;
}
.box-corner button {
  margin: 3px 0;
  padding: 7px 29.6px;
  background-image: linear-gradient(to right, #e6e3e3,#ececec);
  border: none;
  color: #6a6a6a;
  font-size: 12px;
  font-weight: 700;
  border-radius: 10px;
}
.principal img {
  width: 50%;
  box-shadow: -15px 15px 8px 4px #80808038;
  border: 6px solid #3e1700;
  margin-bottom: 23px;
}
}