.itopplus-background {

}
/*เมนูกึ่งกลาง*/
/* 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 ;
}
.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:center ;
}
.navbar-default {
    background: 0 0
}
}

/*วีดีโอมันไม่เต็ม มือถือ*/
@media (max-width:768px) {
    #mainmenu5a7143ef8a25fc0001cd83b9{
      margin: -10px;;
    }
}

/* เริ่ม */

figure.effect-jazz p {
    padding: 0.5em 1em;
    background-color: #053aff;
}

figure.effect-jazz {
    background: transparent;
}

figure.effect-selena {
    background: transparent;
}




.navbar-default .navbar-nav>li>a {
    font-family: thaisanslite_r1;
    font-size: 26px;
}

.dropdown-menu>li>a {
    font-family: thaisanslite_r1;
    font-size: 24px;
}

.form-horizontal .control-label {
    font-family: thaisanslite_r1;
    font-size: 20px;
}


.form-control {
    font-family: thaisanslite_r1;
}

.btn-default {
    font-family: thaisanslite_r1;
}


.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
    font-size: 18px;
}






















/*รูป */

@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Muli);
.snip1534 {
  font-family: 'Muli', sans-serif;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 10px 5px;
  min-width:center;
  max-width: center;
  width: 100%;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
  background-color: #000000;
}

.snip1534 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip1534 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.75;
}

.snip1534 figcaption {
  z-index: 1;
  align-items: center;
  position: absolute;
  width: 100%;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(4,79,174,0.5);
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
  padding: 20px;
}

.snip1534 figcaption:before {
  content: '';
  width: 20px;
  height: 20px;
  background-color: #fff;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%) rotate(45deg);
  transform: translate(-50%, 50%) rotate(45deg);
  position: absolute;
}

.snip1534 h3,
.snip1534 h5 {
  margin: 0;
  letter-spacing: 1px;
}

.snip1534 h3 {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
}

.snip1534 h5 {
  font-weight: normal;
}

.snip1534 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.snip1534:hover > img,
.snip1534.hover > img {
  opacity: 1;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}














/* เลเอ้า5 */

@media only screen and (max-width: 768px){
.row-fluid [class*=col-sm-5fix] {
   width: 50%!important;
   float:left!important;
  display: inline-grid;
}
}

/*เพิ่มขนาดความยาวของเมนูย่อยในมือถือ*/
@media only screen and (min-width : 320px) {
.navbar-default.navbar-fixed .dropdown-menu {
    max-height: 1000px;
    overflow: scroll;
}
}







/* 3ขีด */

@media only screen and (min-width : 360px) {
.navbar-default .navbar-toggle {
    border-color: #011044;
    border: none!important;
    background: none!important;

}
  
  .text-bar {
    color: #011044!important;
    font-size: 0px!important;
}
  
  .navbar-btn {
    padding: 0 5px !important;
    margin-top: 12px !important;
    margin-bottom: 5px !important;
    border-width: 2px !important;
}
}