@media( min-width:0px ) and ( max-width:767px )
{
.background{ position:absolute; background-size:cover; min-height:inherit; overflow:inherit; height:100%;}

.btn{ width:260px;}

.droprow {  padding:0px; z-index:20; height:auto; display:block;}
.droprow .droppoint {padding: 20px; width: auto; margin:10px;}

.droprow .login { margin: 0px auto 0; width: auto;}
.droprow .login .logo { margin: 20px 0 90px;}	
.droprow .login .logo img{ width:200px;}
.droprow .signbox{ text-align:center; margin:0px auto;}
.droprow .signbox .logo{ margin:20px 0 50px 0px;}
.droprow .signbox .logo img{ width:200px;}

.droprow .droppoint .row > div ul li { font-size: 27px; margin:0px 5px 0px 0px; padding: 10px 0px;}
.points { overflow:hidden;}
#map { height: 500px;}
.info {bottom: 0px; position:fixed; z-index:50;}

.droprow .confirmation{width:95%; margin:0px auto 0px; text-align:center; }
.droprow .confirmation .title{ margin:40px 0 0 0px; font-size:22px!important;}
.droprow .confirmation-box{ background:rgba(243,201,57,0.9); border-radius:6px; overflow:hidden; padding:20px; overflow:hidden; margin:30px 0px;}
.droprow .confirmation-box .row{ margin:0px;}
.droprow .confirmation-box .row .left{ float:none; margin:10px 0px; text-align:left;}
.droprow .confirmation-box .row .right{ float:none; margin:10px 0px;}
.droprow .confirmation-box .row .right p{ float:none; text-align:left;}


.footer{ display:none;}
}