@media screen and (max-device-width:650px){ /* phone */
.pageBorder{
width:100%;
border-left:none;
border-right:none;
}
.pageWrap{
width:100%;
}
#pageHead{
height:60px;
padding:5px;
}
.pageOffset{
padding-top:70px;
}
#logo{
padding-left:0;
}
#pageHead.sticky #logo img{
width:20%;height:auto;
}
#sublogo{
font-size:80%;
}
.pageWrapper{
position:relative;
max-width:650px;
padding:0px;
}
#pageTitle{
font-size:small;
}
#pageTitle i{
display:block;
}
h1{
font-size:130%;
}
h2{
font-size:120%;
}
h3{
font-size:110%;
}
#pageMenu,#pageMenuTop{
display:block;
font-size:80%;
}
#pageMenu>ul{
width:100%;height:100%;
position:relative;
margin:0px;
float:none;
}
#pageHead.sticky #pageMenu>ul{
background:none;
}
#pageMenu>ul>li{
background:#b31820;
position:relative;
height:100%;
}
#pageMenu>ul>li:first-child{
display:none;
}
#pageMenu a,#pageMenu span{
display:block;
position:relative;
margin:0;
width:auto;
padding:10px;
color:#FFF;
height:100% !important;
}
#pageHead.sticky #pageMenu a{
background:#b31820;
color:#FFF;
}
#userMenu a{
padding:10px;
}
#pageMenu a:active,#pageMenu a:hover{
color:#FFF;
border-bottom:3px solid #FFF;
}
.c25p{width:100%;}.c33p{width:100%;}.c50p{width:100%;}.c75p{width:100%;}
fieldset>ul>li{
margin:0px;
padding:0px;
line-height:20px;
border:none;
}
fieldset>ul>li>label>span,fieldset>ul>li>span,
fieldset>ul>li>label>div,fieldset>ul>li>div{
display:block !important;
float:none !important;
padding:5px 0 0 0;
line-height:normal;
width:auto;
}
fieldset>ul>li>label>div,fieldset>ul>li>div{
padding:2px 0 5px 0;
}
fieldset input,fieldset select,fieldset textarea{
display:block;
width:100%;
}
#pageFoot{
display:none;
font-size:80%
}
#pageFoot .cols{
min-width:0;
padding:3px;
display:block;
line-height:normal;
}
#pageFoot .cols li{
border:none;
display:inline;
}
#pageFoot .cols li:first-child{
display:block;
}
#pageFoot .cols li:nth-child(n+3):before{
content:' , ';
}
#siteCredits{
padding:2px; 1vw;
}
#sideMenu{
display:none;
}
#pageBody{
display:block;
padding:60px 10px 40px 10px;
height:100%;
}
.toBlock,.toBreak{
display:block;
width:100% !important;
}
.perpendicular{
left:-90px !important;
}
.mobileoff{
display:none;
}

/*app menu*/
#app_menu>i,#back_menu>i{
color:#fff;
padding:10px 15px;
}
div#pageMenu.checked{
display:block;
left:0;
/*animation: slide-in 0.5s ease;animation-fill-mode: forwards;
-webkit-animation: slide-in 0.5s ease;-webkit-animation-fill-mode: forwards;
-moz-animation: slide-in 0.5s ease;-moz-animation-fill-mode: forwards;*/
}
#pageMenu{
position:fixed;
transition:left 0.5s ease;-webkit-transition:left 0.5s ease;
left:-280px;
height:100%;
z-index:100;
width:280px;
/*animation: slide-out 0.5s ease;animation-fill-mode: forwards;
-webkit-animation: slide-out 0.5s ease;-webkit-animation-fill-mode: forwards;
-moz-animation: slide-out 0.5s ease;-moz-animation-fill-mode: forwards;*/
background:rgb(0,0,0,0);
}

/*site specific*/
#banner{
position:relative;
margin-left:-10px;
margin-right:-10px;
}
.absmiddle{
min-width:300px;
}
#offer_by,#offer_title,#offer_validity,#offer_howto,#social_share{
padding:10px 20px;;margin:20px 0;
font-size:125%;
}
#offer_imgs{
width:100%;
overflow:hidden;
}
#offer_imgs img{
display:block;
width:126.25%;
margin-left:-13.25%;
transition:width 1s,margin-left 1s;
}
#offer_imgs:hover img{
width:187%;
margin-left:-44%;
}
#btnContinue{
padding:15px 10px;
font-size:5vw;
}
#btnContinue:after{
right:-50%;
}

}