



/*  1350px  */

@media all and (max-width: 1479px) {



.grid-1280 { width:1280px;}

	

.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4, .banner-5 {height:800px;}	



.contact-form  {margin-top:-610px;}



.banner-1 h1, .banner-2 h1, .banner-3 h1, .banner-4 h1, .banner-5 h1 {max-width:85%;}



.form-holder .grid-1280 {max-width:85%;}

	

h1 {font-size:90px; }	



.key-features { margin-top:-100px;}



.contact-form {    margin-top: -650px;  }


.grooming {  margin-top: 230px;}
	

}









/*  1240px  */

@media all and (max-width: 1339px) {

 

.grid-1280 { width:1200px;}

	



#header-part-1 { width:500px;}



#header-part-2 { width:200px;}



#header-part-3 { width:500px;}



#mixedSlider {  width:1000px;  margin:auto;}



	

}









/*  980px  */

@media all and (max-width: 1239px) {



.grid-1280 { width:920px;}

	

.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-8-of-9,  .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-3-of-9, .col-2-of-9 {padding: 0px 10px;} 	

	



.responsive-menu-icon {display: none;}

	

#mixedSlider {  width:800px;  margin:auto;}	



#header-part-1 { width:357px; }



#header-part-2 { width:200px;}



#header-part-3 { width:357px;}



.timing {display:none;}



h1 {    font-size: 60px;  }



.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4, .banner-5 {height:700px;}	



.contact-form {    margin-top: -580px;  }



.banner-1 h1, .banner-2 h1, .banner-3 h1, .banner-4 h1, .banner-5 h1, .banner-5 h1 {  margin-top: 25%;}



h2 {  font-size: 40px;  line-height: 100%;}







.cafe h2 {  margin-top: 50px;  padding: 0px 50px 0px 40px;}



.cafe p {  line-height: 200%;  color: #074276;  padding: 0px 0px 0px 40px;}



.cafe .yellow-text-button {  margin-left: 40px; margin-top:20px;}





.pet-retail h2 {  margin-top: 50px;  padding: 0px 50px 0px 40px;}



.pet-retail  p {  line-height: 200%;  color: #074276;  padding: 0px 0px 0px 40px;}



.pet-retail .yellow-text-button {  margin-left: 40px; margin-top:20px;}







.grooming h2 {  margin-top: 50px;  padding: 0px 50px 0px 40px;}



.grooming p {  line-height: 200%;  color: #074276;  padding: 0px 0px 0px 40px;}



.grooming .yellow-text-button {  margin-left: 40px; margin-top:20px;}



.testimonial-bg {height:600px;}



.call-to-action img {width:100%;}



.call-to-action h2 {  font-size: 60px;  line-height: 90%;  margin-top: 100px;}



.grooming {  padding: 60px 0px 60px 0px;}



.privacy-policy {  padding: 120px 0px 60px 0px;}

	

.video { height:520px; }	

	

.sticky-button {  top: 400px;}		

	

}









/*  768px  */

@media all and (max-width: 979px) {



.grid-1280 { width:740px;}	



.col-1-of-4  {width: 50%;}	



.col-1-of-5  {width: 33.33%;}	



.col-1-of-6  {width: 33.33%;}	



.col-1-of-7  {width: 25%;}	



.col-1-of-8  {width: 25%;}	

		

.col-1-of-9  {width: 20%;}	

		

.col-1-of-10  {width: 20%;}	

	

.col-1-of-11  {width: 16.66%;}

	

.col-1-of-12 {width: 16.66%;}

	

.col-5-of-8 {    width: 75%;	}

	

.col-3-of-9 {    width: 40.00%;	}

	

.col-1-of-9 {    width: 25%;}	

	

.col-2-of-9 {    width: 25%	}

	

.col-3-of-9 {    width: 50%;}	

	

.col-3-of-8 {    width: 50%;	}



.col-2-of-3, .col-2-of-5, .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6,  .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-8-of-9,  .col-7-of-9, .col-6-of-9, .col-5-of-9, .col-4-of-9 {width: 100%;}	



	

#mixedSlider {  width:620px;  margin:auto;}	



.t-white-box {padding:40px;}



#mixedSlider .MS-content .item {padding:20px 60px 0px 60px;}



.call-to-action h2 {  font-size: 50px;  line-height: 100%;  margin-top: 70px;}



.testimonial-bg {margin-bottom:360px;}



.testimonials {  margin-top: -530px;}



h1 {    font-size: 50px;  }



#header-part-1 { width:268px; }



#header-part-2 { width:200px;}



#header-part-3 { width:268px;}



.banner-1 h1, .banner-2 h1, .banner-3 h1, .banner-4 h1, .banner-5 h1 {    max-width: 35%;    float: left;    margin-left: 90px;    font-size: 50px;  }



h2 {    font-size: 32px;    line-height: 100%;  }



.cafe h2 {    margin-top: 0px;    padding: 0px 50px 0px 20px;  }



.cafe p {    padding: 0px 20px 0px 20px;  }



.cafe .yellow-text-button {    margin-left: 20px;    margin-top: 20px;  }





.pet-retail h2 {    margin-top: 0px;    padding: 0px 50px 0px 20px;  }



.pet-retail p {    padding: 0px 20px 0px 20px;  }



.pet-retail .yellow-text-button {    margin-left: 20px;    margin-top: 20px;  }



.grooming h2 {    margin-top: 0px;    padding: 0px 50px 0px 20px;  }



.grooming p {    padding: 0px 20px 0px 20px;  }



.grooming .yellow-text-button {    margin-left: 20px;    margin-top: 20px;  }



.cafe {  padding: 60px 0px 0px 0px;}



.grooming {  padding: 0px 0px 60px 0px;}



.testimonial-bg {    height: 500px;  }



.video { height:416px; }	



.grooming {  margin-top: 280px;}

	

}











/*  640px  */

@media all and (max-width: 767px) {



.grid-1280 { width:600px;}	

	

.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-8-of-9, .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-2-of-9, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8 {padding: 0px 5px;} 

	

	

#mixedSlider {  width:520px;  margin:auto;}	



.icon-box span {  font-size: 13px;  line-height: 130%;}



.white-box {height:275px; background-position:center bottom;}



.cafe .col-1-of-2, .pet-retail .col-1-of-2, .grooming .col-1-of-2 {width:100%; clear:both; display:table;}



.cafe h2 { margin-top: 30px;  padding: 0px 0px 0px 0px;  }



.cafe p {    padding: 10px 0px 10px 0px;  }



.cafe .yellow-text-button {    margin-left: 0px;    margin-top: 20px;  }





.pet-retail h2 { margin-top: 30px;  padding: 0px 0px 0px 0px;  }



.pet-retail  p {    padding: 10px 0px 10px 0px;  }



.pet-retail  .yellow-text-button {    margin-left: 0px;    margin-top: 20px;  }





.grooming h2 { margin-top: 30px;  padding: 0px 0px 0px 0px;  }



.grooming  p {    padding: 10px 0px 10px 0px;  }



.grooming  .yellow-text-button {    margin-left: 0px;    margin-top: 20px;  }



	

#header-part-1 { width:220px; }



#header-part-2 { width:150px;}



#header-part-3 { width:225px;}



.logo {width:100%;}



header .grid-1280 {  margin-top: 20px;}



.address {  margin-top: 10px;  margin-left: 6px;}	



.phone {  line-height: 36px; margin-top: 9px;}



.phone img {  margin-top: 9px;}



footer {  padding: 40px 0px;}



.contact-form {position:relative; margin:auto; }



.form-holder {background-color:#074276; padding:40px 0px 150px 0px;}





.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4, .banner-5 {height:450px;}	



.banner-1 h1, .banner-2 h1, .banner-3 h1, .banner-4 h1, .banner-5 h1 {    max-width: 100%;  }



h2 br {display:none;}



.call-to-action h2 {    margin-top: 20px;  }



.call-to-action img {    width: 100%;    margin-bottom:0px;  }



header.darker {  height: 62px;}



.cafe img, .pet-retail img, .grooming img {  float: none;  max-width: 100%;}



.privacy-policy {  padding: 100px 0px 60px 0px;}



.video { height:338px; }		



.sticky-button {  top: 350px;}		


.grooming {  margin-top: 230px;}

.cafe {    padding: 0px 0px 0px 0px;  }

.pet-retail {padding: 0px 0px 60px 0px;}
	

}











/*  480px  */

@media all and (max-width: 639px) {



.grid-1280 { width:440px;}	

	

.col-1-of-2, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-3-of-9, .col-2-of-9  {width: 100%; float: none;}	



.col-1-of-3  {width: 100%; float: none;}	

	

.col-1-of-4  {width: 100%; float: none;}	



.col-1-of-5  {width: 100%; float: none;}	



.col-1-of-6  {width: 50%;}	



.col-1-of-7  {width: 33.33%;}	



.col-1-of-8  {width: 33.33%;}

		

.col-1-of-9  {width: 33.33%;}

		

.col-1-of-10  {width: 33.33%;}

	

.col-1-of-11  {width: 33.33%;}

	

.col-1-of-12 {width: 33.33%;}

	

	

.call-to-action h2 {    margin-top: 20px;    text-align: center;  }



.yellow-text-button {margin:auto;}



.call-to-action img {    width: 100%;   margin-bottom:0px;  }



#mixedSlider {  width:380px;  margin:auto;}	



.t-white-box {    padding: 40px 0px 40px 0px;  }



#mixedSlider .MS-content .item p {  font-size: 16px;  line-height: 160%;}



.t-white-box h2 {padding:0px 30px;}



.testimonial-bg {    margin-bottom: 400px;  }



.testimonials {    margin-top: -580px;  }



.icon-box span {    font-size: 12px;    line-height: 130%;  }



.icon-box {  width: 33.1%;}



.icon-box img {  margin: 20px auto;  padding: 10px;  width: 100px; }



.icon-box:hover img {  padding: 0px 5px 10px 5px;  transition: all 0.5s ease-in 0s;  margin-bottom: 30px;  margin-top: 20px; margin-bottom:20px;}



.white-box {    height: 245px;    background-position: center bottom;  }



.address {font-size:0px;}



.address img {margin-right:0px;}



#header-part-1, #header-part-3 {width:50px; float:left;}



#header-part-2 {  width:calc(100% - 100px);   float:left;}



.logo {    width: 140px;  }



.phone {font-size:0px; width:40px; margin-right:6px;}



.phone img {    margin-top: 9px; margin-left:0px; margin-right:0px;  }

	

.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4, .banner-5 {height:400px;}		



.banner-1 h1, .banner-2 h1, .banner-3 h1, .banner-4 h1, .banner-5 h1 {   margin-left: 70px;    font-size: 45px; margin-top:170px;  }



.pipe img {  width: 1px;  height: 190px;}

	

.white-box {    height: 225px;    background-position: center bottom;  }	




.video {    height: 783px;  }			


.grooming {    margin-top: 170px;  }
	

}









/*  360px  */

@media all and (max-width: 479px) {



.grid-1280 { width:320px;}	

	

.col-1-of-6  {width: 100%; float: none;}	



.col-1-of-7  {width: 50%;}	



.col-1-of-8  {width: 50%;}

		

.col-1-of-9  {width: 50%;}

		

.col-1-of-10  {width: 50%;}

	

.col-1-of-11  {width: 50%;}

	

.col-1-of-12 {width: 50%;}	

	



.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4, .banner-5 {height:640px;}		



.banner-1 { background-image:url(../images/banner-1-mobile.jpg); background-position:center center; background-size:cover;}

.banner-2 { background-image:url(../images/banner-2-mobile.jpg); background-position:center center; background-size:cover;}

.banner-3 { background-image:url(../images/banner-3-mobile.jpg); background-position:center center; background-size:cover;}

.banner-4 { background-image:url(../images/banner-4-mobile.jpg); background-position:center center; background-size:cover;}

.banner-5 { background-image:url(../images/banner-5-mobile.jpg); background-position:center center; background-size:cover;}





.banner-1 h1, .banner-2 h1, .banner-3 h1, .banner-4 h1, .banner-5 h1 {    margin-left: 0px;    font-size: 36px;    margin-top: 235px;    text-align: center;   float: none;    width: 100%;    max-width: 100%;  }





.big-phone {font-size:14px; width:100%; margin-top:0px; margin-bottom:20px;}



.big-phone-holder {  position: relative;  width: 100%;  padding-right: 0px;}



.big-phone strong {  font-size: 36px;}



.map {  margin-bottom: 20px;}



#mixedSlider {  width:320px;  margin:auto;}	



footer {    padding: 40px 0px 20px 0px; }



footer p br {display:none; }



footer p {font-size:14px;}



.call-to-action img {    width: 100%;    margin-bottom: 0px;  }



.testimonial-bg { height: 640px; }



#mixedSlider .MS-content .item {    padding: 20px 30px 0px 30px;  }



.MS-controls { display:none;}



.call-to-action h2 {    margin-top: 0px;    text-align: center;  }



iframe {border-radius:20px!important;}



h2 {    font-size: 26px;   line-height: 100%;  }



.icon-box {width:100%; border-top:1px solid #ddd; padding-bottom:30px;}



.icon-box:first-child {border:0px;}



.pipe {display:none; }



.white-box {background-image:none; background-color:#fff; border-radius:20px; padding:0px; }



.shadow { height:30px; width:95%; margin:auto; margin-top:-1px;}



.grooming {    margin-top: 550px;  }





.privacy-policy .white-box {  padding: 20px;  border-radius: 20px;}



.privacy-policy {  padding: 100px 0px 60px 0px;}



.privacy-policy h3 {font-size:16px;}



.video {    height: 572px;  }			



.sticky-button {  top: 400px;}

.popup .image-holder  {width:300px; margin:auto;}	

.popup .image-holder img  {width:100%; margin:auto;}	

.feature-video {  padding: 50px 0px 0px 0px;}

}