@media only screen and (max-width:320px){
#container{width:auto;}
.toplinks{ width:auto;}
.search { width:63%; height:auto}
.phoneNumber{ background-position:left 0}
.jcarousel-skin-tango li img, .socialLink, .footCon, .searchArea { width:100%;}
.caption, .navi, .rslides .readMore, .leftSub{ display:none}
.nav, .nav a { display:block;}
.searchArea, .design {display:inline-block;}
.menuArea, .logo, .design{ float:none}
.toplinks {padding:0 5%;}
.mailLink a{font-size:12px;}
.phoneNumber{ font-size:12px;line-height: 20px; width:120px;}
.menuArea{ clear:both;width:100%;}
#header {padding: 0 2% 3% 2%;}
.socialLink { margin-bottom:20px;}
.nav {padding:5px;}
.logo{ margin:0 auto;text-align: center;}
.searchArea .submit { float:right}
.rslides .bannerCon ul{ margin:0}
.rslides h1 { font-size:300%;}
.rslides ul { margin:10px 0 0 0}
.rslides .bannerCon li { font-size:250%; float:none; margin:5px 0; border:none}
.subBanner{ height:100px;}
.subBanner img{ display:none;}
.rightSub{ margin:0; width:100%;}
.bannerText{margin:15px 0 0 7px;}
.subBanner h1{ font-size:17px; font-weight:bold;}
.subBanner p{ font-size:12px;}
.stream {padding: 3% 4%;}
.streamBox { width:55%; float:none; border:none; margin:20px auto 20px auto;}
.carsoul {padding: 15px 0 33px 10px; margin:0}
.jcarousel-skin-tango li { width:20%;}
.footer { padding:10px 5%;}
.footCon {margin:0 0 20px 0}
.copyRights { padding:0 3%;}
.design{ margin-top:10px;}
.subContent{ background:#fff;}
.sub-menu li a{ padding-left:20px;}
.nav li a:hover, .menu li a;hover, .nav li.current-menu-item a{ color:#1BA2EB;background:#21242C;}
.contactNumber { display:inline-block;  margin:30px 0 0 0; clear:left;}
.enquryPage{ width:100%}
.facebookWidget img{ width:100%;}
.enquryPage .wpcf7 input{ width:95%;}
.enquryPage .wpcf7-select{ width:99%;}
.enquryPage .wpcf7-textarea{ width:93%;}
.enquryPage .wpcf7 input.wpcf7-submit{ width:20%;}
.proDeCon{ width:100%;}
.requestBtnArea a{ width:40%;}



}

@media only screen and (max-width:480px){
.jcarousel-skin-tango ul{ height:150px!important}
.jcarousel-skin-tango li { width:20%!important; margin:0 40px 30px 0; height:135px;}
.rightSub .proPage li{ width:60px!important}
.enquryPage .wpcf7 input{ width:95%;}
.enquryPage .wpcf7-select{ width:99%;}
.enquryPage .wpcf7-textarea{ width:93%;}
.enquryPage .wpcf7 input.wpcf7-submit{ width:20%;}
.proDeCon{ width:100%;}
.requestBtnArea a{ width:40%;}
}

@media only screen and (max-width:480px) and (min-width:320px) {
#container{width:auto;}
.toplinks{ width:auto;}
.jcarousel-skin-tango li img, .socialLink, .footCon, .searchArea { width:100%;}
.caption, .navi, .rslides .readMore, .leftSub, .subBanner img { display:none}
.nav, .nav a { display:block;}
.searchArea, .design {display:inline-block;}
.menuArea, .logo, .design{ float:none}
.toplinks {padding:5%;}
.mailLink{ width:50%; margin:0 auto; float:none}
.phoneNumber{width:70%; margin:0 auto; float:none}
.socialLink { width:60%; margin:10px auto; float:none}
.menuArea{ clear:both;width:100%;}
#header {padding: 0 2% 3% 2%;}
.nav {padding:10px; clear:both}
.logo{ margin:0 auto;text-align: center;}
.logo img { margin: 27px 27px 0 27px;}
.searchArea .submit { float:right}
.description{ left:1%;}
.rslides h1 { font-size:300%;}
.rslides ul { margin:10px 0 0 0}
.rslides .bannerCon li { font-size:11px;margin:5px 0; border:none;padding: 0 8px 0 0;}
.stream {padding: 3% 4%;}
.streamBox { width:55%; float:none; border:none; margin:20px auto 20px auto;}
.carsoul {padding: 15px 0 33px 10px; margin:0}
.jcarousel-skin-tango li { width:23%; margin:0 40px 30px 0}
.jcarousel-skin-tango ul{ }
.footer { padding:10px 5%;}
.footCon {margin:0 0 20px 0}
.copyRights { padding:0 3% 3% 0;}
.design{ margin-top:10px;}
.bannerText {margin: 25px 0 0 20px;}
.rightSub { margin:0;width: 100%;}
.rightSub h1 { font-size:20px;}
.subBanner h1{ font-size:800%;}
.subBanner p{ font-size:350%;}
.subContent{ background:#fff; padding:15px;}
.sub-menu li a{ padding-left:20px;}
.nav li a:hover, .nav li.current-menu-item a, .nav li.current_page_item a, .nav li.current-menu-parent a{ color:#1BA2EB;background:#21242C!important;}
.contactNumber { display:inline-block; margin:30px 0 0 0; clear:left;}
.rightSub .proPage li{width:22%;margin: 0 10% 20px 0;padding: 0;}
.rightSub .proPage li img{ height:auto;}
.rightSub .proPage li .set, .rightSub .proPage li .zoom{width:100%;}
/*.rightSub .proPage li img{ width:98%; height:150px;}*/
.copyRight{ width:100%; text-align:center;}
/*.enquryPage .wpcf7 input.wpcf7-submit{ width:30%}*/
.enquryPage{ width:100%}

}
@media only screen and (max-width:768px) and (min-width:480px) {
#container{width:auto;}
.toplinks{ width:auto;}
.jcarousel-skin-tango li img, .footCon, .searchArea, .menuArea { width:100%;}
.caption, .navi, .rslides .readMore, .leftSub, .subBanner img{ display:none}
.nav, .nav a { display:block;}
.searchArea, .design {display:inline-block;}
.menuArea, .logo, .design{ float:none}
.toplinks {padding:2% 5%;}
#header {padding: 0 2% 3% 2%;}
.socialLink { float: none;width: 50%;margin:10px auto 0 auto;}
.nav {padding:10px; clear:both;}
.logo{ margin:0 auto;text-align: center;}
.logo img { margin: 27px 27px 0 27px;}
.searchArea .submit { float:right}
.rslides h1 { font-size:300%;}
.rslides ul { margin:10px 0 0 0}
.rslides .bannerCon li { font-size:250%; float:none; margin:5px 0; border:none}
.stream {padding: 3% 0% 3% 4%;}
.streamBox { width:50%;margin: 0 0 20px 0;border: none;padding: 0; float:left}
.carsoul {padding: 15px 0 33px 10px; margin:0}
.rightSub .proPage li img{ width:75px; height:75px;}
.rightSub .proPage li{ width:75px}
.searchArea form{ height:32px; line-height:32px;}

.footer { padding:10px 2%;}
.footCon {margin: 0 40px 20px 0;width: 40%;}
.copyRights { padding:0 3%;}
.copyRight{ text-align:center; width:100%;}
.design{ margin-top:10px;}
.rightSub { margin:0; width:100%;}
.bannerText {margin: 25px 0 0 20px;}


.subContent{ background:#fff}
.sub-menu li a{ padding-left:20px;}
.nav li a:hover, .menu li a:hover, .nav li.current-menu-item a, .nav li.current_page_item a, .nav li.current-menu-parent a{ color:#1BA2EB;background:#21242C;}
.contactNumber { display:inline-block; margin:30px 0 0 0; clear:left;}
.enquryPage{ width:100%}

}
@media only screen and (max-width:768px) and (min-width:600px) {
#container{width:auto;}
.toplinks{ width:auto;}
}
@media only screen and (max-width:960px) and (min-width:768px) {
#container{width:auto;}
.toplinks{ width:auto;}
.jcarousel-skin-tango li img, .footCon{ width:100%;}
.caption{ display:none}
.menuArea, .design {display:inline-block;}
.menuArea, .design{ float:none}
.toplinks {padding:0 5%;}
#header {padding: 0 2% 3% 2%;}
.menuArea{ margin-top:20px; width:98%;}
.nav{ width:100%}
.navi ul li {margin: 0 20px 0 0;}
.navi ul li:last-child{ margin:0}
.navi ul li a {}
.socialLink { margin-bottom:20px; width:21%; float:right;}
.searchArea {margin: 70px 0 0 0;}
.searchArea .submit { float:right; background-position:0 10px}
.rslides h1 { font-size:300%;}
.rslides ul { margin:10px 0 0 0}
.rslides .bannerCon li { font-size:200%; margin:5px 0; padding:0 5px}
.stream {padding: 3% 5%;}
.streamBox { width: 50%;margin: 0 auto;border: none;padding: 0;}
.streamBox h4{ text-align:center}
.streamBox ul{ width:51%; margin:0 auto 20px auto} 
.jcarousel-skin-tango .jcarousel-container-horizontal{ width:100%}
.jcarousel-skin-tango{ width:98%;}
.jcarousel-clip{ padding-left:20px;}
.carsoul {padding: 15px 0 33px 10px; margin:0}
.jcarousel-skin-tango li { margin-right:34px; width:155px; height:165px;}
.footCon {margin: 0 40px 20px 0;width:43%;}
.copyRight{ float:left;width: 48%;}
.design{ float:right; margin:0}
.subContent{background-position: 17% 0px;}
.bannerText {margin: 25px 0 0 20px;}
.subBanner h1{ font-size:450%;}
.subBanner p{ font-size:200%;}
.leftSub { width:20%;}
.rightSub{ width:100%;}
.contactNumber { display:inline-block; margin:0px 0 0 30px; clear:none;}
}
@media only screen and (max-width:1024px){}
@media only screen and (max-width:1024px) and (min-width:960px){
#container{width:auto;}
.toplinks{ width:auto;}
.jcarousel-skin-tango li img, .footCon{ width:100%;}
.caption{ display:none}
.menuArea, .design {display:inline-block;}
 .design{ float:none}
.toplinks {padding:0 5%;}
#header {padding: 0 2% 3% 2%;}
.menuArea{ margin-top:20px;}
.navi ul li {margin: 0 20px 0 0;}
.navi ul li:last-child{ margin:0}
.navi ul li a {}
.socialLink { margin-bottom:20px;}
.searchArea {margin:60px 0 0 0;}
.searchArea .submit { float:right}
.rslides h1 { font-size:300%;}
.rslides ul { margin:10px 0 0 0}
.rslides .bannerCon li { font-size:200%; margin:5px 0; padding:0 5px}
.stream {padding: 3%;}
.streamBox { width:25%;margin: 0 0 20px 0;border: none;padding: 0;}
.jcarousel-skin-tango .jcarousel-container-horizontal{ width:97.9%}
.carsoul {padding: 15px 0 33px 10px; margin:0}
.jcarousel-skin-tango li {width: 157px; height:165px;}
.jcarousel-clip{ padding-left:20px;}
.footer{padding: 10px 22px;}
.footCon {margin: 0 0px 20px 0;width:25%;}
.copyRight{ float:left}
.design{ float:right;}
.rightSub { width:74%;}
.subContent{background-position:9% 0px;}
.rightSub .proPage li{ width:102px;}
.rightSub .proPage li img{ width:100px; height:100px;}
.search{ height:21px;}
}

@media only screen and (max-width:1200px) and (min-width:1024px){
#container{width:auto;}
}