/*Theme Name: Firstcom Solutions
Author: Firstcom Solutions Developers
Author URI: http://firstcom.com.sg/
Version: 1.0*/

* { outline: none!important; }
/*body { background-color: #DDD; }*/

/* ==========================================================================
                            General Style
   ========================================================================== */
body { font-family: 'OpenSans-Light'; font-size: 16px; margin:0px; padding:0px; }
h1,h2,h3,h4,h5,h6 {margin-top: 0; margin-bottom: 0; word-wrap: break-word;}
h1 {color: #b1898d;font-size: 2.5em;font-family: 'Lovely Day Personal Use';}
h2 {font-size: 2.5em;font-family: 'Lovely Day Personal Use';}
h3 {color: #b1898d;font-size: 2em;font-family: 'Moon Flower Bold';}
h4 {font-size: 2em;font-family: 'Lovely Day Personal Use';}
strong {font-family: 'OpenSans-Semibold';}
p { color: #3a3a3a; font-family: 'OpenSans-Light'; line-height: 1.8em; margin-bottom: 0;text-shadow: 0px 0px 0px #3a3a3a;}
ul {padding-left: 0;}
textarea { resize: vertical; }
a:hover { text-decoration: none; }
a{ outline: none; text-decoration: none;cursor:pointer;}
* html .clearfix { height: 1%; }
.ease,a,input[type="submit"],button { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.mx-1024 { width: 100%; max-width: 1024px; margin: 0 auto;}
.mx-1250 { width: 100%; max-width: 1250px; margin: 0 auto; }
.mx-1440 { width: 80%; max-width: 1440px; margin: 0 auto; float: right; }
.relative { position: relative; }
.clearfix:after {visibility: hidden; display: block; font-size: 0; content:""; clear: both; height: 0;}
.clearfix { display: block; clear:both; }
.center-div{position:absolute; top:50%; left:50%; margin-right:-50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);  transform:translate(-50%,-50%); }
.middle-div{position:absolute; top:50%;  -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -o-transform:translate(0,-50%);  transform:translate(0,-50%); }
.hori-div{position:absolute; left:50%;  -ms-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -o-transform:translate(-50%,0);  transform:translate(-50%,0); }
.list-table { display: table; width: 100%; }
.list-table > li { display: table-cell; }
textarea { resize: none; }
input { margin-bottom: 15px; }
.n-padding{ padding: 0; }
.n-margin { margin: 0; }
.f-right { float: right; }
.f-left { float: left; }
img,iframe,video{ width: 100%; }
.bg-cover { position: relative; background-size: cover;background-position: center; background-repeat: no-repeat;}
.bg-contain { position: relative; background-size: contain;background-position: center; background-repeat: no-repeat;}
.navbar-default {background-color: transparent; border:none; }
.navbar-collapse { overflow-y: hidden !important; }


/*Header*/
header {position: fixed; left: 0; top: 0; z-index: 1000; padding: 2em 0 3em; width: 20em; height: auto; background-size: contain; background-repeat: no-repeat; background-position: center;}
header .logo-holder img {width: 10em; height: 10em; object-fit: contain;}
header .menu-holder {text-align: center; margin-top: 1em;}
.menu {padding-top: 20px; }
.menu li {margin: 0.3em 0;}
.menu li a {color: #fff;font-family: 'OpenSans-Light';}
.menu li.current-menu-item a, .menu li:hover a  {color: #000;}

/*Footer*/
footer {background-color: #908e8a;padding: 0.6em 0;}
footer .sm-holder li {display: inline-block;margin: 0.5em 0 0 0;}
footer .sm-holder img {height: 3.5em;object-fit: contain;}
footer p, footer a, footer span {color: #fff; line-height: 1.5em; font-family: 'OpenSans-Regular'; font-size: 13px;}
footer a:hover {color: #f5b895;}
footer .tc {margin-bottom: 0.5em;}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

/*.menu li { display: block !important; padding-top: 10px; text-align: left; padding-left: 0px; }*/
.nopaddingmobile { padding: 0px ; }
.centeronmobile {text-align: center; }
.product-img {margin: 0 auto; }
.pull-left {float: none !important; }
.pull-right {float: none !important; }
.copyright {text-align: center; }
.designby {text-align: center; }

}

/*# sourceMappingURL=style.css.map */

/*# sourceMappingURL=style.css.map */
/*Fonts*/
@font-face {font-family: 'OpenSans-Bold';src: url('fonts/OpenSans-Bold.ttf') format('truetype');}
@font-face {font-family: 'FontAwesome';src: url('fonts/FontAwesome.otf') format('opentype');}
@font-face {font-family: 'OpenSans-Regular';src: url('fonts/OpenSans-Regular.ttf') format('truetype');}
@font-face {font-family: 'OpenSans-Semibold';src: url('fonts/OpenSans-Semibold.ttf') format('truetype');}
@font-face {font-family: 'OpenSans-Light';src: url('fonts/OpenSans-Light.ttf') format('truetype');}
@font-face {font-family: 'Lovely Day Personal Use';src: url('fonts/Lovely%20Day%20Personal%20Use.ttf') format('truetype');}
@font-face {font-family: 'Moon Flower Bold';src: url('fonts/Moon%20Flower%20Bold.ttf') format('truetype');}
@font-face {font-family: 'Moon Flower';src: url('fonts/Moon%20Flower.ttf') format('truetype');}


/*Custom CSS*/
body {display: flex;min-height: 100vh;flex-direction: column;}
/* .sec-height {height: 90vh;} */
.maincontent {flex: 1 0 auto;}
div.wpcf7-mail-sent-ok {display: none!important;}
.btn-pink {border:0;position: relative; z-index: 2; background: #ff7e93; color: #fff; padding: 1em; border-radius: 10px; font-size: 0.9em; display: inline-block; margin-top: 0.5em;}
.btn-pink:hover, .btn-gray:hover, .btn-pink:focus, .btn-gray:focus {color: #fff; text-decoration: none;}
.btn-gray {border:0;position: relative; z-index: 2; background: #898989; color: #fff; padding: 1em 5em; border-radius: 10px; font-size: 0.9em; display: inline-block; margin-top: 0.5em;}
.btn-gray.hvr-float-shadow:before {background: -webkit-radial-gradient(center,ellipse,#898989 0,transparent 80%);background: radial-gradient(ellipse at center,#898989 0,transparent 80%);}
.btn-pink.hvr-float-shadow:before {background: -webkit-radial-gradient(center,ellipse,#ecb1ba 0,transparent 80%);background: radial-gradient(ellipse at center,#ecb1ba 0,transparent 80%);}
.arrow-left {width: 1.5em; height: 1.5em; object-fit: contain; position: absolute; top: 35%; left: 6em; cursor: pointer;}
.arrow-right {width: 1.5em; height: 1.5em; object-fit: contain; position: absolute; top: 39%; right: 5.5em; cursor: pointer;}
form .form-group .form-control {color: #8e8e8e; border: 1px solid #d4d4d4;font-family: 'OpenSans-Regular';font-size: 16px;}
.page-button ul li {display: inline-block; margin: 1em 0.5em 0 0;}
.page-button ul li form button, .page-button ul li a {padding: 1em 2em;}
.wht-bg {background: #fff; width: 13em; height: 4em; margin: 0 auto; padding: 1em; position: relative;}
.wht-bg:before {content: ''; background-image: url(img/heart.png); background-size: contain; background-repeat: no-repeat; width: 18px; height: 18px; position: absolute; top: 1.5em; left: 0.2em;}
.wht-bg:after {content: ''; background-image: url(img/heart.png); background-size: contain; background-repeat: no-repeat; width: 18px; height: 18px; position: absolute; top: 1.5em; right:0.2em;}
.wht-bg h3 {position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.f-label, .c-label, #blk, .a-type {display: none;}
.submit-btn input[type=submit]:hover {color: #fff;background: #898989;}
.bottom-btn .f-left input[type=submit]:hover {color: #fff;background: #898989;}
.g-recaptcha {transform: scale(0.80); -webkit-transform: scale(0.80); transform-origin: 0 0; -webkit-transform-origin: 0 0;}

/*Fixed Hamburger*/
.hb-button {position: fixed; top: 1em; right: 1em; z-index: 1000; display: none;}
.hb-button button {border: 1px solid #bbb6ae; background: #bbb6ae; padding: 0.3em 0.7em; border-radius: 5px;}
.hb-button button i {color: #f5849a;font-size: 1.5em;}

/*Homepage*/
.pd {padding: 3em 0 0;}
.home-holder .section-1 {min-height: 43em;}
.home-holder .section-1 .first-title {color: #b1898d;}
.home-holder .section-1 .first-title h2 {font-size: 3.5em;}
.home-holder .section-1 .first-title h4 {margin-top: 0.5em;}
.home-holder .section-1 .second-title {margin: 0 auto; padding: 2.5em 0;}
.home-holder .section-1 .second-title h1 {color: #fff;margin-top: 0.3em; font-size: 2.5em;}
.home-holder .section-1 .img-holder {position: absolute; bottom: -2em; right: 0; left: 15em; z-index: 1;}
.home-holder .section-1 .img-holder img {height: 27em;object-fit: contain;}

.home-holder .section-2 {min-height: 34em;}
.home-holder .section-2 .content-holder h3 {color: #ff7c95;}
.left-img {position: absolute; bottom: -2em; right: 0; left: -20em;z-index: 1;}
.left-img img {height: 23em;object-fit: contain;}
.center-con {margin-top: 5em;}
.home-holder .section-2 .center-con:before {content: ''; background-image: url(img/pink-box.png); width: 10em; height: 7em; background-repeat: no-repeat; background-size: contain; position: absolute; top: -3em; right: 0; z-index: 2;}
.home-holder .section-2 .center-con:after {content: ''; background-image: url(img/pink-lines.png); width: 9em; height: 9em; background-repeat: no-repeat; background-size: cover; position: absolute; bottom: -5em; right: 0;}
.home-holder .section-2 .center-con .center-img {padding: 2em 0;margin-left: 2em;}
.home-holder .section-2 .center-con .abs-img {position: absolute;right: -2em;top: -1em;z-index: 1;}
.home-holder .section-2 .center-con .abs-img img {transform: rotate(352deg); -ms-transform: rotate(352deg); -moz-transform: rotate(352deg); -webkit-transform: rotate(352deg); -o-transform: rotate(352deg); /*width: 70%;*/height: 13em;object-fit: contain;}
.home-holder .section-2 .right-img {position: absolute; left: 46em; right: 0; bottom: 1em;z-index: 1;}
.home-holder .section-2 .right-img img {transform: rotate(352deg); -ms-transform: rotate(352deg); -moz-transform: rotate(352deg); -webkit-transform: rotate(384deg); -o-transform: rotate(352deg); height: 13em; object-fit: contain; width: 90%;}

.home-holder .course-holder {padding: 5em 0;}
.home-holder .course-holder .arrow-right {width: 3.5em; height: 3.5em; top: 40%; right: -2em;}
.home-holder .course-holder .arrow-left {width: 3.5em; height: 3.5em; top: 42%; left: -1em;}
.home-holder .course-holder .item {margin: 5em 0;}
.course-title h2 {position: relative; display: inline-block;color: #b1898d;}
.course-title h2:before {content: ''; background-image: url(img/orange-diamond.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 0.5em; width: 20px; height: 20px; right: 100%; margin-right: 5%;}
.course-title h2:after {content: ''; background-image: url(img/gray.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: -0.3em; left: 100%; margin-left: 3%; width: 20px; height: 20px;}

.service-title h2 {position: relative; padding: 0.6em 0;color: #b1898d;}
.service-title h2:before {content: ''; background-image: url(img/dots.png); background-repeat: no-repeat; background-size: contain; width: 5em; height: 5em; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto;}
.service-title h2:after {content: ''; background-image: url(img/dots.png); background-repeat: no-repeat; background-size: contain; width: 5em; height: 1em; position: absolute; bottom: -0.9em; left: 0; right: 0; margin: 0 auto;}
.home-holder .section-3 {min-height: 60em;}
.home-holder .section-3 h3 {color: #3a3a3a;}
.home-holder .section-3 .c-img  {margin: 4em 0;}
.home-holder .section-3 .c-img img {height: 18em;object-fit: contain;}
.home-holder .section-3 .content-holder {min-height: 52em;}
.home-holder .section-3 .page-holder img {height: 10px;object-fit: contain;}
.page-holder .page-spa {padding: 2em 1em; width: 17em; height: 18em; position: absolute; bottom: 7em; left: -2em; background-size: cover;}
.page-holder .page-dental {padding: 3em 1em; width: 14em; height: 15em; position: absolute; bottom: 0; left: 16em; background-size: cover;}
.page-holder .page-colour {padding: 2em 1em; width: 15em; height: 16em; position: absolute; bottom: 0; right: 10em; margin: 0 auto; background-size: cover;}
.page-holder .page-pet {padding: 3em 1em; width: 15em; height: 16em; position: absolute; bottom: 16em; right: -1em; background-size: cover;}

.gallery-title h2 {color: #b1898d;position: relative;    padding-top: 0.8em;}
.gallery-title h2:before {content: ''; background-image: url(img/hearts-title.png); background-size: contain; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 4em; height: 4em;}
.home-holder .gallery-sec {padding: 3em 0;}
.home-holder .gallery-sec .gallery-slider {padding-bottom: 1em;}
.home-holder .gallery-sec .gallery-slider .gallery-slick {margin: 4em 0;}
/* .home-holder .gallery-sec .gallery-slider .gallery-slick img {width: 98%;} */
.home-holder .gallery-sec .gallery-slider .arrow-left {width: 8em; height: 5em; bottom: -1em;top: auto; left: 0;}
.home-holder .gallery-sec .gallery-slider .arrow-right {width: 6em; height: 5em; bottom: -1em;top: auto; right: 0;}

/*About Us Page*/
.header-title {padding: 1.8em 0;}
.header-title h1 {color: #fff; font-size: 1.5em; display: inline-block; margin: 0.3em 0;position: relative;}
.header-title h1:before {content: ''; background-image: url(img/left.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; width: 1em; height: 0.9em; right: 100%; margin-right: 10%;}
.header-title h1:after {content:''; background-image: url('img/right.png'); background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; width: 3em; left: 100%; margin-left: 15%; width: 1em; height: 0.9em;}
.aboutus-holder .section-1 {min-height: 36em;}
.aboutus-holder .section-1 .center-con .center-img {padding: 3em 0;margin-left: 10em;}
.aboutus-holder .section-1 .center-con .center-img p {color: #b1898d; font-family: 'Moon Flower Bold'; font-size: 2em;}
.aboutus-holder .section-1 .center-con:before {content: ''; background-image: url(img/pink-box.png); width: 10em; height: 7em; background-repeat: no-repeat; background-size: contain; position: absolute; bottom: -2em; right: 0; z-index: 3;}
.aboutus-holder .section-1 .center-con:after {content: ''; background-image: url(img/pink-lines.png); width: 9em; height: 9em; background-repeat: no-repeat; background-size: cover; position: absolute; bottom: -12em;right: 12em; z-index: 1;}
.aboutus-holder .section-1 .center-con .abs-img {transform: rotate(353deg); -ms-transform: rotate(353deg); -moz-transform: rotate(353deg); -webkit-transform: rotate(353deg); -o-transform: rotate(353deg);position: absolute; right: -1em; bottom: -9em;z-index: 2;}
.aboutus-holder .section-1 .center-con .abs-img img {height: 13em;object-fit: contain;}

.aboutus-holder .section-2 {padding: 5em 0;}
.page-con li {color: #b1898d; position: relative; list-style-type: none; padding-left: 1.5em; margin: 0.8em 0;}
.page-con li:before {content: url(img/diamond.png); position: absolute; top: 0; left: 0;}
.img-content p {margin: 1.5em 0;}
.aboutus-holder .section-2 .img-holder {margin-top: 5em;position: relative;z-index: 1;}
.aboutus-holder .section-2 .img-holder:after {content: ''; background-image: url(img/pink-lines.png); width: 15em; height: 15em; background-repeat: no-repeat; background-size: cover; position: absolute; bottom: -4em; right: 1em; z-index: -1;}
.aboutus-holder .section-2 .img-holder img {/*height: 20em;object-fit: cover;  */  height: 17em; object-fit: contain; transform: rotate(369deg); -ms-transform: rotate(369deg); -moz-transform: rotate(369deg); -webkit-transform: rotate(369deg); -o-transform: rotate(369deg);}

/*Instructor Page*/
.custom-div .section-1 {min-height: 35em;}
.title-holder {color: #b1898d;}
.title-holder h1 {margin-bottom: 0.3em; position: relative;}
.title-holder h1:before {content: ''; background-image: url(img/small-flower.png); background-size: contain; background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; top: -0.5em; left: 1em; right: 0; margin: 0 auto;}
.title-holder h2 {position: relative; display: inline-block;}
.title-holder h2:before {content: ''; background-image: url(img/l-flower.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; width: 1.5em; height: 1em; right: 90%;}
.title-holder h2:after {content: ''; background-image: url(img/r-flower.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; left: 100%; margin-left: 15%; width: 1.5em; height: 1em;}
.custom-div .section-1 .left-img {bottom: -3em;left: -25em;}
.custom-div .section-1 .left-img img {height: 28em;}
.custom-con:before {content: ''; background-image: url(img/crown.png); background-size: contain; background-repeat: no-repeat; width: 4em; height: 4em; position: absolute; top: -3em; right: 2em;}
.custom-div .section-1 .center-con {background: #ffb5ac; margin-left: 17em; margin-top: 7em; border-radius: 25px; padding: 2em 1.5em;}
.custom-div .section-1 .center-con p {color: #010101; font-size: 2em; font-family: 'Moon Flower Bold'; text-align: justify;line-height: 1.5em;}
.custom-div .section-2 {padding: 5em 0;}
.instructor-holder .section-2:before {content: url(img/right-flower.png); position: absolute; right: 0; top: 50%;}
.instructor-holder .section-2 .img-holder {position: relative;    z-index: 1;}
.instructor-holder .section-2 .img-holder:before {content: ''; background-image: url(img/flower1.png); width: 7em; height: 7em; background-repeat: no-repeat; background-size: contain; position: absolute; top: 6em; left: -0.5em; z-index: -1;}
.instructor-holder .section-2 .img-holder img {transform: rotate(370deg); -ms-transform: rotate(370deg); -moz-transform: rotate(370deg); -webkit-transform: rotate(370deg); -o-transform: rotate(370deg); height: 18em; object-fit: contain;}

.instructor-holder .section-2 .bottom-img {position: absolute; top: 30em; left: -5em;}
.bottom-img .img1 {width: 50%; display: inline-block; float: left; position: relative;}

.bottom-img .index2 img {transform: rotate(368deg); -ms-transform: rotate(368deg); -moz-transform: rotate(368deg); -webkit-transform: rotate(368deg); -o-transform: rotate(368deg); height: 14em; object-fit: contain;}
.bottom-img .index1 img {transform: rotate(352deg); -ms-transform: rotate(352deg); -moz-transform: rotate(352deg); -webkit-transform: rotate(352deg); -o-transform: rotate(352deg); height: 15em; object-fit: contain;}
.instructor-holder .section-2 .bottom-img .index2:after {content:''; background-image: url('img/flower2.png'); background-size: contain; background-repeat: no-repeat; width: 5em; height: 5em; position: absolute; bottom: -1em; left: -2em; z-index: -1;}
.index2 {z-index: 2;}
.index1 {z-index: 1; margin-left: -1.5em; margin-top: 0.5em;}

/*Grooming Page*/
.grooming-holder .header-title {padding: 1.3em 0 2.5em;}
.grooming-holder .section-1 .center-con {background: #ffe9a8;}

.custom-div .item {margin: 2em 0; padding: 0 1em;    width: 33%;display: inline-block;float: left;}
.custom-div .item .post-content .title-wrapper {/*padding: 2em 0;*/ padding: 1em 0;}
.custom-div .item .post-content .title-wrapper h3 {font-size: 1.5em;}
.custom-div .item .post-content .description-holder {padding: 1em 0.5em;/*min-height: 14em;*/ height: 10em; overflow: hidden; margin-bottom: 1em;}
.custom-div .item .img-holder {border-radius: 2em;overflow: hidden;}
.custom-div .item .img-holder img {height: 12em;object-fit: cover;}
.btn-view {margin-top: 1em;}
.btn-view button {padding: 0.8em 3em;}
.btn-view a {padding: 1em 4em;}
.custom-div .item .label-holder {margin-top: 1em;}
.custom-div .item .label-holder ul li {color: #ff7e93;display: inline-block;width: 30%;font-size: 1.5em;}

/*Post Holder*/
.pet-item li a {font-size: 1.5em!important;}
.pet-item li:last-child {max-width: 60%;}

.post-item {margin: 3em 0;}
.post-item li {width: 100%; max-width: 19%; display: inline-block; float: left; margin: 0 0 0 0.5em;}
.post-item li a {border: 1px solid #b2b2b2; color: #b2b2b2; border-radius: 5px; display: block; font-family: 'Moon Flower Bold'; font-size: 1.6em;}
.post-item li.active a, .post-item li:hover a, .post-item li:focus a {border: 2px solid #b1898d;color: #b1898d;}

.single-holder .single-content {padding-top: 8em;}
.single-holder .single-content .outline-title {width: 70%; margin: 0 auto;background: #f8ece7; padding: 1em; color: #ff7c95; font-size: 1.3em; position: relative;}
.single-holder .single-content .outline-title:before{content: ''; background-image: url(img/left-pink.png); background-repeat: no-repeat; background-size: contain; width: 4.5em; height: 4em; position: absolute; top: -1em; left: -1.3em;}
.single-holder .single-content .outline-title:after{content: ''; background-image: url(img/right-pink.png); background-repeat: no-repeat; background-size: contain; width: 4.5em; height: 4em; position: absolute; bottom: -1em; right: -1.5em;}
.single-holder .single-content .outline-title h3 {position: relative; display: inline-block;}
.single-holder .single-content .outline-title h3:before{content: url(img/left-heart.png); position: absolute; top: 0; right: 100%; margin-right: 10%;}
.single-holder .single-content .outline-title h3:after{content: url(img/right-heart.png); position: absolute; top: -0.4em; right: -2em;}
.single-holder .single-content .outline-content {padding: 3em 0;}
.single-holder .single-content .outline-content h4 {font-size: 2.5em;font-family: 'Moon Flower Bold';}
.single-holder .single-content .outline-content h3 {color:#000000;font-size: 2.5em; margin: 1em 0; color: #b1898d;}
.single-holder .single-content .outline-content p {text-align: justify;}

.h-icon li {list-style: none; position: relative; padding-left: 1.5em; margin: 0.3em 0;}
.h-icon li:before {content: url('img/heart.png'); position: absolute; left: 0;}
.grooming-holder .side-holder .side-img {border-radius: 50%; overflow: hidden; margin-bottom: 8em;}
.grooming-holder .side-holder .side-img img {height: 18em;object-fit: cover;}

/*Spa Page*/
.spa-title h1 {position: relative; padding: 0.6em 0;}
.spa-title h1:before {content: ''; background-image: url(img/dots.png); background-repeat: no-repeat; background-size: contain; width: 5em; height: 5em; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto;}
.spa-title h1:after {content: ''; background-image: url(img/dots.png); background-repeat: no-repeat; background-size: contain; width: 5em; height: 1em; position: absolute; bottom: -0.9em; left: 0; right: 0; margin: 0 auto;}
.spa-holder .section-1 .center-con {margin-left: 20em;}
.spa-holder .section-1 .center-con:before {content: ''; background-image: url(img/flower3.png); background-repeat: no-repeat; background-size: contain; width: 4em; height: 4em; position: absolute; top: -2em; right: 2.5em;}
.spa-holder .section-1 .center-con p {text-align: center;}
.spa-holder .section-2 {padding: 3em 0;}

/*Dental Page*/
.dental-title h1 {position: relative; display: inline-block;}
.dental-title h1:before {content: ''; background-image: url(img/flower4.png); background-repeat: no-repeat; background-size: contain; position: absolute;     top: -0.5em; width: 2em; height: 2em; right: 95%;}
.dental-title h1:after {content:''; background-image: url('img/flower5.png'); background-repeat: no-repeat; background-size: contain; position: absolute; top: -0.5em; left: 100%; margin-left: 10%; width: 2em; height: 2em;}
.pd-top {padding: 5em 0 0;}
.dental-holder .section-1 .center-con {background: #ffe9a8; padding: 2em 3em;margin-left: 20em;margin-top: 12em;}
.dental-holder .section-1 .center-con p {font-size: 2.5em;}
.dental-holder .section-2 {padding: 4em 0;}
.dental-holder .section-2:before {content: url(img/right-flower.png); position: absolute; right: 0; top: 30%;}
.dental-holder .section-2 .bottom-img .index1:after {content:''; background-image: url('img/flower2.png'); background-size: contain; background-repeat: no-repeat; width: 5em; height: 5em; position: absolute; bottom: -2.5em; left: -2em; z-index: -1;}
.dental-holder .section-2 span {color: #b1898d;font-family: 'OpenSans-Semibold';}
.dental-holder .section-2 .bottom-img {margin-top: 3em;}
.dental-holder .section-2 .index1 {margin-left: -1em;}
.dental-holder .section-2 .bottom-img img {height: 14em;}
.dental-holder .section-2 .table-responsive {margin-top: 3em;}
.dental-holder .section-2 table>thead {background: #ebd799;}
.dental-holder .section-2 table>thead>tr>th {font-family: 'OpenSans-Semibold';color: #9c906a;text-align: center;}
.dental-holder .section-2 table>thead>tr>th:nth-child(2) {border-right: 2px solid #ecd282; border-left: 2px solid #ecd282;}
.dental-holder .section-2 table>tbody>tr {background: #ffedb4;}
.dental-holder .section-2 table>tbody>tr>td {color: #3a3a3a;font-family: 'OpenSans-Semibold';text-align: center; border-top: 3px solid #ecd282;}
.dental-holder .section-2 table>tbody>tr>td:nth-child(2) {border-right: 2px solid #ecd282; border-left: 2px solid #ecd282;}

/*Colour Dye Page*/
.colour-title h1 {position: relative;display: inline-block;}
.colour-title h1:before {content: ''; background-image: url(img/left-f.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 0.3em; width: 30px; height: 30px; right: 100%; margin-right: 5%;}
.colour-title h1:after {content: ''; background-image: url(img/right-h.png); background-repeat: no-repeat; background-size: contain; position: absolute; bottom: 0.3em; left: 100%; margin-left: 10%; width: 15px; height: 15px;}
.colour-title h2 {position: relative; display: inline-block; color: #b1898d; margin-top: 0.3em;}
.colour-title h2:before {content: ''; background-image: url(img/left-h.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 0.3em; width: 20px; height: 20px; right: 100%; margin-right: 10%;}
.colour-title h2:after {content: ''; background-image: url(img/right-f.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; left: 100%; margin-left: 20%; width: 25px; height: 25px;}
.colour-holder .section-1 .left-img {bottom: 0;}
.colour-holder .section-1 .left-img img {height: 25em;}
.colour-holder .section-1 .center-con {background: #ffe9a8;margin-left: 19.1em;margin-top: 6em;}
.colour-holder .single-item .item-img img {transform: rotate(363deg); -ms-transform: rotate(363deg); -moz-transform: rotate(363deg); -webkit-transform: rotate(363deg); -o-transform: rotate(363deg); height: 18em; object-fit: contain;}
.colour-holder .section-2:before {content: url(img/right-flower.png); position: absolute; right: 0; bottom: 3em;}

/*Slick*/
.slick-dots {list-style-type: none; text-align: center;}
.slick-dots li { display: inline-block; margin: 0 .3em;}
.slick-dots li button {width: 10px; height: 10px; border-radius: 50%; background: #7f7b7c; font-size: 0; border: none;}
.slick-dots li.slick-active button {background: #000000;}

/*Gallery Page*/
.gallery-title .img-top img {height: 15px;object-fit: contain;}
.gallery-title h1 {position: relative; display: inline-block; padding-top: 0.5em;}
.gallery-title h1:before {content: ''; background-image: url(img/l-green.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 0.5em; width: 1em; height: 1em; right: 93%;}
.gallery-title h1:after {content:''; background-image: url('img/r-green.png'); background-repeat: no-repeat; background-size: contain; position: absolute; top: 0.5em; left: 100%; margin-left: 8%; width: 1em; height: 1em;}
.gallery-holder .section-1, .contactus-holder .section-1 {min-height: auto;padding-bottom: 2em;}
.gallery-con {padding: 5em 0; position: relative;}
.gallery-con .gallery-img {margin: 0.3em 0; width: 100%; max-width: 20%; display: inline-block; float: left; text-align: center;}
.gallery-con .gallery-img img {height: 11em;object-fit: contain; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.gallery-con .gallery-img:hover img {-webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95);}
.gallery-pagination {position: absolute; bottom: 2em; left: 0; right: 0;font-size: 0.8em;font-family: 'OpenSans-Regular';}
.gallery-pagination span.current {color: #fe9245;border: 1px solid #f5849a; border-radius: 50%; padding: 5px 10px;margin: 0 0 0 0.3em;}
.gallery-pagination a.page-numbers {border: 1px solid #f5849a;border-radius: 50%;padding: 5px 10px;color: #4d4d4d; margin: 0 0 0 0.3em;}
.gallery-pagination a.page-numbers:hover, .gallery-pagination a.page-numbers:hover i.fa {color: #fe9245;}
.gallery-pagination a i.fa {color: #f5849a;}
.gallery-pagination a.prev, .gallery-pagination a.next {padding: 5px 8px;}

/*Gallery Modal*/
.modal {background: #000c;}
.modal-img img {margin-top: 1em;}
/* .modal-img img {height: 18em;object-fit: contain;} */
/*.modal-dialog {margin: 12em auto;}*/
.modal-dialog a {position: absolute;right: 0;}
.modal-dialog button.close {border: 1px solid #fff; color: #fff; font-size: 2em; padding: 8px 14px; border-radius: 50%; opacity: 1;text-shadow: none;}
.modal-dialog button.close:hover {border: 1px solid #4d4d4d;color: #4d4d4d;}

/*News and Editorial Page*/
.news-title .img-top img {height: 2em; object-fit: contain; margin-left: 1em;}
.news-title h1 {line-height: 1.5em;position: relative; display: inline-block;}
.news-title h1:before {content: ''; background-image: url(img/l-arrow.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 1em; width: 1em; height: 1em; right: 100%;margin-right: 5%;}
.news-title h1:after {content:''; background-image: url('img/r-arrow.png'); background-repeat: no-repeat; background-size: contain; position: absolute; top: 1em; left: 100%; margin-left: 8%; width: 1em; height: 1em;}
.news-holder .text-holder {text-align: left;padding: 0.5em 0.5em 0.5em 0.3em;}
.news-holder .text-holder p {line-height: 1.3em;font-size: 0.9em;}
.news-holder .gallery-con .gallery-img {margin: 0.3em 0 2em;}
.news-holder .gallery-con .modal-text {width: 50%; margin: 0 auto}
.news-holder .gallery-con .modal-text p {color: #fff;}

/*Contact Us Page*/
.contact-title .img-top img {height: 2em;object-fit: contain;margin-bottom: 1em;}
.contact-title h1 {line-height: 1.5em;position: relative; display: inline-block;}
.contact-title h1:before {content: ''; background-image: url(img/orange-diamond.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 0.5em; width: 20px; height: 20px; right: 100%; margin-right: 5%;}
.contact-title h1:after {content: ''; background-image: url(img/star-shape.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: -0.3em; left: 100%; margin-left: 3%; width: 20px; height: 20px;}
.contactus-holder .contact-title .img-bottom, .enroll-holder .contact-title .img-bottom {left: 10em;}
.contact-title .img-bottom {position: absolute; bottom: -1em; right: 0; left: 25em;}
.contact-title .img-bottom img {height: 1em; object-fit: contain;}
.contactus-holder .contact-con {margin: 3em 0;font-size: 0.9em;}
.contactus-holder .contact-info {}
.contactus-holder .contact-info ul {font-size: 16px;}
.contactus-holder .contact-info ul p {line-height: 1.5em;font-size: 16px;}
.contactus-holder .contact-info ul.c-holder li:first-child {margin: 1em 0;}
.contactus-holder .contact-info ul.c-holder li:last-child a, .contactus-holder .contact-info ul.op-holder li span {color: #f5849a;font-size: 16px;}
.contactus-holder .contact-info ul.c-holder li a {color: #3a3a3a;font-size: 0.9em;}
.contactus-holder .contact-info .op {margin-top: 2em;}
.contactus-holder .contact-info ul.op-holder li {margin: 1em 0;}
.contactus-holder .contact-form {width: 70%; text-align: left;}
.contactus-holder .contact-form .c-form {margin: 1em 0;}
.contactus-holder .contact-form .c-form .f-right input[type=submit] {border: 0;display: block;padding: 1em 2.5em;}
.contactus-holder .con-img {position: absolute;right: -5em;bottom: 0;}
.contactus-holder .con-img img {height: 26em;object-fit: contain;}

/*Thank You Page*/
.ty-holder .contact-title .img-bottom {bottom: 0;}
.ty-holder .ty-content {padding: 5em 0;}
.ty-holder .ty-content h3 {font-size: 2.5em; margin-bottom: 0.5em;}
.ty-holder .ty-content a {margin-top: 3em;}

/*Enroll Page*/
.custom-form {padding: 3em 0; width: 70%;}
.custom-form h3 {margin-bottom: 0.5em; font-size: 1.8em;}
.custom-form p {margin-bottom: 0.8em;}
.custom-form label {color: #3a3a3a;font-family: 'OpenSans-Light';font-weight: 400;}
.custom-form .sec1 label span {font-size: 0.9em;}
.custom-form .canine span.wpcf7-list-item, .custom-form .feline span.wpcf7-list-item {margin: 0 0 0 1em;}
.enroll-form .sec1, .enroll-form .sec2, .enroll-form .sec3, .enroll-form .sec4, .enroll-form .sec5 {border-bottom: 1px solid #a5a5a5;}
.sec6 {padding: 2em 0;}
.custom-form .sec1, .custom-form .sec2, .custom-form .sec3, .custom-form .sec4, .custom-form .sec5 {padding: 2em 0 1em;}
.custom-form .sec4 .info1 span.wpcf7-list-item {display: block;}
.custom-form span.wpcf7-list-item {margin: 0 1em 0 0;}
.enroll-holder .custom-form .sec6 label.col-md-3 {padding-left: 0;}
.sec3 .info1 {margin-top: 1em;}
.sec3 .info1 .col-md-6 .form-group {margin-bottom: 5px;}
/*.sec3 .info1 label {width: 60%;}*/
.sec3 .info1 br {display: none;}
.sec3 .info1 strong {font-size: 0.9em;}
.sec3 .info1 .wpcf7-form-control-wrap {position: relative; /*width: 40%;*/ display: inline-block; float: right;}
.sec3 .info1 .a-type label {width: 40%;}
.sec3 .info1 .a-type .wpcf7-form-control-wrap {width: 60%;}
.sec3 .info1 .other-d label {width: auto;}
.sec3 .info1 .other-d .wpcf7-form-control-wrap {width: auto; float: none;}
.sec1 input[type="radio"], .sec6 input[type="radio"] {opacity:0;}
.sec1 input[type="radio"] + span::before, .sec6 input[type="radio"] + span::before {content:''; background: #fff; border: 1px solid #7c7c7c; display: inline-block; width: 15px; height: 15px; border-radius: 50%; margin: 0 4px -2px 0; cursor: pointer;}
.sec1 input[type="radio"]:checked + span::before, .sec6 input[type="radio"]:checked + span::before {content: '';background: #7c7c7c;}
span.pet-gender input[type="radio"], .sec6 input[type="radio"] {opacity:0;}
span.pet-gender input[type="radio"] + span::before, .sec6 input[type="radio"] + span::before {vertical-align:unset;content:''; background: #fff; border: 1px solid #7c7c7c; display: inline-block; width: 15px; height: 15px; border-radius: 50%; margin: 0 4px -2px 0; cursor: pointer;}
span.pet-gender input[type="radio"]:checked + span::before, .sec6 input[type="radio"]:checked + span::before {content: '';background: #7c7c7c;}
span.other-particular input[type="radio"], .sec6 input[type="radio"] {opacity:0;}
span.other-particular input[type="radio"] + span::before, .sec6 input[type="radio"] + span::before {content:''; background: #fff; border: 1px solid #7c7c7c; display: inline-block; width: 15px; height: 15px; border-radius: 50%; margin: 0 4px -2px 0; cursor: pointer;}
span.other-particular input[type="radio"]:checked + span::before, .sec6 input[type="radio"]:checked + span::before {content: '';background: #7c7c7c;}
span.other-particular, span.pet-gender, .sec1 span.wpcf7-list-item-label, .sec4 span.wpcf7-list-item-label, .sec6 span.wpcf7-list-item-label {margin-left: -0.8em;}
/*.sec1 input[type="radio"] + span::before {display:inline-block; height:10px; margin:0 4px 0 0; vertical-align:middle; cursor:pointer; }*/
.sec3 input[type="radio"] {opacity:0;}
.sec3 input[type="radio"] + span::before {content:''; background: #fff; border: 1px solid #a5a5a5; display: inline-block; width: 18px; height: 18px; text-align: center; margin: 3px 4px 0 0; cursor: pointer; font-size: 0.9em; vertical-align: top;}
.sec3 input[type="radio"]:checked + span::before {content: '\f00c'; font-family: 'FontAwesome'; color: #a5a5a5;}
.sec1 .info3 input[type="radio"] {opacity:0;}
.sec1 .info3 input[type="radio"] + span::before {border-radius:0;content:''; background: #fff; border: 1px solid #a5a5a5; display: inline-block; width: 18px; height: 18px; text-align: center; margin: 3px 4px 0 0; cursor: pointer; font-size: 0.9em; vertical-align: top;}
.sec1 .info3 input[type="radio"]:checked + span::before {content: '\f00c'; font-family: 'FontAwesome'; color: #a5a5a5;}
.sec4 input[type="radio"] {opacity:0;}
.sec4 input[type="radio"] + span::before {content:''; background: #fff; border: 1px solid #a5a5a5; display: inline-block; width: 18px; height: 18px; text-align: center; margin: 3px 4px 0 0; cursor: pointer; font-size: 0.9em; vertical-align: top;}
.sec4 input[type="radio"]:checked + span::before {content: '\f00c'; font-family: 'FontAwesome'; color: #a5a5a5;}
.submit-btn {padding-top: 2em;}
.submit-btn input[type=submit] {border: 0;display: block;padding: 0.8em 5em;}

/*Pet Boarding Page*/
.petboarding-holder .spa-title h1:before, .petboarding-holder .spa-title h1:after {width: 8em;}
.petboarding-holder .section-1 {padding: 3em 0;}
.petboarding-holder .section-1 .relative {z-index: 1;}
.petboarding-holder .section-1 .left-img {position: absolute;bottom: -8em;left: -13em; right: auto;}
.petboarding-holder .section-1 .left-img img {height: 23em; object-fit: contain;}
.petboarding-holder .section-1 .center-con {background: #dadfff; margin-left: 16em; margin-top: 7em; border-radius: 25px; padding: 2em;position: relative; top: 3em;}
.petboarding-holder .section-1 .after-img {position: absolute; bottom: -8em; right: 0; z-index: -1;}
.petboarding-holder .section-1 .after-img img {height: 7em; object-fit: contain;}
.petboarding-holder .section-1 .center-con p {color: #010101; font-size: 2.3em; font-family: 'Moon Flower Bold'; text-align: justify; line-height: 1.5em;}
.petboarding-holder .des-holder {text-align: justify;padding-top: 10em;}
.petboarding-holder .section-2 h3 {font-size: 2.5em;}
.petboarding-holder .table-content {padding: 3em; border-radius: 2em; margin: 2em 0;}
.petboarding-holder table>thead>tr>th:first-child {width: 30%;}
.petboarding-holder .table-content table>thead>tr>th:first-child {border-right: 1px solid #989898!important;}
.petboarding-holder .table-peak table>thead>tr>th {border-right: 0!important;}
.petboarding-holder .table-content table>thead>tr>th {vertical-align:top;font-family: 'OpenSans-Bold';border: 0;border-right: 1px solid #989898;padding: 5px 10px;}
.petboarding-holder .table-content table>tbody>tr>td {border-top: 0;border-right: 1px solid #989898;padding: 5px 10px 10px;}
.petboarding-holder table>thead>tr>th:last-child, .petboarding-holder table>tbody>tr>td:last-child {border-right: 0;}
.petboarding-holder .post-item {text-align: center;}
.petboarding-holder .post-item li:first-child {margin-left: 0;}
.petboarding-holder .tc-holder {padding: 3em 0;}
.petboarding-holder .tc-holder p {margin: 1.5em 0;}
.petboarding-holder .tc-holder .e-btn a {padding: 0.8em 1em; display: block; width: 12em; text-align: center;}

/*IE Browser*/
_:-ms-fullscreen, :root .home-holder .section-2 .center-con .center-img {padding: 3em 0;}
_:-ms-fullscreen, :root .gallery-title .img-top img {width: 80px;}
_:-ms-fullscreen, :root .home-holder .gallery-sec .gallery-slider .gallery-slick img {width: 11em;height: 11em;}
_:-ms-fullscreen, :root .home-holder .gallery-sec .gallery-slider img.controller {height: 3em;}
_:-ms-fullscreen, :root .home-holder .section-3 .page-holder img {width: 30%;}
_:-ms-fullscreen, :root .contact-title .img-bottom img {width: 1em;}
_:-ms-fullscreen, :root .contact-title .img-top img {width: 10em;}
_:-ms-fullscreen, :root .home-holder .section-2 .right-img img {width: 18em;}
_:-ms-fullscreen, :root .home-holder .section-2 .right-img {left: 55em;bottom: -3em;}
_:-ms-fullscreen, :root .home-holder .section-3 .c-img img {width: 30em;}
_:-ms-fullscreen, :root .petboarding-holder .left-img img {width: 28em;}
_:-ms-fullscreen, :root .custom-div .section-1 .left-img {left: -31em;}
_:-ms-fullscreen, :root .spa-holder .left-img img {width: 50em;}
_:-ms-fullscreen, :root .left-img img {width: 25em;}
_:-ms-fullscreen, :root .left-img {left: -31em;text-align: center;}
_:-ms-fullscreen, :root .home-holder .section-1 .img-holder img {width: 40em;}
_:-ms-fullscreen, :root .home-holder .section-1 .img-holder {text-align: center;} 



/*Responsive*/
/* Large Devices, Wide Screens */
/* @media only screen and (min-width : 992px) {
	.sec-height {height: auto;}
} */
/* For Ipad Media Query */
@media (min-width:1600px) {
	.sec-height {height: 93vh;}
}


@media only screen  and (min-device-width : 768px) and (max-device-width : 1024px)  {
	.sec-height {height: 93vh;}
}

@media only screen and (min-width: 992px) and (max-width: 1024px){
	.sec-height {height: 100%;}
}

@media only screen and (max-width : 1320px) {
    .home header {width: 16em;}
}

@media only screen and (max-width : 1199px) {
	.bottom-btn .f-right {float: left;}
	
	.pet-item li:last-child {max-width: 80%;}
	.petboarding-holder .table-content table>thead>tr>th {text-align: center;}
	.petboarding-holder .table-content table>tbody>tr>td {width: 20%;text-align: center;}
	.petboarding-holder .table-content {padding: 2em 1em;}
	.home-holder .course-holder {padding: 5em 0 0;}
	.bottom-btn .f-left input[type=submit] {padding: 1em 4em;}
	.arrow-right {right: 2.5em;}
	.arrow-left {left: 3em;}
	.instructor-holder .section-2 .img-holder:before {left: -1.5em;}
    .custom-form {width: 100%;}
    header {width: 17em;}
    .aboutus-holder .section-1 .center-con:before {width: 7em;height: 7em;bottom: -4em;right: 4em;}
    .aboutus-holder .section-1 .center-con .abs-img {right: 0em;}
    .aboutus-holder .section-1 .center-con .abs-img img {height: 11em;}
    .home-holder .course-holder .arrow-right {width: 2.5em; height: 2.5em; top: 45%; right: -1em;}
    .single-holder .single-content {padding-top: 0;}    
    .single-holder .single-content .outline-title {width: 100%;}
    .post-item li {max-width: 25%;margin: 0 0 1em 0.5em; float: none;}
    .grooming-holder .side-holder .side-img img {height: auto;object-fit: contain;}
    .page-holder .page-spa {left: -3em;}
    .page-holder .page-dental {left: 14em;}
    .page-holder .page-colour {right: 0;}
    .home-holder .section-2 .center-con .abs-img img {width: 57%;height: 19em;object-fit: contain;}
    .home-holder .section-2 .center-con .abs-img {right: -1em;top: 0;}
    .home-holder .section-2 .center-con:before {width: 8em; height: 7em; top: 3em; right: 1em; z-index: 2;}
    .home-holder .section-2 .center-con:after {bottom: -9em;}
    .home-holder .section-2 .right-img {left: 31em;bottom: -2em;}
    .home-holder .section-2 .right-img img {height: 10em;}
    .contactus-holder .contact-info {word-wrap: break-word;}
    .contactus-holder .contact-form {position: relative;z-index: 2;}
    .contactus-holder .con-img {right: -1.5em;z-index: 1;}
    .contactus-holder .contact-form {width: 65%;}
    .gallery-con .gallery-img {margin: 0.3em 0.5em;max-width: 17%;float: none;}
    .colour-holder.custom-div .section-1 .center-con {margin-left: 18em;}
    .dental-holder .section-2 .bottom-img .index1:after {bottom: -3.5em;}
    .dental-holder .section-2 .index1 {margin-left: -1.5em;}
    .dental-holder .section-2 .bottom-img img {height: 10em;}
    .dental-holder.custom-div .section-1 .center-con {margin-left: 14em;}
    .spa-holder.custom-div .section-1 .center-con {margin-left: 14em;}
    .wht-bg {width: 12em;}
    .custom-div .item {padding: 0 0.5em;}
    .grooming-holder.custom-div .section-1 .center-con {margin-left: 13em;}
    .custom-div .section-1 .center-con {margin-left: 11em;}
    .instructor-holder .section-2 .bottom-img {top: 36em;}
    .custom-div .section-1 .left-img {left: -18em;}
    .mx-1440 {width: 75%;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}

@media only screen and (max-width : 991px) {
	.news-title .img-top img {margin-left: 0;}
	.gallery-pagination {bottom: 0;}
	.sec-height {height: auto;}
	.gallery-con .gallery-img {max-width: 25%;}
	.home-holder .section-2 .center-con:after {right: 3em;}
	.home-holder .section-2 .right-img {left: 14em;}
	.pd-top {padding: 3em 0 0;}
	.colour-holder .single-item .item-img img {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);}
	.dental-holder .section-2 .bottom-img {margin-top: 0;}
	.dental-holder .section-2 .bottom-img img {height: auto;}
	.dental-holder .section-2 .bottom-img .index1:after {display: none;}
	.index1 {margin-left: 0;margin-top: 0;}
	.bottom-img .index1 img {transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg);height: auto;}
	.bottom-img .index2 img {transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); height: auto;}
    .btn-view {text-align: center;}
    .home-holder .course-holder .item {margin: 5em 0 0;}
    .home-holder .section-2 .center-con:before {width: 6em;right: 5em;}
    .home-holder .section-2 .center-con .abs-img {right: 0;}
    .custom-div .section-2 {padding: 2em 0;}
    .single-holder .single-content .outline-title:after {bottom: -1.5em; height: 3em; right: -0.5em; width: 3em;}
    .single-holder .single-content .outline-title:before {width: 3em; height: 2.5em; left: -0.5em; top: -0.7em;}
    .grooming-holder .side-holder .side-img {width: 28%; display: inline-block; margin: 1em 1em 1em 0;}
    .home-holder .course-holder .arrow-right {right: 0;top: 17em;}
    .page-holder .page-pet {bottom: 5em;right: 5em;}
    .page-holder .page-colour {right: 5em;bottom: -14em;}
    .page-holder .page-dental {bottom: -15em;left: 5em; width: 16em;height: 17em;}
    .page-holder .page-spa {bottom: 4em; left: 5em;}
    .home-holder .section-3 {background-image: none!important;    min-height: 65em;}
    .home-holder .section-1 .img-holder {left: 0;}
    .custom-form .sec6 .col-md-9 {padding-left: 0;}
    .custom-form .sec1, .custom-form .sec2, .custom-form .sec3, .custom-form .sec4, .custom-form .sec5 {padding: 1em 0;}
    .contactus-holder .contact-info {text-align: center;}
    .news-holder .gallery-con .gallery-img {max-width: 24%;}
    .gallery-con {padding: 2em 0; margin-bottom: 1em;}
    .petboarding-holder .section-1 .left-img img {height: 19em;}
    .petboarding-holder .section-1 .left-img {left: -5em;}
    .colour-holder .section-1 .left-img img {height: 18em;width: 20em;}
    .spa-holder.custom-div .section-1 .left-img {left: -3em;}
    .spa-holder.custom-div .section-1 .left-img img {height: 20em;width: 24em;}
    .custom-div .item {width: 50%;}
    .instructor-holder .section-2 .img-holder:before {display: none;}
    .instructor-holder .section-2 .bottom-img {top: 0; left: 0; position: relative;}
    .instructor-holder .section-2 .img-holder img {transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg);}
    .custom-div .section-1 .left-img {left: 0;}
    .aboutus-holder .section-1 .center-con .abs-img img {height: 13em;}
    .left-img img {width: auto;}
    .aboutus-holder .section-2 .img-holder:after {width: 12em; height: 12em; bottom: -2em; right: 0; left: 0; margin: 0 auto;}
    .aboutus-holder .section-1 .center-con .center-img {margin-left: 8em;}
    .aboutus-holder .section-1 .center-con:before {bottom: -4em; width: 8em; right: 3em;}
    .aboutus-holder .section-1 .center-con .abs-img {bottom: -11em;}
    .aboutus-holder .section-1 .center-con .abs-img {right: 0;}
    .aboutus-holder .section-2 .img-holder {margin-top: 0;}
    .left-img {right: auto;left: 0;}
    .mx-1440 {width: 100%;float: none;}

    /*Header*/
    header {display: none;}
    .hb-button {display: block;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 650px) {
	.pet-item li:last-child {max-width: 100%;}
    .home-holder .section-2 .content-holder h3 {margin-bottom: 0.5em;}
    .home-holder .section-2 .center-con .center-img {padding: 1em 0;margin-left: 0;background-image: none!important;}
    .home-holder .section-3 .c-img img {height: auto;}
    .home-holder .section-3 {padding: 0;}
    .post-item {margin: 1em 0;}
    .post-item li {max-width: 100%;margin: 0.5em 0;}
    .single-holder .single-content .outline-title h3 {padding: 0 0.8em;}
    .single-holder .single-content .outline-title h3:after {top: 0;right: 0;}
    .single-holder .single-content .outline-title h3:before {top: 0;right: auto;left: 0;margin-right: 0;}
    footer p, footer a, footer span {font-size: 12px;}
    footer .f-left, footer .f-right {float: none; text-align: center;}
    .contactus-holder .contact-form {width: 100%;text-align: center;margin: 2em 0;}
    .contactus-holder .con-img {display: none;}
    .news-holder .gallery-con .gallery-img {max-width: 48%;}
    .gallery-con .gallery-img {max-width: 40%;}
    .gallery-con .gallery-img img {height: auto;}
    .petboarding-holder .spa-title h1:before, .petboarding-holder .spa-title h1:after {width: 6em;}
    .petboarding-holder .section-1 .after-img {bottom: 10em;}
    .petboarding-holder .section-1 .left-img {left: 0;position: relative;right: 0;}
    .petboarding-holder .section-1 .left-img img {height: auto;}
    .petboarding-holder .section-1 .center-con {margin-left: 0; padding: 1em;}
    .petboarding-holder .section-1 .center-con {margin-top: 1em;}
    .custom-div .section-1 .center-con p {text-align: center;}
    .colour-holder.custom-div .section-1 .left-img img {height: auto;width: 100%;}
    .colour-holder.custom-div .section-1 .center-con {margin-top: 5em;margin-left: 0;margin-bottom: 2em;}
    .dental-holder .section-1 .center-con p {font-size: 2em; text-align: center;}
    .dental-title h1:after {top: 0;width: 1.5em;}
    .dental-title h1:before {top: 0; width: 1.5em; right: 100%;}
    .dental-holder.custom-div .section-1 .center-con {margin-left: 0;}
    .spa-holder.custom-div .section-1 .left-img {left: 0;}
    .spa-holder.custom-div .section-1 .left-img img {height: auto;width: 100%;}
    .spa-holder.custom-div .section-1 .center-con {margin-left: 0;}
    .custom-div .item .post-content .description-holder {height: auto;}
    .grooming-holder.custom-div .section-1 .center-con {margin-left: 0;}
    .custom-div .item {width: 100%; margin: 1em 0;}
    .custom-div .section-1 .left-img img {height: 25em;}
    .instructor-holder .section-2 .img-holder img {height: auto;}
    .instructor-holder .section-2 .bottom-img .index2:after {width: auto;}
    .custom-div .section-1 .center-con {margin-left: 0;margin-top: 2em;padding: 1em;}
    .header-title h1 {font-size: 1.3em;}
    .left-img {position: relative;margin: 0 auto;}
    .left-img img {width: 100%;}
    .center-con {margin-top: 1em;}
    .aboutus-holder .section-1 .center-con .abs-img {display: none;}
    .aboutus-holder .section-1 .center-con:after {display: none;}
    .aboutus-holder .section-1 .center-con:before {display: none;}
    .aboutus-holder .section-1 .center-con .center-img {background-image: none!important;margin-left: 0;padding: 0;}
}   

/* Custom, iPhone Retina */ 
@media screen and (min-width: 320px) and (max-width: 767px) {
	.aboutus-holder .section-2 .img-holder img {transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg);}
    .home-holder .section-2 .right-img {display: none;}
    .home-holder .section-2 .center-con .abs-img {display: none;}
    .home-holder .section-2 .left-img img {width: 100%;}
    .home-holder .section-2 .left-img {position: relative; margin: 0 auto;}
    .home-holder .section-2 .center-con:before {display: none;}
    .home-holder .section-2 .center-con:after {display: none;}
    .page-pet, .page-spa, .page-dental, .page-colour {bottom: 0!important; left: 0!important; right: 0; margin: 0 auto; position: relative!important; margin-top: 1em;}
    .contactus-holder .con-img {right: 0;}
    .news-holder .gallery-con .modal-text {width: 100%;}
}

@media only screen and (max-width : 460px) {
	.submit-btn {padding-top: 0;}
	.gallery-holder .section-1, .contactus-holder .section-1 {padding-bottom: 1em;}
	.bottom-btn .f-left, .submit-btn .f-left {float: none;}
	.bottom-btn .f-right, .submit-btn .f-right {float: none;}
	.petboarding-holder .section-1 .center-con p {font-size: 2em;text-align: center;}
	.aboutus-holder .section-1 .center-con .center-img p {font-size: 1.7em;}
	.home-holder .section-1 .second-title h2 {font-size: 2em;}
	.arrow-right {right: 0;top: 35%;}
	.arrow-left {left: 0;}
	.dental-holder .section-2 .index1 {margin-left: 0;}
	.bottom-img .img1 {width: 100%;float: none;}
    .sec3 .info1 .a-type label, .sec3 .info1 .a-type .wpcf7-form-control-wrap {width: 100%;}
    .news-title h1:after {margin-left: 0;}
    .news-title h1:before {margin-right: 0;}
    .contact-title .img-bottom {left: 12em;}
    .course-title h2:before {right: 90%;margin-right: 0;}
    .course-title h2 {padding: 0 0.5em;}
    .course-title h2:after {top: -0.8em;left: 90%;margin-left: 0;}
    .grooming-holder .side-holder .side-img {margin: 0.5em 1em 0.5em 0;}
    .side-holder {text-align: center;}
    .page-button ul {text-align: center;}
    .grooming-holder .header-title {padding: 2em 0 2.5em;}
    .boarding-holder .contact-title h1:before {right: 90%;}
    .contact-title h1 {font-size: 2.3em;}
    .contact-title h1:after {left: 90%;margin-left: 0;}
    .contact-title h1:before {right: 100%;margin-right: 0;}
}