/*Media Queries
================================================== */

#put_phone {
    font-size: 22px;
    font-weight: 700;
    margin-top: 35px;
    float: right;
    margin-right: 100px;
}
@media only screen and (max-width: 991px) {

.navbar-brand{
	width:170px;
	padding:5px 0px;
}
.header .container{
	position:relative;
}
.header-phone{
	font-size:20px;
	padding-top:0px;
}
.button_container {
  position:absolute;
  right:10px;
  width:28px;
  height: 20px;
  top:35px;
  cursor: pointer;
  z-index: 100;
  -webkit-transition: opacity .25s ease;
          transition: opacity .25s ease;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
      -ms-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #fff;
}
.button_container.active .middle {
  opacity: 0;
  background: #fff;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-4px) translateX(0) rotate(-45deg);
      -ms-transform: translateY(-4px) translateX(0) rotate(-45deg);
          transform: translateY(-4px) translateX(0) rotate(-45deg);
  background: #fff;
}
.button_container span {
  background: #000;
  border: none;
  height: 3px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 7px;
}
.button_container span:nth-of-type(3) {
  top:15px;
}
.noscroll {
   position: fixed;
   width: 100%;
    margin-top: 0;// override by JS to use acc to curr $(window).scrollTop()
    
}
.overlay {
  position: fixed;
  background:#000;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
          transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
  z-index:2;
}
.overlay.open {
  opacity: .97;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay nav {
  position: relative;
  top:40%;
  -webkit-transform: translateY(-30%);
      -ms-transform: translateY(-30%);
          transform: translateY(-30%);
  font-weight: 400;
  text-align: center;
  overflow:auto;
  height:80%;
  
}
ul#nav{
	display:inline-block;
	table-layout:inherit;
	width:auto;
}
ul#nav li{
	display:block;
	border-left:0px;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
  min-width:200px;
  
  
}
.overlay ul li {
  display: block;
  position: relative;
  opacity: 0;
  padding:15px 0px;
  margin-bottom:0px;
  border-bottom:1px solid #fff;
  
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #FFF;
  text-decoration: none;
  font-size:18px;
  font-family:'brandon_grotesque';
  text-transform:uppercase;
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
.transparent{
	font-size:16px;
	padding:10px 20px;
}
.news-inner .icon{
	font-size:2rem;
}
#myCarousel .carousel-control{
	top:10px;
	bottom:inherit;
}
.home-mid .box-space h1,.contact-info .title{
	font-size:30px;
}
.home-mid .box-space h2{
	font-size:20px;
}
.contact-info button{
	padding:10px;
}
ul.social-icons li{
	padding:0px;
}
ul#nav li:hover ul{
	visibility:inherit;
	display:inherit;
}
ul#nav li ul{
	position:relative;
	visibility:inherit;
}
.inner-page .list__item{
	width:49.95%;
}
.news-bg .img-outer{
	display:block;
	height:auto;
}
.news-bg .img-outer .img{
	display:block;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .header .container {
        background: #FFF;
        background-position: 320px 10px;
    }
    #put_phone {
    font-size: 15px;
    font-weight: 700;
margin-top: 15px;
    float: right;
    margin-right: 50px;
}

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.carousel-caption .banner-text{
	font-size:30px;
}
.carousel-caption{
	padding-bottom:60px;
}
#put_phone {
    font-size: 15px;
    font-weight: 700;
margin-top: 15px;
    float: right;
    margin-right: 50px;
}

.slider-arrows{
	margin-top:-60px;
}

.pinAddress {
		font-size:1px;
    } 
	
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
#put_phone {
    font-size: 15px;
    font-weight: 700;
margin-top: 15px;
    float: right;
    margin-right: 50px;
}

}
@media only screen and (max-width:767px){
.home-bg-mid .container{
	padding:0px;
}
#put_phone {
    font-size: 15px;
    font-weight: 700;
margin-top: 15px;
    float: right;
    margin-right: 50px;
}

.home-mid{
	padding:0px;
	margin:0px;
}
.box-top-left-text{
	padding-right:15px !important;
	margin:0px;
}
.home-mid .box-space{
 padding:15px;
 min-height:auto;
}
.box-top-right-text{
	margin:0px;
}
.home-bottom-img-right,.home-bottom-img-left{
	position:inherit;
	margin:0px;
}
.home-mid.list{
	display:block;
}
.home-mid.list .list__item{
	width:100%;
}
.news-inner .icon{
	font-size:1.5em;
}
#myCarousel .carousel-control{
	top:5%;
}
#map-canvas{
	height:300px !important;
}
.contact-info{
	position:inherit;
}
.navbar-brand{
	width:170px;
	padding:5px 0px;
}
.header-phone{
}
.home-mid img{
	width:100%;
}
.contact-info button{
	margin-bottom:2%;
}
.inner-page .list__item{
	width:49%;
}
.inner-page{
	padding:15px;
}
.button_container{
	top:22px;
}
.inside-banner{
	min-height:300px;
}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
.carousel-caption{
	
	padding:0px;
}

#put_phone {
    font-size: 15px;
    font-weight: 700;
margin-top: 15px;
    float: right;
    margin-right: 50px;
}

.carousel-caption .banner-text{
	font-size:2rem;
}
.slider-arrows{
	display:none;
}
.inner-page .list__item{
	width:100%;
}
.news-bg-inner{
	padding:0px;
}
.inside-banner{
	min-height:250px;
}
}
@media only screen and (max-width: 320px){
#put_phone {
    font-size: 15px;
    font-weight: 700;
  margin-top: 15px;
    float: right;
    margin-right: 50px;
}
}