@media handheld and screen and (max-width: 1025px) {

body {
padding-top: 70px;
font-family: 'Archivo Narrow', sans-serif;
}


.navbar-fixed-top {
position: initial !important;
}
}
body {
   padding-top: 50px;
}

#header {
font-family: 'Archivo Narrow', sans-serif;
}
#bgmaintext h1{
  margin:5px 0;
  font-size: 16px;
  color:#1b4484;
}
#bgmaintext p{
  font-size: 12px;
  line-height: 14px;
}

#bgmaintext ul li{
    list-style: none; /* Remove list bullets */
      padding: 2px 4px;
      line-height: 16px;
}

#bgmaintext ul li a {

  color: #164C5E;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
      padding: 2px 4px;
}
#bgmaintext ul li a:hover {
  color: #757575;
  background-color: #CCCCCC;
}

.img-hover img {
    -webkit-transition: all .3s ease; /* Safari and Chrome */
  	-moz-transition: all .3s ease; /* Firefox */
  	-o-transition: all .3s ease; /* IE 9 */
  	-ms-transition: all .3s ease; /* Opera */
  	transition: all .3s ease;
    z-index:1000;
}
.img-hover img:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(1.35); /* Safari and Chrome */
    -moz-transform:scale(1.35); /* Firefox */
    -ms-transform:scale(1.35); /* IE 9 */
    -o-transform:translatZ(0) scale(1.35); /* Opera */
    transform:translatZ(0) scale(1.35);
    margin-top:100px;
}


.grayscale {
  -webkit-filter: brightness(1.10) grayscale(100%) contrast(90%);
  -moz-filter: brightness(1.10) grayscale(100%) contrast(90%);
  filter: brightness(1.10) grayscale(100%);
}

.nav > li > a {
  /* padding:10px 10px; */
  color: #6a6a6a;
}

#main-content a{
color:#333333;
}

#bgmaintext,#footer{
  background-image: url(images/bgmaintext.png);
  background-repeat: repeat;
  padding:10px;
    text-align: justify;
  text-justify: inter-word;
}
#footer{
text-align: right;
font-size:10px;
color:#757575;
}

#listaneon h2,#listarthra h2  {
margin:10px 0 0  0px  ;
}
#listaneon ul {
list-style-type: none;
line-height: 12px;
padding:10px 0 0  0;
margin:0;
               }
#listaneon li{
  background: url('images/bullet-arrow.png') no-repeat left top;
   margin:0 0 10px 0px;
   padding-left: 15px;
   color:#757575;
   font-size:12px;
}
#listaneon li a{
font-size:13px;
color:#6A6A6A;
line-height:14px;
padding-left: 2px;

  }
#listaneon li a:hover{
color:#757575;
  }

#bgmaintext h2{
margin: 0px  ;
}


#main-content #listarthra a{
  padding:5px;
  margin:2px;
  color:#ffffff;
  background-color: #164C5E;
  display: block;
  border:1px solid #164C5E;
}

#listarthra ul {
list-style-type: none;
line-height: 16px;
list-style: none;
padding:10px 0 0  0;
margin:0;
               }
#listarthra li{
   margin:0 0 10px 0;
    list-style-type: none;
    list-style: none;
}
#listarthra li a{
  font-size:16px;
color:#121212;
border:1px solid #121212;
display:block;
padding:10px;
  }
#listarthra li a:hover{
color:#F0F0F0;
border:1px solid #CCCCCC;
background-color:#121212;
  }

  #question-category{
    text-align: center;background-color: #EBF2FA;
    font-size:larger;
    font-weight: bolder;
    padding:5px;
  }
#survey_title{
  font-size:x-large;
  font-weight: bolder;
  text-align: center;
  vertical-align: middle;
    line-height: 50px;
}
