/*
Theme Name: Foundation –  HTML5 Template 
Author: codezion
Author URL: https://www.templatemonster.com/authors/codezion/
Version: 1.0.0
*/
@media (max-width: 1200px) {
	/*navigation*/
	.navigation .main-navigation .main-menu>nav>ul>.menu-item>a {
 padding: 0 10px;
}
 .mb-lg-20 {
 margin-bottom: 20px;
}
 .mb-lg-30 {
 margin-bottom: 30px;
}
 .mb-lg-40 {
 margin-bottom: 40px;
}
 .mb-lg-80 {
 margin-bottom: 80px;
}
}
@media (max-width: 1024px) {
 .job-item {
padding: 20px;
}
 .job-item .job-inner {
padding-left: 54px;
}
}
@media (max-width: 992px) {
	/*Navigation*/
	.header .navigation-wrapper nav>.main-navigation .hamburger-menu {
 display: flex !important;
}
.header .navigation-wrapper nav>.main-navigation .main-menu>ul>.menu-item:last-child {
 margin-right: 10px;
}
.header .navigation-wrapper nav>.main-navigation .main-menu {
    display: block;
    position: fixed;
    left: -320px;
    width: 320px;
    height: 100vh;
    top: 15%;
    background-color: var(--thm-color-one);
    transition: 0.5s all;
    overflow: auto;
    z-index: 100;
}
.header .navigation-wrapper.sticky nav>.main-navigation .main-menu {
	top: 100%;
}
.offcanvas-bars {
	display: none;
}
 .header .navigation-wrapper nav>.main-navigation .main-menu.active {
 left: 0;
}
 .header .navigation-wrapper nav>.main-navigation .main-menu>ul {
 display: block;
}
 .header .navigation-wrapper nav>.main-navigation .main-menu>ul>.search {
 display: none;
}
 .header .navigation-wrapper nav>.main-navigation .main-menu>ul>.menu-item {
 padding: 0 !important;
 margin: 5px !important;
}
.header .navigation-wrapper nav>.main-navigation .main-menu>ul>.menu-item>a {
    padding: 5px 6px !important;
    display: block;
    color: #fff !important;
    border: none;
    border-radius: 0;
    font-size: 14px !important;
}
 .header .navigation-wrapper nav>.main-navigation .main-menu>ul>.menu-item.active>a {
 color: #263077 !important;
 font-weight: 500;
}
 .menu-item-has-children>a>.arrow:after, .menu-item-has-megamenu>a>.arrow:after {
 position: absolute;
 right: 15px;
}
 .menu-item-has-children .submenu .menu-item-has-children>.submenu, .menu-item-has-megamenu:hover>.megamenu, .menu-item-has-megamenu .megamenu, .menu-item-has-children .submenu {
 opacity: 1;
 visibility: visible;
 left: 0 !important;
 width: 100% !important;
 position: relative !important;
 display: none;
 padding: 0;
 transform: none;
}
 .main-navigation:before {
    display: none !important;
}
 .main-navigation:after {
    display: none !important;
}
.header .navigation-wrapper nav>.main-navigation .logo {
    top: 30%;
    left: auto !important;
}
.feature-card {
    position: relative !important;
    width: 85%;
    bottom: 0;
}
.about-img.mr-5 {
    margin-right: 0 !important;
}
.about-image {
    justify-content: start !important;
}
.experience-sec.d-flex {
    display: block !important;
}	
.boxss {
    padding-top: 15px;
}
 .mb-md-20 {
 margin-bottom: 20px;
}
 .mb-md-30 {
 margin-bottom: 30px;
}
 .mb-md-40 {
 margin-bottom: 40px;
}
 .mb-md-80 {
 margin-bottom: 80px;
}
.about-left-side, .section-header .section-heading {
 max-width: 100%;
 text-align: center;
}
.section-header.style-left .section-heading h3:after {
 margin: 20px auto 0;
}
.section-header.style-left .section-heading {
 margin: 0;
}
.section-header.style-left {
 text-align: center;
}
.about-left-side .section-header {
 display: block;
}
.about-right-perra {
    position: relative !important;
    padding-top: 115px;
}
.about-home2 {
    height: auto !important;
}
.logo-responsive {
    display: block !important;
}
.top-item-header {
    padding: 0 !important;
}
.main-navigation {
    justify-content: space-between !important;
    padding: 0px 15px !important;
    width: 100% !important;
    position: relative;
    top: 0 !important;
    left: 0% !important;
}
.header .navigation-wrapper.sticky .main-navigation {
	background: transparent !important;
}

.menu-item-has-children .submenu {
    top: 1px !important;
}
.section-padding.about-us {
    padding-bottom: 0;
}
.contact-form {
    padding-top: 50px;
}
.about-perra-item li {
    display: flex;
    align-items: baseline;
}
.panel-body {
    padding: 45px 10px !important;
}
.fgdfh {
    padding-right: 10px !important;
}
.search-box input {
    width: 100% !important;
}
.search-box span {
    right: 0% !important;
}
.pet-image {
    position: relative;
    margin-bottom: 50px;
}
.pet-title {
    padding: 8px 28px !important;
}
.top-header {
    display: none !important;
}
.top-main-navigation {
    display: none;
}
.slider-content {
    padding: 55px 0;
}
.headding-align {
    margin-top: 20px;
}
.product-card {
    margin-bottom: 15px;
}
.newsleteer-title {
    display: flex;
    padding: 30px 25px !important;
    gap: 19px !important;
	flex-wrap: wrap;
}
.header-phone {
	display: none;
}
.product-details-right {
    padding-left: 0px !important;
    padding-top: 34px;
}
.shopping-box {
    gap: 10px !important;
    flex-wrap: wrap;
}
.btn-first {
    padding: 8px 20px !important;
}
.shipping-support {
    gap: 0px !important;
    flex-wrap: wrap;
}
.cart-summary {
    margin-top: 30px;
}
.subheader {
    height: auto !important;
}
.navigation-wrapper {
    padding: 16px 0;
}
.delivers {
    padding-right: 0px !important;
}
.navigation-wrapper {
    background: #fff !important;
}
.footer-list {
    margin-top: 20px;
}

}

@media (max-width: 768px) {
.job-item {
padding: 27px;
}
.job-item .job-inner {
padding-left: 80px;
}
.banner-bottom {
margin-top: 0px;
}
.about-right-side img {
height: 300px;
}
.slick-dots {
    position: absolute;
    bottom: -10% !important;
    left: 35%;
    width: 30%;
}
button.btn-play-modal {
    top: 34% !important;
    left: 45% !important;
}
.slider-for img {
    width: 400px!important;
    height: 260px!important;
}

}
/*topbar*/

 .header .topbar .rightside ul>li.book-appointment>a, .header .topbar .rightside ul>li.login {
	padding: 15px 30px;
}
/*General*/
	.section-header {
	display: block;
}
.section-header .section-btn {
	display: none;
}
/*blog*/
	.blog-details .post-details-tags-social .tags-box {
	justify-content: center;
	margin-bottom: 10px;
}
.blog-details .post-details-tags-social .social-media-box ul {
	justify-content: center;
}
.blog-details .post-author {
	display: block;
}
.blog-details .post-author .author-caption {
	flex: 0 0 calc(100% - 0px);
	max-width: calc(100% - 0px);
}
.coming-soon .coming-soon-text h1 {
	font-size: 40px;
}
.coming-soon .coming-soon-text .counter .counter-box .inner-box {
	font-size: 28px;
	margin-top: 10px;
}
.coming-soon .coming-soon-text .counter .counter-box {
	margin: 0 5px;
}
.mb-sm-20 {
	margin-bottom: 20px;
}
.mb-sm-30 {
	margin-bottom: 30px;
}
.mb-sm-40 {
	margin-bottom: 40px;
}
.mb-sm-80 {
	margin-bottom: 80px;
}
.book-appointment {
	margin-bottom: 0px;
}

@media (max-width: 576px) {
	/*topbar*/
	.header .topbar .rightside ul>li.book-appointment>a, .header .topbar .rightside ul>li.login {
 padding: 8px 10px;
}
.main-navigation {
    padding: 0 15px;
}
	/*Navigation*/
	.header .navigation-wrapper nav>.main-navigation .main-menu {
 left: -260px;
 width: 230px;
}

 .coming-soon .coming-soon-text .counter {
 flex-wrap: wrap;
}
 .coming-soon .coming-soon-text .counter .counter-box {
 margin: 0 5px 10px;
 width: 100px;
}
 .coming-soon .coming-soon-contact ul {
 justify-content: center;
}
 .coming-soon .coming-soon-contact ul li {
 width: auto;
 padding: 0 15px;
}
.cat-dgn {
    margin: 10px 8px;
}
.main-banner .slick-dots {
    top: 75% !important;
    right: 0 !important;
}
.year-counter {
	display: block !important;
}
.excert.test-p p {
    font-weight: 300;
    padding: 0 20px;
}
.footer-links h5 {
    margin-top: 15px;
}
.footer-info h5 {
    margin-top: 15px;
}
#play {
    width: 70px;
    height: 70px;
}
 .mb-xs-20 {
 margin-bottom: 20px;
}
 .mb-xs-30 {
 margin-bottom: 30px;
}
 .mb-xs-40 {
 margin-bottom: 40px;
}
 .mb-xs-80 {
 margin-bottom: 80px;
}
 #page404 .txt {
 margin: 0 0 0 -190px;
}
.testimonial-section {
    height: 585px !important;
}
.footer-links {
    justify-content: start !important;
}
.testi-box {
    padding: 0 20px !important;
}
.testi-box p {
    padding-right: 0px !important;
}
.login-btn.text-center button {
    width: 100% !important;
    margin-bottom: 20px;
}
.login-with-line:before{
	width: 35% !important;
}
.login-with-line:after{
	width: 35% !important;
}
.progress-round .step::after {
	width: 125px !important;
}
.brand-section {
    grid-template-columns: repeat(2,1fr) !important;
}
.brand-item {
    min-height: 130px !important;
}
.slider-content h1 {
	font-size: 28px !important;
}
.footer-grid {
	grid-template-columns: repeat(1, 1fr) !important;
	gap: 20px !important;
}
.product-left-box {
    padding: 47px 24px !important;
}
.count {
    font-size: 22px !important;
}
.counter-number-box.Counter {
    padding-right: 16px !important;
}
.blog-card {
    margin: 0px !important;
}
.newsleteer-title h4 {
    font-size: 24px !important;
}
.product-item-text-details li strong {
    width: 58% !important;
}
.application-width {
    width: 60% !important;
}
.details-button-inline {
    gap: 10px !important;
    flex-wrap: wrap;
}
.counter-list {
    display: grid !important;
    justify-content: space-between;
    gap: 16px;
    padding: 0 30px;
}
.progressbar li {
    font-size: 12px !important;
    width: 21.33%;
}
.newsletter-form .btn-first.btn-submit {
    width: 96% !important;
    white-space: normal !important;
}
.newsletter-form {
    flex-wrap: wrap;
    border-radius: 10px !important;
}
}

@media (max-width:450px) {
.copyright-menu{
	padding: 0px 10px;
	text-align: center;
}   
	
.event-othr ul li {
	font-size: 10px;
}    
 blockquote {
 padding: 15px;
}
 blockquote p {
 font-size: 14px;
}
.job-item {
padding: 7px;
}
 .blog-details .post .post-wrapper .blog-meta .post-meta-box .post-meta .post-date {
 position: absolute;
 top: 20px;
 right: 20px;
 margin-top: 0;
}
 .blog-details .post-details-tags-social span, .blog-details .post-details-tags-social .social-media-box ul li .social-number, .blog-details .post-author .author-caption .authorpost {
 display: none;
}
 .blog-details .post-details-tags-social .tags {
 margin-left: 0;
}
 .comment-box .children {
 padding-left: 0;
}
	/*coming soon*/
	.coming-soon .main .counter .counter-box {
 margin: 0 10px;
}
 .coming-soon .main .counter .counter-box .inner-box {
 width: 50px;
 height: 50px;
}
.progress-round .step::after {
    width: 98px !important;
}
}
@media (max-width: 480px) {
	.about-img.mr-5:before {
		display: none !important;
	}
	.about-img.mr-5 img {
		width: 100% !important;
	}
	.google-sign {
		display: block !important;
	}
	.login-with-line:before{
		display: none !important;
	}
	.login-with-line:after{
		display: none !important;
	}
  
}

@media (max-width: 767px) {
	.billing-info {
		display: block !important;
	}
	.order-item-delivered {
		display: grid;
	}
	.order-list-deliver {
		text-align: left !important;
		padding-right: 25px;
	}
	.order-price {
		text-align: left !important;
	}
	
	.ft-payment-image {
		margin-top: 15px;
	}
	.shopping-box p {
		width: 100%;
	}
	.list-page-search {
		width: 100% !important;
	}
}


@media screen and (min-width: 576px) and (max-width: 767px) {
	.cat-dgn {
		display: block !important;
	}
	.services-image {
		padding: 30px !important;
	}
	.login-with-line:before{
		width: 35% !important;
	}
	.login-with-line:after{
		width: 35% !important;
	}
	.progress-round .step::after {
		width: 160px !important;
	}
	.brand-section {
		grid-template-columns: repeat(2,1fr) !important;
	}
	.slider-content h1 {
		font-size: 34px !important;
	}
	.footer-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 20px !important;
	}
}

@media screen and (min-width: 767px) and (max-width: 992px) {
	.progress-round .step::after {
		width: 180px !important;
	}
	.brand-section {
		grid-template-columns: repeat(3,1fr) !important;
	}
	.footer-grid {
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 20px !important;
	}
	.login-with-line:before {
		width: 250px !important;
	}
	.login-with-line:after {
		width: 250px !important;
	}
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	.header .navigation-wrapper nav>.main-navigation .main-menu>ul>.menu-item {
		margin: 0px 6px !important;
	}
	.pet-title {
		padding: 6px 20px !important;
		font-size: 16px !important;
	}
	.footer-grid {
		gap: 14px !important;
	}
	.about-img.mr-5:before {
		top: 180px !important;
		width: 85% !important;
		bottom: 40px !important;
	}
	.about-us {
		padding-bottom: 0 !important;
	}
	.header .navigation-wrapper.sticky nav>.main-navigation .logo {
		width: 91px !important;
	}
	.brand-section {
		grid-template-columns: repeat(4,1fr) !important;
	}
	.newsleteer-title h4 {
		font-size: 25px !important;
	}
	.slider-content h1 {
		font-size: 30px !important;
	}
	.slider-content {
		padding: 70px 0;
	}
	.login-with-line:before {
		width: 200px !important;
	}
	.login-with-line:after {
		width: 200px !important;
	}
	.newsletter-form .btn-first.btn-submit {
    width: 60% !important;
}
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
	.about-img.mr-5:before {
		top: 130px !important;
		width: 85% !important;
		bottom: -10px !important;
	}
	section.section-padding.about-us {
		padding-bottom: 40px !important;
	}
	.login-with-line:before {
		width: 200px !important;
	}
	.login-with-line:after {
		width: 200px !important;
	}
}