@charset "utf-8";
/* CSS Document */
@media only screen and (max-width : 1280px) {.menu{display:none}}
@media only screen and (max-width : 1263px) and (min-width : 1024px) {
	
#top_area{width:1024px; height:100px; margin:0 auto;  }
.top_right{width: 430px;}	
.container{width:1024px;}
.banner{width:1024px; height:294px; float:left; display:block;}
.box {width:780px;height:294px; background:#323232;}
#bannerRotator { width:1024px; height:294px; position:relative;}
#bannerRotator ul li img{ max-width:1024px; max-height:294px; }
.wrap-bubble{top: 104px;}
.wel_cont{width:1024px; }
.wrapper{width: 1024px;}
.foot_area{width:1024px; }
.border{width:1024px;}
.copy_right{width: 376px;}
.in_area{width:965px; margin: 0 0px 0 0px;}
#in_content{width:965px; }
#in_content p{width:965px; }


#banner{width:1024px;}
#banner img{width:1024px;}

.callus { width: 184px; height: 77px; float: left; margin: 3px 0 0 33px;}
.contAdd{width: 315px; margin-left:20px !important;}
.contEnq{width: 325px;}
.contEnq input[type=text]{width: 260px; height: 38px;}
.contEnq textarea{width: 260px;}
.send_button{margin:5px 41px 0 0;}
#in_content{width:1024px;}
.company_menu{margin-top:8px;}
.company_menu{margin-top:8px;}
#menu{margin-top:6px !important;}
.wrap-bubble1{ height: 284px;}
.ban_menu{ width: 1024px;}
.ban_menu ul li a{width: 339px;}
.orange ul.mega-menu li .sub-container.non-mega .sub{padding: 16px 21px 13px 17px;}
.menusel {color: #7cbf13 !important; border-bottom:none !important;}
}
/* 800px to 1023px */
@media only screen and (max-width : 1023px) and (min-width : 800px) {
#top_area{width:780px; height:100px; margin:0 auto;  }
.top_right{width: 430px;     margin-top: 20px;}	
.container{width:780px;}
.banner{width:780px; height:294px; float:left; display:block;}
.box {width:780px;height:289px; background:#323232;}
#bannerRotator { width:780px; height:294px; position:relative;}
#bannerRotator ul li img{ max-width:780px; max-height:294px; }
.wrap-bubble{top: 104px; height: 287px;}
.wrap-bubble1{top: 104px; height: 212px;;}

.wel_cont{width:707px; }
.wrapper{width: 788px;}
.foot_area{width:774px; }
.border{width:780px;}
.copy_right{width: 360px;}
.in_area{width:780px;}
#in_content{width:780px;}
#banner{width:780px;}
#banner img{width:780px;}

.callus { width: 184px; height: 77px; float: left; margin: 3px 0 0 33px;}
.contAdd{width: 315px; margin-left:20px !important;}
.contEnq{width: 325px;}
.contEnq input[type=text]{width: 260px; height: 38px;}
.contEnq textarea{width: 260px;}
.send_button{margin:5px 41px 0 0;}
#in_content{width:780px;}
.company_menu{margin-top:8px;}
.company_menu{margin-top:8px;}
#menu{margin-top:6px !important;}

#mobile-nav{display:block !important;  right: 0px !important; top: -47px; z-index: 999; }
.ban_menu{display: none !important;  width: 358px; height: 200px; background-color: #eee; z-index: 99;
 right: 50px; position:absolute; top: 105px; background-image: none;}
.ban_menu ul li{ float: none; margin-bottom:5px; }
.ban_menu ul{margin-top:16px  !important;}
.ban_menu ul li a{ display: block; width: 262px; color:#464646; padding: 11px 0 6px 35px; border-radius:0; border-right:none !important; border-left:none !important; }
.orange ul{margin-top:20px;}
.orange ul.mega-menu li .sub-container.non-mega .sub{margin-top: -75px !important;
float: left; padding: 16px 41px 13px 17px;}
/*#menu{    margin-left: 10px;}
#menu ul li{font-size:14px;}
.orange ul.mega-menu ul li a{width:291px; }
.orange ul.mega-menu li .sub a{font-size:14px;}
.orange ul.mega-menu li .sub-container{margin-top: 36px;}
.orange ul.mega-menu li .sub-container.non-mega li a{padding:5px 0px 5px 10px!important}*/

.menu ul{margin-left:19px; }
.menu{ margin-left: 0px; top: 98px; width: 100%;; background-color: #ccc;  right: 1px; z-index:140; float: right; position:absolute; display:none;}
.menu ul li{font-size:14px; text-align: center; list-style:none; line-height:28px;}
.menu ul li a{color: #363636; text-decoration:none; padding:10px 0px 10px 0px}
.company_menu{float:left; width:100%; height:auto !important; margin-bottom:20px;}
.company_menu ul li{float:left; clear:both;}
.menusel {color: #7cbf13 !important; border-bottom:none !important;}








}
/** 640px to 799px **/
@media only screen and (max-width : 799px) and (min-width : 640px) {
#top_area{width:620px; height:100px; margin:0 auto;  }
.container{width:620px;}
.banner{width:620px; height:230px; float:left; display:block;}
.box {width:620px;height:230px; background:#323232;}
#bannerRotator { width:620px; height:230px; position:relative;}
#bannerRotator ul li img{ max-width:620px; max-height:230px; }
.wrap-bubble{top: 104px; height: 224px; width: 420px;}
.wrap-bubble h2{top: 81px; font-size: 50px;}
.wrap-bubble h2 small{font-size: 33px;}
.pixel-bubble.green{top: 44px;}
.pixel-bubble.blue{top: 55px;}
.pixel-bubble.red{top: 17px;}
.pixel-bubble{width: 135px; height: 135px; font-size: 18px;}
.pixel-bubble.green span{padding:46px 2px 0 0px;}
.pixel-bubble.blue span{padding:46px 2px 0 0px;}
.pixel-bubble.red span{padding:46px 2px 0 0px;}

.wrap-bubble1{top: 104px; height: 178px; width: 420px;}
.wrap-bubble1 h2{top: 47px; font-size: 50px;}
.wrap-bubble1 h2 small{font-size: 33px;}
.pixel-bubble1.green1{top: 44px;}
.pixel-bubble1.blue1{top: 55px;}
.pixel-bubble1.red1{top: 17px;}
.pixel-bubble{width: 135px; height: 135px; font-size: 18px;}
.pixel-bubble1.green1 span{padding:46px 2px 0 0px;}
.pixel-bubble1.blue1 span{padding:46px 2px 0 0px;}
.pixel-bubble1.red1 span{padding:46px 2px 0 0px;}


.wel_cont{width:620px; }
.wrapper{width: 620px;}
.foot_area{width:620px; }
.border{width:620px;}
.copy_right{width: 360px;}

.in_area{width:620px; top:0px;}
#in_content{width:620px;}
#banner{width:620px;}
#banner img{width:620px;}
.contAdd{width: 273px; margin-left:20px !important;}
.contEnq{width: 313px;}
.contEnq input[type=text]{width: 260px; height: 38px;}
.contEnq textarea{width: 260px;}
.send_button{margin:5px 41px 0 0;}
.company_menu{margin-top:8px;}
#mobile-nav{display:block !important; z-index: 999; right:20px; margin-right:19px; margin-top:77px;}
.ban_menu{display: none !important;  width: 358px; height: 200px; background-color: #eee; z-index: 99;
 right: 50px; position:absolute; top: 105px; background-image: none;}
.ban_menu ul li{ float: none; margin-bottom:5px; }
.ban_menu ul{margin-top:16px  !important;}
.ban_menu ul li a{ display: block; width: 262px; color:#464646; padding: 11px 0 6px 35px; border-radius:0; border-right:none !important; border-left:none !important; }
.orange ul{margin-top:20px;}
.orange ul.mega-menu li .sub-container.non-mega .sub{margin-top: -75px !important;
float: left; padding: 16px 41px 13px 17px;}
.top_right{margin-top: -89px;}

.in_pagetitle{width: 100%; height: 30px; margin-left:0px !important;}
.in_pagetitle h2{font-size:19px;}

.menu ul{margin-left:00px; }
.menu{ margin-left: 19px;  width:100%; background-color: #ccc;  right: 1px; margin-top: 70px; z-index:140; float: right; position:absolute; display:none;}
.menu ul li{font-size:14px; text-align: center; list-style:none; line-height:28px;}
.menu ul li a{color: #363636; text-decoration:none; padding:10px 0px 10px 0px}
.company_menu{float:left; width:100%; height:auto !important; margin-bottom:20px;}
.company_menu ul li{float:left; clear:both;}
.menusel {color: #7cbf13 !important; border-bottom:none !important;}


/*#menu{    margin-left: 10px;}
#menu ul li{font-size:14px;}
.orange ul.mega-menu ul li a{width:291px; }
.orange ul.mega-menu li .sub a{font-size:14px;}
.orange ul.mega-menu li .sub-container{margin-top: 36px;}
.orange ul.mega-menu li .sub-container.non-mega li a{padding:5px 0px 5px 10px!important}*/

.logo img{width:192px;}



}


/** 480px to 639px **/
@media only screen and (max-width : 639px) and (min-width : 480px) {
#top_area{width:467px; height:100px; margin:0 auto;  }
.container{width:467px;}
.banner{width:467px; height:173px; float:left; display:block;}
.box {width:467px;height:173px; background:#323232;}
#bannerRotator { width:467px; height:173px; position:relative;}
#bannerRotator ul li img{ max-width:467px; max-height:173px; }
.wrap-bubble{top: 104px; height: 167px; width: 420px;}
.wrap-bubble h2{top: 81px; font-size: 50px;}
.wrap-bubble h2 small{font-size: 33px;}
.pixel-bubble.green{top: 44px;}
.pixel-bubble.blue{top: 55px;}
.pixel-bubble.red{top: 17px;}
.pixel-bubble{width: 130px; height: 130px; font-size: 18px;}
.pixel-bubble.green span{padding:46px 2px 0 0px;}
.pixel-bubble.blue span{padding:46px 2px 0 0px;}
.pixel-bubble.red span{padding:46px 2px 0 0px;}

.wel_cont{width:446px; height:231px; padding-top: 22px; }
.wel_cont p{font-size: 16px; line-height: 26px;}
.wrapper{width: 467px;}
.foot_area{width:467px; }
.border{width:467px;}
.copy_right{width: 373px; float: left; clear: both; margin: 7px 0 0 10px; }

.further{width: 450px;}
.further h2{margin-top: 19px; font-size: 20px;}
#foot_menu{width: 165px;float: left; clear:both;}
.copy_right p{font-size:12px;}

.in_area{width:467px; top: 4px;  }
#in_content{width:467px;  }
#banner{width:467px;}
#banner img{width:467px;}

.contAdd{width: 213px; margin-left:0px !important;}
.contEnq{width: 227px;}
.contEnq input[type=text]{width: 213px; height: 38px;}
.contEnq textarea{width: 213px;}
.send_button{margin:5px 20px 0 0;}

.company_menu{margin-top:8px;}
.wrap-bubble1{top: 104px; height: 95px; width: 258px;}
.wrap-bubble1 h2{ top: 16px; font-size: 48px; left: 36px;  }
.wrap-bubble1 h2 small{font-size: 16px; }
.top_right{width: 231px; float: right; height: 78px; margin-top: -23px; display:none;}
#menu{border-right:none;}
.callus{ margin: 14px 0 0 34px;}
.pixel-bubble1.green1{top: 8px;}
.pixel-bubble1.blue1{top: 8px; left: 104px;}
.pixel-bubble1.red1{top: 17px;}
.pixel-bubble1{width:100px; height: 100px; font-size: 13px;}
.pixel-bubble1.green1 span{padding:32px 6px 0 0px;}
.pixel-bubble1.blue1 span{padding:34px 2px 0 2px;}
.pixel-bubble1.red1 span{padding:34px 2px 0 2px;}

#mobile-nav{display:block !important; margin-right:26px; margin-top: 81px; z-index: 999;}
.ban_menu{display: none;  width: 358px; height: 173px; background-color: #eee; z-index: 99;
 right: 50px; position:absolute; top: 100px; background-image: none;}
.ban_menu ul li{ float: none; margin-bottom:5px; }
.ban_menu ul{margin-top:22px   !important;}
.ban_menu ul li a{ display: block; width: 262px; color:#464646; padding: 11px 0 6px 35px; border-radius:0; border-right:none !important; border-left:none !important; }
.orange ul{margin-top:20px;}
.orange ul.mega-menu li .sub-container.non-mega .sub{margin-top: -75px !important; height: 173px;
float: left; padding: 3px 41px 3px 17px;}
.in_pagetitle{width: 100%; height: 30px; margin-left:0px !important;}
.in_pagetitle h2{font-size:19px;}
.menu ul{margin-left:20px; }
.menu{ margin-left: 19px; width: 467px; background-color: #ccc;  right: 4px; margin-top: 70px; z-index:140; float: right; position:absolute; display:none;}
.menu ul li{font-size:14px; text-align: center; list-style:none; line-height:28px;}
.menu ul li a{color: #363636; text-decoration:none; padding:10px 0px 10px 0px}
.company_menu{float:left; width:100%; height:auto !important; margin-bottom:20px;}
.company_menu ul li{float:left; clear:both;}
.menusel {color: #7cbf13 !important; border-bottom:none !important;}
/*#menu{    margin-left: 10px;}
#menu ul li{font-size:14px;}
.orange ul.mega-menu ul li a{width:291px; }
.orange ul.mega-menu li .sub a{font-size:14px;}
.orange ul.mega-menu li .sub-container{margin-top: 36px;}
.orange ul.mega-menu li .sub-container.non-mega li a{padding:2px 0px 3px 10px!important}*/

}

/** Lesser than 480px **/
@media only screen and (max-width : 479px) {
#top_area{width:290px; height:108px; margin:0 auto;  }
.top_wrap {width: 100%; height: 79px;}
.container{width:280px;}
.banner{width:280px; height:173px; float:left; display:block;}
.box {width:280px;height:99px; background:#323232;}
#bannerRotator { width:280px; height:104px; position:relative;}
#bannerRotator ul li img{ max-width:320px; max-height:116px; }
.wrap-bubble{top: 80px; height: 95px; width: 230px;}
.wrap-bubble h2{ top: 16px; font-size: 48px; left: 36px;  }
.wrap-bubble h2 small{font-size: 16px; }
.top_right {width: 290px; float: left; height: 81px; display:none; margin-top: -64px !important; }
.callus{margin:-57px 0 0 145px; display:none;}
.callus p{font-size: 12px !important;}
#menu{border-right:none;}
.pixel-bubble.green{top: 8px;}
.pixel-bubble.blue{top: 8px; left: 104px;}
.pixel-bubble.red{top: 17px;}
.pixel-bubble{width:100px; height: 100px; font-size: 13px;}
.pixel-bubble.green span{padding:32px 6px 0 0px;}
.pixel-bubble.blue span{padding:34px 2px 0 2px;}
.pixel-bubble.red span{padding:34px 2px 0 2px;}

.wel_cont{width:295px; height: 231px;    padding-top: 22px;}
.wel_cont h2{font-size: 25px; margin: 30px 0 11px;}
.wel_cont p{font-size: 14px; line-height: 23px; width: 270px; }
.wrapper{width: 294px;}
.foot_area{width:286px; }
.border{width:286px;}
.copy_right{width: 278px; float: left; clear: both; margin: 7px 0 0 5px; }


.further{width: 285px; margin:5px 4px 0 4px; }
.further h2{margin-top: 2px; font-size: 18px; margin-left: 15px;} 
#foot_menu{width: 165px;float: left; clear:both;}
.copy_right p{font-size:12px;}
.fut_cont{width: 73px; font-size: 16px;  margin-top: 5px;}

.in_area{width:280px;  margin: 41px 0 0 0px;}
#in_content{width:275px;}
#in_content p{font-size:13px;}
#banner{width:280px;}
#banner img{width:280px;}
.company_menu{margin-top: 8px; height:auto !important; padding-bottom:10px; margin-bottom:10px; width: 100%; }

.contAdd{width: 250px; margin-left:0px !important; padding-bottom:0px !important;}
.contEnq{width: 250px; margin-top:!important;}
.contEnq input[type=text]{width: 250px; height: 38px;}
.contEnq textarea{width: 250px;}
.send_button{margin:5px 20px 0 0;}

.wrap-bubble1{top: 77px; height: 84px; width: 230px;}
.wrap-bubble1 h2{ top: 32px; font-size: 28px; left: 36px;  }
.wrap-bubble1 h2 small{font-size: 16px; }
.pixel-bubble1.green1{top: 8px;}
.pixel-bubble1.blue1{top: 8px; left: 104px;}
.pixel-bubble1.red1{top: 17px;}
.pixel-bubble1{width:100px; height: 100px; font-size: 13px;}
.pixel-bubble1.green1 span{padding:32px 6px 0 0px;}
.pixel-bubble1.blue1 span{padding:34px 2px 0 2px;}
.pixel-bubble1.red1 span{padding:34px 2px 0 2px;}


#mobile-nav{display:block !important;  margin-right: 9px !important; margin-top: 36px; z-index: 999;}
.ban_menu{display: none !important;  width: 315px; height: 125px; background-color: #eee; z-index: 99;
 right: 2px; position:absolute; top: 100px; background-image: none;}
.ban_menu ul li{ float: none; margin-bottom:5px; }
.ban_menu ul{margin-top:9px !important;}
.ban_menu ul li a{ display: block; font-size:14px; width: 262px; color:#464646; padding: 11px 0 6px 35px; border-radius:0; border-right:none !important; border-left:none !important; }
.orange ul{margin-top:20px;}
.orange ul.mega-menu li .sub-container.non-mega .sub{margin-top: -75px !important; height: 153px;
float: left;padding: 3px 38px 0px 13px !important; width: 192px; margin-left: 65px;}
.menu ul{margin-left:5px;}
.menu{ margin-left: 0px; width: 300px; background-color: #ccc;  right: 1px; margin-top: 70px; z-index:140; float: right; position:absolute; display:none;}
.menu ul li{font-size:14px; text-align: center; list-style:none;}
.menu ul li a{color: #363636; text-decoration:none;     padding: 0 0 10px 0px;
}

.company_menu ul li{float:left; clear:both;}
/*.orange ul.mega-menu ul li a{width:192px; }
.orange ul.mega-menu li .sub a{font-size:12px;}
.orange ul.mega-menu li .sub-container{margin-top: 36px;}
.orange ul.mega-menu li .sub-container.non-mega li a{padding:2px 0px 3px 10px!important}
#menu ul li{font-size:12px;     margin-right: 2px;}
.company_menu ul li a{font-size:13px;}*/

.in_pagetitle{width: 100%; height: 30px; margin-left:0px !important;}
.in_pagetitle h2{font-size:19px;}
.logo{width:150px;     float: left; margin: 7px 0 0 8px;}
.logo img{width:150px;}
.menusel {color: #7cbf13 !important; border-bottom:none !important;}

}

#panel, #flip {
    padding: 5px;
    text-align: center;
    background-color: #1b1b1b;
	color:#fff;
	margin-bottom:1px;
}

#panel{
    display: none;
	color:#fff !important;
}
#panel li a{color:#fff !important; }

#panel1, #flip1 {
    padding: 5px;
    text-align: center;
    background-color: #1b1b1b;
	color:#fff;
}

#panel1 {
    display: none;
	color:#fff !important;
}
#panel1 li a{color:#fff !important; }