/* 
   This is NOT the live file. This is for feeble humans to read.
   You must run "minify -o responsive.min.css responsive.css" or
   whatever it may be called to generate the min file that's live. 
*/
.mobile-fields { width: 85% !important; }
@media (max-width: 767px) {
    #btnSearch { width:100%; box-sizing:border-box; display:block; margin-left:0; }
    #search-wrapper .styled-select { width: 96px !important; }
    .hidden-desktop .special-ad { width:auto !important; }
    #homepage-video #browse-bys { margin-top:120px !important; }
    .device-android #homepage-video #browse-bys .type { line-height:45px; }
    .device-android #homepage-video .homepage-search .selectthis .selectthisselected .selected { line-height:43px; }
    .device-android #page-footer .selectthis .selectthisselected .selected, .device-android #mobile-search .selectthis .selectthisselected .selected { line-height:35px; }
    #header #mobile-search .search-holder .primary-button { border:0 none !important; }
    .astm-movie .play-video img { width: initial; }
    #homepage-video #video-holder { background: #000000; }
    #homepage-video #video-holder video { width: 300%; }
    #homepage-video .container { margin-top: 0; padding: 0 10px; }
    #homepage-video .homepage-search { width: 100%; }
    #homepage-video .homepage-search .selectthis { width: 100%; margin: 0 auto; }
    #homepage-video .homepage-search .selectthis .selectthisselected { width: 98%; margin: 0 auto; }
    #homepage-video .homepage-search .primary-button { position: static; width: 100%; margin-top: 7px; }
    #homepage-video .homepage-search #main-search { top: 0; width: 100%; margin-bottom: 10px!important; border: 0 none !important; left:0; margin-left:0; }
    #homepage-video h1 { font-size: 25px; line-height: 27px; }
    #homepage-video h5 { font-size: 15px; line-height: 23px; }
    #homepage-video #browse-bys { float: none !important; position: relative; }
    #homepage-video #browse-bys .type { width: 49.85%; }
    #homepage-video #browse-bys .contents { width: 100% !important; }
    .blue-button { float: none; display: block; width: 100%; margin: 0 0 1px; }
    #first-ad { font-size: 13px; line-height:16px; height: 130px; }
    #second-ad { background: url('/images/ebook-Half-bg-v2.png') no-repeat bottom right #e7f4f4; line-height: 16px; background-size: auto 150px !important; height:130px; }
    #first-bottom { padding-top: 5px !important; max-width: 150px; }
    #second-ad #second-box { width: 125px !important; margin-top: 25px; margin-left: 0px !important; }
    #first-ad #first-box { width: 80px !important; margin-left: 0px !important; }
    #hp-compass { background: url('/images/homepage-compass-tablet.jpg') no-repeat bottom right #f3f1ef; height: 180px; border-bottom: 1px solid #6a6a69; }
    #hp-training { height: 180px; }
    #membership-menu .options { padding: 10px; background: #edf1f5; border-bottom: 1px solid #6a6a69; }
    #membership-menu .options a:link, #membership-menu .options a:visited { width: 37%; margin: 5px; border: 0 none !important; }
    #membership-menu .options a:hover { background: #f8f8fa !important; }
    #membership-menu .options .selected { background: #f8f8fa !important; }
    #membership-menu .content .primary-button { float: none !important; width: 90%; display: block; }
    #membership-menu .content .primary-button img { right: 10px; top: 13px; }
    #row-1 .blueborder { border: 0 none !important; padding: 0; margin-bottom: 25px; }
    #overview p b.midblue { line-height: 60px; }
    #overview .head-txt { border-bottom: 1px solid #d2d7db; }
    #presidents-column p, #snews-holder p, #presidents-column h5, #snews-holder h5 { padding: 0; }
    #presidents-column .contents h5, #snews-holder .contents h5 { box-shadow: none !important; }
    #presidents-column .contents .snews-txt, #snews-holder .contents .snews-txt, #presidents-column .contents .president-txt, #snews-holder .contents .president-txt { width: 160px; }
    #row-1 #slider { height: 185px; }
    #page-footer { margin-top: 0; }
    #page-footer .container { padding: 0 10px; }
    #page-footer .footer-links ul { list-style: none; float: left; width: 46%; }
    #page-footer .footer-links ul li { padding: 10px 0; }
    #page-footer .footer-links ul li a:link, #page-footer .footer-links ul li a:visited { text-decoration: underline; }
    #page-footer .search-holder { width: 100%; margin-bottom: 10px; }
    #page-footer .search-holder .selectthis { width: 100%; margin: 0 auto; left:0; }
    #page-footer .search-holder .selectthis .selectthisselected { width: 98%; margin: 0 auto; }
    #page-footer .search-holder .primary-button { margin: -5px 0 0; text-align: center !important; font-size: 17px !important; line-height: 24px !important; margin-top: 2px; color: #232f3a !important; left:0; box-sizing:border-box; height:34px; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; width:100%; }
    #page-footer .search-holder .query { left:0; margin-top:5px!important; width:100%; margin-bottom:10px!important; box-sizing:border-box; height:34px; }
    #page-footer .mobile-top { position: relative; bottom: -16px; }
    #header #mobile-search { position: absolute; top: 160px; z-index: 100; width: 98%; display: none; }
    #header #mobile-search .search-holder { width: 95%; margin: 0 auto; position: initial; margin-bottom: 10px; }
    #header #mobile-search .search-holder .selectthis { width: 100%; margin: 0 auto; left:0; }
    #header #mobile-search .search-holder .selectthis .selectthisselected { width: 98%; margin: 0 auto; }
    #header #mobile-search .search-holder .primary-button { position: static; width:100%; margin: -5px 0 0; text-align: center !important; font-size: 17px !important; line-height: 26px !important; margin-top: 2px; color: #232f3a !important; box-sizing:border-box; height:36px; }
    #header #mobile-search .search-holder .query { left:0; top:8px; width:100%; box-sizing:border-box; height:36px; top:2px !important; margin-bottom:15px!important; }
    #news-row .news-header { cursor: pointer; }
    #news-row .item { display: none; }
    #mobile-holder { width: 100%; display: block; }
    #mobile-holder #mobile-nav { width: 100%; display: block; margin-left: -2px; }
    #mobile-holder #mobile-nav li { position: relative; }
    #mobile-holder #mobile-nav li a:link, #mobile-holder #mobile-nav li a:visited { text-transform: none; }
    #mobile-holder #mobile-nav li ul { position: absolute; width: 100%; }
    #mobile-holder #mobile-nav li ul li { width: 100%; display: block; }
    #mobile-holder #mobile-nav li ul li a:link, #mobile-holder #mobile-nav li ul li a:visited { color: #232f3a; width: 97%; display: block; background: #ffffff; text-transform: uppercase; border-bottom: 1px solid #6a6a69; }
    #mobile-holder #mobile-nav li ul li a:link img, #mobile-holder #mobile-nav li ul li a:visited img { position: absolute; top: 18px; right: 10px; }
    #mobile-holder #mobile-nav li ul li a:hover { background: #ffffff; }
    #mobile-holder #mobile-nav li ul li a:before { content: ""; margin: 0; }
    #mobile-holder #mobile-nav li ul li ul { position: relative; }
    #mobile-holder #mobile-nav li ul li ul li a:link, #mobile-holder #mobile-nav li ul li ul li a:visited { padding-left: 15px; background: #edf1f5; text-transform: none; }
    #mobile-holder #mobile-nav li ul li:first-child a { background: url('/images/menu-bg.png') repeat-x #ffffff; }
    #mobile-snav { position: absolute; z-index: 9999; width: 100%; }
    #mobile-snav #mobile-subnav { display: none; position: relative; width: 100%; }
    #mobile-snav #mobile-subnav li { float: none; display: block; width: 99.5%; }
    #mobile-snav #mobile-subnav li a:link, #mobile-snav #mobile-subnav li a:visited { color: #232f3a; display: block; width: 99%; background: #ffffff; text-transform: uppercase; border-bottom: 1px solid #6a6a69; padding: 10px 5px; }
    #mobile-snav #mobile-subnav li a:link img, #mobile-snav #mobile-subnav li a:visited img { position: absolute; top: 18px; right: 10px; }
    #mobile-snav #mobile-subnav li a:hover { background: #ffffff; }
    #mobile-snav #mobile-subnav li a:before { content: ""; margin: 0; }
    #mobile-snav #mobile-subnav li ul { position: relative; }
    #mobile-snav #mobile-subnav li ul li a:link, #mobile-snav #mobile-subnav li ul li a:visited { padding-left: 15px; background: #edf1f5; text-transform: none; width: 98.18%; }
    #mobile-snav #mobile-subnav li ul li a:before { content: ""; margin: 0; }
    #mobile-snav #mobile-subnav li ul li ul li a:link, #mobile-snav #mobile-subnav li ul li ul li a:visited { padding-left: 25px; background: #ffffff; color: #104164; text-transform: none; width: 97.36%; }
    #mobile-snav #mobile-subnav li ul li ul li ul li a:link, #mobile-snav #mobile-subnav li ul li ul li ul li a:visited { padding-left: 35px; background: #edf1f5; text-transform: none; width: 96.54%; }
    #homepage-video, #page-body { position: relative; }
    #page-footer .query, #page-footer .primary-button, #main-search { width: calc(100% - 10px); }
    select { width:99%; display:block; }
    .styled-select {
        width: 100% !important;
        box-sizing: border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing: border-box;
        margin-bottom:5px;
    }
    .styled-select select { width:106% !important; }
    .search-holder .styled-select { width:100% !important; left:0; vertical-align: baseline; margin-bottom: 0px; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; }
    .search-holder .styled-select select { width:104% !important; }
    #page-footer .search-holder .styled-select { width:100% !important; left:0; border-right:1px solid #fff; }
    #page-footer .search-holder .styled-select select { width:104% !important; }
    #homepage-video .homepage-search .styled-select { width:100% !important; left:0; }
    #homepage-video .homepage-search .styled-select select { width:104% !important; }

    .searchWrapper .styled-select:first-child { 
	position:relative;
	border-radius:4px;
	width:100% !important;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
        -moz-box-sizing: border-box;
    }
    .searchWrapper .styled-select:last-child {
        position:relative;
        margin-left:0;
        border-radius:4px;
        width: 100% !important;
        box-sizing: border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing: border-box;
    }
    .searchWrapper input[type="text"]:last-child, .searchWrapper input[type="email"]:last-child {
        width: 100% !important;
        box-sizing: border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing: border-box;
        border-radius:4px !important;
        margin-left:0 !important;
        height:30px;
    }
    .searchWrapper input[type="text"]:first-child, .searchWrapper input[type="email"]:first-child {
        width: 100% !important;
        box-sizing: border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing: border-box;
        border-radius:4px !important;
        margin-left:0 !important;
        height:30px;
    }
    .main .searchWrapper .searchField { margin-left:0px !important; border-radius:4px !important; }
    .searchWrapper input[type="text"]:nth-child(2), .searchWrapper input[type="text"]:last-child {
        width: 100% !important;
        box-sizing: border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing: border-box;
        border-radius:4px !important;
        margin-left:0 !important;
        height:30px;
    }
    .device-ios .searchWrapper input[type="text"]:nth-child(2), .device-ios .searchWrapper input[type="text"]:last-child, .device-ios .searchWrapper .searchField { margin-left:0px !important; border-radius:4px !important; }
    .device-ios #page-footer .search-holder .styled-select { margin-bottom:5px !important; }

    #header { z-index: 999999; background: #fff; }
    .aboutastmfix { margin-top: -5px !important; }
    .homepage-search .search-button { margin-top: 10px !important; }
    .pop span { width: 80px; z-index: 1000000000000000; }
    .android_margin_top { margin-top: 500px !important; }
    .homepage-search .search-button { width:100%; }
    #youtubeEmbed { width: 100%; height: 360px; }
    #redirectBanner { text-align: center; }
    #bannerText { margin-top: -15px; }
    #header .signin { margin-right: 10px !important; }

    /*this is not what the notop class is for.... Do not do this, you will wreak havoc where it is not needed*/
    /*.notop { width: 100% !important; margin: 7px 0 0 !important; }*/

    .mobile-browseby { width: calc(100% - 12px); height: 25px; padding: 10px 6px; margin-left: 0; border-radius: 0; }
    .mobile-input { padding: 4px 6px !important; width: calc(100% - 12px) !important; height: 32px !important; border-radius: 0 !important; }
    #browse-section { background: #a9b5b9; }
    .yellow-pod { width: 100% !important; position: relative; border-radius: 0 !important; }
    .blue-pod { width: 100% !important; margin-top: 5px; position: relative; border-radius: 0 !important; margin-bottom: 5px; }
    .gray-buttons .gray-pod { width: 100% !important; margin-bottom: 5px; border-radius: 0 !important; height: auto !important; font-size: 14px; }
    .gray-pod h5 { font-size: 18px !important; }
    .hr { margin: 8px 0; }
    .main-body { padding: 0px 25px; }	
    .SectionLevel2 { padding-left: 2em; text-indent:-2em; }
    #body-holder { padding-left: 10px; padding-right: 10px; }
    .docsum-extras { margin-left: 0px !important; margin-right: 0px !important; }
    .docsum-button { padding-top: 12px !important; padding-left: 0 !important; padding-right: 0 !important; margin-top: 4px !important; margin-bottom: 6px !important; height: 25px; }
    .mobile-primary { margin-left: 0px !important; width: 100% !important; height: 40px; line-height: 25px !important; }
    .blue-primary { background: #285482 !important; border: 0 !important; }
    .mobile-nstxt { position: absolute; bottom: -1px; left: 0px; background: rgba(255, 255, 255, 0.85); -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; font-size: 14px; line-height: 16px; width: 100%; height: auto; }
    .mobile-nstxt h3 { font-size: 26px; color: #285482; line-height: 24px; font-weight: normal; }
    .mobile-nstxt h3, .mobile-nstxt p { padding: 5px 25px; }

    table { display: table; table-layout: fixed; width:100%; }
    td { display: table-cell; width: 2% !important; }
    .ticon { float:left; width: 16px; margin-left:-1px; margin-right:2px; }
    .ttext { height:100%; display: inline; word-wrap: break-word; }
    #header .logo { width:50%; margin-left: 10px; }
    #header .svgCSS { margin-left:0; padding-left:5px; }
    #homepage-video, #page-body { position: relative; }

    #header #nav { width:auto; }
    #page-footer { width:auto; }

    .main .docsum-extras .secondary-button, .main .docsum-links .secondary-button { line-height:25px !important; font-size:16px !important; width:100%; box-sizing:border-box; float:none; display:block; text-align:center; }

    .input-prepend input[type="text"], .input-append input[type="text"] { width:auto !important; }
    form input[type="text"], form input[type="password"] { width: 100% !important; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; height:30px; }

    #go-browse { top:0; width:100%; font-size:20px !important; box-sizing:border-box; display:block; height: 40px; line-height: 25px !important; text-align:center; margin:0 0 10px; }

    @media screen and (-webkit-min-device-pixel-ratio: 0) {
	.searchWrapper .styled-select:first-child { width:100% !important; } 
    }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#homepage-video .homepage-search input[type='text'], #homepage-video .homepage-search input[type='text']:focus { top:0px !important; }
	.astm-movie img { width:auto; }
    }
    .homepage-search #wordwheel { margin-left:0; top:89px; width:100%; z-index:10; }
    .search-holder #wordwheel { margin-left:0; top:80px; width:95%; }
    #page-footer .search-holder #wordwheel { top:77px; width:100%; }
    #serp-search-wrapper #wordwheel { margin-left:0; top:101px; width:100%; }
    .device-ios .homepage-search #wordwheel { left:0; }
    .dp { display:none; }
    #map-calendar, #lab_canvas { margin:0; }
    .landing-page .bigButton { width:100% !important; margin:5px 0; }
    .fc-header td { display:table-row; }
    .aboutBtn { width:100% !important; }

    #search-page #serp-search-wrapper #searchField { left:0; margin:0; top:0; width: calc(100% - 60px) !important; }
    #search-page #serp-search-wrapper .styled-select { display:none; width:100% !important; margin:0; top:0; }
    #search-page #serp-search-wrapper #searchFieldButton { top:-4px; left:-4px; right:0; margin-right: 0px !important; }
    #search-page #serp-search-wrapper #wordwheel { top:83px; box-sizing: border-box; }

    .sectImg { margin-bottom:10px; }

    #reviewOrder #crossSellItems { padding:0 10px; }
    #reviewOrder #side_cart { padding:0 10px; }
    #reviewOrder #side_cart .bdl { background:none; }
    #mainCon { padding:0 10px; }
    #lab-buttons .primary-button, #lab-buttons .secondary-button, #lab-buttons .lr-button { display:block; float:none; margin-left:0 !important; text-align:center; }
    .paginate { margin-bottom:10px; }
}
@media (max-width: 470px){
    #homepage-video .homepage-search .selectthis { width:99%; }
    #homepage-video .homepage-search #main-search { width:100%; }
    .device-android #homepage-video .homepage-search .selectthis { width:98.57%; }
}

@media (max-width: 380px) {
    #news-row .item #date { height: 61px; }
    #news-row .item h4 { width: 50%; font-size: 22px; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#homepage-video .homepage-search input[type='text'], #homepage-video .homepage-search input[type='text']:focus { top:0px !important; }
	.astm-movie img { width:auto !important; }
    }
}
@media (max-width: 360px) {
    #homepage-video #browse-bys .type { width: 49.8%; }
}