/*DEVICES BELOW 900*/
@media only screen and (max-width: 899px) {

.left-sec {
    display: block !important;
    left: 0;
    top:0;
    position: fixed !important;
    background: #5B963E !important;
    background: linear-gradient(to top, #5B963E, #71be62) !important;
    width: 100% !important;
    padding: 20px 20px !important;
    border-bottom-right-radius: 35px !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 35px !important;
    box-shadow: 10px 14px 3px 0 #bee1b7 !important;
    text-align: center;
  }
  
  .right-sec {
    display: block !important;
    float: none !important;
    width: 100% !important;
  }
  
  .right-vertical-center {
    position: relative !important;
    left: 0 !important;
    transform: translate(-0%, 140px) !important;
    width: 95% !important;
  }
  
  .login-wrapper {
      margin: 15px 10px !important;
      max-width: 100% !important;
      width: 100% !important;
      padding:16px 22px;
      text-align: center;
  }
  
  .login-wrapper:hover {
    padding-left: 0.5rem;
    border-left: 0.5rem solid #5B963E;
  }
  
  label {
    text-align: left !important;
  }
  
  .icon-for-left-sec {
    font-size: 30px !important;
  }
  
  h4.mms {
    display:none !important;
  }
  
  h4.sub-header {
    margin-top: 15px !important;
    font-size: 22px !important;
  }
  
  h4.app-type {
    font-weight: normal;
    color: #FFF !important;
    margin-top: 10px;
    font-size: 20px;
  }
  
  h5.details {
    display: none;
  }
}


/*MOBILE DEVICES*/
@media only screen and (max-width: 767px) {
  .main-page-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url("/assets/overlay-pizza.jpg");
    background-size: cover;
    width: 100%;
    height: 356px !important;
    overflow: hidden;
    margin-top: 72px !important;
  }

  .get-your-favourite-m {
    margin-top: 68px !important;
    font-size: 24px !important;
    line-height: 30px !important;
    text-align: center !important;
    max-width: 90% !important;
  }

  .store-page-overlay {
    height:310px !important;
  }

  .farm-pizza-specialize {
    margin-top: 8px !important;
    max-width: 90% !important;
  }

  .about-us h1 {
    padding-top: 32px !important;
    padding-bottom: 16px !important;
  }

  .hero-mid {
    margin-top: 19px !important;
    margin-bottom: 19px !important;
    height: 257px !important;
    background-image: url("/assets/hero-mid-mobile.png");
    background-size: cover;
  }

  .card-ypw {
    height: 154px !important;
    padding: 16px !important;
    border-radius: 3px !important;
    margin-bottom: 8px;
  }

  .location-map {
    margin-top: 24px !important;
    height: 270px !important;
    background-image: url("/assets/map-mobile.png") !important;
    background-size: cover !important;
  }

  .hero-bottom {
    background-image: url("/assets/hero-bottom.png");
    background-size: cover;
    height: 396px !important;
    margin-bottom: 72px !important;
  }

  .what-makes-our-pizza {
    margin-top: 32px !important;
    font-size: 16px !important;
    line-height: 24px !important;
    text-align: center !important;
  }

  .reverse-wrapper {
    height: 200px !important;
  }

  .reverse-regular-text {
    position: absolute;
    bottom: 88px !important;
  }

  .download-wrapper {
    position: absolute;
    width: 100%;
    bottom: 38px !important;
    margin: auto;
  }


  .col-md-11-5,.col-md-10-5,.col-md-9-5,.col-md-8-5,.col-md-7-5,.col-md-6-5,.col-md-5-5,.col-md-4-5,.col-md-3-5,.col-md-2-5,.col-md-1-5
  {
    width: 100% !important;
    max-width: 100% !important;
    padding:0 !important;
  }

  .col-md-11-5:nth-child(n+2),.col-md-10-5:nth-child(n+2),.col-md-9-5:nth-child(n+2),.col-md-8-5:nth-child(n+2),.col-md-7-5:nth-child(n+2),.col-md-6-5:nth-child(n+2),.col-md-5-5:nth-child(n+2),.col-md-4-5:nth-child(n+2),.col-md-3-5:nth-child(n+2),.col-md-2-5:nth-child(n+2),.col-md-1-5:nth-child(n+2)
  {
    margin-top: 25px;
  }

  .row-sm-offset {
    margin-left: -23px !important;
    margin-right: -23px !important;
  }

  .store-inner {
    padding: 16px 0px 1px 16px !important;
  }

  .store-open-rectangle {
    margin-right: 16px !important;
  }

  .store-mute {
    margin-right: 16px !important;
  }

  .sm-padding {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .stamp { 
    left: calc(100% - 140px) !important;
    top: -12px;    
  }

  .delivery-content
  {
    margin-top:15px !important;    
  }
  
  .delivery-content {
    position: fixed !important;
    bottom:0 !important;
    width: 100% !important;
    margin-left: 10px !important;
    border-top: 1px solid #5B963E;
    max-height: 320px !important;
    overflow-y: auto !important;
  }

  .bottom-checkout-btn-wrapper {
    bottom:0 !important;
  }

  .btn-checkout-wrapper {
    min-height:74px !important;
    height:auto !important;
  }

  .col-md-8-5 {
    margin-bottom:100px !important;
  }

}