.bannerHeaderBlk {
    border-bottom: 1px dashed #eaeaea;
}
.img_tooltip_text1 {
    background-image: url("/sites/all/themes/astrum/images/blueBg.png");
    background-repeat: no-repeat;
    color: #fff;
    float: left;
    font-size: 14px;
    font-weight: 600;
    height: 105px;
    left: 59%;
    padding: 29px 31px 13px 25px;
    position: absolute;
    top: 65px;
    width: 270px;
	text-align:center;
}
.img_tooltip_text {
     background-repeat: no-repeat;
    color: #fff;
    float: left;
    font-size: 17px;
    height: 145px;
    left: 59%;
    padding: 19px 16px 0px;
    position: absolute;
    top: 65px;
    width: 255px;
	 background-image: url("/sites/all/themes/astrum/images/blueBg.png");
	 text-align:center;
}

.quickLinksBlk {
    height: 20px;
    padding: 10px;
}
.q_lnks {
    float: right;
}
.mobile_image{
  display: none;
}
.defaultButton
{
	text-decoration:none;
	background-color:#005189;
	font-size:13px;
	color:#ffffff !important;
	line-height:30px;
	padding:0px 7px 0px 0px;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	float:right;

}
.defaultButton img
{
	float:left;
	margin-right:5px;
	border:none;
}
.quickLnkBlk{
     border-bottom: 1px dashed #ababab;
    /*margin: 10px !important;;*/
    padding-bottom: 10px;
    padding-top: 10px;
}


/*--------------Toggle CSS---------------------*/
.toggle
{
	background:#ffffff;
	border-radius:5px;
	margin-top:15px;
	border:1px solid #CCC \0/;
	-webkit-box-shadow:inset 1px 1px 4px 1px #DBDBDB;
	box-shadow:inset 1px 1px 4px 1px #DBDBDB;
	min-width:215px;
	position: absolute;
    right: 10px;
    top: 37px;
    z-index: 999;
}

.toggle img.arrow
{
	margin-left: 168px;
    margin-top: -11px;
	position:absolute;
}
.arrow-up {
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #c9c6c4;

}
ul.toggleLink
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	padding:8px;
	height:auto;
}
ul.toggleLink li
{
	list-style-type:none;
	border-bottom:1px solid #d5d5d5;
	padding:5px 0px;
	display: flex;
}
.toggleLink img{
 height: 20px;
    width: 20px;
}
ul.toggleLink li:last-child{
    border-bottom:1px solid #d5d5d5;
}
ul.toggleLink li:first-child{
    border-bottom:none;
}
ul.toggleLink li.last
{
	list-style-type:none;
	border-bottom:none;
	padding:5px 0px;
}
ul.toggleLink li a
{
	text-decoration:none;
	color:#4e4e4e;
}
ul.toggleLink li a:hover
{
	color:#0e4984;
}
ul.toggleLink li img
{
	margin-right:5px;
}
.toggle{
	display: none;
}
.node-air-quality-map{
  margin-top: 10px;
}
.node-air-quality-map .sixteen{

}
.node-air-quality-map .maintabs{
  border: none !important;
}
.contentTable th{
font-weight: bold;
    text-align: left;
    padding:5px;
}
.contentTable td{
    text-align: left;
    padding: 5px;
}
.contentheader {
    background: #063d66 none repeat scroll 0 0;
    text-align: center;
    width: 54%;
    display: block !important;
}
.contentborder {
    border: 2px solid #063d66 !important;
    display: block !important;
    width: 53.6%;
}
.sb-navigation-left-2, .sb-navigation-right-2{
  margin-top: 18px !important;
}
.footertext {
 display: block !important;
    padding: 5px !important;
    width: 100%;
}
.our_partnerlink {
    background: #019149 none repeat scroll 0 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    float: right;
    margin-top: -32px;
    padding: 4px;
    position: relative;
    text-align: center;
}
.our_partnerslogo {
    background: #fff none repeat scroll 0 0;

    height: 92px;

    position: absolute;
    top: -80px;
     border-top: 1px solid #eaeaea;
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
   .img_tooltip_text {
     background-repeat: no-repeat;
    color: #fff;
    float: left;
    font-size: 13px !important;
    height: 113px;
    left: 65% !important;
    padding: 5px;
    position: absolute;
    top: 23px;
    width: 219px;
	text-align:center;
	 background-image: url("/sites/all/themes/astrum/images/bluBg_iPad.png");
}
.mobile_image{
  display: none;
}
    .node-air-quality-map .twelve{
      margin-left: 39px !important;
       width: 69% !important;
    }
    .contentheader{
      width: 87%;
    }
    .contentborder{
      width: 86.6%;
    }
	.quickLnkBlk {
    border-bottom: 1px dashed #ababab;
    margin: 1px !important;
    padding-bottom: 10px;
    padding-top: 5px;
}
.toggle
{
  right:18px;
}
#node-51257 .img_tooltip_text {
    font-size: 14px;
    font-weight: normal;
    left: 67% !important;
    text-align: center;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : landscape){

#node-51257 .img_tooltip_text {
     font-size: 16px;
    font-weight: normal;
    left: 68%;
    text-align: left;
}

}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    .img_tooltip_text {
        position: relative;
        text-align: center;
        background: #f1f8fe none repeat scroll 0 0;
       /* color: #000;
        left: 0;*/
        top: 0;
        width: 89.5%;
		height:auto;
		 color: #08538c;
		font-size: 14px;
		font-weight: normal;
		left: 0 !important;
    }
    #node-51257 .img_tooltip_text {
        position: relative;
        text-align: center;
        background: #f1f8fe none repeat scroll 0 0;
       /* color: #000;
        left: 0;*/
        top: 0;
        width: 89.5%;
		height:auto;
		 color: #08538c;
		font-size: 14px;
		font-weight: normal;
		left: 0 !important;
    }
	 .mobile_image{
    display: block
   }
   .main_iframe{
    display: none;
   }
    .bannerbg img {
          width: 220% !important;
    }
    .bannerbg {
          overflow: hidden;
      }
       .graphmobile{
        display: block !important;
      }
      .graphDesktop{
        display: none;
      }
      table.standard-table td,table.standard-table th{
        width: 20% !important;
      }
        .responsive_table th:last-of-type {
    border-right: 0;
  }

  .nice_table th,
      .responsive_table td::before {
    float: left;
    margin-bottom: 4px;
  }

  .responsive_table tr:before {
    content: attr(data-th);
    font-weight: bold;
    width: 100%;
    display: none;
    padding: 0 5px;
    font-size: 15px;
    color: #165291;
  }

  .responsive_table td:before {
    content: attr(data-th) ": ";
    font-weight: bold;
    width: 7.5em;
    display: none;
    /*height: 200px;*/
    float: left;
    color: #0b5b8e;
    border-right: 1px dotted #eaeaea;
     padding-left: 10px;
    padding-top: 10px;
    background-color: #eaeaea;
  }

  .responsive_table {
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-radius: 1px;
  }

  .responsive_table tr:first-of-type {
    display: none;
  }

  .responsive_table tr {
    border-bottom: 0;
    vertical-align: middle;
    border-bottom: solid 1px #CCC;
  }

  .responsive_table th,
      .responsive_table td {
    padding: 0;
  }

  .responsive_table td {
    display: block;
    border-bottom: 0;
    width: 98% !important;
    float: left;
  }

  .responsive_table tr:before {
    display: block;
  }

  .responsive_table td:before {
    display: inline-block;
    margin-right: 10px;
  }

  .responsive_table td:last-of-type:before {
    border-bottom: 0;
  }

  .responsive_table th {
    display: none;
  }

  .responsive_table tr td {
    border-bottom: 1px dotted #eaeaea;
  }

  .responsive_table td.nice_hidden_column {
    display: none;
  }
  #our_partnerhref{
    margin-top: -32px;
  }
  .quickLnkBlk{
      margin: 0px !important;
  }


  .community_blk {
    padding: 5px;
}
 .comm_img {
    float: left;
    width: 13%;
}
.community_blk p{
  clear: both;

}
.comm_header h5{
      float: left;
    margin-top: -5px;
    width: 70%;
}
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
   #node-51257 .img_tooltip_text {
        position: relative;
        text-align: center;
        background: #f1f8fe none repeat scroll 0 0;
        /*color: #000;*/
        left: 0;
        top: 0;
        width: 93%;
		height:auto;
    }
    .img_tooltip_text {
        position: relative;
        text-align: center;
        background: #f1f8fe none repeat scroll 0 0;
        /*color: #000;*/
        left: 0;
        top: 0;
        width: 93%;
		height:auto;
    }
    .bannerbg {
          overflow: hidden;
      }
      .bannerbg img {
          width: 220% !important;
      }
       .graphmobile{
        display: block !important;
      }
      .graphDesktop{
        display: none;
      }
      .responsive_table th:last-of-type {
    border-right: 0;
  }

  .nice_table th,
      .responsive_table td::before {
    float: left;
    margin-bottom: 4px;
  }

  .responsive_table tr:before {
    content: attr(data-th);
    font-weight: bold;
    width: 100%;
    display: none;
    padding: 0 5px;
    font-size: 15px;
    color: #165291;
  }

  .responsive_table td:before {
    content: attr(data-th) ": ";
    font-weight: bold;
    width: 6.5em;
    display: none;
    height: 200px;
    float: left;
    color: #063d66;
    border-right: 1px dotted #eaeaea;
  }

  .responsive_table {
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-radius: 1px;
  }

  .responsive_table tr:first-of-type {
    display: none;
  }

  .responsive_table tr {
    border-bottom: 0;
    vertical-align: middle;
    border-bottom: solid 1px #CCC;
  }

  .responsive_table th,
      .responsive_table td {
    padding: 0;
  }

  .responsive_table td {
    display: block;
    border-bottom: 0;
    width: 98.5% !important;
    float: left;
  }

  .responsive_table tr:before {
    display: block;
  }

  .responsive_table td:before {
    display: inline-block;
    margin-right: 10px;
  }

  .responsive_table td:last-of-type:before {
    border-bottom: 0;
  }

  .responsive_table th {
    display: none;
  }

  .responsive_table tr td {
    border-bottom: 1px dotted #eaeaea;
  }

  .responsive_table td.nice_hidden_column {
    display: none;
  }
}