﻿/* ******************** ------------------------- THIN MEDIA STYLES (767px or smaller) ------------------------- ******************** */

/*/////////////// RTMS */
#forRTMSOnly {
	float: none;
}
#sectionMain {
	width: auto !important;
	min-width: 960px !important;
}
#forRTMSOnly .creative.phone .slider .rsArrow {
	zoom: 2;
}
/*/////////////// RTMS END*/


/* ----- phone homepage specific styles ----- */
.creative.homepage.phone {
	font-size: 12px;
	margin: 0 auto;
}
.creative.homepage.phone .block {
	background: #FFF;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
	z-index: 1;
	margin-bottom: .167em !important;
}
.creative.homepage .cta_container a.cta.link::after {
	content: "\e900";
	font-family: 'RL icons 2016';
}
.creative.homepage .copy .cta-caret::after {
	content: "\e900";
	font-family: 'RL icons 2016';
}

/* ----- general phone styles ----- */
.creative.phone .cta_container {
	text-align: center;
	width: 100%;
	height: 25px;
}
.creative.phone .block .graphic {
	display: block;
}
.creative.phone .block .altGraphic {
	display: none;
}
.creative.phone .overlay {
	position: absolute;
	top: 0;
}




/* ---- m_runway_hero ---- */
#m_runway_hero .signature {
	width: 31.1%;
	top: 88%;
	margin: 0 34.5%;
}


#m_runway_hero .copy1 {
    width: 100%;
    top: 58.5%;
}
#m_runway_hero .copy1 .head1 {
	font-family: "SackersGothicW01-Medium";
	/*font-size: 36px !important;*/
	font-size: 3.75vw !important;
	letter-spacing: 0.2em;
	line-height: 1;
	color: #fff;
	margin: 0;
}
#m_runway_hero .copy1 .address {
	font-family: "SackersGothicW01-Medium";
	/*font-size: 16px !important;*/
	font-size: 1.667vw !important;
	letter-spacing: 0.2em;
	line-height: 1;
	color: #fff;
	margin-top: 2%;
}


#m_runway_hero .copy2 {
    width: 94%;
    top: 65%;
    margin: 0 3%;
}
#m_runway_hero .copy2 .head1 {
	font-family: "SackersGothicW01-Medium";
	/*font-size: 44px !important;*/
	font-size: 4.583vw !important;
	letter-spacing: 0em;
	line-height: 1;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	color: #fff;
	padding: 1.8% 0;
}


#m_runway_hero .copy3 {
    width: 89%;
    top: 72%;
    margin: 0 6%;
}
#m_runway_hero .copy3 .blurb {
    font-family: "Didot W01 Italic";
    /*font-size: 37px !important;*/
    font-size: 3.854vw !important;
    letter-spacing: 0em;
    line-height: 1.4;
    color: #fff;
}


#m_runway_hero .cont1 {
	width: 100%;
	top: 93%;
}
#m_runway_hero .cont1 a.cta.link:after {
	padding-left: 0.2%;
	font-size: 85%;
}
#m_runway_hero .cont1 a.cta.link,
#m_runway_hero .cont1 a.cta.link span {
	font-family: "SackersGothicW01-Medium" !important;
	/*font-size: 23.9px !important;*/
	font-size: 2.49vw !important;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #fff;
	line-height: 1;
}





/* ---- m_collection_highlights ---- */
#m_collection_highlights {
	padding: 1% 1.5%;
	box-sizing: border-box;
}
#m_collection_highlights .diamond {
	width: 55.3%;
	top: 22.5%;
	margin: 0 23%;
}
#m_collection_highlights .copy1 {
    width: 40%;
    top: 40%;
    margin: 0 30.25%;
}
#m_collection_highlights .copy1 .head1 {
    font-family: "SackersGothicW01-Light";
    /*font-size: 36px !important;*/
    font-size: 3.75vw !important;
    letter-spacing: 0.1em;
    line-height: 1.3;
    color: #fff;
    margin: 0;
}
#m_collection_highlights .copy1 .blurb {
    font-family: "SackersGothicW01-Light";
    /*font-size: 18px !important;*/
    font-size: 1.875vw !important;
    letter-spacing: 0.2em;
    line-height: 1.6;
    color: #fff;
    margin: 5% 6%;
}


/* ---- m_accessories ---- */
#m_accessories .copy1 {
	width: 100%;
	top: 88%;
}
#m_accessories .copy1 .blurb {
	font-family: "SackersGothicW01-Light";
	/*font-size: 40px !important;*/
	font-size: 4.167vw !important;
	letter-spacing: 0.3em;
	line-height: 1;
	color: #fff;
}


/* ---- m_facebook ---- */
#m_facebook .tinylogo {
	width: 24%;
	top: 78.5%;
	margin: 0 38%;
}
#m_facebook .copy1 {
	width: 100%;
	top: 89%;
}
#m_facebook .copy1 .blurb {
	font-family: "SackersGothicW01-Light";
	/*font-size: 24px !important;*/
	font-size: 2.5vw !important;
	font-weight: bold;
	letter-spacing: 0.025em;
	color: #fff;
}



/* ---- m_rl_mag ---- */
#m_rl_mag .tinylogo {
	width: 28%;
	top: 83%;
	margin: 0 36%;
}
#m_rl_mag .copy1 {
	width: 100%;
	top: 90%;
}
#m_rl_mag .copy1 .blurb {
	font-family: "SackersGothicW01-Light";
	/*font-size: 24px !important;*/
	font-size: 2.5vw !important;
	font-weight: bold;
	letter-spacing: 0.025em;
	color: #fff;
}