/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/

@media (min-width: 1800px) and (max-width: 1899px) {
  .banner-social-links { left: -350px; } 
}

@media (min-width: 1700px) and (max-width: 1799px) {
  .banner-social-links {        left: -306px; }
  .service-blocks-content .service-block.service-block-1{ margin-top: -248px; }
  .service-blocks-content .service-block.service-block-2{margin-top: -128px;}
}

@media (min-width: 1600px) and (max-width: 1699px) {
  .header .navbar { margin: 0 20px; }
  .header .navbar-nav { padding-left: 120px; }
  /*banner*/
  .main-title { font-size: 78px; } 
  .banner-left blockquote { margin: 15px 0 30px; }
  .banner-left::after { top: -146px; }
  .banner-social-links {
    left: -250px;
  }
  /*banner*/

  /*why*/
  .why-img-wrap-2 { right: 63px;}
  /*why*/

  /*container service */
  .service-blocks-content .service-block.service-block-1{ margin-top: -248px; }
  .service-blocks-content .service-block.service-block-2{margin-top: -128px;}
  .service-blocks-content{padding-top: 80px;}
  /*container service */

  
  .unique-wrap { padding: 0 0; }
  .slick-arrows-unique .slick-prev { left: -42px; }
    .slick-arrows-unique .slick-next { right: -40px; }
  .slick-arrows-unique .slick-arrow { padding: 5px 7px 7px 8px; }
}
@media (min-width: 1600px) {
  .container{
    max-width: 1550px;
  }  
}

@media (min-width: 1500px) and (max-width: 1599px) {
  /*header*/
  .header .navbar { margin: 0 20px; } 
  /* .header .navbar-nav { padding-left: 23px; } */
  /*header*/

  /*banner*/
  .banner-wrap { padding: 0 0 0 10px; }
  .banner-left::after { top: -146px; background-size: contain;}
  .main-title { font-size: 78px; } 
  .banner-left blockquote { margin: 15px 0 30px; }
  .banner-social-links { left: -310px; }
  /*banner*/

  /*why*/
  .why-img-wrap-2 { right: 63px;}
  .why-points ul { max-width: 346px; padding-right: 20px; margin-right: 20px; }
  /*why*/

  /*container service */
  .service-blocks-content .service-block.service-block-1{ margin-top: -248px; }
  .service-blocks-content .service-block.service-block-2{margin-top: -128px;}
  .service-blocks-content{padding-top: 140px;}
  .service-blocks-content .service-block.service-block-5{margin-left: -40px;}
  .service-block:nth-child(4)::after{width: 163px; left: 8px;}
   /*container service */

  .unique-wrap { padding: 0 0; }

  .team-slide > *:nth-child(even) > * .team-member-detail { padding: 106px 27px; }
  .about-banner .banner-wrap { padding: 0 0 0 0; } 
  .about-con-main { padding: 230px 0 150px 0; } 
  .service-banner .banner-wrap { padding: 0 0 0 0; }
  .unique-wrap .title-before::before { margin: -49px 0 0 -55px; }
  .slick-arrows-unique .slick-prev { left: -42px; }
  .slick-arrows-unique .slick-next { right: -45px; }
  .slick-arrows-unique .slick-arrow { padding: 5px 7px 7px 8px; }
}

@media (min-width: 1400px) and (max-width: 1499px) {
  /*header*/
  header .navbar { margin: 0 0 !important; } 
  /* .header .navbar-nav { padding-left: 10px; } */
  .header .navbar .btn-contact {
    padding-right: 0px;
}
  /*header*/

  /*banner*/
  .banner-wrap { padding: 0 0 0 10px; }
  .main-title { font-size: 78px; } 
  .banner-left blockquote { margin: 15px 0 30px; }
  .banner-left .btn-main::before {         width: 188px; height: 49px; }
    .banner-left::after {         top: -75px;
        right: -87px;
        width: 665px;
        height: 648px;
    }
.banner-social-links { left: -270px; }
  /*banner*/
    .team-title .section-title.title-after::after {
    right: -30px;
}
  /*about container*/

  .about-con-main { padding: 180px 0 150px 0; } 
  /*about container*/

  /*why*/
  .why-img-wrap-2 { right: 43px;} 
  .why-points ul { max-width: 346px; padding-right: 20px; margin-right: 20px; }
  /*why*/

  /*container service */
  .service-blocks-content .service-block.service-block-1{ margin-top: -198px; }
  .service-blocks-content .service-block.service-block-2{margin-top: -128px;}
  .service-blocks-content{padding-top: 140px;}
  .service-blocks-content .service-block.service-block-5{margin-left: -40px;}
  .service-block:nth-child(4)::after{width: 163px; left: 8px;}
  .service-block:first-child::after{width: 163px; left: 0; rotate: 8deg;}
 /*container service */


  /*service page*/
  .services-banner-left.banner-left::after {  right: -87px; width: 665px; height: 648px; top: -75px; }
  /*breadcrumb*/
  .breadcrumb {padding: 0 0 18px 25px; }
  /*breadcrumb*/
  /*example*/
  .example-wrap { margin-bottom: 50px; } 
  .example-slider .slick-list { margin-left: 0px !important; } 
  .example-wrap .section-title {line-height: 69px; font-size: 66px; }
  /*example*/

  /*unique*/
    .unique-wrap {
    padding: 0 0;
}
  .unique-main { padding: 150px 0 100px; margin: 0 0 50px 0; } 
  .unique-wrap .section-title { font-size: 66px; line-height: 80px; }
  .slick-arrows-unique .slick-prev { left: -42px; }
  .slick-arrows-unique .slick-next { right: -45px; }
  .slick-arrows-unique .slick-arrow { padding: 5px 7px 7px 8px; }
  /*unique*/
  /*next step*/
  .next-content .section-title.title-after::after { right: -36px; }
  .next-step-wrap { position: relative; display: flex;  } 
  .next-content .section-title {  font-size: 69px; line-height: 75px; } 
  .next-content {  padding: 50px 15px 0 15px; max-width: 500px;} 
  .next-main { padding: 100px 0; }
    /*next step*/

  /* product-main */
  .product-main-wrap{column-gap: 20px;}
  .product-main-wrap .product-cart .row{margin: 0 -15px;}
  .accordion-button.active{font-size: 22px;}
  .accordion-button{font-size: 20px;}
  .product-main-wrap .product-cart .row>*{padding: 0 15px;}
  .product-main { padding: 100px 0 50px; }
  /* product-main */

    
  .team-slide > *:nth-child(even) > * .team-member-detail { padding: 106px 27px; }
  .about-banner .banner-wrap { padding: 0 0 0 0; } 
  .service-banner .banner-wrap { padding: 0 0 0 0; }

}

@media (min-width: 1300px) and (max-width: 1399px) {
  .btn-main::before {
    width: 141px;
    height: 44px;
  }
  /*header*/
  .header .navbar .btn-contact {
    padding-right: 0px;
}
  /* .header .navbar-nav{ padding-left:14px; } */
  header .navbar { margin: 0 0 !important; } 
  .header .navbar-nav .nav-item { margin: 0 15px; } 
  header .navbar-nav .nav-item .nav-link { font-size: 18px; } 
  .btn { font-size: 17px;   padding: 10px 31px 14px 36px;  padding: 10px 31px 14px 37px;} 
  .btn-contact::before { width: 118px; height: 49px; }
  .header .btn-contact::before { width: 135px; height: 49px; } 
  .header .btn{ font-size: 17px; padding: 10px 31px 14px 21px; }
  /*header*/

  /*banner*/
  
  .banner-wrap { padding: 0 0 0 10px; }
  .banner-img * { width: 100%;  height: unset; }
  .main-title { font-size:75px; } 
  .banner-img { height: 100%; }
  .banner-left blockquote { margin: 15px 0 30px; max-width: 566px; }
  .banner-left .btn-main::before { width: 159px; height: 46px; } 
  /* .banner-left::after {          top: -96px; height: 688px; width: 100%; }  */
  .banner-img::after { right: 0; }
  .banner-social-links { left: -295px; }
  .banner { padding: 200px 0 0 0; }
  .banner-left::after {  top: -248px; width: 644px; height: 675px;}
  /*banner*/

  /*for what*/
  .for-what-main { padding: 40px 0;}
  /*for what*/


  /*contact*/
  .btn-main::before { width: 162px; height: 41px; }
  .contact-main { padding: 60px 0 70px; }
  .contact-wrap .contact-form .btn-main .btn { padding: 11px 48px 11px 48px; }
  /*contact*/

  /*why*/
  .why-img-wrap-2 { top: 0; right: 0; transform: translate(-21%, 50%); -webkit-transform: translate(-21%, 50%); -moz-transform: translate(-21%, 50%); -ms-transform: translate(-21%, 50%); -o-transform: translate(-21%, 50%); }
  .why-points ul { max-width: 346px; padding-right: 20px; margin-right: 20px; }
  .why-points { padding: 0 15px; } 
  .why-points ul li { font-size: 18px; margin-bottom: 21px; }
  /*why*/

  /*about container*/
  .about-banner .banner-wrap { padding: 0 0 0 0; }
  .about-banner-left .main-title{ max-width: 500px; }
  .about-con-imgs img { max-width: 300px; } 
  .about-con-main { padding: 160px 0 60px 0; } 
  .about-con-imgs { justify-content: center; }
  .about-con-right  .btn { font-size: 17px;  padding: 11px 32px 12px 32px; } 
  .about-con-right .detail{ font-size: 18px; } 
  .about-con-right .section-title{ font-size: 66px; }
  .about-con-imgs::before { width: 258px; height: 265px;  } 
  .about-con-left .about-left-detail { width: 100%; height: 237px; top: 34px; }
  .about-con-right .btn-main::before { width: 153px; height: 46px; margin: 7px 0 0 1px; }
.about-con-left .about-left-detail {
    left: -42px;
}
.about-banner-left.banner-left::after {
    right: -87px;
    width: 665px;
    height: 648px;
    top: -75px;
}

  /*about container*/

  /*slider*/
  .slider-wrapper { margin: 0; }
  /*slider*/

  /*why*/
  .why-title .section-title{ font-size: 63px; line-height: 73px; } 
  .why-title { padding: 60px 0 0 0; }
  /*why*/

  /*modication*/
  .modification-title .section-title { font-size: 66px; line-height: 71px; }
  /*modication*/

  /*container service*/
  .service-contents .section-title { font-size: 66px; line-height: 71px; }
  .service-blocks-content .service-block.service-block-1{ margin-top: -198px; }
  .service-blocks-content .service-block.service-block-2{margin-top: -128px;}
  .service-blocks-content{padding-top: 140px; margin-left: 0;}
  .service-block:nth-child(3)::after{ left: 2px; width: 183px; transform: rotate(-13deg) ; -webkit-transform: rotate(-13deg) ; -moz-transform: rotate(-13deg) ; -ms-transform: rotate(-13deg) ; -o-transform: rotate(-13deg) ; }
  .service-blocks-content .service-block.service-block-5{margin-left: 0px;}
  .service-block:nth-child(4)::after{width: 163px; left: 8px;}
  .service-block:first-child::after{width: 163px; left: 0; rotate: 8deg;}
  /*container service*/

  /*service page*/
  .services-banner-left.banner-left::after {display: none; }
    /*breadcrumb*/
  .breadcrumb {padding: 0 0 18px 25px; }
  /*breadcrumb*/

  /*example*/
  .example-wrap { margin-bottom: 50px; } 
  .example-slider .slick-list { margin-left: 0px !important; } 
  .example-wrap .section-title { line-height: 64px; font-size: 66px; }
  /*example*/

  /*unique*/
  .unique-wrap { padding: 0 0; }
  .unique-main { padding: 100px 0; margin: 0 0 50px 0; } 
  .unique-wrap .section-title { font-size:66px; line-height: 70px; }
  /*unique*/

  /*next step*/
  .next-content .section-title.title-after::after { right: -36px; }
  .next-step-wrap { position: relative; display: flex;  } 
  .next-content .section-title {font-size: 66px; line-height: 74px; } 
  .next-content {  padding: 50px 15px 0 15px; max-width: 500px;} 
  .next-main { padding: 100px 0; }
     .next-main .btn-main::before { width: 140px; height: 39px; }

  /*next step*/



  /* product-main */
  .product-main { padding: 100px 0; }
  .product-main-wrap{column-gap: 20px;}
  .product-main-wrap .product-cart .row{margin: 0 -15px;}
  .accordion-button.active{font-size: 22px;}
  .accordion-button{font-size: 18px;}
  .product-main-wrap .product-cart .row>*{padding: 0 15px;}
  .services-cart .services-details .services-number::after{width: 176px;}
  .services-cart .services-details{padding: 25px 18px 25px 18px;}
  .services-cart .services-details .cart-title{font-size: 18px;}
  .product-main .section-title { font-size: 66px; line-height: 70px; }
  /* product-main */


  /*do main*/
  .do-main { position: relative; margin: 100px 0 0 0; /* opacity: 0.05;*/ }
   .do-block { max-width: 445px; }
  /*do main*/

  .team-slide > *:nth-child(even) > * .team-member-detail { padding: 106px 27px; } 
  /* .team-member-detail { padding: 102px 48px; } */

  .service-banner .banner-wrap { padding: 0 0 0 0; }
   .banner-main-wrap::before { background-size: contain; width: 475px; height: 820px; top: -70px; }
    .slick-arrows-unique .slick-prev { left: -42px; }
  .slick-arrows-unique .slick-next { 
        right: -52px;
        left: unset; }
  .slick-arrows-unique .slick-arrow { padding: 5px 7px 7px 8px; }




  
    /*-------------------typography-start-------------------------------*/
    .typography-section h1 {
        font-size: 62px;
        line-height: 70px;
    }
    .typography-section h2 {
        font-size: 46px;
        line-height: 52px;
    }
    .typography-section h3 {
        font-size: 42px;
        line-height: 48px;
    }
    .typography-section h4 {
        font-size: 40px;
        line-height: 46px;
    }
    .typography-section h5 {
        font-size: 36px;
        line-height: 42px;
    }
    .typography-section h6 {
        font-size: 24px;
        line-height: 30px;
    }
    /*-------------------typography-end---------------------------------*/
}

@media (min-width: 1200px) and (max-width: 1299px) {
  .btn-main::before {
    width: 140px;
    height: 43px;

  }
   .section-title { font-size: 66px; line-height: 66px; }
  /*header*/
  /* .header .navbar-nav {padding-left: 9px; } */
  .header .navbar { margin: 0 0 !important; } 
  .header .navbar-nav .nav-item { margin: 0 15px; } 
  .header .navbar-nav .nav-item .nav-link { font-size: 17px; } 
  .btn { font-size: 17px; padding: 10px 22px 10px 18px; } 
  .header  .btn-contact::before { width: 123px; height: 45px; }
  .header .navbar .btn-contact { padding-right: 0; }
  /*header*/


  /*banner*/
  .banner-wrap { padding: 0 0 0 10px; }
  .main-title { font-size:63px; } 
  .banner-img * { height: 100%; width: 100%; }
  .banner-left blockquote { margin: 15px 0 30px;         max-width: 510px; }
  .banner-left .btn-main::before { width: 159px; height: 46px; } 
  .banner-img::after { right: 0; }
  .banner-left{ padding-left: 43px; max-width: 625px; }
  .banner-social-links {   left: -253px; }
  .banner-social-links li a { font-size: 18px; } .banner-left::after {   display: none; }
  .banner-main-wrap::before { background-size: contain; width: 475px; height: 820px; top: -70px; }
  /*banner*/

  /*contactus*/
  .title-before::before { width: 177px; height: 169px; }
  .contact-wrap .section-title { max-width: 867px; font-size: 62px; line-height: 69px; }
  .contact-main { padding: 0 0 75px; } 
  .contact-main .btn-main::before { width: 144px; height: 43px; }
  /*contactus*/

  /*slider*/
  .slider-wrapper { margin: 0; }
  /*slider*/

  
  /*for what*/
  .for-what-main { padding: 80px 0 50px;}
  .for-what-main::after { transform: translate(0%, -29%); -webkit-transform: translate(0%, -29%); -moz-transform: translate(0%, -29%); -ms-transform: translate(0%, -29%); -o-transform: translate(0%, -29%); }  
  /*for what*/

    
  /*about container*/
  .about-con-imgs img { max-width: 300px; } 
  .about-con-main { padding: 160px 0 60px 0; } 
  .about-con-imgs { justify-content: center; }
  .about-con-right  .btn { font-size: 17px;  padding: 11px 32px 12px 32px; } 
  .about-con-right .detail{ font-size: 18px; } 
  .about-con-right .section-title{ font-size: 66px; }
  .about-con-imgs::before { width: 258px; height: 265px; } 
  .about-con-left .about-left-detail { width: 100%; height: 237px; top: 31px;left: -42px; }
  .about-con-right .btn-main::before { width: 180px; height: 42px; margin: 11px 0 0 -7px; }
  /* .about-con-left .about-left-detail {  } */
  /*about container*/


  /*why*/
  .why-img-wrap-2 { top: 0; right: 0; transform: translate(-21%, 50%); -webkit-transform: translate(-21%, 50%); -moz-transform: translate(-21%, 50%); -ms-transform: translate(-21%, 50%); -o-transform: translate(-21%, 50%); }
  .why-points ul { max-width: 346px; padding-right: 20px; margin-right: 20px; }
  .why-points { padding: 0 15px;    margin: 200px auto 0 auto; } .why-points ul li { font-size: 18px; margin-bottom: 21px; } 
  .why-title .section-title.title-before::before { margin: -41px 0 0 -46px; } .why-title { padding: 50px 0 0 0; }
  /*why*/

    
  /*modication*/
  .modification-title .section-title { font-size: 66px; line-height: 71px; }
  /*modication*/


   /* service */
  .service-blocks-content .service-block.service-block-1{ margin-top: -198px; }
  .service-blocks-content .service-block.service-block-2{margin-top: -128px;}
  .service-blocks-content{padding-top: 150px; margin-left: 0; padding-right: 15px;}
  .service-block:nth-child(3)::after{ left: 2px; width: 183px; transform: rotate(-13deg) ; -webkit-transform: rotate(-13deg) ; -moz-transform: rotate(-13deg) ; -ms-transform: rotate(-13deg) ; -o-transform: rotate(-13deg) ; }
  .service-blocks-content .service-block.service-block-5{margin-left: 0px;}
  .service-block:nth-child(4)::after{width: 163px; left: 8px;}
  .servcie-wrap{max-width: 1180px;}
  .service-block:first-child::after{width: 163px; left: 0; rotate: 8deg;}
  /*service */



    /*service page*/
    
    .services-banner-left.banner-left::after { display: none;}
    /*breadcrumb*/
    .breadcrumb {padding: 0 0 18px 45px; }
    /*breadcrumb*/

    /*example*/
    .example-wrap { margin-bottom: 50px; } 
    .example-slider .slick-list { margin-left: 0px !important; } 
    .example-wrap .section-title { line-height: 70px; font-size: 66px; }
    /*example*/

    /*unique*/
      .unique-wrap { padding: 0 0; }
    .unique-main { padding: 100px 0; margin: 0 0 50px 0; } 
    .unique-wrap .section-title {font-size: 66px; line-height: 70px; }
        .slick-arrows-unique .slick-arrow {
        padding: 5px 7px 7px 8px;
        top: 0;
    }
        .slick-arrows-unique .slick-next {
        right: -18px;
    }
    /*unique*/

    /*next step*/
    .next-content .section-title.title-after::after { right: -36px; }
    .next-step-wrap { position: relative; display: flex;  } 
    .next-content .section-title {  font-size: 66px; line-height: 68px; } 
    .next-content {  padding: 50px 15px 0 15px; max-width: 500px;} 
    .next-main { padding: 100px 0; }
    /*next step*/


    /*service page*/

  /* product-main */
  .product-main { padding: 100px 0; }
  .accordion-body ul li{padding-left: 28px;}
  .accordion-body ul li::before{left: 15px;}
  .accordion-button::after{--bs-accordion-btn-icon-width:30px}
  .product-main-wrap{column-gap: 20px;}
  .product-main-wrap .product-cart .row{margin: 0 -15px;}
  .accordion-button.active{font-size: 22px;}
  .accordion-button{font-size: 18px; padding: 20px 50px 25px 20px;}
  .product-main-wrap .product-cart .row>*{padding: 0 15px;}
  .services-cart .services-details .services-number::after{width: 176px;}
  .services-cart .services-details{padding: 25px 18px 25px 18px;}
  .services-cart .services-details .cart-title{font-size: 18px;}
  /* product-main */

  
  /*do main*/
  .do-main { position: relative; margin: 100px 0 0 0; /* opacity: 0.05;*/ } 
  .do-block { max-width: 445px; }
  /*do main*/

  .about-banner .banner-wrap { padding: 0; }
  /* .about-banner-left.banner-left::after { display: none; }  */
  .team-title .section-title.title-after::after {         right: -26px; }
  .team-slide > *:nth-child(even) > * .team-member-detail { padding: 106px 27px; } 
  .service-banner .banner-wrap {
    padding: 0 0 0;
}

.about-banner-left.banner-left::after {
    right: -87px;
    width: 665px;
    height: 648px;
    top: -75px;

    
    transform: translate(42%, -2%);
    -webkit-transform: translate(42%, -2%);
    -moz-transform: translate(42%, -2%);
    -ms-transform: translate(42%, -2%);
    -o-transform: translate(42%, -2%);
}
  .slick-arrows-example .slick-arrow { padding: 7px 11px 11px 12px; }
  .slick-arrows-unique .slick-prev {               left: -10px;
        top: 0;
    }
  .slick-arrows-unique .slick-next {  
              right: 2px;
        top: 0;

  }

   /*-------------------typography-start-------------------------------*/
    .typography-section h1 {
        font-size: 62px;
        line-height: 70px;
    }
    .typography-section h2 {
        font-size: 46px;
        line-height: 52px;
    }
    .typography-section h3 {
        font-size: 42px;
        line-height: 48px;
    }
    .typography-section h4 {
        font-size: 40px;
        line-height: 46px;
    }
    .typography-section h5 {
        font-size: 36px;
        line-height: 42px;
    }
    .typography-section h6 {
        font-size: 24px;
        line-height: 30px;
    }
    /*-------------------typography-end---------------------------------*/

}
@media(max-width:991px){
  button.navbar-toggler {
    border: none;
  }

  .navbar-toggler {
    right: 0;
    top: 0;
  }

  .navbar-toggler {
    border: none;
    background-color: transparent;
    position: relative;
    z-index: 9999;
    right: 0;
  }

  .navbar-collapse {
    position: fixed;
    top: 0;
    right: -100%;
    max-width: 100%;
    width: 100%;
    bottom: 0;
    height: 100%;
    overflow: auto;
    background-color: #fff;
    transition: 0.5s;
    z-index: 9;
  }

  .navbar-collapse.show {
    right: 0;
    height: auto;
  }

  .navbar-collapse.show::before {
    right: 0;
  }

  .navbar-collapse::before {
    content: "";
    position: fixed;
    width: 100%;
    height: 80px;
    top: 0;
    right: -100%;
    background-color: #fff;
    transition: 0.5s;
    z-index: 9;
  }

  .navbar .navbar-nav {
    align-items: center;
    position: relative;
    top: 80px;
  }

  .header .navbar-nav .nav-item {
        width: 100% !important;
        border-bottom: 1px solid #000;
        padding: 0 10px !important;
  }

  .header .navbar-nav .nav-item:first-child {
         padding: 0 10px;
  }

  .navbar-toggler span {
    background-color: #000000;
    width: 25px;
    height: 2px;
    display: block;
    margin-bottom: 5px;
    transition: 0.5s;
    position: relative;
  }

  .navbar-toggler.open span:first-child {
    top: 5px;
    transform: rotate(45deg);
  }

  .navbar-toggler.open span:nth-child(2) {
    display: none;
  }

  .navbar-toggler.open span:last-child {
    top: -2px;
    transform: rotate(-45deg);
  }

  .navbar-toggler:focus {
    box-shadow: none;
  }

  .navbar {
    padding: 28px 0 24px 0;
  }

  .header .navbar-nav .nav-item .nav-link {
    padding: 11px 0px;
            display: inline-flex;
  }

.header .navbar-nav {
    padding-left: 0;
}

    .header .navbar .btn-contact {
        position: relative;
        right: auto;
        top: auto;
        margin: 100px 0 0 10px;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
.header .navbar {
    margin: 0;

}
}

@media (min-width: 992px) and (max-width: 1199px) {
  .section-title{ font-size: 60px; line-height: 71px; }
  .title-after::after { width: 144px; height: 159px; margin: -39px 0 0 0; }
  header .navbar { margin: 0 0 !important; } 
  .header .navbar-nav .nav-item { margin: 0 15px; } 
  header .navbar-nav .nav-item .nav-link { font-size: 18px; } 
  .btn { font-size: 17px; padding: 10px 22px 10px 18px; } 
  .btn-contact::before {     width: 122px; height: 42px; }

  /*footer*/
  .footer-nav li { margin: 0 16px; }
  .footer-contacts .f-block a { font-size: 18px; line-height: 107%; }
  /*footer*/

  /*banner*/
  .banner-wrap { padding: 0 0 0 0; }
  .banner { padding: 210px 0 0 0; }
  .main-title { font-size:60px; } 
  .detail { font-size: 17px; }
  .banner-left blockquote { margin: 15px 0 30px; max-width: 566px; }
  .banner-left .btn-main::before { width: 159px; height: 46px; } 
  .banner-left::after { display: none; } 
  .banner-img::after {right: 0; width: 457px; height: 574px; top: 0;}
  /* .banner-left::after {          width: 555px; height: 546px; top: -138px; } */
  .banner-left{ padding-left: 43px; max-width: 475px;}
  .banner-social-links li a { font-size: 17px; }
  .banner-social-links { left:-233px; }
  /*banner*/


    /*contactus*/
  .title-before::before { width: 177px; height: 169px; }
  .contact-wrap .section-title { max-width: 867px; font-size: 60px; line-height: 69px; }
  .contact-wrap .form-group { flex-basis: 49%; margin: 0 0 15px 0; }
  .contact-wrap .contact-content { margin-bottom: 0px; } 
  .contact-wrap .contact-content { flex-wrap: wrap; justify-content: space-between;}
  .btn-main::before { width: 144px; height: 43px; }
  /*contactus*/

  /*slider*/
  .slider-wrapper { margin: 0; }
  /*slider*/

    /*for what*/
  .for-what-main { padding: 50px 0; } 
  .for-what-main .section-title { font-size: 52px; line-height: 57px; } 
  .for-what-left ul { margin-top: 20px; max-width: unset; } 
  .for-what-left {    margin: 0 -20px 0 0px;  padding: 40px 20px 15px 20px;} 
   .for-what-left ul li { margin-bottom: 20px; padding-left: 22px; font-size: 17px; line-height: 147%; } 
  .for-what-wrap > *:nth-child(even) .for-what-left { margin: 0 0 0 -20px; } 
  .for-what { margin-bottom: 40px; } 
  .for-what-main::after { bottom: -10%; transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); }
  /*for what*/

  /*about container*/
  .about-con-imgs img { max-width: 255px; } 
  .about-con-main { padding: 160px 0 60px 0; } 
  .about-con-imgs { justify-content: center; }
  .about-con-right  .btn { font-size: 17px;  padding: 11px 26px 12px 32px; } 
  .about-con-wrap .row{ justify-content: space-between; } 
  .about-con-imgs { justify-content: center; } 
  .about-con-main { padding: 160px 0 0 0; } 
  .about-con-right .detail{ font-size: 17px; } 
  .about-con-wrap .row > * { padding-left: 15px; padding-right: 15px; } 
  .about-left-detail .small-text { font-size: 17px; }
  .about-con-imgs::before { width: 223px; height: 194px;     left: 27px; z-index: -1; } 
  .about-con-imgs img { max-width: 223px; } 
  .about-con-left .about-left-detail { max-width: 245px; height: 247px; left: -96px; top: 9px; min-height: unset; } 
  .about-con-left{ max-width: 300px; } 
  .about-con-right{ position: relative; top: -96px; }
  .about-con-right .btn-main::before { width: 189px; height: 43px; margin: 11px 0 0 -18px; }
  /*about container*/

  /*why*/
  .why-img-wrap-2 { max-width: 262px; top: 0; right: 0; transform: translate(-21%, 50%); -webkit-transform: translate(-21%, 50%); -moz-transform: translate(-21%, 50%); -ms-transform: translate(-21%, 50%); -o-transform: translate(-21%, 50%); }
  .why-points ul { max-width: 346px; padding-right: 20px; margin-right: 20px; }
  .why-points { padding: 0 15px; justify-content: center;         margin: 100px 0 0 0;} 
  .why-points ul li { font-size: 18px; margin-bottom: 21px; }
  .why-title .section-title.title-before::before { margin: -36px 0 0 -14px; } 
  .why-title { display: flex; align-items: center;  padding: 50px 0 0 0; } 
  .why-title .detail { max-width:445px; text-align: end; } 
  .why-main::before { height: 377px; }
  /*why*/


  /*modication*/
  .modification-title .detail { max-width: 524px; } 
  .modification-title .section-title { font-size: 58px; line-height: 66px; } 
  .modification-item .normal-text span { margin-right: 12px; } 
  .modification-bg-img { position: relative; bottom: unset; left: unset; transform: unset; margin: 0 auto; display: block; max-width: 300px; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; -o-transform: unset; }
  .modification-main {   margin: 0;}
  /*modication*/
  
  /* container services */
  .service-blocks-content .service-block.service-block-1{ margin-top: 0px; margin-left: 0;}
  .service-blocks-content .service-block.service-block-2{margin-top: 0px; margin-left: 0;}
  .service-blocks-content{padding-top: 20px;  padding-right: 15px; padding-left: 15px; justify-content: start; flex-direction: row; max-width: 980px;margin-right: auto; margin-left: auto; row-gap: 30px;}
  .service-block .normal-text{text-align: start;}
  .service-block .detail{text-align: start;}
  .service-block .small-text{text-align: start; margin-left: 0;}
  .service-block:nth-child(3)::after{ left: 2px; width: 183px; transform: rotate(-13deg) ; -webkit-transform: rotate(-13deg) ; -moz-transform: rotat(-13deg) ; -ms-transform: rotate(-13deg) ; -o-transform: rotate(-13deg) ; }
  .service-blocks-content .service-block.service-block-5{margin-left: 0px; margin-top: 0px;}
  .service-block:nth-child(4)::after{ width: 163px; left: unset; right: -90px;  top: 165px; transform:rotate(95deg) ; -webkit-transform:rotate(95deg) ;-moz-transform:rotate(95deg) ; -ms-transform:rotate(95deg) ; -o-transform:rotate(95deg) ; }
  .service-blocks-content .service-block{flex: 1 1 auto;}
  .servcie-wrap{max-width: 1180px; padding-right: 15px;}
  .service-block:first-child::after{width: 163px; left: 0; rotate: 8deg;}
  .service-blocks-content>*{width: 21%;}
  .service-block::after{display: none;}
  .service-blocks-content .service-block.service-block-3{margin-top: 0; margin-left: 0;}
  .service-blocks-content .service-block.service-block-4{margin-top: 0; margin-left: 0;}
  .services-main { padding: 100px 0 70px; }
   /* container services */


  /*service page*/
  .service-banner .banner-wrap { padding: 0 0 0 0; }
  .services-banner-left.banner-left::after { transform: translate(-10%, -6%); }
  /*breadcrumb*/
  .breadcrumb {padding: 0 0 18px 46px; }
  /*breadcrumb*/

  /*example*/
  .example-wrap { margin-bottom: 50px; } 
  .example-wrap .section-title { line-height: 66px; font-size: 60px; }
  .example-slider .slick-list { margin-left: 0px !important; } 
    /*example*/

  /*unique*/
    .slick-arrows-example .slick-arrow { padding: 7px 11px 11px 12px; }
      .slick-arrows-unique .slick-prev {            left: 4px;
        top: 0; }
  .slick-arrows-unique .slick-next {  
        right: -5px;
  }
    .unique-wrap { padding: 0 0; }
  .unique-main { padding: 50px 0; margin: 0 0 50px 0; } 
  .unique-wrap .section-title {  font-size: 60px; line-height: 64px; }
        .slick-arrows-unique .slick-prev { left: -34px; }
  .slick-arrows-unique .slick-next { right: -33px;right: 0;
        left: unset; }
  /* .slick-arrows-unique .slick-arrow {  padding: 0px 4px 3px 2px; } */
   .slick-arrows-unique .slick-arrow img{ width: 18px;height: 18px; }
          .slick-arrows-unique .slick-arrow {
            padding: 6px 9px 9px 9px;
        top: 0;
    }
        .slick-arrows-unique .slick-next {
        right: 0;
        top: 0;
    }
    .slick-arrows-example .slick-arrow, .slick-arrows-unique .slick-arrow {
    padding: 4px 8px 7px 8px;
    }
  /*unique*/

  /*next step*/
  
  .next-content .section-title.title-after::after { right: -36px; }
  .next-step-wrap { position: relative; display: flex;  } 
  .next-content .section-title { font-size: 60px; line-height: 74px; } 
  .next-content {  padding: 50px 15px 0 15px; max-width: 500px;} 
  .next-main { padding: 50px 0; }
  .next-main  .btn-main::before { width: 137px; height: 41px; }
  /*next step*/


   /*service page*/

  /* product-main */
  .product-main { padding: 100px 0; }
  .accordion-body ul li{padding-left: 28px;}
  .accordion-body ul li::before{left: 15px;}
  .accordion-button::after{--bs-accordion-btn-icon-width:30px; right: 9px;}
  .product-main-wrap{column-gap: 20px;}
  .product-main-wrap .product-cart .row{margin: 0 -15px;}
  .accordion-button.active{font-size: 22px;}
  .accordion-button{font-size: 18px; padding: 20px 50px 25px 20px;}
  .product-main-wrap .product-cart .row>*{padding: 0 15px;}
  .services-cart .services-details .services-number::after{width: 176px;}
  .services-cart .services-details{padding: 25px 18px 25px 18px;}
  .services-cart .services-details .cart-title{font-size: 18px;}
  .product-main-wrap .product-accordion{width: 34%;}
  /* product-main */
  
  
    /*do main*/
  .do-main { position: relative; margin: 100px 0 0 0; /* opacity: 0.05;*/ } 
  .do-block { max-width: 445px; }
  /*do main*/

  .about-banner .banner-wrap { padding: 0 0 0 0; }
  .nav-pills button { margin: 0 16px; }
  .team-slide > *:nth-child(even) > * .team-member-detail { padding: 15px 27px; } 
  /* .team-member-detail { padding: 0px 48px; }  */
  .team-slide > *:last-child { margin: 0; } 
  .team-member-detail .small-text { font-size: 16px; }
  .team-title .section-title.title-after::after {         right: -13px; }
.banner-main-wrap::before { background-size: contain; top: 132px; width: 475px; height: 820px; top: -91px; }
 .slick-arrows-example .slick-arrow {        padding: 4px 10px 8px 8px; }
 .slick-arrows-unique .slick-prev {            left: -10px;
        top: 0;
    }
  .slick-arrows-unique .slick-next {  
              right: 0 ;
        top: 0;

  }

  /*-------------------typography-start-------------------------------*/
    .typography-section {
        padding: 70px 0;
    }
    .typography-section h1 {
        font-size: 58px;
        line-height: 66px;
    }
    .typography-section h2 {
        font-size: 44px;
        line-height: 50px;
    }
    .typography-section h3 {
        font-size: 40px;
        line-height: 46px;
    }
    .typography-section h4 {
        font-size: 38px;
        line-height: 44px;
    }
    .typography-section h5 {
        font-size: 34px;
        line-height: 40px;
    }
    .typography-section h6 {
        font-size: 22px;
        line-height: 28px;
    }
    /*-------------------typography-end---------------------------------*/

}


@media (min-width: 768px) and (max-width: 991px) {
  .banner-main-wrap::before{
  display: none;
}
    .title-after::after { width: 120px; height: 123px; }
  /*footer*/
  .footer-nav li { margin: 0 16px; }
  .footer-contacts .f-block a { font-size: 15px; line-height: 107%; }
  .footer { padding: 86px 0 0 0; } 
  .footer-main-content .footer-nav { flex-wrap: wrap; }
  .footer-contacts .f-block { margin-right: 19px; }
  .footer-contacts { max-width: 700px; } .footer-contacts > *:last-child{ margin-right: 0px; }

  /*footer*/

  /*banner*/
  .main-title { font-size:45px; } 
  .detail { font-size: 17px; }
  .banner-left blockquote { margin: 15px 0 30px; max-width: 566px; }
  .banner-left::after { top: 132px; width: 701px; height: 688px; top: -119px; right: 0; transform: translate(42%, 0%); -webkit-transform: translate(42%, 0%); -moz-transform: translate(42%, 0%); -ms-transform: translate(42%, 0%); -o-transform: translate(42%, 0%); } 
  .banner-img::after {right: 0; width: 353px; height: 491px; top: 0; top: 0;}
  .banner-left::after {        width: 400px; height: 397px; top: -38px; right: 0; }
  .banner-left::before {         width: 489px; height: 535px; background-size: 100% 100%; top: -70px; }
  .banner-left{ padding-left: 23px;          padding-bottom: 52px;       max-width: 370px; }
  .banner-social-links li a { font-size: 16px; }
  .banner-social-links {
    top: -60px;
    left: -222px;
    transform: translate(-45%, 0%);
    -webkit-transform: translate(-45%, 0%);
    -moz-transform: translate(-45%, 0%);
    -ms-transform: translate(-45%, 0%);
    -o-transform: translate(-45%, 0%);
}
  .banner {  padding: 157px 0 0 0; }
  .banner-social-links li { margin-left: 60px; }
  .banner-left .btn { font-size: 18px; }
  .banner-left .btn-main::before {         width: 170px; height: 45px; }
    .banner-wrap { padding: 0 0 0 0; }

  /*banner*/

  /*contactus*/
  .title-before::before {  width: 105px;
        height: 167px; }
  .contact-wrap .section-title { max-width: 867px; font-size:44px; line-height:55px; }
  .contact-main { padding: 0 0 50px 0; }
  .contact-wrap .form-group { flex-basis: 49%; margin: 0 0px 15px 0; }
  .contact-wrap .contact-content { margin-bottom: 0px; } 
  .contact-wrap .contact-content { flex-wrap: wrap; justify-content: space-between;}
  .btn-main::before {        width: 143px; height: 40px; }
  .contact-wrap .contact-form { padding: 30px 0 0 0; }
  .contact-wrap .contact-form .btn-main .btn { padding: 9px 41px 9px 41px; font-size: 18px; }
  /*contactus*/

  /*slider*/
  .slider-wrapper { margin: 0; }
  /*slider*/


  /*for what*/
  .for-what-main { padding: 50px 0; } 
  .for-what-main .section-title { font-size: 40px; line-height: 57px; } 
  .for-what-left ul { margin-top: 20px; max-width: unset; } 
  .for-what-left {   margin: 0 -20px 0 0px;  padding: 40px 20px 15px 20px;} 
   .for-what-left ul li { margin-bottom: 20px; padding-left: 22px; font-size: 16px; line-height: 147%; } 
  .for-what-wrap > *:nth-child(even) .for-what-left { margin: 0 0 0 -20px; } 
  .for-what { margin-bottom: 40px; } 
  .for-what-main::after { transform: translate(0%, 0%); bottom: -27%; -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); }
  /*for what*/


  /*about container*/
  .about-con-right .section-title.title-before::before { margin: -27px 0 0 -50px; background-size: contain; background-repeat: no-repeat; }
  .about-con-imgs { justify-content: center; } .about-con-main { padding: 161px 0 65px 0; }
  .about-con-main { padding: 160px 0 0 0;         margin: 50px 0 0 0;} 
  .about-con-right  .btn { font-size: 17px;  padding: 11px 26px 12px 32px; } 
  .about-con-right .detail{ font-size: 17px; } 
  .about-con-right .section-title{ font-size: 40px; }
  .about-con-wrap .row{ justify-content: space-between; } 
  .about-con-wrap .row > * { padding-left: 15px; padding-right: 15px; } 
  .about-left-detail .small-text { font-size: 17px; }
  .about-con-imgs::before {         width: 223px; height: 194px; left: 35px; } 
  .about-con-imgs img { max-width: 200px; } 
  .about-con-left .about-left-detail { max-width: 245px; height: 247px; left: -96px; top: 9px; min-height: unset; } 
  .about-con-wrap .row > * { padding-left: 15px; padding-right: 15px; } 
  .about-con-left{ max-width: 300px; } 
  .about-con-right{ position: relative; top: -96px; }
  .about-con-right .btn-main::before { width: 141px; height: 49px; margin: 8px 0 0 7px; }

  /*about container*/

  /*why*/
  .why-img-wrap-2 { max-width: 262px; top: 0; right: 0; transform: translate(-21%, 50%); -webkit-transform: translate(-21%, 50%); -moz-transform: translate(-21%, 50%); -ms-transform: translate(-21%, 50%); -o-transform: translate(-21%, 50%); }
  .why-points ul {  padding: 0 15px; flex-wrap: wrap; margin: 100px 0 0 0; } 
  .why-points { padding: 0 15px; } 
  .why-points ul li { font-size: 18px; margin-bottom: 21px; }
  .why-title .section-title.title-before::before { margin: -36px 0 0 -44px; } 
  .why-title .section-title{ font-size: 40px; line-height: 45px; } 
  .why-title { display: flex; align-items: center;  padding: 20px 0 0 0; }
  .why-title .detail { max-width: 336px; text-align: end; }
  .why-main::before { height: 377px; }
  /*why*/   

  /*modification*/
  .modification-main { margin: 0; }
  .modification-title .section-title.title-before::before { left: -27px; top: -46px; margin: 0; } 
  .modification-title .detail { text-align: end; max-width: 386px; } 
  .modification-title .section-title { font-size: 40px; line-height: 45px; } 
  .modification-item .normal-text span { margin-right: 12px; } 
  .modification-bg-img { position: relative; bottom: unset; left: unset; transform: unset; margin: 0 auto; display: block; max-width: 300px; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; -o-transform: unset; } 
  .modification-item .normal-text { font-size: 22px; line-height: 117%; }


     /* container service */

  .service-contents .title-after::after { right: -22px; }
  .section-title{  font-size: 46px; line-height: 56px;} 
  .service-blocks-content .service-block.service-block-1{ margin-top: 0px; margin-left: 0;}
  .service-blocks-content .service-block.service-block-2{margin-top: 0px; margin-left: 0; max-width: unset;}
  .service-blocks-content{padding-top: 20px;  padding-right: 15px; padding-left: 15px; justify-content: start; flex-direction: row; max-width: 760px; margin-right: auto; margin-left: auto; row-gap: 30px;}
  .service-block .normal-text{text-align: start;}
  .service-block .small-text{text-align: start; margin-left: 0;}
  .service-block:nth-child(3)::after{ left: 2px; width: 183px; transform: rotate(-13deg) ; -webkit-transform: rotate(-13deg) ; -moz-transform: rotate(-13deg) ; -ms-transform: rotate(-13deg) ; -o-transform: rotate(-13deg) ; }
  .service-blocks-content .service-block.service-block-5{margin-left: 0px; margin-top: 0px;}
  .service-block:nth-child(4)::after{ width: 163px; left: unset; right: -90px;  top: 165px; transform:rotate(95deg) ; -webkit-transform:rotate(95deg) ; -moz-transform:rotate(95deg) ; -ms-transform:rotate(95deg) ; -o-transform:rotate(95deg) ; }
  .service-blocks-content .service-block{flex: 0 0 auto;}
  .servcie-wrap{max-width: 1180px; padding-right: 15px;}
  .service-block:first-child::after{width: 163px; left: 0; rotate: 8deg;}
  .service-blocks-content>*{width: 33.33%;}
  .service-block::after{display: none;}
  .service-blocks-content .service-block.service-block-3{margin-top: 0; margin-left: 0;}
  .service-blocks-content .service-block.service-block-4{margin-top: 0; margin-left: 0;}
  .services-main { padding: 100px 0 70px; }
  .service-block .detail{text-align: start;}
  .service-contents {
    margin-top: 100px;
    padding: 0 10px;
}
  /* container service */
       
  /*service page*/
  .service-banner .banner-wrap {
    padding: 0 0 0 0;
}
  .services-banner-left.banner-left::after { display: none;}
  /*breadcrumb*/
  .breadcrumb {padding: 0 0 18px 25px; }
  /*breadcrumb*/

  /*example*/
  .example-wrap { margin-bottom: 50px; flex-direction: column; } 
  .example-slider .slick-list { margin-left: 0px !important; } 
  .example-wrap .section-title { line-height: 48px; font-size: 40px; }
  /*example*/

  /*unique*/
    .unique-wrap { padding: 0 0; }
  .unique-main { padding: 50px 0; margin: 0 0 50px 0; } 
  .unique-wrap .section-title { font-size: 40px; line-height: 51px; }
            .slick-arrows-unique .slick-arrow {
            padding: 6px 9px 9px 9px;
        top: 0;
    }
        .slick-arrows-unique .slick-next {
        right: 0;
        top: 0;
    }
    .slick-arrows-example .slick-arrow, .slick-arrows-unique .slick-arrow {
    padding: 4px 8px 7px 8px;
    }
  /*unique*/

  /*next step*/
  .next-wrap-img { width: 60%; } 
  .next-content .btn { padding: 10px 21px 10px 24px; }
  .next-content .section-title.title-after::after { right: -36px; }
  .next-step-wrap { position: relative; display: flex; flex-direction: column; } 
  .next-content .section-title { font-size: 40px; line-height: 53px; } 
  .next-content {  padding: 50px 15px 0 15px; max-width: 500px;        margin: 0 auto;} 
  .next-main { padding: 50px 0; }
   .next-main   .btn-main::before { width: 145px; height: 43px; }

  /*next step*/

  /*service page*/

  /* product-main */
  .accordion-body ul li{padding-left: 28px; font-size: 14px;}
  .accordion-body{padding: 15px 10px;}
  .accordion-body ul li::before{left: 15px;}
  .accordion-button::after{--bs-accordion-btn-icon-width:30px; right: 9px;}
  .product-main-wrap{column-gap: 20px;}
  .product-main-wrap .product-cart .row{margin: 0 -10px;}
  .product-main-wrap .product-cart .row>*{padding: 0 10px;}
  .accordion-button.active{font-size: 22px;}
  .accordion-button{font-size: 18px; padding:18px 37px 18px 15px;}
  .services-cart .services-details .services-number::after{width: 146px;}
  .services-cart .services-details{padding: 25px 18px 25px 18px;}
  .services-cart .services-details .cart-title{font-size: 18px;}
  .product-main-wrap .product-accordion{width: 34%;}
  .product-main {padding: 80px 0; }
  /* product-main */


      /*team*/
  .team-title .section-title.title-after::after { right: -24px; }
  .team-title .section-title { font-size: 42px; } 
  .team-main { padding: 80px 0 50px; } 
  .team-inner { display: flex; flex-direction: column; } 
  .team-inner-block { display: flex; align-items: center; margin: 0 0 30px 0; } 
  /* .team-member-detail { padding: 0 51px; } */
  .team-slide > *:nth-child(even) > * .team-member-detail { padding: 0 51px; } 
  .team-title { display: flex; text-align: center; justify-content: space-between;} 
  .team-slide > *:last-child { margin: 0; }

  .about-banner .banner-wrap { padding: 0 0 0 0; }
  .nav-pills button { margin: 0 12px; font-size: 16px; } 
  .nav-pills .nav-link { padding: 10px 5px;     font-size: 17px; }
  /*team*/

  .slick-arrows-example .slick-arrow { padding: 7px 11px 11px 12px; }
  .slick-arrows-unique .slick-prev { left: -34px; }
  .slick-arrows-unique .slick-next {  right: -43px; left: unset; }
  .slick-arrows-unique .slick-arrow {  padding: 7px 11px 11px 12px;}
  .slick-arrows-unique .slick-arrow img{ width: 18px;height: 18px; }
  .accordion-body ul{ padding-left: 0; } 
  .slick-arrows-unique .slick-prev { left: -10px; top: 0; } 
  .slick-arrows-unique .slick-next { right: 0; top: 0; }
  .contact-wrap .btn-main .btn { padding: 9px 35px 9px 35px; }
      /*-------------------typography-start-------------------------------*/
    .typography-section {
        padding: 70px 0;
    }
    .typography-section h1 {
        font-size: 54px;
        line-height: 62px;
    }
    .typography-section h2 {
        font-size: 42px;
        line-height: 48px;
    }
    .typography-section h3 {
        font-size: 38px;
        line-height: 44px;
    }
    .typography-section h4 {
        font-size: 36px;
        line-height: 42px;
    }
    .typography-section h5 {
        font-size: 32px;
        line-height: 38px;
    }
    .typography-section h6 {
        font-size: 20px;
        line-height: 26px;
    }
    /*-------------------typography-end---------------------------------*/
}

@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav .nav-link {
    padding: 0;
  }
}

@media (max-width: 767px) {

  .title-after::after {
    width: 120px;
    height: 123px;
}
  .slick-arrows-team .slick-arrow { padding: 6px 9px 9px 10px; }
  /*banner*/
  .banner-main-wrap::before{
  display: none;
}
  .main-title { font-size:47px; } 
  .detail { font-size: 17px; }
  .banner-left blockquote { margin: 15px 0 30px; max-width: 566px; }
  .banner-left .btn-main::before {width: 149px; height: 44px; } 
  .banner-left::after { top: 132px; width: 701px; height: 688px; top: -119px; right: 0; transform: translate(42%, 0%); -webkit-transform: translate(42%, 0%); -moz-transform: translate(42%, 0%); -ms-transform: translate(42%, 0%); -o-transform: translate(42%, 0%); } 
  .banner-img::after {right: 0; width: 353px; height: 491px; top: 0; top: 0;}
  .banner-left::after { width: 408px; height: 410px; top: 27px; right: 0; left: -92px; transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); } 
  .banner-left::before { width: 477px; height: 563px; }
  .banner-img::after { top: -60%; } 
  .banner-img { position: relative; width: 100%; } 
  .banner-left{ padding-left: 23px; position: relative; padding-bottom: 30px;}
  .banner-social-links li a { font-size: 17px; }
  .banner-social-links {   top: -52px;      left: -239px;}
  .banner {         padding: 150px 0 0 0; }
  .banner-left .btn { font-size: 16px; }
  .banner-wrap { padding: 0 0 0 10px; }
  .about-left-detail .small-text{
    font-size: 16px;
  }
  /*banner*/

  /*contactus*/
  .contact-form    .btn-main::before { width: 144px; height: 40px; }
  .title-before::before {   width: 105px; height: 140px; }
  .contact-wrap .section-title { max-width: 867px; font-size:47px; line-height:55px; }
  .contact-main { padding: 50px 0; }
  .contact-wrap .form-group { flex-basis: 49%; margin: 0 0px 15px 0; }
  .contact-wrap .contact-content { margin-bottom: 0px; } 
  .contact-wrap .contact-content { flex-wrap: wrap; justify-content: space-between;}
  .btn-main::before { width: 144px; height: 43px; }
  .contact-wrap .contact-form { padding: 30px 0 0 0; }
  .contact-wrap .contact-form .btn-main .btn { padding: 9px 41px 9px 41px; font-size: 18px; }
  .contact-wrap .form-group input { font-size: 17px; }
  /*contactus*/
  /*slider*/
  .slider-wrapper { margin: 0; }
  /*slider*/


  /*for what*/
  .for-what-main { padding: 50px 0; } 
  .for-what-main .section-title { font-size: 52px; line-height: 57px; } 
  .for-what-left ul { margin-top: 20px; max-width: unset; } 
  .for-what-left { margin:  0;  padding: 40px 20px 15px 20px;} 
  .for-what-left ul li { margin-bottom: 20px; padding-left: 22px; font-size: 16px; line-height: 147%; } 
  .for-what-wrap > *:nth-child(even) .for-what-left { margin: 0 0 0 0; } 
  .for-what { margin-bottom: 20px; } 
  .for-what-main::after { width: 279px; transform: translate(0%, -59%); -webkit-transform: translate(0%, -59%); -moz-transform: translate(0%, -59%); -ms-transform: translate(0%, -59%); -o-transform: translate(0%, -59%); }
  /*for what*/

  /*footer*/
  .footer { padding: 35px 0 0; }
  .footer-nav li { margin: 0 16px; }
  .footer-contacts .f-block a { font-size: 18px; line-height: 107%; }
  .footer-main-content .footer-nav { flex-wrap: wrap; }
  .footer-contacts .f-block { margin: 0 0 21px 0; max-width: 500px; }
  .footer-contacts > *:last-child { margin-right: 0; } 
  .footer-contacts > *:nth-child(even){ margin-right: 0; } 
  .footer-contacts { margin: -30px auto 0 auto; flex-wrap: wrap; }
  .social-links { margin: 24px 0; } 
  .social-links li a { padding: 8px 9px 8px 9px; } 
  .social-links li a img { height: 21px; width: 18px; } 
  .social-links li { margin: 0 10px; }
  .social-links li a:before {
    height: 37px;
    width: 35px;
  }

  /*footer*/ 
  /*about container*/
  .about-con-right .section-title.title-before::before { background-size: contain; background-repeat: no-repeat; }
  .about-con-right{margin: 50px 0 0 0;}

  .about-con-right .btn-main::before { width: 171px; height: 41px; margin: 12px 0 0 -5px; }
  .about-con-imgs { justify-content: center; }
  .about-con-main { padding: 161px 0 65px 0; }
  .about-con-main  .section-title { font-size: 35px; line-height: 53px; margin: 10px 0 0 0; } 
  .about-con-main .btn { font-size: 18px; } 
  .about-con-right .btn{ padding: 10px 29px 10px 24px; } 
  .about-con-imgs::before { width: 223px; height: 194px; left: 30px; z-index: -1; } 
  .about-con-imgs img { max-width: 200px; } 
  .about-con-left .about-left-detail { max-width: 245px; height: 247px; left: -96px; top: 9px; min-height: unset; } 
  .about-con-wrap .row > * { padding-left: 15px; padding-right: 15px; } .about-con-left{ max-width: 300px; }
  /*about container*/

  /*why*/
  .why-img-wrap-2 { max-width: 262px; top: 0; right: 0; transform: translate(-21%, 50%); -webkit-transform: translate(-21%, 50%); -moz-transform: translate(-21%, 50%); -ms-transform: translate(-21%, 50%); -o-transform: translate(-21%, 50%); }
  .why-points ul {   padding: 0 15px; flex-wrap: wrap; margin: 0; border: 0px; } 
  .why-points {  padding: 0 15px; flex-wrap: wrap;} 
  .why-points ul li { font-size: 18px; margin-bottom: 21px; }
  .why-wrap { flex-direction: column; } 
  .why-img-wrap { width: 100%; } 
  .why-img-wrap img { width: 100%; height: 250px; object-fit: cover; } 
  .why-points ul { padding: 0; flex-wrap: wrap; margin: 0; border: 0px; } .why-points ul li { font-size: 16px; margin-bottom: 14px; } .why-points { padding: 0 15px; flex-wrap: wrap; margin: 43px auto 0 auto; justify-content: center; }
  .why-title .section-title.title-before::before { margin: -36px 0 0 -14px; } 
  .why-title .section-title{ font-size: 40px; line-height: 45px; } 
  .why-title { display: flex; align-items: center; flex-direction: column; text-align: center; padding: 40px 0 0 0; }
  /*why*/   

  /*modification*/
  .modification-title .section-title { font-size: 41px; line-height: 54px; text-align: end; } 
  .modification-item .normal-text span { margin-right: 12px; } 
  .modification-bg-img { position: relative; bottom: unset; left: unset; transform: unset; margin: 0 auto; display: block; max-width: 234px; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; -o-transform: unset; } 
  .modification-item .normal-text { font-size: 17px; line-height: 117%; padding-right: 100px; max-width: 464px; } 
  .modification-title{ flex-direction: column;         align-items: flex-end;}
  .modification-main { padding: 50px 0; }
  /*modification*/


 /*container service */
  .service-title .detail { margin: 13px 0 60px 0; text-align: end; }
  .services-main .section-title{ font-size: 42px; line-height: 49px; text-align: end;}
  .service-blocks-content .service-block.service-block-1{ margin-top: 0px; margin-left: 0;}
  .service-blocks-content .service-block.service-block-2{margin-top: 0px; margin-left: 0; max-width: unset;}
  .service-blocks-content{padding-top: 50px;  padding-right: 15px; padding-left: 15px; justify-content: start; flex-direction: row; max-width: 510px; margin-right: auto; margin-left: auto; row-gap: 30px;}
  .services-main { padding: 60px 0 30px; }
  .service-block .normal-text{text-align: start;}
  .service-block .detail{text-align: start;}
  .service-block .small-text{text-align: start; margin-left: 0; max-width: unset;}
  .service-block:nth-child(3)::after{ left: 2px; width: 183px; transform: rotate(-13deg) ; -webkit-transform: rotate(-13deg) ; -moz-transform: rotate(-13deg) ; -ms-transform: rotate(-13deg) ; -o-transform: rotate(-13deg) ; }
  .service-blocks-content .service-block.service-block-5{margin-left: 0px; margin-top: 0px;}
  .service-block:nth-child(4)::after{ width: 163px; left: unset; right: -90px;  top: 165px; transform:rotate(95deg) ; -webkit-transform:rotate(95deg) ; -moz-transform:rotate(95deg) ; -ms-transform:rotate(95deg) ; -o-transform:rotate(95deg) ; }
  .service-blocks-content .service-block{flex: 0 0 auto;}
  .servcie-wrap{max-width: 1180px; padding-right: 0;}
  .service-block:first-child::after{width: 163px; left: 0; rotate: 8deg;}
  .service-blocks-content>*{width: 50%;}
  .service-contents{max-width: 480px; margin: 0 auto; padding: 0 15px;}
  .service-title{text-align: center;}
  .service-left-img{width: calc(100% - 20px);}
  .service-block::after{display: none;}
  .service-blocks-content .service-block.service-block-3{margin-top: 0; margin-left: 0;}
  .service-blocks-content .service-block.service-block-4{margin-top: 0; margin-left: 0;}
  .servcie-wrap{flex-direction: column-reverse;}
  /*container  service */
     
  /*service page*/
  .service-banner .banner-wrap { padding: 0 0 0 0; }
  .services-banner-left.banner-left::after { transform: translate(-10%, -6%); -webkit-transform: translate(-10%, -6%); -moz-transform: translate(-10%, -6%); -ms-transform: translate(-10%, -6%); -o-transform: translate(-10%, -6%); }
  /*breadcrumb*/
  .breadcrumb {padding: 0 0 18px 25px; }
  /*breadcrumb*/

  /*example*/
  .example-wrap { margin-bottom: 50px; flex-direction: column; } 
  .example-slider .slick-list { margin-left: 0px !important; } 
  .example-wrap .section-title { line-height: 48px; font-size: 40px; }
  .example-wrap .section-title.title-before::before { margin: -50px 0 0 -13px; }
  /*example*/

  /*unique*/
    .unique-wrap {
    padding: 0 0;
}
  .unique-main { padding: 50px 0; margin: 0 0 50px 0; } 
  .unique-wrap .section-title { font-size: 40px; line-height: 51px; margin-bottom: 10px; }
  .unique-wrap .section-title.title-before::before { margin: -39px 0 0 -6px; }
  /*unique*/

  /*next step*/
  .next-content .section-title.title-after::after { right: -36px; }
  .next-step-wrap { position: relative; display: flex; flex-direction: column; } 
  .next-content .section-title { font-size: 40px; line-height: 53px; } 
  .next-content {  padding: 50px 15px 0 15px; max-width: 500px; margin: 0 auto;} 
  .next-main { padding: 50px 0; }
  .next-wrap-img {
    width: 65%;
}
.next-content .btn {
    padding: 10px 21px 10px 24px;
}
  /*next step*/
  /*service page*/

  /*product page */
  /*product section*/  
  .product-main .section-title { font-size: 45px; line-height: 45px; } 
  .product-main-wrap { padding-top: 33px; }
  .product-main{padding: 50px 0 0;}
  .accordion-body ul li{padding-left: 28px; font-size: 14px;}
  .accordion-body{padding: 15px 10px;}
  .accordion-body ul li::before{left: 15px;}
  .accordion-button::after{--bs-accordion-btn-icon-width:30px; right: 9px;}
  .product-main-wrap{column-gap: 20px;}
  .product-main-wrap .product-cart .row{margin: 0 -10px; row-gap: 30px;} 
  .services-cart .services-cart-img { height: 278px; }
  .product-main-wrap .product-cart .row>*{padding: 0 10px;}
  .accordion-button.active{font-size: 22px;}
  .accordion-button{font-size: 18px; padding:18px 37px 18px 15px;}
  .services-cart .services-details .services-number::after{width: 146px;}
  .services-cart .services-details{padding: 25px 18px 25px 18px;}
  .services-cart .services-details .cart-title{font-size: 18px;}
  .product-main-wrap .product-accordion{width: 34%;}
  .product-main-wrap{flex-direction: column; row-gap: 40px;}
  .product-main-wrap .product-accordion{width: 100%;}
  .product-main-wrap .product-cart{width: 100%;}
     .do-block img { padding: 11px 7px; max-width: 200px; width: 61px; height: 60px; }
 /*product section*/

 /*product page */


 /*about us page*/
 .about-banner .banner-wrap { padding: 0 0 0 0; }
  .nav-pills {  max-width: 397px; }  
  .nav-pills button { margin: 0 10px; font-size: 15px; } .nav-pills .nav-link { padding: 10px 6px;    font-size: 20px; }
  .do-block { width: 100%; max-width: unset; margin: 0 0 30px 0; } .do-title { margin: 0 auto; flex-direction: column; } .do-title .section-title{ font-size: 40px; line-height: 50px; text-align: center; } .do-wrap .row > *:nth-child(odd) { margin-top: 10px; } .do-block svg{ max-width: 60px; } .do-title .detail { text-align: center; }

  /*team*/
  .team-title .section-title { font-size: 42px; } 
  .team-main { padding: 20px 0 50px; } 
  .team-inner { /* justify-content: space-between; */ display: flex; flex-direction: column; } 
  .team-inner-block { display: flex; align-items: center; margin: 0 0 30px 0; } 
  /* .team-member-detail { padding: 30px 51px; }  */
  .team-slide > *:nth-child(even) > * .team-member-detail { padding: 30px 51px; } 
  .team-title { display: flex; text-align: center; justify-content: space-between; flex-direction: column; } 
  .team-slide > *:last-child { margin: 0; }
  /*team*/
  /*about us page*/
    .slick-arrows-example .slick-arrow {
        padding: 5px 8px 8px 8px;
    }

        .slick-arrows-example .slick-arrow { padding: 3px 7px 5px 7px; }
  .slick-arrows-unique .slick-next {right: unset; left: unset;}
  .slick-arrows-unique .slick-arrow { padding: 3px 8px 6px; position: relative; left: unset; right: unset;}
  .slick-arrows-unique {   max-width: 100px;      margin: 0 auto 10px; }

   .slick-arrows-example .slick-arrow img{ width: 18px;height: 18px; }


  .slick-arrows-unique .slick-arrow img{ width: 18px;height: 18px; }
  .accordion-body ul{ padding-left: 0; }

  .contact-wrap .btn-main .btn {         padding: 9px 35px 9px 39px; }
      /*-------------------typography-start-------------------------------*/
    .typography-section {
        padding: 50px 0;
    }
    .typography-section h1 {
        font-size: 50px;
        line-height: 58px;
    }
    .typography-section h2 {
        font-size: 40px;
        line-height: 46px;
    }
    .typography-section h3 {
        font-size: 36px;
        line-height: 42px;
    }
    .typography-section h4 {
        font-size: 34px;
        line-height: 40px;
    }
    .typography-section h5 {
        font-size: 30px;
        line-height: 36px;
    }
    .typography-section h6 {
        font-size: 18px;
        line-height: 24px;
    }
    .typography-section .alignnone,
    .typography-section .alignleft,
    .typography-section .alignright,
    .typography-section .aligncenter {
        float: left;
        width: 100%;
        margin: 15px 0 !important;
        object-fit: cover;
    }
    /*-------------------typography-end---------------------------------*/
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px) {
   .service-blocks-content>*{padding: 0 15px;}
}

@media (min-width: 240px) and (max-width: 575px) {


  .title-after::after { width: 120px; height: 123px; }
   
  .navbar-brand img{ max-width: 150px; }
  header .navbar { margin: 0 0 !important; } 
  header .navbar-nav .nav-item .nav-link { font-size: 18px; } 
  .btn { font-size: 17px; padding: 10px 22px 10px 18px; } 
  .btn-contact::before { width: 118px; height: 49px; }
   .header   .btn-contact::before {
        width: 121px;
        height: 41px;
    }
  
  /*footer*/
  .footer-main-content .footer-nav { display: flex; padding-bottom: 50px; flex-direction: column; align-items: center; }
  .footer { padding: 35px 0 0 0; }
  .footer-nav li { margin: 0 16px; }
  .footer-contacts .f-block a { font-size: 18px; line-height: 107%; }
  .footer-main-content .footer-nav { flex-wrap: wrap; padding-left: 0;}
  .footer-contacts .f-block { margin: 0 14px 21px 0; }
  .footer-contacts { margin: -30px auto 0 auto; flex-wrap: wrap; padding: 0 10px 0 10px; }
  .social-links { margin: 24px 0; padding: 0;} 
  .social-links li a { padding: 8px 9px 8px 9px; } 
  .social-links li a img { height: 21px; width: 18px; } 
  .social-links li { margin: 0 10px; }
  .footer-bottom .detail { font-size:14px; }
  .footer-bottom { padding: 11px 0; }
  /*footer*/

  /*banner*/
  
  .banner-wrap { padding: 0 0 0 0; }
  .main-title { font-size:41px; } 
  .detail { font-size: 17px; }
  .banner-left blockquote { margin: 15px 0 30px; max-width: 566px; }
  .banner-left .btn-main::before { width: 152px; height: 41px; } 
  .banner-left::after { top: 132px; width: 701px; height: 688px; top: -119px; right: 0; transform: translate(42%, 0%); -webkit-transform: translate(42%, 0%); -moz-transform: translate(42%, 0%); -ms-transform: translate(42%, 0%); -o-transform: translate(42%, 0%); } 
  .banner-img::after {right: 0; width: 353px; height: 491px;         top: -16px; }
  .banner-left::after { display: none;}
  .banner-left::before { width: 477px; height: 563px; top: 132px; bottom: 0; transform: translate(-50%, 0%); }
  .banner-img::after {  width: 304px; transform: translate(0, -101%); -webkit-transform: translate(0, -101%); -moz-transform: translate(0, -101%); -ms-transform: translate(0, -101%); -o-transform: translate(0, -101%); } 
  .banner-img { position: relative; width: 100%; } 
  .banner { padding: 84px 0 0 0; } 
  .banner-social-links { display: none; } 
  .banner-left { padding: 0; position: relative; }
  /*banner*/

  /*contactus*/
  .title-before::before { width: 90px; height: 132px; margin: -39px 0 0 12px;} 
  .contact-wrap .section-title {font-size: 31px; line-height: 39px; }
  .contact-main {    padding: 10px 0 30px; }
  .contact-wrap .form-group { flex-basis:100%; margin: 0 0px 15px 0; }
  .contact-wrap .contact-content { margin-bottom: 0px; } 
  .contact-wrap .contact-content { flex-wrap: wrap; justify-content: space-between;}
  .btn-main::before { width: 131px; height: 39px; }
  .contact-wrap .contact-form { padding: 30px 0 0 0; }
  .contact-wrap .contact-form .btn-main .btn { padding: 9px 41px 9px 41px; font-size: 18px; }
  .contact-wrap form .form-control, form textarea { padding: 12px; font-size: 17px; }
  /*contactus*/
  /*slider*/
  .slider-wrapper { margin: 0; }
  /*slider*/

  /*for what*/
  .for-what-main { padding: 50px 0 0; } 
  .for-what-main .section-title { font-size: 40px; line-height: 40px; } 
  .for-what-left ul { margin-top: 20px; max-width: unset; } 
  .for-what-left { margin:  0; padding: 40px 15px 15px 15px; } 
   .for-what-left ul li { margin-bottom: 20px; padding-left: 22px; font-size: 16px; line-height: 147%; } 
  .for-what-wrap > *:nth-child(even) .for-what-left { margin: 0 0 0 0; } 
  .for-what { margin-bottom: 20px; } 
  .for-what-main::after { width: 279px; transform: translate(0%, -59%); -webkit-transform: translate(0%, -59%); -moz-transform: translate(0%, -59%); -ms-transform: translate(0%, -59%); -o-transform: translate(0%, -59%); }
  /*for what*/
  /*about*/ 
    
  .about-con-imgs::before { width: 223px; height: 194px; left: unset; z-index: -1; } 
  .about-con-imgs img { max-width: 200px; } 
  .about-con-left .about-left-detail {  max-width: 245px; height: 247px; left: -96px; top: 27px; min-height: unset; } 
  .about-con-left .about-left-detail .small-text { font-size: 16px; }
  .about-con-wrap .row > * { padding-left: 15px; padding-right: 15px; } 
  .about-con-left{ max-width: 300px; }
  .about-con-right .btn-main::before { width: 157px; height: 44px; margin: 7px 0 0 -3px; }
.nav-pills .nav-link { font-size: 15px; }
  /*about*/   


  /*why */
  .why-img-wrap-2{ position: relative; top: 0; right: 0; transform: translate(0, 0); margin: 0 auto; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); } 
  .why-title { display: flex; align-items: center; flex-direction: column; text-align: center; padding: 25px 0 0 0; }
  .why-wrap { flex-direction: column; } .why-img-wrap { width: 100%; } 
  .why-img-wrap img { width: 100%; height: 250px; object-fit: cover; } 
  .why-points ul { padding: 0; flex-wrap: wrap; margin: 0; border: 0px; } 
  .why-points ul li { font-size: 16px; margin-bottom: 14px; } 
  .why-points { padding: 0 15px; flex-wrap: wrap; margin: 0 auto; justify-content: center; }
  .why-title .detail { max-width: 588px; text-align: center; } 
  .why-title .section-title.title-before::before { margin: -36px 0 0 -14px; } 
  .why-title .section-title{ font-size: 35px; line-height: 39px; } 
  /*why */


  /*modification*/
  .modification-title .section-title { font-size: 35px; line-height: 41px; text-align: center; } 
  .modification-main { padding: 36px 0; margin: 30px 0 0 0; } 
  .modification-item .normal-text span { margin-right: 12px; } 
  .modification-bg-img { position: relative; bottom: unset; left: unset; transform: unset; margin: 0 auto; display: block; max-width: 234px; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; -o-transform: unset; } 
  .modification-item .normal-text { font-size: 15px; line-height: 117%; padding-right: 31px; max-width: 250px; } 
  .modification-title .detail { text-align: center; } 
  .modification-title{ flex-direction: column; text-align: center; align-items: center;} 
  .modify-icon a { padding: 10px 11px 10px 11px; }
  /*modification*/

  /* container services */
  .service-blocks-content>*{width: 100%;}
  .service-block{max-width: unset;}
  /* container services */

  /*service page*/
  /*breadcrumb*/
  .breadcrumb { padding: 0 0 18px 0; }
  /*breadcrumb*/

  /*example*/
  .example-wrap .section-title.title-before::before { margin: -50px 0 0 -13px; }
  .example-wrap { margin-bottom: 20px; flex-direction: column; row-gap: 15px; } 
  .example-slider .slick-list { margin-left: 0px !important; } 
  .example-wrap .section-title { line-height: 40px; font-size: 35px; text-align: center;}
  /*example*/

  /*unique*/
  .unique-wrap { padding: 0 0; }
  .unique-wrap .section-title.title-before::before { margin: -39px 0 0 -6px; } 
  .unique-main { padding: 50px 0; margin: 0 0 50px 0; } 
  .unique-wrap .section-title {font-size: 35px; line-height: 45px;    margin-bottom: 20px; }
  /*unique*/

  /*next step*/
  .next-wrap-img { width: 95%; }
  .next-content .section-title.title-after::after { right: -8px; }
  .next-step-wrap { position: relative; display: flex; flex-direction: column; } 
  .next-content .section-title { font-size: 35px; line-height: 36px; } 
  .next-content {  padding: 50px 15px 0 15px; } 
  .next-main { padding: 50px 0; }  
    /*next step*/

  /*service page*/

  /*product page*/
  .product-main .section-title { font-size: 35px; line-height: 45px; } 
  .product-main-wrap { padding-top: 33px; }
  /*product page*/


  /*about us page*/
  .do-title { margin: 0 auto; flex-direction: column; } 
  .do-title .section-title{ font-size: 40px; line-height: 50px; text-align: center; }
  .do-wrap .row > *:nth-child(odd) { margin-top: 10px; } 
  .do-block svg{ max-width: 60px; } 
  .do-title .detail { text-align: center; } 
  .do-detail ul li { font-size: 16px; margin-bottom: 0; padding-left: 22px; } 
  .do-detail .normal-text { margin: 16px 0; font-size: 22px; }
  .nav-pills button { margin: 0 5px; font-size: 15px; } .nav-pills .nav-link { padding: 10px 6px; }
  .nav-pills .nav-item { border-right: 0px; } 


  .about-banner-left.banner-left::after { width: 35px; transform: translate(42%, -21%); -webkit-transform: translate(42%, -21%); -moz-transform: translate(42%, -21%); -ms-transform: translate(42%, -21%); -o-transform: translate(42%, -21%); } .about-con-right{ margin-top: 20px; }

  .team-title .section-title { font-size: 42px;         line-height: normal;} 
  .team-main { padding: 20px 0 0; }
  .team-inner {  display: flex; flex-direction: column; } 
  /* .team-inner-block { display: flex; flex-direction: column; align-items: center; }  */
 .team-slide > *:nth-child(even) > * { flex-direction:column; } 
  .team-slide > *:nth-child(even) > * .team-member-detail { padding: 30px 17px; } 
  .team-title { display: flex; text-align: center; justify-content: space-between; flex-direction: column; }
  .banner-left.about-banner-left::after{ display: none; } 
  .team-slider .slick-list { margin: 0 -9px; } 
  .team-slide { padding: 0 9px; }
  .team-member-detail { max-width: 306px;display: block; } 
  .about-banner .banner-wrap { padding: 0 0 0 0; }
  .slick-arrows-team .slick-arrow { padding: 6px 9px 9px 10px; }
  /*about us page*/

  /*footer*/
  .social-links li a:before { height: 37px; width: 35px; }
  /*footer*/
  .fancybox-content{    height: 263px!important;}
 .banner-main-wrap::before{ display: none; }
    .accordion ul{ padding-left: 0; }
    .do-block img { padding: 11px 7px; max-width: 200px; width: 61px; height: 60px; }

    /*-------------------typography-start-------------------------------*/
    .typography-section h1 {
        font-size: 36px;
        line-height: 40px;
    }
    .typography-section h2 {
        font-size: 32px;
        line-height: 38px;
    }
    .typography-section h3 {
        font-size: 28px;
        line-height: 34px;
    }
    .typography-section h4 {
        font-size: 24px;
        line-height: 30px;
    }
    .typography-section h5 {
        font-size: 20px;
        line-height: 26px;
    }
    .typography-section h6 {
        font-size: 16px;
        line-height: 22px;
    }
    .typography-section blockquote {
        padding-left: 20px;
    }
    /*-------------------typography-end---------------------------------*/

}
@media (max-width: 450px) 
{
  .footer-contacts .f-block { margin: 0 0px 21px 0; }


}
/*---------- Large Desktop , Large Screen End ----------*/