/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */




/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

#intro { background-size: 236px 315px; }

#menu > ul > li > a { padding: 12px 10px; }

#menu a,
#menu a:visited,
#menu a:focus { font-size: 15px; }

#slideshow .flexslider { min-height: 278px; }

#slideshow .flex-overlay { margin-top: -250px; }

#slideshow .flex-control-nav { top: 255px; }

#slideshow.flexslider .slides { min-height: 350px; }

#slideshow h2 { font: 400 22px/1.2 'Roboto', Arial, sans-serif; }

#cyanBox {
 background-image: none;
 min-height: 100px;
}

#search input[type="text"] { width: 120px; }

#search input[type="text"]:focus { width: 130px; }

#intro h3 {
 font-size: 19px;
 font-weight: 400;
 line-height: 1.1;
 margin-bottom: 10px;
}

#homeCTA h3 { padding: 100px 15px 0; }

#hpsLeft h2 { height: 187px; }

#hpStories h2 { font-size: 21px; }

#hpsLeft p a,
#hpsLeft p a:visited { font-size: 15px; }

#mainHeader h1 { font-size: 23px; }

#mainHeader h2 { font-size: 20px; }

#lcMagTxt h3, #lcMagTxt p {
 font-size: 21px;
}

#hDoctify img {
 max-width: 120px;
}

#doctify {
 max-width: 158px;
}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

/*.nav-header {
 height: 100%;
 margin: 0 0 20px 0;
}

.nav-header li a { font: 600 16px/1.8 'Roboto', Arial, sans-serif; }*/

#search .searchButton { margin-top: 10px; }

#search-results .resultsCount { margin-top: 40px; }

#mainNav { background: none; }

#mainNav { margin-bottom: 7px; }

#menu > ul > li { margin: 0 5px 5px 0; }

#menu > ul > li > a,
#menu > ul > li:first-child > a { border: none; }

#menu > ul > li:last-child > div { left: -119px; }

#hContact,
#gTrans { display: none; }

#intro { background: none; }

#introInner img {
 float: left;
 margin: 0 15px 0 0;
 width: 40%;
 display: block;
}

#intro h3 {
 font-size: 16px;
 font-weight: 500;
}

#lcMagTxt h1 {
 font-size: 29px; 
 margin-top: 20px;
}

#lcMagTxt h3 {
 font-size: 16px;
 font-weight: 500;
}

#lcMagTxt p {
 font-size: 16px;
}

#slideshow .flex-overlay { margin-left: 0; }

#slideshow .flexslider .slides { min-height: auto; }

#slideshow .flex-control-nav { display: none; }

#home #mcWrapper { padding-top: 20px; }

#homeCTA > a > div {
 min-height: 10px;
 text-align: left;
 padding-bottom: 20px;
}

#homeCTA .hCTA { background-position: 95% center; }

#homeCTA h2 {
 font-size: 29px;
 margin-bottom: 15px;
 padding: 0 10px;
}

#homeCTA h3 { display: none; }

#homeCTA p.readMore {
 margin: 19px 10px 0;
 padding: 8px;
 display: inline;
}

#hConditions h1,
#hpsTitle h1 { font-size: 29px; }

.hCondPanel h1,
.hCondPanel h3 { text-shadow: 2px 2px 2px #000; }

.hCondPanel h3 {
 font-weight: 500;
 height: unset;
 margin-bottom: 10px;
 width: unset;
}

.hCondPanel { }

#hpStories {
 background: #eee url(../images/patient-barry.png) right -1px / auto 95% no-repeat;
 margin-bottom: 20px;
 min-height: auto;
 padding: 10px 0;
}

#hpsLeft { display: none; }

#hpsLeft h2 { display: none; }

#hpsLeft p a,
#hpsLeft p a:visited {
 font-size: 16px;
 font-weight: 600;
}

#navBar .nav {
 height: 100%;
 float: left;
}

#navBar .nav li { margin: 0 5px 25px; }

#navBar .nav li:before { content: ''; }

#navBar .nav li a {
 background: #ece9e6;
 padding: 5px 10px;
}

#slideshow { /*background: url(../images/home-slide2.jpg) right top no-repeat; */ }

#search { float: left; margin-bottom:
}

#search form { margin: 0; }

#search input[type="text"] { border: 1px solid #ccc; }

#search input[type="text"]:focus { width: 342px; }

#hDoctify {
 display: none;
}

#hDoctifySS {
 display: block;  
}

#hDoctifySS img {
 max-width: 70%;
 padding: 10px;
 margin: 20px auto 0;
 float: left;
 border: 1px solid #040707; 
}

#doctify {
 max-width: 198px;
}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

#logo img {
/* margin: 0 0 10px 80px;
 width: 240px;*/
}

#search input[type="text"],
#search input[type="text"]:focus,
#search-results input.ccm-search-block-text[type="text"] { width: 361px; }

#menu > ul > li > a {
 border: none;
 padding: 12px 30px;
}

#menu > ul > li:last-child a { padding: 12px 40px; }

#menu > ul > li:nth-child(3) > div { left: -1px; }

#slideshow .flexslider { min-height: 135px; }

#slideshow .flex-overlay { margin-top: -135px; }

#slideshow h1 { font-size: 24px; }

#slideshow h2 {
 font-size: 17px;
 width: 50%;
}

#hConditions .hCondPanel {
 height: unset;
 background-size: 100% auto;
}

#hpsRight h2 {
 height: auto;
 width: 65%;
}

#hpStories h2 { font-size: 23px; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

#menu > ul > li > a { padding: 12px; }

#menu > ul > li:last-child a { padding: 12px 22px; }

#menu > ul > li:last-child > div { left: -119px; }

#menu > ul > li:nth-child(3) > div { left: -37px; }

#search input[type="text"],
#search input[type="text"]:focus,
#search-results input.ccm-search-block-text[type="text"] { width: 253px; }

#slideshow .flexslider { min-height: 112px; }

#slideshow h1 { font-size: 21px; }

#hConditions .hCondPanel {
 height: unset;
 background-size: auto 100%;
}

#hpStories { background: #eee url(../images/patient-barry.png) right 29px / auto 80% no-repeat; }

#slideshow .flex-overlay { margin-top: -100px; }

#slideshow h2 {
 font-size: 14px;
 width: 50%;
}

#hpsRight h2 {
 height: auto;
 width: 60%;
}

}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('https://peterbullockneurosurgery.co.uk/themes/peter_bullock_2017/fonts/FontName.eot');
	    src: url('https://peterbullockneurosurgery.co.uk/themes/peter_bullock_2017/fonts/FontName.eot?iefix') format('eot'),
	         url('https://peterbullockneurosurgery.co.uk/themes/peter_bullock_2017/fonts/FontName.woff') format('woff'),
	         url('https://peterbullockneurosurgery.co.uk/themes/peter_bullock_2017/fonts/FontName.ttf') format('truetype'),
	         url('https://peterbullockneurosurgery.co.uk/themes/peter_bullock_2017/fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/