@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Lato);

body { background:#fff;}


.desk-view {
	display: block;
}
.mobile-wrapper {
	display: none;
}




 @media only screen and (min-width:0px) and (max-width:768px) {
	 
	 
	 .item img { width:100%;} 
	 .icon-mob > p {
    color: #fff!important;
    float: left!important;
    margin: 7px 0!important;
    text-align: center!important;
    width: 100%!important;
}
.mobile-wrapper {
	display: block;
	background: #edecf4;
	width: 100%;
	float: left;
	margin: 0 auto;
	box-sizing: border-box;
}
.mobile-wrapper-innre {
	display: block;
	background: #edecf4;
	width: 98%;
	border: 1px solid #000;
	margin: 0 auto;
	box-sizing: border-box;
	background: #C90;
}
.mobile-wrapper h2 {
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 0;
}
.desk-view {
	display: none;
}
.logo-mob {
	width: 100%;
	float: left;
	text-align: center;
	margin: 20px 0 0px;
	box-sizing: border-box;
}
.logo-mob img {
	max-width: 100%;
	box-sizing: border-box;
}
.mob-nav {
	width: 100%;
	float: left;
	text-align: center;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.home-mob-innr {
	width: 98%;
	text-align: center;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	margin: 0 auto;
	box-sizing: border-box;
}

.main-content {
	width: 98%;
	height: 23%;
	background: #fff;
	text-align: center;
	float: left;
	border-radius: 10px;
	margin-right: 5px;
	padding: 15px 7px;
	color: #353535;
	box-sizing: border-box;
}

.main-content h3{ color: #152654; font-family: "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,"AppleGothic",sans-serif; font-size:21px; font-weight:bold; text-transform:none;} 

.main-content p{ color: #000; font-family: "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,"AppleGothic",sans-serif; font-size:16px;  text-transform:none;} 



.mob-nav i {
	font-size: 38px;
}
.home-mob {
	width: 31.3%;
	height: 23%;
	background: #11407a;
	text-align: center;
	float: left;
	border-radius: 10px;
	margin-right: 5px;
	padding: 15px 7px;
	color: #fff;
	box-sizing: border-box;
}
.about-mob {
	box-sizing: border-box;
	width: 31.3%;
	height: 23%;
	background: #3a3a3c;
	text-align: center;
	float: left;
	border-radius: 10px;
	margin: 0 1.2%;
	padding: 15px 7px;
	color: #fff;
}
.boarding-mob.services {
	box-sizing: border-box;
	width: 31.3%;
	height: 23%;
	background: #1c1c1c;
	text-align: center;
	float: left;
	border-radius: 10px;
	margin-left: 5px;
	padding: 15px 7px;
	color: #fff;
}
.testimonial {
	box-sizing: border-box;
	width: 25%;
	height: 23%;
	background: #3d92a7;
	text-align: center;
	float: left;
	border-radius: 10px;
	padding: 15px 7px;
	color: #fff;
}
.gallery-mob {
	box-sizing: border-box;
	width: 49%;
	height: 23%;
	background: #003366;
	text-align: center;
	float: left;
	border-radius: 10px;
	margin-right: 5px;
	padding: 5px;
	color: #fff;
	
	background-size: cover;
}

.contact-tab {
	box-sizing: border-box;
	width: 49%;
	height: 23%;
	background: #11407a;
	text-align: center;
	float: left;
	border-radius: 10px;
	margin-left: 5px;
	padding: 15px 7px;
	color: #fff;
	
	background-size: cover;
}
.contacttt {
	box-sizing: border-box;
	width: 50%;
	height: 23%;
	background: #003366;
	text-align: center;
	float: left;
	border-radius: 10px;
	margin-right: 5px;
	padding: 5px;
	color: #fff;
}
.icon-mob {
	width: 100%!important;
	float: left;
	min-height: 47px;
	box-sizing: border-box;
}
.icon-mob-2 {
	width: 100%!important;
	float: left;
	min-height: 118px;
	box-sizing: border-box;
}
.contact-bg {
	width: 100%;
	float: left;
	box-sizing: border-box;
	height: 23%;
	background: #9ab6df;
	text-align: center;
	margin-bottom: 5px;
	border-radius: 10px; padding:5px 0; color:#fff;
}
.call-bg {
	 color:#fff;
	padding:5px 0;
	width: 100%;
	float: left;
	box-sizing: border-box;
	background: #666;
	height: 23%;
	background: #18388a;
	text-align: center;
	border-radius: 10px;
}
.contact-mob-outer {
	width: 49%;
	float: left;
	box-sizing: border-box;
}
.slider-bg {
	width: 100%;
	float: left; background:#fff; margin-bottom:10px; padding:5px; box-sizing:border-box;
}
.hour-mob {
	box-sizing: border-box;
	width: 49%;
	height: 23%;
	background: #9ab6df;
	text-align: center;
	float: left;
	border-radius: 10px;
	margin-right: 5px;
	padding: 5px;
	color: #fff;
	
	background-size: cover;
}

.info-mob {
	box-sizing: border-box;
	width: 49%;
	height: 23%;
	background: #003366;
	text-align: center;
	float: left;
	border-radius: 10px;
	
	padding: 5px;
	color: #fff;
	
	background-size: cover;
}

.hour-mob h3 { font-size:15px; font-weight:bold; text-transform:uppercase; color:#18388a; margin-bottom:15px;}
.hour-mob p { font-size:13px; font-weight:bold;  color:#353535; font-weight:normal; text-align: left;}
.icon-mob-img { width:100%; float:left; text-align:center; min-height:47px; vertical-align:middle;}
.icon-mob-img img { width:38%; margin:0 auto;} 

.info-mob > h3 {
    padding: 15px 3px;
}
.fonttx.boarding-hd li {
    line-height: 21px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: none;
}
.fonttx.boarding-hd > h2 {
    text-transform: none;
}


.slider-outer {
    float: left;
    width: 100%;
}

.phonenumb{
    float: left;
    width: 100%;
}


/** New Style **/

.phonenumb{
    color: #11407a;
    font-family: Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif;
    font-size: 22px;
    font-weight: bold;
	 text-align:center;
	 margin:10px 0;
}

.home-mob.testimonial {
    width: 47%;
}
.about-mob.contact {
    width: 48%;
}

.fonttx h3 {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #d4c196;
    text-decoration: none; margin:10px 0;
}

.sub-btn { width:234px; background:#d4c196; color:#960; margin:10px 0; border:1px solid #006; border-radius:50px;}
.footer { background:#11407a; box-sizing:border-box; padding:10px ;}
.fot-li { width:100%; float:left; border-bottom:1px solid #fff; color:#d9e6ee; padding:10px 0;}
}
 @media only screen and (min-width:0px) and (max-width:480px) {
.grooming-mob {
	width: 24%;
}

.boarding-mob {
	width: 23%;
}

.info-mob { width:48%;}
.hour-mob {	width:49%;}
	
.icon-mob-img { width:100%; float:left; text-align:center; min-height:47px; vertical-align:middle;}
.icon-mob-img img { width:60%; margin:0 auto;} 	


.info-mob > h3 {
    padding: 15px 0px;
}


.fonttx.boarding-hd > h2 {
    font-size: 15px;
    margin: 11px 0; font-family: "Lato",sans-serif; text-transform:none;
}
.fonttx.boarding-hd li { text-transform:none; text-align:left;}

	
}


 @media only screen and (min-width:480px) and (max-width:766px) {
	 .grooming-mob { width:24%;}
	 .info-mob > h3 {
    padding: 24px 3px;
}
	 
	 }