@media screen and (max-width: 1200px) {
    header .inner-sec nav ul li a{margin: 0px 4px; font-size: 12px;}
    header .inner-sec .contact span{font-size: 15px;}
    header .inner-sec .contact a{font-size: 14px;}
}

@media screen and (max-width: 1170px) {
	.newest-sec .shape {top: -67%;}
	.newest-sec .shape::before{display:none;}
	/*.sale-inner-sec {margin-top: -395px;}*/
	.sale-banner-sec .inner-sec h2 {text-align: center;}
}
@media screen and (max-width: 992px) {
	
	.section-padding{padding:45px 0;}
	header{padding-bottom:10px;}
	header .menuclose, header .menuopen{display:block;}
	header .inner-sec{flex-direction:column;}
	header .inner-sec .logo img{height:90px;object-fit:contain;}
	header .inner-sec nav{position:fixed;top:0;left:-100%;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);box-shadow: 3px 0 25px rgba(0,0,0,0.1), 3px 0 25px rgba(0,0,0,0.1);transition:left 0.9s; z-index:2;}
	header .inner-sec nav.active{left:0;transition:left 0.6s;}
	header .inner-sec nav.active ul{left:0;transition:left 0.9s;}	
	header .inner-sec nav ul{padding:10px 0;position:fixed;top:0;left:-100%; width:85%;height:100%;background:#fff;transition:left 0.6s;}
	header .inner-sec nav ul li{display:block;}
	header .inner-sec nav ul li a{margin:0 0;padding:10px 15px;}
	.banner-sec .content{padding:15px 0;text-align:center;margin-top:0;float: left;width: 100%;}
	.banner-sec .content h3{font-size:38px;}
	.newest-sec .shape{top:-150px;}
	.newest-sec .shape img {width: 100%;height: 150px;object-fit: cover;object-position: top;}
	.service-sec .main-service .single-sec{margin-top:30px;}
	.service-sec .top-img{display:none;}
	.sale-sec{margin-top:0;}
	.sale-sec .top-img{top:0;}
	.commont-sec{flex-direction:column;}
	.commont-sec .left-img img {height: atuo;width: 100%;}
	.commont-sec .single-sec{position:initial;text-align:center;}
	.commont-sec .single-sec img{margin-left:0;}
	footer .left-img img {height: auto;width: 100%;}
	footer{flex-direction:column;}
	footer .right-sec{margin-top:25px;position:initial;padding-bottom:25px;float:left;}	
	/*.sale-inner-sec {margin-top: -300px;}*/
	.sale-inner-sec .top-white img{object-fit: cover;height: 300px;width: 100%;}
	.puppy-bio-sec .tab-sec{margin-top:45px;}
	.progressbar-sec h4{margin-top:20px;}
	.puppy-bio-sec .overlay{display:none;}
	header.sticky .contact{display:none;}
	.service-sec .heading-sec,.whychoose-sec .heading h3{text-align:center;}
	.common-content{text-align:center;}
	.about-single .text{margin-top:45px;}
	.about-single:last-child .image {position: initial;padding-top: 45px;}
	.about-single:last-child .row .item-sec:last-child {padding-top:0;}
}
@media screen and (max-width: 768px) {
	.language-custom {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
}
footer .right-sec{padding-bottom: 70px;}
	.whoweare-sec .image img{margin-bottom:20px;}
	.newest-sec .shape{top:-195px;left:0;}
	.newest-sec .shape img {height: 200px;}
	.service-sec .heading-sec h4 {font-size: 35px;}
	.sale-inner-sec .heading-sec h3 {font-size:22px; display: flex;flex-direction: column;}
	.sale-inner-sec .heading-sec img{margin:10px 0;}
	.sale-banner-sec img {width: 100%;height: auto;}
	.sale-sec .heading-sec h3 {font-size: 28px;}
	footer .right-sec{text-align:center;}
	.rating-section .rating-row .rating-title{font-size:18px;}
	.rating-section .rating-row .rating-star ul li{font-size:20px;}
}
@media screen and (max-width: 576px) {
	.newest-sec .single-sec{padding:0 10px;}
	.newest-sec .heading h3 {font-size: 21px;padding:0;}
	.newest-sec .single-sec h4{font-size:19px;}
	.sale-sec .sale-info .info h3 {font-size: 20px;}
	.sale-sec .sale-info{padding:0 10px;}
	.sale-banner-sec {display: flex;flex-direction: column-reverse;align-items: center;}
	.sale-banner-sec .inner-sec {position: initial;transform: translateX(0);}
	.sale-banner-sec .inner-sec h2 {font-size: 30px;}
	/*.sale-inner-sec{margin-top:-200px;}*/
	.sale-inner-sec .top-white img {height: 200px;}
	.contact-form-sec .heading h4{padding:5px 10px;font-size:20px;}
	.common-content p{font-size:14px;}
	.content-sec .heading-sec h3 {font-size: 28px;text-align: center; margin-top: 15px;}
	.blog-sec .single img {height: auto;}
	.heading img{margin:auto;display:block;}
}
@media screen and (max-width:400px) {
	.banner-sec .content h3 {font-size: 32px;}
	.banner-sec .content p {font-size: 22px;margin-bottom:15px;}

}