/* Large desktops and laptops */
@media (min-width: 1200px) {
html, body {
  width:100%;
  height:100%;
  overflow-x:hidden;
}

#promo-wrapper {
  background-color:#4294bd;
  width:100%;
  padding:2em;
}

#payment-form {
  padding-bottom:5rem;
}

#PaidPage {
  padding-bottom:5rem;
}

#receipt_img {
      width: 50rem;
}

#bold {
  font-weight:bolder;
  font-size:1.2em;
}

input {
  text-align:center;
}

#success-offer-panel .row {
  width: 63rem;
    /* position: fixed; */
    margin-left: auto;
    margin-right: auto;
}

#success-offer-panel #order_total {
  font-size:1.5em;
}

#success-offer-panel h1 {
  font-size:1.2em;
}

 #places-fixed-header {
 	position:fixed;
 	top:0rem;
 	left:0rem;
 	width:100%;
 	height:100%;
 	background-color:#FFF;
 	z-index:99999999;
 }

 .col-md-3 .ajax-input {
    position: relative;
    top: -10rem;
    left: 27rem;
 }

 #payment-form img {
  width:45%;
 }

 #main-offer-panel-order-details h4 {
  font-weight:bolder;
 }

 .circle {
      -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #aa2f2f;
    height: 10rem;
    width: 11rem;
    margin: 4rem;
 }

 .circle p {
    position: relative;
    top: 2rem;
    text-align: center;
    color: #FFF;
 }

  #logo-order-tracking  {
    color: #aa2f2f;
    font-weight: bolder;
    text-decoration: none;
}

#logo-order-tracking h1 {
  font-weight: bolder;
    font-size: 2.2em;
}

.form-error {
  border: 5px solid #aa2f2f;
}
#logo-order-tracking img {
    position: absolute;
    top: 2rem;
    left: 59.2rem;
    width: 5rem;
}

#main-offer-panel-order-tracking h1 {
  font-weight:bolder;
}

#main-offer-panel-order-tracking {
      position: relative;
    left: 40rem;
    /* top: 0rem; */
    margin-top: 8rem;
}

#main-offer-panel-order-tracking h1 {
      font-weight: bolder;
}

#main-offer-panel-order-tracking .form-control {
  width: 50%;
}

#main-offer-panel-order-tracking input[type="submit"] {
      position: relative;
    top: -5rem;
    left: 38rem;
}


 #logo2 {
    color: #aa2f2f;
    font-weight: bolder;
    position: relative;
    top: 0rem;
    left: -2rem;
}

#logo2 h1 {
    font-weight: bolder; 
    font-size: 3.5em;
    padding: 0.5em;
    color: #aa2f2f;
    text-decoration: none;
}

.breadcrumb li a  {
  color:#aa2f2f;
  font-weight:bolder;
}

  #main-left-panel {
    background-color: #aa2f2f;
    height: 65rem;
  }

  #main-left-panel p {
    padding: 0.5em;
    text-align: justify;
    color: #FFF;
    font-size: 1.2em;
  }

  #main-left-panel h1 {
    font-weight: bolder;
    color: #FFF;
  }

  #main-left-panel ul li {
    list-style: square;
    font-size: 1.2em;
    color: #FFF;
  }

  #main-left-panel hr {
    border: 2px solid #FFF;
  }

  .glyphicon-menu-hamburger {
    position: relative;
    left: 3rem;
    top: 10rem;
    font-size: 4.5em;
    color: #aa2f2f;
    display:none;
  }

  #logo h1 img {
width: 39rem;
    position: relative;
    left: 2rem;
    top: 0rem;
  }

  #popWindow {
width: 100%;
    position: fixed;
    top: 0rem;
    left: 0rem;
    overflow-y: scroll;
    height: 100%;
    background-color: #FFF;
    z-index: 99999;
    /* -webkit-border-radius: 25px; */
    -moz-border-radius: 25px;
    /* border-radius: 25px; */
    /* border: 5px solid #aa2f2f; */
    display: none;
    padding-bottom: 2em;
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #000000;

  }

  #closePopUp {
    float:right;
    margin-right: 3rem;
    font-size: 5.8em;
    font-weight: bolder;
    color: #aa2f2f;
    margin-top: -1rem;
  }

  #mainmenu {
    text-align: center;
    font-size: 1.5em;
    background-color: #f0f0f0;
    padding: 0.5em;
    box-shadow: 1px 1px #CCC;
  }

  #mainmenu h1 {
    font-size:0.8em;
    font-weight:bolder;
  }

  #mainmenu ul li {
    display:inline;
  }

  #mainmenu ul li a {
    color: #aa2f2f;
    text-decoration: none;
    padding: 0.5em;
    font-weight: bolder;
  }

  #mainmenu ul li a:hover {
    text-decoration:underline;
  }

  #main-left-panel a {
    color:#aa2f2f;
    font-weight:bolder;
  }

  #content {
    background-image: url(../images/store.jpg);
    background-size: 150%;
    height: 65rem;
    background-repeat: no-repeat;
  }

  #main-login-form {
    position: relative;
    top: 6rem;
  }

  #main-login-form h1 {
    font-weight:bolder;
  }

  #main-login-form input[type="submit"] {
        width: 100%;
    background: transparent;
    color: #aa2f2f;
    font-weight: bolder;
    border: solid 5px #aa2f2f;
  }

    #main-login-form input[type="submit"]:hover {
        width: 100%;
    background-color:#aa2f2f;
    color: #FFF;
    font-weight: bolder;
    border: solid 5px #aa2f2f;
  }



  #address-form label {
    font-weight: bolder;
    font-size: 2.5em;
    color: #FFF;
    text-shadow: 23px 7px 24px #000;
    position: relative;
  }

  #address-form {
   position: relative;
        top: 16rem;
        width: 42rem;
        left: 10rem;
  }

  #address-form input[type="text"] {
    text-align:center;
  }


  #address-form input[type="submit"] {
    position: relative;
    top: 3.8rem;
    padding: 0.5em;
    font-weight: bolder;
    width: 15rem;
    background-color: #aa2f2f;
    color: #FFF;
    border: solid #aa2f2f;
  }

  #address-form input[type="submit"]:hover {
      background: transparent;
    border: solid 0.2rem #aa2f2f;
    color: #aa2f2f;
  }

  #logo {
    color: #aa2f2f;
    font-weight:bolder;
  }

  #logo a {
     color: #aa2f2f;
    font-weight:bolder;
    text-decoration:none;
  }

  #logo h1 {
    font-weight:bolder;
    font-size: 2.3em;

  }

  #success-message {
        width: 103%;
    position: relative;
    top: -7rem;
  }

  #success-offer-panel h1 {
    font-weight:bolder;
  }

  #success-offer-panel .col-md-6 {
        position: relative;
    left: 38rem;
  }

  #main-footer-panel {
    background-color: #333;
    color: #FFF;
    text-align: center;
    position: fixed;
    bottom: 0rem;
  }

  #main-offer-panel .toggle {
    opacity:0.6;
  }

    #main-offer-panel .toggle:hover {
    opacity:10;
  }

  #main-offer-panel {
    color: #FFF;
    text-align: center;
    color: #b9b6b6;
    margin-top: 29rem;
    height: 68rem;
  }

  #main-offer-panel h1 {
    font-weight: bolder;
    color: #aa2f2f;
    font-size: 3.em;
    /* text-decoration: underline; */
  }

  #main-offer-panel p {
    font-weight: bolder;
    font-size: 1.2em;
  }

  #main-offer-panel img {
    width: 10rem;
    padding: 0.5em;
  }

  button {
        background-color:#aa2f2f;
        color:#FFF;
        font-weight:bolder;
        -webkit-border-top-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
  }

  #popContent {
    margin-top: -1rem;
    padding: 11.5em;

  }

  #popContent form {

  }

  #popContent textarea {
    height:10rem;
  }

  input[type="submit"] {
    padding: 0.5em;
    font-weight: bolder;
    width: 15rem;
    background: transparent;
    border: solid 0.2rem #aa2f2f;
    color: #aa2f2f;
  }

  input[type="submit"]:hover {
    background-color:#aa2f2f;
    color:#FFF;
    font-weight:bolder;
    border: 0.2rem solid #CCC;
  }

  #fanpage {
    position: relative;
    top: 6rem;
    left: 59rem;
  }


}   

@media  only screen and (-webkit-min-device-pixel-ratio: 1.3),
  only screen and (-o-min-device-pixel-ratio: 13/10),
  only screen and (min-resolution: 120dpi)
  {
     html. body {
    overflow-y:hidden;
    overflow-x:hidden;
    width:100%;
    height:100%;

  }

    #logo h1 {
    font-size: 5.8em;
    position: relative;
    left: 0rem;
  }

  #logo2 h1 img {
    position: relative;
    top: 0rem;
    left: 2.2rem;
    width: 3rem;
  }

  #logo2 a {
    text-decoration:none;
  }
  

  /* Portrait phones and smaller */
@media only screen and (max-width: 760px) and (min-width: 300px)  {

  html. body {
    overflow-y:hidden;
    overflow-x:hidden;
    width:100%;
    height:100%;
  }

  #popWindow {
    width: 100%;
    position: fixed;
    top: 0rem;
    left: 0rem;
    height: 100%;
    background-color: #FFF;
    z-index: 99999;
    display: none;
    padding-bottom: 2em;

  }

  #popContent {
    width:100%;
    padding:0.5em;
  }

  #popContent textarea {
    height: 8rem;
  }

  #closePopUp {
    font-weight: bolder;
    font-size: 2.2em;
    color: #aa2f2f;
    position: relative;
   left:20rem;

  }

  #content {
    background-image: url(../images/store.jpg);
    background-size: 100%;
    min-height: 43rem;
    background-size: 360%;
    background-repeat: no-repeat;
    background-position-x: -27rem;
}

  #address-form {
    position: relative;
    top: 15rem;
    color: #FFF;
    font-weight: bolder;
    font-size: 1.5em;
  }

  #address-form input[type="text"] {
        width: 70%;
  }

  #address-form input[type="submit"] {
        position: relative;
    top: -2.5rem;
    left: 16rem;
  }

  #logo {
    color: #aa2f2f;
    font-weight: bolder;
}

#logo h1 {
    font-weight: bolder;
    font-size: 1.8em;
    padding: 0.5em;
}

#address-form label {
    font-weight: bolder;
    color: #FFF;
    text-shadow: 23px 7px 24px #000;
}

#logo a {
    color: #aa2f2f;
    font-weight: bolder;
    text-decoration: none;
}

  #logo h1 {
        font-size: 1.8em;
    position: relative;
    left: 0rem;
  }

  h1 img {
    position: relative;
    top: 0rem;
    left: 1.2rem;
    width: 3rem;
  }




  @media  only screen and (-webkit-min-device-pixel-ratio: 1.3),
  only screen and (-o-min-device-pixel-ratio: 13/10),
  only screen and (min-resolution: 120dpi) {
    /* Usually one should use this on dark background only
    http://usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/
    But: because we have enough pixels here (retina!) it shouldn't be a problem.
    It just renders more beautiful */
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;

  html. body {
    font-weight: bolder;
    font-size: 2.2em;
    color: #aa2f2f;
    height:100%;
    width:100%;
    overflow-x:hidden;
  }


#places-fixed-header {
 	position:fixed;
 	top:0rem;
 	left:0rem;
 	width:100%;
 	height:100%;
 	background-color:#FFF;
 	z-index:99999999;
 }

#places-fixed-header .toggle {
	width:100%;
}

  #logo-order-tracking-link {
    font-weight:bolder;
    text-decoration:none;
  }

  #logo-order-tracking  {
    color: #aa2f2f;
    font-weight: bolder;
    text-decoration: none;
}

#logo-order-tracking h1 {
  font-weight: bolder;
    font-size: 2.2em;
}

#logo-order-tracking img {
    position: absolute;
    top: 0rem;
    left: -0.8rem;
    width: 5rem;
}

#main-offer-panel-order-tracking h1 {
  font-weight:bolder;
}
     

  #logo2 {
        color: #aa2f2f;
    font-weight: bolder;
    position: relative;
    top: -4rem;
    left: 4rem;

  }

  #logo h1 {
        font-size: 1.8em;
    position: relative;
    left: 0rem;
  }



  #logo h1 img {
    position: absolute;
    top: 1.5rem;
    left: 3.2rem;
    width: 4rem;
  }

  #popWindow {
    width: 102%;
    position: fixed;
    top: 0rem;
    left: 0rem;
    height: 104%;
    background-color: #FFF;
    z-index: 99999;
    display: none;
    padding-bottom: 2em;
    overflow-y: scroll;

  }

  .glyphicon-menu-hamburger {
        position: relative;
    top: 2rem;
    left: 2rem;
    font-size: 2.5em;
    color: #aa2f2f;
  }

  #main-left-panel h1 {
    font-weight:bolder;
  }

  #popContent {
    padding:0.5em;
  }

  #popContent textarea {
    height: 8rem;
  }

  #closePopUp {
    font-weight: bolder;
    font-size: 2.2em;
    color: #aa2f2f;
    position: relative;
   left:20rem;
  
  }

  #content {
    background-image: url(../images/store.jpg);
    background-size: 100%;
    min-height: 70rem;
    background-size: 360%;
    background-repeat: no-repeat;
    background-position-x: -27rem;
}

  #address-form {
    position: relative;
    top: 15rem;
    color: #FFF;
    font-weight: bolder;
    font-size: 1.5em;
  }

  #address-form input[type="text"] {
    width: 30rem;
    text-align:center;
  }

  #address-form input[type="submit"] {
position: relative;
    top: 0.5rem;
    left: 0rem;
    width: 30rem;
  }

#logo {
    color: #aa2f2f;
    font-weight: bolder;
    position: relative;
    top: -10rem;
    left: 5rem;
}

#logo-error {
    color: #aa2f2f;
    font-weight: bolder;
    position: relative;
    top: 0rem;
    left: 1rem;
}

#logo-error h1 {
  font-weight:bolder;
}

#logo-error h1 a {
    font-weight: bolder;
    color: #aa2f45;
    text-decoration:none;
}

#logo2 {
      color: #aa2f2f;
    font-weight: bolder;
    position: relative;
    top: -4rem;
    left: 2rem;
}

#logo2 h1 {
      font-weight: bolder;
    font-size: 1.5em;
    padding: 0.5em;
    position: relative;
    top: 4rem;
    left: -3rem;
    color:#aa2f2f;
    text-decoration:none;

}

#logo h1 {
    font-weight: bolder;
    font-size: 1.8em;
    padding: 0.5em;
    position: relative;
    top: 5rem;
    left: -3rem;
}

 #logo h1 img {
width: 30rem;
    position: relative;
    left: -2rem;
    top: 0rem;
  }

#address-form label {
    font-weight: bolder;
    color: #FFF;
    text-shadow: 23px 7px 24px #000;
    font-size: 0.8em;
}

#logo a {
    color: #aa2f2f;
    font-weight: bolder;
    text-decoration: none;
}


      #main-offer-panel {
    color: #FFF;
    text-align: center;
    color: #b9b6b6;
  }

  #main-offer-panel h1 {
    font-weight:bolder;
    color:#aa2f2f;
    padding:0.5em;
    font-size: 1.4em;
  }

  #main-offer-panel p {
    font-weight:bolder;
    font-size:0.8em;
  }

  #main-offer-panel h2 {
    font-size:1em;
  }

  #main-offer-panel .row {
        position: relative;
    left: 4rem;
  }

  #main-offer-panel img {
    width: 5rem;
    padding: 0.5em;
  }

  #main-offer-panel .col-xs-3 {
    padding:0.5em;
  }

  #main-left-panel {
    background-color: #aa2f2f;
    color: #FFF;
    padding: 0.5em;
    text-align: justify;
    color: #FFF;
    background-size: 178%;
    background-repeat: no-repeat;
  }

  #mainmenu {
    background-color: #aa2f2f;
    padding: 0.5em;
    position: relative;
    top: -6rem;
    display:none;
  }

  #mainmenu ul li a {
    color: #fff;
    font-size: 1.5em;
    font-weight: bolder;
    text-decoration:none;
  }

  #mainmenu ul li:hover {
    color:#FFF;
    list-style:square;
    border-right:5px solid #FFF;
  }

  #mainmenu h1 {
    font-weight:bolder;
    color:#FFF;
  }

  input[type="submit"] {
    padding: 0.5em;
    font-weight: bolder;
    width: 15rem;
    background: transparent;
    border: solid 0.2rem #aa2f2f;
    color: #aa2f2f;
  }

  input[type="submit"]:hover {
    background-color:#aa2f2f;
    color:#FFF;
    font-weight:bolder;
    border: 0.2rem solid #CCC;
  }

    #main-offer-panel .toggle {
    opacity:0.6;
  }

    #main-offer-panel .toggle:hover {
    opacity:10;
  }

  #success-offer-panel h1 {
  font-size:1.2em;
}

#success-offer-panel img {
  width:100%;
}

#success-offer-panel input{
  text-align:center;
}

#success-offer-panel #order_total {
font-size: 3.2em;
    font-weight: bolder;
}

#container-fluid .row {
  padding:0.5em;
}

h4 {
  font-weight:bolder;
}

.circle {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #aa2f2f;
    height: 10rem;
    width: 10.6rem;
    margin: 2.5rem;
 }

 .circle p {
    position: relative;
    top: 2rem;
    text-align: center;
    color: #FFF;
    z-index: 999999;
 }

 #places-fixed-header h2 {
      font-size: 1.2em;
      font-weight:bolder;
 }

 #places-fixed-header img {
      width: 60%;
 }

 .col-md-3 .ajax-input {
    position: relative;
    left: 23rem;
    top: -10rem;
 }

 .breadcrumb li a  {
  color:#aa2f2f;
  font-weight:bolder;
}

#fanpage {
  position:relative;
  top:10rem;
}

}