.affix{
      top: 0;
      width: 100%;
      box-shadow: 0px 1px 0px #456600;
      z-index: 1000;
  }
 .affix .navbar-brand img {
   height: 40px; 
   -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
}
  .affix + .container-fluid {
      padding-top: 10px;
  }
  .top_bar { min-height:40px; /* 
background: darkred; /* Old browsers */
background: -moz-linear-gradient(left, #fff 0%, #ffd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fff 0%,#ffd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fff 0%,#ffd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ffd',GradientType=1 ); /* IE6-9 */}
.social { list-style-type:none; margin-bottom:0px; float:left; padding:0px; margin-left:0px;}
.social li { float:left;}
.social li a { padding:0 10px; font-size:12px; line-height:40px; color:#FFF;}
.rightc { list-style-type:none; margin-bottom:0px; float:right;}
.rightc li { margin:0px 10px; font-size:12px; float:left; line-height:40px; color:#000;}
.rightc li a {   color:#FFF; }
.navbar-brand img { margin-top:0px; margin-left:0px;}
.navbar-brand {padding:0px;}
.header_image { margin-top:-70px; float:left;}
.navbar-nav.navbar-right span { font-style:italic; font-weight:300; color: #000;}
.navbar-right li a { font-size:12px; line-height: 35px; border-bottom: none; font-weight: bold;}
.navbar-right li:hover a { font-size:12px; background: #fff; color: #000 !important;}
.navbar-right li:active { font-size:12px; color: #000 !important;}
.navbar-right li:active a { font-size:12px;  background: #fff; color: #000; border-bottom: none; color: #000 !important;}
.navbar-right li:active a:visited { font-size:12px; color: #000 !important;}
.navbar-right li:active a:hover {font-size:12px;border-radius: 0px 0px 10px 10px;border-bottom-width: 50%; background: #ddd; color: #111 !important;}
.navbar-right li:active a:active {font-size:12px; color:black; border-radius: 0px 0px 10px 10px;border-bottom-width: 50%; background: #ddd; color: #111 !important;}
.navbar-right li a:hover {color: #111; font-size:12px; background: #ddd; color: #111 !important;}
.bg-primary
{
background: #1087DD;
}
nav> div >div >ul> li >a{
  color: #fff;
}
.navbar{
  border-radius: 0px;
  border-bottom: none;
  background: #0070ED;
}
.top_bar{
  background: #0070ED;
  color: #fff;
}
@media screen and (min-width: 0px) and (max-width: 500px) {
  #my-content{ display: none; }  
}
@media screen and (min-width: 501px) and (max-width: 2400px) {
  #my-content{ display: block; }   
}
@media screen and (min-width: 0px) and (max-width: 500px) {
  #my-content1{ display: block; }  
}
@media screen and (min-width: 501px) and (max-width: 2400px) {
  #my-content1{ display: none; }   
}
#abcx{
  margin: 0px; padding: 8px; background: #fff; border-right: thin solid #cde; min-height: 1200px; height: auto;
}