/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

    header{height: auto;}
    .navbar-brand{width:30%; }
    #clickme{position: absolute; left: -17%; top: 30px;}
    #slideout{ right: -78%;  height: auto; width: 80%;   padding: 10px; }
#slideout h1{font-size: .9em; color: #fff; line-height: 1.3em; padding-bottom: 10px;}
#slideout .row{padding-bottom: 5px;}
#slideout input{height: 25px; width: 90%;  }
#slideout .text-right { text-align: left; line-height: 10px; padding-left:10%;}
#slideout button{left: 0;}
.main-content, .hm-looking, footer{height: auto;}
.hm-events{height: auto;}
.hm-events h1{ border-right: none;}
#hm-whats-new h1{ padding-top: 30px;}
.hm-whats-new{height: auto; padding-top: 40px; }
#whatsNew .tab-pane{ height: auto; margin-top: 20px; }

.hm-whats-new .tab-content{height: auto;}
.hm-app p{padding-left: 0px; line-height: 1.3em; text-align: center;}
.hm-app img, .hm-testimonial img{float:none; margin:auto; padding-bottom:10px;}
.hm-testimonial{height: auto; padding: 10px; text-align: center;}
.more-testimonial{margin: auto;	margin-top: 10px;}
.hm-looking ul{padding-top: 10px;}
.hm-looking ul li{font-size: 1em;}
.hm-looking .container{padding: 0;}
footer{margin: 0;}
.copy .text-right{text-align: left; font-size: .8em;}
	.newBarMenu {    border: none;    color: #fff;
		height: 30px; width: 40px; margin-left: 20px; margin-bottom: 0px;		background: #f051aa;}
	.hm-whats-new .nav-tabs{background:#f051aa; padding: 0; margin: 0; }
	
	
	.hm-whats-new .nav-tabs > li{ float: none;}
.hm-whats-new .nav-tabs > li > a{  border-radius: 0px 0px 0 0; padding:10px 10px ; font: 1.1em 'Roboto-Regular'; color: #000; width: 100%;   }
	.hm-whats-new .nav-tabs > li.active > a, .hm-whats-new .nav-tabs > li.active > a:hover, .hm-whats-new .nav-tabs > li.active > a:focus {
    color: #fff;     cursor: pointer; 	font: 1.1em 'Roboto-Regular';    background-color: #85144b;     border: 1px solid #fff; 	border-bottom-color: transparent;}

	
}