/* CSS Document */

body {
font-family: 'Jost', sans-serif;
font-family: 'PT Sans', sans-serif;
font-family: 'PT Sans Narrow', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Sarabun', sans-serif;
}


.logo {
    padding: 2 px 0;
}

.logo img {
    width: 100%;
    margin-top: 17px;
}

.top_banner img {
    padding: 23px 0;
    width: 100%;
}

.nav_sec {
    background-color: #090c79;
    margin: 5px 0;
}

nav.navbar.navbar-default {
    margin: 0;
    border: 0;
    padding: 0;
}

.navbar-nav li a.active {
    background-color: #b5061f;
}
div#bs-example-navbar-collapse-1 {
    background: #090c79;
}
.navbar-nav li a {
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
}

.top_brands {
	color: #fff;
    padding: 20px 0;
}

.brand_1 {
    text-align: center;
}

.brand_1 img {
    width: 100%;
    border-radius: 18px;
}

.brand_1 button.btn.btn-danger {
    background-color: #1160a5;
    padding: 7px 8px;
    font-size: 15px;
}

.brand_1 button.btn.btn-default {
    background-color: #19b354;
    padding: 7px 10px;
    color: #fff;
    font-size: 14px;
    box-shadow: 1px 1px 4px 1px #fff;
}

.top_content{
	padding:20px 0;
}


.left_top {
    margin: 27px 0;
    border: 3px solid #000;
    padding: 10px;
    box-shadow: 1px 1px 8px 3px #615555;
    border-radius: 15px;
    text-align: center;
    background-color: #fff;
}

.left_top img {
    width: 100%;
    border-radius: 16px;
}

button.btn.btn-danger {
    background-color: #28b1de;
    border-color: #28b1de;
    padding: 6px 12px;
    font-size: 18px;
    margin: 9px 0;
    box-shadow: 1px 1px 5px 1px #fff;
}

.right_1 span {
    color: #0852af;
    font-size: 15px;
}
.right_top {
    border: 3px solid #0a1288;
    padding: 19px 0 0 0;
    box-shadow: 1px 1px 3px 1px #615555;
    border-radius: 15px;
    background-color: #fffef5;
    text-align: center;
}

.small_sec {
    margin: 27px 0;
    text-align: center;
	}

.top_sec1 {
    background-image:url(../images/bg-f.jpg);
}


.top_sec {
    background-color: #f3f3f3;
	background-attachment:fixed;
	background-size:cover;
}


.right_top button.btn.btn-danger {
    background-color: #0a1288;
    border-color: #207c42;
    padding: 8px 21px;
    font-size: 20px;
}

.right_top button.btn.btn-default {
    padding: 8px 21px;
    background-color: #595959;
    color: #fff;
    font-size: 20px;
}

.table_sec{
background-attachment:fixed;
background-size:cover;
}

table.table.table-hover {
    background-color: #090c79;
    margin: 20px 0;
    text-align: center;
    border-radius: 40px;
    box-shadow: 1px 3px 9px 1px #988888d9;
}

table.table.table-hover tr td {
    vertical-align: middle;
}

table.table.table-hover tr th {
    text-align: center;
    font-size: 19px;
    color: #ffc800;
}

button.btn.btn-primary {
    padding: 7px 9px;
    font-size: 15px;
    background-color: #8cad74;
}

.table_sec button.btn.btn-info {
    background-color: #dd9606;
    padding: 7px 12px;
    font-size: 15px;
    border-radius: 43px;
    border-color: white;
}

table.table.table-hover img {
    box-shadow: 1px 1px 7px 1px #716363f7;
    border-radius: 62px;
}

table.table.table-hover tr td span {
    color: #f5c411;
    font-weight: bold;
    font-size: 18px;
}


table.table.table-hover tr td h5 {
    font-size: 14px;
    color: #00f3ff;
}

button.btn.btn-info {
    background-color: #8d22d8;
    padding: 7px 12px;
    font-size: 15px;
}

.table_sec button.btn.btn-primary {
    background-color: #157223;
    border-color: #ffffff;
    padding: 7px 6px;
    font-size: 17px;
    border-radius: 37px;
}

.right_1 {
    border: 1px solid #000;
    text-align: center;
    padding: 19px;
    font-weight: bold;
    color: #c35860;
    font-size: 15px;
    margin: 20px 0;
    background-color: #efefef8a;
    box-shadow: 1px 2px 5px 1px #000;
    border-radius: 21px;
}

.right_1 img {
    width: 100%;
    margin-bottom: 16px;
}

.right_1 button.btn.btn-danger {
    background-color: #5305c3;
    padding: 8px 12px;
    font-size: 13px;
    border-radius: 32px;
}

.right_1 button.btn.btn-default {
    padding: 8px 6px;
    background-color: #12543a;
    color: #fff;
    font-size: 13px;
    border-radius: 33px;
}

.long_banner {
    padding: 25px 0;
}

.long_left img {
    width: 100%;
}

.long_right img {
    width: 100%;
}
.content_sec {
    background-color: #e7e7e7;
}
.content_sec h5 {
    background-color: #000000;
    padding: 10px;
    font-size: 18px;
    color: #fff;
}


.content_1 p {
    font-size: 17px;
    line-height: revert;
}
.content p {
    font-size: 17px;
}

.content {
    box-shadow: 1px 1px 4px 1px #000;
    padding: 13px;
    margin-top: 17px;
    border-radius: 9px;
    background: #fff;
}

.inner_pages{
	margin-bottom:20px;
}

.inner_pages a {
    display: block;
    text-decoration: none;
    padding: 10px;
    border-bottom: 1px solid white;
    font-size: 18px;
    background-color: #090c79;
    color: #ffeb00;
    box-shadow: 1px 1px 2px 1px #616161;
    margin-bottom: 13px;
    border-radius: 31px;
}

.footer_sec {
    background-color: #63018e;
    text-align: center;
}
.footer_1 h3 {
    font-size: 20px;
    color: #fff;
}
.footer_1 h3 a {
    font-size: 20px;
    color: #fff;
}
.footer_1 img {
    width: 6%;
    border-radius: 17px;
}

/*--------media query---------*/

@media only screen and (max-width:1199px){

.navbar-nav li a {
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 500;
    padding: 15px 13px;
}

.right_top img {
    width: 94%;
}

.right_1 button.btn.btn-danger {
    background-color: #27af5b;
    padding: 8px 6px;
    font-size: 11px;
}

.right_1 button.btn.btn-default {
    padding: 8px 3px;
    background-color: #fa1e4e;
    color: #fff;
    font-size: 11px;
}

.small_sec img {
    width: 100%;
    margin-bottom: 10px;
}

.inner_pages a {
    padding: 10px;
    border-bottom: 1px solid white;
    font-size: 15px;
}

.brand_1 button.btn.btn-danger {
    background-color: #1160a5;
    padding: 7px 8px;
    font-size: 12px;
} 

.brand_1 button.btn.btn-default {
    padding: 7px 7px;
    color: #fff;
    font-size: 12px;
}

}

@media only screen and (max-width:991px){

.navbar-nav li a {
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 500;
    padding: 15px 6px;
}

.right_1 button.btn.btn-danger {
    background-color: #27af5b;
    padding: 8px 8px;
    font-size: 14px;
}

.right_1 button.btn.btn-default {
    padding: 8px 7px;
    background-color: #fa1e4e;
    color: #fff;
    font-size: 14px;
}

.right_1 span {
    color: #0852af;
    font-size: 25px;
}


table.table.table-hover tr td img {
    width: 100%;
}

table.table.table-hover tr td span {
    font-size: 17px;
    font-weight: bold;
    color: #c20d0d;
}

.table_sec button.btn.btn-info {
    padding: 7px 15px;
    font-size: 13px;
}

.table_sec button.btn.btn-primary {
    padding: 7px 5px;
    font-size: 13px;
}

table.table.table-hover tr th {
    text-align: center;
    font-size: 14px;
}

table.table.table-hover tr td img {
    width: 88%;
}

table.table.table-hover tr td span {
    font-size: 14px;
    font-weight: bold;
    color: #c20d0d;
}

.content_sec h5 {
    padding: 10px;
    font-size: 28px;
    color: #fff;
    text-align: center;
}

.inner_pages a {
    padding: 10px;
    border-bottom: 1px solid white;
    font-size: 22px;
    text-align: center;
}

.footer_sec {
    background-color: #000;
    text-align: center;
    margin-top: 15px;
}


}

@media only screen and (max-width:767px){

.logo {
    padding: 10px 0;
    text-align: center;
}

.logo img {
    width: 90%;
}

.top_banner img {
    padding: 7px 0;
    width: 100%;
}

.navbar-default {
    background-color: #000000;
    border-color: #e7e7e7;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

table.table.table-hover tr td img {
    width: 93%;
}

table.table.table-hover tr td span {
    font-size: 15px;
    font-weight: bold;
    color: #c20d0d;
}

button.btn.btn-info {
    background-color: #8d22d8;
    padding: 7px 6px;
    font-size: 15px;
}

.table_sec button.btn.btn-info {
    background-color: #065331;
    border-color: #065331;
    padding: 7px 15px;
    font-size: 13px;
}

.table_sec button.btn.btn-primary {
    background-color: #9f0606;
    border-color: #9f0606;
    padding: 7px 10px;
    font-size: 14px;
}

table.table.table-hover tr th {
    text-align: center;
    font-size: 13px;
}

button.btn.btn-primary {
    padding: 7px 5px;
    font-size: 14px;
    background-color: #8cad74;
}

.long_left {
    margin-bottom: 14px;
}

.small_sec {
    margin: 15px 0;
    text-align: center;
}

.content h1 {
    text-align: center;
}

}

@media only screen and (max-width:639px){

.right_1 span {
    color: #0852af;
    font-size: 38px;
}

button.btn.btn-info {
    background-color: #8d22d8;
    padding: 7px 2px;
    font-size: 12px;
}

button.btn.btn-primary {
    padding: 7px 2px;
    font-size: 12px;
    background-color: #8cad74;
}

.right_top button.btn.btn-danger {
    background-color: #0a1288;
    border-color: #207c42;
    padding: 8px 15px;
    font-size: 16px;
}

.right_top button.btn.btn-default {
    padding: 8px 12px;
    background-color: #595959;
    color: #fff;
    font-size: 16px;
}

table.table.table-hover tr td span {
    font-size: 12px;
    font-weight: bold;
    color: #c20d0d;
}

.table_sec button.btn.btn-info {
    padding: 7px 5px;
    font-size: 9px;
}

.table_sec button.btn.btn-primary {
    padding: 7px 3px;
    font-size: 12px;
}

table.table.table-hover tr th {
    text-align: center;
    font-size: 12px;
}

.content h1 {
    text-align: center;
    font-size: 28px;
}

.footer_1 h3 {
    font-size: 14px;
    color: #fff;
}

}

@media only screen and (max-width:479px){

table.table.table-hover tr td span {
    font-size: 8px;
    font-weight: bold;
    color: #c20d0d;
}

table.table.table-hover tr th {
    text-align: center;
    font-size: 8px;
}

button.btn.btn-primary {
    padding: 7px 2px;
    font-size: 9px;
}

.table_sec button.btn.btn-primary {
    padding: 7px 3px;
    font-size: 9px;
}

.right_1 span {
    color: #0852af;
    font-size: 22px;
}

button.btn.btn-info {
    background-color: #bb080a;
    padding: 7px 2px;
    font-size: 8px;
}

.content h1 {
    font-size: 18px;
}

.logo img {
    width: 100%;
    margin-top: 3px;
}

.footer_1 h3 {
    font-size: 16px;
    color: #fff;
}

}