@media only screen and (min-width:980px) and (max-width:1120px) {

#main-wrapper {width: 970px;}
.bupper {width:970px;}
.hbox {margin: 25px 0 20px 22px;  width: 307px;}
.c-box {height: 168px; width: 216px;}
.tbox {margin: 10px 37px 40px 2px;}
.f1 {margin: 0 10px 0 0;}
.f3 { width: 280px;}
.inner-left {width: 650px;}
.probox {width: 280px;}
.cont-left {width: 435px;}

.deal {margin-left:0;}
.dealimg {width: 415px;}

.project-box {width: 437px;}
.project-box img {height: 290px;}
.topmenu li a {font-size: 15px; padding: 0 13px;}

.h-left {width: 590px;}
.h-right {width: 305px;}
.pbox {margin: 7px 14px 26px 137px;}
.c-logo {height: 120px; margin: 0 0 30px;  width: 237px;}

.add1 {width: 48%;}
.add2 {width: 48%;}
.span3 {width: 225px !important;}
.nimg2 {margin: 0 20px 30px 0;}
.missionarea {width: 460px;}
.visionarea {width: 460px;}


}



@media only screen and (min-width:768px) and (max-width:979px) {

/*===== menu css ==============*/

#horiz-menu li .link span {padding: 0px 17px 0px 17px !important;}
#top-menu {display:none;}

#tab-top-menu {display: block;}
#mobileToolbar {display: none;}
#tab-top-location {display:block;}

#mobileToolbar {
    display: none;
    float: left;
    margin-top: 50px;
    position: relative;
    width: 100%;
    z-index: 9999;
	margin:0 0 0 0 !important;
	text-align:right;
}

#tab-top-menu {width:auto; height: 40px; text-align:left; margin-top:4px; padding: 0px 0px 0 0px; display: block !important; margin:4px auto 0 auto !important; left:0; right:0; float:left;}
#tab-top-menu .tab_menu {font-family: 'Open Sans', sans-serif;font-size:20px;font-style: normal;font-weight: normal;color: #000;text-decoration: none;text-transform: uppercase;cursor:pointer;padding: 0 0px 0 0px; display: block; height: 45px; line-height: 45px; width:100%; text-align:center; left:0; right:0; margin:0 auto; background: url("../images/responsive_menu_icon.png") right center no-repeat;}

.header.smaller .tab_menu {font-family: 'Open Sans', sans-serif;font-size:20px;font-style: normal;font-weight: normal;color: #000;text-decoration: none;text-transform: uppercase;cursor:pointer;padding: 0 0px 0 0px; display: block; height: 32px !important; line-height: 32px !important; width:100%; text-align:center; left:0; right:0; margin:0 auto; background: url("../images/responsive_menu_icon.png") right center no-repeat;}

#tab-top-menu a.tab_menu:hover {color: #1e753e;text-decoration: none; background: url("../images/responsive_menu_over.png") right center no-repeat; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;}
#tab-top-location {width: 140px;height: 50px;text-align: left; margin-top:4px; padding: 0px 0px 0 0px; display: block; float: right; display:block !important;}
#tab-top-location .tab_location {font-family: 'Open Sans', sans-serif; font-size:23px;font-style: normal;font-weight: normal;color: #fff;text-decoration: none;text-transform: uppercase;cursor:pointer; padding: 0 0px 0 25px; display: block; height: 50px; line-height: 50px; width:120px; background: url("../images/responsive_location_icon.png") left center no-repeat;}
#tab-top-location a.tab_location:hover {color: #31C7E0;text-decoration: none; background: url("../images/responsive_location_over.png") left center no-repeat; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;}

.mobile-nav {display:none;}
#top-menu-contener{display:block; background:url(../images/menu-bg-repeat.jpg) center top repeat-x;}

#mobileToolbar {
    width: 740px !important;
	margin:0 auto !important;

}

/*===== menu css ==============*/

#main-wrapper {width: 740px;}
.bupper {width:740px;}
.hbox {margin: 25px 0 20px 10px;  width: 240px;}
.c-box {height: 168px; width: 216px;}
.tbox {margin: 10px 20px 40px; width: 298px;}
.f1 {margin: 0 10px 0 0;}
.topmenu{display:none;}
.hbox .img {margin: 15px 0 15px;}
.hbox .head {font-size: 25px; line-height:30px;}
.hbox {margin: 25px 0 20px 10px; width: 240px; padding: 0 0 15px;}
.f3 {clear:both; float:left; margin:20px 0 0 0;	width:315px;}

.inner-left {width: 515px;}
.inner-right {width: 200px;}
.probox {width:315px;}

.probox:nth-child(2) {margin-right: 0;}
.probox:nth-child(3) {margin-right: 25px;}
.probox:nth-child(4) {margin-right: 0;}
.probox:nth-child(5) {margin-right: 25px;}
.probox:nth-child(6) {margin-right: 0;}
.probox:nth-child(7) {margin-right: 25px;}
.probox:nth-child(8) {margin-right: 0;}
.probox:nth-child(9) {margin-right: 25px;}
.probox:nth-child(10) {margin-right: 0;}
.probox:nth-child(11) {margin-right: 25px;}
.probox:nth-child(12) {margin-right: 0;}
.probox:nth-child(13) {margin-right: 25px;}
.probox:nth-child(14) {margin-right: 0;}
.probox:nth-child(15) {margin-right: 25px;}
.probox:nth-child(16) {margin-right: 0;}
.probox:nth-child(17) {margin-right: 25px;}
.probox:nth-child(18) {margin-right: 0;}





.cont-left {width: 345px;}
.cont-right {width: 305px;}
.cont-right td{ display:block; text-align:left; width:100%;}
.cinput {height: 33px; margin: 0 0 14px;}
.ctext {margin: 0 0 14px;}
.csubmit {margin: 0 0 0 !important;}
.deal{margin-left:0;}
.dealimg {width: 285px;}

.project-box {width: 320px;}
.project-box img {height: 201px;}


.header-right {width: 378px;}

.socialarea {float: left; margin: -15px 0 9px 26px;}

.h-left {width: 480px;}
.h-right {width: 200px;}
h1 {font-size: 27px;}

.pbox:nth-child(1){ margin-left:95px;}
.pbox:nth-child(3){ margin-left:95px;}

.c-logo {
    float: left;
    height: 124px;
    margin: 0 19px 19px 0;
    width: 217px;
}
.c-logo:nth-child(4){margin: 0 19px 19px 0;}
.c-logo:nth-child(8){margin: 0 19px 19px 0;}
.c-logo:nth-child(12){margin: 0 19px 19px 0;}
.c-logo:nth-child(16){margin: 0 19px 19px 0;}

.add1 {width: 48%;}
.add2 {width: 48%;}


.span3 {width: 232px !important;}
.missionarea {width: 350px;}
.visionarea {width: 350px;}
.s01 {margin: 0 25px 20px 0;}




}





@media only screen and (min-width:320px) and (max-width:767px) {

/*===== menu css ==============*/

#horiz-menu li .link span {padding: 0px 17px 0px 17px !important;}
#top-menu {display:none;}

#tab-top-menu {display: block;}
#mobileToolbar {display: none;}
#tab-top-location {display:block;}

#mobileToolbar {
    display: none;
    float: left;
    position: absolute !important;
    width: 100%;
    z-index: 9999;
	text-align:right;
}

#mobileToolbar ul {margin:0 0 0 0 !important;}

#tab-top-menu {width:auto; float:left; height: 40px; text-align:left; margin-top:4px; padding: 0px 0px 0 0px; display: block !important; margin:4px auto 0 auto !important; left:0; right:0;}
#tab-top-menu .tab_menu {font-family: 'Open Sans', sans-serif;font-size:16px;font-style: normal;font-weight: normal;color: #000;text-decoration: none;text-transform: uppercase;cursor:pointer;padding: 0 0px 0 0px; display: block; height: 33px; line-height: 33px; width:100%; text-align:center; left:0; right:0; margin:0 auto; background: url("../images/responsive_menu_icon.png") right center no-repeat;}


.header.smaller .tab_menu {font-family: 'Open Sans', sans-serif;font-size:20px;font-style: normal;font-weight: normal;color: #000;text-decoration: none;text-transform: uppercase;cursor:pointer;padding: 0 0px 0 0px; display: block; height: 32px !important; line-height: 32px !important; width:100%; text-align:center; left:0; right:0; margin:0 auto; background: url("../images/responsive_menu_icon.png") right center no-repeat;}

#tab-top-menu a.tab_menu:hover {color: #1e753e;text-decoration: none; background: url("../images/responsive_menu_over.png") right center no-repeat; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;}
#tab-top-location {width: 140px;height: 50px;text-align: left; margin-top:4px; padding: 0px 0px 0 0px; display: block; float: right; display:block !important;}
#tab-top-location .tab_location {font-family: 'Conv_HelveticaNeue-LightCond'; font-size:23px;font-style: normal;font-weight: normal;color: #fff;text-decoration: none;text-transform: uppercase;cursor:pointer; padding: 0 0px 0 25px; display: block; height: 50px; line-height: 50px; width:120px; background: url("../images/responsive_location_icon.png") left center no-repeat;}
#tab-top-location a.tab_location:hover {color: #31C7E0;text-decoration: none; background: url("../images/responsive_location_over.png") left center no-repeat; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;}

.mobile-nav {display:none;}
#top-menu-contener{display:block; background:url(../images/menu-bg-repeat.jpg) center top repeat-x;}


#mobileToolbar {
    width: 300px !important;
	margin:0 auto !important;

}

/*===== menu css ==============*/

#main-wrapper {width: 300px;}
.bupper {width:300px; font-size:12px; margin-top:5px;}
.hbox {margin: 25px 0 20px 10px;  width: 240px;}

.c-box {
    height: 188px;
    width: 263px;
}

.tbox {
    margin: 10px 0 20px;
    width: 255px;
}
.f1 {margin: 0 0 20px 0; width:300px;}
.f2 {margin: 0 0 20px 0; width:300px;}
.f3 {margin: 0 0 20px 0; width:300px;}
.topmenu{display:none;}
.hbox .img {margin: 15px 0 15px;}
.hbox .head {font-size: 25px; line-height:30px;}

.hbox {
    margin: 15px 0 0 10px;
    padding: 0 0 15px;
    width: 280px;
}
.logo {width: 300px;}
.hbox:first-child { margin-left: 10px;}
h1 {font-size: 23px;}
.headerarea {max-width: 280px; padding: 0 10px;}

.rightimg {
	width:100%;
	height:auto;
    margin: 0 0 15px 0;
}
.g1 {color: #018886; font-size: 20px; padding-bottom: 18px; padding-top: 8px;}
.tbox:last-child {margin:0 0 20px 0;}
.ftr {font-size: 18px; margin: 15px 0 0; float:left;}
.callbg {
	background:none;
	padding:0 0 0 0;
	margin:-10px 0 0 10px;
	font-size:14px;
	color:#000;
	width:133px;
}
.inner-left {width:300px;}
.inner-right {width:300px;}
.blinks a {padding: 0 4px;}
.blinks .green {padding: 0 4px;}
.mh{display:none;}
.rightmenu {margin: 0 0 0;}
.socialicons {margin: 0 8px 7px 0;}
.fleft, .fright { width:100%; text-align:center; line-height:10px; padding:10px 0;}
.cl-area {padding: 25px 20px 0 !important;}
.item {height: 410px;}
.probox {margin: 25px 0 20px 0; width:266px;}
.cont-left {width: 300px; margin-top:0;}
.cont-right {width: 253px;}
.cont-right td{ display:block; text-align:left; width:100%;}
.cinput {height: 33px; margin: 0 0 14px; width:240px;}
.ctext {margin: 0 0 14px; width:255px;}
.csubmit {margin: -25px 0 0;}
.deal{margin-left:0;}
.dealimg {margin: 25px 0 0; width: 248px;}
.blinks {margin: 0 0 10px; width: 100%;}

.project-box {width: 267px; margin:20px 0 0 0;}
.project-box img {height: 165px;}
.callarea {font-size: 13px; line-height:25px;}


.iso-logo {
    float: right;
    height: auto;
    margin: 10px 14px 0 0;
    width: 40px;
}

.ce-logo {
    float: right;
    height: auto;
    margin: 10px 14px 0 0;
    width: 40px;
}
.socialarea {float: left; margin: 65px 0 0 100px; position: absolute;}
.header-right {margin: -4px 0 6px;}
.tagline {font-size: 21px; line-height: 32px; margin: 0 0 20px;}
.h-left {width: 300px;}
.h-right {width: 260px; margin-top:20px;}
.h-right h2 {font-size: 21px;}

.pbox {margin: 7px 5px 0 15px;}
.c-logo {margin: 0 0 30px 26px;}
.fmenu li {margin: 11px 0 0;}
.fleft, .fright {line-height: 20px;}


.add1 {width:100%; height:auto; margin:0 0 15px 0;}
.add2 {width:100%; height:auto; margin:0 0 15px 0;}


.row-fluid .span6 {width: 100% !important;}
.nimg2{ width:100%; height:auto; padding-bottom:10px;}
.missionarea {width: 300px;}
.visionarea {width: 300px;}
.s01 {margin: 0 0 20px 0; width:100%;}

.iheadarea {margin: 9px 0 0 0;}
.iheadarea .green1{ display:none;}
.blinks {margin: -20px 0 10px;}


}



@media only screen and (max-width:320px) {

/*===== menu css ==============*/

#horiz-menu li .link span {padding: 0px 17px 0px 17px !important;}
#top-menu {display:none;}

#tab-top-menu {display: block;}
#mobileToolbar {display: none;}
#tab-top-location {display:block;}

#mobileToolbar {
    display: none;
    float: left;
    position: absolute !important;
    width: 100%;
    z-index: 9999;
	text-align:right;
}

#mobileToolbar ul {margin:0 0 0 0 !important;}

#tab-top-menu {width:auto; float:left; height: 40px; text-align:left; margin-top:4px; padding: 0px 0px 0 0px; display: block !important; margin:4px auto 0 auto !important; left:0; right:0;}
#tab-top-menu .tab_menu {font-family: 'Open Sans', sans-serif;font-size:16px;font-style: normal;font-weight: normal;color: #000;text-decoration: none;text-transform: uppercase;cursor:pointer;padding: 0 0px 0 0px; display: block; height: 33px; line-height: 33px; width:100%; text-align:center; left:0; right:0; margin:0 auto; background: url("../images/responsive_menu_icon.png") right center no-repeat;}


.header.smaller .tab_menu {font-family: 'Open Sans', sans-serif;font-size:20px;font-style: normal;font-weight: normal;color: #000;text-decoration: none;text-transform: uppercase;cursor:pointer;padding: 0 0px 0 0px; display: block; height: 32px !important; line-height: 32px !important; width:100%; text-align:center; left:0; right:0; margin:0 auto; background: url("../images/responsive_menu_icon.png") right center no-repeat;}

#tab-top-menu a.tab_menu:hover {color: #1e753e;text-decoration: none; background: url("../images/responsive_menu_over.png") right center no-repeat; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;}
#tab-top-location {width: 140px;height: 50px;text-align: left; margin-top:4px; padding: 0px 0px 0 0px; display: block; float: right; display:block !important;}
#tab-top-location .tab_location {font-family: 'Conv_HelveticaNeue-LightCond'; font-size:23px;font-style: normal;font-weight: normal;color: #fff;text-decoration: none;text-transform: uppercase;cursor:pointer; padding: 0 0px 0 25px; display: block; height: 50px; line-height: 50px; width:120px; background: url("../images/responsive_location_icon.png") left center no-repeat;}
#tab-top-location a.tab_location:hover {color: #31C7E0;text-decoration: none; background: url("../images/responsive_location_over.png") left center no-repeat; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;}

.mobile-nav {display:none;}
#top-menu-contener{display:block; background:url(../images/menu-bg-repeat.jpg) center top repeat-x;}


#mobileToolbar {
    width: 300px !important;
	margin:0 auto !important;

}

/*===== menu css ==============*/

#main-wrapper {width: 300px;}
.bupper {width:300px; font-size:12px; margin-top:5px;}
.hbox {margin: 25px 0 20px 10px;  width: 240px;}

.c-box {
    height: 188px;
    width: 263px;
}

.tbox {
    margin: 10px 0 20px;
    width: 255px;
}
.f1 {margin: 0 0 20px 0; width:300px;}
.f2 {margin: 0 0 20px 0; width:300px;}
.f3 {margin: 0 0 20px 0; width:300px;}
.topmenu{display:none;}
.hbox .img {margin: 15px 0 15px;}
.hbox .head {font-size: 25px; line-height:30px;}

.hbox {
    margin: 15px 0 0 10px;
    padding: 0 0 15px;
    width: 280px;
}
.logo {width: 300px;}
.hbox:first-child { margin-left: 10px;}
h1 {font-size: 23px;}
.headerarea {max-width: 280px; padding: 0 10px;}

.rightimg {
	width:100%;
	height:auto;
    margin: 0 0 15px 0;
}
.g1 {color: #018886; font-size: 20px; padding-bottom: 18px; padding-top: 8px;}
.tbox:last-child {margin:0 0 20px 0;}
.ftr {font-size: 18px; margin: 15px 0 0; float:left;}
.callbg {
	background:none;
	padding:0 0 0 0;
	margin:-10px 0 0 10px;
	font-size:14px;
	color:#000;
	width:133px;
}
.inner-left {width:300px;}
.inner-right {width:300px;}
.blinks a {padding: 0 4px;}
.blinks .green {padding: 0 4px;}
.mh{display:none;}
.rightmenu {margin: 0 0 0;}
.socialicons {margin: 0 8px 7px 0;}
.fleft, .fright { width:100%; text-align:center; line-height:10px; padding:10px 0;}
.cl-area {padding: 25px 20px 0 !important;}
.item {height: 410px;}
.probox {margin: 25px 0 20px 0; width:266px;}
.cont-left {width: 300px; margin-top:0;}
.cont-right {width: 253px;}
.cont-right td{ display:block; text-align:left; width:100%;}
.cinput {height: 33px; margin: 0 0 14px; width:240px;}
.ctext {margin: 0 0 14px; width:255px;}
.csubmit {margin: -25px 0 0;}
.deal{margin-left:0;}
.dealimg {margin: 25px 0 0; width: 248px;}
.blinks {margin: 0 0 10px; width: 100%;}

.project-box {width: 267px; margin:20px 0 0 0;}
.project-box img {height: 165px;}
.callarea {font-size: 13px; line-height:25px;}


.iso-logo {
    float: right;
    height: auto;
    margin: 10px 14px 0 0;
    width: 40px;
}

.ce-logo {
    float: right;
    height: auto;
    margin: 10px 14px 0 0;
    width: 40px;
}
.socialarea {float: left; margin: 65px 0 0 100px; position: absolute;}
.header-right {margin: -4px 0 6px;}
.tagline {font-size: 21px; line-height: 32px; margin: 0 0 20px;}
.h-left {width: 300px;}
.h-right {width: 260px; margin-top:20px;}
.h-right h2 {font-size: 21px;}

.pbox {margin: 7px 5px 0 15px;}
.c-logo {margin: 0 0 30px 26px;}
.fmenu li {margin: 11px 0 0;}
.fleft, .fright {line-height: 20px;}


.add1 {width:100%; height:auto; margin:0 0 15px 0;}
.add2 {width:100%; height:auto; margin:0 0 15px 0;}

.row-fluid .span6 {width: 100% !important;}
.nimg2{ width:100%; height:auto; padding-bottom:10px;}
.missionarea {width: 300px; margin-bottom:25px;}
.visionarea {width: 300px;}
.s01 {margin: 0 0 20px 0; width:100%;}

.iheadarea {margin: 9px 0 0 0;}
.iheadarea .green1{ display:none;}
.blinks {margin: -20px 0 10px;}



}


