@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 0px) and (max-width: 240px) {
#wrapper {
  background: url("../images/bg_wrapper.png?1345111307") repeat-x scroll left top rgba(0, 0, 0, 0);
  overflow-x: hidden;
  width: 100%;
}

#topNav ul li a{padding:0 9px !important;font-size:14px!important;}

#identityContact {
  background: none repeat scroll 0 0 #fff;
  border: medium none;
  padding: 20px 0 20px 3px;
}

#companyName {
  float: left;
  font-size: 15px;
  margin-top: 25px;
  width: 100%;
}

#identity {
  position: absolute;
  top: 25px; padding-left: 2px;
}

#contact {
  float: left;
  margin-top: 46px;
  position: absolute;
  right: 31px;
  text-align: right;
  width: 300px;
}
#identityContact {
  background: none repeat scroll 0 0 #fff;
  border: medium none;
  height: 175px;
  padding: 11px 0 21px 5px;
  width: 23%;
}
.contentAreaC {
  margin-bottom: 20px;
  width: 100%;
}
.contentAreaE {
  width: 100%;
}

.contentAreaF {
  width: 97%;
}

.contentAreaF .image {
  width: 93%;
}
.contentAreaC .image {
  width: 94%;
}

.formbuilder .width-container {
  display: block;
  position: relative;
  text-align: right;
  width: 100%;
}
#topNav, #poweredByContainer {
  border: medium none;
  width: 100%;
}

.formbuilder.simple .text, .formbuilder.simple .textarea {
  width: 100%;
}

.formbuilder.simple .text-container, .formbuilder.simple .textarea-container {
  background: none repeat scroll 0 0 #fff;
  float: left;
  margin: 9px 0 0;
  width: 95%;
}

#breadcrumbContainer {
  background: url("../images/bg_breadcrump.png?1345111307") repeat-x scroll left top #eee;
  height: 27px;
  padding: 3px 7px;
}
#topNav ul {
  background: none repeat scroll 0 0 #fff;
  padding-left: 4px;
  width: 99%;
}
.breadcrumb-container{width:100%!important}

#breadcrumb{width:42% !important}

.mapcontainer iframe{width:100%!important}

#contentWrapperWrapper {
  background-color: #eee;
  width: 100%;
}
.contentAreaA {
  width: 100%;
}

.contentArea .h1 {
  color: #09c;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.contentArea p {
  margin: 0 0 15px;
  text-align: justify;
}

.contentAreaB {
  width: 96%;
}
#contentWrapper {
  margin: 0 auto;
  min-height: 100px;
  text-align: left;
  width: 100%;
}

.contentAreaC .contact > ul > li, .contentAreaD .contact > ul > li, .contentAreaE .contact > ul > li {
  width: 99.333%;
}

div.address {
  background: none repeat scroll 0 0 #858585;
  border: medium none;
  color: #ccc;
  font-size: 12px;
  height: 169px;
  letter-spacing: 0;
  line-height: 38px;
  margin: 10px 5px 0;
  padding-left: 15px;
  text-align: left;
  text-transform: none;
  width: 89%;
}

.contentAreaE .image {
  width: 93%;
}

.formbuilder.simple .text-container, .formbuilder.simple .textarea-container {
  background: none repeat scroll 0 0 #fff;
  float: left;
  margin: 9px 0 0;
  width: 75%;
}
#footer {
  background: none repeat scroll 0 0 #666;
  padding-top: 5px;
  width: 100%;
}
}


@media only screen and (min-width: 241px) and (max-width: 320px) {
#wrapper {
  background: url("../images/bg_wrapper.png?1345111307") repeat-x scroll left top rgba(0, 0, 0, 0);
  overflow-x: hidden;
  width: 100%;
}

#topNav ul li a{padding:0 9px !important;font-size:14px!important;}

#identityContact {
  background: none repeat scroll 0 0 #fff;
  border: medium none;
  padding: 20px 0 20px 3px;
}

#companyName {
  float: left;
  font-size: 18px;
  width: 100%;
  margin-top: 25px;
}

#identity {
  position: absolute;
  top: 25px; padding-left: 2px;
}

#contact {
  margin-top: 25px;
  position: absolute;
  right: 55px;
  text-align: right;
  width: 300px;float:left;
}
#identityContact {
  background: none repeat scroll 0 0 #fff;
  border: medium none;
  height: 126px;
  padding: 20px 0 21px 3px;
  width: 32%;
}
.contentAreaC {
  margin-bottom: 20px;
  width: 100%;
}
.contentAreaE {
  width: 100%;
}

.contentAreaF {
  width: 97%;
}

.contentAreaF .image {
  width: 93%;
}
.contentAreaC .image {
  width: 94%;
}

.formbuilder .width-container {
  display: block;
  position: relative;
  text-align: right;
  width: 100%;
}
#topNav, #poweredByContainer {
  border: medium none;
  width: 100%;
}

#breadcrumbContainer {
  background: url("../images/bg_breadcrump.png?1345111307") repeat-x scroll left top #eee;
  height: 27px;
  padding: 3px 7px;
}
#topNav ul {
  background: none repeat scroll 0 0 #fff;
  padding-left: 4px;
  width: 99%;
}
.breadcrumb-container{width:100%!important}

#breadcrumb{width:42% !important}

.mapcontainer iframe{width:100%!important}

#contentWrapperWrapper {
  background-color: #eee;
  width: 100%;
}
.contentAreaA {
  width: 100%;
}

.contentArea .h1 {
  color: #09c;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.contentArea p {
  margin: 0 0 15px;
  text-align: justify;
}

.contentAreaB {
  width: 96%;
}
#contentWrapper {
  margin: 0 auto;
  min-height: 100px;
  text-align: left;
  width: 100%;
}

.contentAreaC .contact > ul > li, .contentAreaD .contact > ul > li, .contentAreaE .contact > ul > li {
  width: 99.333%;
}

div.address {
  background: none repeat scroll 0 0 #858585;
  border: medium none;
  color: #ccc;
  font-size: 12px;
  height: 115px;
  letter-spacing: 0;
  line-height: 38px;
  margin: 10px 10px 0;
  padding-left: 15px;
  text-align: left;
  text-transform: none;
  width: 89%;
}
#footer {
  background: none repeat scroll 0 0 #666;
  padding-top: 5px;
  width: 100%;
}
}


/*-------------------------------------------------------------------SCREEN 375px-----------------------------------------------------------------------------*/

@media only screen and (min-width: 321px) and (max-width: 375px) {
#wrapper {
  background: url("../images/bg_wrapper.png?1345111307") repeat-x scroll left top rgba(0, 0, 0, 0);
  overflow-x: hidden;
  width: 100%;
}

#topNav ul li a{padding:0 9px !important;font-size:14px!important;}

#identityContact {
  background: none repeat scroll 0 0 #fff;
  border: medium none;
  padding: 20px 0 20px 3px;
}

#companyName {
  float: left;
  font-size: 18px;
  width: 100%;
  margin-top: 25px;
}

#identity {
  position: absolute;
  top: 25px; padding-left: 2px;
}

#contact {
  margin-top: 25px;
  position: absolute;
  right: 55px;
  text-align: right;
  width: 300px;float:left;
}
#identityContact {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    height: 126px;
    padding: 20px 0 21px 3px;
    width: 38%;
}
.contentAreaC {
  margin-bottom: 20px;
  width: 100%;
}
.contentAreaE {
  width: 100%;
}

.contentAreaF {
  width: 97%;
}

.contentAreaF .image {
  width: 93%;
}
.contentAreaC .image {
  width: 94%;
}

.formbuilder .width-container {
  display: block;
  position: relative;
  text-align: right;
  width: 100%;
}
#topNav, #poweredByContainer {
  border: medium none;
  width: 100%;
}

#breadcrumbContainer {
  background: url("../images/bg_breadcrump.png?1345111307") repeat-x scroll left top #eee;
  height: 27px;
  padding: 3px 7px;
}
#topNav ul {
  background: none repeat scroll 0 0 #fff;
  padding-left: 39px;
  width: 89%;
}
.breadcrumb-container{width:100%!important}

#breadcrumb{width:42% !important}

.mapcontainer iframe{width:100%!important}

#contentWrapperWrapper {
  background-color: #eee;
  width: 100%;
}
.contentAreaA {
  width: 100%;
}

.contentArea .h1 {
  color: #09c;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.contentArea p {
  margin: 0 0 15px;
  text-align: justify;
}

.contentAreaB {
  width: 96%;
}
#contentWrapper {
  margin: 0 auto;
  min-height: 100px;
  text-align: left;
  width: 100%;
}

.contentAreaC .contact > ul > li, .contentAreaD .contact > ul > li, .contentAreaE .contact > ul > li {
  width: 65.333%;
}

div.address {
  background: none repeat scroll 0 0 #858585;
  border: medium none;
  color: #ccc;
  font-size: 12px;
  height: 115px;
  letter-spacing: 0;
  line-height: 38px;
  margin: 10px 10px 0;
  padding-left: 15px;
  text-align: left;
  text-transform: none;
  width: 89%;
}
#footer {
  background: none repeat scroll 0 0 #666;
  padding-top: 5px;
  width: 100%;
}
}




/*-------------------------------------------------------------------SCREEN 384px-----------------------------------------------------------------------------*/

@media only screen and (min-width: 376px) and (max-width: 384px) {
#wrapper {
  background: url("../images/bg_wrapper.png?1345111307") repeat-x scroll left top rgba(0, 0, 0, 0);
  overflow-x: hidden;
  width: 100%;
}

#topNav ul li a{padding:0 9px !important;font-size:14px!important;}

#identityContact {
  background: none repeat scroll 0 0 #fff;
  border: medium none;
  padding: 20px 0 20px 3px;
}

#companyName {
  float: left;
  font-size: 18px;
  width: 100%;
  margin-top: 25px;
}

#identity {
  position: absolute;
  top: 25px; padding-left: 2px;
}

#contact {
  margin-top: 25px;
  position: absolute;
  right: 55px;
  text-align: right;
  width: 300px;float:left;
}
#identityContact {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    height: 126px;
    padding: 20px 0 21px 3px;
    width: 39%;
}
.contentAreaC {
  margin-bottom: 20px;
  width: 100%;
}
.contentAreaE {
  width: 100%;
}

.contentAreaF {
  width: 97%;
}

.contentAreaF .image {
  width: 93%;
}
.contentAreaC .image {
  width: 94%;
}

.formbuilder .width-container {
  display: block;
  position: relative;
  text-align: right;
  width: 100%;
}
#topNav, #poweredByContainer {
  border: medium none;
  width: 100%;
}

#breadcrumbContainer {
  background: url("../images/bg_breadcrump.png?1345111307") repeat-x scroll left top #eee;
  height: 27px;
  padding: 3px 7px;
}
#topNav ul {
  background: none repeat scroll 0 0 #fff;
  padding-left: 42px;
  width: 89%;
}
.breadcrumb-container{width:100%!important}

#breadcrumb{width:42% !important}

.mapcontainer iframe{width:100%!important}

#contentWrapperWrapper {
  background-color: #eee;
  width: 100%;
}
.contentAreaA {
  width: 100%;
}

.contentArea .h1 {
  color: #09c;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.contentArea p {
  margin: 0 0 15px;
  text-align: justify;
}

.contentAreaB {
  width: 96%;
}
#contentWrapper {
  margin: 0 auto;
  min-height: 100px;
  text-align: left;
  width: 100%;
}

.contentAreaC .contact > ul > li, .contentAreaD .contact > ul > li, .contentAreaE .contact > ul > li {
  width: 65.333%;
}

div.address {
  background: none repeat scroll 0 0 #858585;
  border: medium none;
  color: #ccc;
  font-size: 12px;
  height: 115px;
  letter-spacing: 0;
  line-height: 38px;
  margin: 10px 10px 0;
  padding-left: 15px;
  text-align: left;
  text-transform: none;
  width: 89%;
}
#footer {
  background: none repeat scroll 0 0 #666;
  padding-top: 5px;
  width: 100%;
}
}



/*-------------------------------------------------------------------SCREEN 414px-----------------------------------------------------------------------------*/

@media only screen and (min-width: 385px) and (max-width: 414px) {
#wrapper {
  background: url("../images/bg_wrapper.png?1345111307") repeat-x scroll left top rgba(0, 0, 0, 0);
  overflow-x: hidden;
  width: 100%;
}

#topNav ul li a{padding:0 9px !important;font-size:14px!important;}

#identityContact {
  background: none repeat scroll 0 0 #fff;
  border: medium none;
  padding: 20px 0 20px 3px;
}

#companyName {
  float: left;
  font-size: 18px;
  width: 100%;
  margin-top: 25px;
}

#identity {
  padding-left: 13px;
  position: absolute;
  top: 25px;
}

#contact {
  margin-top: 25px;
  position: absolute;
  right: 55px;
  text-align: right;
  width: 300px;float:left;
}
#identityContact {
  background: none repeat scroll 0 0 #fff;
  border: medium none;
  height: 126px;
  padding: 20px 0 21px 11px;
  width: 41%;
}
.contentAreaC {
  margin-bottom: 20px;
  width: 100%;
}
.contentAreaE {
  width: 100%;
}

.contentAreaF {
  width: 97%;
}

.contentAreaF .image {
  width: 93%;
}
.contentAreaC .image {
  width: 94%;
}

.contentAreaE .image {
    width: 95%;
}

.formbuilder .width-container {
  display: block;
  position: relative;
  text-align: right;
  width: 100%;
}
#topNav, #poweredByContainer {
  border: medium none;
  width: 100%;
}

#breadcrumbContainer {
  background: url("../images/bg_breadcrump.png?1345111307") repeat-x scroll left top #eee;
  height: 27px;
  padding: 3px 7px;
}
#topNav ul {
  background: none repeat scroll 0 0 #fff;
  padding-left: 53px;
  width: 87%;
}
.breadcrumb-container{width:100%!important}

#breadcrumb{width:42% !important}

.mapcontainer iframe{width:100%!important}

#contentWrapperWrapper {
  background-color: #eee;
  width: 100%;
}
.contentAreaA {
  width: 100%;
}

.contentArea .h1 {
  color: #09c;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.contentArea p {
  margin: 0 0 15px;
  text-align: justify;
}

.contentAreaB {
  width: 96%;
}
#contentWrapper {
  margin: 0 auto;
  min-height: 100px;
  text-align: left;
  width: 100%;
}

.contentAreaC .contact > ul > li, .contentAreaD .contact > ul > li, .contentAreaE .contact > ul > li {
  width: 65.333%;
}

div.address {
  background: none repeat scroll 0 0 #858585;
  border: medium none;
  color: #ccc;
  font-size: 12px;
  height: 115px;
  letter-spacing: 0;
  line-height: 38px;
  margin: 10px 10px 0;
  padding-left: 15px;
  text-align: left;
  text-transform: none;
  width:91%;
}
#footer {
  background: none repeat scroll 0 0 #666;
  padding-top: 5px;
  width: 100%;
}

.formbuilder.simple .text-container, .formbuilder.simple .textarea-container {
  background: none repeat scroll 0 0 #fff;
  float: left;
  margin: 9px 0 0;
  width: 98%;
}
}



/*-------------------------------------------------------------------SCREEN 568px-----------------------------------------------------------------------------*/

@media only screen and (min-width: 415px) and (max-width: 568px) {
#wrapper {
  background: url("../images/bg_wrapper.png?1345111307") repeat-x scroll left top rgba(0, 0, 0, 0);
  overflow-x: hidden;
  width: 100%;
}

#topNav ul li a{padding:0 9px !important;font-size:14px!important;}

#identityContact {
  background: none repeat scroll 0 0 #fff;
  border: medium none;
  padding: 20px 0 20px 3px;
}

#companyName {
  float: left;
  font-size: 22px;
  width: 100%;
  margin-top: 25px;
}

#identity {
  padding-left: 13px;
  position: absolute;
  top: 25px;
}

#contact {
  margin-top: 25px;
  position: absolute;
  right: 55px;
  text-align: right;
  width: 300px;float:left;
}
#identityContact {
  background: none repeat scroll 0 0 #fff;
  border: medium none;
  height: 110px;
  padding: 20px 0 21px 11px;
  width: 61%;
}
.contentAreaC {
  margin-bottom: 20px;
  width: 100%;
}
.contentAreaE {
  width: 100%;
}

.contentAreaF {
  width: 97%;
}

.contentAreaF .image {
  width: 93%;
}
.contentAreaC .image {
  width: 94%;
}

.formbuilder .width-container {
  display: block;
  position: relative;
  text-align: right;
  width: 100%;
}
#topNav, #poweredByContainer {
  border: medium none;
  width: 100%;
}

#breadcrumbContainer {
  background: url("../images/bg_breadcrump.png?1345111307") repeat-x scroll left top #eee;
  height: 27px;
  padding: 3px 7px;
}
#topNav ul {
  background: none repeat scroll 0 0 #fff;
  padding-left: 123px;
  width: 100%;
}
.breadcrumb-container{width:100%!important}

#breadcrumb{width:42% !important}

.mapcontainer iframe{width:100%!important}

#contentWrapperWrapper {
  background-color: #eee;
  width: 100%;
}
.contentAreaA {
  width: 100%;
}

.contentArea .h1 {
  color: #09c;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.contentArea p {
  margin: 0 0 15px;
  text-align: justify;
}

.contentAreaB {
  width: 96%;
}
#contentWrapper {
  margin: 0 auto;
  min-height: 100px;
  text-align: left;
  width: 100%;
}

.contentAreaC .contact > ul > li, .contentAreaD .contact > ul > li, .contentAreaE .contact > ul > li {
  width: 65.333%;
}

div.address {
  background: none repeat scroll 0 0 #858585;
  border: medium none;
  color: #ccc;
  font-size: 12px;
  height: 85px;
  letter-spacing: 0;
  line-height: 38px;
  margin: 10px 10px 0;
  padding-left: 15px;
  text-align: left;
  text-transform: none;
  width:94%;
}
#footer {
  background: none repeat scroll 0 0 #666;
  padding-top: 5px;
  width: 100%;
}

.formbuilder.simple .text-container, .formbuilder.simple .textarea-container {
  background: none repeat scroll 0 0 #fff;
  float: left;
  margin: 9px 0 0;
  width: 98%;
}

div#map-div {
  float: left;
  height: 240px;
  width: 100%!important;;
}

.formbuilder.simple {
  background: none repeat scroll 0 0 #eee;
  padding: 15px;
}

.contentAreaE .image {
    width: 96%;
}
}


/*-------------------------------------------------------------------SCREEN 600px-----------------------------------------------------------------------------*/

@media only screen and (min-width: 569px) and (max-width: 600px) {
#wrapper {
  background: url("../images/bg_wrapper.png?1345111307") repeat-x scroll left top rgba(0, 0, 0, 0);
  overflow-x: hidden;
  width: 100%;
}

#topNav ul li a{padding:0 9px !important;font-size:14px!important;}

#identityContact {
  background: none repeat scroll 0 0 #fff;
  border: medium none;
  padding: 20px 0 20px 3px;
}

#companyName {
  float: left;
  font-size: 22px;
  width: 100%;
  margin-top: 25px;
}

#identity {
  padding-left: 13px;
  position: absolute;
  top: 25px;
}

#contact {
  margin-top: 25px;
  position: absolute;
  right: 55px;
  text-align: right;
  width: 300px;float:left;
}
#identityContact {
  background: none repeat scroll 0 0 #fff;
  border: medium none;
  height: 110px;
  padding: 20px 0 21px 11px;
  width: 61%;
}
.contentAreaC {
  margin-bottom: 20px;
  width: 100%;
}
.contentAreaE {
  width: 100%;
}

.contentAreaF {
  width: 97%;
}

.contentAreaF .image {
  width: 44%;
}
.contentAreaC .image {
  width: 94%;
}

.formbuilder .width-container {
  display: block;
  position: relative;
  text-align: right;
  width: 100%;
}
#topNav, #poweredByContainer {
  border: medium none;
  width: 100%;
}

#breadcrumbContainer {
  background: url("../images/bg_breadcrump.png?1345111307") repeat-x scroll left top #eee;
  height: 27px;
  padding: 3px 7px;
}
#topNav ul {
  background: none repeat scroll 0 0 #fff;
  padding-left: 123px;
  width: 100%;
}
.breadcrumb-container{width:100%!important}

#breadcrumb{width:42% !important}

.mapcontainer iframe{width:100%!important}

#contentWrapperWrapper {
  background-color: #eee;
  width: 100%;
}
.contentAreaA {
  width: 100%;
}

.contentArea .h1 {
  color: #09c;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.contentArea p {
  margin: 0 0 15px;
  text-align: justify;
}

.contentAreaB {
  width: 96%;
}
#contentWrapper {
  margin: 0 auto;
  min-height: 100px;
  text-align: left;
  width: 100%;
}

.contentAreaC .contact > ul > li, .contentAreaD .contact > ul > li, .contentAreaE .contact > ul > li {
  width: 65.333%;
}

div.address {
  background: none repeat scroll 0 0 #858585;
  border: medium none;
  color: #ccc;
  font-size: 12px;
  height: 85px;
  letter-spacing: 0;
  line-height: 38px;
  margin: 10px 10px 0;
  padding-left: 15px;
  text-align: left;
  text-transform: none;
  width:94%;
}
#footer {
  background: none repeat scroll 0 0 #666;
  padding-top: 5px;
  width: 100%;
}

.formbuilder.simple .text-container, .formbuilder.simple .textarea-container {
  background: none repeat scroll 0 0 #fff;
  float: left;
  margin: 9px 0 0;
  width: 98%;
}

div#map-div {
  float: left;
  height: 240px;
  width: 100%!important;
}

.formbuilder.simple {
  background: none repeat scroll 0 0 #eee;
  padding: 15px;
}

.contentAreaE .image {
    width: 96%;
}
}


/*-------------------------------------------------------------------SCREEN 667px-----------------------------------------------------------------------------*/

@media only screen and (min-width: 601px) and (max-width: 667px) {
#wrapper {
  background: url("../images/bg_wrapper.png?1345111307") repeat-x scroll left top rgba(0, 0, 0, 0);
  overflow-x: hidden;
  width: 100%;
}

#topNav ul li a{padding:0 9px !important;font-size:14px!important;}

#identityContact {
  background: none repeat scroll 0 0 #fff;
  border: medium none;
  padding: 20px 0 20px 3px;
}

#companyName {
  float: left;
  font-size: 22px;
  width: 100%;
  margin-top: 25px;
}

#identity {
  padding-left: 13px;
  position: absolute;
  top: 25px;
}

#contact {
  margin-top: 25px;
  position: absolute;
  right: 55px;
  text-align: right;
  width: 300px;float:left;
}
#identityContact {
  background: none repeat scroll 0 0 #fff;
  border: medium none;
  height: 110px;
  padding: 20px 0 21px 11px;
  width: 68%;
}
.contentAreaC {
  margin-bottom: 20px;
  width: 100%;
}
.contentAreaE {
  width: 100%;
}

.contentAreaF {
  width: 97%;
}

.contentAreaF .image {
  width: 44%;
}
.contentAreaC .image {
  width: 94%;
}

.formbuilder .width-container {
  display: block;
  position: relative;
  text-align: right;
  width: 100%;
}
#topNav, #poweredByContainer {
  border: medium none;
  width: 100%;
}

#breadcrumbContainer {
  background: url("../images/bg_breadcrump.png?1345111307") repeat-x scroll left top #eee;
  height: 27px;
  padding: 3px 7px;
}
#topNav ul {
  background: none repeat scroll 0 0 #fff;
  padding-left: 123px;
  width: 100%;
}
.breadcrumb-container{width:100%!important}

#breadcrumb{width:42% !important}

.mapcontainer iframe{width:100%!important}

#contentWrapperWrapper {
  background-color: #eee;
  width: 100%;
}
.contentAreaA {
  width: 100%;
}

.contentArea .h1 {
  color: #09c;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.contentArea p {
  margin: 0 0 15px;
  text-align: justify;
}

.contentAreaB {
  width: 96%;
}
#contentWrapper {
  margin: 0 auto;
  min-height: 100px;
  text-align: left;
  width: 100%;
}

.contentAreaC .contact > ul > li, .contentAreaD .contact > ul > li, .contentAreaE .contact > ul > li {
  width: 65.333%;
}

div.address {
  background: none repeat scroll 0 0 #858585;
  border: medium none;
  color: #ccc;
  font-size: 12px;
  height: 85px;
  letter-spacing: 0;
  line-height: 38px;
  margin: 10px 10px 0;
  padding-left: 15px;
  text-align: left;
  text-transform: none;
  width:94%;
}
#footer {
  background: none repeat scroll 0 0 #666;
  padding-top: 5px;
  width: 100%;
}

.formbuilder.simple .text-container, .formbuilder.simple .textarea-container {
  background: none repeat scroll 0 0 #fff;
  float: left;
  margin: 9px 0 0;
  width: 98%;
}

div#map-div {
  float: left;
  height: 240px;
  width: 100%!important;
}

.formbuilder.simple {
  background: none repeat scroll 0 0 #eee;
  padding: 15px;
}

.contentAreaE .image {
    width: 96%;
}
}


/*-------------------------------------------------------------------SCREEN 736px-----------------------------------------------------------------------------*/

@media only screen and (min-width: 668px) and (max-width: 736px) {

.contentAreaC {
  margin-bottom: 20px;
  width: 76%;
}

.contentAreaA {
  
  width: 30%;
}

.contentAreaB {
  width: 22%;
}

.contentAreaE {
  width: 45%;
}

.contentAreaE .image {
  width: 96%;
}

.contentAreaF {
  width: 31%;
}

.formbuilder .width-container {
  display: block;
  position: relative;
  text-align: right;
  width: 100%;
}

.contentAreaF .image {
  width: 90%;
}


.contentAreaC .image {
  width: 98%;
}
.contentAreaC .contact > ul > li, .contentAreaD .contact > ul > li, .contentAreaE .contact > ul > li {
  width: 48.333%;
}
.contentArea .h1 {
  color: #09c;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}
.contentArea p {
  margin: 0 0 15px;
  text-align: justify;
}

div.address {
  background: none repeat scroll 0 0 #858585;
  border: medium none;
  color: #ccc;
  font-size: 12px;
  height: 75px;
  letter-spacing: 0;
  line-height: 38px;
  margin: 10px 25px 0;
  padding-left: 15px;
  text-align: left;
  text-transform: none;
}

#footer {
  background: none repeat scroll 0 0 #666;
  padding-top: 5px;
  width: 100%;
}

.hours, .contact {
  background: none repeat scroll 0 0 #eee;
  margin: 0 0px 13px;
  padding: 15px 15px 10px;
}

.breadcrumb-container{width:100%!important}

#breadcrumb{width:42% !important}

.mapcontainer iframe{width:100%!important}


#wrapper {
  background: url("../images/bg_wrapper.png?1345111307") repeat-x scroll left top rgba(0, 0, 0, 0);
  overflow-x: hidden;
  width: 100%;
}

#topNav ul li a{padding:0 9px !important;font-size:14px!important;}

#identityContact {
  background: none repeat scroll 0 0 #fff;
  border: medium none;
  padding: 20px 0 20px 3px;
}

#companyName {
  float: left;
  font-size: 22px;
  width: 100%;
  margin-top: 25px;
}

#identity {
  padding-left: 45px;
  position: absolute;
  top: 25px;
}

#contact {
  margin-top: 25px;
  position: absolute;
  right: 55px;
  text-align: right;
  width: 300px;float:left;
}
#identityContact {
  background: none repeat scroll 0 0 #fff;
  border: medium none;
  height: 104px;
  padding: 20px 0 21px 40px;
  width: 72%;
}

}

/*-------------------------------------------------------------------SCREEN 768px-----------------------------------------------------------------------------*/

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

.contentAreaC {
  margin-bottom: 20px;
  width: 76%;
}

.contentAreaA {
  
  width: 32%;
}

.contentAreaB {
  width: 23%;
}

.contentAreaE {
  width: 49%;
}

.contentAreaE .image {
  width: 96%;
}

.contentAreaF {
  width: 31%;
}

.formbuilder .width-container {
  display: block;
  position: relative;
  text-align: right;
  width: 100%;
}

.contentAreaF .image {
  width: 90%;
}


.contentAreaC .image {
  width: 100%;
}
.contentAreaC .contact > ul > li, .contentAreaD .contact > ul > li, .contentAreaE .contact > ul > li {
  width: 33.333%;
}
.contentArea .h1 {
  color: #09c;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}
.contentArea p {
  margin: 0 0 15px;
  text-align: justify;
}

div.address {
  background: none repeat scroll 0 0 #858585;
  border: medium none;
  color: #ccc;
  font-size: 12px;
  height: 75px;
  letter-spacing: 0;
  line-height: 38px;
  margin: 10px 25px 0;
  padding-left: 15px;
  text-align: left;
  text-transform: none;
}

#footer {
  background: none repeat scroll 0 0 #666;
  padding-top: 5px;
  width: 100%;
}

.hours, .contact {
  background: none repeat scroll 0 0 #eee;
  margin: 0 0px 13px;
  padding: 15px 15px 10px;
}

.breadcrumb-container{width:100%!important}

#breadcrumb{width:42% !important}

.mapcontainer iframe{width:100%!important}


#wrapper {
  background: url("../images/bg_wrapper.png?1345111307") repeat-x scroll left top rgba(0, 0, 0, 0);
  overflow-x: hidden;
  width: 100%;
}

#topNav ul li a{padding:0 9px !important;font-size:14px!important;}

#identityContact {
  background: none repeat scroll 0 0 #fff;
  border: medium none;
  padding: 20px 0 20px 3px;
}

#companyName {
  float: left;
  font-size: 22px;
  width: 100%;
  margin-top: 25px;
}

#identity {
  padding-left: 45px;
  position: absolute;
  top: 25px;
}

#contact {
  margin-top: 25px;
  position: absolute;
  right: 55px;
  text-align: right;
  width: 300px;float:left;
}
#identityContact {
  background: none repeat scroll 0 0 #fff;
  border: medium none;
  height: 104px;
  padding: 20px 0 21px 40px;
  width: 77%;
}

}