br.spbr{
display:none;
}

br.spnbr{
display:inline;
}


.palmo_logo{
margin:0px auto;
padding-top:80px;
padding-left:0px;
width:120%;
}

.palmo_tagline{
color:#FFA6A4;
line-height:1.2em;
padding-left:20px;
}

.palmo_intro{
margin-left:-34%;
margin-right:-15%;
margin-top:-5%;
padding:0;
}

.palmo_catch{
color:#fff;
font-size:1.7em;
line-height:1.2em;
letter-spacing:-0.07em;
}

.palmo_read{
font-size:0.8em;
line-height:1.6em;
color:#FFDED8;
}

.palmo_button{
width:60%;
text-align:center;
font-weight:900;
}

.palmo_id{
font-size:1.0em;
line-height:1.3em;
color:#FFA7A4;
}

.palmo_price{
line-height:1.3em;
font-size:1.4em;
padding-bottom:15px;
}

.palmo_price span{
font-size:0.6em;
}


.palmo_name{
width:75%;
margin:0.6em auto 0.7em;
}

.story_01_1{
width:100%;
height:420px;
background:url(img/palmo/image_01.jpg) center center ;
background-size:cover;
}

.story_01_2{
width:33.33%;
height:420px;
float:left;
clear:none;
background:url(img/palmo/image_02.jpg) center left ;
background-size:cover;
}

.story_01_3{
width:33.33%;
height:420px;
float:left;
clear:none;
background:url(img/palmo/image_03.jpg) center center ;
background-size:cover;
}

.story_01_4{
width:33.33%;
height:420px;
float:left;
clear:none;
background:url(img/palmo/image_07.jpg) center center ;
background-size:cover;
}

.story_01_2 h3,
.story_01_3 h3,
.story_01_4 h3{
font-size:1.1em;
font-weight:900;
margin:2.2em 25px 1em;
color:#111;
}

.story_01_2 p,
.story_01_3 p,
.story_01_4 p{
text-align:left;
font-size:0.8em;
margin:0.8em 25px;
width:40%;
}

.story_01_1 h3{
font-size:1.1em;
font-weight:900;
margin:1em auto 1em;
color:#fff;
}

.story_01_1 p{
text-align:left;
font-size:0.8em;
margin:0.8em auto;
color:#fff;
}
.story_01_1 .txt_box{
margin:100px 0px auto 0;
width:35%;
padding:15px 20px;
background:rgba(0,0,0,0.3)
}

.story_02{
background-image:url(img/palmo/image_04_1.jpg);
background-position:center bottom;
background-color:#fff;
background-repeat:no-repeat;
background-size:auto 100%;
}

.story_02 h3{
font-size:1.5em;
}

.story_02 p{
text-align:left;
padding:30px 0 120px;
font-size:0.9em;
}


.story_03{
background:#000 url(img/palmo/image_06.jpg) center center;
background-size:cover;
color:#fff;
text-align:left;
}

.story_03 h3{
font-size:1.4em;
margin:2.5em 10px 1em 0px;
color:#fff;
}

.story_03 p{
text-align:left;
font-size:0.85em;
margin:0.8em 10px 2.5em 0px;
color:#efefef;
}

.story_04{
background:#000 url(img/palmo/image_13.jpg) center top no-repeat;
height:480px;
color:#eee;
text-align:left;
}

.story_04 h3{
font-size:1.4em;
color:#eee;
padding-bottom:20px;
}

.story_04 p{
font-size:0.85em;
width:48%;
color:#ccc;
}
.story_04 h3 span{
color:#FF5273;
font-size:0.9em;
line-height:1.1em
}

.story_08{
background-color:#fff;
background-image: url(img/palmo/image_11.png), url(img/palmo/image_08.jpg);
background-repeat:no-repeat,no-repeat;
background-position:left bottom,right top;
background-size:auto 100%,auto 100% ;
}

.story_08 h3{
font-size:1.2em;
padding-bottom:0px;
}

.story_08 p{
font-size:0.85em;
padding-bottom:10px;
color:#333;
}

.story_08 .row-content {
width:42%;
margin:0 25% 0 33%;
}

.story_09{
background:#DC0053;
color:#FFDED8;
font-weight:900;
font-size:0.95em;
line-height:1.5em;
padding:12px 20px 20px;
}

.palmo_item{
width:49%;
display:inline-block;
text-align:center;
border-right:1px solid #ccc;
}

.palmo_item .palmo_color{
font-size:1.8em;
}

.palmo_item img{
margin:0 auto;
}

.palmo_name_02{
text-align:left;
font-size:1.3em;
margin-top:0.6em;
margin-bottom:0.1em;
}

.palmo_spec {
margin-top:24px;
}

.palmo_spec h5{
color:#333;
font-size:0.9em;
line-height:1.1em;
margin:0.1em 0 0.3em 0;
}

.palmo_spec > table{
margin-bottom:0.3em;
}

.palmo_spec td,th{
font-weight:100;
color:#333;
font-size:0.8em;
padding:1px;
}

.palmo_price_02{
color:#DC0052;
font-size:1.6em;
}

.palmo_price_02 span{
font-weight:100;
color:#666;
font-size:0.5em;
}

.palmo_price_03{
color:#DC0052;
font-size:1.1em;
line-height:1.1em;
}

.palmo_price_03 span{
font-weight:100;
color:#666;
font-size:0.6em;
}


.palmo_maker{
font-weight:100;
color:#333;
font-size:0.8em;
line-height:1.4em;
}

.palmo_quantity{
margin-bottom:6px;
font-size:0.9em;
}

.palmo_item .button{
font-weight:400 !important;
font-size:1.1em !important;
padding:0.2em 1.8em !important;
margin: 0 auto;
}


#purchase{

}

#purchase .variation{
width:100%;
}

#purchase .variation ul{
margin:0;
padding:0;
}

#purchase .variation li{
list-style:none;
float:left;
clear:none;
padding-top:10px;
width:25%;
height:54px;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
text-align:center;
line-height:1.2em;
color:#999;
}

#purchase .variation li.active{
border-bottom:1px solid #fff;
color:#333;
}

#purchase .variation li span{
display:block;
padding:0;
font-size:0.8em;
color:#999;
}




#shopping_guide .column{
padding-top:0px;
font-size:0.9em;
padding-bottom:00px;
}

#shopping_guide .column h4{
font-size:1.3em;
line-height:2em;
border-bottom:1px solid #ccc;
margin-top:0;
margin-bottom:8px;
}



@media handheld, only screen and (max-width:1280) {

.palmo_logo{

}


}



/*----------------------------------------------------------------
    768px Breakpoint
----------------------------------------------------------------*/

@media handheld, only screen and (max-width:768px) {
#intro-wrap{
height:auto !important;
overflow:visible;
}

#intro{
position:relative;
height:auto !important;
}

.caption-mockup.caption-left, .caption-mockup.caption-right{
margin-top:0;
}

.intro-mockup-wrapper{
height:auto !important;
width:100% !important;
max-width:100% !important;
padding:0 !important;
margin-top:0 !important;
}

.intro-mockup img{
width:65%;
}

.palmo_tagline{
text-align:center;
font-size:1.3em;
}

.palmo_v{
z-index:300;
}


#intro .intro-item{
position:relative;
}

.palmo_intro_wrap{
float:none !important;

}

.palmo_intro{
position:relative;
margin-left:0;
margin-right:0;
margin-top:-30px;
padding:10px 5%;
background:#C6174F;
z-index:10000;
}

.palmo_logo{
width:35%;
margin:0 auto;
padding-top:30px;
padding-left:0px;
}

.palmo_name{
width:35%;
padding:5px 0;
}

.palmo_catch{
margin-top:0.3em;
margin-bottom:0.1em;
font-size:2.4em;
line-height:1.2em;
text-align:center;
}

.palmo_read{
font-size:1.0em !important;
line-height:1.5em;
}

.palmo_id{
text-align:left;
padding-left:0.5em;
display:inline;
}

.palmo_price{
text-align:left;
padding-left:0.3em;
display:inline;
}



.palmo_button{
display:block;
clear:both;
margin:0.8em auto 1em;
font-size:1.2em !important;
}

.story_01_1 h3{
font-size:1.2em;
font-weight:900;
margin:6% auto 3%;
color:#fff;
}

.story_01_1 p{
text-align:left;
font-size:1em;
margin:1% auto 2%;
color:#fff;
}

.story_01_1 .txt_box{
width:40%;
}

.story_02{
background:#fff url(img/palmo/image_04_1.jpg) left bottom no-repeat;
background-size:auto 100%;
}
.story_02 .row-content.buffer{
padding:2% !important;
}

.story_02 h3{
font-size:1.4em;
padding-top:60px;
padding-left:40%;
}

.story_02 p{
text-align:left;
padding:10px 5% 120px 40%;
font-size:1em;
}


.story_01_2{
width:100%;
height:380px;
float:left;
clear:none;
background:url(img/palmo/image_02.jpg) center left no-repeat;
background-size:cover;
}

.story_01_3{
width:50%;
height:420px;
float:left;
clear:none;
background:url(img/palmo/image_03.jpg) center center no-repeat;
background-size:cover;
}

.story_01_4{
width:50%;
height:420px;
float:left;
clear:none;
background:url(img/palmo/image_07.jpg) center center no-repeat;
background-position:top 0px center -100px;
background-size:cover;
}

.story_01_2 h3{
font-size:1.3em;
font-weight:900;
margin:0 0 0 0;
color:#111;
padding:5% 4% 1% 4%;
}

.story_01_2 p{
margin:0 40% 0 0;
color:#111;
width:30%;
padding:0 4% 4% 4%;
min-height:12em;
}

.story_01_3 h3{
font-size:1.3em;
font-weight:900;
margin:4% 0 0 0;
color:#111;
padding:5% 4% 1% 8%;
}

.story_01_3 p{
margin:0 55% 0 0;
color:#111;
width:45%;
padding:1% 4% 4% 8%;
min-height:12em;
}

.story_01_4 h3{
font-size:1.3em;
font-weight:900;
margin:4% 0 0 0;
color:#111;
padding:5% 4% 1% 8%;
}

.story_01_4 p{
margin:0 35% 0 0;
color:#111;
width:65%;
padding:1% 4% 4% 8%;
min-height:12em;
}

.story_03{
background:#000 url(img/palmo/image_06.jpg) center center;
background-size:cover;
color:#fff;
text-align:left;
}

.story_03 h3{
font-size:1.4em;
margin:2.5em 10px 1em 0px;
color:#fff;
}

.story_03 p{
width:50%;
text-align:left;
font-size:1em;
margin:1.8em 10px 3em 0px;
color:#efefef;
}



.story_09{
background:#DC0053;
color:#FFDED8;
font-weight:900;
font-size:1em;
line-height:1.6em;
padding:17px 20px 25px;
text-align:center;
}

.story_04 p{
font-size:1em;
}

.story_08{
background-color:#fff;
background-image: url(img/palmo/image_08.jpg);
background-repeat:no-repeat;
background-position:right top;
background-size:auto 100% ;
}

.story_08 h3{
font-size:1.4em;
padding-bottom:0px;
}

.story_08 p{
font-size:1em;
padding-bottom:10px;
color:#333;
}

.story_08 .row-content {
width:70%;
margin:0 30% 0 0;
}

.palmo_item{
border-right:none;
}

.palmo_item:first-child{
border-right:1px solid #ccc;
}

.palmo_spec td,th{
font-size:1em;
}

}

/*----------------------------------------------------------------
    640px Breakpoint
----------------------------------------------------------------*/

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

.intro-mockup-wrapper{
width:100% !important;
max-width:100% !important;
padding:0 !important;
}

.palmo_tagline{
text-align:center;
}



.palmo_v{
z-index:300;
}

#intro-wrap{
}
#intro .intro-item{
position:relative;
}

.palmo_intro{
margin-left:0;
margin-right:0;
margin-top:0px;
padding:10px 3%;
background:#C6174F;
z-index:10000;
}

.palmo_catch{
margin-top:0.2em;
margin-bottom:0.4em;
font-size:2.0em;
line-height:1.1em;
}

.palmo_read{
text-align:left;
padding:0.2em;
line-height:1.4em;
}

.palmo_button{
font-size:1.2em !important;
line-height:1.1em !important;
width:240px !important;
}

.palmo_item{
width:49%;
display:inline-block;
text-align:center;
border-right:none;
}

.palmo_item .palmo_color{
font-size:1.4em;
}

.palmo_item img{
margin:0 auto;
width:85%;
}


.palmo_color_sel{
width:100%;
margin:-20px auto 10px auto;
display:block !important;

}


}

/*----------------------------------------------------------------
    320px Breakpoint - Fix some mockups
----------------------------------------------------------------*/

@media handheld, only screen and (max-width:420px)  {


br.spbr{
display:inline;
}

br.spnbr{
display:none;
}

#intro-wrap{
height:auto !important;
overflow:visible;
}

#intro{
position:relative;
height:auto !important;
}

.intro-mockup-wrapper{
height:auto !important;
width:100% !important;
max-width:100% !important;
padding:0 !important;
}

.intro-mockup img{
width:84%;
}

.palmo_tagline{
text-align:center;
}

.palmo_v{
z-index:300;
}


#intro .intro-item{
position:relative;
}

.palmo_intro_wrap{
float:none !important;

}

.palmo_intro{
position:relative;
margin-left:0;
margin-right:0;
margin-top:0px;
padding:10px 5%;
background:#C6174F;
z-index:10000;
}

.palmo_logo{
width:50%;
margin:0 auto;
padding-top:20px;
padding-left:0px;
}

.palmo_name{
width:60%;
padding:5px 0;
}

.palmo_catch{
margin-top:0.3em;
margin-bottom:0.1em;
font-size:1.7em;
line-height:1.1em;
}

.palmo_read{
font-size:0.90em !important;
line-height:1.5em;
}

.palmo_id{
text-align:left;
padding-left:0.3em;
display:block;
}

.palmo_price{
text-align:left;
padding-left:0.3em;
display:block;
}

.palmo_button{
width:60%;
text-align:center;
font-weight:900;
margin:0 auto 1em;
font-size:1.0em !important;
}


.story_01_1{
width:100%;
height:420px !important;
background-image:url(img/palmo/image_01.jpg);
background-position:right -50px top -20px;
background-repeat:no-repeat;
background-size:auto 105%;
position:relative;
}

.story_01_1 h3{
font-size:1.1em;
font-weight:900;
margin:4% auto 1%;
color:#fff;
}

.story_01_1 p{
text-align:left;
font-size:0.9em;
margin:1% auto;
color:#fff;
}

.story_01_1 .txt_box{
position:absolute;
bottom:0px;
margin:0px 0px auto 0;
width:100%;
padding:4% 4%;
background:rgba(0,0,0,0.3)
}

.story_02{
background:#fff url(img/palmo/image_04_1.jpg) left bottom no-repeat;
background-size:auto 100%;
}
.story_02 .row-content.buffer{
padding:2% !important;
}

.story_02 h3{
font-size:1.2em;
padding-top:0px;
padding-left:50%;
}

.story_02 p{
text-align:left;
padding:10px 0 10px 50%;
font-size:0.9em;
}

.story_01_2{
width:100%;
height:420px;
float:left;
clear:none;
background:url(img/palmo/image_02.jpg) center left no-repeat;
background-size:cover;
}

.story_01_3{
width:100%;
height:420px;
float:left;
clear:none;
background:url(img/palmo/image_03.jpg) center center no-repeat;
background-size:cover;
}

.story_01_4{
width:100%;
height:420px;
float:left;
clear:none;
background:url(img/palmo/image_07.jpg) center center no-repeat;
background-position:top 0px center -100px;
background-size:cover;
}

.story_01_2 h3{
font-size:1.1em;
font-weight:900;
margin:4% 0 0 0;
color:#111;
padding:5% 4% 1% 4%;
}

.story_01_2 p{
margin:0 40% 0 0;
color:#111;
width:60%;
padding:1% 4% 4% 4%;
min-height:12em;
}

.story_01_3 h3{
font-size:1.1em;
font-weight:900;
margin:4% 0 0 0;
color:#111;
padding:5% 4% 1% 4%;
}

.story_01_3 p{
margin:0 55% 0 0;
color:#111;
width:45%;
padding:1% 4% 4% 4%;
min-height:12em;
}

.story_01_4 h3{
font-size:1.1em;
font-weight:900;
margin:4% 0 0 0;
color:#111;
padding:5% 4% 1% 4%;
}

.story_01_4 p{
margin:0 35% 0 0;
color:#111;
width:65%;
padding:1% 4% 4% 4%;
min-height:12em;
}

.story_03{
background:#111 url(img/palmo/image_06.jpg) bottom right no-repeat;
background-size:100% auto;
color:#fff;
text-align:left;
padding-bottom:50%
}

.story_03 h3{
font-size:1.2em;
margin:0.4em 0 0.6em;
color:#fff;
}

.story_03 p{
width:100%;
text-align:left;
font-size:0.85em;
margin:0.8em 0 2.5em;
color:#dddddd;
}

.story_09{
background:#DC0053;
color:#FFDED8;
font-weight:900;
font-size:1em;
line-height:1.5em;
padding:12px 20px 20px;
text-align:left;
}

.story_04{
background:#000 url(img/palmo/image_13.jpg) center top no-repeat;
background-size:cover;
height:400px;
color:#eee;
text-align:left;
}

.story_04 h3{
font-size:1.2em;
color:#eee;
padding-bottom:20px;
}

.story_04 p{
font-size:0.85em;
width:48%;
color:#ccc;
}
.story_04 h3 span{
color:#FF5273;
font-size:0.8em;
line-height:1.1em
}

.story_08{
background-color:#fff;
background-image: url(img/palmo/image_11.png), url(img/palmo/image_08.jpg);
background-repeat:no-repeat,no-repeat;
background-position:-20% top,right bottom;
background-size:auto 50%,auto 50% ;
}

.story_08 h3{
font-size:1.1em;
padding-bottom:0px;
margin-right:45%;
margin-left:0%;
padding-top:5%;
}

.story_08 h3:first-child{
font-size:1.1em;
padding-bottom:0px;
margin-right:0%;
margin-left:45%;
margin-top:1%;
padding-top:0%;
}

.story_08 p{
font-size:0.85em;
padding-bottom:10px;
color:#333;
margin-right:45%;
}

.story_08 h3:first-child + p{
font-size:0.85em;
padding-bottom:10px;
color:#333;
margin-left:45%;
margin-right:0%;
}

.story_08 .row-content {
width:100%;
margin:0;
}

.palmo_item:first-child{
border-right:none;
}

.palmo_spec td,th{
font-size:0.8em;
}


#purchase .variation li{
font-size:0.9em;
line-height:1.2em;
height:70px;
}

#purchase .variation li.active{
border-bottom:1px solid #fff;
color:#333;
}

#purchase .variation li span{
display:block;
padding:0;
font-size:0.7em;
color:#999;
}



}

@media handheld, only screen and (max-width:48em) {
}

@media (max-width:30em) {
}  

@media handheld, only screen and (min-width:48em) {
}

@media handheld,only screen and (max-width:48em) {
}

@media handheld,only screen and (max-width:48em) {
}