/*Responsive Page Design*/
@media all and (max-width: 1150PX) {
  .trackLine{width: 300px;}
}

@media all and (max-width: 1320px) {
 #header > div.leaflet-control-zoom.leaflet-bar.leaflet-control{display: none;}
  /*
  #overlaySelector{width:181px;}
  .overlayControl{right:40px; }
  #fixedCaret3{right: 9px;}
  */
  .overlayControl{right:185px;}
  #overlaySelector{width:273px;}
  #fixedCaret3{right: -64px;}
  .right-footer{display: none;}
  .filterControl{right:29px;}
  .timelineControl{right:245px;}
  /*.polygonControl{right: 128px;}*/
  .doseControl{right: 353px;}
  #NORC-logo-div{margin-right: 0px;}
  #ARC-logo-div{margin-right: 10px;}
  #share{width: auto;}
  #shareButton{width: auto;}
}
@media all and (max-width: 1205PX) {
    #NORC-logo-div{display: none;}
  /*.captionClass{display: inline;}*/
  .overlayControl{right:185px;}
  .timelineControl{right:120px;}
  .doseControl{right: 250px;}
  .polygonControl{display: none;}
  .filterControl{display: none;}
  .overlayControl{right:185px;}
  #overlaySelector{
        width:273px;
        margin-top:10px;
  }
  #fixedCaret3{right: -64px; top:23px;}
  #shareButton{display:none;}
}
@media all and (max-width: 1100PX) {
  .timelineControl{right:94px;}
  .doseControl{display: none;}
  .EDDlegend{display: none;}
  .overlayControl{display: none;}
}
@media all and (max-width:910px){
  .timelineControl{display: none;}
}

@media all and (max-width: 1290px) {
  /*.right-footer{display: inline-block;}*/
  #shareDetailPage{display: none !important;}

}
@media all and (max-width: 1115PX){
  .modal-content{margin-left: 20px;}
  #share{display: none;}
  /*.right-footer{display: inline-block;}*/
  .centered-footer{margin-top: 10px;}
  /*#slideTracker{display: none;}*/
}

@media all and (max-width: 1015px){
  /*#slideTracker{display: none;}*/
}
@media all and (max-width: 775px){
  #shareDetailPage{display: none !important;}
  /*#slideTracker{display: none;}*/
}

@media all and (max-width: 843px){
  .modal{display: none !important;}
  #shareButton{display: inline-block;}
  #share{display: inline-block;}

  .right-footer{display: inline-block;}
  .centered-footer{display: none;}
  /*#slideTracker{display: none;}*/
}
@media all and (max-width: 670px){
   .modalRight{display: none}
  .modalLeft{width:80%;}
}

@media all and (max-width: 980px){
  /*#countyDetail{width: 97%}
  #countyDetail{left:10px;}
  /*#slideTracker{left:10px;}*/
  #dp_BottomBox{margin-top:12vh;}
}
/*
@media all and (max-width:500px){
  .polygonLegend{display: none}
}*/
@media all and (max-width:1269px){
  #slide3 .slideSubHeader{right: 40px}
}
@media all and (max-width:1244px){
  #slide4Picture{display: none;}
      #largeSubHeader-Footnote{display: none !important;}
    #slideTracker{left: 88px;}

}
@media all and (max-width:1115px){
  #slide4Picture{display: block;}
}

@media all and (max-width:950px){
  #slide4Picture{display: none;}
}

@media all and (max-width:1115px){
  #slide3 .slideSubHeader{right: 150px}
  #slideTracker{display: inline-block;}
  #slideTracker{left: 88px;}
}
@media all and (max-width:930px){
  #slide3 .slideSubHeader{right: 0px}
}
@media all and (max-height:640px){
  #slide3Picture{top: 0px}
  #slide3Picture{height: 75vh;}
/*  #slide1{padding-top: 12vh;} */ /*Vijay*/
  #slide2Picture{height:57vh}
     #slide4{padding-top: 10px;}
     #slide1toolname{top: -8.5vh;}

}
@media all and (max-width:1258px){
  #slide2Picture{margin-left: 10px}
  #slide2{padding-left: 10px}
}
@media all and (max-width:868px){
  #slide2Picture{width: 769px}
  #slide2 .slideSubHeader{width: 769px}
}
/*
@media all and (max-width:740px){
  .pointLegend{display: none}
}*/

/*Heights*/

@media all and (max-height: 630px){
  #miBody{height: 65vh;}
  #htBody{height:  65vh;} /*Vijay*/
  #htBody{overflow-y: hidden;}


}

@media all and (max-height: 430px){
  .modal{display: none !important;}
  #footer{display: none;}
  .sidebar{height: 100%;}
  /*#lastContainer{bottom:0px !important;}*/
}

@media all and (max-height: 180px){
  #header{display: none;}
}

@media all and (max-width: 1200px){
  #countyNameHeaderDiv{display: none;}
  /*#slideTracker{display: none;}*/
}
@media all and (max-width: 1320px) {
  #countyNameHeaderDiv{right: 40px;}
}