.itopplus-background {

}
.navbar-default .navbar-nav>li>a {
    font-size: 12px;
}

.navbar-default {
    background: #fffff!important;
    color: #c5b358;
}

.navbar-default .navbar-toggle .icon-bar{
    background-color: #c5b358!important;
}

.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #000!important
}

.text-bar {
    color: #c5b358!important
}

.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #000!important
}

.navbar-default .navbar-brand, .navbar-default .navbar-nav>li>a, .navbar-default .navbar-text {
    color: #c5b358;
    font-family: Georgia;
}

.menuVertical .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background: transparent;
    color: #c5b358;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background: #fffff;
    color: #c5b358;
}

.itopplus-menu{
	margin-top: 50px;
}

.itopplus-search{
	right: 0px;
}


.nav>li>a {
    padding: 10px 22px;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
     color: #c5b358;
background: transparent;
    font-family: Georgia;
   border-bottom : 1px solid #c5b358;
}

.dropdown-menu>li>a {
    font-family: Georgia!important;
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {

h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:left ;
}

  .navbar-default {
    background: 0 0
}
  
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1366px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
  
  
}
#main-navbar-collapse{
  text-align:left ;
}
  
  .thumbs {
    display: block;
    margin-bottom: 0px;
    line-height: 1.42857143;
    background-color: transparent;
    border: none;
    box-shadow: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
  
  .Contentmanager .site .col-section .item.-micro a .caption .title {
    margin-bottom: 10px;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.2em;
    color: #444;
    font-family: THSarabunNew;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.Contentmanager .site .col-section .item.-micro a .caption .time {
    margin-bottom: 10px;
    font-size: 1.4em;
    color: grey;
    font-family: THSarabunNew;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
    font-family: THSarabunNew;
    font-size: 1.5em;
}
  
  #Contentmanager .post-time {
    font-size: 18px;
    color: #666;
}
  
  .nav-template li {
    list-style: none;
    display: inline;
    float: left;
    padding: 5px;
    margin: 0;
    font-size: 18px;
    font-family: THSarabunNew;
}
  
  .nav-template li a {
    color: #333;
    font-size: 18px;
}
  
  .btn-sm p {
    font-size: 18px;
    line-height: 1;
}
  
  .camera_commands, .camera_next, .camera_nextThumbs, .camera_prev, .camera_prevThumbs, .camera_thumbs_cont {
       background: transparent;
   
}

.camera_thumbs_cont {
       background: #d8d8d8;
   
}
  
 .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 0px;
    height: 0px;
    margin-top: -15px;
    font-size: 0px;
    color: transparent;
}
  
  

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #000!important;
    background-color: #c5b358;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  
  .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background: #c5b358!important;
    color: #000;
}

