.itopplus-background {

}

a {
    color: #ff0000;
}
a:hover {
    color: #000;
}

.itopplus-footer a {
    color: #4d4d4d;
}

.itopplus-footer a:hover {
    color: #095fa8;
}

.boderedlayoutClient {
    border-top: 0px dashed transparent;
    border-left: 0px dashed transparent;
    border-right: 0px dashed transparent;
    border-bottom: 0px dashed transparent;
}


................................./* อัลบัม ใช้เฟเฟ็ bubba*/...................................




figure.effect-bubba figcaption::before {
    border-top: 0px solid;
    border-bottom: 0px solid;
    -webkit-transform: scale(0,0);
    transform: scale(0,0);
}

figure.effect-bubba figcaption::after {
    border-right: 0px solid;
    border-left: 0px solid;
    -webkit-transform: scale(0,0);
    transform: scale(0,0);
}
.grid figure.effect-bubba figcaption:hover{
    background-color: rgba(0, 0, 0, 0.41);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  
}

figure.effect-bubba h2 {
    padding-top: 55%;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
}


figure.effect-bubba:hover figcaption::after, figure.effect-bubba:hover figcaption::before {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
}

figure.effect-bubba p {
    opacity: 0;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
    text-transform: initial;
}

figure.effect-bubba:hover h2, figure.effect-bubba:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    font-style: ;
    text-transform: initial;
}


................................./* อัลบัม*/...................................


.boderedlayoutClient {
    border-top: 0px dashed transparent;
    border-left: 0px dashed transparent;
    border-right: 0px dashed transparent;
    border-bottom: 0px dashed transparent;
}

@media (max-width:768px) {
    .itopplus-main {
    background: rgba(245,245,245,0.9);
}
  .itopplus-banner {
    background-color: #ffffff;
}
}

.navbar-default .navbar-toggle {
    border-color: #095fa8;
}

.itopplus-banner2 {
    background-color: #ffffff;
}

.navbar-default {
    background: #095fa8;
    border-radius: 0;
}

/*เมนูกึ่งกลาง*/
/* 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 ;
}
.itopplus-banner {
    background-color: #095fa8;
}
.itopplus-head {
    position: absolute;
    width: 100%;
    z-index: 100;
    margin-top: 50px;
      margin-left: -0px;
}
}

/* 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:center ;
}
.itopplus-banner {
    background-color: #095fa8;
}
.itopplus-head {
    position: absolute;
    width: 100%;
    z-index: 100;
    margin-top: 50px;
      margin-left: -80px;
}
}