.clearfix:after {
  content: '';
  display: block;
  clear: both; }

.ellipsis {
  white-space: nowrap;
  /* 1 */
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  /* 2 */
  overflow: hidden; }

@media (max-width: 1600px) {
  body.boxed-v #wrapper {
    max-width: 95%; } }

@media (max-width: 1500px) {
  body.boxed-v #wrapper {
    max-width: 100%; } }

@media (min-width: 1024px) {
  #header .nav-opener {
    display: none; } }

@media (max-width: 1199px) {
  .service-holder .img-holder {
    margin: 0 0 0 42px; }
  .feature-sec {
    min-height: 578px; }
    .feature-sec .img-holder {
      margin: 0; }
  .process-holder .process-list:before {
    left: 170px;
    right: 170px; }
  .testimonail-sec:before {
    bottom: -10px;
    height: 203px; }
  .testimonail-slider .slide {
    padding: 0 35px 48px; } }

@media (max-width: 1023px) {
  #header .nav-holder {
    width: 70%;
    text-align: right; }
  #nav {
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    text-align: left;
    background: #26be66;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear; }
    #nav ul {
      padding: 20px; }
      #nav ul li {
        display: block;
        margin: 0 0 15px; }
        #nav ul li:first-child {
          margin: 0 0 15px; }
  .service-holder {
    padding-top: 80px;
    padding-bottom: 80px; }
    .service-holder .holder {
      margin-bottom: 80px; }
    .service-holder .txt-holder {
      padding: 20px 0 0; }
    .service-holder .img-holder {
      margin: 0 0 0 24px; }
  .feature-sec {
    padding-top: 80px;
    padding-bottom: 80px;
    min-height: 538px; }
    .feature-sec br {
      display: none; }
    .feature-sec .txt-holder {
      padding: 50px 0 0; }
  .process-holder {
    padding-top: 80px;
    padding-bottom: 80px; }
    .process-holder .process-list:before {
      left: 130px;
      right: 130px; }
  .testimonail-sec {
    padding: 80px 0; }
    .testimonail-sec:before {
      height: 153px; }
  .price-sec {
    padding: 80px 0; }
    .price-sec .header {
      margin: 0 0 80px; }
  .subscriber-sec {
    padding-top: 80px;
    padding-bottom: 80px; }
  #footer .footer-area {
    padding: 80px 0 50px; }
  #footer .f-nav {
    margin: 0 0 30px; } }


@media (max-width: 767px) {
  #header .nav-holder {
    width: 69%; }
  #header .sign-list {
    margin: 0 0 0 10px; }
    #header .sign-list li:first-child {
      margin: 0; }
    #header .sign-list a {
      padding: 9px; }
    .main-slider  {
       
        width: 100%;
        height: 100vh !important;
        min-height: 100%;
        display: block;
    }
    .main-slider .slide:after {
        min-height: 547px;
       width: 100%;
       height: 100vh !important;
       min-height: 100%;
       display: block;
    }
  .main-slider h1 {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 20px; }
    .btn-primary {
    padding: 15px 18px 14px; }
    .btn-primary.active {
      padding: 14px 30px 14px; }
  .service-holder {
    padding-top: 60px;
    padding-bottom: 60px; }
    .service-holder .holder {
      margin-bottom: 30px; }
    .service-holder .service-list li {
      width: 100%;
      display: block;
      margin: 0 0 30px;
      padding: 0; }
    .service-holder .img-holder {
      margin: 0; }
  .heading2 {
    font-size: 24px; }
  .feature-sec {
    padding-top: 60px;
    padding-bottom: 60px; }
  .process-holder {
    padding-top: 60px;
    padding-bottom: 30px; }
    .process-holder .process-list:before {
      display: none; }
    .process-holder .process-list li {
      width: 100%;
      padding: 0;
      margin: 0 0 30px;
      display: block; }
  .testimonail-sec {
    padding-top: 60px;
    padding-bottom: 60px; }
    .testimonail-sec:before {
      height: 63px; }
    .testimonail-sec .header {
      margin: 0 0 30px; }
  .testimonail-slider .slide {
    padding: 0 20px 30px;
    margin: 60px 0 30px; }
  .price-sec {
    padding: 60px 0 30px; }
    .price-sec .header {
      margin: 0 0 60px; }
    .price-sec .price-holder {
      margin: 0 0 30px; }
  .subscriber-sec {
    padding-top: 60px;
    padding-bottom: 60px; }
    .subscriber-sec .newsletter-form {
      width: 100%; }
  .socail-network {
    margin: 0 0 30px; }
  #footer .footer-area {
    padding: 60px 0 30px; }
  .newsletter-block {
    width: 100%;
    padding: 20px; } }

.botcontainer {
    border: 1px solid #DDDDDD;
    width: 200px;
    height: 200px;
    position: relative;
}

.floatingbot {
    float: right;
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0;
    background-color: grey;
}
.stickybot {
    float: right;
    position: fixed;
    bottom: 0;
    right: 18px;
    margin: 0;
    z-index: 999999;
}

.fixed-iframe {
    float: right;
    position: fixed;
    z-index: 2147483647;
    right: 0;
    bottom: 0;
    width: 300px; /* Adjust the width as needed */
    height: 200px; /* Adjust the height as needed */
    border: none;
    background-color: white; /* Ensure visibility */
}

@media (max-width: 600px) {
    .fixed-iframe {
        width: 100%; /* Full width on small screens */
        height: 150px; /* Adjust height for mobile */
    }
}