/*************Responsive Styles*****************/

/*******************************************/

/**************iPad Landscape***************/
@media screen and ( max-width: 991px ){
	#navbarSupportedContent .navbar-nav{
		position: absolute;
		top: 0%;
		left: 0%;
		background-color: var(--color8);
	    width: 85%;
	    transition: 0s;
	    padding: 40px 15px;
	    z-index: 50;
	    height: 100vh;
	}
	.noscroll{
		overflow: hidden;
	}
	.sec-navbar .navbar-nav{
		height: 100vh;
		padding-bottom: 40px !important;
		justify-content: end;
		background-color: var(--color8) !important;
	}
	.dropdown-menu{
		display: flex;
		flex-direction: column;
		background-color: var(--color5);
		border: 0px;
		margin-left: 20px;
		padding: 0px;
	}
	.navbar-brand{
		margin: 0%;
		padding: 0px;
	}
	#navbarSupportedContent li {
	    margin: 10px 0px;
	}
	footer .row div:nth-child(1),
	footer .row div:nth-child(1){
		margin-bottom: 30px;
	}
	body {
	    margin: 100px 0px 0px 0px;
	}
	#navbarSupportedContent li .nav-link {
	    margin: 10px 0px;
	}
	.dropdown-toggle::after{
		display: none;
	}
	br{
		display: none!important;
	}
	.logo-col{
		position: relative!important;
	}
	nav.elementor-nav-menu--dropdown{
		margin: 0px!important;
	}
	.header-main-menu{
		width: 100%!important;
		z-index: 999;
	}
	.menu-button-col{
		position: absolute!important;
		right: 0px!important;
		top: 18px!important;
	}
	nav.elementor-nav-menu--dropdown{
	margin-top: 33px!important;
}
.elementor-location-header{
	position: fixed;
    z-index: 9999;
    width: 100%;
    background: #fff;
    top: 0px;
    border-radius: 20px;
}
}

/*******************************************/

/*************************iPad Portrait***************/
@media screen and (max-width: 985px){

}
/*******************************************/

@media screen and ( max-width: 575px ){
.place-for-every-dog {
    height: auto!important;
}
.menu-button-col{
	top: 18px!important;
}
nav.elementor-nav-menu--dropdown{
	margin-top: 30px!important;
}
}


/**********************iPhone Landscape*************/
@media screen and (max-width: 767px){
	footer .row >div{
		margin-bottom: 30px;
	}
	/*body {
	    margin: 0px 0px 0px 0px;
	}*/
}
@media screen and (max-width: 575px){
	.blog h2{
		margin-top: 15px;
	}
}
/*******************************************/

/***************iPhone Portrait**************/
@media screen and (max-width: 479px){
	/*body {
	    margin: 0px 0px 0px 0px;
	}*/
}
/*******************************************/