@media (max-width: 1400px) {
    .nav .menu > li > a {font-size:14px;}
}
@media (max-width: 1230px) {
    .nav .menu > li > a {font-size:14px;}
    .site-header {height:110px;}
}

@media (max-width: 991px) {
    	
	.nav-toggle { 
		display: block; 
		width: 57px; 
		height: 44px; 
		position: absolute; 
		right: 0px; 
		top: 10px; 
		z-index: 200;
		background: transparent url('/images/VCG/rwd/icon_menu.png') 50% 50% no-repeat; 
		background-size: 30px auto; 
		text-indent: -9999px; 
		border: 0; 
		outline: none; 
	}
	
	#nav,
	#nav * { 
		margin: 0; 
		padding: 0; 
		width: 100%; 
		height: auto; 
		top: auto; 
		right: auto; 
		bottom: auto; 
		left: auto; 
		position: static; 
		min-height: 0;
		background: transparent; 
		border: 0;
		line-height: 20px; 
		font-size: 14px; 
		font-weight: normal; 
        text-transform:uppercase;
		font-style: normal;
		color: inherit; 
		text-align: left; 
		box-shadow: none; 
		opacity: 1; 
		visibility: visible; 
		-webkit-column-count: 1; 
		-moz-column-count: 1;
		-ms-column-count: 1;
		column-count: 1;
		-webkit-transform: none; 
		-ms-transform: none; 
		transform: none; 
	}
	
	#nav *:before, 
	#nav *:after { display: none; }
	
	#nav { 
		position: fixed; 
		right: 0; 
		width: 270px; 
		height: 100%; 
		right: 0; 
		top: 0; 
		bottom: 0;
		padding: 0;
		z-index: 101; 
		background: #000;
		box-shadow: inset 2px 0 12px rgba(0,0,0,.2); 
		-webkit-transform: translateX(270px);
		-moz-transform: translateX(270px);
		-ms-transform: translateX(270px);
		transform: translateX(270px);
	}
	
	body { position: relative; -webkit-transition: all 0.25s cubic-bezier(.54,.12,.2,1); -ms-transition: all 0.25s cubic-bezier(.54,.12,.2,1); transition: all 0.25s cubic-bezier(.54,.12,.2,1); overflow: visible; }
	body.nav-active { -webkit-transform: translateX(-270px); -ms-transform: translateX(-270px); transform: translateX(-270px); }
	body.nav-active .site { overflow: visible; }
	
	.msie #nav { position: absolute; height: 2000px; }
	
	#nav .menu { padding: 30px 0 0 20px; }
	#nav .menu > li,
	#nav .menu > li > a { display: block; float: none; color:#fff;padding:3px 0;font-family:inherit;}
	#nav .menu > li > a > span { max-width: 100%; text-transform: uppercase; color: #e7e5e2; padding: 5px 25px; font-size: 17px; font-weight: 600; letter-spacing: 0.05em; }
	
	#nav .submenu a,
	#nav .nav-secondary a { padding: 6px 25px; color: #fff; display: block; }
	
	#nav .has-submenu-active .submenu { display: block; }
	#nav .submenu { display: none; margin: 8px 0; }
	#nav .submenu a { border-bottom: #d2d2d2 1px solid; }
	
	
	#nav .submenu-intro { display: none; }
	#nav .submenu-thumb { float: none; width: 100%; }
	#nav .submenu-thumb img { display: none; }
	#nav .submenu-footer { display: none; }
	
	#nav .nav-secondary { margin-top: 18px; padding-top: 18px; border-top: rgba(255,255,255,.1) 5px solid; }
	
    #nav img.fly-out-nav-logo {display:block;width:137px;margin:5px auto 0 auto;}

    #nav .search {
        position:relative;
        top:28px;
        left:20px;
	    width: 40px;
	    -webkit-transition: all .15s;
	       -moz-transition: all .15s;
	        -ms-transition: all .15s;
	            transition: all .15s;
    }
    #nav .search.search-active {
	    width: 195px;
    }
    #nav .search input {
	    position: absolute;
	    left: 0;
	    float: left;
	    width: 100%;
	    height: 35px;
	    padding: 0 18px;
        line-height:16px;
	    color: #d2d2d2;
	    background: #fff;
        font-style:normal;
	    border: 0;
	    outline: none;
	    -webkit-font-smoothing: subpixel-antialiased;
	    font-smoothing: subpixel-antialiased; 
        border-radius:0px;
    }
    #nav .search .submit {
	    position: relative;
	    float: right;
	    width: 40px;
	    height: 35px;
	    line-height: 30px;
	    text-align: center;
	    font-size: 0;
	    color: #717171;
	    background: #fff;
	    border: 0;
	    outline: none;
	    -webkit-transition: all .1s ease;
	       -moz-transition: all .1s ease;
	        -ms-transition: all .1s ease;
	            transition: all .1s ease;
    }
    #nav .search .submit:hover {
	    color: #717171;	
    }
    #nav .search .submit:after {
	    content: '\f002';
	    font: 16px/30px 'FontAwesome';
        display:block;
    }

    .nav div.side-nav, .nav li.side-nav {display:block;}

    #nav ul.menu li.has-submenu.open ul.submenu {display:block;}
    #nav ul.menu li.has-submenu.open ul.submenu li.dropdown-submenu ul {display:none;}
    #nav ul.menu li.has-submenu.open ul.submenu li.dropdown-submenu.open ul {display:block;padding-left:30px;}

    .submenu .row li:last-child a {border-bottom-left-radius:0px;border-bottom-right-radius:0px;}

	
	.main,
	.sidebar { width: 100% !important; }
	.main + .sidebar { margin-top: 30px; }
	.hero { height: auto; padding-top: 70px; padding-bottom: 50px; background-size: auto 100%; }
	.callout h2 { font-size: 30px; }
	.modal-body { padding-left: 25px; padding-right: 25px; }
	.lead { font-size: 1.75em; }
	.related-products ul { -webkit-column-count: 1; -moz-column-count: 1; -ms-column-count: 1; column-count: 1; }
	
	.callout-big .callout-box { position: static; clear: both; width: 100%; max-width: 100%; }
	
	.nav-tabs > li { width: auto !important; padding:0 10px;}
    .nav-tabs > li > a {font-size:16px;}
	
	.product-filters-panel { padding-bottom: 10px; }
	.product-filters-panel:before, 
	.product-filters-panel:after { display: none; }
	.product-filters-heading { min-height: 0; padding-left: 50px; }
	.product-filters .product-filters-checkboxes { margin: 10px 0 20px 0; }
	.product-filters-heading .help { /* position: relative; top: 6px; right: auto; left: 12px; */ right: 0; top: 5px; left: 35px; }
	.product-filters .dropdown-menu .checkbox { margin: 10px 0; }
	
	.products-list > li { min-height: 0; margin-bottom: 30px; }

    /*video container*/
    .video-container iframe { height:400px;}

    /*styling*/
    .shade {display:block;}

    /*home page*/
    .home .carousel .item-copy {top:12%;}
    .home .home-text ul.categories {display:block;}
    .home .home-text ul.categories li {width:100%;float:none;padding:20px 10px;}
    .home .home-text ul.ctas {display:block;text-align:center;}
    .home .home-text ul.ctas li {width:100%;float:none;padding:10px;border-top:1px solid #ebe4e1;border-right:none;}

    /*product list page*/
    .product_list ul li		{ width:50%; }
    .filterItem ul.filters-5 li {width:48%;}
    .filterItem ul.filters-4 li {width:48%;}
    .filterItem ul.filters-3 li {width:48%;}
    .filterItem ul.filters-2 li {width:48%;}

    .product-feature-thumb {min-height:inherit;}

    .site-header {height:95px;position:fixed;background-color:#fff;}
}	


@media (max-width: 768px) {
	
    #logo { width: 70%; height: 40px; }
    .site-header {height:80px;}
    .footer-links a img {width:60%;}

	h1 { font-size: 34px; }
    h2, .editorial h2, .banner .banner-title h2 { font-size: 34px; }
	/*.breadcrumb { margin-top: 60px; }*/
	.media-left .media-object { margin-bottom: 20px; }
	
	.nav-tabs { overflow-y: hidden; overflow-x: /*scroll*/hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
	.nav-tabs > li { display: inline-block; float: none; /* width: auto !important; */ }
    .nav-tabs > li > a {font-size:14px;}

	.nav-tabs.nav-tabs-secondary > li { margin: 0 5px 0 0; }
	.nav-tabs.nav-tabs-secondary > li > a { font-size: 12px; padding: 15px; }	
	
	.products-list > li { max-width: 400px; margin-left: auto; margin-right: auto; }
	.products-list > li img { width: 100%; }

    /*promotions*/
    ul.promotions li img {float:none;}

    /*video container*/
    .video-container iframe { height:320px;}

    /*forms*/
    .form_row label {width:100%;}
    .form_row select {width:100%;}
    .form_row_2col .form_row label {width:100%;}
    .form_row_2col .form_row input {width:100%;}
    .form_row_2col .form_row select {width:100%;}


    /*home page*/
    .home .carousel .page-header {height:400px;}
    .home .carousel-indicators {bottom:20px;}
    .home .carousel .item-copy {top:10%;}
    .home .carousel .item-copy h2 {font-size:32px;}
    .home .carousel .item-copy p {font-size:14px;}
    

    /*editorial banner*/
    .banner.slogan {height:400px;}
    .banner .banner-slogan {top:20%;}
    .banner .banner-slogan h1 {font-size:48px;}
    .banner .banner-slogan p {font-size:16px;}


    /*product hero header*/
    /*.product-hero .slide-title p {font-size:16px;}*/


    /*breadcrumb*/
    /*.breadcrumb {position:absolute;top:40px;left:20px;}
    .breadcrumb > li,.breadcrumb > li a {font-size:14px;}*/
    
    .product-hero .page-header {height:400px;}
    .product-detail-specs-links { -webkit-column-count: 1;-moz-column-count: 1;-ms-column-count: 1;column-count: 1;}
    .product_details_text .box {width:100%;height:auto;}
    .product_details_text div.image {float: none;width:100%;}
    .product_details_text div.bullets {float: none;width:100%;padding:0;}

    .page-header { padding:145px 0 0 0; }

    /*product list page*/
    .product_list ul li		{ width:100%; }
    
    /*article*/
    .article h2 {font-size:32px;}

    .video-padding {padding:20px;}

    .ppc-landing .banner {height:500px;}
    /*.banner .image-copy {margin:0;width:100%;}*/
    .browse .banner .image-copy {margin:0px;width:100%;}

    /*fireplace safety*/
    .fireplaceSafety .bannerImage {height:340px;}
    .fireplaceSafety .bannerImage div {width:70%;}
    .fireplaceSafety .heading {font-size:48px;top:10px;left:0px;}
    .fireplaceSafety .heading h1 {font-size:24px;}
    .fireplaceSafety .heading p {font-size:14px;line-height:1;}
    .fireplaceSafety .heading .button {font-size:12px;line-height:1;margin:3px 0;}


}

@media (max-width: 640px) {
    /*product hero*/
    .product-hero .carousel-indicators li {width:15px;height:15px;}    
}

@media (max-width: 480px) {

	/*.site-content { padding-top: 50px; padding-bottom: 50px; }*/
	.page-home .site-content,
	.has-sidebar .site-content { padding-top: 0; }
	
    .footer-links p {line-height:1.4em;}
	
	.callout h2 { font-size: 26px; }
	.callout p { font-size: 14px; }
	.callout-box h1 { font-size: 30px; }
	
	.lead { font-size: 1.4em;}
	.page-header h1 { font-size: 30px; }
    .page-header { padding:145px 0 0 0; }

	.hero h1 { font-size: 10vw; }
	
	.main-footer { margin-top: 20px; }
	
	.product-detail .product-pricing { float: none; }
	.product-detail-specs-links { padding-left: 0; }
	.product-share { clear: both; float: none; margin-top: 20px; }

	.product-filters-heading { padding-left: 20px }
	.product-filters-heading .help { display: none; }
	
	.footer-newsletter p { font-size: 22px; }
	.footer-form .radio-inline { display: block; margin: 5px 0; }

    /*video container*/
    .video-container iframe { height:200px; width:100%;}
    
    /*locator nav*/
    .locatornav li a {padding: 15px 15px;font-size: 12px;}


    /*browse*/
    .browse .banner .image-copy h1 {font-size:48px;}

    /*editorial banner*/
    .banner .banner-slogan {top:10%;}
    .banner .banner-slogan h1 {font-size:36px;padding:20px 0;}
    
    /*current offer banner*/
    .current-offer-banner p {font-size: 24px;line-height: 24px;}

    .attributes .slider .active {font-size:16px;}

    /*product list page*/
    ul.filterList li a {height:120px;width:120px;}  
    .productFilters div.filterItem p {font-size:14px;}

    .browse h2 {font-size:24px;}
   
    /*home page*/
    .home .carousel .item-copy {top:5%;}
    .home .carousel .item-copy h2 {font-size:36px;padding:20px 0;}
    .home .carousel .item-copy a {margin:0;}
    
    .btn {padding:10px 30px;}

    .why-vermont-castings .btn {width:100%;}
}