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

@media only screen and (max-width: 1024px) 
{
.wrapper, .wCC, .heading_title, .featuredBox{ width:980px; padding:0;}
.join{ left:0.6%; height:465px; padding:15px 1%;}
#nav li{ padding: 18px 26px 13px 25px;}
#camera_wrap_1 { height: 495px !important;}
.join_sec { margin-bottom: 8px;}
.join_frm input[type="text"], .join_frm input[type="password"], .slct_sec select{ height:30px;}
.slct_sec select{ padding:6px 5px;}
.join_frm span{ line-height:32px;}
.join_frm input[type="submit"]{ width:120px; height:32px;font-size: 24px;}
.connect_with{ display:none;}
.connect_with1{ display:block; margin-top:4px;}
.c_box{ margin: 0 auto; padding: 40px 20px 0; float:none;}
.jcarousel-skin-tango li{ width:240px !important;}
li.bjqs-slide{width:300px !important;}
.connect{ text-align:right;}
.product_box{margin: 0 10px 12px 0;}
.container_m iframe{ width:100%;}
}

/*For 980 and 960*/
@media only screen and (max-width: 980px) 
{
/*.join{ display:none;}*/	
.wrapper, .wCC, .heading_title, .featuredBox{ width:900px; padding:0;}
#nav li{padding: 18px 22px 13px 20px;}
#camera_wrap_1 { height: 460px !important;}
.jcarousel-skin-tango li{ width:220px !important;}
.c_box{ margin: 0 auto; padding: 40px 20px 0; float:none;}
li.bjqs-slide{width: 277px !important;}
ul.bjqs p{padding: 15px 20px 15px 45px;}
.join_hd{ font-size:36px;}
.join_hd span{ font-size:22px;}
.join_frm input[type="text"], .join_frm input[type="password"], .slct_sec select{ height:26px;}
.join_frm span {line-height: 26px;}
.join{ height:430px;width: 495px;}
.slct_sec select { padding: 3px 5px;}
.mb_box h2{ font-size:22px;}
.inner_left{ width:570px;}
.inner_right{ width:325px;}
.product_box{ margin:0 0 12px 0; width:212px;}
.service_h{ left:350px;}
.row_gnrl{ width:293px;}
.row2a{ left:10px;}
.row2b{ left:20px;}

}

/*For 800 and 768*/
@media only screen and (max-width: 800px) 
{
.wrapper, .wCC, .heading_title, .featuredBox{ width:720px; padding:0;}
a.logo{ width:235px;}
a.logo img{ width:100%;}
#lavalamp{ display:none;}
#nav li { margin: 0 1px; padding: 18px 10px 13px;}
#camera_wrap_1 { height: 365px !important;}
.camera_pag{ right:42px;}
.mb_box{ margin:0 0 4% 0; width:100%;}
.bjqs-wrapper{ background-size:100% 100%;}
ul.bjqs{ height:200px !important;}
li.bjqs-slide { width: 620px !important;}
ul.bjqs p{ height:55px; padding:35px 20px 15px 85px;}
.jcarousel-skin-tango li{ width:240px !important;}
#banner-slide{ height:200px !important;}
.join{ width:310px; left:3%; padding:7px 1%;height: 351px;}
.join_frm{padding: 0 5%;}
.join_hd{ font-size:32px;}
.join_hd span{ font-size:20px;}
.join_frm input[type="text"], .join_frm input[type="password"], .slct_sec select { height: 22px;}
.join_frm span { line-height: 24px;}
.other_inpt{ margin:5px 0;}
.slct_sec select { padding: 2px 5px; width:60px;}
.join_sec { margin-bottom: 5px;}
.join_frm input[type="submit"] { font-size: 16px;height: 25px;width: 85px;}
.connect{ font-size:12px;}
.main_top .mb_box{ margin:0 0 5% 0; width:100%;}
.main_top .last{ margin:0 0 0 0 ;}
.main_top .mb_box table th{ padding:1.5%;}
.main_top .mb_box table td{ padding:1%;}
.inner_left{ width:450px;}
.inner_right{ width:260px;}
.product_box{ width:167px;}
.service_h { left: 258px;}
.row_gnrl{ width:233px;}
.contactbox{ min-height:135px;}
.title2{ font-size:14px;}
}

/*For 685 and 640*/
@media only screen and (max-width: 685px) 
{
.join{ display:none;}
.wrapper, .wCC, .heading_title, .featuredBox{ width:600px; padding:0;}
.header{ background:#fff; border-top:3px solid #11a4df; border-bottom:2px solid #1fa9e1; height:150px;}
a.logo { width: 200px;}
.header_right { float: right; width: 350px;}
.search{ background-size:100% 100%; width:125px;}
.search input[type="text"]{ width:105px;}
.login_sec {margin-top: 10px;}
.inpt_sec input{ background-size:100% 100%; width:125px;padding: 7px 5px;}
ul#nav{ display:none;}
.navigation{ background:0; margin:5px 0; height:32px;}
#camera_wrap_1 { height: 303px !important;}
.jcarousel-skin-tango li {width: 330px !important;}
.main_btm { padding: 0 10px; width: 580px !important;}
li.bjqs-slide { width: 563px !important;}
.foot_left{ font-size:12px;}
a.join_btn{ display:block; background:url(../images/score_board_bg.png) no-repeat; background-size:100% 100%; width:100px; height:32px; position:absolute; top:0; font-family: 'MyriadPro-BoldCond'; font-size:22px; color:#fff; text-align:center; line-height:26px; text-shadow:0 1px 1px #000;}
a.join_btn:hover{ color:#115F80; text-shadow:0 1px 1px #fff;}
.inner_left{ width:100%; margin-bottom:5%;}
.inner_right{ width:100%;}
.product_box{ width:288px;}
.service_h { left: 200px;}
.row_gnrl{ width:100%; margin-bottom:1%;}
.row2a{ left:0px;}
.row2b{ left:0px;}
.contactbox {min-height:50px;}
.inner_left input[type="text"]{ width:100%;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
    .inner_left input[type="text"]{ width:92%;}
}
:root .inner_left input[type="text"]{ width: 92% \0/IE9; }
.inner_left textarea{width: 96.5%;}
:root .inner_left textarea { width: 92% \0/IE9; }

}

/*For 600 and 568*/
@media only screen and (max-width: 600px) 
{
.wrapper, .wCC, .heading_title, .featuredBox{ width:520px; padding:0;}
.header_right{ width:280px;}
.search{ width:90px;font-size: 12px;}
.inpt_sec input{ width:90px;font-size: 12px;}
.gnrl_lgn_sec label { margin-right: 45px; width:auto;}
.gnrl_lgn_sec a{ width:auto; margin: 2px 0;}
#camera_wrap_1 { height: 266px !important;}
.jcarousel-skin-tango li { width: 275px !important;}
.main_btm{ width:500px !important;}
li.bjqs-slide { width: 485px !important;}
.main_btm {margin-bottom: 30px;}
.foot_left { font-size: 11px; width:66%;}
.search input[type="text"] { width: 70px;}
.product_box{ width:248px;}
.service_h { left: 160px;}

}

/*For 480 and 380*/
@media only screen and (max-width: 480px) 
{
.wrapper, .wCC, .heading_title, .featuredBox{ width:340px; padding:0;}
a.logo{ float:none; margin:15px auto 0 auto; display:block;}
.header{ height:auto;}
.header_right{ float:none;margin:0 auto; width:100%;}
.inpt_sec input{ width:120px; padding:8px 5px;}
.gnrl_lgn_sec{ margin-bottom:15px;}
.gnrl_lgn_sec a{ float:right;}
#camera_wrap_1 { height: 200px !important;}
.camera_caption > div{ background-size:100% 100%; width:300px; height:150px;margin-bottom: 25px;}
.camera_caption h2{ font-size:18px; line-height:18px; margin-bottom:18px;}
.camera_caption p{ font-size:12px; line-height:16px;margin-bottom: 5px;}
.camera_caption a.r_more{ padding:7px; font-size:12px;}
.jcarousel-skin-tango li {width: 340px !important;}
.main_btm { width: 320px !important;}
li.bjqs-slide { width: 310px !important;}
ul.bjqs p { height: 55px; padding: 20px 20px 15px 45px;margin-bottom: 15px;}
.foot_left, .foot_right{ width:100%; text-align:center;}
.foot_left{ padding:25px 0 0 0;}
.camera_pag, .camera_pie{ display:none;}
.search{ width:185px;}
.search input[type="text"] { width: 165px;}
.main_top_sub{ padding:20px 0;}
.main_top, .main_btm{ margin-bottom:20px;}
.ser_img img{ width:80px; height:80px;}
.ser_img{ height:95px;}
.product_box { width: 158px;}
.service_h { left: 68px;}
.innaer_banner{ padding:20px 0 10px 0;}
.inner_left textarea { width: 93.5%;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
    .inner_left textarea{ width:92%;}
}
.heading_title{ font-size:32px;}
}

/*For 320*/
@media only screen and (max-width: 320px) 
{
.wrapper, .wCC, .heading_title, .featuredBox{ width:280px; padding:0;}
.inpt_sec input{width: 125px;margin-bottom: 8px;}
.login_sec{ float:left; margin-top:5px;}
.camera_caption > div{ width:240px;}
.camera_caption h2{ font-size:16px;margin-bottom: 20px;}
.camera_caption p{ line-height:14px;}
.jcarousel-skin-tango li {width: 280px !important;}
.main_btm { width: 260px !important;}
.mb_box h2{ font-size:22px;}
li.bjqs-slide { width: 252px !important;}
.mb_txt p{ font-size:12px;}
.foot_left ul li{ padding:0 3px;}
.search{ width:125px;}
.search input[type="text"] { width: 105px;}
.product_box {width: 128px;}
.service_h { left: 35px;}
.inner_left textarea {  width: 92%;}
}