@media all and (max-width: 1030px) {
	.spotsColumn{
		margin:0 30px;
	}
}
@media all and (max-width: 940px) {
	/*--Base Section--*/
	.sectionTop, .footerHolder, .spotsHolder{
		width:100%;
	}
	.sectionTop h2, .sectionTop h1, .breadcrumbs, .sectionTop h3{
		padding-left:10px;
		padding-right:10px;
	}
	.contentContanier,
	.contentContanier.wideContanier,
	.contentContanier.middleLeftContanier{
		padding:0 5px;
	}
	#twoColumnLeft #content{
		padding:0 0 0 20px;
	}
    .richTextBlock iframe, 
    .richTextBlock iframe form, 
    .richTextBlock embed, 
    .richTextBlock object {
        width: 100%;
    }
	/*--Base Main Section--*/
	
	/*--Header Section--*/
	.topHolder {
		width:100%;
	    padding:14px 22px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.logo{
		width:288px;
		background:url(/images/logo768.png) no-repeat;
		height:51px;
	}
	.serviceMenu{
	    padding-top:0;
	}
	.headerSearch {
	    display: block;
	}
	#search{
	    display:none;
	}
	#nav{
		font-size:12px;
		width:100% !important;
	}
	#nav li a{
		padding:3px 0 3px 20px;
	}
	#nav .dr{
		width:100%;
	}
	#nav .columnsMenu{
		width:94%;
	}
	#nav .dr .btn{
		margin-right:23px;
	}
	.linkNavArea{
		float:left;
		width:64%;
	}
	.linkNavHolder{
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		width:auto;
	}
	.menuIcon{ 
		float:right; 
		background: url(/images/menuInactive.png) 10px 22px no-repeat;
		cursor: pointer; 
		height:57px;
		width:26px;
		overflow: hidden;
		text-indent:-999px;
	}
	.menuIcon.activeIcon{
		background: url(/images/menuActive.png) 10px 22px no-repeat;
	}
	/*--End Header Section--*/
	
	/*--Top Section--*/
	.topSectionHolder{
	    height:302px;
	    margin:-45px 0 0;
	    overflow:visible;
	    padding:1px;
		position:relative;
	}
	
	
	.topSectionHolder h1{
		margin-top:5px !important;
	}
	
	/* documented this style since the responsive design for the home menu options is not necessary anymore */
	/*======================================================================================================== 
	
	.sectionTop .title{
	    display:none;
	}
	
	#fouroptionwidget {
	    border-spacing:1px;
	    display:table;
	    padding:0;
	    bottom:0;
		margin:0 -2px;
		width:101%;
		position:absolute;
	}
	
	
	
	#fouroptionwidget .link{
		width:20%;
		text-align: center;
		border-top: 0!important;
		height:46px;
		display:table-cell;
		vertical-align:middle;
		text-align:left;
	}
	
	#fouroptionwidget .link a{
	    line-height:16px;
	    opacity:0.6;
	    overflow:hidden;
	    padding:0 0 0 35px;
	    text-indent:0;
		margin-left:10px;
		
		
	}
	*/
	
	#fouroptionwidget .link.active a{
	    opacity:1;
	}
	.visibleHolder {
	    cursor: pointer;
	    display:table-cell;
		width:1000px;
	    padding: 0 15px;
	    position: relative;
	    text-align: left;
	}
	.visibleHolder div{
		height:46px;
		overflow:hidden;
		padding:0;
		display:table-cell;
		width:1000px;
		vertical-align:middle;
	}
	#fouroptionwidget .link img{
	    display:none;
	}
	
	
	#fouroptionwidget .link.appointment .visibleHolder div{
		background:url(/images/MobileBCH/icon1-2-0.png) no-repeat 0 50%;
	}
	#fouroptionwidget .link.finddoctor .visibleHolder div{
		background:url(/images/MobileBCH/icon2-2-0.png) no-repeat 0 50%;
	}
	#fouroptionwidget .link.browse .visibleHolder div{
		background: url(/images/MobileBCH/icon3-2-0.png) no-repeat 0 50%;
	}
	#fouroptionwidget .link.visitor .visibleHolder div{
		background: url(/images/MobileBCH/icon4-2-0.png) no-repeat 0 50%;
	}
	#fouroptionwidget .link.appointment.active .visibleHolder div{
		background: url(/images/MobileBCH/icon1-2.png) no-repeat 0 50%;
	}
	#fouroptionwidget .link.finddoctor.active .visibleHolder div{
		background: url(/images/MobileBCH/icon2-2.png) no-repeat 0 50%;
	}
	#fouroptionwidget .link.browse.active .visibleHolder div{
		background: url(/images/MobileBCH/icon3-2.png) no-repeat 0 50%;
	}
	#fouroptionwidget .link.visitor.active .visibleHolder div{
		background: url(/images/MobileBCH/icon4-2.png) no-repeat 0 50%;
	}
	#fouroptionwidget .link p {
	    line-height:16px;
	    opacity:0.6;
	    overflow:hidden;
	    padding:0 0 0 35px;
	    text-indent:0;
	}
	#fouroptionwidget .link.active p{
	    opacity:1;
	}
	

	
	#fouroptionwidget .rightside1, #fouroptionwidget .rightside2, #fouroptionwidget .rightside3, #fouroptionwidget .rightside4 {
	    bottom:63px;
	    height: 159px;
	    left: 0;
	    overflow: hidden;
	    padding-left:0 !important;
	    padding-right:0 !important;
	    top: auto;
	    width:100% !important;
	}
	#fouroptionwidget .appHolder{
		overflow:hidden;
		position:relative;
		margin:0 10px;
		box-sizing:border-box;
	}
	.link.finddoctor .block, .link.browse .block, .link.visitor .block{
	    position:relative;
		text-align:left;
	    width:40%;
		padding-left:5%;
	}
	.link.visitor .block{
		margin:0;
		width:37%;
		padding-left:3%;
	}
	.link.visitor .block .locationHolder ul, .rightside4 .containertext .addressText, .rightside4 .containertext ul{
        width: 47%;
	}
	.link.visitor .block.blockLast{
	    width:45%;
	}
	.rightside2 .appHolder > .button, .link.visitor .block.blockLast > a{
	    position:absolute;
	    bottom:0;
	    right:6px;
	}
	.textEmergency{
		width:auto;
	}
	.link.appointment .block{
	    margin-left: 3%;
	    padding-right: 3%;
	    width: 25%;
	}
	.link.appointment .button{
	    margin-right:6px;
	}
	#fouroptionwidget .link.appointment .rightside1{
		padding-bottom:13px;
	}
	#fouroptionwidget .link p{
		overflow:hidden;
		text-indent:0;
		line-height:16px;
		padding: 0 0 0 35px;
		opacity:0.6;
	}
	#fouroptionwidget .link .textEmergency.mainText p{
		text-indent:0;
	}
	#fouroptionwidget .select2-container, .widget.fouroptions .select2-container, .checkBlock label{
	    float:left;
	}
	#fouroptionwidget .styled-selectHolder span.subtitles{
	    text-align:left;
	}
	#fouroptionwidget select.location {
        float: none;
    }
	#fouroptionwidget .link.visitor .rightside4 {
	    background: none repeat scroll 0 0 #14bef0;
	    padding: 14px 13px 14px 16px;
	    width: 545px;
	}
	/*--End Top Section--*/
	
	/*--Stream Section--*/
	.mainHolder .headline {
	    margin:-46px 0 6px 4px;
	}
	.streamArea{
		padding:0 5px;
	}
	#showtopics .title {
	    width:13%;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	#showtopics ul{
	    width:87%;
	}
	.spotsColumn{
		margin:0 15px;
	}
	/*--End Stream Section--*/
	
	/*--Left Menu--*/
	.leftColumn {
	    width:26.5%;
		margin:0 0 0 10px;
	}
	.leftColumn .leftnavHolder{
		width:100%;
	}
	.searchArea .text,
	.videoSearchHolder.newVer .searchArea .text{
		padding-left:5px;
		width:83%;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		margin-left:0;
	}
	/*--End Left Menu--*/
	
	/*--Tabs Section Pages--*/
	#searchResults{
		margin:0 15px 0 -9px;
	}
	.articleColumn{
	    padding:0 8px;
	    width:25%;
		margin:0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.tabContainer .article{
		padding:0 0 0 9px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.tabContainer .articleBox{
	    margin:0 0 25px;
	    width:100%;
		padding:0;
	}
	.tabContainer .articleBox img{
		width:100%;
		height:auto;
	}
	#searchResults .videoBox{
		margin-left:26px;
	}
	.videoSearchHolder.newVer .videoSearchResults{
		width:100%;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	/*--End Tabs Section Pages--*/
	/*--Doctor profile--*/
	.infoDoctorBox{
		margin-left:6px;
	}
	.doctorinfo .bold{
	    margin:0 5px 0 0;
	    width:auto;
	}
	.widgetDoctor .leftCol{
		margin:0;
	}
	#titles a {
	    padding:0;
	}
	/*--Ena doctor profile--*/
	/*--Search page--*/
	.searchForHolder {
		width: 81%;
	}
	.searchForHolder .searchArea {
		width: 48%;
		margin: 0 14px 0 0;
	}
	.searchResultsFor #searchResults{
		margin-left:0px;
	}
	.searchResultsFor #showPageResults{
		padding:10px 7px;
	}
	.searchResultsFor .searchArea .text {
		width: 80%;
	}
	.searchResultsFor .searchArea .submit {
		width: 25px;
		background: url(/images/search.png) no-repeat;
		height: 22px;
	}
	.searchResultsFor .type{
		width:77%;
	}
	.searchResultsFor .type li a {
		padding: 6px 1px;
		font-size: 11px;
	}
	.searchResultsFor .type .active a, .searchResultsFor .type li:hover a {
		padding: 5px 0px;
	}
	/*--End Search page--*/
	/*--Request Page--*/
	.stepsHolder .button{
		position:relative;
		float:left;
		left: 55px;
	    margin: 0 50px 0 0;
	    right: 0;
	}
	.stepText{
		position:relative;
		float:left;
		margin: 0 55px;
	}
	.stepsHolder{
		width:100%;
	}
	.stepArea{
		overflow:hidden;
		margin-left:-1px;
	}
	.stepsHolder .step:first-child{
		padding-left:55px;
	}
	.stepsHolder .step:last-child{
		background:none;
	}
	.stepsHolder .step{
		padding-bottom:20px;
	}
	/*--Request Page--*/
	 /*spot page*/
    #topSlider
    {
        margin: 0 0 10px 0;
    }
    #bottomSlider
    {
        margin: 0 0 18px 4px;
        width: 466px;
    }
    #bottomSlider.spotClass .slider li
    {
        width: 466px;
    }
    .spotClass.SpotLinks
    {
        margin: 0 0 10px 8px;
        padding: 20px 11px 0 17px;
        width: 200px;
    }
    .spotClass.SpotLinks h3
    {
        margin-bottom: 10px;
    }
    .spotClass.SpotLinks ul li
    {
        margin-bottom: 6px;
    }
    .spotClass
    {
        margin: 0 8px 18px 0;
    }
    .spotClass .imageHolder
    {
        width: 220px;
        float:left;
        overflow:hidden;
        margin-right: 27px;
    }
    .spotClass .imageHolder img
    {
        margin-left: -65px;
    }
    #topSlider.spotClass .slider li, #topSlider
    {
        width: 505px;
    }
    #topSlider.spotClass .descrSlide {
        padding: 56px 40px 0 0;
    }
    .spotClass .descrSlide a.learnMore
    {
        margin-top: 31px;
        letter-spacing: 0;
    }
    .spotClass .paginatorSlider, .spotClass .next
    {
        right: 18px;
    }
    .spotClass .prev
    {
        right: 47px;
    }
    .spotClass.formSpot
    {
        margin: -10px 0 18px 0;
        width: 100%;
		padding: 0;
    }
    .spotClass .holderTitle
    {
        padding-bottom: 17px;
    }
    .spotClass.formSpot .descSpot
    {
        text-align: center;
    }
    .spotClass.formSpot .descSpot p
    {
        padding: 3px 50px 17px;
    }
    .spotClass.formSpot .descSpot > div
    {
        margin: 0 auto;
        width: 471px;
        overflow:hidden
    }
    .spotClass.formSpot .descSpot > div input:first-child
    {
        margin-right: 15px;
    }
    .spotClass.formSpot input[type='submit']
    {
        float:none;
        margin: 11px 19px 10px 0;
    }
    .spotClass.formSpot .bottomSpotSection
    {
        height: auto;
		margin: 7px;
    }
    #bottomSlider .imageHolderbottom
    {
        width:466px;
        height: 185px;
        overflow:hidden;
    }
    #bottomSlider .imageHolderbottom img
    {
        width:466px;
        max-width:466px;
        height: auto;
    }
    /*End spot page*/
	/*--Careers--*/
	.careerIntro{
		padding:0 15px 0 33px;
	}
	.careerTeasers{
		text-align:center;
	}
	.careerTeasers .careerBox{
		float:none;
		display:inline-block;
		text-align:left;
		vertical-align:top;
	}
	.tabs-holder .tabs li:first-child{
		padding-left:9px;
	}
	.tabs-holder .tabs span{
		font-size:9px;
	}
	.imageGallery{
		margin:0 0 29px 20px;
	}
	.careerIntro{
		padding:0 15px;
	}
	.paging-tab > li:first-child{
		padding-left:5px;
		font-size:12px;
	}
	.careerNavSocial img {
	    height: 100%;
	    width: 100%;
	}
	.tabNav .careerNavSocial li a{
		width:25px;
		height:25px;
	}
	.tabNav .careerNavSocial li{
		margin:0 0 0 5px;
	}
	.tabNav .careerNavSocial li:first-child{
		margin:0;
	}
	.tabNav .careerNavSocial{
		width:90px;
	}
	.personIhfo .imgBox{
		width:56%;
	}
	.personIhfo .text{
		width:44%;
		padding:58px 14px 28px;
	}
	.hero-area .hero-item{
		margin:1px;
		width:24.5%;
	}
	.hero-area .hero-item{
		font-size:11px;
		line-height:13px;
	}
	.allTabContent .personIhfo .text h1{
		font-size:35px;
	}
	/*--End Careers--*/
    .articleArea{
        width: auto;
        max-width: 540px;
    }
	.contentWide{
		padding:0 10px;
	}
	.relatedList{
		width:74%;
	}
	/*-Conditions-*/
	#topSearchFAP{
		width:372px;
	}
	#topSearchFAP input[type="text"]{
		width:277px;
	}
	.holderLoadedItems{
		text-align:center;
	}
	.holderLoadedItems .conditionBox{
		text-align:left;
	}
	#topSearchFAP,
	#topSearchFAP a.close,
	#topSearchFAP .submit{
		height:40px;
	}
	#topSearchFAP input[type='text']{
		padding: 6px 15px 6px;
	}
	.topSectionOnFirstAjaxTab a.calendarLink{
		padding: 7px 13px 7px 50px;
	}
	.topSectionOnFirstAjaxTab a.doctorBtn{
		padding: 7px 13px 7px 50px;		/* NFB-10 */
	}
	/*-End Conditions-*/
	/*--Footer Section--*/
	.sectionBottomHolder{
		background:none;
	}
	.sectionBottom, #footer{
		padding-left:22px;
		padding-right:22px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.harvardLogo{
		width:39%;
		margin-right:14px;
	}
	.harvardLogo .harvardImg{
		width:100%;
		height:54px;
	}
	.harvardImg img{
		width:100%;
		height:100%;
	}
	.quoteHolder{
		width:53%;
		padding-left:42px;
	}
	.quoteHolder blockquote{
		width:97%;
	}
	.footerHolder .columns{
		width:78%;
	}
	.footerHolder .columns .longCol{
		width:31%;
	}
	.footerHolder .columns .col{
		width:32%;
	}
    .vacancyInfo{
        max-width: 429px;
    }
    .careerLoginHolder .selectLabel, .careerRegisterHolder .selectLabel, .careerLoginHolder  .inputOverlay .empty, .careerRegisterHolder .inputOverlay .empty{
        width: 211px;
    }
    .jobsViewHolder, .navyTextArea, .jobResultsArea, .careerThankHolder{
        margin: 0 0 0 20px;
    }
	/*--End Footer Section--*/
}
@media all and (max-width: 940px) {
    .imageGallery .imgBox{
        width: 36%;
    }
    .imageGallery .imgBox:first-child{
        width: 63%;
    }
	
	#CTANavHelpMenu li
{
	
	
	font-size:11px;
	line-height:12px;
	
	
	
}
@media all and (max-width:768px) {
	.topSectionHolder{
		background:#fff url(/images/banner.jpg) no-repeat;
		height:280px;
	}
	.sectionTop{
		margin:0 auto;
	}
	.mainHolder .headline{
		background:#fff;
    	margin: -60px 0 0 4px;
    	padding: 14px 0;
	}
	.streamArea{
		background:#fff;
	}
    .OpasityBg {
        position: relative;
        z-index: 10;
        margin: 0;
    }
	/*spot page*/
    /**/
}