*{
  padding: 0px;
  margin: 0px;
}
element:hover, element:active {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-select: none;
-webkit-touch-callout: none /*only to disable context menu on long press*/
}
body {
  font-family: Verdana, sans-serif;
  padding: 0px ;
  margin: 0px;
}
#aboutusmaindiv{
    width: 100%;
    height: auto;
    position: relative;
    display: block;
}
#mainhdng{
  width: 100%;
  height: 95px;
  background-color:#333333;
  color: #ffffff;
}
#mainhdng h1{
  text-align: center;
  font-size: 22px;
  padding: 30px;
}
#tellabouthpk{
    text-align: center;
    margin: 58px auto;
    width: 40%;

}
#tellabouthpk #tellhdngtxt{
  font-weight: bold;
  font-size: 20px;
  color:rgb(44, 35, 32 );
}
#detailtlkhpk{
  width: 78%;
  margin: 0px auto;
  font-family: Poppins, sans-serif;
  background-color: #eeeeee;
  padding: 10px;
}
#detailtlkhpk h4{
    text-align: center;
    color: rgb(44, 35, 32 );
    font-size: 1.2rem;
    font-weight: 400;
    padding: 15px 84px;
}
.abtimg{
  width: 100%;
}
#msnhdng{
    width: 40%;
    color: rgb(44, 35, 32 );
    text-align: center;
    margin: 42px auto;


}
#msnhdng h1{
  text-align: center;
  font-size: 22px;
}
#ourmsnimg{
      margin: 0px auto;
    text-align: center;
}
.abtimg img{
  width: 100%;
  max-width: 80%;
}
.smallinfodata{
    width: 80%;
    margin: 0px auto;
    padding: 44px;
    background-color: #eeeeee;
    text-align: center;
}
.msndetails{
    width: 196px;
    height: 236px;
    margin: 0px 10px 0px 10px;
    background-color: #eeeeee;
    display: inline-block;
    margin:auto;
}
.msnimg img{
     width: 72%;
    height: 139px;
}
.msndetails h4{
  margin-top: 20px;
}
.othrimgouter{
  text-align: center;
  margin-top: 22px;
}
.othmsnimg img{
   width: 100%;
  max-width: 80%;
}

@media (max-width: 780px) {
.abtimg img {
    max-width: 100%;
}
   #tellabouthpk {
    width: 70%;
  }
  #detailtlkhpk {
    width: 100%;
  }
  .smallinfodata {
    width: 100%;
  }
  .abtimg img {
    max-width: 100%;
    height: 100%;
    max-height: 400px;
    min-height: 245px;
  }

  #detailtlkhpk h4 {
    padding: 15px 18px;
  }
  #msnhdng {
    width: 70%;
  }
  .othmsnimg img{
    max-width: 100%;
    height: 100%;
    max-height: 400px;
    min-height: 245px;
  }

}
@media (max-width: 600px) {

#mainhdng{
  position: relative;
  top: 78px;
}

#tellabouthpk{
    margin: 140px auto 80px auto;
 
}    
    
}