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

/* ====================
    SMARTPHONE: HiRes
   ==================== */	

	.site .logo, 
	.footer a.footer-logo { -webkit-background-size: 117px 44px; -moz-background-size: 117px 44px; background-image: url(../images/mobile/x2/logo.png); }
	html { background: #eaeade url(../images/mobile/body-stripe-repeater-mobile.png) center 0 repeat-x; }
	.header-container { padding-bottom: 20px; background: transparent url(../images/mobile/header-contianer-bg.png) center 0 repeat-x; }
	.col-4 .support-hero {	min-height: 140px; background:transparent url(../images/mobile/support-women-bg.png) no-repeat; }
	footer .social a { display: block; width: 28px;	height: 48px; background: url(../images/mobile/social-footer-icons.png) 0px 5px no-repeat; }
	.footer .footer-logo { right: 95px; top: 0px; width: 120px; height: 75px; background: transparent url(../images/mobile/logo.png) 0 0 no-repeat; margin-top: 15px; }
	.smart-phone-overlay  {  -webkit-background-size: 41px 41px; -moz-background-size: 41px 41px; background-image: url(../images/mobile/x2/close-icon.png); }
	.smart-phone-nav-btn { -webkit-background-size: 17px 13px; -moz-background-size: 17px 13px; background-image: url(../images/mobile/x2/smart-phone-nav-btn.png); }
	/*.breadcrumb a:first-child ,
	.navigation-secondary li,
	.continue { -webkit-background-size: 5px 8px; -moz-background-size: 5px 8px; background-image: url(../images/mobile/x2/arrow.png); }*/
	.cc1 { -webkit-background-size: 5px 8px; -moz-background-size: 5px 8px; background-image: url(../images/mobile/x2/arrow-1.png); }
	.cc2 { -webkit-background-size: 5px 8px; -moz-background-size: 5px 8px; background-image: url(../images/mobile/x2/arrow-2.png); }
	.cc3 { -webkit-background-size: 5px 8px; -moz-background-size: 5px 8px; background-image: url(../images/mobile/x2/arrow-3.png); }
	.cc4 { -webkit-background-size: 5px 8px; -moz-background-size: 5px 8px; background-image: url(../images/mobile/x2/arrow-4.png); }
	.cc5 { -webkit-background-size: 5px 8px; -moz-background-size: 5px 8px; background-image: url(../images/mobile/x2/arrow-5.png); }
	.cc6 { -webkit-background-size: 5px 8px; -moz-background-size: 5px 8px; background-image: url(../images/mobile/x2/arrow-6.png); }
	.cc7 { -webkit-background-size: 5px 8px; -moz-background-size: 5px 8px; background-image: url(../images/mobile/x2/arrow-7.png); }
	.cc8 { -webkit-background-size: 5px 8px; -moz-background-size: 5px 8px; background-image: url(../images/mobile/x2/arrow-8.png); }
	.js .carousel ol li { -webkit-background-size: 25px 10px; -moz-background-size: 25px 10px; background-image: url(../images/mobile/x2/carousel-navigation.png); }
	.take-action-cta h2 { -webkit-background-size: 33px 600px; -moz-background-size: 33px 600px; background-image: url(../images/mobile/x2/action-icons.png); }
	.donate-cta h2 { -webkit-background-size: 33px 600px; -moz-background-size: 33px 600px; background-image: url(../images/mobile/x2/action-icons.png); }
	.volunteer-cta h2 { -webkit-background-size: 33px 600px; -moz-background-size: 33px 600px; background-image: url(../images/mobile/x2/action-icons.png); }
	footer .social a { -webkit-background-size: 158px 38px; -moz-background-size: 158px 38px; background-image: url(../images/mobile/x2/social-footer-icons.png); }
	.three-up-mod .take-action-cta, 
	.three-up-mod .donate-cta, 
	.three-up-mod .volunteer-cta { -webkit-background-size: 98px 72px; -moz-background-size: 98px 72px; background-image: url(../images/mobile/x2/three-up-tile.png); }