@media(max-width:720px){
     #title {
       margin-top:0;
       margin-bottom:0;
     }
     .slicknav_menu {
        margin: 5px 15px 5px 0!important;
    }
    .header-logo {
          transform: translateY(55%)!important;
          top:0!important;
    }
    .form-overlay, .trackingForm, .trackingSocialMedia {
      display:none;
    }
    .header_top {
      display:none;
    }
    .sticky-wrapper {
      height:53px!important;
    }
    h3 {
    font-size: 4vw!important;
    }
    h1 {
      font-size:7vw!important;
    }
    .remove-for-mobile {
      display:none;
    }
    #panel > div > div > div.testimonial_area.sp.wow.fadeInUp .row {
      padding:5px;
    }
    #panel > div > div > div.testimonial_area.sp.wow.fadeInUp p,h4,span {
      text-align:center;
    }
    #panel > div > div > div.testimonial_area.sp.wow.fadeInUp span {
      display:block;
    }
    .video_bg {
      height:auto!important;
    }
    iframe {
          width: 100%;
    }
    .home_area {
          background: #ffffff!important;
    }
    .desktop-feature {
      display:none!important;
      visibility:hidden;
    }
    .mobile-feature {
      display:block!important;
    }
    .home_area {
      padding-top:0!important;
    }
    .mobile-feature p,h1,h2,h3,h4,h5 {
      text-align:center;
    }
    .mobile-feature {
      display:block!important;
    }
    .desktop-feature {
      display:none!important;
    }
    .mobile-services-flex-center{
      height:auto!important;
    }
    .mobile-padding {
          padding: 1em;
    }
}

@media(max-width:990px){
  #desktop-menu {
    display:none;
  }
  #mobile-menu {
    display:block!important;
    width:100vw;
  }
}

.slicknav_menu{
  display:none;
}

.sidenav {
    height: 100vh;
    width: 0;
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0;
    background-color:white;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 38px;
}

.off-canvas-submenu {
 padding-left:1em;
}

.sidenav-overlay {
  display:none;
  background-color: rgba(0, 0, 0, 0.82);
  height: 100vh;
  width: 100vw;
  z-index: 1;
  position: fixed;
  top: 0px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.mobile-feature {
  display:none;
}

.desktop-feature {
  display:block;
}
.undocked {
  position:fixed;
  top:0px;
  opacity: 1!important;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   box-shadow: 0px 0px 9px black;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.off-canvas-submenu a {
    font-size: 3vh!important;
}

.off-canvas-submenu > .off-canvas-submenu a {
    font-size: 2.5vh!important;
}

.mobile-menu-competitions {
    color: #439c43;
}

#mobile-menu ul {
  list-style-type: none;
}

.off-canvas-submenu-open {
  background-color:#901c1c;
  color:white!important;
}

.sidenav .closebtn {
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 4vh!important;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


.slider_submit{
  width:100%;
}

body {
  position:relative;
}


.trackingForm {
  position: fixed;
z-index: 11;
right: 0%;
top: 50%;
-webkit-transform: translate(100%, -50%);
background-color: #444444;
    padding: 0.5em 2em;
transition-duration: 0.5s;
    border-radius: 1em 0em 0em 1em;
}

.menu-icon > .line {
  background-color: #922324;
      height: 4px;
      display: block;
      width: 85%;
      margin: 3px 0px!important;
      border-radius: 14px;
}
.menu-icon > .line + .line {
    margin-top: 8px;
}

.trackingForm input {
  width:100%;
  border-radius: 6px;
  font-size: 12px;
padding: 7px;
}

.menu-bars {
  font-size: 4vh;
  color: #922324;
}

#mySidenav a {
    font-size: 4vh;
    color: #901c1c;
    padding: 5px 10px;
    margin-bottom:5px;
}

.menuDiv{
  position:relative;
}
.menu-button-wrapper {
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
}

#mobile-menu {
  display:none;
  background-color: white;
}

.lockScroll{
  overflow:hidden;
  height:100vh;
  position:relative;
}

.trackingFormInner {
  position:relative;
}

.click-me-tab{
  position: absolute;
top: 10.6%;
-webkit-transform: translate(-90%, 0) rotate(270deg);
}

.trackingFormOpen {
  -webkit-transform: translate(0%, -50%);
}

.mobile-logo {
  width:85%;
  padding:12px;
}

.form-overlay{
  position:fixed;
  width:100vw;
  height:100vh;
  background-color:rgba(255, 255, 255, 0.8);
  z-index:9;
  transition-duration:0.5s;
  opacity:0;
  display:none;
  transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.trackingForm h3{
  color: white;
text-align: center;
}

.home_area {
  padding-top: 2em;
  /*background: linear-gradient(to bottom right, #d84a4a 50%, transparent 50.5%) no-repeat bottom, linear-gradient(0deg, #d84a4a, #d84a4a) no-repeat top;
  padding-bottom: 3em;
  background-size: 100% 7em, 100% calc(100% - 7em);*/
  position:relative;
  overflow:hidden;
}

.home_area::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  z-index: -1;
  background: url(../img/background3.jpg) 0 0 repeat;
      background-size: cover;
}

.mobile-header-bg{
  display:none;
  background: url(../img/mobileBG2.jpg) 0 0 repeat;
    background-size: cover;
    padding: 3em;
    height:85vh;
    position:relative;
}
.text-gray {
  color:#363636!important;
}

.vertical-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
left: 0px;
margin: 0 auto;
padding: 3em;
}

.home_area::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 57%;
  top: 86%;
  left: -50%;
  z-index: -1;
  background: #FFF;
  -webkit-transform: skewY(-3deg);
  -moz-transform: skewY(-3deg);
  -ms-transform: skewY(-3deg);
  -o-transform: skewY(-3deg);
  transform: skewY(-4deg);
}

.bulb-image {
  display: block;
margin: 0 auto;
width:50%;
}

.cta-button {
  line-height:44px!important;
      font-size: 14px;
}

.cta h2 {
      font-size: 22px;
}


.header_top.sbb {
      background-color: #333333;
}

.header_link > li, .header_link > li > a {
  color:white!important;
}

ul.header_link.header_link_left {
    float: left;
}

ul.header_link.header_link_left li {
    float: left;
}

header .header_top .header_link li i:hover {
    color: white!important;
}

.text-white {
  color:white!important;
  font-weight:100;
}

h1, h2, h3, h4, h5{
      font-family: Raleway!important;
}

.home_area h3 {
    font-size: 19px;
    line-height:inherit;
}

.home_area a {
  color:#bb2121!important;
}

.home_area a:hover {
  color: #717171!important;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #828282;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #828282;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #828282;
}
:-moz-placeholder { /* Firefox 18- */
  color: #828282;
}


.home_area .contact_form .form-group input, .home_area .contact_form .form-group textarea {
  color: #8e0707;
font-weight: bold;
font-size: 15px;
}

.header_btm{
  box-shadow:rgba(0, 0, 0, 0.47) -1px 11px 25px -3px!important;
}

.header-logo{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width:100%;
}

.center-text {
  text-align:center;
}

.text-red {
      color: #ff6060!important;
}


.trackingSocialMedia {
  position:fixed;
  right:0px;
  top:50%;
  -webkit-transform: translate(0%, -15%);
  z-index:10;
}

.facebook {
  background-color:#3b5998;
}


.twitter {
  background-color:#1da1f2;
}

.youtube {
  background-color:#da2624;
}


.linkedin {
  background-color:#007bb6;
}


.socialMediaDiv{
  position:relative;
  margin-bottom:10px;
}

.trackingSocialMedia > a > div > i {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
font-size: 2rem;
color:white;

}
.trackingSocialMedia > a  {
display:block;
}

.trackingSocialMedia > a > div:hover {
          -webkit-transform: rotate(-5deg);
          transition-duration: 0.3s;
}

.privacy-policy-form-link {
  color:#bb2121;
  margin-top:5px;
  display: block;
  text-align:center;
}

.privacy-policy-form-link:hover {
  color:black!important;
}

body > div > div.home_area > div > div > div.col-lg-4.col-md-4.col-sm-4.col-xs-12.slider-right-col > div > form > div:nth-child(8) > a:hover {
  color:black!important;
}

.rollercoasterGif{
  width: 70%;
margin-left: auto;
margin-right: auto;
display: block;
}

.competitionsLink {
      box-shadow: inset 0px -5px 0px 0px #21bb3b;
}

.main-heading {
  font-weight:bold;
      font-size: 5vh;
}

.gray-bg {
      background-color: #eaeaea;
}


.breadcrumb_area{
      background-image: url(../img/background3.jpg);
}


.dp {
  padding: 15px 0px;
}

.line-height {
      line-height: 31px;
}

.widget_service > ul > li > a:hover {
    color: white!important;
}

.widget_service > ul  > .active > a {
  color:white!important;
}

#selectForMore {
  width: 60%;
display: block;
margin-left: auto;
margin-right: auto;
}

.panel-body {
    padding: 15px!important;
}

.services-panel-default{
  margin:0px!important;
}

.services-panel-body{
  border:none!important;
}

.serviceHeader {
  margin-top:0!important;
}

#moreCustomerLoyaltyDiv{
  display:none;
}

.image-margin {
  margin:20px 0px!important;
}

.width100 {
  width:100%;
}


.margin-bottom-1 {
  margin-bottom:1em;
}


.blog_header {
  background-color: #f1f1f1;
    padding: 10px;
    margin-top: 12px;
    border-radius: 9px;
}

.blog_title{
      color: #363636;
}


.product-image {
  width:69%;
  display: block;
margin-left: auto;
margin-right: auto;
}

.product-box {
  padding: 1em;
  border: 1px solid gainsboro;
  border-radius: 15px;
}

.product-name {
  height:2em;
}

.product-price {
      color: #1da722;;
}

.product-VAT {
  color: #9e9e9e;
    font-style: italic;
    font-size: 12px;
}

.add-to-cart {
  width:100%;
}

.product-div {
  margin-bottom:1em;
}

.shopping-cart-outer {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 999;
}
.shopping-cart-outer > p {
  font-size:25px;
  float:right;
      color: #585858;
}

.fixed-cart-cart {
  color: white;
}


.shopping-cart-outer:hover {
    bottom: 40px;
    transition-duration: 0.3s;
    background-color: rgb(187, 187, 187);
}

.product-row{
  border-bottom: 1px solid #dedede;
}

.checkout-table td {
  padding: 1em;
      border-color: #c5c5c5!important;
          font-size: 12px;
}

.checkout-table th {
      padding: 7px 5px;
      border-color: #c5c5c5!important;
}

.checkout-table {
      border: none!important;
}

.checkout-product-header {
  font-size: 18px;
}
.checkout-product-sub-header {
  font-size: 13px;
}

.checkout-remove-product {
  font-size: 20px;
}

.cart-product-quantity {
  width: 100%;
}


.checkout-button {
      font-size: 2.5vh;
}

.checkout_form input{
  width: 100%;
height: 4vh;
    padding: 0px 10px;
}

.trackingFormButton {
  color:white!important;
}

#back-to-top {
  position: fixed;
bottom: 20px;
right: 20px;
background-color: rgba(146, 35, 36, 0.49);
border-radius: 50%;
height: 50px;
width: 50px;
z-index: 999;
display:none;
}
.back-to-top-wrapper {
  position:relative;
  height:100%;
  width:100%;
}
.back-to-top-wrapper i {
  position: absolute;
top: 50%;
transform: translate(-50%,-50%);
font-size: 5vh;
left: 50%;
color: white;
}