@media screen and (max-width: 768px){
 body.stormShelters{
  font-family: 'Droid Serif', verdana, tahoma, arial, serif !important;
 }
 body.stormShelters .container {
  width: 100% !important;
  min-width:320px;
  max-width:500px !important;
 }
 body.stormShelters  h2 a.title{
  font-size:13px !important;
 }
 .your_total{
  font-size:16px !important;
 }
 .regPrice{
  font-size:16px !important;
  font-weight:700;
  color:black;
  /*left:0px;
  clear:both;
  top:0px !important;
  right:0px;*/
 }
 	
.shelterDetails {
	font-size: 16px !important;
}
 
 .shelterCost{
  font-size:16px !important;
 }
 .deal_days_price{
  font-size:12px !important;
  left:-5px;
  clear:right;
  float:left;
  top:0px !important;
  right:0px;
 }
 .totalCost{
  font-size:12px !important;
  left:0px;
  clear:both;
  top:0px !important;
  right:0px;
 }
 .shelter_style_name{
  font-size:20px !important;
 }
 #pricingIncludes .shelterDetails{
  width:100% !important;
  padding:3px !important;
 }
 .phone-number{
  font-size:16px !important;
 }
}
@media screen and (max-width: 1198px){
 body.stormShelters{
  font-family: 'Droid Serif', verdana, tahoma, arial, serif !important;
 }
 body.stormShelters .container {
  width: 100% !important;
  min-width:320px;
  max-width:500px !important;
 }
 body.stormShelters  h2 a.title{
  font-size:13px !important;
 }
 .your_total{
  font-size:26px !important;
 }
 .regPrice{
  font-size:23px !important;
  font-weight:700;
  color:black;
  /*float:right;
  #top:0px !important;
  #right:50px; */
 }
 
 .discountedprice, .discountamt, .regularprice {
	font-size: 23px !important;
}
 
 .shelterCost{
  font-size:26px !important;
 }
 .deal_days_price{
  font-size:20px !important;
  right:25px;
  top:0px !important;
 }
 .totalCost{
  font-size:26px !important;
  top:0px !important;
  right:15px;
 }
 .shelter_style_name{
  font-size:26px !important;
 }
}
@media screen and (max-width: 1199px){
 body.stormShelters .container {
  max-width:700px;
 }
 .container {
  width: 100% !important;
 }
	#containmentDiv{
	 padding:0px;
	}
	#shelters, #availableShelters{
	 width:275px;
	 height:340px !important;
    }
	ul.shelters li{
	 width: 275px !important;
	 margin: auto 0px !important;
	}
	#otherShelters{
	 overflow:hidden;
	}
	#footer p{
    /*font: 400 11px/20px Tahoma !important;*/
    }
	#details ul{
	 margin:0px !important;
	 padding:0px !important;
	 width:100% !important;
	}
	#details span.texasTech{
     background:url('../images/site/tested-at-texas-tech-university-mobile.gif') center no-repeat !important;
     width:260px !important;
     height:130px !important;
    }
	#containmentDiv > .page-header{
        /* ../images/site/tornado-tough-tornado-shelters-small-2.png */
     background-image: url('../images/site/tornado-tough-1000.png'), -ms-linear-gradient(top, #0370AD 0%, #011630 100%) !important;
     background-image: url('../images/site/tornado-tough-1000.png'), -moz-linear-gradient(top, #0370AD 0%, #011630 100%) !important;
     background-image: url('../images/site/tornado-tough-1000.png'), -o-linear-gradient(top, #0370AD 0%, #011630 100%) !important;
     background-image: url('../images/site/tornado-tough-1000.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0370AD), color-stop(100%,#011630)) !important;
     background-image: url('../images/site/tornado-tough-1000.png'), -webkit-linear-gradient(top,  #0370AD 0%,#011630 100%) !important;
     background-image: url('../images/site/tornado-tough-1000.png'), linear-gradient(to bottom, #0370AD 0%, #011630 100%) !important;
     background-size: contain;
	 filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr='#0370AD',
      endColorstr='#011630',
      GradientType=0
     ),
     progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/site/tornado-tough-1000.png') !important;
	 height:100px !important;
	 background-position: 50% !important;
	}
	.logoMobile{
	 display:inline;
	}
	.logoDesktop{
	 display:none;
	}
	.pricing_table{
	 display:block !important;
	}
	.pricingTable{
	 display:none !important;
	}
	.block {
	 width: 100% !important;
	 margin:10px 0px !important;
    }
    .features{
     padding-left:0px;
    }
	#pricingIncludes .col-xs-5{
	 padding-right:0px !important;
	}
	#pricingIncludes .orderNowBtnBottom{
	 display:block !important;
	}
	#orderNow .modal-header hr{
	 clear:left;
	}
	#orderNowInfo{
	 margin-left:0px !important;
	}
	#orderNowPrice{
	 margin-left:0px !important;
	}
	#pricingIncludes .financeBtn, #pricingIncludes .orderNowBtn{
	 /*float:none !important;*/
	}
	#atsa{
	 width:260px;
	}
	#bar-location{
	 display:block!important;
	}
   }
/*   @media screen and (min-width: 865px){
    .container {
     width: 843px !important;
    }
	#slideshow .left{
	 left:5px;
    }
    #slideshow .right{
	 right:5px;
    }
	#shelters, #availableShelters{
	 width:590px;
    }
	.page-header{
     background-image: url('../images/site/tornado-tough-700.png'), -ms-linear-gradient(top, #0370AD 0%, #011630 100%) !important;
     background-image: url('../images/site/tornado-tough-700.png'), -moz-linear-gradient(top, #0370AD 0%, #011630 100%) !important;
     background-image: url('../images/site/tornado-tough-700.png'), -o-linear-gradient(top, #0370AD 0%, #011630 100%) !important;
     background-image: url('../images/site/tornado-tough-700.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0370AD), color-stop(100%,#011630)) !important;
     background-image: url('../images/site/tornado-tough-700.png'), -webkit-linear-gradient(top,  #0370AD 0%,#011630 100%) !important;
     background-image: url('../images/site/tornado-tough-700.png'), linear-gradient(to bottom, #0370AD 0%, #011630 100%) !important;
	 filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr='#0370AD',
      endColorstr='#011630',
      GradientType=0
     ),
     progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/site/tornado-tough-700.png') !important;
	}
	.logoMobile{
	 display:none;
	}
	.logoDesktop{
	 display:inline;
	}
   }
   @media screen and (min-width: 992px){
    .container {
     width: 970px !important;
    }
	#slideshow .left{
	 left:30px;
    }
    #slideshow .right{
	 right:30px;
    }
	#shelters, #availableShelters{
	 width:885px;
    }
    #availableShelters{
     width:590px;
    }
    .page-header{
     background-image: url('../images/site/tornado-tough-900.png'), -ms-linear-gradient(top, #0370AD 0%, #011630 100%) !important;
     background-image: url('../images/site/tornado-tough-900.png'), -moz-linear-gradient(top, #0370AD 0%, #011630 100%) !important;
     background-image: url('../images/site/tornado-tough-900.png'), -o-linear-gradient(top, #0370AD 0%, #011630 100%) !important;
     background-image: url('../images/site/tornado-tough-900.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0370AD), color-stop(100%,#011630)) !important;
     background-image: url('../images/site/tornado-tough-900.png'), -webkit-linear-gradient(top,  #0370AD 0%,#011630 100%) !important;
     background-image: url('../images/site/tornado-tough-900.png'), linear-gradient(to bottom, #0370AD 0%, #011630 100%) !important;
	 filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr='#0370AD',
      endColorstr='#011630',
      GradientType=0
     ),
     progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/site/tornado-tough-900.png') !important;
	}
	.logoMobile{
	 display:none;
	}
	.logoDesktop{
	 display:inline;
	}
   }*/
   @media screen and (min-width: 1200px){
    .container {
    /* width: 1050px !important;
	 *width: 1170px !important;*/
    }
	#slideshow .left{
	 left:40px;
    }
    #slideshow .right{
	 right:40px;
    }
	#shelters, #availableShelters{
	 /*width:885px;*/
    }
    #availableShelters{
     /*width:850px;*/
    }
	#containmentDiv > .page-header{
     background-image: url('../images/site/tornado-tough-1000.png'), -ms-linear-gradient(top, #0370AD 0%, #011630 100%) !important;
     background-image: url('../images/site/tornado-tough-1000.png'), -moz-linear-gradient(top, #0370AD 0%, #011630 100%) !important;
     background-image: url('../images/site/tornado-tough-1000.png'), -o-linear-gradient(top, #0370AD 0%, #011630 100%) !important;
     background-image: url('../images/site/tornado-tough-1000.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0370AD), color-stop(100%,#011630)) !important;
     background-image: url('../images/site/tornado-tough-1000.png'), -webkit-linear-gradient(top,  #0370AD 0%,#011630 100%) !important;
     background-image: url('../images/site/tornado-tough-1000.png'), linear-gradient(to bottom, #0370AD 0%, #011630 100%) !important;
	 filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr='#0370AD',
      endColorstr='#011630',
      GradientType=0
     ),
     progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/site/tornado-tough-1000.png') !important;
	}
	.logoMobile{
	 display:none;
	}
	.logoDesktop{
	 display:inline;
	}
   }
/* Brand-swap (Frank 2026-08-13): shelter-page banner header — full container width, keep the
   1607x340 banner aspect (=21.16%) so nothing is cropped/distorted; overrides the old fixed 196px. */
#containmentDiv > .page-header{
	background-image: url('../images/site/tt-phone-badge.png'), url('../images/site/tornado-tough-1000.png') !important;
	background-size: 260px auto, cover !important;
	background-position: top 16px left 20px, center !important;
	background-repeat: no-repeat, no-repeat !important;
	height: 0 !important;
	padding-bottom: 42.85% !important;
	box-shadow: none !important;
	filter: none !important;
}

/* Match the main page header frame (Frank 2026-08-13): the 20px gap above + the 5px border */
#containmentDiv{ margin-top:20px !important; border:5px solid rgb(48,58,71) !important; max-width:1050px !important; background-color:rgb(241,241,241) !important; }

/* Restore the green divider under the We-accept bar (Frank 2026-08-14): shelter #bar is display:flex,
   which collapsed the .bottom green line to width:0. Anchor it full-width at the bottom of #bar. */
#bar{ display: block !important; position: sticky !important; top: 0 !important; z-index: 1200 !important; text-align: center !important; }

/* Close the right-side gap (Frank): #bar .content has Bootstrap .row negative margins (-15px),
   shifting the blue bar left so its right edge fell 15px short. Zero the horizontal margins. */
#bar .content{ margin-left: 0 !important; margin-right: 0 !important; }
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }