@charset "UTF-8";

h1.title_org_top { font-size: 22px; }

#support_overview div.content h1,
#support_overview div.content h3 { margin: 0; }

#support_overview .left_col { 
	float: left;
	width: 490px;
	margin-right: 34px; 
}

.support_option { 
	margin-top: 30px; 
	padding-left: 180px;
}

#support_overview .right_col { 
	float: right;
	width: 316px;
	font-size: 10px;
	text-shadow: none;
}

#support_overview .left_col .sky_support { 
	background: url(/images/support/overview/bg_sky.jpg) left top no-repeat ;
	border-bottom: 1px solid #ddd;
	margin-top: 0px;
	padding-bottom: 30px; 
}

#support_overview .left_col .wifi-smartpen_support { 
	background: url(/images/support/overview/bg_wifi-smartpen.jpg) left top no-repeat ; 
}

#support_overview .left_col .echo_pulse_support { 
	min-height: 135px;
	background: url(/images/support/overview/bg_echo_pulse.jpg) left top no-repeat ; 
}

#support_overview .right_col div.customer_support,
#support_overview .right_col div.store_support {
	padding: 15px;
	width: 285px;
	margin-bottom: 10px;
	background: #dde7f0 url(/images/support/overview/bg_gradient_blue.png) left top repeat-x ;
} 

#support_overview .right_col div p {
	margin-top: 4px;
	line-height: 14px;
}

#support_overview .right_col div div.bg_icon {
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 70px;
	width: 215px;
}

#support_overview .right_col div.customer_support div.bg_icon { background-image: url(/images/support/overview/customer_support_icon.png); }

#support_overview .right_col div.store_support div.bg_icon { background-image: url(/images/support/overview/store_support_icon.png); }


.navbar-sticky-top {
  z-index: 9;
  }

/* Responsive CSS */

@media (max-width: 900px) {
	#bg { width: 100%!important; }

	div.main_content_container.topLevelWidth {
		 padding: 40px 0 50px!important;
   		 width: 90%!important;
	}
	
	#ls3, #sky, #echo {
		width: 33%!important;
    	min-width: 197px;
    	margin-left: 0!important;
    	margin-right: 0!important;
	}
	
	#sky { width: 34%; }
	
	#ls3 a, #sky a, #echo a {
		display: block;
    	width: 100%;
    	height: 100%;
    	min-width: 197px;
	}
	
	.ls3_content {
		width: 100%!important;
    	margin: 30px auto 0!important;
	}
	
	.supportbox {
   		width: 90%!important;
    	padding: 0 2%;
	}
	
	.title_org_top {
		margin: 0;
    	padding-top: 25px;
	}
	
	div.content { width: 100%; }
	
	div.bg_2-1 div.content div.col2 {
		float: none;
		width: 100%;
		background: none;
	}
	
	div.bg_2-1 div.content div.col2 div.learnmore_sec, div.bg_2-1 div.content div.col2 div.buy_and_create,
	div.bg_2-1 div.content div.col1 {
		float: none;
    	width: 90%;
    	margin: 0 auto;
    	padding: 0;
	}
	
	div.bg_2-1 div.content div.col2 div.learnmore_sec, div.bg_2-1 div.content div.col2 div.buy_and_create {
    	background: none;
	}
	
	div.bg_2-1 div.content div.col2 { min-height: 0; }
	
	.ld_info { margin-left: 350px; }
}

@media (max-width: 499px) {
	#ls3, #sky, #echo { width: 100%!important; }
	#ls3 img, #sky img, #echo img {
		margin-left: auto;
		margin-right: auto;
		right: 0;
	}
	
}