/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.logo:hover,.logo.active {
		background:none;
		position: absolute;
		z-index: 10;
	}
	.device-hidden{
		display: none;
	}

	.advancedscroller .bulletsCon span.bullet {
		width: 24px;
		height: 24px;
		background-repeat: no-repeat;
		background-position: 0 0%;
		background-color: transparent;
		background-image: url(../js/advancedscroller/img/bullet_large.png);
		display: inline-block;
		margin-right: 3px;
	}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.device-hidden{
		display: none;
	}
	.single .device-wrap{
		/*        width: 100% !important;
				overflow: hidden !important;
				margin: 0 auto;*/
	}

	.advancedscroller .bulletsCon span.bullet {
		width: 24px;
		height: 24px;
		background-repeat: no-repeat;
		background-position: 0 0%;
		background-color: transparent;
		background-image: url(../js/advancedscroller/img/bullet_large.png);
		display: inline-block;
		margin-right: 3px;
	}
}

@media only screen and (max-width: 1400px) {
	.word-for-it
	{
		background: none !important;
	}
}

@media only screen and (max-width: 960px) {
	.wrap {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		/*overflow: hidden !important;*/
	}
	.device-hidden {
		display: none !important;
	}

	/*.slider.of-wrap {
		position: relative;
		margin: 0 auto !important;
		left: inherit !important;
		top: 0px;
	}
	.slider.of-wrap {
		display: none !important;
	}
	.slides_container {
		height: auto !important;
	}
	.slider.of-wrap,
	.slider.of-wrap .slides_container,
	.slider.of-wrap .slides_control,
	.slider.of-wrap .slide {
		width: 100% !important;
	}
	.slider .slides_container .slide .center-me img {
		width: 100% !important;
		height: auto;
		margin-left: 0px !important;
	}
	.slider a.prev,
	.slider a.next {
		top: 30% !important;
	}*/


	.stats-box
	{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}

	.window-quote-space,
	.dropdown-footer-item {
		width: auto;
		height: auto;
	}

	.drop-down-inner.hover-logo,
	.drop-down-inner.drop-logo {
		width: 100%;
	}
	.drop-down .drop-down-inner.drop-logo .sep {
		display: none;
	}
	.drop-down .back-home-button,
	.drop-down .about-button,
	.drop-down .social-area {
		position: relative;
		right: 0;
		float: none;
		margin-top: 25px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
		text-align: center;
	}
	.drop-down .social-area {
		width: auto;
	}
	.drop-down p.nimbus-18,
	.drop-down .social-area p {
		float: none;
		margin: 0;
	}
	.drop-down .social-icon,
	.drop-down .social-area a {
		float: none;
		display: inline-block;
		margin: 0;
		margin-right: 2px;
	}



}








@media only screen and (max-width: 920px) {

	.home img.awards {
		display: none;
	}
	#logo-wrap {
		position: relative;
		float: left;
	}
	.logo,
	.logo:hover,
	.logo.active {
		margin-top: 10px;
		padding: 0;
		background: none;
	}
		.promo #logo-wrap {
			left: 0;
			margin-bottom: 15px;
		}
	.top-nav {
		float: left !important;
		overflow: hidden;
		margin-top: 15px !important;
		margin-bottom: 0 !important;
		width: 100%;
	}
		.promo .top-nav {
			clear: none !important;
			float: right !important;
			width: auto !important;
		}
	#menu-main-menu.menu {
		padding-bottom: 15px;
		white-space: nowrap;
		overflow-x: scroll; /* has to be scroll, not auto */
		-webkit-overflow-scrolling: touch;
	}
	.menu ul.top-nav li {
		float: none;
	}
	.menu ul.top-nav li a {
		display: inline-block;
	}
	.menu ul.top-nav li.promo-nav-phone-li,
	.menu ul.top-nav li.promo-nav-phone-li:hover {
		padding-top: 15px;
	}

	.stats-box {
		width: 25%;
	}

	.homestar p {
		margin-bottom: 30px;
	}
	.homestar p.award-image-bar {
		margin-bottom: 0;
	}

	.home.page .advanced .eguide_image {
		display: none;
	}

	.contact-left {
		width: 55%;
	}
	.contact-right {
		width: 40%;
	}
	.bottom-email {
		clear: both;
		display: block;
		margin-left: 0;
		margin-top: 10px;
	}

	.page .page-banner-inner,
	.page .page-banner-inner .single-featured-image {
		height: auto;
	}
	.page .page-banner-inner .single-featured-image {
		width: 100%;
	}
		.page .page-banner-inner .single-featured-image img {
			max-width: 100%;
			height: auto;
		}

	.eguide #content .gform_wrapper {
		margin-right: 0;
	}
	.eguide #content .eguide-bottom .content_area {
		width: auto;
		margin-left: 350px;
	}

	.contact #content .connect-map, .promo #content .connect-map, .contact #content .connect-left {
		width: 50% !important;
	}
	.contact #content .connect-map-right, .promo #content .connect-map-right, .contact #content .connect-right {
		width: 48%;
	}

	body.contact div.contact .map-bottom .toll-free,
	.promo div.contact .map-bottom .toll-free,
	body.contact div.contact .map-bottom .bottom-email,
	.promo div.contact .map-bottom .bottom-email {
		float: none;
		display: inline-block;
		margin-top: 0;
	}
	body.contact div.contact .map-bottom .bottom-email,
	.promo div.contact .map-bottom .bottom-email {
		margin-left: 15px;
	}

	.single .blog-banner,
	.single .single-featured-image,
	.single .single-featured-image img,
	.single .blog-banner-inner {
		width: 100% !important;
		height: auto !important;
	}
	.single .single-featured-image img {
		vertical-align: top;
	}
	.single .blog-banner-inner {
		overflow: hidden;
	}
	.single .blog-prev,
	.single .blog-next {
		width: 50% !important;
	}

	.single .sub-right {
		width: 35% !important;
	}
	.single .sub-left {
		width: 60% !important;
	}
	.single .sub-right .sidebar {
		margin-top: 0 !important;
	}
	.single .featured-blog-container {
		margin-top: 15px !important;
	}
	.single .blog-title-title h1 {
		font-size: 32px !important;
		line-height: 1 !important;
	}

	.landing-banner {
		height: 300px;
		background-size: cover;
	}
	.land-left {
		width: 53%;
	}
	.land-right {
		width: 45%;
	}
	.landing-2 .wrap {
		background-position: center 0;
	}

	.subpage-sec-left {
		width: 55% !important;
	}
	.subpage-sec-01-inner .sidebar {
		width: 35% !important;
	}

	.tab-menu-content img {
		max-width: 100%;
		height: auto;
	}

	.feature-content {
		position: relative !important;
		width: 100% !important;
		left: 0 !important;
		right: auto !important;
		margin-top: 45px !important;
		padding-bottom: 15px !important;
	}
		.tab-menu-content .feature-lower-your-energy-bills .feature-content,
		.tab-menu-content .feature-easy-cleaning-window .feature-content,
		.tab-menu-content .feature-finish-it-off-with-a-grille .feature-content,
		.tab-menu-content .feature-grille-types .feature-content,
		.tab-menu-content .feature-self-closing-lock .feature-content,
		.tab-menu-content .feature-lof-libby-owens-ford .feature-content,
		.tab-menu-content .feature-loe-366-cardinal .feature-content,
		.tab-menu-content .feature-nesting-handles-for-perfect-folds .feature-content,
		.tab-menu-content .feature-nesting-handles-for-perfect-folds .feature-content h1,
		.tab-menu-content .feature-nesting-fold-down-handles .feature-content,
		.tab-menu-content .feature-durable-standard-handles .feature-content,
		.tab-menu-content .feature-your-last-doors-purchaseperiod .feature-content,
		.tab-menu-content .feature-lower-your-energy-bills .feature-content,
		.tab-menu-content .feature-your-last-windows-purchase-period .feature-content,
		.tab-menu-content .feature-windows-doors-for-a-lifetime-2 .feature-content {
			width: 100% !important;
		}
		.tab-menu-content .feature-pull-handles .feature-content,
		.tab-menu-content .feature-deadbolt .feature-content,
		.tab-menu-content .feature-v-groove-designs .feature-content {
			left: auto !important;
		}
	#feature-247 {
		height: auto !important;
	}

}

@media only screen and (max-width: 768px) {

	h1,
	.contact #content h1,
	.eguide #content h1,
	.error404 #content h1,
	.get-a-quote #content h1,
	#content.default h1 {
		font-size: 28px !important;
		line-height: 1.25 !important;
	}

	.menu ul.top-nav li,
	.menu ul.top-nav li:hover,
	.menu ul.top-nav li.active,
	.menu ul.top-nav li.current-page {
		padding-left: 0;
		padding-right: 10px;
	}
	.menu ul.top-nav li a {
		font-size: 14px;
	}
	#menu-main-menu.menu {
		padding-bottom: 10px;
	}

	.door-menu-box .dd-product-box-title,
	.dd-product-box-img {
		margin-top: 25px;
	}
	.drop-down-inner {
		height: 265px;
	}
	.drop-down-inner.door {
		height: 455px;
	}

	.slides_container {
		max-height: 300px;
	}
	.slides_container .slide img {
		margin-top: -100px;
	}
	.banner-info {
		top: 60px;
		left: 850px;
	}
	.slider a.prev,
	.slider a.next {
		top: 140px;
		width: 24px;
		height: 47px;
		background-size: 100%;
	}
	.slider a.prev {
		left: 3%;
	}
	.slider a.next {
		right: 3%;
	}
	.banner-2-1 {
		width: auto;
		margin-top: 0;
		font-size: 34px !important;
		line-height: 1;
	}

	.stats-box {
		width: 50%;
	}

	.quote-01 {
		clear: both;
	}
	.quote-01,
	.quote-02 {
		margin-top: 150px !important;
	}
	.quote-02-end,
	.brock-testimonials .quote-01,
	.brock-testimonials .quote-02 {
		margin-top: 0 !important;
	}


	.advancedscroller.center-items-2 ul li {
		float: none;
		width: 100%;
		text-align: left;
	}

	.ebook-download-container {
		width: 100%;
	}
	.advanced h2,
	.advanced h3 {
		width: 100%;
		margin-left: 0;
	}
	.advanced p, .book-today p {
		width: 100%;
		margin-left: 0;
	}
	.advanced .eguide-download {
		float: left;
		position: relative;
		bottom: 0;
		margin-left: 0;
		margin-top: 15px;
	}

	.book-today .book-today-btn {
		float: left;
		margin-left: 0;
	}

	.contact-left,
	.contact-right {
		width: 100%;
	}
	.contact-left {
		padding-bottom: 15px;
	}
	.contact-right {
		padding-bottom: 30px;
	}
	#tbk_footer_tab,
	#tbk_footer_placer {
		display: none;
	}

	.about .default-left,
	.sidebar {
		clear: both;
		float: none;
		width: 100%;
		padding-top: 30px;
	}
	#content {
		padding-top: 30px;
	}

	.eguide #content .wrap p {
		margin-top: 0 !important;
		width: 100%;
	}
	.eguide #content .eguide-image {
		float: none;
		width: 50%;
		height: auto;
		margin-bottom: 30px;
	}
		.eguide #content .eguide-image img {
			max-width: 100%;
		}
	.eguide #content .gform_wrapper {
		width: 50%;
	}
		.eguide #content .gform_body li.required {
			width: 100%;
		}
		.eguide #content .gform_body [type=text] {
			width: 90%;
		}
		.eguide #content input[type="submit"] {
			margin-left: 0 !important;
		}
	.eguide #content .eguide-bottom .content_area {
		margin-left: 0;
	}

	.menu-top {
		width: 139px;
		margin-top: 5px;
	}
	.quote-btn {
		margin-top: 10px;
	}

	.contact #content .tabs, .promo #content .tabs {
		clear: both;
	}
	.contact #content .tabs a[class*="tab-selector-"] {
		width: auto;
		height: auto;
		padding: 10px 15px;
		font-size: 16px;
		line-height: 1;
	}
	.contact #content .connect-map, .promo #content .connect-map,
	.contact #content .connect-map-right, .promo #content .connect-map-right,
	.contact #content .connect-left, .contact #content .connect-right,
	.contact #content .wrap p, .eguide #content .wrap p, .error404 #content .wrap p, .get-a-quote #content .wrap p {
		width: 100% !important;
	}
	.contact #content .wrap p {
		opacity: 1;
	}
	.contact #content .connect-map, .promo #content .connect-map {
		margin-bottom: 20px;
	}
	.contact #content .content div.content-1, .contact #content .content div.content-2 {
		padding: 13px 10px;
	}
		.contact #content .connect-map #tbkdl-map-wrapper, .promo #content .connect-map #tbkdl-map-wrapper {
			border: none;
		}
	.contact #content .contact-comment, .contact #content .gform_body .comments,
	.contact #content .contact-comment textarea, .contact #content .gform_body .comments textarea, .get-a-quote #content .gform_body .comments textarea,
	.contact #content .contact-box, .contact #content .gform_body li, .eguide #content .gform_body li, .promo #content .gform_body li {
		max-width: 100%;
		margin-right: 0;
		padding-right: 10px;
	}
	.contact #content .contact-submit, .contact #content .content .gform_wrapper input[type="submit"], #content input[type="submit"] {
		margin-left: 0 !important;
	}

	body.contact div.contact .footer-locations,
	.promo .footer-locations {
		width: 100%;
		margin-top: 30px;
		margin-bottom: 15px;
	}
	body.contact div.contact .contact-right,
	.promo div.contact .contact-right {
		clear: both;
		padding-top: 15px;
	}
	body.contact div.contact .contact-right .newsletter_title,
	body.contact div.contact .contact-right .news-letter,
	.promo div.contact .contact-right .newsletter_title,
	.promo div.contact .contact-right .news-letter {
		clear: left;
		float: left;
	}
	body.contact div.contact .contact-right .social,
	.promo div.contact .contact-right .social {
		float: left;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	body.contact div.contact .contact-right .copyright,
	.promo div.contact .contact-right .copyright {
		margin-bottom: 15px;
	}

	.single .blog-left,
	.single .blog-right {
		width: 26px !important;
  	height: 26px !important;
  	margin-top: 23px !important;
	}
	.single .blog-prev h1 a,
	.single .blog-prev .blog-cal-2 {
		margin-left: 45px !important;
	}
	.single .blog-next h1 a,
	.single .blog-next .blog-cal-2 {
		margin-right: 45px !important;
	}

	.blog #content .blog-search {
		position: relative;
		width: 50%;
		padding-left: 0;
	}
	.blog #content .blog-search [type=text] {
		width: 94%;
		margin-left: 3%;
	}
	.blog #content .blog-pagination {
		height: auto;
		margin-top: 15px;
	}
	.blog #content .blog-pagination a.next_link,
	.blog #content .blog-pagination a.previous_link {
		width: 24px;
		height: 24px;
		margin-top: 0;
		margin-right: 0;
		background-size: 100%;
	}
	.blog #content .blog-pagination ul li a,
	.blog #content .blog-pagination a.page_link,
	.blog #content .blog-pagination a.first_link,
	.blog #content .blog-pagination a.last_link {
		height: auto;
		padding-right: 0;
		font-size: 18px;
		line-height: 1.5;
	}
	.blog #content .blog-box {
		width: 48%;
		margin-right: 4%;
		padding: 10px;
	}
		.blog #content .blog-box:nth-child(3n) {
			margin-right: 4% !important;
		}
		.blog #content .blog-box:nth-child(2n) {
			margin-right: 0;
		}
	.blog #content .blog-box h1 {
		font-size: 18px !important;
	}

	.sidebar .right-eguide-top .eguide_image {
		width: ;
	}

	.single .sub-left,
	.single .sub-right {
		width: 100% !important;
	}
	.single .sub-right {
		margin-top: 30px !important;
	}

	.single .blog-title-title {
		width: 100% !important;
		padding-top: 15px !important;
	}
	.single .blog-title-social {
		float: left !important;
		height: 60px !important;
		margin-top: 5px !important;
	}
	.single .blog-title-title-meta {
		margin-left: 0 !important;
	}

	.get-a-quote #content .gform_wrapper {
		width: 100%;
		margin-top: 15px;
	}
	.contact #content .contact-comment textarea,
	.contact #content .gform_body .comments textarea,
	.get-a-quote  #content .gform_body .comments textarea {
		width: 90%;
	}
	.get-a-quote #content .wrap p {
		margin-top: 15px;
	}

	.landing-banner {
		height: 250px;
	}
	.land-left,
	.land-right {
		width: 100%;
	}
	.sweepstakes .land-locations-box {
		width: 45% !important;
	}
	.promo .land-right label {
		width: auto;
	}
	.promo .land-right form#gform_6 input[type=submit] {
		position: relative;
		bottom: 0;
		left: 0;
		margin-left: 0 !important;
	}
	.promo #content .gform_body li {
		height: auto;
	}
	.land-right #field_6_8 {
		padding-top: 20px !important;
	}
	.landing-2 ul.ui-tabs-nav li a {
		padding: 10px 13px 10px 33px;
		font-size: 14px;
	}
		.land-test a { background: url("../images/icon-green-bubble.png") no-repeat scroll 10px 12px transparent; }
		.land-test a:hover { background: url("../images/icon-bubble-white.png") no-repeat scroll 10px 12px transparent; }
		.land-vids a { background: url("../images/icon-green-video.png") no-repeat scroll 10px 12px transparent; }
		.land-vids a:hover  { background: url("../images/icon-white-video.png") no-repeat scroll 10px 12px transparent; }
		.land-opt a,
		.land-about a { background: url("../images/icon-green-option.png") no-repeat scroll 10px 13px transparent; }
		.land-opt a:hover,
		.land-about a:hover { background: url("../images/icon-white-option.png") no-repeat scroll 10px 13px transparent; }
		.land-gal a { background: url("../images/icon-green-gallery.png") no-repeat scroll 10px 12px transparent; }
		.land-gal a:hover { background: url("../images/icon-white-gallery.png") no-repeat scroll 10px 12px transparent; }
		.land-prom a { background: url("../images/icon-green-promise.png") no-repeat scroll 10px 11px transparent; }
		.land-prom a:hover { background: url("../images/icon-white-promise.png") no-repeat scroll 10px 11px transparent; }

	.landing-tab-content {
		/*margin-left: 10px !important;*/
		/*margin-right: 10px !important;*/
	}
	.landing-tab-content#tab-galleries div.gallery-wrapper {
		display: block;
		width: 100%;
		padding-left: 0;
	}

	.subpage-sec-01-inner {
		background: none !important;
	}
	.subpage-sec-left {
		width: 100% !important;
	}
	.subpage-sec-01-inner .sidebar {
		width: 100% !important;
	}
	.subpage-sec-right {
		margin-bottom: 30px !important;
		padding: 0 !important;
	}
	.subpage-sec-left h1 {
		margin-left: 0 !important;
	}

	.tab-menu ul li a {
		padding: 12px 15px !important;
	}
	.tab-menu-content .decorative-hardware-content-inner .alignleft {
		float: none;
		margin-right: 0;
	}

	#performance-grid .pdf-block {
		width: 100% !important;
	}

}

@media only screen and (max-width: 480px) {

	#logo-wrap {
		margin-top: 14px;
	}
	.logo img {
		width: 150px;
	}
	.promo .logo {
		margin-top: 0;
	}
	.promo #logo-wrap {
		margin-bottom: 10px;
	}
	.promo .menu ul.top-nav li {
		display: inline-block;
		height: auto;
	}
	.promo .menu ul.top-nav li.promo-nav-phone-li,
	.promo .menu ul.top-nav li.promo-nav-phone-li:hover {
		padding: 10px 0 0;
	}
	.promo .menu ul.top-nav li.promo-nav-phone-li a,
	.promo .menu ul li.promo-nav-phone-li a:hover {
		font-size: 16px;
		line-height: 1.5;
		/*background-position: left -2px !important;*/
	}
	.home .menu-top {
		width: 139px;
	}
	.quote-btn {
		width: 139px;
		height: 27px;
		background-size: 100% 100%;
	}
		.quote-btn a {
			font-size: 11px;
		}

	.quote-01, .quote-02, .quote-02-end, .word-for-it-inner p {
		clear: both;
		width: 100% !important;
	}
	.quote-02, .quote-02-end {
		margin-top: 0 !important;
	}

	.eguide #content .eguide-image {
		width: 100%;
		background: none;
	}
	.eguide #content .gform_wrapper {
		width: 100%;
		margin-bottom: 30px;
	}

	.single .blog-left {
		margin-left: 10px !important;
	}
	.single .blog-right {
		margin-right: 10px !important;
	}
	.single .blog-prev h1 a,
	.single .blog-prev .blog-cal-2 {
		margin-left: 40px !important;
	}
	.single .blog-next h1 a,
	.single .blog-next .blog-cal-2 {
		margin-right: 40px !important;
	}
	.single .blog-banner-inner h1 a,
	.single .blog-cal-2 {
		width: 70% !important;
	}
	.single .blog-next .blog-cal-2 {
		width: auto !important;
	}
	.single .blog-title-title h1 {
		font-size: 28px !important;
	}
	.blog #content .blog-box {
		width: 100% !important;
		margin-right: 0 !important;
	}

	.landing-banner {
		height: 200px;
	}
	.sweepstakes .land-locations-box {
		width: 100% !important;
		margin: 0 !important;
	}
	.sweepstakes .ll-box-right {
		margin-top: 30px !important;
	}

	.tab-menu-content .decorative-hardware-content-inner .alignleft,
	.tab-menu-content .decorative-hardware-content-inner .alignright {
		width: 45%;
	}

	#performance-grid .pdf-block {
		height: 210px !important;
		padding-top: 20px !important;
		background-size: 80% !important;
	}
	#performance-grid .pdf-right {
		margin-left: 160px !important;
	}
	#performance-grid .pdf-download {
		bottom: 50px !important;
	}

}