.itopplus-background {

}

a {
    color: #222;
}
a:hover {
    color: #00a900;
}

figure.effect-goliath {
    background: #2d9ef3;
}



.dropdown-menu>li>a {
    background-image: none;
    color: #fff!important;
    font-size: 16px;
    font-family: supermarket;
}


.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text {
    color: #fff;
    font-size: 20px;
    font-family: supermarket;
}
.menuVertical .nav-pills>li>a {
    font-size: 20px!important;
    font-family: supermarket;
}


.thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 2px solid #ddd;
    border-radius: 0px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/* เมนู */

.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #ffae12;
    background-color: #ebebeb;
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #ffae12;
    background-color: #ebebeb;
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
    color: #ffae12;
  	background-color: #ebebeb;
}

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

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: #ebebeb;
    color: #ffae12!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:center ;
}

}

/* 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;}g
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:center ;
}

}