/* ------------------------------------------------------------------------- */
/* DEVICE-SPECIFIC */

/* SMARTPHONES */
@media only screen and (max-width: 600px) {
    :root {
        font-size: 12px;
        --basic_font_size: 12px;
    }
	
	* {
 		box-sizing: border-box;
	}
	
	body {
		background-size:34px 600px; 
		overflow-x: hidden;
	}
	
	div#content {
		width:100%;
		padding:0 1rem;
		overflow-x: hidden;
	}
	
	div#top_block {
		height:65rem;
	}
	
	div#homepg_logo {
		width: 20rem;
		top: 0; left:1rem;
	}
	
	div#homepg_vid_wrap {
		width: 130%;
		position:absolute;
		top:10rem;
		left: 50%;
		transform: translateX(-50%);
		margin-left:-2.5rem;
	}
	
	div#homepg_vid_frame {
		width:100%;
		height:90%;
	}
	
	div#homepg_vid_container {
	}
	
	video#homepg_vid_loop {
		width:75%;
		top:6rem; left:8rem;
	}
	
	div#vid_placeholder {
		width:75%;
		height:73%;
		top:6rem; left: 8rem;
		background:url('../_img/vid_placeholder.jpg');
	}
	
	div#homepg_main_head { top:43rem; width:calc(22.5rem * .8); height:calc(14rem * .8); }
	
	div#homepg_subhead { display:none;}
	
	div.book_button {
		width:75%; height:5rem; font-size:2rem; line-height: 5rem;
	}
	div.homepg_but { 
		margin:11rem auto 0 auto;
		position:relative;
		top:45rem;
		left:2rem;
		right:auto;
	}
	
	div#menu_outer_wrap { right:1rem; }
	div#menu_wrap { width:80vw; }
	div.menu_item { width:80vw; background-color:rgba(255,255,255,0.80); font-size:2rem; height:4rem; line-height:4rem; }
	
	div#sm_icons_wrap { width:3rem; display:inline; top:43rem; left:1rem; }
	div#sm_icons_wrap div img { width:100%; margin-bottom:.3rem; }
	
	
	div#discount_burst { top: -3.5rem; }

	.divider_B { width:100% !important; padding-top: 5rem; padding-right: 0 !important; }
	
	div#ppandaway_burst {
		position:relative;
		width:100%;
		height:66vw;
		top:0;
		right:0;
	}
	
	div#pumps_sect h4 { transform: translateX(-20px); }
	
	div.pump_info_but_burst { left:3rem; }
	
	div.pump_row_outer_wrap { height:auto; width:100%; }
	div.pump_row_wrap { margin:0 !important; width:100%;}
	div.pump_wrap { float:none; margin:0 !important; text-align:center; }
	div.pump_img_wrap { height: 20rem;}
	div.pump_img_wrap img { max-width: 100% ;}
	div.pump_name { font-size:2.4rem; margin:.5rem 0 1rem 0;}
	
	div.pumpDetail { width:calc(100% - 2rem); height: 45rem; }
	div.pumpDetVid { width:100%; height:auto; float:none; top:2rem; }
	div.pumpDetDesc { width:100%; text-align:center; float:none; margin:0; top:2rem; }
	p.pumpDetHead { font-size:2rem; margin:1rem 0; }
	p.pumpDetText { font-size:1.3rem;}
	
	div.vert_gradient_bg { display:none; }
	
	div.col_l, div.col_r { width:94%; margin:0 3%; }
	
	div.faq_wrap { background-size: 3rem; width:100%; }
	
	footer { padding-top:12rem;}
	
	/* INT PAGE ELEMENTS ============== */
	
	div#intpg_header { height: 8rem; }
	div#intpg_header_logo { height:8rem; }
	div#intpg_content { min-height: 50vh; }
	
	div.vid_row_wrap div { width: 49%; }
	
	div#intpg_col_l { flex:0 0 100%; padding:1rem; text-align: center; }
	div#intpg_col_r { flex:0 0 100%; padding:1rem; }
	div#intpg_col_r p { font-size:1.2rem; }
	div#intpg_col_l img { width:65%; margin:0; padding:0; }
	img.intpg_img_small { width:50% !important; }
	
	span.resp_br { display:block; }
	


	
}    

/* ------------------------------------------------------------------------- */
/* TABLETS */
@media only screen and (min-width: 601px) and (max-width: 1200px) {
    :root {
        font-size: 15px;
        --basic_font_size: 15px;
    }
	
	body {
		background-size:34px 750px; 
		overflow-x: hidden;
	}
	
	div#content {
		width:936px;
	}

	.divider_B {
		width:936px !important;
	}
	
	div#ppandaway_burst {
		width:calc(31.9rem * .85);
		height:calc(21.3rem * .85);
		top:8rem;
		right:-4rem;
	}
	
	div.pump_info_but_burst {
		left:4rem;
	}
}

/* ------------------------------------------------------------------------- */
/* SMALL DESKTOP & LAPTOPS */
@media only screen and (min-width: 1201px) and (max-width: 1500px) {
    :root {
        font-size: 18px;
        --basic_font_size: 18px;
    }
	
	body {
		background-size:34px 900px; 
		overflow-x: hidden;
	}
	
	div#content {
		width:1224px;
	}
	
	.divider_B {
		width:1224px !important;
	}
	
	div#ppandaway_burst {
		width:calc(31.9rem * .90);
		height:calc(21.3rem * .9);
		top:7rem;
		right:-2rem;
	}
	
	div.pump_info_but_burst {
		left:5rem;
	}
}

/* ------------------------------------------------------------------------- */
/* DESKTOP */    
/* DESKTOP */    
@media only screen and (min-width: 1501px) {
	:root {
		font-size:20px;
	}


}