/*
  Media Queries
*/

@media only screen and (min-width: 1500px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1500px),
only screen and (min-resolution: 192dpi) and (min-width: 1500px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (min-width: 1500px) {

	h1.home-h1 {
	    left: 100px;
	}

}

@media only screen and (max-width: 1400px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1400px),
only screen and (min-resolution: 192dpi) and (max-width: 1400px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 1400px) {

	h1.home-h1 {
	    font-size: 32px;
	    line-height: 42px;
    }

    .home-words .slick-list .slick-track {
	    height: 27px;
	    width: 118px !important;
	}

}

@media only screen and (max-width: 1200px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px),
only screen and (min-resolution: 192dpi) and (max-width: 1200px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 1200px) {

	#logo {
		width: 200px;
	}

	.logo-small {
		padding-left: 40px;
	}

}

@media only screen and (max-width: 1024px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min-resolution: 192dpi) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 1024px) {

	.advert-wrap .advert-pod {
	    font-size: 32px;
	    line-height: 44px;
	}

	#nav a {
	    font-size: 16px;
	    line-height: 16px;
	    padding: 20px 16px 16px;
	}

}

@media only screen and (max-width: 960px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 960px),
only screen and (min-resolution: 192dpi) and (max-width: 960px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 960px) {

	span.second-part {
	    clear: both;
	    float: left;
	}

}

@media only screen and (max-width: 900px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 900px),
only screen and (min-resolution: 192dpi) and (max-width: 900px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 900px) {

	.logo-small {
		padding-left: 10px;
	}

	.left-panel {
	    left: -150px;
	}

	.bb-inner-thin {
		width: 29.3333333333%;
	}

	.bb-inner-wide {
		width: 64.6666666667%;
	}

}

@media only screen and (max-width: 768px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px),
only screen and (min-resolution: 192dpi) and (max-width: 768px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 768px) {

	h1.home-h1 {
	    font-size: 26px;
	    line-height: 38px;
	}

	.desktop-menu {
		display: none;
	}

	.mobile-menu-button {
		display: block;
	}

	.left-panel {
		top: -40px;
	    height: 90vh;
	}

	.logo-small {
	    padding-left: 5px;
	    padding-top: 0;
	    margin-top: -5px;
	}

    .home-words .slick-list .slick-track {
		height: 24px;
		width: 115px !important;
	}

}

@media only screen and (max-width: 707px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 707px),
only screen and (min-resolution: 192dpi) and (max-width: 707px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 707px) {

	.page-title h1 {
	    font-size: 40px;
	    line-height: 50px;
	}

	h2 {
	    font-size: 28px;
	    line-height: 38px;
	}

	.top-section p {
	    font-size: 22px;
	    line-height: 32px;
	}

}

@media only screen and (max-width: 640px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 640px),
only screen and (min-resolution: 192dpi) and (max-width: 640px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 640px) {
	
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12,
	.advert-wrap .advert-pod,
	.bb-inner-thin,
	.bb-inner-wide {
		width:100%;
		margin-bottom: 0;
	}

	/*h1 {
		font-size: 60px;
		line-height: 80px;
	}

	h2 {
		font-size: 32px;
		line-height: 44px;
	}*/

	h3,
	#footer .phone {
		font-size: 24px;
		line-height: 36px;
	}

	#footer .email {
		font-size: 18px;
		line-height: 30px;
	}

	.top-section p {
	    font-size: 20px;
	    line-height: 32px;
	}

	.main-section h2 {
	    padding-bottom: 0px;
	}

	.lefter-mob {
		text-align: left;
	}

	.extrabotmob {
		margin-bottom: 10px;
	}

	.grey-area p {
		margin: 0 0 24px;
	}

	body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
		line-height: inherit;
    	min-height: 0;
	}

	/*.mobile-menu-button {
	    top: 15px;
	    right: auto;
	    left: 50%;
	    margin-left: -24px;
	}*/

	#header {
		top: 0px;
		text-align: center;
	}

	.mobile-menu {
	    top: -100vh;
	    left: 0;
	    right: 0;
	    bottom: auto;
	    width: auto;
	    height: 100vh;
	}

	.mobile-menu.mobile-menu-on {
		top: 0;
	}

	.mobile-menu .ablock-text {
		text-align: center;
	}

	.image-run-3 .image-podder {
	    width: 100% !important;
	}

	.main-footer {
		text-align: center;
	}

	#footer .mailing-list {
		padding-top: 40px;
	}

	/*h1.home-h1 {
	    font-size: 22px;
	    line-height: 32px;
	}*/

}

@media only screen and (max-height: 700px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-height: 700px),
only screen and (min-resolution: 192dpi) and (max-height: 700px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-height: 700px) {

	#mobnav li a, #mobnav ul li a {
	    font-size: 24px;
	    line-height: 28px;
	}

	#mobnav li, #mobnav ul li {
	    padding: 7px 0;
	}
		
}

@media only screen and (max-height: 600px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-height: 600px),
only screen and (min-resolution: 192dpi) and (max-height: 600px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-height: 600px) {

	.hombo, .hombo .home-picture {
	    height: 600px !important;
	}

	.hombo-hs {
	    margin-top: 600px;
	}
		
}

@media only screen and (max-width: 480px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 480px),
only screen and (min-resolution: 192dpi) and (max-width: 480px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 480px) {

	#mobnav li a, #mobnav ul li a {
	    font-size: 24px;
	    line-height: 28px;
	}

	#mobnav li, #mobnav ul li {
	    padding: 7px 0;
	}

	h1 {
	    font-size: 40px;
	    line-height: 50px;
	}

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

	.logo-small {
	    padding-left: 5px;
	    padding-top: 0;
	    margin-top: 5px;
	}

	#logo {
	    width: 150px;
	}

	.left-panel {
		display: none;
	}

	.bluebox {
		padding: 20px;
	}
		
}

@media only screen and (max-width: 400px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 400px),
only screen and (min-resolution: 192dpi) and (max-width: 400px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 400px) {

	h1.home-h1 {
	    left: 0;
	    bottom: auto;
	    top: 190px;
	    border-right: none;
	}

}



@media only screen and (max-height: 420px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-height: 420px),
only screen and (min-resolution: 192dpi) and (max-height: 420px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-height: 420px) {

	.mobile-menu {
	    overflow-y: scroll;
	    padding: 40px 0;
	}

	.mobile-menu .ablock-overlay {
		position: relative;
	}
		
}

