* {
  box-sizing: border-box;
}

.my-enquiry-form {
}

/* Full-width input fields */
/*.my-enquiry-form input[type=text], input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  background: #f1f1f1;
}*/

/* Add a background color when the inputs get focus */
/*.my-enquiry-form input[type=text]:focus, input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}*/
.tracking-li {
  display: none !important;
}
button.bttn {
  color: white;
  background-color: #0996d8 !important;
}
.btn.btn--icon > a {
  color: white !important;
}
.trak {
  padding: 2px 0px;
}
.whatsup {
  background-color: green;
  color: white !important;
  padding: 8px 8px 1px 9px;
  position: fixed;
  right: 43px;
  bottom: 120px;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset,
    rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset,
    rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px,
    rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px,
    rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  z-index: 999;
}

.whatsup > svg {
  font-size: 20px;
}

.fixed-height,
.headroom {
  height: 100px !important;
}

#site-header-wrap .site-branding img {
  width: 89%;
}

.cms-fancybox-icon > img {
  filter: invert(1);
}

.my-enquiry-form .input-btn {
  margin-bottom: 15px;
}

.my-enquiry-form-1 .submit-btn {
  width: 100%;
  background-color: #fff !important;
  color: #333;
}

.my-enquiry-form-1 h3 {
  color: #fff;
}

/* Set a style for all buttons */
.my-enquiry-form .requestbutton {
  background-color: transparent;
  color: white;
  padding: 0px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  z-index: 9999;
  position: fixed;
  top: 35%;
  /* bottom: 50%; */
  right: 0px;
}

.my-enquiry-form button:hover {
  opacity: 1;
}

/* Extra styles for the cancel button */
.my-enquiry-form .cancelbtn {
  padding: 14px 20px;
  background-color: #f44336;
}

/* Float cancel and signup buttons and add an equal width */
.my-enquiry-form .cancelbtn,
.signupbtn {
  float: left;
  width: 50%;
}

/* Add padding to container elements */
.my-enquiry-form .container {
  padding: 16px;
}

/* The Modal (background) */
.my-enquiry-form .modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 9999999;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: auto;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background: rgba(51, 51, 51, 0.7);
  padding-top: 50px;
}

/* Modal Content/Box */
.my-enquiry-form .modal-content {
  background-color: #0996d8;
  /*margin: 5% auto 15% auto;*/
  /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
  width: 50%;
  /* Could be more or less, depending on screen size */
}

/* Style the horizontal ruler */
.my-enquiry-form hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}

/* The Close Button (x) */
.my-enquiry-form .close {
  position: absolute;
  right: 10px;
  top: 56px;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  left: 71%;
  z-index: 1;
  opacity: 1;
}

.my-enquiry-form .close:hover,
.close:focus {
  color: #fff;
  cursor: pointer;
}

/* Clear floats */
.my-enquiry-form .clearfix::after {
  content: "";
  clear: both;
  display: table;
}

@media (max-width: 1024px) {
  .services-content1,
  .about-us-content1,
  .careers-section-content,
  .contact-us-details,
  .contact-us-content1 {
    padding: 0px 0px 0px 15px;
  }

  .contact-us-form {
    padding: 0 15px;
  }
}
@media (max-width: 990px) {
  .tracking-li {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .cntr-con {
    text-align: center;
  }

  .rr {
    margin: 25px 0px;
  }
}

@media (max-width: 540px) {
  .my-navbar-logo {
    margin-top: 4px;
    margin-bottom: 0px !important;
  }

  #site-header-wrap .site-branding img {
    width: 75%;
  }
  .whatsup {
    right: 17px;
  }
}

/* Change styles for cancel button and signup button on extra small screens */
@media screen and (max-width: 300px) {
  .my-enquiry-form .cancelbtn,
  .signupbtn {
    width: 100%;
  }
}