/* -- resp mods -- */

#bom-menu-btn {
	display: none;
}

#florist-one-skin {
	width: 100% !important;
}

@media screen and (max-width: 960px){
		
	#bom-site-wrapper #bom-wrapper {
		width: 715px;
	}
	#bom-header {
		width: 700px;
		/*background-position: left -100px top 10px !important;+*/
	}
	#bom-header #bom-in-memory-con {
		width: 200px;
		left: 0;
	}
	#candles-con{
		width: 525px;
		height: 200px;
		top: 150px;
		background-position-y: 53px;
	}
	#candles-con-message {
		top: 170px;
	}
	
	#candle-0 {top: 35px; left: 230px; z-index: 20;}
	/* Center 1 Left Back */
	#candle-1 {top: 0px; left: 260px; z-index: 10;}
	/* Center 1 Right Back */
	#candle-2 {top: 0px; left: 175px; z-index: 10;}
	/* Center 1 Left Forward */
	#candle-3 {top: 35px; left: 145px; z-index: 11;}
	/* Center 1 Right Forward */
	#candle-4 {top: 35px; left: 60px; z-index: 11;}
	/* Center 2 Left Back */
	#candle-5 {top: 0px; left: 90px;}
	/* Center 2 Right Back */
	#candle-6 {top: 0px; left: 350px;}
	/* Center 3 Left Forward */
	#candle-7 {top: 35px; left: 405px; z-index: 10;}
	/* Center 3 Right Forward */
	#candle-8 {top: 35px; left: 315px; z-index: 10;}
	/* Center 3 Left Back */
	#candle-9 {top: 0px; left: 5px; }
	/* Center 3 Right Back */
	#candle-10 {top: 0px; left: 440px;}
	/* Center 4 Left Forward */
	#candle-11 {top: 35px; left: 60px; z-index: 10; display:none;}
	/* Center 4 Right Forward */
	#candle-12 {top: 35px; left: 350px; z-index: 10; display:none;}
	/* Center 4 Left Back */
	#candle-13 {top: 20px; left: 40px; display:none;}
	/* Center 4 Right Back */
	#candle-14 {top: 20px; left: 525px; display:none;}
	
	#bom-content-wrapper {
		padding: 0 20px 125px 20px;
		width: 475px;
	}
	
	.bom-leave-condolence-con form #Message {
		width: 300px;
	}
	
	.files td.preview canvas {
		width: 40px !important;
		height: 40px !important;
	}
	.files .progress {
		width: 89px !important;
	}
	
	#bom-content-container {
		background: none;
	}
	#bom-content-wrapper .info-container {
		padding-left: 0;
	}
	.bom-services-wrapper .infoContent {
		width: 335px;
	}
	/* Service Map */
	#bom-content-wrapper .bom-services-wrapper {
		width: 100% !important;
	}
	#bom-content-wrapper .bom-googlemap {
		width: 100%;
		margin-bottom: 20px;
	}
	.bom-googlemap #bom-googlemap {
		width: 100%;
	}
	.bom-googlemap #control {
		width: 100%;
		min-height: 50px;
	}
	.bom-googlemap #directionpanel .adp {
		width: 95%;
	}
	
	#bom-content-wrapper .facebook-share,
	.bom-services-wrapper .loc-map-controls {
		width: 139px;
		
	}
	#bom-content-wrapper .facebook-share a{
		margin-left:20px;
	}
	
#bom-content-wrapper .facebook-share a:before{
		margin-left:-29px;
	}	
	
}

@media screen and (max-width: 750px){
	#bom-menu-btn {
		line-height: normal; 
		letter-spacing: normal;
		display: block; 
		width: 100%; 
		height: 33px; 
		padding-top:17px; 
		font-size: 16px; 
		color: #000; 
		text-shadow: none; 
		text-decoration: none; 
		text-align: center; 
		background: url("../bom-nav-item-bg.jpg") top no-repeat;
		cursor: pointer;
		background-size: cover;
		position: relative;
		display: block;
		background-color: #CFCFB4;

	}
	#bom-nav > ul:first-of-type {
		display: none;
		width: 100%;
		margin-top: 0;
	}
	#bom-menu-btn:hover {
		color:000;
	}

	.bom-expand-nav {
	  background: url("/mobile/images/icon-bom-expand.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	  height: 21px;
	  position: absolute;
	  right: 20px;
	  top: 18px;
	  width: 21px;
	  z-index: 10;
	}
	.resp-expanded .bom-expand-nav {
	  background: url("/mobile/images/icon-bom-collapse.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	#bom-nav ul li.level1 {
		margin: 0 auto;
		display: block;
		padding-top: 0px;
		width: 99.5%;
		list-style: none;
		background: #F1F1E3;
		border: 1px solid #5c5c5c;
	}
	#bom-nav ul li.level1 a {
		color: #000 !important;
		text-shadow: none !important;
	}
	#bom-nav ul li a.fly {
		background-image: none;
	}
	/** Submenu **/
	#bom-nav ul li ul li a span {
		color: #5c5c5c !important;
	}
	#bom-nav ul li ul {
		background-image: none;
		background-color: #CFCFB4;
	}
    
	#bom-site-wrapper #bom-wrapper {
		width: 450px;
	}
	#bom-header {
		width: 424px;
		background-position: -127px -30px !important;
		background-size: 129% auto !important;
		z-index:11;
	}
	#candles-con {
		height: 190px;
		left: 0px;
		position: absolute;
		top: 11px;
		width: 100%;
		overflow: hidden;
		background-position-y: 61px;
	}
	
	#candles-con .candle-body {
		width: 40px;
		background-size: 100% auto;
	}
	#candles-con .lit-candle .candle-body {
		width: 40px;
	}
	#candles-con .lit-candle .candle-flame-con {
		/*margin: 15px 0 0 28px;*/
		margin: 0 0 0 15px;
	}
	img.candle-flame {
		display: block;
	}
	
	#candle-0 {top: 38px; left: 200px; z-index: 20;}
	/* Far Right */
	#candle-1 {top: 30px; left: 85px; z-index: 10;}
	/* Center */
	#candle-2 {top: 35px; left: 315px; z-index: 10;}
	/* Far Left */
	#candle-3 {top: 30px; left: 85px; z-index: 10; display: none;}
	/* Center 1 Right Forward */
	#candle-4 {top: 30px; left: 227px; z-index: 10; display: none;}
	/* Center 2 Left Back */
	#candle-5 {top: 25px; left: 117px; display: none;}
	/* Center 2 Right Back */
	#candle-6 {top: 31px; left: 277px; display: none;}
	/* Center 3 Left Forward */
	#candle-7 {top: 32px; left: 342px; z-index: 10; display: none;}
	/* Center 3 Right Forward */
	#candle-8 {top: 38px; left: 257px; z-index: 10; display: none;}
	/* Center 3 Left Back */
	#candle-9 {top: 20px; left: 62px; display: none;}
	/* Center 3 Right Back */
	#candle-10 {top: 20px; left: 357px; display: none;}
	/* Center 4 Left Forward */
	#candle-11 {top: 40px; left: 102px; z-index: 10; display: none;}
	/* Center 4 Right Forward */
	#candle-12 {top: 38px; left: 307px; z-index: 10; display: none;}
	/* Center 4 Left Back */
	#candle-13 {top: 30px; left: 82px; display: none;}
	/* Center 4 Right Back */
	#candle-14 {top: 25px; left: 317px; display: none;}
	
	#candles-con-message {
		top: 168px;
	}
	#bom-header #bom-photo-con {
		height: 195px;
		left: 143px;
		top: 212px;
		width: 149px;
		border: 3px solid #D1C96D;
		padding: 0;
	}
	#bom-photo-con img {
		height: 100%;
		text-align: center;
	}
	img.candle-flame {
		/*display: none !important;*/
	}
	#bom-header {
		height: 195px;
	}
	#bom-nav {
		width: 100%;
		height: auto;
		border: 0;
		padding-top: 350px;
	}
	#bom-content-container {
		width: 100%;
	}
	#bom-nav > ul:first-of-type {
		display: none;
		width: 100%;

	}
	#bom-nav > ul:first-of-type li  a{
		background-size: cover;
	}
	#bom-nav li.level1 ul {
		left: 0px !important;
		margin-top: 48px !important;
		height: auto;
	}
	
	#bom-in-memory-con {
		top: 0;
		margin: 410px auto 0;
		position: relative;
		padding: 0;
		background-color: transparent;
	}
	#bom-header #bom-in-memory-con {
		width: 60%;
		left: 20%;
		top: 20px;
	}
	#bom-in-memory-con #bom-in-memory-name {
		width: auto;
	}
	/* Photographic Memories-Doesn't fit because of Javascript */
	li#menu_memories_pm {
		display: none;
	}
	#bom-nav .menuHeader_sendflowers {
		position: absolute;
		top: 435px;
		left: 140px;
		width: 160px;
		height: 35px;
		border: 0;
		background-image: url("sendFlowers-750.png");
	}
	
    #bom-nav #bom-nav-concierge{
	    
	    display: block;
	    width: 100%;
	    height: 50px !important;
	    background-size: cover !important;        
    }
    
    #bom-nav-concierge #bom-nav-concierge-txt {
            text-align: center;
            padding-left: 0;
            padding-top: 18px;
          background: url('../../bom_images/conciergeServices-logo.png') no-repeat 5px 12px;
    }
	
    #bom-nav #bom-nav-HAL-txt{
        float: left;
		float:none;
		background: url('HALbtn.jpg') no-repeat;
		margin: 5px auto !important;
		margin-left:20px;		
    }  	
	
	
	#bom-nav #bom-nav-familylogin, #bom-nav #bom-nav-ficta, #bom-nav #bom-nav-subscriptionCTA {
		margin: 5px auto !important;
		width: 95% !important;
                height: 25px !important;
                float: none;
		background-image: none !important;
		background-color: #5c5c5c;
                border: 1px solid #3C3A3B;
                box-shadow: 1px 1px 0 #000;
                -moz-box-shadow: 1px 1px 0 #000;
                -webkit-box-shadow: 1px 1px 0 #000;
	}
	div#bom-nav-familylogin a p, #bom-nav-subscriptionCTA a div {
		color: #fff;
		text-shadow: none;
	}
	div#bom-nav-subscriptionCTA #bom-nav-subscriptionCTA-text p {
		color: #fff !important;
		text-shadow: none;
	}
        #bom-nav #bom-nav-ficta #bom-nav-familylogin-txt, #bom-nav #bom-nav-familylogin #bom-nav-familylogin-txt {
            text-align: center !important;
        }
        #bom-nav-familylogin p,
        #bom-nav #bom-nav-subscriptionCTA p {
            display: inline-block;
        }
	#bom-nav-fh, #bom-nav-error-contact, #socialLinks, #bom-backtofh-btn {
		display: none !important;
	}
	
	#bom-content-wrapper {
		padding: 20px 15px 125px;
		width: 420px;
		margin-top: 0;
	}
	#bom-site-wrapper #bom-wrapper {
		background: #fff !important;
	}
	.charity-search-con {
		margin: 0;
	}
	
	.bom-leave-condolence-con form #Message {
		width: 225px;
	}

	.files .progress {
		width: 60px !important;
	}
	
	.files .bom-photo-descriptions {
		width: 110px;
	}
	
	#candles-con-message a {
	  text-align: center;
	  text-decoration: none;
	  background: rgba(255,255,255,0.3);
	  padding: 0px 15px;
	}
	
	
	#bom-nav #bom-nav-subscriptionCTA, #bom-nav-familylogin {
		/*float: left;*/
		/*margin: 20px 3px 20px !important;*/
		/*display: block;*/
		/*width: 47.69% !important;*/
		/*height: 80px !important;*/
		/*background-size: cover !important;*/
	}
	
	#bom-nav-familylogin p {
		padding: 0 !important;
		margin-bottom: 0 !important;
		font-size: 17px;
	}
	#bom-nav-subscriptionCTA-click {
		display: inline-block;
                
	}
        #bom-nav #bom-nav-subscriptionCTA {
            margin-bottom: 10px !important;
            text-align: center;
	    border-radius: 0 0 12px 12px;
        }
	#bom-nav #bom-nav-subscriptionCTA #bom-nav-subscriptionCTA-text {
            padding: 0;
            display: inline-block;
        }
	.bom-services-wrapper .infoContent {
		width: 175px;
	}
	.store-container-outer {
		position: relative;
		z-index: 11;
	}
	#bom-content-wrapper .bom-services-wrapper {
		width: 100% !important;
	}
	#bom-content-wrapper .bom-googlemap {
		width: 100%;
	}
	.bom-googlemap #bom-googlemap {
		width: 100%;
	}
	.bom-googlemap #control {
		width: 100%;
		min-height: 50px;
	}
	.bom-googlemap #directionpanel .adp {
		width: 95%;
	}
	#bom-content-wrapper .facebook-share,
	.bom-services-wrapper .loc-map-controls {
		width: 139px;
	}
	
/***** FAMILY INTERACTIVE ******/
	input.bom-fi-submit.bom-button {
		float: none;
		margin-top: 10px;
	}
	.bom-fi-wrapper .bom-fi-menu {
		margin: 0 auto;
		width: 80%;
		padding: 5px 0;
	}
	ul.bom-fi-menu .bom-fi-menu-help {
		display: none;
		position: relative !important;
		width: 80% !important;
		right: 0px !important;
		padding: 50px 10%;
		height: auto !important;
		top: 0px;
		margin: 0 auto !important;
	}
	/** Family Login-Error **/
	.bom-error {
		padding: 1% 5% !important;
		width: 90% !important;
	}
	.bom-error-message {
		width: 90% !Important;
		margin: 0 auto !important;
	}
	/* Ecard **/
	#bom-fi-ecard2 .bom-ecard-selectionarea .bom-ecard-selectionimage {
		width: 48%;
	}
	#bom-fi-ecard2 img#cardPreview {
		width: 100%;
	}
	
/**** MAKE A DONATION ****/
	#charity-search-btn {
		float: left;
		margin-top: 20px;
	}
	.bom-selected-charity {
		margin: 30px 0 10px 0;
	}
}

@media screen and (max-width: 600px){
	/** LEave a Condolence **/
	.bom-leave-condolence-con form fieldset {
		width: 90% !important;
	}
	.bom-leave-condolence-con form fieldset .bom-form-row {
		width: 100%;
	}
	.bom-leave-condolence-con form #Message {
		width: 100% !important;
	}
	
	/*Share a Story **/
	input#ReceiveAnniversaryNotif {
		width: 20px !important;
	}
	
	/* Light a Candle */
	#bom-lac-form #is-data #InfoAddress {
		width: 60%;
	}
	#bom-lac-form #is-data #InfoEmail {
		width: 60%;
	}
	#bom-lac-form input[type="submit"] {
		float: none;
		margin-left: 28%;
		margin-bottom: 20px;
	}

	
}

@media screen and (max-width: 479px){
	
	
    #travel_img {
        background-image: url("/book-of-memories/bom_images/FCS-header_sm.jpg");
        background-repeat: no-repeat;
        width: 100%; /*or your image's width*/
        height: 215px;
        background-size:cover;
        margin: 0;
        padding: 0;
    }  	
	
	#menu_memories_pm{ display: none; }
	#bom-header {
		width: 92%;
		padding: 10px 4% 0 4%;
		background-position: 94% -20px !important;
		background-size: 130% !important;
		height: 205px;
	}
	
	#bom-photo-con {
		top: 175px;
	}
	#bom-nav .menuHeader_sendflowers {
		left: 80px;
	}
	#bom-site-wrapper #bom-wrapper {
		width: 95%;
	}
	
	#candles-con {
		top: 3px;
		left: 0px;
		width: 100%;
		background: none;

	}
    
	#candles-con .candle-body {
		width: 35px;
	}
	
	#candles-con .lit-candle .candle-body {
		/*width: 60px;*/
		width: 35px;
	}
	#candles-con .lit-candle .candle-flame-con {
		margin: 10px 0 0 12px;
	}
	#candle-0 {top: 38px; left: 155px; z-index: 20;}
	/* Far Right */
	#candle-1 {top: 30px; left: 80px; z-index: 10;}
	/* Center */
	#candle-2 {top: 30px; left: 230px; z-index: 10;}
	/* Far Left */
	/*#candle-3 {top: 30px; left: 25px; z-index: 10;}*/
	/* Center 1 Right Forward */
/*	#candle-4 {top: 30px; left: 195px; z-index: 10;}
 	
	#candle-5 {top: 25px; left: 105px;}
	
	#candle-6 {top: 31px; left: 245px;}
	
	#candle-7 {top: 32px; left: 310px; z-index: 10;}

	#candle-8 {top: 38px; left: 225px; z-index: 10;}

	#candle-9 {top: 20px; left: 40px; }

	#candle-10 {top: 20px; left: 285px;}

	#candle-11 {top: 40px; left: 90px; z-index: 10;}

	#candle-12 {top: 38px; left: 255px; z-index: 10;}

	#candle-13 {top: 30px; left: 70px;}

	#candle-14 {top: 25px; left: 285px;} */
	
	/* Light a Candle */
	#bom-lac-form .bom-lac-payoptions {
		margin-bottom: 60px ;
	}
	#bom-lac-form #is-data #InfoAddress {
		width: 55%;
	}
	#bom-lac-form #is-data #InfoEmail {
		width: 55%;
	}
	#bom-lac-form #is-data #InfoCity {
		width: 53%;
	}
	#bom-lac-form .bom-lac-payoptions .bom-lac-payopt input {
		width: 60px;
		height: 15px;
	}

	#bom-header #bom-photo-con {
		top: 240px;
		left: 27%;
		width: 149px;
	}
	#bom-header #bom-in-memory-con {
		width: 80%;
		left: 10%;
		top: 80px;
		padding-top: 10px;
		margin: 375px auto 0;
	}
	#bom-content-wrapper {
		margin-top: 0;
		padding: 20px 10px 125px;
		width: 300px;
	}
	#bom-content-wrapper form .bom-form-row label {
		width: 120px;
	}
	.bom-leave-condolence-con form #Message {
		width: 134px;
	}
	
	#bom-charity-sel {
		width: 100%;
	}
	
	#bom-lac-form .bom-lac-row .bom-lac-input label {
		width: 110px !important;

	}
	#bom-lac-form .bom-lac-row .bom-lac-input input[type="text"], #bom-lac-form .bom-lac-row .bom-lac-input select {
		width: 160px;
	}
	
	div#bom-googlemap {
		width: 96% !important;
	}
	
	#aboutbom form .bom-textarea {
		width: 100% !important;
	}
	
	/* funeral concierge */
	#bom-nav #bom-nav-concierge {
		height: 85px !important;
	}
	
/***** MAKE A DONATION ****/
	.bom-donation-con form input.bom-radio {
		margin: 0px 3px;
	}
    
	
}

@media screen and (max-width: 360px){
	#bom-header {
		width: 92%;
		padding: 10px 4% 0 4%;
		background-position: 80% -10px !important;
		background-size: 150% !important;
		height: 205px;
	}
	#candles-con {
		top: 0px;
		height: 220px;
	}
	#bom-header #bom-photo-con {
		top: 240px;
		left: 24%;
		width: 149px;
	}
	div#bom-fi-changepassword {
		width: 90%;
	}
	#bom-content-wrapper {
		margin-top: 0;
		padding: 20px 10px 125px;
		width: 92%;
	}
	#bom-fi-ecard2 .bom-form-row #message {
		width: 100%;
	}
	#candles-con-message {
		top: 172px;
	}
	#candle-0 {top: 40px; left: 130px; z-index: 20;} 

	/* Far Right */
	#candle-1 {top: 25px; left: 225px; z-index: 10;}
	/* Center */
	#candle-2 {top: 25px; left: 25px; z-index: 10;}
	/* Far Left */
	#candle-3 {top: 30px; left: 25px; z-index: 10;}

/*	#candle-4 {top: 30px; left: 155px; z-index: 10;}

	#candle-5 {top: 25px; left: 65px;}

	#candle-6 {top: 31px; left: 205px;}

	#candle-7 {top: 32px; left: 245px; z-index: 10;}

	#candle-8 {top: 38px; left: 185px; z-index: 10;}

	#candle-9 {top: 20px; left: 10px; }

	#candle-10 {top: 20px; left: 185px;}

	#candle-11 {top: 40px; left: 50px; z-index: 10;}

	#candle-12 {top: 38px; left: 215px; z-index: 10;}

	#candle-13 {top: 30px; left: 30px;}

	#candle-14 {top: 25px; left: 245px;} */
	
	/* Light a Candle */
	#bom-lac-form #is-data #InfoAddress {
		width: 55%;
	}
	#bom-lac-form #is-data #InfoEmail {
		width: 55%;
	}
	#bom-lac-form #is-data #InfoCity {
		width: 53%;
	}
	#bom-lac-form .bom-lac-payoptions .bom-lac-payopt input {
		width: 50px;
		height: 15px;
	}
	#bom-lac-form .bom-lac-row .bom-lac-input label {
		width: 100% !important;
		text-align: left;
	}
	
	
	/*MAKE A DONATION */
	.bom-donation-con form input.bom-radio {
		margin: 0px 0px;
	}
	.bom-donation-con fieldset h3 {
		font-size: 14px !important;
		width: 270px !important;
	}
	.bom-donation-con .charity-search-con {
		width: 250px;
	}
	.bom-donation-con .charity-search-con input#bom-charity-sel {
		width: 95%!important;
	}
	
}