/*!
* Bootstrap Responsive v2.2.1
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/

.clearfix { *zoom: 1;}
.clearfix:before, .clearfix:after {display: table; line-height: 0; content: "";}
.clearfix:after {clear: both;}
.hide-text {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
.input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.hidden {display: none;visibility: hidden;}
.visible-phone { display: none !important;}
.visible-tablet { display: none !important;}
.hidden-desktop {display: none !important;}
.visible-desktop { display: inherit !important;}

@media (min-width: 768px) and (max-width: 979px) {
.hidden-desktop { display: inherit !important;}
.visible-desktop { display: none !important ;}
.visible-tablet { display: inherit !important;}
.hidden-tablet { display: none !important;}
}

@media (max-width: 767px) {
.hidden-desktop {display: inherit !important;}
.visible-desktop {display: none !important;}
.visible-phone {display: inherit !important;}
.hidden-phone {/*display: none !important;*/}
}

@media (min-width: 1200px) {
.row {*zoom: 1;}
.row:before,.row:after { display: table; line-height: 0; content: "";}
.row:after {clear: both;  }
[class*="span"] {float: left; min-height: 1px;}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 980px; }
.span17 {padding-left: 1%; width: 72%; min-height:132px;}
.span11 { width:446px;}.span10 { width: 980px;}.span9 { width: 880px;}.span8 { width: 740px;}.span7 { width: 630px;}.span6 { width: 580px;}.span5 { width: 474px;}.span4 { width: 380px;}.span3 { width: 225px;}.span2 { width: 180px;}.span1 { width: 158px;}.offset12 {margin-left: 1230px;}.offset11 {margin-left: 1130px;}.offset10 { margin-left: 1030px;}.offset9 { margin-left: 930px;}.offset8 {margin-left: 830px;}.offset7 {margin-left: 730px;}.offset6 { margin-left: 630px;}.offset5 { margin-left: 530px;}.offset4 {margin-left: 430px;}.offset3 {margin-left: 330px;}.offset2 {margin-left: 230px;}.offset1 {margin-left: 130px;}.row-fluid { width: 100%;*zoom: 1;}.row-fluid:before,.row-fluid:after { display: table;line-height: 0; content: "";}.row-fluid:after { clear: both;}.row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 30px;  margin-left: 2.564102564102564%;*margin-left: 2.5109110747408616%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.row-fluid [class*="span"]:first-child {margin-left: 0;}.row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.564102564102564%;}.row-fluid .span12 { width: 100%; *width: 99.94680851063829%; }.row-fluid .span11 { width: 91.45299145299145%; *width: 91.39979996362975%;}.row-fluid .span10 { width: 82.90598290598291%; *width: 82.8527914166212%;}.row-fluid .span9 { width: 74.35897435897436%; *width: 74.30578286961266%;}.row-fluid .span8 { width: 65.81196581196582%; *width: 65.75877432260411%;}.row-fluid .span7 { width: 57.26495726495726%; *width: 57.21176577559556%;}.row-fluid .span6 { width: 48.717948717948715%; *width: 48.664757228587014%;}.row-fluid .span5 { width: 40.17094017094017%; *width: 40.11774868157847%;}.row-fluid .span4 {width: 31.3%; *width: 30%;}.row-fluid .span3 { width: 23.076923076923077%; *width: 23.023731587561375%;}.row-fluid .span2 { width: 14.52991452991453%; *width: 14.476723040552828%;}.row-fluid .span1 { width: 5.982905982905983%; *width: 5.929714493544281%;}.row-fluid .offset12 { margin-left: 105.12820512820512%; *margin-left: 105.02182214948171%;}.row-fluid .offset12:first-child { margin-left: 102.56410256410257%; *margin-left: 102.45771958537915%;}.row-fluid .offset11 { margin-left: 96.58119658119658%;*margin-left: 96.47481360247316%;}.row-fluid .offset11:first-child {margin-left: 94.01709401709402%; *margin-left: 93.91071103837061%;}.row-fluid .offset10 {margin-left: 88.03418803418803%; *margin-left: 87.92780505546462%;}.row-fluid .offset10:first-child { margin-left: 85.47008547008548%; *margin-left: 85.36370249136206%;}.row-fluid .offset9 { margin-left: 79.48717948717949%;*margin-left: 79.38079650845607%;}.row-fluid .offset9:first-child {margin-left: 76.92307692307693%;*margin-left: 76.81669394435352%;}.row-fluid .offset8 {margin-left: 70.94017094017094%;*margin-left: 70.83378796144753%;}.row-fluid .offset8:first-child {margin-left: 68.37606837606839%;*margin-left: 68.26968539734497%;}.row-fluid .offset7 {margin-left: 62.393162393162385%;*margin-left: 62.28677941443899%;}.row-fluid .offset7:first-child {margin-left: 59.82905982905982%;*margin-left: 59.72267685033642%;}.row-fluid .offset6 {margin-left: 53.84615384615384%;*margin-left: 53.739770867430444%;}.row-fluid .offset6:first-child {margin-left: 51.28205128205128%;*margin-left: 51.175668303327875%;}.row-fluid .offset5 { margin-left: 45.299145299145295%;*margin-left: 45.1927623204219%;}.row-fluid .offset5:first-child {margin-left: 42.73504273504273%;*margin-left: 42.62865975631933%;}.row-fluid .offset4 {margin-left: 36.75213675213675%; *margin-left: 36.645753773413354%;}.row-fluid .offset4:first-child {margin-left: 34.18803418803419%;*margin-left: 34.081651209310785%;}.row-fluid .offset3 {margin-left: 28.205128205128204%; *margin-left: 28.0987452264048%;}.row-fluid .offset3:first-child {margin-left: 25.641025641025642%;*margin-left: 25.53464266230224%;}.row-fluid .offset2 {margin-left: 19.65811965811966%;*margin-left: 19.551736679396257%;}.row-fluid .offset2:first-child {margin-left: 17.094017094017094%;*margin-left: 16.98763411529369%;}.row-fluid .offset1 {margin-left: 11.11111111111111%;*margin-left: 11.004728132387708%;}.row-fluid .offset1:first-child {margin-left: 8.547008547008547%; *margin-left: 8.440625568285142%;}input, textarea, .uneditable-input { margin-left: 0;}.controls-row [class*="span"] + [class*="span"] {margin-left: 30px;}input.span12,textarea.span12,.uneditable-input.span12 { width: 1156px;}input.span11, textarea.span11, .uneditable-input.span11 { width: 1056px;}input.span10, textarea.span10, .uneditable-input.span10 { width: 956px;}input.span9, textarea.span9, .uneditable-input.span9 { width: 856px;}input.span8, textarea.span8, .uneditable-input.span8 {  width: 756px;}input.span7, textarea.span7, .uneditable-input.span7 {width: 656px;}input.span6, textarea.span6, .uneditable-input.span6 {width: 556px;}input.span5, textarea.span5, .uneditable-input.span5 {width: 456px;}input.span4, textarea.span4, .uneditable-input.span4 {width: 356px;}input.span3, textarea.span3, .uneditable-input.span3 { width: 256px;}input.span2, textarea.span2, .uneditable-input.span2 { width: 156px;}input.span1, textarea.span1, .uneditable-input.span1 { width: 56px;}.thumbnails {}.thumbnails > li {}.row-fluid .thumbnails { margin-left: 0;}
}

@media (min-width: 768px) and (max-width: 979px) {
.row { *zoom: 1;}.row:before, .row:after { display: table; line-height: 0; content: "";}.row:after { clear: both; }[class*="span"] { float: left; min-height: 1px; margin-left: 20px;}.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 724px;  }.span17 {padding-left: 1%; width: 72%;}.span12 { width: 724px;}.span11 { width: 662px;}.span10 { width: 600px;}.span9 { width: 538px;}.span8 { width: 476px;}.span7 {width: 414px;}.span6 {width: 352px;}.span5 { width: 290px;}.span4 {width: 228px;}.span3 { -moz-box-sizing: border-box; display: block; float: none; margin-left: 0; width: 100%;}.span2 { width: 180px;}.span1 { }.offset12 { margin-left: 764px;}.offset11 { margin-left: 702px;}.offset10 { margin-left: 640px;}.offset9 { margin-left: 578px;}.offset8 {margin-left: 516px;}.offset7 { margin-left: 454px;}.offset6 { margin-left: 392px;}.offset5 { margin-left: 330px;}.offset4 {margin-left: 268px;}.offset3 {margin-left: 206px;}.offset2 {margin-left: 144px;}.offset1 {margin-left: 82px;}.row-fluid {width: 100%; *zoom: 1;}.row-fluid:before, .row-fluid:after { display: table; line-height: 0;  content: "";}.row-fluid:after { clear: both;}.row-fluid [class*="span"] { display: block; float: left;width: 100%; min-height: 30px; margin-left: 2.7624309392265194%;*margin-left: 2.709239449864817%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} 		  .row-fluid [class*="span"]:first-child { margin-left: 0;}.row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.7624309392265194%;}.row-fluid .span12 { width: 100%; *width: 99.94680851063829%;}.row-fluid .span11 { width: 91.43646408839778%; *width: 91.38327259903608%;}.row-fluid .span10 { width: 82.87292817679558%; *width: 82.81973668743387%;}.row-fluid .span9 { width: 74.30939226519337%; *width: 74.25620077583166%;}.row-fluid .span8 { width: 65.74585635359117%; *width: 65.69266486422946%;}.row-fluid .span7 {  width: 57.18232044198895%;*width: 57.12912895262725%;}.row-fluid .span6 {width: 48.61878453038674%;*width: 48.56559304102504%;}.row-fluid .span5 { width: 40.05524861878453%;*width: 40.00205712942283%;}.row-fluid .span4 { width: 31.491712707182323%; *width: 31.43852121782062%;}.row-fluid .span3 { width: 22.92817679558011%; *width: 22.87498530621841%;}.row-fluid .span2 { width: 14.3646408839779%; *width: 14.311449394616199%;}.row-fluid .span1 { width: 5.801104972375691%;*width: 5.747913483013988%;}.row-fluid .offset12 { margin-left: 105.52486187845304%;  *margin-left: 105.41847889972962%;}.row-fluid .offset12:first-child {  margin-left: 102.76243093922652%;*margin-left: 102.6560479605031%;}.row-fluid .offset11 {margin-left: 96.96132596685082%;*margin-left: 96.8549429881274%;}.row-fluid .offset11:first-child {margin-left: 94.1988950276243%;*margin-left: 94.09251204890089%;}.row-fluid .offset10 {margin-left: 88.39779005524862%;*margin-left: 88.2914070765252%;}.row-fluid .offset10:first-child {margin-left: 85.6353591160221%;*margin-left: 85.52897613729868%;}.row-fluid .offset9 {margin-left: 79.8342541436464%; *margin-left: 79.72787116492299%;}.row-fluid .offset9:first-child { margin-left: 77.07182320441989%; *margin-left: 76.96544022569647%;}.row-fluid .offset8 { margin-left: 71.2707182320442%; *margin-left: 71.16433525332079%;}.row-fluid .offset8:first-child { margin-left: 68.50828729281768%; *margin-left: 68.40190431409427%;}.row-fluid .offset7 { margin-left: 62.70718232044199%; *margin-left: 62.600799341718584%;}.row-fluid .offset7:first-child { margin-left: 59.94475138121547%; *margin-left: 59.838368402492065%;}.row-fluid .offset6 { margin-left: 54.14364640883978%; *margin-left: 54.037263430116376%; }.row-fluid .offset6:first-child { margin-left: 51.38121546961326%; *margin-left: 51.27483249088986%;}.row-fluid .offset5 { margin-left: 45.58011049723757%; *margin-left: 45.47372751851417%;}.row-fluid .offset5:first-child { margin-left: 42.81767955801105%; *margin-left: 42.71129657928765%;}.row-fluid .offset4 { margin-left: 37.01657458563536%; *margin-left: 36.91019160691196%;}.row-fluid .offset4:first-child { margin-left: 34.25414364640884%; *margin-left: 34.14776066768544%;}.row-fluid .offset3 { margin-left: 28.45303867403315%; *margin-left: 28.346655695309746%;}.row-fluid .offset3:first-child { margin-left: 25.69060773480663%; *margin-left: 25.584224756083227%;}.row-fluid .offset2 { margin-left: 19.88950276243094%; *margin-left: 19.783119783707537%;}.row-fluid .offset2:first-child { margin-left: 17.12707182320442%;*margin-left: 17.02068884448102%; }.row-fluid .offset1 { margin-left: 11.32596685082873%; *margin-left: 11.219583872105325%;}.row-fluid .offset1:first-child { margin-left: 8.56353591160221%; *margin-left: 8.457152932878806%;}input, textarea, .uneditable-input { margin-left: 0;}.controls-row [class*="span"] + [class*="span"] { margin-left: 20px;}input.span12, textarea.span12, .uneditable-input.span12 { width: 710px;}input.span11, textarea.span11, .uneditable-input.span11 { width: 648px;}input.span10, textarea.span10, .uneditable-input.span10 { width: 586px;}input.span9, textarea.span9, .uneditable-input.span9 {  width: 524px;}input.span8, textarea.span8, .uneditable-input.span8 {  width: 462px;}input.span7, textarea.span7, .uneditable-input.span7 {  width: 400px;}input.span6, textarea.span6, .uneditable-input.span6 {  width: 338px;}input.span5, textarea.span5, .uneditable-input.span5 {  width: 276px;}input.span4, textarea.span4, .uneditable-input.span4 { width: 214px;}input.span3, textarea.span3, .uneditable-input.span3 { width: 152px;}input.span2, textarea.span2, .uneditable-input.span2 { width: 90px;}input.span1,textarea.span1,.uneditable-input.span1 { width: 28px;}
[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { -moz-box-sizing: border-box; display: block;
float: none; margin-left: 0; width: 99%;}
#projects .modal-body .tabbable .span6, .publishing .tabbable .span6{width:57%; float:left;}
#projects .modal-body .span4, .publishing .span4{ width:33%; float:left}
#projects .tabbable .span6 .span1, .publishing .span6 .span1{ width:100%;}
.modal {left: 3%;margin: 0 auto;width: 93%; display:none;}
.services .span9 .span1{text-align:left; width:100%; padding:0 30%}
.services .span9 .span1 a{}
#header .projectMain .threeBox .span3 { margin-bottom:12px;}
#header .serchBox .span7 input[type="text"] { width:84%; font-size:11px;}
.commercial_mrgnTop .row .thumbnails .span3 { width: 94%;}
.commercial_mrgnTop .row .thumbnails .span1 {    float: left; margin-right: 21px; width: 20%;}
.commercial_mrgnTop { padding-left:2%;}
#header .commercial_logo { margin: -15% 0 10% 10%}
.commercial_rightMain .thumbBox .row-fluid .thumbnails .span4 { width:32%; float:left;}
footer .footerToggle .span3 { float:none;}
.commercial_invasive .row .thumbnails .selectBox select { width:100%; height:38px;}
.shareBtn { top:0.5%;}
.commercial_rightThumb .thumbnail img { margin-right:1%; float:left;}
.commercial_rightThumb .thumbnail .caption { width:76%; float:left;}
.commercial_invasive .commercial_rightThumb { padding-bottom:10px; margin:0px 0 15px 0; width:96%; }
.commercial_invasive .commercial_rightMain{ margin-left:0px; width:97%;}
.commercial_breadcrumbLine { width:93%; margin-left:3%;}
.forIpad ul.thumbnails li.span4 { float: left; width: 33%;}
#myTabContent .tab-pane img { max-width:60%; float:left;}
#myTabContent .tab-pane .span3 { float:left;}
h3 { padding-left:10px;}
#thumbSlider .slider { width:83%;}
.commercial_eventsSection .eventsMonth { margin-bottom:20px;}
.commercial_subjectTwoMain .commercial_subjectTwo .span3 { float:left;}
.span15 h3, .commercial_rightMain h3 { font-size: 17px; padding-left: 2%; padding-top: 7px; margin-left:0px;} 
.commercial_homePageIs .commercial_subjectOne .commercial_accordionBox .accordion-inner .thumbnails li.span4 { width:32%; float:left;}
footer .span10 .span11 { position: relative; top: 25px; left:22%; width:76%;}
footer .span10 .fLinks { margin-left: 2%; position: relative; text-align: center; top: -82px; width: 96%;}
footer .span10 a.commercial_logoFooter { float:left;}
.commercial_foodSecurity .row .forIpad { margin-left:1%;}
.commercial_foodSecurity .row .forIpad .mrgnLeft img, .commercial_foodSecurity .row .thumbnails .imgtrade img, .commercial_foodSecurity .row .forIpad .fImg img { width:99%;}
.commercial_foodSecurity .row .thumbnails .imgtrade { width:49%}
#header .projectMain { padding:0 10px; width:98%;}
#header .serchBox .span1 { top: 31px; width: 110px;}
#header .commercial_logo { margin: -4% 0 20px 4%;}
.serchBox .span7 { margin-top: 10px; position: inherit !important; right: 5%; top: 15%; width: 44%;}
.global .row .thumbnails .nav li.searchBox input[type="text"] { width:100%;}
.global .commercial_rightMain { padding-left:0px;}
.global .video-container { padding:5px;}
.commercial_invasive .row .commercial_subjectOne { padding:15px 7px 7px;}
.commercial_invasive .row ul li ul.nav-list, .global .row ul li ul.nav-list { width:97%;}
.tLine { font-size:120%;}
.commercial_homePageIs .commercial_subjectOne .shareBtn { top:1%;}
.commercial_homePageIs .commercial_subjectOne .opnesRegular h3 { padding-left:0px;}
.commercial_invasive .commercial_rightMain .span15 .flex-control-thumbs { width:90%;}
.commercial_casestudy .accordion-heading ul.gallery_thumbnail li { float:left; width:31%;}
.commercial_projectDetailsPage .commercial_rightMain .span10 { margin-top:4%;}
.commercial_accordionBox .bs-docs-example ul.nav-tabs li { width:171px}	
.commercial_expert_detail .commercial_topDetails p.tNo span {width: 44%;}
.commercial_invasive .row .commercial_subjectOne{display:table; width:99%}
.commercial_projectDetailsebook .media, .commercial_projectDetailsebook .media .media{ margin-bottom:10px} 	
.commercial_projectDetailsPage .commercial_galleyDetails #main_area{ padding:10px 0}
.commercial_projectDetailsPage .commercial_galleyDetails #main_area .row #carousel-bounding-box #myCarousel{ margin:0 0 10px}
.commercial_projectDetailsPage .commercial_galleyDetails #main_area .carousel-inner, .commercial_projectDetailsPage .commercial_galleyDetails #main_area #slider-thumbs ul.thumbnails{ margin:0 4%} 
.commercial_projectDetailsPage .commercial_galleyDetails #main_area #slider-thumbs ul.thumbnails li{ float:left; width:25%}
.commercial_projectDetailsPage .thumbBox ul.thumbnails li.span3{ float:left; width:20%; margin:1% 2%}
.commercial_projectDetailsPage .thumbBox ul.thumbnails li.span4{ float:left;margin:1% 0.5%}
.commercial_searchresults .row .thumbnails .nav li a.spanView{ width:91% !important} 
.accessibility footer .span10, footer .span10{width:100%}
.librarians .commercial_rightMain .span10{ margin-left:0}
#wherewework .modal-body .span4{ float:left !important; width:35% !important}
#wherewework .modal-body .span6{ width:55% !important; float:left}


}
/*for i-pad //*/


@media (max-width: 767px) {
body {padding-right: 20px;padding-left: 20px;  }
.navbar-fixed-top,.navbar-fixed-bottom, .navbar-static-top { margin-right: -20px; margin-left: -20px;}
.container-fluid { padding: 0;}
.dl-horizontal dt { float: none; width: auto;clear: none;text-align: left;}
.dl-horizontal dd { margin-left: 0; }
.container {width: auto;}
.row-fluid { width: 100%;}
.row, .thumbnails { margin-left: 0;}
.thumbnails > li { float: none; margin-left: 0;}
[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { display: block; float: none; width: 100%;margin-left: 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
.span12,.row-fluid .span12 { width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.row-fluid [class*="offset"]:first-child { margin-left: 0;}
.input-large, .input-xlarge, .input-xxlarge, input[class*="span"],select[class*="span"],textarea[class*="span"], .uneditable-input { display: block; width: 100%; min-height: 30px;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] {  display: inline-block; width: auto;}
.controls-row [class*="span"] + [class*="span"] { margin-left: 0;}
.modal { position: absolute; top: 20px; right: 20px; left: 20px; width: auto; margin: 0;}
.modal.fade { top: -100px;}
.modal.fade.in { top: 20px;}
#header .serchBox .span7 input[type="text"] {float: left; height: 32px; width: 75%;}
.nav-collapse { margin-left:16px;}
.commercial_invasive .commercial_rightMain, .global .commercial_rightMain { margin:0 0 0 0; width:100%;}
.span15 { width:100%;}
footer .span10 .fLinks {margin-left: 2%; position: relative; text-align: center; top: -65px; width: 96%;}
footer .span10 { padding-top:5px;}
footer .span10 .span11 {position: relative; top: 55px;}

}

@media (min-width: 321px) and (max-width: 390px) {
.serchBox .span7 { margin-top:10px; position:inherit !important; width:98%;}
.nav-collapse { -webkit-transform: translate3d(0, 0, 0);  }
.page-header h1 small { display: block; line-height: 20px;}
input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc;}
.form-horizontal .control-label { float: none; width: auto; padding-top: 0; text-align: left;}
.form-horizontal .controls {margin-left: 0;}
.form-horizontal .control-list { padding-top: 0;}
.form-horizontal .form-actions { padding-right: 10px; padding-left: 10px;}
.media .pull-left, .media .pull-right { display: block; float: none; margin-bottom: 10px;}
.media-object { margin-right: 0; margin-left: 0;}
.modal { top: 10px; right: 10px; left: 10px; }
.modal-header .close { padding: 10px; margin: -10px;}
.carousel-caption, .carousel-caption p { width:82%; font-size:11px;}
.nav-collapse { margin-left:16px;}
.commercial_foodSecurity .row { padding:10px; width:94%;}
#pop .modal.fade.in{top:5%;}
.modal.fade.in {top: 50%; border:5px solid #368729;}
#header .commercial_logo { margin: -4% 0 20px 4%}
#myCarousel .arrowBg, #myCarousel .arrowBgright { background:none;}
#header .projectMain .threeBox .span3 { margin-bottom:12px;}
#header .serchBox .span7 input[type="text"] { width:84%; font-size:11px;}
footer .span10 .fLinks {margin-left: 2%; position: relative; text-align: center; top: -55px; width: 96%;}
footer .span10 { padding-top:5px;}
footer .span10 .span11 {position: relative; top: 55px; width:90%;}
footer .span10 a.commercial_logoFooter {margin-top:-11px;}
footer .footerToggle .toggleBtn { margin-bottom:6px;}
.commercial_foodSecurity footer .footerToggle { width:93%;}
.commercial_mrgnTop .row .rightVedio li a.ourChannel {line-height: 28px; font-size:18px; background-position:13px 13px;}
.commercial_mrgnTop .row .thumbnails .span1 img { max-width:98%; width:98%}
.commercial_mrgnTop .row .thumbnails .span1, .commercial_mrgnTop .row .thumbnails .span3 {margin-left:0px;}
.commercial_foodSecurity .row .thumbnails li.mrgnLeft { margin-right:0px;}
.commercial_mrgnTop .row .thumbnails .span3 { width:80%; margin-bottom:15px;}
.flex-control-thumbs { margin:5px 0 0 2%}
.span15 h3, .commercial_rightMain h3 { font-size: 17px; padding-left: 0; padding-top: 7px; margin-left:0px; margin-bottom:20px;}
#myCarousel { min-height:105px;}
.commercial_invasive .commercial_rightMain { margin-left:0px; padding:0 10px;}
.commercial_invasive .commercial_rightThumb { margin:0px 0 10px; width:94%;}
.shareBtn {top: 5px; position:relative; right:0;} 
.commercial_rightThumb .thumbnail img { margin-right:1%;}
.commercial_rightThumb .thumbnail .caption { width:95%;}
.commercial_invasive .commercial_rightThumb { padding-bottom:10px; margin:0px 0 15px 0; width:96%; }
.span17 {padding-left: 1%; width: 99%;}
.row-fluid .span4 .thumbnail img { width:84%;}
.commercial_accordionBox .accordion-heading a.accordion-toggle, .tLine { font-size:15px; line-height:27px; }
.carousel-control, #myCarousel .arrowBg, #myCarousel .arrowBgright { height:105px;}
.thumbnail > img { width:94%}
h3 { margin:2% 0% 1% 1%; font-size:20px; padding-left:0px;}
.serchBox .span7 { margin-top:10px; position: absolute; right: 5%; top: 64%; width: 44%;}
.span15 { width:94%;}
#projects .modal-body .tabbable .span6, .publishing .tabbable .span6{display:block}
.modal {left: 3%;margin: 0 auto;width: 93%; display:none;}
.services .span9 .span1{text-align:left; padding:0}
#header .serchBox { margin-left:10px;}
.commercial_accordionBox .bs-docs-example ul.nav-tabs li.active{background:#fff; color:#ccc; margin:0 0 3px 2%; border:1px solid #666;}
#main_area .commercial_accordionBox .bs-docs-example ul.nav-tabs li { border:1px solid #ccc;}
#main_area .commercial_accordionBox .bs-docs-example ul.nav-tabs li a { padding:12px 0 0 7px}
.commercial_accordionBox .bs-docs-example ul.nav-tabs li.first { margin-left:2%;}
.commercial_accordionBox .bs-docs-example ul.nav-tabs li { height:63px; background:#f1f1f1; border:2px solid #f1f1f1; width:46%; margin:0 0 3px 2%;}
.global .commercial_accordionBox .bs-docs-example ul.nav-tabs li a { font-size:12px; padding:5px;}
.global .commercial_rightMain { padding:0 5px;}
#thumbSlider .slider , .commercial_subjectOne .slider { width: 74%; margin-left:17px;}
#thumbSlider .slider .carousel .flex-viewport ul { margin-left:20px;}
.commercial_accordionBox .commercial_eventsSection .span3 { margin:0 0 10px 5px;}
.commercial_subjectTwoMain .commercial_subjectTwo .span3 { margin-bottom:15px;}
.commercial_subjectOne .commercial_accordionBox .accordion .media .pull-left img, .commercial_subjectOne .commercial_accordionBox .accordion .media h2 {font-size:16px;}
.commercial_eventsSection .eventsMonth { margin-bottom:20px;}
#wherewework .modal-body .tabbable .span6{width: 99%;}
#thumbSlider .sliderSubject .flex-direction-nav li, #thumbSlider .sliderSubject .flex-direction-nav li + li { top:-257px;} 
.commercial_subjectOne .commercial_accordionBox .accordion-inner .media a.pull-left img, .commercial_accordionBox .commercial_accordionInnerBox .row-fluid ul.thumbnails .span4 img {margin-right: 14px; width: 33%;}
.commercial_subjectOne .keyProject .media h2 { font-size:13px;}
.commercial_accordionBox .commercial_accordionInnerBox .row-fluid ul.thumbnails .span4 { min-height:186px;}
.commercial_invasive .row .thumbnails .nav li a.spanView, .global .row .thumbnails .nav li a.spanView, a.spanView {float:none;width:99%;}
#header .serchBox .span1 { top: 31px; width: 110px;} 
#header .projectMain { padding:0 10px;}
.commercial_foodSecurity .row .thumbnails li.imgtrade { width:49%;}
body .commercial_mrgnTop .row li.mrgnLeft .span1, body .commercial_mrgnTop .rightSection .span5 .span1 { width:24%;}
body .commercial_mrgnTop .row li.mrgnLeft .span3, body .commercial_mrgnTop .rightSection .span5 .span3 { width:73%; margin-left:1%;}
.commercial_foodSecurity .row .thumbnails a.imgCaption {font-size:16px;}
.commercial_getinvolved .carousel-caption {right: 0;top: 60%;width: 90%;}
.carousel-caption, .carousel-caption p { line-height:normal}
.commercial_invasive .commercial_onlyBgColor, .commercial_accordionBox .accordion-body .accordion-inner .commercial_onlyBgColor, .commercial_casestudy .commercial_onlyBgColor, .support .commercial_onlyBgColor, .commercial_getinvolved .commercial_onlyBgColor {width: 91%}
.commercial_invasive .row .commercial_subjectOne { padding:15px 7px 7px;}
.commercial_homePageIs .commercial_subjectOne .shareBtn { top:1%;}
.commercial_homePageIs .commercial_subjectOne .keyProject .media .media-body, .commercial_accordionBox .accordion .homeIssue .media .media-body {width:50%;}
.accordion-group .keyProject .media a, .commercial_homePageIs .commercial_accordionBox .accordion-group .furtherRec .media a, .commercial_accordionBox .accordion .homeIssue .media a, .commercial_subjectOne .commercial_accordionBox .accordion .accordion-inner .media a  { width:32%;}
.commercial_invasive .commercial_rightMain .howToOrdr { margin-top:24px;}
.commercial_invasive .commercial_invasiveLeft ul.nav  li.searchBox input[type="text"],.global .row .thumbnails .nav li.searchBox input[type="text"] { width:94%;}
.commercial_accordionBox .accordion-group .commercial_btmThumb .forIpad ul.thumbnails .span4 { margin-bottom:10px;}
.commercial_accordionBox .accordion-group .commercial_btmThumb .forIpad ul.thumbnails .span4 .thumbnail img, .product_ebbook .marginTop ul.thumbnails .span3 .thumbnail img, .product_ebbook .row-fluid ul.thumbnails .span4 .thumbnail img {margin-bottom:5px;}
.commercial_invasive .commercial_rightMain .commercial_accordionBox .accordion-group .accordion-inner .media .media-body h2 { font-size:15px;}
.commercial_projectDetailsPage .commercial_subjectOne .topDate .endDateright, .topDate {clear:both; margin:8px 2%;}
.product_ebbook .commercial_galleyDetails #main_area #slider-thumbs .span8 .thumbnails li.span1 { width:27%;}
#main_area .row #carousel-bounding-box #myCarousel { min-height:86px; margin:0px 0 10px}
#standerdContent .commercial_rightMain .row-fluid .span4 .thumbnail img, #standerdContent .row .commercial_rightMain .commercial_accordionBox .accordion-inner .media a, .commercial_subjectOne .commercial_accordionBox .accordion .accordion-inner .media .thumbnails .span4 a { margin-right:0px;}
.support a.visit { width:96%;}
.commercial_rightMain .commercial_formFeddback p label, .commercial_rightMain .commercial_formFeddback p input[type="text"], .commercial_rightMain .commercial_formFeddback p select, .commercial_rightMain .commercial_formFeddback p textarea { width:90%;  text-align:left;}
.commercial_expert_detail .shareBtn { width:60%;}


.product_ebbook .commercial_galleyDetails #main_area #slider-thumbs .span8 .thumbnails li.span1,.commercial_projectDetailsPage .commercial_subjectOne .topDate .endDateright, .topDate,.commercial_homePageIs .commercial_subjectOne .keyProject .media .media-body, .commercial_accordionBox .accordion .homeIssue .media .media-body,.media .pull-left, .media .pull-right,.commercial_subjectOne .commercial_accordionBox .accordion-inner .media a.pull-left img, .commercial_accordionBox .commercial_accordionInnerBox .row-fluid ul.thumbnails .span4 img,.commercial_subjectTwoMain .commercial_subjectTwo .media .pull-left,#projects .modal-body .span4, .publishing .span4,#projects .modal-body .tabbable .span6, .publishing .tabbable .span6,.commercial_rightThumb .thumbnail .caption,.commercial_rightThumb .thumbnail img,footer .span10 a.commercial_logoFooter, .commercial_foodSecurity .row .thumbnails li.imgtrade, body .commercial_mrgnTop .row li.mrgnLeft .span1, body .commercial_mrgnTop .rightSection .span5 .span1, .commercial_mrgnTop .row .thumbnails .span3, .serchBox .span7 {float:left;}

input.spanView[type="submit"], .commercial_rightMain .formFeddback, #wherewework .modal-body .tabbable .span6,#projects .modal-body .tabbable .span6, .publishing .tabbable .span6,.thumbnail > img,.commercial_mrgnTop .row .rightVedio li.span5 {margin:0px;}


#standerdContent .commercial_rightMain .row-fluid .span4 .thumbnail img, #standerdContent .row .commercial_rightMain .commercial_accordionBox .accordion-inner .media a, .commercial_subjectOne .commercial_accordionBox .accordion .accordion-inner .media .thumbnails .span4 a, .commercial_rightMain .commercial_formFeddback p select, .commercial_rightMain .formFeddback, .productDetails .row .commercial_rightMain, .commercial_expert_detail .commercial_topDetails p.tNo span, #standerdContent .row .commercial_rightMain, .commercial_subjectOne .commercial_accordionBox .accordion .accordion-inner .media a img, .commercial_homePageIs .commercial_accordionBox .accordion-group .keyProject .media a img, .commercial_homePageIs .commercial_accordionBox .accordion-group .furtherRec .media a img, .commercial_homePageIs .commercial_accordionBox .accordion .homeIssue .media a img, .carousel-caption, .carousel-caption p, .commercial_foodSecurity .row .thumbnails a.imgCaption, .global .commercial_rightThumb .thumbnail .caption, .global .commercial_rightThumb .thumbnail .caption .discription, .global .commercial_rightThumb .thumbnail .caption .selectBtn, .global .commercial_rightThumb .thumbnail .caption .selectBtn a, .services .span9 .span1 a,.commercial_mrgnTop .row .rightVedio li a.ourChannel,.commercial_subjectTwoMain .commercial_subjectTwo .span3,.services .span9 .span1 a,.forIpad .span3 img, .commercial_foodSecurity .row .thumbnails .span3, .commercial_accordionBox .bs-docs-example #myTabContent ul.thumbnails, 	#projects .tabbable .span6 .span1, .publishing .tabbable .span6 .span1, #projects .tabbable .span6 .span1 img, .publishing .tabbable .span6 .span1 img, .services .span9 .span1 a img, .commercial_invasive .commercial_rightMain, .commercial_mrgnTop .row .thumbnails .span1, #myTabContent .tab-pane li .spanView,.services .span9 .span1,.commercial_invasive .row .thumbnails .selectBox select,.commercial_rightThumb .thumbnail img,#projects .modal-body .span4, .publishing .span4,#projects .modal-body .tabbable .span6, .publishing .tabbable .span6,
.commercial_subjectOne .commercial_accordionBox .accordion .media .pull-left img, .commercial_subjectOne .commercial_accordionBox .accordion .media h2, .commercial_projectDetailsPage .commercial_subjectOne .topDate .endDateright, .topDate,.commercial_accordionBox .accordion-group .commercial_btmThumb .forIpad ul.thumbnails .span4 .thumbnail img, .product_ebbook .marginTop ul.thumbnails .span3 .thumbnail img, .product_ebbook .row-fluid ul.thumbnails .span4 .thumbnail img, .commercial_subjectOne .media .commercial_topDetails, .commercial_subjectOne .media a img.mapImgtop, .commercial_subjectOne .media .pull-left {width:100%;}


}

/*Landscape i-phone*/
@media (max-width: 480px) {
.nav-collapse { -webkit-transform: translate3d(0, 0, 0);}
.page-header h1 small { display: block; line-height: 20px;}
input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc;}
.form-horizontal .control-label { float: none; width: auto; padding-top: 0; text-align: left;}
.form-horizontal .controls {margin-left: 0;}
.form-horizontal .control-list { padding-top: 0;}
.form-horizontal .form-actions { padding-right: 10px; padding-left: 10px;}
.media .pull-left, .media .pull-right { display: block; float: none; margin-bottom: 10px;}
.media-object { margin-right: 0; margin-left: 0;}
.modal { top: 10px; right: 10px; left: 10px; }
.modal-header .close { padding: 10px; margin: -10px;}
.carousel-caption, .carousel-caption p { width:82%; font-size:11px;}
.nav-collapse { margin-left:16px;}
.commercial_foodSecurity .row { padding:10px; width:94%;}
.commercial_mrgnTop .row .rightVedio li.span5 { margin:0px;}
#pop .modal.fade.in{top:5%;}
.modal.fade.in {top: 50%; border:5px solid #368729;}
#header .commercial_logo { margin: -4% 0 20px 4%}
#myCarousel .arrowBg, #myCarousel .arrowBgright { background:none;}
#header .projectMain .threeBox .span3 { margin-bottom:12px;}
#header .serchBox .span7 input[type="text"] { width:84%; font-size:11px;}
footer .span10 .fLinks {margin-left: 2%; position: relative; text-align: center; top: -55px; width: 96%;}
footer .span10 { padding-top:5px;}
footer .span10 .span11 {position: relative; top: 55px; width:90%;}
footer .span10 a.commercial_logoFooter {margin-top:-11px;}
footer .footerToggle .toggleBtn { margin-bottom:6px;}
.commercial_foodSecurity footer .footerToggle { width:93%;}
.commercial_mrgnTop .row .rightVedio li a.ourChannel {line-height: 28px; font-size:18px; background-position:13px 13px;}
.commercial_mrgnTop .row .thumbnails .span1 img { max-width:98%; width:98%}
.commercial_mrgnTop .row .thumbnails .span1, .commercial_mrgnTop .row .thumbnails .span3 {margin-left:0px;}
.commercial_foodSecurity .row .thumbnails li.mrgnLeft { margin-right:0px;}
.commercial_mrgnTop .row .thumbnails .span3 { width:80%; margin-bottom:15px;}
.flex-control-thumbs { margin:5px 0 0 2%}
.span15 h3, .commercial_rightMain h3 { font-size: 17px; padding-left: 0; padding-top: 7px; margin-left:0px; margin-bottom:20px;}
#myCarousel { min-height:105px;}
.commercial_invasive .commercial_rightMain { margin-left:0px; padding:0 10px;}
.commercial_invasive .commercial_rightThumb { margin:0px 0 10px; width:94%;}
.shareBtn {top: 5px; position:relative; right:0;} 
.commercial_rightThumb .thumbnail img { margin-right:1%;}
.commercial_rightThumb .thumbnail .caption { width:95%;}
.commercial_invasive .commercial_rightThumb { padding-bottom:10px; margin:0px 0 15px 0; width:96%; }
.span17 {padding-left: 1%; width: 99%;}
.row-fluid .span4 .thumbnail img { width:84%;}
.commercial_accordionBox .accordion-heading a.accordion-toggle, .tLine { font-size:15px; line-height:27px; }
.carousel-control, #myCarousel .arrowBg, #myCarousel .arrowBgright { height:105px;}
.thumbnail > img { margin:0px; width:94%}
h3 { margin:2% 0% 1% 1%; font-size:20px; padding-left:0px;}
.serchBox .span7 { margin-top:10px; position:inherit !important ; right: 5%; top: 64%; width: 44%;}
.span15 { width:94%;}
#projects .modal-body .tabbable .span6, .publishing .tabbable .span6{margin:0; display:block}
.modal {left: 3%;margin: 0 auto;width: 93%; display:none;}
.services .span9 .span1{text-align:left; padding:0}
#header .serchBox { margin-left:10px;}
.commercial_accordionBox .bs-docs-example ul.nav-tabs li.active{background:#fff; color:#ccc; margin:0 0 3px 2%; border:1px solid #666;}
#main_area .commercial_accordionBox .bs-docs-example ul.nav-tabs li { border:1px solid #ccc;}
#main_area .commercial_accordionBox .bs-docs-example ul.nav-tabs li a { padding:12px 0 0 7px}
.commercial_accordionBox .bs-docs-example ul.nav-tabs li.first { margin-left:2%;}
.commercial_accordionBox .bs-docs-example ul.nav-tabs li { height:63px; background:#f1f1f1; border:2px solid #f1f1f1; width:46%; margin:0 0 3px 2%;}
.global .commercial_accordionBox .bs-docs-example ul.nav-tabs li a { font-size:12px; padding:5px;}
.global .commercial_rightMain { padding:0 5px;}
#thumbSlider .slider , .commercial_subjectOne .slider { width: 74%; margin-left:17px;}
#thumbSlider .slider .carousel .flex-viewport ul { margin-left:20px;}
.commercial_accordionBox .commercial_eventsSection .span3 { margin:0 0 10px 5px;}
.commercial_subjectTwoMain .commercial_subjectTwo .span3 {margin-bottom:15px;}
.commercial_subjectOne .commercial_accordionBox .accordion .media .pull-left img, .commercial_subjectOne .commercial_accordionBox .accordion .media h2 {font-size:16px;}
.commercial_eventsSection .eventsMonth { margin-bottom:20px;}
#wherewework .modal-body .tabbable .span6 {margin: 0; width: 99%;}
#thumbSlider .sliderSubject .flex-direction-nav li, #thumbSlider .sliderSubject .flex-direction-nav li + li { top:-257px;} 
.commercial_subjectOne .commercial_accordionBox .accordion-inner .media a.pull-left img, .commercial_accordionBox .commercial_accordionInnerBox .row-fluid ul.thumbnails .span4 img {margin-right: 14px; width: 33%;}
.commercial_subjectOne .keyProject .media h2 { font-size:13px;}
.commercial_accordionBox .commercial_accordionInnerBox .row-fluid ul.thumbnails .span4 { min-height:186px;}
.commercial_invasive .row .thumbnails .nav li a.spanView, .global .row .thumbnails .nav li a.spanView, a.spanView {float:none;width:99%;}
#header .serchBox .span1 { top: 31px; width: 110px;} 
#header .projectMain { padding:0 10px;}
.commercial_foodSecurity .row .thumbnails li.imgtrade { width:49%;}
body .commercial_mrgnTop .row li.mrgnLeft .span1, body .commercial_mrgnTop .rightSection .span5 .span1 { width:24%;}
body .commercial_mrgnTop .row li.mrgnLeft .span3, body .commercial_mrgnTop .rightSection .span5 .span3 { width:73%; margin-left:1%;}
.commercial_foodSecurity .row .thumbnails a.imgCaption {font-size:16px;}
.commercial_getinvolved .carousel-caption {right: 0;top: 60%;width: 90%;}
.carousel-caption, .carousel-caption p {line-height:normal}
.commercial_invasive .commercial_onlyBgColor, .commercial_accordionBox .accordion-body .accordion-inner .commercial_onlyBgColor, .commercial_casestudy .commercial_onlyBgColor, .support .commercial_onlyBgColor, .commercial_getinvolved .commercial_onlyBgColor {width: 91%}
.commercial_invasive .row .commercial_subjectOne { padding:15px 7px 7px;}
.commercial_homePageIs .commercial_subjectOne .shareBtn { top:1%;}
.commercial_homePageIs .commercial_subjectOne .keyProject .media .media-body, .commercial_accordionBox .accordion .homeIssue .media .media-body {width:50%;}
.accordion-group .keyProject .media a, .commercial_homePageIs .commercial_accordionBox .accordion-group .furtherRec .media a, .commercial_accordionBox .accordion .homeIssue .media a, .commercial_subjectOne .commercial_accordionBox .accordion .accordion-inner .media a  { width:32%;}
.commercial_invasive .commercial_rightMain .howToOrdr { margin-top:24px;}
.commercial_invasive .commercial_invasiveLeft ul.nav  li.searchBox input[type="text"],.global .row .thumbnails .nav li.searchBox input[type="text"] { width:94%;}
.commercial_accordionBox .accordion-group .commercial_btmThumb .forIpad ul.thumbnails .span4 { margin-bottom:10px;}
.commercial_accordionBox .accordion-group .commercial_btmThumb .forIpad ul.thumbnails .span4 .thumbnail img, .product_ebbook .marginTop ul.thumbnails .span3 .thumbnail img, .product_ebbook .row-fluid ul.thumbnails .span4 .thumbnail img {margin-bottom:5px;}
.commercial_invasive .commercial_rightMain .commercial_accordionBox .accordion-group .accordion-inner .media .media-body h2 { font-size:15px;}
.commercial_projectDetailsPage .commercial_subjectOne .topDate .endDateright, .topDate {clear:both; margin:8px 2%;}
.product_ebbook .commercial_galleyDetails #main_area #slider-thumbs .span8 .thumbnails li.span1 { width:27%;}
#main_area .row #carousel-bounding-box #myCarousel { min-height:86px; margin:0px 0 10px}
#standerdContent .commercial_rightMain .row-fluid .span4 .thumbnail img, #standerdContent .row .commercial_rightMain .commercial_accordionBox .accordion-inner .media a, .commercial_subjectOne .commercial_accordionBox .accordion .accordion-inner .media .thumbnails .span4 a {margin-right:0px;}
.support a.visit { width:96%;}
.commercial_rightMain .commercial_formFeddback p label, .commercial_rightMain .commercial_formFeddback p input[type="text"], .commercial_rightMain .commercial_formFeddback p select, .commercial_rightMain .commercial_formFeddback p textarea { width:90%;  text-align:left;}
input.spanView[type="submit"], .commercial_rightMain .commercial_formFeddback { margin:0px;}
.commercial_expert_detail .shareBtn { width:60%;}
.container footer .span10 .span11 { left:1%;}
.product_ebbook .commercial_galleyDetails #main_area #slider-thumbs .span8 .thumbnails li.span1,.commercial_projectDetailsPage .commercial_subjectOne .topDate .endDateright, .topDate,.commercial_homePageIs .commercial_subjectOne .keyProject .media .media-body, .commercial_accordionBox .accordion .homeIssue .media .media-body,.media .pull-left, .media .pull-right,body .commercial_mrgnTop .row li.mrgnLeft .span1, body .commercial_mrgnTop .rightSection .span5 .span1,.commercial_foodSecurity .row .thumbnails li.imgtrade,.commercial_subjectOne .commercial_accordionBox .accordion-inner .media a.pull-left img, .commercial_accordionBox .commercial_accordionInnerBox .row-fluid ul.thumbnails .span4 img,.commercial_subjectTwoMain .commercial_subjectTwo .media .pull-left,#projects .modal-body .span4, .publishing .span4,#projects .modal-body .tabbable .span6, .publishing .tabbable .span6,.commercial_rightThumb .thumbnail .caption,.commercial_rightThumb .thumbnail img,.commercial_mrgnTop .row .thumbnails .span3,footer .span10 a.commercial_logoFooter
{float:left;}
.commercial_rightMain .commercial_formFeddback p select,.commercial_rightMain .formFeddback, .productDetails .row .commercial_rightMain, .commercial_expert_detail .commercial_topDetails p.tNo span,.commercial_casestudy .row .commercial_rightMain,#standerdContent .commercial_rightMain .row-fluid .span4 .thumbnail img, #standerdContent .row .commercial_rightMain .commercial_accordionBox .accordion-inner .media a, .commercial_subjectOne .commercial_accordionBox .accordion .accordion-inner .media .thumbnails .span4 a,.commercial_projectDetailsPage .commercial_subjectOne .topDate .endDateright, .topDate,.commercial_accordionBox .accordion-group .commercial_btmThumb .forIpad ul.thumbnails .span4 .thumbnail img, .product_ebbook .marginTop ul.thumbnails .span3 .thumbnail img, .product_ebbook .row-fluid ul.thumbnails .span4 .thumbnail img,.commercial_homePageIs .commercial_accordionBox .accordion-group .keyProject .media a img, .commercial_homePageIs .commercial_accordionBox .accordion-group .furtherRec .media a img, .commercial_homePageIs .commercial_accordionBox .accordion .homeIssue .media a img,.commercial_foodSecurity .row .thumbnails a.imgCaption,.commercial_subjectOne .media .commercial_topDetails, .commercial_subjectOne .media a img.mapImgtop, .commercial_subjectOne .media .pull-left,.global .commercial_rightThumb .thumbnail .caption, .global .commercial_rightThumb .thumbnail .caption .discription, .global .commercial_rightThumb .thumbnail .caption .selectBtn, .global .commercial_rightThumb .thumbnail .caption .selectBtn a,.carousel-caption, .carousel-caption p,#standerdContent .row .commercial_rightMain, .commercial_subjectOne .commercial_accordionBox .accordion .accordion-inner .media a img,.services .span9 .span1 a,#projects .modal-body .span4, .publishing .span4,.commercial_subjectOne .commercial_accordionBox .accordion .media .pull-left img, .commercial_subjectOne .commercial_accordionBox .accordion .media h2,.services .span9 .span1,.commercial_subjectTwoMain commercial_subjectTwo .span3,#projects .modal-body .tabbable .span6, .publishing .tabbable .span6,.forIpad .span3 img, .commercial_foodSecurity .row .thumbnails .span3, .commercial_accordionBox .bs-docs-example #myTabContent ul.thumbnails, 	#projects .tabbable .span6 .span1, .publishing .tabbable .span6 .span1, #projects .tabbable .span6 .span1 img, .publishing .tabbable .span6 .span1 img, .services .span9 .span1 a img, .commercial_invasive .commercial_rightMain, .commercial_mrgnTop .row .thumbnails .span1, #myTabContent .tab-pane li .spanView,.commercial_mrgnTop .row .rightVedio li a.ourChannel,.commercial_rightThumb .thumbnail img,.commercial_invasive .row .thumbnails .selectBox select, #project .tabbable .span6 .span1{ width:100%;}
.commercial_cabinews .row-fluid .media .media-body { text-align:center; margin:0 auto; width: 83%;}

}


/*Portrait i-phone*/
@media (max-width: 320px) {
footer .span10 .span11 { top:46%; top:78px !important;}
.commercial_foodSecurity .row .thumbnails li.imgtrade,.media .pull-left img,.media .pull-right img,.commercial_topDetails p.tNo span { width:100%;}
.commercial_subjectOne .commercial_accordionBox .accordion-inner .media a.pull-left img { width: 99%;}
.commercial_subjectOne .keyProject .media .opnesRegular h2  { font-size:16px; margin-top:5px;}
.serchBox .span7 { margin-top:10px; float:left; position:inherit; width:98%;}
footer .span10 .span11 .span1 { margin-top:-13px;}
footer .span10 .fLinks { top:-90px;}
body .commercial_mrgnTop .row li.mrgnLeft .span1, body .commercial_mrgnTop .row li.mrgnLeft .span3, body .commercial_mrgnTop .row .rightSection .span5 .span1, body .commercial_mrgnTop .row .rightSection .span5 .span3 { width:100%; float:left;}
.media .pull-left, .media .pull-right{ float:none}
.commercial_getinvolved .carousel-caption {top: 28%;}
.accordion-group .keyProject .media a, .commercial_homePageIs .commercial_accordionBox .accordion-group .furtherRec .media a, .global .video-container .videoWrapper img, .commercial_homePageIs .commercial_subjectOne .keyProject .media .media-body, .commercial_accordionBox .accordion .homeIssue .media .media-body, .commercial_accordionBox .accordion .homeIssue .media a, .commercial_invasive .commercial_accordionBox .accordion .commercial_accordionInnerBox .row-fluid .thumbnails .span4 .thumbnail img, .commercial_subjectOne .commercial_accordionBox .accordion .accordion-inner .media a { width:100%; margin-bottom:5px;}
.commercial_casestudy .accordion-heading ul.gallery_thumbnail li {margin:3.4%}
span.topDate .endDateright { margin-left:0px;}
.accessibility .vieWing .accordion-heading a { font-size:13px;}
.carousel-caption, .carousel-caption p { width:85%; font-size:10px; left:6%;}
.commercial_casestudy  .caseCaption { width:93.9%;}
}

@media (max-width: 979px) {
body { padding-top: 0;}
.navbar-fixed-top, .navbar-fixed-bottom { position: static;}
.navbar-fixed-top { margin-bottom: 20px;}
.navbar-fixed-bottom {margin-top: 20px;}
.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner { padding: 5px;}
.navbar .container { width: auto; padding: 0;}
.navbar .brand { padding-right: 10px;padding-left: 10px; margin: 0 0 0 -5px;}
.nav-collapse {clear: both;}
.nav-collapse .nav {float: none;margin: 0 0 10px;}
.nav-collapse .nav > li {float: none;}
.nav-collapse .nav > li > a {margin-bottom: 2px;}
.nav-collapse .nav > .divider-vertical {display: none;}
.nav-collapse .nav .nav-header {color: #777777;text-shadow: none;}
.nav-collapse .nav > li > a,.nav-collapse .dropdown-menu a { padding: 9px 15px; font-weight: bold; color: #777777;    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.nav-collapse .btn {padding: 4px 10px 4px; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;}
.nav-collapse .dropdown-menu li + li a {margin-bottom: 2px;}
.nav-collapse .nav > li > a:hover,.nav-collapse .dropdown-menu a:hover { background-color: #f2f2f2;}
.navbar-inverse .nav-collapse .nav > li > a,.navbar-inverse .nav-collapse .dropdown-menu a {color: #999999;}
.navbar-inverse .nav-collapse .nav > li > a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:hover { background-color: #111111;}
.nav-collapse.in .btn-group {padding: 0; margin-top: 5px;}
.nav-collapse .dropdown-menu { position: static; top: auto; left: auto; display: none; float: none; max-width: none; padding: 0; margin: 0 15px; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0;        border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.nav-collapse .open > .dropdown-menu { display: block; }
.nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after { display: none;}
.nav-collapse .dropdown-menu .divider { display: none;}
.nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after {display: none;}
.nav-collapse .navbar-form, .nav-collapse .navbar-search { float: none; padding: 10px 15px; margin: 10px 0;border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);}
.navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search { border-top-color: #111111;  border-bottom-color: #111111;}
.navbar .nav-collapse .nav.pull-right { float: none; margin-left: 0;}
.nav-collapse, .nav-collapse.collapse { height: 0; overflow: hidden;}
.navbar .btn-navbar { display: block;}
.navbar-static .navbar-inner { padding-right: 10px; padding-left: 10px;}
#Product_cookies-wrap {  padding: 0 0 3px;  background: url(../gfx/product/vmr/bgDarkHatch.jpg) repeat 0 0;}
.Product_cookies-inner {  margin: 0 10px 5px 10px;  width: 100%;}
.Product_cookies-inner h3 { float:left; width: 80%;  text-align: left;padding:0}
.Product_cookies-inner h3 span {  display: inline;}
.Product_cookies-text {  width: 94%;}
}
@media (min-width: 980px) { .nav-collapse.collapse {  height: auto !important; overflow: visible !important;}
}

/*global Data base page bhrt*/
@media (min-width: 483px) and (max-width: 760px) {
.global .commercial_rightThumb {padding: 0;background:#f1f1f1}
.global .commercial_rightThumb .thumbnail img{ padding:0; margin:0 0 15px 0} 
.global .commercial_rightMain, .global .row .thumbnails .nav li a.spanView, a.spanView{ width:100% !important}
.global .commercial_rightThumb .thumbnail .caption {float: left;}
.global .commercial_rightThumb .thumbnail .caption .discription, .global .commercial_rightThumb .thumbnail .caption .selectBtn {float:left;}
.global .video-container {margin: 0;padding: 0; display:inherit}
.global .video-container .videoWrapper{ text-align:center}
.global .video-container .videoWrapper img{margin:0; padding:0; float:none; text-align:center; width:90%}
.global .commercial_rightThumb .thumbnail .caption p, .global .video-container .video-text p{ padding:1% 4%;}
.global .commercial_rightThumb .thumbnail .caption .discription{ text-align:center}
.global .shareBtn{width:50% !important} 
.global .commercial_rightThumb .thumbnail .caption .selectBtn a{ float:left;}
.global .video-container .video-text p{}
.global .commercial_btmThumb p{ width:90% !important; padding:1% 4%}
h3{ font-size:15px; padding:1% 4%}
.commercial_accordionBox .accordion-heading a.accordion-toggle{ font-size:16px}
.commercial_breadcrumbLine{ display:table}
.global .row .thumbnails .nav li.searchBox input{ width:87%}
.global .commercial_accordionBox {margin: 0 auto;width: 98%;}
.global .commercial_rightThumb,.global .commercial_rightThumb .thumbnail img,.global .commercial_rightThumb .thumbnail .caption,.global .commercial_rightThumb .thumbnail .caption .discription, .global .commercial_rightThumb .thumbnail .caption .selectBtn,.global .commercial_rightThumb .thumbnail .caption .selectBtn a
{width:100%;}
}

@media (max-width: 780px) {
.global .commercial_rightMain{ width:97.3%;padding:10px;}
.global .commercial_rightThumb{clear: both;margin: 12px auto 0; padding: 1%;width: 98%;}
.global .contentPara {padding: 10px 15px;}
.global .row .thumbnails .nav li a.spanView, a.spanView{ float:left; width:98%}
.global .row .thumbnails .nav li.searchBox{ width:93%}
#project, #service, #publishing{left: 3%;margin: 0 auto;width: 90%;} 
#project .modal-body .tabbable .span6, #publishing .modal-body .tabbable .span6, #project .modal-body .tabbable .span4, #publishing .modal-body .tabbable .span4{width:88%; margin:0 auto}
#project .modal-body .tabbable .span4, #publishing .modal-body .tabbable .span4{ padding:0}
.modal{ width:90%}
.close{ right:2%; top:1%}
#project .findproject, #publishing .bibligraphic, #publishing .compandia, #publishing .fulltext, #publishing .infoLibra, #publishing .infoAuth, #publishing .bookshop{border:1px solid #999; background:#dbdbdb; padding:5px; width:95%; margin:0 auto}
#project .findproject a{ width:89%; margin-bottom:5px;} 
#project .findproject .keywords{ display:table}
#project .findproject h3{text-align:center}
#project .findproject .keywords input[type="submit"]{ margin-right:0}
#project h3, #service h3, #publishing h3{ padding-left:0; font-size:18px}
#publishing .bookshop a.topsearch{line-height:inherit}
#publishing .bookshop a.topsearch span {padding:2px !important; margin:0; background:none}
#publishing .infoDist .login { display:table; padding:10px 5px; }
#publishing .infoDist .login .span5 input[type="text"], #publishing .infoDist .login .span5 input[type="password"]{ width:90%}
#publishing .infoDist{margin: 0 auto;padding: 5px;width: 95%;}
.global .shareBtn{ width:auto;}
#myCarousel { margin-left:3%;}
.global .video-container .videoWrapper img, #project .findproject h3 {padding:0px;}
.commercial_casestudy .accordion-heading ul.gallery_thumbnail li {margin:3.4% 1%; text-align:center;}
#publishing .infoDist .login .span5 input[type="submit"],#publishing .bookshop a.topsearch,#project .modal-body , #publishing .modal-body, #project .modal-body img, #publishing .modal-body img,#project, #service, #publishing,.global .commercial_rightMain
{margin:0;}
.global .video-container .videoWrapper img,#publishing .infoDist .login .span5 input[type="submit"],#publishing .infoDist .login .span5,#publishing .bookshop a.topsearch span,#publishing .bookshop a.topsearch,#publishing .bookshop .span3,#project .findproject .keywords select,#project .modal-body , #publishing .modal-body, #project .modal-body img, #publishing .modal-body img,.global .row ul{width:100%;}

}
@media (min-width: 781px) and (max-width: 1024px) {
.global .commercial_rightThumb{clear: both;margin: 0 auto;padding: 1%;width: 98%;}

}
/*---------------landscape-------------------*/
@media only screen and (max-width : 598px){
.nav-collapse { -webkit-transform: translate3d(0, 0, 0);  }
.page-header h1 small { display: block; line-height: 20px;}
input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc;}
.form-horizontal .control-label { float: none; width: auto; padding-top: 0; text-align: left;}
.form-horizontal .controls {margin-left: 0;}
.form-horizontal .control-list { padding-top: 0;}
.form-horizontal .form-actions { padding-right: 10px; padding-left: 10px;}
.media .pull-left, .media .pull-right { display: block; float: none; margin-bottom: 10px;}
.media-object { margin-right: 0; margin-left: 0;}
.modal { top: 10px; right: 10px; left: 10px; }
.modal-header .close { padding: 10px; margin: -10px;}
.carousel-caption, .carousel-caption p { width:82%; font-size:11px;}
.nav-collapse { margin-left:16px;}
.commercial_foodSecurity .row { padding:10px; width:94%;}
.commercial_mrgnTop .row .rightVedio li.span5 { margin:0px;}
#pop .modal.fade.in{top:5%;}
.modal.fade.in {top: 50%; border:5px solid #368729;}
.commercial_mrgnTop .row .thumbnails .span3 { float:left;}
#header .commercial_logo { margin: -4% 0 20px 4%}
#myCarousel .arrowBg, #myCarousel .arrowBgright { background:none;}
#header .projectMain .threeBox .span3 { margin-bottom:12px;}
#header .serchBox .span7 input[type="text"] { width:84%; font-size:11px;}
footer .span10 .fLinks {margin-left: 2%; position: relative; text-align: center; top: -65px; width: 96%;}
footer .span10 { padding-top:5px;}
footer .span10 .span11 {position: relative; top:55px; width:90%; padding-bottom:25px; left:15%;}
footer .span10 a.commercial_logoFooter { float:left; margin-top:-11px;}
footer .footerToggle .toggleBtn { margin-bottom:6px;}
.commercial_foodSecurity footer .footerToggle { width:93%;}
.commercial_mrgnTop .row .rightVedio li a.ourChannel {line-height: 28px; font-size:18px; background-position:13px 13px;}
.commercial_mrgnTop .row .thumbnails .span1 img { max-width:98%; width:98%}
.commercial_mrgnTop .row .thumbnails .span1, .commercial_mrgnTop .row .thumbnails .span3 {margin-left:0px;}
.commercial_foodSecurity .row .thumbnails li.mrgnLeft { margin-right:0px;}
.commercial_mrgnTop .row .thumbnails .span3 { width:80%; margin-bottom:15px;}
.flex-control-thumbs { margin:5px 0 0 2%}
.span15 h3, .commercial_rightMain h3 { font-size: 17px; padding-left: 0; padding-top: 7px; margin-left:0px; margin-bottom:20px;}
#myCarousel { min-height:105px;}
.commercial_invasive .commercial_rightMain { margin-left:0px; padding:0 10px;}
.commercial_invasive .commercial_rightThumb { margin:0px 0 10px; width:94%;}
.shareBtn {top: 5px; position:relative; right:0;} 
.commercial_rightThumb .thumbnail img { margin-right:1%; float:left;}
.commercial_rightThumb .thumbnail .caption { width:95%; float:left;}
.commercial_invasive .commercial_rightThumb { padding-bottom:10px; margin:0px 0 15px 0; width:96%; }
.span17 {padding-left: 1%; width: 99%;}
.row-fluid .span4 .thumbnail img { width:84%;}
.commercial_accordionBox .accordion-heading a.accordion-toggle, .tLine { font-size:15px; line-height:27px; }
.carousel-control, #myCarousel .arrowBg, #myCarousel .arrowBgright { height:105px;}
.thumbnail > img { margin:0px; width:94%}
h3 { margin:2% 0% 1% 1%; font-size:20px; padding-left:0px;}
.serchBox .span7 { margin-top:10px; position:inherit !important; right: 5%; top: 45%; width: 44%;}
.span15 { width:94%;}
#projects .modal-body .tabbable .span6, .publishing .tabbable .span6{float:left; margin:0; display:block}
#projects .modal-body .span4, .publishing .span4{ float:left}
.modal {left: 3%;margin: 0 auto;width: 93%; display:none;}
.services .span9 .span1{text-align:left; padding:0}
#header .serchBox { margin-left:10px;}
.commercial_accordionBox .bs-docs-example ul.nav-tabs li.active{background:#fff; color:#ccc; margin:0 0 3px 2%; border:1px solid #666;}
#main_area .commercial_accordionBox .bs-docs-example ul.nav-tabs li { border:1px solid #ccc;}
#main_area .commercial_accordionBox .bs-docs-example ul.nav-tabs li a { padding:12px 0 0 7px}
.commercial_accordionBox .bs-docs-example ul.nav-tabs li.first { margin-left:2%;}
.commercial_accordionBox .bs-docs-example ul.nav-tabs li { height:63px; background:#f1f1f1; border:2px solid #f1f1f1; width:46%; margin:0 0 3px 2%;}
.global .commercial_accordionBox .bs-docs-example ul.nav-tabs li a { font-size:12px; padding:5px;}
.global .commercial_rightMain { padding:0 5px;}
#thumbSlider .slider , .commercial_subjectOne .slider { width: 74%; margin-left:17px;}
#thumbSlider .slider .carousel .flex-viewport ul { margin-left:20px;}
.commercial_accordionBox .commercial_eventsSection .span3 { margin:0 0 10px 5px;}
.commercial_subjectTwoMain .commercial_subjectTwo .span3 { margin-bottom:15px;}
.commercial_subjectTwoMain .commercial_subjectTwo .media .pull-left { float:left;}
.commercial_subjectOne .commercial_accordionBox .accordion .media .pull-left img, .commercial_subjectOne .commercial_accordionBox .accordion .media h2 {font-size:16px;}
.commercial_eventsSection .eventsMonth { margin-bottom:20px;}
#wherewework .modal-body .tabbable .span6 {margin: 0; width: 99%;}
#thumbSlider .sliderSubject .flex-direction-nav li, #thumbSlider .sliderSubject .flex-direction-nav li + li { top:-257px;} 
.commercial_subjectOne .commercial_accordionBox .accordion-inner .media a.pull-left img, .commercial_accordionBox .commercial_accordionInnerBox .row-fluid ul.thumbnails .span4 img { float: left; margin-right: 14px; width: 33%;}
.commercial_subjectOne .keyProject .media h2 { font-size:13px;}
.commercial_accordionBox .commercial_accordionInnerBox .row-fluid ul.thumbnails .span4 { min-height:186px;}
.commercial_invasive .row .thumbnails .nav li a.spanView, .global .row .thumbnails .nav li a.spanView, a.spanView {float:none;width:99%;}
#header .serchBox .span1 { top: 31px; width: 110px;} 
#header .projectMain { padding:0 10px;}
.commercial_foodSecurity .row .thumbnails li.imgtrade { width:49%; float:left;}
body .commercial_mrgnTop .row li.mrgnLeft .span1, body .commercial_mrgnTop .rightSection .span5 .span1 { width:24%; float:left;}
body .commercial_mrgnTop .row li.mrgnLeft .span3, body .commercial_mrgnTop .rightSection .span5 .span3 { width:73%; margin-left:1%;}
.commercial_foodSecurity .row .thumbnails a.imgCaption {font-size:16px;}
.media .pull-left, .media .pull-right{ float:left}
.commercial_getinvolved .carousel-caption {right: 0;top: 60%;width: 90%;}
.carousel-caption, .carousel-caption p { line-height:normal}
.commercial_invasive .commercial_onlyBgColor, .commercial_accordionBox .accordion-body .accordion-inner .commercial_onlyBgColor, .commercial_casestudy .commercial_onlyBgColor, .support .commercial_onlyBgColor, .commercial_getinvolved .commercial_onlyBgColor {width: 91%}
.commercial_invasive .row .commercial_subjectOne { padding:15px 7px 7px;}
.commercial_homePageIs .commercial_subjectOne .shareBtn { top:1%;}
.commercial_homePageIs .commercial_subjectOne .keyProject .media .media-body, .commercial_accordionBox .accordion .homeIssue .media .media-body {width:50%; float:left;}
.accordion-group .keyProject .media a, .commercial_homePageIs .commercial_accordionBox .accordion-group .furtherRec .media a, .commercial_accordionBox .accordion .homeIssue .media a, .commercial_subjectOne .commercial_accordionBox .accordion .accordion-inner .media a  { width:32%;}
.commercial_invasive .commercial_rightMain .howToOrdr { margin-top:24px;}
.commercial_invasive .commercial_invasiveLeft ul.nav  li.searchBox input[type="text"],.global .row .thumbnails .nav li.searchBox input[type="text"] { width:94%;}
.commercial_accordionBox .accordion-group .commercial_btmThumb .forIpad ul.thumbnails .span4 { margin-bottom:10px;}
.commercial_accordionBox .accordion-group .commercial_btmThumb .forIpad ul.thumbnails .span4 .thumbnail img, .product_ebbook .marginTop ul.thumbnails .span3 .thumbnail img, .product_ebbook .row-fluid ul.thumbnails .span4 .thumbnail img {margin-bottom:5px;}
.commercial_invasive .commercial_rightMain .commercial_accordionBox .accordion-group .accordion-inner .media .media-body h2 { font-size:15px;}
.commercial_projectDetailsPage .commercial_subjectOne .topDate .endDateright, .topDate { float:left; clear:both; margin:8px 2%;}
.product_ebbook .commercial_galleyDetails #main_area #slider-thumbs .span8 .thumbnails li.span1 { width:27%; float:left;}
#main_area .row #carousel-bounding-box #myCarousel { min-height:86px; margin:0px 0 10px}
#standerdContent .commercial_rightMain .row-fluid .span4 .thumbnail img, #standerdContent .row .commercial_rightMain .commercial_accordionBox .accordion-inner .media a, .commercial_subjectOne .commercial_accordionBox .accordion .accordion-inner .media .thumbnails .span4 a {margin-right:0px;}
.support a.visit { width:96%;}
.commercial_rightMain .commercial_formFeddback p label, .commercial_rightMain .commercial_formFeddback p input[type="text"], .commercial_rightMain .commercial_formFeddback p select, .commercial_rightMain .commercial_formFeddback p textarea { width:90%;  text-align:left;}
.commercial_rightMain .commercial_formFeddback p select, select { width:94%; height:38px;}
input.spanView[type="submit"], .commercial_rightMain .commercial_formFeddback { margin:0px;}
.commercial_expert_detail .shareBtn { width:60%;}

.commercial_casestudy .row .commercial_rightMain,.commercial_rightMain .formFeddback, .productDetails .row .commercial_rightMain, .commercial_expert_detail .commercial_topDetails p.tNo span,#standerdContent .commercial_rightMain .row-fluid .span4 .thumbnail img, #standerdContent .row .commercial_rightMain .commercial_accordionBox .accordion-inner .media a, .commercial_subjectOne .commercial_accordionBox .accordion .accordion-inner .media .thumbnails .span4 a,#standerdContent .row .commercial_rightMain, .commercial_subjectOne .commercial_accordionBox .accordion .accordion-inner .media a img,.commercial_accordionBox .accordion-group .commercial_btmThumb .forIpad ul.thumbnails .span4 .thumbnail img, .product_ebbook .marginTop ul.thumbnails .span3 .thumbnail img, .product_ebbook .row-fluid ul.thumbnails .span4 .thumbnail img,.commercial_homePageIs .commercial_accordionBox .accordion-group .keyProject .media a img, .commercial_homePageIs .commercial_accordionBox .accordion-group .furtherRec .media a img, .commercial_homePageIs .commercial_accordionBox .accordion .homeIssue .media a img,.commercial_subjectOne .media .commercial_topDetails, .commercial_subjectOne .media a img.mapImgtop, .commercial_subjectOne .media .pull-left,.commercial_projectDetailsPage .commercial_subjectOne .topDate .endDateright, .topDate,.carousel-caption, .carousel-caption p,.commercial_foodSecurity .row .thumbnails a.imgCaption,.global .commercial_rightThumb .thumbnail .caption, .global .commercial_rightThumb .thumbnail .caption .discription, .global .commercial_rightThumb .thumbnail .caption .selectBtn, .global .commercial_rightThumb .thumbnail .caption .selectBtn a,.commercial_subjectOne .commercial_accordionBox .accordion .media .pull-left img, .commercial_subjectOne .commercial_accordionBox .accordion .media h2,.commercial_subjectTwoMain commercial_subjectTwo .span3,.services .span9 .span1 a,.services .span9 .span1,#projects .modal-body .span4, .publishing .span4,#projects .modal-body .tabbable .span6, .publishing .tabbable .span6,.forIpad .span3 img, .commercial_foodSecurity .row .thumbnails .span3, .commercial_accordionBox .bs-docs-example #myTabContent ul.thumbnails, #projects .tabbable .span6 .span1, .publishing .tabbable .span6 .span1, #projects .tabbable .span6 .span1 img, .publishing .tabbable .span6 .span1 img, .services .span9 .span1 a img, .commercial_invasive .commercial_rightMain, .commercial_mrgnTop .row .thumbnails .span1, #myTabContent .tab-pane li .spanView,.commercial_rightThumb .thumbnail img,.commercial_invasive .row .thumbnails .selectBox select,.commercial_mrgnTop .row .rightVedio li a.ourChannel, rightMain .formFeddback, .productDetails .row .commercial_rightMain, .commercial_expert_detail .commercial_topDetails p.tNo span { width:100%;}
.commercial_invasive .row .thumbnails .selectBox select, .global .row .thumbnails .selectBox select { height:38px !important; padding:10px 0 !important;}
.commercial_cabinews .row-fluid .media .media-body { text-align:center; margin:0 auto; width: 83%;}

}

/* Galaxy Nexus (Portrait) ----------- */
@media only screen and (max-width : 369px){
.commercial_invasive .row .thumbnails .selectBox select, .global .row .thumbnails .selectBox select { height:50px !important;}
.commercial_subjectOne .commercial_accordionBox .accordion-inner .media a.pull-left img { width: 99%;}
.commercial_subjectOne .keyProject .media .opnesRegular h2  { font-size:16px; margin-top:5px;}
.serchBox .span7 { margin-top:10px; float:left; position:inherit; width:98%;}
footer .span10 .span11 .span1 { margin-top:-13px;}
footer .span10 .fLinks { top:-70px;}
body .commercial_mrgnTop .row li.mrgnLeft .span1, body .commercial_mrgnTop .row li.mrgnLeft .span3, body .commercial_mrgnTop .row .rightSection .span5 .span1, body .commercial_mrgnTop .row .rightSection .span5 .span3 {float:left;}
.media .pull-left, .media .pull-right{ float:none}
.commercial_getinvolved .carousel-caption {top: 28%;}
.accordion-group .keyProject .media a, .commercial_homePageIs .commercial_accordionBox .accordion-group .furtherRec .media a, .global .video-container .videoWrapper img, .commercial_homePageIs .commercial_subjectOne .keyProject .media .media-body, .commercial_accordionBox .accordion .homeIssue .media .media-body, .commercial_accordionBox .accordion .homeIssue .media a, .commercial_invasive .commercial_accordionBox .accordion .commercial_accordionInnerBox .row-fluid .thumbnails .span4 .thumbnail img, .commercial_subjectOne .commercial_accordionBox .accordion .accordion-inner .media a {margin-bottom:5px;}
.commercial_casestudy .accordion-heading ul.gallery_thumbnail li {margin:3.4%}
span.topDate .endDateright { margin-left:0px;}
.accessibility .vieWing .accordion-heading a { font-size:13px;}
.carousel-caption, .carousel-caption p { width:85%; font-size:10px; left:6%;}
.commercial_casestudy  .caseCaption { width:93.9%;}
.commercial_accordionBox .bs-docs-example #myTabContent #allCabioff .commercial_topDetails .tNo span, .commercial_accordionBox .bs-docs-example #myTabContent #whereWork .commercial_topDetails .tNo span { width:93%;}
footer .span10 .span11 { left:0%;}
.commercial_rightMain .commercial_formFeddback p select, select { width:97%; height:38px !important;}
.commercial_foodSecurity .row .thumbnails li.imgtrade,.media .pull-left img,.media .pull-right img,.commercial_topDetails p.tNo span,
.accordion-group .keyProject .media a, .commercial_homePageIs .commercial_accordionBox .accordion-group .furtherRec .media a, .global .video-container .videoWrapper img, .commercial_homePageIs .commercial_subjectOne .keyProject .media .media-body, .commercial_accordionBox .accordion .homeIssue .media .media-body, .commercial_accordionBox .accordion .homeIssue .media a, .commercial_invasive .commercial_accordionBox .accordion .commercial_accordionInnerBox .row-fluid .thumbnails .span4 .thumbnail img, .commercial_subjectOne .commercial_accordionBox .accordion .accordion-inner .media a, body .commercial_mrgnTop .row li.mrgnLeft .span1, body .commercial_mrgnTop .row li.mrgnLeft .span3, body .commercial_mrgnTop .row .rightSection .span5 .span1, body .commercial_mrgnTop .row .rightSection .span5 .span3
{width:100%;}
.commercial_cabinews .row-fluid .media .media-body { text-align:center; margin:0 auto; width: 83%;}

}

@media (max-width: 300px) {
.container footer .span10 .span11 { top:78px !important;}
}

/* Allows embedded video to fill the width of it's parent and scale the height accordingly to maintain aspect ratio */
.responsive-video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
/* 
    Allows embedded video to fill the width of it's parent and scale the height accordingly to maintain aspect ratio 
    Elements with this class must be contained by .responsive-video-container
*/
.responsive-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}