﻿.signin-form-container {
    clear: both;
    margin: 0 auto;
    max-width: 330px;
}
.font-size-13px {
    font-size: 13px;
}
.btn-landing {
    width: 49%;
}
.div-landing-container {
    padding-bottom: 10px;
    padding-top: 20px;
}
.about-para-style {
    font-size: 13px !important;
    word-wrap:break-word;
    /*margin-right: 2% !important;
    padding: 0 2% 2% 0 !important;*/
    text-align: justify;
}
.loginlandingpage-div {
    width:100%;
}
.overlay-text {
    bottom: 0;
    color: #FFFFFF;
    font-family: oswald;
    font-size: 4.2em;
    height: 70%;
    padding-top: 3%;
    text-shadow: 1px 1px 1px #000000;
    width: 100%;
}
.wineryText2 {
    font-size: 25px;
    font-style: oblique;
    margin-left: 12%;
    margin-top: 2%;
}
.wineryText1 {
   font-size: 21px;
    font-style: oblique;
    margin-left: 12%;
    margin-top: -22%;
    word-wrap: break-word;
}

.mobile-view {
     border: 2px solid #000000;
    padding: 1%;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
}
.container-centre {
    margin-bottom: 3%;
    margin-top: 3%;
}
.menu-image {
   background-position: center center;background-repeat: no-repeat;cursor: pointer;height: 40px;width: 40px;
}
#menu-container button {
    /*background-color: #583814;
    border: medium none;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    height: 100%;
    margin: 1%;
    min-height: 118px;
    min-width: 115px;
    padding-bottom: 5%;
    padding-top: 5%;
    text-align: center;
    width: 47%;*/

    background-color: #583814;
    border: medium none;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    height: 100%;
    margin: 1%;
    min-height: 100px;
    min-width: 85px;
    padding-bottom: 5%;
    padding-top: 5%;
    text-align: center;
    width: 47%;

}

.txt-main-btn {
    /*padding: 0 20px;*/
    text-align: center;
    float: left;
    width: 100%;
    font-size:13px;
}

/* CSS for Mobile layout */
#iphone5,#iphone {
  margin-left: auto;margin-right: auto;position: relative;left: 0px;top: 0px;
}
#iphone5.portrait {
  /*background: url("../Content/Images/mobi_preview_blank.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);height: 647px;width: 298px;*/
  background: url("../Content/Images/2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);height: 647px;width: 298px;
}

#iphone #url {
    background: none repeat scroll 0 0 #FFFFFF;border: medium none;font-family: 'Droid Sans','Liberation Sans',FreeSans,'Helvetica Neue LT Std','Helvetica LT Std',Helvetica,Arial,Tahoma,'Lucida Grande','Lucida Sans',sans-serif;height: 21px;position: absolute;
}
#iphone5 #url {
  position: absolute;
  height: 21px;
  background: #fff;
  border: none;
  font-family: 'Droid Sans', 'Liberation Sans', FreeSans, 'Helvetica Neue LT Std', 'Helvetica LT Std', Helvetica, Arial, Tahoma, 'Lucida Grande', 'Lucida Sans', sans-serif;
}


#iphone5.portrait #url {
  left: 35px;
  top: 164px;
  width: 188px;
}

#iphone #frame {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    position: absolute;
}
#iphone5 #frame {
  border: none;
  background: #fff;
  position: absolute;
}

#iphone5.portrait #frame {
   /*height: 10px;left: 20px;top: 162px;width: 257px;*/
    height: 10px;
    left: 23px;
    top: 94px;
    width: 217px;
}
#iphone.portrait #frame {
    /*height: 194px;left: 17px;top: 210px;width: 225px;*/
    height: 274px;
    left: 23px;
    top: 158px;
    width: 217px;
}
#frame::-webkit-scrollbar { width: 4px; height: 4px; background: transparent; }
#frame::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.75); -webkit-border-radius: 4px; border-radius: 4px; width: 4px; height: 4px; }

/*End mobile layout css*/



/*----------------------My Card css---------------------*/
.floating-page-container {
    padding-bottom: 22%;padding-top: 50px;
}
.header-title {
    background-color: #583814;color: #FFFFFF;font-size: 14px;height: auto;padding: 5px;width: 100%;
}
.txt-card-content{
   font-size: 12px;margin-left: 24%;margin-top: -25%;text-shadow: none;width: 76%;word-wrap: break-word;
}
.panel-group {
    margin-right:1%;margin-left:1%;
}
/*----------------------End My Card css----------------*/