.itopplus-background {

}
/*เมนูหลักทั้งหมด*/
.navbar-default .navbar-brand {
    color: #fff;
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: none;
    -webkit-box-shadow: 0 3px 0 0 #fff;
    -moz-box-shadow: 0 3px 0 0 #fff;
    box-shadow: 0 3px 0 0 #fff
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #fff
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #fff!important
}

.image-colapse-with-text {
	width:70%;
	float:right;
	padding-right:10%;
	margin-top:-10%;
	margin-bottom:-1px;
}

.image-resize{
	width: 95%;
}

.text-direction{
	display:flex;
	justify-content:center;
	text-align:center;
}

.imagelogo-size {
  width:40%;
}


@media (max-width:480px) {
.navbar-default {
    background: #399451;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #fff;
    background-color: none
}
.itopplus-sidebar-menu-single a:link {
    color: #fff !important;
}
.itopplus-sidebar-menu-single a:active {
    background-color: transparent;
    color: #fff!important;
}
.itopplus-sidebar-menu-single {
    border-bottom: transparent;
}
.itopplus-sidebar-menu-parent a {
    color: #fff !important;
}
.itopplus-sidebar-menu-parent a:active {
    background-color: transparent;
    color: #fff!important;
}
.image-colapse-with-text {
	width:70%;
	float:right;
	padding-right:0%;
	margin-top:0%;
	margin-bottom:-1px;
}
.image-resize{
	width: 100%;
}
.text-direction{
	display:flex;
	justify-content:center;
	text-align:center;
}
.imagelogo-size {
  width:85%;
}

}

@media only screen and (min-width: 481px){
  .navbar-default {
    background: #399451;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #fff;
    background-color: none
}
.itopplus-sidebar-menu-single a:link {
    color: #fff !important;
}
.itopplus-sidebar-menu-single a:active {
    background-color: transparent;
    color: #fff!important;
}
.itopplus-sidebar-menu-single {
    border-bottom: transparent;
}
.itopplus-sidebar-menu-parent a {
    color: #fff !important;
}
.itopplus-sidebar-menu-parent a:active {
    background-color: transparent;
    color: #fff!important;
}
.image-resize{
	width: 100%;
}
.image-colapse-with-text {
	width:70%;
	float:right;
	padding-right:0%;
	margin-top:0%;
	margin-bottom:-1px;
}
.text-direction{
	display:flex;
	justify-content:center;
	text-align:center;
}
.imagelogo-size {
  width:75%;
}

}



@media only screen and (min-width: 768px){
.navbar-default.navbar-fixed .nav {
    display:none
}
.navbar-default {
    background: #399451 !important;
}
.itopplus-sidebar-menu-single a:active {
    background-color: transparent;
    color: #fff!important;
}
.itopplus-sidebar-menu-single {
    border-bottom: transparent;
}
.itopplus-sidebar-menu-parent a:active {
    background-color: transparent;
    color: #fff!important;
}
.image-colapse-with-text {
	width:70%;
	float:right;
	padding-right:0%;
	margin-top:-10%;
	margin-bottom:-1px;
}
.image-resize{
	width: 100%;
}
.text-direction{
	display:flex;
	justify-content:center;
	text-align:left;
}
.imagelogo-size {
  width:50%;
}

}

@media only screen and (min-width: 992px){
.navbar-default {
    background: transparent!important;
}
.navbar-default.navbar-fixed .nav {
    display:block
}
.image-colapse-with-text {
	width:70%;
	float:right;
	padding-right:8%;
	margin-top:-10%;
	margin-bottom:-1px;
}
.image-resize{
	width: 95%;
}
.text-direction{
	display:flex;
	justify-content:center;
	text-align:center;
}
.imagelogo-size {
  width:40%;
}

}

/*เมนูชิดขวา*/
/* 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:right ;
}
.itopplus-menu {
    padding-top: 1%;
    padding-bottom: 1%;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar-default {
    background: transparent!important;
}
.navbar-default.navbar-fixed .nav {
    display:block
}
  
.image-colapse-with-text {
	width:75%;
	float:right;
	padding-right:0%;
	margin-top:-12%;
	margin-bottom:-1px;
}
.image-resize{
	width: 95%;
}
.text-direction{
	display:flex;
	justify-content:center;
	text-align:center;
}
.imagelogo-size {
  width:40%;
}

}


/* 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:right ;
}
.image-colapse-with-text {
	width:75%;
	float:right;
	padding-right:8%;
	margin-top:-11%;
	margin-bottom:-1px;
}
.image-resize{
	width: 95%;
}
.text-direction{
	display:flex;
	justify-content:center;
	text-align:center;
}
.imagelogo-size {
  width:40%;
}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1900px) {
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:right ;
}
.text-direction{
	display:flex;
	justify-content:center;
	text-align:center;
}
.imagelogo-size {
  width:40%;
}

}