@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    /* Retina-specific stuff here - mainly used for background images
	    #mydiv{
			background-image:url(../images/home@2x.png);
			background-size: 14px 12px;
		}
	 */
	

	#nav-menu-toggle{
		background-image: url(http://www.surfboardroom.com.au/themes/site_themes/sbr/images/menu-icon@2x.png);
		background-size: 30px 26px;
	}
}


/* /RETINA */




/* iPads (portrait & anything less than the width of the site) ----------- */
@media screen and (max-width: 1000px) {
/* Styles */
	
	
		
	#nav-menu-toggle{
	display: block;
	}
	
	#header{
		width: 90%;
	}
	#footer{
		width: 90%;
	}
	#contact{
		width: 90%;
	}
	.responsive_wrapper{
		width: 90%;
	}
	.feature_wrapper{
		width: 90%;
	}
	.logo{
		float: none;
		margin: 0 auto;
		padding-bottom: 0;
		
	}
	.nav_wrapper{
		
	}
	.header_phone_number{
		text-align: center;
		padding: 20px 0 0 0;
	}
	.header_phone_number p{
		margin-right: 30px;
		margin-bottom: 10px;
	}
	
	#subs_left_col{
		text-align: center;
		float: none;
		width: 100%;
	}
	#subs_left_col p{
		padding: 10px 0px 20px 0;
	}
	#subs_right_col{
		text-align: left;
		float: none;
		width: 100%;
	}
	.subscribe_form input {
		width: 70%;
	}
	.subscribe_form .submit_btn {
		width: 30%;
	}
	ul.social_links li{
		margin-right: 5px;
	}



	/* hide stocklist columns on tablet */

	.stock_table .stock_tail, .stock_table tr td:nth-child(5),
	.stock_table .stock_fins, .stock_table tr td:nth-child(6),
	.stock_table .stock_fin_t, .stock_table tr td:nth-child(7)
	{
		display:none;
		visibility:hidden;
	}
	
	
/*------------ /<1000px----------*/	
}

/* Smartphones (anything narrower than iPad portrait) ----------- */
@media only screen and (max-width : 767px) {
/* Styles */
	.logo{
		width: 100%;
		
	}
	#nav-menu-toggle{
		margin-top: 0px;
	}
	p{
		line-height: 1.6em;
	}
	.para_intro{
		line-height: 1.6em;
	}

	.col { 
		margin: 10px 0 10px 0%;
	}
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
		
	}
	.span_1_of_3 {
		width: 100%;
		
	}
	.span_5_of_5 {
		width: 50%; 
	}
	.span_4_of_5 {
		width: 50%; 
	}
	.span_3_of_5 {
		width: 50%; 
	}
	.span_2_of_5 {
		width: 50%; 
	}
	.span_1_of_5 {
		width: 50%; 
	}
	.span_6_of_6 {
		width: 50%; 
	}
	.span_5_of_6 {
		width: 50%; 
	}
	.span_4_of_6 {
		width: 50%; 
	}
	.span_3_of_6 {
		width: 50%; 
	}
	.span_2_of_6 {
		width: 50%; 
	}
	.span_1_of_6 {
		width: 50%; 
	}
	
	.left_col{
		float: none;
		width: 100%;
		margin-top: 10px;
	}
	
	.right_col{
		float: none;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#footer_left{
		width: 100%;
		float: none;
	}
	#footer_map{
		clear: both;
		padding: 0;
		width: 100%;
		float: none;
		margin-top: 40px;
	}
	#footer h4{
		margin-top: 20px !important;
	}
	#contact h4{
		margin-top: 20px !important;
	}
	ul.social_links li{
		margin-right: 10px;
	}
	
	.header_phone_number p{
		line-height: 30px;
		padding-left: 20px;
		background-size: 14px 21px;
		font-size: 1.2em;
		
	}
	.header_phone_number p.gift_btn {
		background-size: 22px 15px;
		padding-left: 25px;
		margin-left: 10px;
	}
	
	.nav_wrapper{
		padding-bottom: 0;
	}
	
	.news_grid{
		margin-bottom: 0;
	}
	
	.brand_logo_side{
		text-align: center;
		max-width: 200px;
		margin: 0 auto;
	}
	
	/* hide stocklist columns on mobile*/

	.stock_table .stock_width, .stock_table tr td:nth-child(3),
	.stock_table .stock_thickness, .stock_table tr td:nth-child(4),
	.stock_table .stock_vol, .stock_table tr td:nth-child(8)
	{
		display:none;
		visibility:hidden;
	}
	
	.stock_table_wrap h3{
	
	line-height: 20px;
	padding-left: 0;
	background-image: none;
	
	}
	.stock_table_wrap h3 span{
		display: block;
		padding-left: 0;
		margin-top: 5px;
		
	}
	
/*------------ /SMARTPHONE ----------*/
}



/* LET'S GET BIG Y'ALL ) ----------- */
@media only screen and (min-width : 1220px) {
/* Styles */
	.nav-collapse li {
	  width: 150px;
	}
	.responsive_wrapper{
		width: 1220px;
	}
	.feature_wrapper{
		width: 1220px;
	}
	#header{
		width: 1220px;
	}
	#footer{
		width: 1220px;
	}
	#contact{
		width: 1220px;
	}
	

	/*------------ /WIDE SCREEN----------*/
}