
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media(max-width:1280px) {

}
@media(max-width:992px){
	.mobile_toggle{
		display:block;
    position: absolute;
    right: 0;
    color: #fff;
		padding: 0 5px 0px 5px;
		margin-top: 5px;
		z-index: 99999;
		background: #000;
	}
	.navbar-toggler{
		display:none;
	}
	.navbar-brand{
	display:block;
	margin: 0;
	width: 100%;
  max-width: 100%;
  left: 0;
	}
	#offNav {
		font-size: 35px;
		color: #fff;
		padding: .5rem;
		line-height: 1;
		cursor: pointer;
	}

	#onNav {
		font-size: 35px;
		color: #fff;
		padding: .5rem;
		line-height: 1;
		cursor: pointer;
	}
 .header{
	 height:38px;
 }
 .logo{
	 display:none;
 }
	.menu-item-29{
		background: transparent;
	}
}
@media(max-width:768px) {
	.container{
		width:auto;
	}
	.slides li{
		height: 400px;
	 
	}
	.btm_banner h3 {
    font-size: 35px;
	}
	.btm_banner h1 {
    font-size: 34px;
    padding-top: 25px;
	}
	.red_background{
		height:100%;
	}
	.available_section{
		padding: 0 !important;
		    margin-bottom: 200px;
	}
	.green_background{
		padding: 0 !important;
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
	}
	.puppy_info{
		padding: 0 !important;
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
	}
	.footer{
		padding: 0 !important;
	}
	.featured-img h3 {
    font-size: 45px;
    padding-top: 20px;
	}
	.menu-item-29{
		top:35px !important;
	}
	.right a{
		float: none !important;
	}
	.right{

background: #075989;

	}
	.top-bar{
		padding: .15rem;
	}
}
@media(max-width:595px){
	h1{
		font-size: 32px;
	}
	.ak_logos{
		height: 175px;
	}
	.av img{
		margin-top: 2rem;
	}
	.ak_logos{
		margin-bottom: 1rem;
	}
	.pup_img{
		margin-bottom: 2rem;
	}
	.pup_info{
		margin-top: 0 !important;
	}
	.featured-img{
		height: 375px;
	}
	.portfolio{
		margin-top: 0 !important;
	}
}
@media(min-width:991px){
  .mobile_toggle{
 		display:none;
 	}
}