@media (min-width: 1200px){
div li a {color: #fff; text-decoration-line: none;}
#SerList {margin-right: 250px;}
#contact_form {width: 50%; float: right; margin-bottom: 20px; padding-left: 15px;}
.box {height:245px; padding: 2px; margin: 5px 5px; text-align: center; float:none; overflow: hidden; display: inline-block;}
.divider {width: auto; height: 50px;}
}

@media (min-width: 992px) and (max-width:1199px){
a {color: #fff; text-decoration-line: none;}
#SerList {margin-right: 200px;}
#contact_form {width: 50%; float: right; margin-bottom: 20px; padding-left: 15px;}
.box {height:200px; padding: 2px; margin: 5px 5px; text-align: center; float:none; overflow: hidden; display: inline-block;}
.divider {width: auto; height: 50px;}
}

@media (min-width: 768px) and (max-width:991px) {
a {color: #fff; text-decoration-line: none;}
#contact_form {width: 100%; float: right; margin-bottom: 20px;}
.box {height:158px; padding: 2px; margin: 0px; text-align: center; float:none; overflow: hidden; display: inline-block;}
.divider {width: auto; height: 50px;}
}
@media (max-width: 767px) and (min-width:481px) {
.container{max-width:715px; min-width: 320px; padding-left: 5px; padding-right: 5px;}
.container>.navbar-header {margin-right: -15px; margin-left: 0px;}
a {color: #fff; text-decoration-line: none;}
#contact_form {width: 100%; float: right; margin-bottom: 20px;}
.box {height:220px; padding: 2px; margin: 5px 20px; text-align: center; float:none; overflow: hidden; display: inline-block;}
.divider {width: 0px; height: 0px;}
}
@media (max-width: 480px){
.container{max-width:480px; min-width: 320px; padding-left: 5px; padding-right: 5px;}
.container>.navbar-header {margin-right: -15px; margin-left: 0px;}
a {color: #fff; text-decoration-line: none;}
#contact_form {width: 100%; float: right; margin-bottom: 20px;}
.box {height:220px; padding: 2px; margin: 5px 20px; text-align: center; float:none; overflow: hidden; display: inline-block;}
.divider {width: 0px; height: 0px;}
}
/* Navigation bar Top */
#navbar li.current a {background-color: #ffc107; color: #000;}
#navbar li a {color: #fff;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
#ssdCur {color: #000; background: #ffc107; margin-left: 10px;}
#ssd {color: #fff; margin-left: 10px;}
.current {color: #000; background: #ffc107;}
.navbarssd {background-color: rgb(0, 0, 0);	background-image: none;}

/* General */
html {overflow-y: scroll;}
body {color: #fff; background-color: #000;}
p {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 15px; font-weight: 600;}
.logo {height: 50px; width: 50px; float: left; background-color: black;}
.div_border {width: 100%; margin-bottom: 20px; border-color: #ffc107; border-width: 2px; border-style: solid;}
.div_border > div {margin-right: 0px;}

/* bx-slider */
.bx-wrapper .bx-controls-auto {position: absolute; bottom: 0px;}
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #ffc107;}
.bx-wrapper .bx-viewport {border: 5px solid #ffc107; left: 0px;}


/* Grid/Layout for Images */
.mbox {/*display: table-cell;*/ vertical-align: middle; padding-bottom: 20px; text-align: center;}

.box img{ max-height: 100%; max-width: 100%; height: 100%; vertical-align: middle;}
#mboxw {display: table-cell; vertical-align: middle; text-align: center;}
.boxw {min-width: 300px; max-width:320px; height:174px; background: black; padding: 2px; margin: 2px; text-align: center; float:none; overflow: hidden; display: inline-block;}
.boxw img{max-height: 100%; max-width: 100%; vertical-align: middle;}

.listmargin{margin-bottom: 12px;}

/* Navigation bar Bottom */
.navbar-fixed-bottom{background-color: rgb(0, 0, 0);}

.navbar-bottom {display: inline-block; margin: 0px 0px 0px 0px; vertical-align: middle;}
.twhite a{color: #fff;}

.smedia {width:20px; height: 20px; display: inline-block; cursor:pointer;}
.smedia img {width: 100%;}

.cd-main { text-align: center; width: 100%; margin: 0 auto; float:left; margin-bottom: 5px;}
.cd-first { display: inline-block; margin: 0px; margin-bottom:5px; float:none; width:280px; height:162px; overflow: hidden;}
.cd-second { float:none; display: inline-block; margin: 3px; width:47%; height:75%; overflow: hidden;}
.cd-second img{ max-height: 100%; max-width: 100%; height:100%; width:100%; vertical-align: middle;}
.cd-title { width:100%; margin:0px; margin-bottom:3px; text-align: center; border: 1px #929292; border-style: solid;}
.cd-title > h4 {margin-top: 5px; margin-bottom: 5px;}

.dwg-main { width:100%; text-align: center; margin: 0 auto; float:left; margin-bottom: 5px;}
.dwg-first { width:100%; display: inline-block; margin: 0px; float:none; overflow: hidden;}
.dwg-second { float:none; display: inline-block; min-width: 310px; max-width:49.73%; overflow: hidden; background-color: #ffc107; padding: 1%;}
.dwg-second img{ max-height: 100%; max-width: 100%; height:100%; width:100%; vertical-align: middle; }

.dwg-part {float:none; display: inline-block; min-width: 310px; max-width:33%; overflow: hidden; background-color: #ffc107; padding: 1%;}
.dwg-part img{ max-height: 100%; max-width: 100%; height:100%; width:100%; vertical-align: middle; }

.dwg-title {width:100%; margin:0px; margin-bottom:10px; text-align: left; padding:5px; background-color: #ffc107}
.divtitle {width:90%; display: inline-block;}
.divtitle > h4 {margin-top: 0px; margin-bottom: 0px;}
.divtoggle_btn {width:10%; font-size: 20px; font-weight: bolder; display: inline-block; text-align: center; cursor:pointer;}

.slogan01 {text-align:center; color:black; min-width:100%; height:34px; padding: 0px; border: 1px #929292; border-style: solid;}