@media screen and (min-width:768px) and (max-width: 1024px){
  .got-content-box figure{
    width: 100%;
  }
  .button-group a{
    margin-right: 10px;
  }
  .got-banner-content h1{
    font-size: 36px;
    line-height: 50px;
  }
  /*** Shapes ***/
.shape2, .shape3, .shape4, .shape-ban1, .shape-ban2{
  display: none;
}
}
@media screen and (max-width: 767px) {
    .sec-eight-text-area {
      padding: 10px 0 10px 0;
    }
    .section-eight .container-pe-quote {
      position: relative;
      height: 500px;
      top: 0px;
      z-index: 1;
      max-width: 300px;
      margin: -70px auto 0;
    }
    .leadmanagement-title h1{
      font-size: 31px;
      line-height: 36px;
    }
    .solution-list h1{
      font-size: 22px;
    }
    .followup-content h1{
      font-size: 28px;
    }

    .workflow-image{
      margin-top: 30px;
    }
    .request-button a{
      margin-bottom: 8px;
    }
    .shape-rotate{
      display: none;
    }
  }
  @media screen and (min-width:481px) and (max-width: 767px) {
            /** Pricing **/
            .pricing-banner{
              height: auto;
              padding: 40px 0;
            }
            .pricing-card{
              margin-bottom: 20px;
            }
/*** Banner Part ***/

.got-banner-content h1{
  font-size: 35px;
  line-height: 50px;
}
.got-watch-video .modal-dialog{
  max-width: 100%;
  margin: 0px;
}
.video-wrap .close, .video-wrap .close:hover{
  left: 98%;
}
.got-watch-video .modal-content{
  margin:auto;
  width: 98%;
}

/*** Why got crm ***/
.whygot-crm{
  padding-top: 50px;
  padding-bottom: 50px;
}
.got-sub-title h2{
  font-size: 24px;
  line-height: 34px;
}
.got-sub-title p{
  font-size: 13px;
}
.got-crm-tabcont ul{
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
}
.got-crm-tabcont ul li a{
  white-space: nowrap;
}
.got-crm-tabcont ul li a.current::before, .got-crm-tabcont ul li a.current::after{
  z-index: 10;
}
.got-tab-content{
  margin-top: 20px;
}
.got-content-box figure{
  width: 100%;
}
/*** Header Part ***/
.got-navbar{
  padding: 16px 16px;
}
.got-navbar.navbar-shrink{
  padding: 8px 16px;
}
.got-navbar .navbar-brand img {
  height: 40px;
}
.got-navbar .navbar-collapse .got-navbar-nav{
  margin-left: 0;
}
.got-navbar .navbar-collapse {
  background: #ffffff;
  padding: 10px 7px;
  box-shadow: 0px 5px 6px 0px #dddddd;
}
.got-navbar-nav .nav-item .nav-link{
  padding: 12px 22px;
}
.navbar-toggler, .navbar-toggler:focus{
  padding: 5px 8px;
  font-size: 16px;
  background: #ffffff;
  border-color: #ff9b03 !important;
  color: #ff9b03 !important;
  outline: none;
}
/*** Shapes ***/
.shape2, .shape3, .shape4, .shape-ban1, .shape-ban2{
  display: none;
}
.section-eight .container-pe-quote .li-quote-4{
  right: initial;
}
/*** Footer ***/
.footer-content{
  margin-bottom: 20px;
}
.footer-content h1{
  margin-bottom: 10px;
}
.copyright-wrap{
  margin-top: 0px;
}
.copyright-list{
justify-content: center;
}
.copyright-list p{
  font-size: 12px;
  margin-bottom: 10px;
  width:100%;
  text-align: center;
}
  }
  @media screen and (min-width:371px) and (max-width: 480px) {
    .button-group .btnfree{
      margin-bottom: 0px;
    }
  }
  @media screen and (max-width: 480px) {
    .section-eight {
      position: relative;
    }
    .section-eight .bottom-ani-cs {
      position: absolute;
      top: 150px;
      right: 16px;
    }
    .section-eight .container-pe-quote .li-quote-2 {
      left: 60px;
      top: 270px;
    }
    .section-eight .container-pe-quote .li-quote-6 {
      right: 100px;
      top: 179px;
    }
    .section-eight .container-pe-quote .li-quote-8 {
      height: 43px;
      width: 43px;
      left: 0px;
      top: 220px;
    }
    .section-eight .container-pe-quote .li-quote-3 {
      left: 0;
    }
    .section-eight .container-quote {
      height: 205px;
      overflow: hidden;
      overflow-y: auto;
    }
    .sec-eight-text-area {
      padding: 10px 0 100px 0;
    }
        /*** Banner Part ***/

        .got-banner-content h1{
          font-size: 35px;
          line-height: 50px;
        }
        .btnfree{
          margin-bottom: 20px;
        }
        .got-watch-video .modal-dialog{
          max-width: 100%;
          margin: 0px;
        }
        /* .got-watch-video .modal-content{
          width: auto;
        } */
        .video-wrap .close, .video-wrap .close:hover{
          left: 94%;
        }
        
        /*** Why got crm ***/
        .whygot-crm{
          padding-top: 50px;
          padding-bottom: 50px;
        }
        .got-sub-title h2{
          font-size: 24px;
          line-height: 34px;
        }
        .got-sub-title p{
          font-size: 13px;
        }
        .got-crm-tabcont ul{
          display: flex;
          align-items: center;
          overflow-x: auto;
          overflow-y: hidden;
        }
        .got-crm-tabcont ul li a{
          white-space: nowrap;
        }
        .got-crm-tabcont ul li a.current::before, .got-crm-tabcont ul li a.current::after{
          z-index: 10;
        }
        .got-tab-content{
          margin-top: 20px;
        }
        .got-content-box figure{
          width: 100%;
        }
        /*** Header Part ***/
        .got-navbar{
          padding: 16px 16px;
        }
        .got-navbar.navbar-shrink{
          padding: 8px 16px;
        }
        .got-navbar .navbar-brand img {
          height: 40px;
        }
        .got-navbar .navbar-collapse .got-navbar-nav{
          margin-left: 0;
        }
        .got-navbar .navbar-collapse {
          background: #ffffff;
          padding: 10px 7px;
          box-shadow: 0px 5px 6px 0px #dddddd;
        }
        .got-navbar-nav .nav-item .nav-link{
          padding: 12px 22px;
        }
        .navbar-toggler, .navbar-toggler:focus{
          padding: 5px 8px;
          font-size: 16px;
          background: #ffffff;
          border-color: #ff9b03 !important;
          color: #ff9b03 !important;
          outline: none;
        }
        /*** Shapes ***/
        .shape2, .shape3, .shape4, .shape-ban1, .shape-ban2{
          display: none;
        }
        .section-eight .container-pe-quote .li-quote-4{
          right: initial;
        }
        /*** Footer ***/
        .footer-content{
          margin-bottom: 20px;
        }
        .footer-content h1{
          margin-bottom: 10px;
        }
        .copyright-wrap{
          margin-top: 0px;
        }
        .copyright-list{
          justify-content: center;
        }
        .copyright-list p{
          font-size: 12px;
          margin-bottom: 10px;
        }
        /** Pricing **/
        .pricing-banner{
          height: auto;
          padding: 40px 0;
        }
        .pricing-card{
          margin-bottom: 20px;
        }
  }