@media (min-width:320px) and (max-width: 575.98px) {
  .title p {
    width: auto;
  }

  /* nav start */
  nav button i {
    font-size: 20px;
    color: #fff;
  }

  nav ul {
    background: rgb(0, 0, 0);
  }

  nav ul li {
    text-align: center;
    margin-left: 0px;
  }

  nav ul li a:hover::after {
    width: 0%;
  }
  nav ul li a::after {
  display: none;
  }
  /* nav end */


  /* banner start */
  #banner-part .banner .overlay {

    padding-top: 150px;
    padding-bottom: 100px;

  }

  #banner-part .banner .overlay h3 {
    font-size: 25px;

  }

  #banner-part .banner .overlay h1 {
    font-size: 45px;

  }

  #banner-part .banner .overlay p {

    width: auto;
    margin-top: 10px;

  }

  #banner-part .banner .overlay a {

    padding: 16px 16px;

  }

  #banner-part .slick-dots {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 0;
  }

  #banner-part .slick-dots li {
    display: inline-block;
  }

  #banner-part .slick-dots li button {
    font-size: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    background: transparent;
    margin-left: 10px;
  }

  #banner-part .slick-dots .slick-active button {
    background: #fec600;
    border: 1px solid #fff;
  }

  /* banner-end */
  #banner-top-shape {
    display: none;
  }

  #banner-bottom-shape {
    display: none;
  }

  /* abour start */


  #about-part {
    margin-top: 30px;
  }

  #about-part .round {

    display: none;
  }

  #about-part .sape {
    display: none;
  }

  #about-part i {
    display: none;
  }

  #about-part .top p {

    width: auto;
  }

  #about-part .left {
    margin-left: 0px;
    margin-top: 20px;
  }

  #about-part .left p {

    width: auto;
  }

  #about-part .right {

    margin-left: auto;
    margin-top: 20px;
  }

  #about-part .right p {
    width: auto;
  }

  #about-part .bottom {
    margin-top: 20px;
  }

  #about-part .bottom p {

    width: auto;
  }

  /* abou end */

  /* protfoli start */
  #protfolio_part {
    margin-top: 50px;
  }

  #protfolio_part .item .img img {
    width: 100%;
  }

  #protfolio_part .overlay {

    padding: 40px 0;
  }

  /* protfoli end */

  /* service start */
  #service_part {
    margin-bottom: 50px;
  }

  #service_part .line {

    display: none;
  }

  #service_part .service {
    padding-top: 30px;
    flex-direction: column;
    background: #f1f1f1;
  }

  #service_part .service:nth-child(2n+1) {
    flex-direction: column;
  }

  #service_part .service .left {
    width: 100%;
    justify-content: center;
    margin-bottom: 30px;
  }

  #service_part .service .right {
    width: 100%;
  }

  #service_part .service .middel {
    width: 100%;
    margin-bottom: 30px;

  }

  #service_part .service:nth-child(2n+1) .left {
    justify-content: center;
  }

  #service_part .slick-dots {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 0;
  }

  #service_part .slick-dots li {
    display: inline-block;
  }

  #service_part .slick-dots li button {
    font-size: 0;
    width: 15px;
    height: 15px;
    border: 1px solid rgb(157, 255, 0);
    background: transparent;
    margin-left: 10px;
    border-radius: 50%;
  }

  #service_part .slick-dots .slick-active button {
    background: #fec600;
    border: 1px solid #fff;
  }

  /* service end */
  /* testimonial start */

  #testimonial_part .linee {
    display: none;
  }

  #testimonial_part .overlay .right .sapee {

    top: -5%;
    left: 56%;
  }

  #testimonial_part .overlay .right {
    width: auto;
    margin-top: 60px;
  }

  #testimonial_part .overlay .right .text p {

    width: auto;
    ;
  }

  #testimonial_part .overlay {

    padding: 70px 0;
  }

  #testimonial_part .overlay .img_slider .img {
    margin: 0px -10px;
  }

  #testimonial_part .overlay .img_slider .slick-center .img {
    background: #fec600;
    transform: scale(1);
  }

  #testimonial_part .overlay .img_slider .img img {
    margin-left: -5px;
  }

  #testimonial_part .overlay .img_slider .img {
    width: 90px;
    height: 90px;

  }

  #testimonial_part .bottom {
    top: -59%;
    left: 57%;
    transform: translateX(-50%) rotate(-95deg);
  }

  #testimonial_part .top {
    top: -59%;
    left: 43%;
    transform: translateX(-50%) rotate(275deg);
  }

  /* testimonial end */



  /*  priching start*/

  #Pricing_part {
    margin: 50px 0;
  }

  /*  priching end*/


  /* counter start */

  #counter_part .cshap {
    transform: rotate(0deg);
  }

  #counter_part .counter_banner .overlay .item {

    margin-bottom: 20px;
  }

  #cbanner-bottom-shape {
    display: none;
  }

  #counter_part .counter_banner .overlay {

    padding: 35px 0;
  }

  /* counter end */
  /* team start */

  #Team_part {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  /* team end */

  /* fotter-top start */
  #fbanner-bottom-shape {
    display: none;
  }

  #fotter-top .footer-shape {
    transform: rotate(0deg);
  }

  #fotter-top {
    padding: 141px 0;
    padding-top: 20px;

  }

  #fotter-top .item {
    padding: 40px 40px;
  }

  /* fotter-top end */

  /* footer start */

  footer .logo img {
    transform: rotate(0deg);
    margin-top: 20px;
  }

  footer .logo {
    padding: 19px;

    transform: rotate(0deg);
  }

  footer .det .lst .item {
    text-align: center;
    margin-left: -20px;
    border-right: none;
  }

  footer .det .item .icon {

    margin-left: 20px;
  }

  /* footer end */




}

@media (min-width:576px) and (max-width: 767.98px) {

  /* nav start */
  nav button i {
    font-size: 20px;
    color: #fff;
  }

  nav ul {
    background: rgb(0, 0, 0);
  }

  nav ul li {
    text-align: center;
    margin-left: 0px;
  }

  nav ul li a:hover::after {
    width: 0%;
  }

  /* nav end */


  /* banner start */
  #banner-part .banner .overlay {

    padding-top: 150px;
    padding-bottom: 100px;

  }

  #banner-part .banner .overlay h3 {
    font-size: 25px;

  }

  #banner-part .banner .overlay h1 {
    font-size: 45px;

  }

  #banner-part .banner .overlay p {

    width: auto;
    margin-top: 10px;

  }

  #banner-part .banner .overlay a {

    padding: 16px 16px;

  }

  #banner-part .slick-dots {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 0;
  }

  #banner-part .slick-dots li {
    display: inline-block;
  }

  #banner-part .slick-dots li button {
    font-size: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    background: transparent;
    margin-left: 10px;
  }

  #banner-part .slick-dots .slick-active button {
    background: #fec600;
    border: 1px solid #fff;
  }

  /* banner-end */
  #banner-top-shape {
    display: none;
  }

  #banner-bottom-shape {
    display: none;
  }

  /* abour start */


  #about-part {
    margin-top: 30px;
  }

  #about-part .sape {
    display: none;
  }

  #about-part i {
    display: none;
  }

  #about-part .top p {

    width: auto;
  }

  #about-part .left {
    margin-left: 0px;
    margin-top: 20px;
  }

  #about-part .left p {

    width: auto;
  }

  #about-part .right {

    margin-left: auto;
    margin-top: 20px;
  }

  #about-part .right p {
    width: auto;
  }

  #about-part .bottom {
    margin-top: 20px;
  }

  #about-part .bottom p {

    width: auto;
  }

  /* abou end */

  /* protfoli start */
  #protfolio_part {
    margin-top: 50px;
  }

  #protfolio_part .item .img img {
    width: 100%;
  }

  #protfolio_part .overlay {

    padding: 40px 0;
  }

  /* protfoli end */

  /* service start */
  #service_part {
    margin-bottom: 50px;
  }

  #service_part .line {

    display: none;
  }

  #service_part .service {
    padding-top: 30px;
    flex-direction: column;
    background: #f1f1f1;
  }

  #service_part .service:nth-child(2n+1) {
    flex-direction: column;
  }

  #service_part .service .left {
    width: 100%;
    justify-content: center;
    margin-bottom: 30px;
  }

  #service_part .service .right {
    width: 100%;
  }

  #service_part .service .middel {
    width: 100%;
    margin-bottom: 30px;

  }

  #service_part .service:nth-child(2n+1) .left {
    justify-content: center;
  }

  #service_part .slick-dots {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 0;
  }

  #service_part .slick-dots li {
    display: inline-block;
  }

  #service_part .slick-dots li button {
    font-size: 0;
    width: 15px;
    height: 15px;
    border: 1px solid rgb(157, 255, 0);
    background: transparent;
    margin-left: 10px;
    border-radius: 50%;
  }

  #service_part .slick-dots .slick-active button {
    background: #fec600;
    border: 1px solid #fff;
  }

  /* service end */
  /* testimonial start */

  #testimonial_part .linee {
    display: none;
  }

  #testimonial_part .overlay .right .sapee {

    top: -5%;
    left: 56%;
  }

  #testimonial_part .overlay .right {
    width: auto;
    margin-top: 60px;
  }

  #testimonial_part .overlay .right .text p {

    width: auto;
    ;
  }

  #testimonial_part .overlay {

    padding: 70px 0;
  }

  #testimonial_part .overlay .img_slider .img {
    margin: 0px -10px;
  }

  #testimonial_part .overlay .img_slider .slick-center .img {
    background: #fec600;
    transform: scale(1);
  }

  #testimonial_part .overlay .img_slider .img img {
    margin-left: -5px;
  }

  #testimonial_part .overlay .img_slider .img {
    width: 90px;
    height: 90px;

  }

  #testimonial_part .bottom {
    top: -59%;
    left: 57%;
    transform: translateX(-50%) rotate(-95deg);
  }

  #testimonial_part .top {
    top: -59%;
    left: 43%;
    transform: translateX(-50%) rotate(275deg);
  }

  /* testimonial end */



  /*  priching start*/

  #Pricing_part {
    margin: 50px 0;
  }

  /*  priching end*/


  /* counter start */

  #counter_part .cshap {
    transform: rotate(0deg);
  }

  #counter_part .counter_banner .overlay .item {

    margin-bottom: 20px;
  }

  #cbanner-bottom-shape {
    display: none;
  }

  #counter_part .counter_banner .overlay {

    padding: 35px 0;
  }

  /* counter end */
  /* team start */

  #Team_part {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  /* team end */

  /* fotter-top start */
  #fbanner-bottom-shape {
    display: none;
  }

  #fotter-top .footer-shape {
    transform: rotate(0deg);
  }

  #fotter-top {
    padding: 141px 0;
    padding-top: 20px;

  }

  #fotter-top .item {
    padding: 40px 40px;
  }

  /* fotter-top end */

  /* footer start */

  footer .logo img {
    transform: rotate(0deg);
    margin-top: 20px;
  }

  footer .logo {
    padding: 19px;

    transform: rotate(0deg);
  }

  footer .det .lst .item {
    text-align: center;
    margin-left: -20px;
    border-right: none;
  }

  footer .det .item .icon {

    margin-left: 20px;
  }

  /* footer end */




}

@media (min-width:768px) and (max-width: 992.98px) {

  /* nav start */
  nav button i {
    font-size: 20px;
    color: #fff;
  }

  nav ul {
    background: rgb(0, 0, 0);
  }

  nav ul li {
    text-align: center;
    margin-left: 0px;
  }

  nav ul li a:hover::after {
    width: 0%;
  }

  /* nav end */


  /* banner start */
  #banner-part .banner .overlay {

    padding-top: 150px;
    padding-bottom: 100px;

  }

  #banner-part .banner .overlay h3 {
    font-size: 25px;

  }

  #banner-part .banner .overlay h1 {
    font-size: 45px;

  }

  #banner-part .banner .overlay p {

    width: auto;
    margin-top: 10px;

  }

  #banner-part .banner .overlay a {

    padding: 16px 16px;

  }

  #banner-part .slick-dots {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 0;
  }

  #banner-part .slick-dots li {
    display: inline-block;
  }

  #banner-part .slick-dots li button {
    font-size: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    background: transparent;
    margin-left: 10px;
  }

  #banner-part .slick-dots .slick-active button {
    background: #fec600;
    border: 1px solid #fff;
  }

  /* banner-end */
  #banner-top-shape {
    display: none;
  }

  #banner-bottom-shape {
    display: none;
  }

  /* abour start */


  #about-part {
    margin-top: 30px;
  }




  #about-part .top p {
    width: auto;
  }

  #about-part .top {
    padding: 20px;
  }

  #about-part .left {
    margin-left: 0px;
    margin-top: 20px;
    padding: 20px;
  }

  #about-part .left i {

    left: 116%;
  }

  #about-part .left p {

    width: auto;
  }

  #about-part .round {
    width: 180px;
    height: 180px;

  }

  #about-part .round .img {
    width: 140px;
    height: 140px;

  }

  #about-part .right {
    padding: 20px;

    margin-left: auto;
    margin-top: 20px;
  }

  #about-part .right i {

    left: -20%;

  }

  #about-part .right p {
    width: auto;
  }

  #about-part .bottom {
    margin-top: 0px;
    padding: 20px;

  }

  #about-part .bottom p {

    width: auto;
  }

  /* abou end */

  /* protfoli start */
  #protfolio_part {
    margin-top: 50px;
  }

  #protfolio_part .item .img img {
    width: 100%;
  }

  #protfolio_part .overlay {

    padding: 40px 0;
  }

  /* protfoli end */

  /* service start */
  #service_part {
    margin-bottom: 50px;
  }
  #service_part .line {
    top: 286px;
 
  }
  #service_part .down {
    bottom: -4%;
  
  }
 

  /* service end */
  /* testimonial start */

  /* #testimonial_part .linee {
    display: none;
  }

  #testimonial_part .overlay .right .sapee {

    top: -5%;
    left: 56%;
  }

  #testimonial_part .overlay .right {
    width: auto;
    margin-top: 60px;
  }

  #testimonial_part .overlay .right .text p {

    width: auto;
    ;
  }

  #testimonial_part .overlay {

    padding: 70px 0;
  }

  #testimonial_part .overlay .img_slider .img {
    margin: 0px 57px;
  }

  #testimonial_part .overlay .img_slider .slick-center .img {
    background: #fec600;
    transform: scale(1);
  }

  #testimonial_part .overlay .img_slider .img img {
    margin-left: -5px;
  }

  #testimonial_part .overlay .img_slider .img {
    width: 90px;
    height: 90px;

  }

  #testimonial_part .bottom {
    top: -59%;
    left: 57%;
    transform: translateX(-50%) rotate(-95deg);
  }

  #testimonial_part .top {
    top: -59%;
    left: 43%;
    transform: translateX(-50%) rotate(275deg);
  }
  #testimonial_part .slick-dots {
      display: block;
      position: absolute;
      bottom: -103px;
      left: 50%;
      transform: translateX(-50%);
    
  }

  #testimonial_part .slick-dots li {
    display: inline-block;
  }

  #testimonial_part .slick-dots li button {
    font-size: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    background: transparent;
    margin-left: 10px;
  }

  #testimonial_part .slick-dots .slick-active button {
    background: #fec600;
    border: 1px solid #fff;
  } */


  #testimonial_part .linee {
  
    left: 10.5%;
  }
  #testimonial_part .overlay .img_slider .img {
    width: 96px;
    height: 96px;

    left: -1%;
  }
  #testimonial_part .overlay .right {
    width: auto;
    left: 16px;
    top: 20px;
  }
  #testimonial_part .overlay .right .sapee {
 
    top: 42%;
  
  }
  #testimonial_part .overlay .right .text p {

    width: auto;
  }
  /* testimonial end */



  /*  priching start*/

  #Pricing_part {
    margin: 50px 0;
  }

  /*  priching end*/


  /* counter start */

  #counter_part .cshap {
    transform: rotate(0deg);
  }

  #counter_part .counter_banner .overlay .item {

    margin-bottom: 20px;
  }

  #cbanner-bottom-shape {
    display: none;
  }

  #counter_part .counter_banner .overlay {

    padding: 35px 0;
  }

  /* counter end */
  /* team start */

  #Team_part {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  /* team end */

  /* fotter-top start */
  #fbanner-bottom-shape {
    display: none;
  }

  #fotter-top .footer-shape {
    transform: rotate(0deg);
  }

  #fotter-top {
    padding: 141px 0;
    padding-top: 20px;

  }

  #fotter-top .item {
    padding: 40px 16px;
  }
  /* fotter-top end */

  /* footer start */

  footer .logo img {
    transform: rotate(0deg);
    margin-top: 20px;
  }

  footer .logo {
    padding: 19px;

    transform: rotate(0deg);
  }

  footer .det .lst .item {
    text-align: center;
    margin-left: -20px;
    border-right: none;
  }

  footer .det .item .icon {

    margin-left: 20px;
  }
  footer .det .item ul li {
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
  }
  /* footer end */




}