 #side-slider {
      width: 390px;
      top: 80px;
      position: fixed;
      z-index: 9999;
   }

   #header {
      width: 370px;
      height: 495px;
      position: absolute;
      right: 0;
      border: 1px solid #d8d8d8;
      margin-left: 40px;
      padding: 20px 40px;
      border-radius: 3px;
      /*box-shadow:0 0 8px gray;*/
      background-color: #fff;
      z-index: 9999;
   }

   #sidebar {
      position: absolute;
      top: 180px;
      left: 143px;
      box-shadow: 0 0 8px gray;
      z-index: 9999;
      background-color: #fff;
   }

   #sidebar1 {
      position: absolute;
      top: 180px;
      left: 143px;
      /*box-shadow:0 0 8px gray;*/
      z-index: 9999;
      background-color: #fff;
   }

   div#title {
      position: absolute;
      top: 300px;
      left: 650px
   }

   textarea {
      padding: 6px;
      font-size: 13px;
      border-radius: 2px;
      margin-top: 10px;
      height: 80px;
      width: 92%;
      resize: none;
   }

   .form-content {
      background-color: #f27f1b;
      width: 400px;
      margin-left: -40px;
      margin-top: -50px;
      padding: 1px;
      color: #fff;
   }

   .form-content p {
      margin-left: -50px;
      margin-top: 10px;
      text-align: center !important;
   }

   .verticalButton {
      padding: 0px 0px 0px 0px;
      width: 170px;
      height: 40px;
      background: #4c25d9;
      border-radius: 0px 0px 5px 5px;
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      position: fixed;
      right: -65px;
      top: 250px;
      color: #fff !important;
   }

   #f-name {
      margin-top: 10px;
      width: 96%;
      height: 30px;
   }

   #f-email {
      margin-top: 10px;
      width: 96%;
      height: 30px;
   }

   #f-phone {
      margin-top: 10px;
      width: 58.3%;
      height: 30px;
      margin-left: 5px;
   }

   .f-login {
      background: #4c25d9;
      padding: 10px;
      /* border-radius: 10px; */
      color: #fff;
      font-weight: 600;
      border: none;
      margin-top: 15px;
   }

   .g-recaptcha {
      width: 100px;
   }

   .spinner-displayer {
      display: inline-block;
   }

   .loader {
      display: none;
      top: 50%;
      left: 50%;
      position: absolute;
      transform: translate(-50%, -50%);
   }

   .loading {
      border: 5px solid #ccc;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      border-top-color: #1ecd97;
      border-left-color: #1ecd97;
      animation: spin 1s infinite ease-in;
   }

   @keyframes spin {
      0% {
         transform: rotate(0deg);
      }

      100% {
         transform: rotate(360deg);
      }
   }

   a {
      text-decoration: none !important;
   }

   @media only screen and (min-width:320px) and (max-width: 760px) {
      #header {
         width: 95%;
         height: 448px;
         position: absolute;
         right: 0;
         border: 1px solid #d8d8d8;
         margin-left: -24px;
         padding: 1px 19px;
         border-radius: 3px;
         /* box-shadow: 0 0 8px gray; */
         background-color: #fff;
         z-index: 9999;
      }

      .form-content {
         background-color: #f27f1b;
         width: 111%;
         margin-left: -19px;
         margin-top: -60px;
         padding: 1px;
         color: #fff;


         /* background-color: #f27f1b;
         width: 100%;
         margin-left: 20px;
         margin-top: -78px;
         padding: 1px;
         color: #fff; */
      }

      .form-content p {
         margin-left: 0px !important;
      }

      #side-slider {
         width: 360px !important;
      }

      #slider_c {
         font-size: 14px !important;
      }

   }

   /* number */
   /* Chrome, Safari, Edge, Opera */
   input::-webkit-outer-spin-button,
   input::-webkit-inner-spin-button {
      -webkit-appearance: none;
   }

   /* Firefox */
   input[type=number] {
      -moz-appearance: textfield;
   }

   @media only screen and (min-width:320px) and (max-width: 760px) {
      div {
         left: unset !important;
      }
   }