@media screen and (max-width:1370px){
#HeaderNavText-Phone h3 {font-size: 26px;}
#HeaderNavText-Phone h4 {font-size: 20px;}
}

@media screen and (max-width:1340px){
#product-list-core-commerce-product-search-field-set37 td:first-of-type {float: left; width: 100%;}
}

@media screen and (max-width:1255px){
#HeaderNavText-Phone h3 {font-size: 24px;}
#HeaderNavText-Phone h4 {font-size: 18px;}
}

@media screen and (max-width:1140px){
#HeaderNavText-Phone h3 {font-size: 22px;}
#HeaderNavText-Phone h4 {font-size: 16px;}
}

@media screen and (max-width:1042px){
#HeaderNavText-Phone h3 {font-size: 19px;}
#HeaderNavText-Phone h4 {font-size: 13px;}
}

@media screen and (max-width:1025px){
#HeaderNavText-Phone h3 {font-size: 20px;}
#HeaderNavText-Phone h4 {font-size: 14px;}
}

@media screen and (max-width:1000px){
#HeaderLogo {width: 100%;}
#HeaderNavText {width: 100%; background-color: #361289; padding: 10px 10px 10px 10px;}
#HeaderNavText h3, #HeaderNavText h4 {text-align: center;}
#HeaderNavText-Phone h3 {padding-top: 0px;}
}

@media screen and (max-width:960px){
#areasSortMenu ul li {display: block; float: left; width: 25%;}
#areasSortMenu ul li a {padding: 105px 10px; font-size: 0.8em;}
}

@media screen and (max-width:800px){
#HeaderNav {display: none;}	
#HeaderNav-Desktop {display: block;}	

#dropDownMenu ul li, #dropDownMenu ul li ul, #dropDownMenu ul li:nth-of-type(2), #dropDownMenu ul li:nth-of-type(3) {width: 100% !important; }
#dropDownMenu ul li:nth-of-type(2), #dropDownMenu ul li:nth-of-type(3) {}
#dropDownMenu ul li:nth-of-type(2), #dropDownMenu ul li:nth-of-type(3) {padding: 15px 0px;}
#dropDownMenu ul li ul {position:relative; margin-left: 0px; margin-top: 5px;}
#dropDownMenu ul li ul li a {padding: 5px 0px;}
#HeaderNav-Desktop ul li a, #dropDownMenu ul li:nth-of-type(2), #dropDownMenu ul li:nth-of-type(3) {padding: 5px 0px;}
}

@media screen and (max-width:725px){
#areasSortMenu ul li {width: 33.33333333333333%;}
}

@media screen and (max-width:695px){
#HeaderNavText {padding: 10px 10px 10px 10px;}
	
#HeaderNav-Desktop ul li {width: 100%;}
#HeaderNav-Desktop ul li a {padding: 5px;}
#HeaderNavText {display: table; padding: 10px;}
#mobile-nav-controls {display: table-cell;}
#HeaderNavText-Phone {display: table-cell; vertical-align: middle; padding: 10px 10px 10px 0px;}
#HeaderNavText-Phone h3 {font-size: 24px; line-height: 26px; padding-top: 4px;}

#HeaderNav-container-outer {display: none;}
#mobile-nav-controls {display: block;}

#dropDownMenu ul li:nth-of-type(2), #dropDownMenu ul li:nth-of-type(3) {padding: 5px 0px;}

.ccm-search-option-type-select label {margin-right: 0px; width: 50%; float: left; padding-top: 5px;}
}

@media screen and (max-width:635px){
#HeaderNavText-Phone { box-sizing: border-box;}
#HeaderNavText-Phone h3 {font-size: 18px; line-height: 20px;}
#HeaderNavText-Phone h4 {font-size: 16px; line-height: 18px;}

#footer-column, #footer-column:nth-of-type(2) {width: 100%; text-align: center;}
#footer-column:nth-of-type(2) {padding: 0px 20px 20px 20px;}
#footer-column ul {padding: 0px 0px 0px 0px;}
#footer-column ul li {list-style: none; padding-left: 0px;}

#Social-Media {width: 33%; text-align: center;}
#Social-Media:nth-of-type(2) {width: 34%;}
}

@media screen and (max-width:560px){
#areasSortMenu ul li {width: 50%;}

}

@media screen and (max-width:455px){
#HeaderNavText-Phone h3 {font-size: 16px; line-height: 18px;}
#HeaderNavText-Phone h4 {font-size: 14px; line-height: 16px;}
.ccm-search-option-type-select label {width: 100%;}
}

@media screen and (max-width:410px){
#HeaderNavText-Phone h3 {font-size: 14px; line-height: 16px;}
#HeaderNavText-Phone h4 {font-size: 12px; line-height: 14px;}
#mobile-nav-controls {min-height: 1px;}
#menu-square label {width: 60px; height: 60px;}
#menu-square label:before {border-top: 6px solid #FFFFFF; border-bottom: 6px solid #FFFFFF;}
#menu-square label:after {border-top: 6px solid #FFFFFF;}

.formBlockSurveyRow.SubmitButton .formBlockSurveyCell.question {display: none; width: 0px; padding-right: 0px;}
.formBlockSubmitButton {width: 100%}
.formBlockSurveyCell.answer {width: 100%;}
.formBlockSurveyCell input[type=text], .formBlockSurveyCell textarea, #page-body-main input[type="file" i], .formBlockSurveyCell.question {width: 100%; box-sizing: border-box;}
.formBlockSurveyCell input[type=text], .formBlockSurveyCell textarea {padding: 10px 2px;}
}

@media screen and (max-width:404px){
#page-body-main input[type="submit" i] {margin-top: 10px; float: right;}
input#keywords.ccm-input-text {width: 100%; box-sizing: border-box; margin-top: 10px; padding: 5px;}
.product-list-sort-header {text-align: right;}
select.product-list-sort-select {margin-top: 5px; padding: 2px;}
}

@media screen and (max-width:340px){
#HeaderNavText-Phone h3 {font-size: 12px; line-height: 14px;}
#HeaderNavText-Phone h4 {font-size: 10px; line-height: 12px;}
}