@charset "utf-8";
/* CSS Document */

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1158px) {
	body{ overflow-x:hidden;}
}
@media only screen and (min-width: 960px) {
	#footer_right p a:first-child{display:none;}

}

@media screen and (min-width:768px) and (max-width:960px) {
.special_page_left {
    width: 64% !important;
}
.special_page_right {
    padding: 0 3%;
    width: 30% !important;
}
.logo{margin: 13px 0 0 10px;}
.special_page_right img {
    height: auto;
}
#intro, #banner-fade1{ height:41px !important;}
.searchform{ float:right !important;}
.quote1 {
    float: left;
    padding-bottom: 30px;
    text-align: center;
    width: 50%;
}
#menuInfo{ display:none;}
.menu_right #menuInfo, #top_login, .body_bottom_right{ display:none;}
.popup_desc .popup-body {
    min-height: 0;
}
#popup2 .popup-body {
    margin: 5%;
}
#popup2 .popup-body {
    width: 90%;
}

.flex-control-nav li {
    background: #000 none repeat scroll 0 0;
    border-radius: 14px;
   height: 16px !important;
    margin: 0 3px !important;
    width: 16px !important;
}

.flexslider-controls {
    margin: 51px auto !important;
    width: 95px;
}
.topshadow {
    display: none !important;
}
#footer_right img {
    width: 87px;
}
#menu{ float:left; left:0;padding:0;width: 48%; display:none;}
#simple-menu{display:block;}
#warp{	width:95%;}
#menu_head{ width:100%; position:static;}
#header{ padding-bottom:11px; height:auto;}
#menu_left{ text-align:center;}
#menu_right{ width:79%;}
#menuInfo{width: 367px; margin-right:1%;}
#menu{ float:right; left:0;padding:0;width: 48%;}
.slides img{ width:100%;}
.box{ width:100% !important; margin:0 0 10px 0 !important;position: relative;}
.stencils, .fixtures, .rework{ position:absolute; width:100%; height:100% !important;}
.body_bottom .body_bottom_cnt1{ width:96%; margin:0 2%;}
.body_bottom_right { text-align: center;  width: 100%;margin: 0 !important; padding-top: 15px !important}
#body_content .body_bottom{ width:96%; padding:0 2%;}
.body_bottom .body_bottom_cnt{width: 73%;}
.body_bottom .body_bottom_cnt1{width: 100%; margin:0;}
.cele1 {  float: left;  width: 33%;}
.body_bottom_cnt.year { width: 100%;}
#footer_left, #footer_right p, .body_bottom_left{ width:100%; margin:0; text-align:center;}
#footer_left img, #footer_middle p, #footer_right p, #footer_right p img{ float:none;}
#footer_middle,  #footer_right{  margin: 0;  text-align: center;  width: 100%;}
/* #menu li:hover .align_right2, #menu li:hover .align_right, #menu li:hover .align_right1 {	right:auto;	left:-78px;	top:auto;} */
.popup_desc .popup-body { margin: 0 auto; position: static; width: 90%;}
#body_content .one_third1, #body_content .two_third{ width: 100%; margin:0;}
.map { width: 64%;}
.sub_banner .sub_banner_left{ margin: 20px 0 0; width: 44%;}
.sub_banner .sub_banner_right{ padding:0;}
.res_one_third{ width:100% !important;}
.res_one_third .image-row{ width:50%; float:left;}
.thick-tab img{ width:100%;}

#body_content .one_third a .fixtures {
    background: rgba(0, 0, 0, 0) url("../images/fixtures.png") no-repeat scroll center bottom;
}

#body_content .one_third a .rework {
    background: rgba(0, 0, 0, 0) url("../images/rework.png") no-repeat scroll center bottom;
}

#moreHint {
    display: none;
}
#footer_left{
display:none;
}

#footer_right a {
    padding: 0 10px;
}
.para_quote{
	margin-top:-11px !important;
	margin-left:63px !important;
}
.hide_show2{ display:block !important; width: 100% !important;}
.hide_show1{ display:none;}

.hide_show2 .image-row {
    float: left;
    width: 50%;
}
#fixedNetwork {
    background: none repeat scroll 0 0 #e5e5e5;
    float: left;
    height: auto;
    padding: 20px 0;
    position: static;
    text-align: center;
    width: 100%;
}
}

@media screen and (max-width:767px) {
.logo{margin: 13px 0 0 10px;}
.special_page_left {
    width: 100% !important;
}
.special_page_right {
    padding: 0 3%;
    width: 94% !important;
}
#fixedNetwork {
    background: none repeat scroll 0 0 #e5e5e5;
    float: left;
    height: auto;
    padding: 20px 0;
    position: static;
    text-align: center;
    width: 100%;
}
.body_bottom_right{ display:none;}
#intro, #banner-fade1{ height:41px !important;}
#menuInfo{ display:none;}
.menu_right #menuInfo{ display:none;}
.flexslider-controls {
    margin: 51px auto !important;
    width: 95px;
}
.quote1 {
    float: left;
    padding-bottom: 30px;
    text-align: center;
    width: 50%;
}
.popup_desc .popup-body {
    min-height: 0;
}
.popup-body .popup-content {
    height: 197px;
    overflow: scroll;
    padding: 0 20px !important;
}
#popup2 .popup-body {
    margin: 5%;
}
#popup2 .popup-body {
    width: 90%;
}
.sub_banner .sub_banner_right h1 {
    line-height: 51px;
}
.flex-control-nav li {
    background: #000 none repeat scroll 0 0;
    border-radius: 14px;
    height: 16px !important;
    margin: 0 3px !important;
    width: 16px !important;
}

.flexslider-controls {
    margin: 0 auto;
    width: 95px;
}
.topshadow {
    display: none !important;
}
#footer_right img {
    width: 87px;
}

#footer_right a {
    padding: 0 10px;
}
#menu{ float:left; left:0;padding:0;width: 48%; display:none;}
#simple-menu{display:block;}
#warp{	width:95%;}
#menu_head{ width:100%; position:static;}
.flex-control-nav li {
    width: 16px !important;
}
#header{ padding-bottom:11px; height:auto;}

.logo{ float:none;text-align: center;}
#menuInfo{width: 51%; margin-right:1%;}

#menuInfo {  margin: 0;  width: 392px;}
.slides img{ width:100%;}
.box{ width:100% !important; margin:0 0 10px 0 !important;position: relative;}
.stencils, .fixtures, .rework{ position:absolute; width:100%; height:100% !important;}
.body_bottom .body_bottom_cnt1{ width:96%; margin:0 2%;}
.body_bottom_right { text-align: center;  width: 100%;margin: 0 !important; padding-top: 15px !important}
#body_content .body_bottom{ width:96%; padding:0 2%;}
.body_bottom .body_bottom_cnt{width: 73%;}
.body_bottom .body_bottom_cnt1{width: 100%; margin:0;}
.cele1 {  float: left;  width: 33%;}
.body_bottom_cnt.year { width: 100%;}
#footer_left, #footer_right p, .body_bottom_left{ width:100%; margin:0; text-align:center;}
#footer_left img, #footer_middle p, #footer_right p, #footer_right p img{ float:none;}
#footer_middle,  #footer_right{  margin: 0;  text-align: center;  width: 100%;}
.searchform{ float:right;}
.body_bottom_cnt.body_bottom_cnt1 { height: 32px;}
.cele1 {  float: none; margin: 0 auto; width: 233px;}
.body_bottom_right p {
    margin: 0;
}
.body_bottom_right p {
    margin: 0;
}
.body_bottom .body_bottom_cnt.year{padding: 7px 0;}
.popup_desc .popup-body { margin: 0 auto; position: static; width: 90%;}
#body_content .one_third1, #body_content .two_third{ width: 100%; margin:0;}
.map, .address, .number1, .number2 { width: 100%;}
#body_content .full_eidth{ margin:0; width:100%;}
.map iframe { width: 100%; border:0;}
#stencilTbl { width: 100%;}
.sub_banner .sub_banner_left{ margin: 20px 0 0; width: 44%;}
.sub_banner .sub_banner_right{ padding:0;}
.res_one_third{ width:100% !important;}
.res_one_third .image-row{ width:50%; float:left;}
#auto_width, .thickness{ width:100%;}
.leftImg a, .rightImg a, .centerImg a, .leftImg span, .rightImg span, .centerImg span{margin:0 !important;padding:0 !important;}
.leftImg, .rightImg, .centerImg{text-align:center;}
.leftImg span, .rightImg span, .centerImg span{ width:100%;}
.thick-tab img{ width:100%;}
.chart li{ width:50%;}
#top_login{display:none;}
.flexslider a img{top: -30px;}

#footer_left{
display:none;
}
.image-row {
    padding-bottom: 20px;
}
.para_quote{
	margin-top:-11px !important;
	margin-left:54px !important;
}
}


/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {

#menuLabel {
    padding-left: 2% !important;
    width: 96% !important;
    padding-right: 2% !important;
}

#menuTogl {
    left: 0 !important;
}
#menuInfo {
    margin: 10px 0 !important;
}
.quote1 {
    float: left;
    padding-bottom: 30px;
    text-align: center;
    width: 100%;
}
.sub_banner img{
	display:none;
}
.subb_banner{width:100% !important;}
.subbroot{padding:0 !important;}

#menu_left{ width:100% !important; text-align:center;}

#fixedNetwork {
    background: none repeat scroll 0 0 #e5e5e5;
    float: left;
    height: auto;
    padding: 20px 0;
    position: static;
    text-align: center;
    width: 100%;
}
.flexslider{top: 41px;}
.image-row .example-image {  margin: 0 !important; width: 100%;height: auto;}
.table_form{ width:100%; text-align:right;}
.inTurnFadingTextG{ float:none;}
#top_login .txtbox { width:250px;}
.flexslider a img{ top:103px;}
#simple-menu { height:100%; right: 0;line-height: 48px;margin: 0;padding:0 15px;position: absolute; text-align: left; top: 0; width: 25px; }
#menuInfo {margin: 0; width: 100%;}
#menuLabel { width: 88%;float: none;margin: 0 auto;}
.popup_desc .popup-body { margin: 0 auto; position: static; width: 90%;}
.map, .address, .number1, .number2 { width: 100%;}
#stencilTbl { width: 100%;}
.manage_left, .manage_right{ width:100%;padding: 0;}
.res_one_third{ width:100% !important;}
.res_one_third .image-row{ width:100%; float:left; margin-bottom:10px;}
.leftImg, .rightImg{margin: 0;}
.leftImg img, .rightImg img{width:100%; padding:0;}
.tab table td{ padding:5px;}
#menuInfo{ display:none;}
.moreLink {top: -94px; right:0; display: none;}
#moreImg img { width: 75%;}
.searchform, #top_login{ display:none;}
#menu_head{ position:relative; top:0;}
.res_search, .res_search .searchform{display:block;}
#popup2 .popup-body{ width:90%;}
#popup2 .popup-body{ margin:5%;}
.popup-body .popup-content {   padding:0 20px !important;height: 197px;    overflow: scroll;}
#popup2 .popup-body .popup-content ul{ margin: 17px 25px;}
.popup-body #topHolder, .popup-body #bottomHolder{ height: auto;padding: 10px 0;}
.popup_desc .popup-exit{margin-right: 0px;  margin-top: -77px;}
.popup_desc .popup-body{ min-height:0;}
.tab img {
    width: 100%;
}
.flex-control-nav li{ width:100% !important;}

.flex-control-nav .flex-active {
    display: block;
}

.flex-control-nav li {
    width: 16px !important;
}
.search_call {
	display:block;
    background:url(../images/search_f.png) center no-repeat #008DDD;
    height: 100%;
    padding: 0 15px;
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
}
.logo{ margin:7px;}


.res_search .searchform {
    background: none repeat scroll 0 0 #008DDD;
    border-radius: 0;
	display:none;
    margin: 0;
    padding: 7px;
    position: absolute;
    left: 0;
}

.res_search .searchform form {
    background: none repeat scroll 0 0 #fff;
}
#body_content .one_third a .stencils {
    background: url("../images/stencils.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    border-radius: 10px;
}
#body_content .one_third a .fixtures {
    background: url("../images/fixtures.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    border-radius: 10px;
}
#body_content .one_third a .rework {
    background: url("../images/rework.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    border-radius: 10px;
}
.logo{ float:none !important;}

.back-to-top{padding: 3px 10px !important;}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {
.flexslider a img{ top:161px;}
.flexslider{top: 72px;}

#body_content .one_third_image{ width:100%;}
.popup_desc .popup-body { margin: 0 auto; position: static; width: 90%;}
.sub_banner .sub_banner_right{ padding:0;}
.sub_banner .sub_banner_right h1{ font-size: 33px;}
.sub_banner .sub_banner_right{ padding:0;margin: 0 0 0 10px;}
.leftImg, .rightImg, .centerImg{ width:100%; margin:0;}
.leftImg img, .rightImg img, .centerImg img, #finalImg img{height: auto;width:100%; padding:0;}
.gallery .stage{ width:100%;}
.gallery .control{ margin:0;}
.chart li{ width:100%;}
}

@media screen and (max-width:360px) {
.bjqs li a #infTit {
    font-size: 13px !important;
}
#menuLabel #infTag{font-size: 11px;}
#icarousel{ width:100%;}
.popup_desc .popup-body { margin: 0 auto; position: static; width: 90%;}

}