@media screen and (max-width:1600px){
.nav-link{
		margin:0 12px;
	}	
}
@media screen and (max-width:1400px) {
    .home-banner-form .g-recaptcha {
        margin-left: -35px;
    }
	.inner_page_banner_center, .blog_section .home{
		left: 9%;
	}
	.nav-item{
		margin: 0 13px;
	}
	.nav-link{
		margin:0 3px;
	}
}

@media screen and (max-width:1300px){
	.inner_page_banner_center, .blog_section .home{
		left: 4%;
	}
	.nav-link{
		margin:0;
	}
}

@media screen and (max-width:1200px) {
	.navbar-brand{
		margin-left:10%;
	}
    .home-banner-form .g-recaptcha {
        margin-left: -58px;
    }

    .pet-images .content-box {
        top: 18px;
        bottom: 18px;
    }

    .pet-images .content-box p {
        line-height: 20px;
        margin-bottom: 10px;
    }

    .pet-images:hover .content-box h3 {
        padding-left: 80px;
        margin-bottom: 10px;
    }

    .pet-images:hover .content-box h3 i {
        left: 0;
    }
	.inner_page_banner_center{
		left: 4%;
	}
	.nav-link-mob button{
		background-color:transparent;
		border:1px solid var(--primar-color);
	}
	.nav-link-mob img{
		width:auto;
		height:30px;
	}
	.navbar a:hover{
		background:none !important;
	}
	.navbar{
		height:100px;
		padding-top:15px !important;
		padding-bottom:10px !important;
		border-bottom:1px solid var(--primary-color);
		background-color:white;
	}
	.nav-left{
		margin-top:10px;
		width:83%;
	}
	.nav-right .nav-link-mob button{
		margin-top:5px;
	}
	.marque{
		background-color:var(--primary-color) !important;
		padding:5px 0;
		color:white;
	}
	.marque a{
		color:white;
	}
	marquee img{
		width:auto;
		height:20px;
		filter: brightness(0) invert(1);
		margin-right:5px;
		margin-left:25px;
	}
	.desktop-menu{
		display:none;
	}
	.mobile-menu{
		display:block;
		width:100%;
		position:sticky;
		top:0;
	}
	.mobile-marque{
		display:block !important;
		width:100%;
	}
	.social-media img{
		filter:none;
		margin-left:5px;
	}
}

@media screen and (max-width:994px) {	
	.inner_page_banner_center h2{
		font-size:32px;
	}
	.desktop-banner{
		display:none;
	}
	.mobile-banner .inner_page_banner_section{
		display:block;
	}
    .pet-images {
        max-width: 370px;
        margin-bottom: 20px;
    }

    .pet-images .content-box p {
        line-height: 20px;
    }

    .why-choose-content {
        max-width: 270px;
        min-width: 270px;
        margin: 0 auto;
    }
	
	.reverse-row{
		flex-direction:column-reverse;
	}
	.primary-bg{
		background-color:#eafffa;
	}
}

@media screen and (max-width:768px) {
	.treatment-inner-slider .owl-nav{
		position:absolute;
		top:0;
		right:10px;
	}
	.inner_page_banner_center{
		top:45%;
	}
	.treatments-right{
		padding-left:15px !important;
	}
	.footer{
		background:none;
		background-color:#303030;
		padding:25px 0 0;
	}
	.top{
		padding-bottom:0;
	}
	.top-right{
		margin:20px 0;
		padding:0;
		padding-top:0;
	}
	.navbar{
		background-color:white;
		height:70px;
	}
	
	.navbar button{
		font-size:14px;
		padding: 5px 15px;
		margin-top:3px;
	}
	.top-right .d-flex{
		width:250px;
		margin: 10px auto;
	}
    .navbar-brand img {
        width: auto;
        height: 50px;
    }

    .pet-images {
        max-width: 370px;
        margin-bottom: 20px;
    }
    .dots-con{
        display: none;
    }
    .home-banner-form .container {
        padding: 35px 20px;
        border-radius: 20px;
        box-shadow: 0 0 10px 2px rgb(228, 228, 228);
        width: 95%;
        margin: 25px auto;
    }
    .title{
        justify-content: center;
        text-align: center;
    }
    .title h1, .title h2{
        font-size: 25px;
    }
    .title h3{
        margin: 0 auto;
        font-size: 18px;
    }
    .home-about .row{
        flex-direction: column-reverse;
    }
    .primary-bg{
        padding: 25px 0;
    }
    .home-about p, .treatment-p, .testimonial-slider .card-body{
        font-size: 16px;
        text-align: justify;
    }
    .home-about button{
        margin-bottom: 15px;
    }
    .treatments{
        padding: 10px;
    }
    .cta .container{
		width: 95%;
        border-radius: 0;
        padding: 15px 10px;
    }
    .cta h2{
        font-size: 25px;
		padding: 0 15px;
    }
    .footer-form-right{
        margin-top: 15px;
    }
	.cta .row{
		flex-direction:column-reverse;
		padding: 25px 7px 0;
	}
	.cta .text-dark{
		font-size: 20px;
	}
	.cta-btn img{
		width:45px;
		height:45px;
	}
	.treatments-inner-pages{
		margin-top:25px;
	}
	.treatments-inner-pages p{
		font-size:16px;
	}
	.treat-mt{
		margin-top:40px;
	}
	.treatments{
		background-color:#eef6ff;
		padding: 25px 0;
	}
	.bg-orange{
		background-color:#fff0e5;
		padding: 25px 0;
	}
	.foot-bottom{
		text-align:center;
	}
	.center-head p{
		width:100%;
		text-align:left;
	}
	.center-head{
		padding:15px;
	}
	.treatment-left{
		padding-right:0 !important;
		padding: 0 15px !important;
	}
	.treatment-p{
		padding:0 15px;
	}
	.accordion-content p {
		font-size:15px;
		line-height:25px;
	}
	.accordion-container .article-title{
		font-size:18px;
		line-height:25px;
	}
	.accordion-container .open{
		padding-left:15px;
	}
}

@media (max-width:576px) {
    #slider {
        width: 100%;

    }

    .controls {
        font-size: 1em;
    }

    #dots-con {
        display: none;
    }

    .pet-images .content-box {
        bottom: 15px;
        top: 15px;
        right: 15px;
        left: 15px;
    }

    .pet-images .content-box p {
        margin-bottom: 10px;
        line-height: 20px;
    }

    .pet-images:hover .content-box h3 {
        padding-left: 80px;
    }

    .pet-images:hover .content-box h3 i {
        left: 0;
    }

}

@media screen and (max-width: 320px) {
    .navbar-brand img {
        width: 100%;
        height: auto;
    }
}