/* Uncle Bills - Phablet CSS (769-959) */


h1 {
	font-size: 38px;
}

/**** Header ****/

.header {
	background-color: #0399b4;
}

/* Top Nav */

#Header .header .topnav-bg .topnav-wrapper {
    width: 90%;
}

/* Social-Search */
.social {
	right: -12%;
}

/* Main Nav Bar */
.logo a:hover,
.logo a:active {   
	background-image:url(uncle-bills-logo-clear.png);   
	height: 81px;
	width: 207px;
	top:0px;
	left:0px;
}

.responsiveHide {display: block;}

.mainnav-bar .sf_2cols_1_25 {width:50%;}
.mainnav-bar .sf_2cols_2_75 {width:100%;}

.sfNavWrp {
  width: 100%;
  float: left;
  right: 0;
  left: 0;
}
.mainnav {
	position: relative;
	top:4px !important;
}
.mainnav ul {
	padding: 0px;
	margin: 0 0 60px 0;
	position: relative;
	top: 10px;
	left: 0;
	width: 100%;
	z-index:0;
	float:none;
}
.mainnav li {	
	margin:0;
}
.mainnav .k-menu .k-item>.k-link {
	line-height: 1em;
}
.mainnav li a {
	line-height: 2em !important;
}
.mainnav li a:link,
.mainnav li a:visited {
	padding: 0px !important;
}
.mainnav li a:hover,
.mainnav li a:active {
	background-image:none !important;   
	color: #000;
	padding: 0px !important;
}
.mainnav ul ul {
	z-index:9999;	
}
.mainnav li li {
	padding:0px;
	margin: 0;
}
.mainnav li li a {
	line-height: 1em !important;
}
.mainnav li li a:hover,
.mainnav li li a:active {
	color: #000;
	padding: 0 0 0 16px !important;
	line-height: 1.7em !important;
	font-weight:bold;
	
}
.sfNavWrp .sfNavToggle {
	color: transparent;
    width: 45px;
    font-family: 'Source Sans Pro', sans-serif;
    display: block;
    font-size: 28px;
    background: url(mobile-menu.gif) no-repeat left;
    height: 28px;
}
.mainnav .k-state,
.mainnav .state-hover,
.mainnav .k-state-hover,
.mainnav .k-state-hover:hover {
	background-image: none !important;
	background-color: #0399b4 !important;
}
.mainnav .k-menu .k-group {
  -webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,0.3) !important;
  box-shadow: 0 0px 0px 0 rgba(0,0,0,0.3) !important;
}

/** End Header **/

/** Content **/

#Content {
	position: relative;
	/*top:-28px;*/
}

/*** Slider ***/

#slider1_container {
  height: 340px !important;
}

/*.galleria-container {
	height:300px !important;
}
.galleria-image img {
	width: auto !important;
	height:300px !important;
}*/ 

/*** Page Styles ***/

/*** Home ***/

.home-callout {
	font-size: 17px;
}
.home-puppy-ad {
	font-size: 18px;
}
.home-puppy img {
	max-width: 272px;
	margin-top: 5%;
}

.home-locations .sf_2cols_1_50,
.home-locations .sf_2cols_2_50 {
	width: 100%;
	float: left;
}
.home-locations .sf_2cols_2_50 .sf_2cols_2in_50 {
	margin-left: 0px;
}
.home-txtimg .sf_2cols_1_67 {
	float: left;
	width:100% !important;
	max-width:880px;
}
.home-txtimg .sf_2cols_2_33 {
	width:100% !important;
	max-width:370px;
	float: none;
	margin: 3% auto 0;
}
.home-img .sf_3cols_1_33,
.home-img .sf_3cols_2_34,
.home-img .sf_3cols_3_33 {
	width:100% !important;
	max-width:370px;
	float: none;
	margin: 3% auto 0;
}

/*** Dog Landing Page ***/

.dog-content .sf_2cols_1_75 {
	float: left;
	width:100% !important;
	max-width:880px;
}
.dog-content .sf_2cols_2_25 {
	width:100% !important;
	max-width:330px;
	float: none;
	margin: 0 auto;
}
.dog-content h1 {
	font-size: 38px;
	line-height: 52px;
}

/** Aquatic Main Page **/

.aquatic-callout-header h2 {
	font-size: 14px;
	line-height: 18px;
	height: 3.5em; 
}

/** Item **/
.sfproductMainImgWrp a img {
	width: 100%;
}

/* End Content */

/*** Footer ***/

.footer-wrapper .sf_3cols_2_34 {
	width: 42% !important;
}
.footer-wrapper .sf_3cols_3_33 {
	width: 38% !important;
}
.footer-logo,
.footer-social {
	padding: 0;
}
.copyright {
	font-size: 14px;
}
/***********************************/ 
.mobile-menu.active #menu {
     display: block;
 }

/*** Small Animals Template ***/

.content .content-wrapper .small-animals-content .for-sale .sfContentBlock h2 {
    font-size: 24px;
    line-height: 30px;
}
.content .content-wrapper .small-animals-content .for-sale .sfContentBlock ul {
    margin-left: 0;
    padding-left: 0;
}

/** Reptiles Page **/

#Content .content .content-wrapper .subpage-content .reptiles-left { width: 100%; }
#Content .content .content-wrapper .subpage-content .reptiles-right { width: 100%; }


/*** Puppies Page ***/
.sfproductInfoWrp .puppyVideoBtn {
    padding-left: 50%;
}