@import "ddmenu.css";
@import "ddmenu.js";

.pdf {
  color: Red;
  font-size: larger;
}

.pdf:hover {
  color: blue;
}

.colorchange {
  font-family: cursive;
  font-color: Red;
}

.data {
  color: red;
  animation-name: example;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
@keyframes example {
  0% {
    background: #1583e9;
  }
  25% {
    background: red;
  }
  50% {
    background: #17a2b8;
  }
  100% {
    background: green;
  }
}

.headertop {
  margin-top: -247px;
}
@media only screen and (max-width: 600px) {
  .headertop {
    margin-top: 0px;
  }

  .header-area {
    position: fixed;
    z-index: 600;
    width: 95%;
    left: 0;
    top: 0;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    margin-left: -5px;
  }
  .freedemo {
    margin-top: 256px;
    float: left;
    margin-left: 63px;
    position: absolute;
    right: 208px;
    margin-bottom: -193px;
  }

  .mobilelogo {
    margin-top: 99px;
    text-align-last: center;
    margin-bottom: -20px;
  }

  .socialinfo {
    display: none;
  }

  .section-padding-80-0 {
    padding-top: 215px;
    padding-bottom: 0;
  }
}
@media only screen  and (max-width: 450px) {
  #ddmenu .menu-icon {
    font-size: 32px;
    display: block;
    position: relative;
    width: 44px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    background-color: #007bff;
    border-radius: 0px;
    margin-bottom: 6px;
       margin-left: 370px;
    margin-right: auto;
    margin-top: 40px;
  }
}
@media only screen  and (max-width: 375px) {
  #ddmenu .menu-icon {
    font-size: 32px;
    display: block;
    position: relative;
    width: 44px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    background-color: #007bff;
    border-radius: 0px;
    margin-bottom: 6px;
     margin-left: 320px;
    margin-right: auto;
    margin-top: 4px;

  }
}

#ddmenu .dd-inner {
  text-align: justify;
  padding: 20px;
  margin: 0px;
  background: none repeat scroll 0 0 #0003;
  left: 0;
  margin-top: 3px;

  width: 100%;
  padding: 15px;

  white-space: nowrap;
  font-size: 13px;
}
#ddmenu .column {
  text-align: left;
  vertical-align: top;

  zoom: 1;
  /* min-width: 198px; */
  width: auto;
  min-width: 265px;
  padding: 0 30px;
  border-right: 1px solid #999;
}

#ddmenu .dd-inner {
  text-align: justify;
  padding: 20px;
  margin: 0px;
  background: none repeat scroll 0 0 White;
  left: 0;
  margin-top: 3px;
  width: 100%;
  padding: 15px;
  white-space: nowrap;
  font-size: 13px;
}

#ddmenu .dropdown a {
  color: #205081;
  line-height: 1;
  text-decoration: none;
  transition: color 0.4s;
  line-height: 30px;
  font-family: Corbel;
  font-size: medium;
}

@media only screen and (max-width: 900px) and (min-width: 576px) {
  #ddmenu .full-width .dropdown {
    margin-left: -400px;
  }
}

@media only screen and (max-width: 900px) and (min-width: 576px) {
  #ddmenu .column li {
    width: 237px;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 576px) {
  #ddmenu .menuside {
    margin-left: -220px;
    margin-right: -183px;
  }
}

.mminner {
  margin-left: 8px;
}