/* Responsive style */
@media screen and (max-width: 680px) {
    .popup .popup__content {
        width: 95%;
    }
    .right {
        padding: 15px;
    }
  .page-content{
    width: 95%;
}
  .gf-top{
    height: 280px;
  }
  .gf-top-sec{
    height: 280px;
  }
    .gf-top .gf-top-text .gf-title{
        font-size: 1.6rem;
    line-height: 2rem;
    text-align: center;
    }
    .gf-TopMenu {
      display: block;
      padding: 10px 40px 10px 20px;
    }

    #ind-help-toggle-content .card .card-img-text h3{
      font-size: 1.5rem;
    }
    .gf-help h1{
      font-size: 2rem;
      padding-bottom: 20px;
    }
    #ind-help-toggle-content{
      padding-top: 30px;
    }


    /* social media */

    .share-btn-container {
      transform: unset;
      top: unset;
      /* left: 5%; */
  
      bottom: 0;
      width: 100%;
      flex-direction: row;
      box-shadow: 4px 0 8px rgba(0, 0, 0, 0.3);
      padding:0px;
      justify-content: center;
      z-index: 99999;
    }
  
    .share-btn-container a {
      margin: 0 6px;
    }

    .gf-text{
padding: 20px 10px;
    }
    .gf-top .gf-top-text {

        top: 30%;
        width: 90%;
    }
    .gf-top .gf-top-text .gf-sub-title span {
        font-size: 1rem;
    }
    .gf-top .gf-top-text .gf-sub-title{
        margin-top: 20px;
    }
    .gf-top .gf-to-get-touch{
        display: block;
    width: 90%;
    /* left: 5%; */
    padding: .2rem .5rem;
    bottom: -15%;
    }
    .gf-top .gf-to-get-touch p{
        font-size: 1.2rem;

    }
    .gf-top .gf-to-get-touch .btn{
        font-size: 1rem;
        text-align: right;
    }

    .gf-top .gf-top-img img{
        height: 250px;
    }

    #ind-help-toggle-one,#ind-help-toggle-two{
      width: 160px;
      padding: 5px;
      font-size: 1rem;
    }
    .gf-what-do{
        padding: 30px 0;
    }
    .gf-what-do .card{
        padding: 30px;
    }
    .gf-what-do h4{
      padding-bottom: 20px;
    }
    .gf-what-do .card{
      border-radius: 10px;
    }
    .gf-what-do h4{
        font-size: 2rem;
    }
    .gf-what-do h5 {
      font-size: 1.4rem;
    }
    .gf-what-do .gl-service-ind P,.gf-what-do .gl-service-comp P{
      font-size: 14px;
    }
    

    .gf-testimonials{
        padding: 50px 5px;
    }
    .gf-testimonials .gf-testimonials-img img{
        width: 100%;
        height: 300px;
        border-radius: 10px;

    }
    #gf-testimonials .owl-stage-outer{
      padding-top: 120px;
    }

    .gf-new-blog h5{
      font-size: 1.6rem;
    }
    .gf-new-blog .new-blog-slide{
      padding-top: 0px;
    }
    .gf-new-blog .new-blog-slide .card img{
      height: 220px;
    }
    .gf-why-choose{
padding: 30px 0px 70px 0px;
    }
    .gf-contact-us{
      padding: 40px 5px 70px 5px;
    }
    .gf-why-choose .card-body {
      padding: 5px;
    }
    .gf-why-choose .card h5{
      font-size: 1.9rem;
    }

    .gf-new-blog{
        padding: 25px 5px;
    }
    .gf-why-choose .card-body.ourValue .row{
      padding-top: 0;
    }
    .footer-section .widget{
      padding-top: 10px;
    }
    .footer-section .widget-title{
      padding-bottom: 5px;
    }
    .footer-section .quick_link{
     text-align: left !important;
    }
    .footer-top{
      padding-top: 10px;
    }

    .gf-prop-list .gf-prop-list-1{
      padding-top: 10px;
    }

    .gf-prop-list .gf-prop-list-img img{
      border-radius: 10px;
    }
    .gf-prop-list .gf-prop-list-img .image-wrapper{
      height: 210px;
      border-radius: 10px;
      width: 300px;
    }
    .shine_overlay{
      border-radius: 10px;

    }
   

    .gf-prop-list .gf-prop-title{
    padding-top: 15px;
    }
    .gf-prop-list .gf-prop-title{
      font-size: 1.3rem;
    }
  .gf-prop-text{
    font-size: 1rem;
  }
  .gf-prop-list a {
    font-size: 1rem;
  }
  .gf-prop-list-2 .gf-prop-title{
    padding-top: 0px;
  }

  .gf-testimonials h5{
    font-size: 1.8rem;
    padding-bottom: 20px;
  }

  .gf-help-top-btn button{
    font-size: 1.5rem;
  }
  .gf-servince-text {
font-size: 1rem;
  }
  .gf-service-list .gf-prop-title{
font-size: 1.3rem;
  }
  .gf-service-list .gf-service-one, 
  .gf-service-list .gf-service-two, 
  .gf-service-list .gf-service-three,
  .gf-service-list .gf-service-four,
  .gf-service-list .gf-service-five,
  .gf-service-list .gf-service-six,
  .gf-service-list .gf-service-seven,
  .gf-service-list .gf-service-eight,
  .gf-service-list .gf-service-nine,  
  .gf-service-list .gf-service-ten,
  .gf-service-list .gf-service-eleven,
  .gf-service-list .gf-service-twelve{
    padding: 10px;
  }
  .gf-service-list .gf-service,
  
  .gf-service-list .gf-service-one,
  .gf-service-list .gf-service-four,
  .gf-service-list .gf-service-five, 
  .gf-service-list .gf-service-six,.gf-service-list .gf-service-seven,
  .gf-service-list .gf-service-eight, 
  .gf-service-list .gf-service-ten,
  .gf-service-list .gf-service-eleven, .gf-service-list .gf-service-twelve{
    border-right: none;
  }
  .gf-service-list .gf-service-ten,
  .gf-service-list .gf-service-eleven{
    border-bottom: 2px solid var(--color2);
  }
  .gf-service-list .gf-service-img{
    width: 80px;
    /* margin-left: 110px; */
  }
  .gf-contact-us h5{
    font-size: 1.8rem;
    padding-bottom:0px
  }

  .gf-about-founder{
display: block !important;
padding:0;
  }
  .gf-about-founder-text{
    margin-bottom: 40px;
  }
  .gf-about .gf-about-sec h1{
font-size: 1.9rem;
  }
  .gf-about-sec .gf-about-founder-text{
    margin-top: 20px;
  }
  .gl-about-video{
    padding: 40px 0;
  }
  .gl-about-video h3{
    font-size: 25px;
  }
  .gl-about-video .video-container iframe {
    width: 340px;
    height: 220px;
    border-radius: 15px;
    margin-top: 30px;
  }
  .owl-carousel .item .card{
    padding: 50px 0 !important;
  }
  .gf-navbar .gf-menu-items{
    width: 60%;
  }
  }
@media screen and (min-width: 681px) and (max-width: 920px) {
    .popup .popup__content {
        width: 80%;
    }
    .gf-TopMenu{
      display: block;
      padding: 10px 10px;
    }
    .gf-TopMenu .form-select{
      width: 200px !important;
    }
    .page-content{
      width: 90%;
  }
  .gf-top .gf-top-text .gf-title {
    font-size: 2.5rem;
    padding: 0;
    margin-bottom: 20px;
    line-height: 3.5rem;

}
.gf-top .gf-top-text .gf-sub-title span{
  font-size: 2rem;
}
.gf-top .gf-to-get-touch .btn{
  font-size: 1.2rem;
  padding: .1rem 1rem;
  min-width: 150px;
}
#ind-help-toggle-content .card .card-img-text h3{
  font-size: 1.2rem;
}

.gf-testimonials .gf-testimonials-img img{
  width: 100%;
  height: 250px;
}
/*.gf-prop-list .gf-prop-list-img img,.gf-prop-list .gf-prop-list-img .image-wrapper{*/
/*  height: 310px;*/
/*  width: 360px;*/
/*}*/

.gf-navbar .gf-menu-items{
  width: 40%;
}

  }

@media screen and (min-width: 921px) and (max-width: 1320px) {
    .gf-menu-item.first-item {
        padding: 0.8rem .5rem;
    }
    .page-content{
      width: 90%;
  }
  .gf-top .gf-to-get-touch .btn{
font-size: 1.1rem;
  }
  .footer-top .widget-title-cont{
font-size: 1rem !important;
  }
  .owl-carousel .item .card{
    padding: 80px 0 !important;
  }
  .gf-testimonials .gf-testimonials-img{
    display: flex;
    justify-content: center;
  }
  .gf-testimonials .gf-testimonials-img img{
    width: 300px;
    height: 280px;

  }
  /*.gf-prop-list .gf-prop-list-img img,.gf-prop-list .gf-prop-list-img .image-wrapper{*/
  /*  height: 300px;*/
  /*  width: 480px;*/
  /*}*/
  }
  @media screen and (max-width: 1024px) {
    .gf-navbar {
      padding: 10px 20px;
    }
    .page-content{
      width: 90%;
  }
  
    .overflow {
      overflow: hidden;
    }
  
    .overlay {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 500;
      background-color: rgba(0, 0, 0, 0.6);
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    }
  
    .overlay--active {
      opacity: 1;
      visibility: visible;
    }
  
    .menu-btn {
      display: flex;
    }
  
    .gf-navbar .gf-menu-items {
      position: fixed;
      height: 100%;
      max-height: initial;
      overflow-y: auto;
      /* width: 40%; */
      top: 1px;
      left: 0;
      background: #fcfcfc;
      display: block;
      transform: translateX(-100vh);
      transition: 0.3s ease-out;
      padding-bottom: 100px;
      padding-left: .5rem;
    }
  
    .gf-menu-items.open {
      transform: translateY(0);
    }
  
    .gf-menu-items li:first-child {
      margin-top: 20px;
    }
  
    .gf-menu-items li a {
      padding: 10px 1rem;
      display: block;
      font-size: 18px;
    }
  
    .gf-menu-items .gf-dropdown-right .right-arrow {
      transform: rotate(90deg);
    }
  
    .gf-menu-item.first-item {
      padding: .5rem 1rem;
    }
  
    /* gf-dropdown, MEGA MENUS */
    .gf-menu-items .gf-dropdown-menu,
    .gf-menu-items .menu-right,
    .gf-menu-items .mega-menu {
      position: static;
      opacity: 1;
      top: 4rem;
      visibility: visible;
      margin-left: -18px;
      width: auto;
      max-height: 0;
      transform: scaleX(0);
      transform-origin: left;
      overflow: hidden;
      transition: all 0.5s ease;
    }
  
    .gf-menu-items .gf-dropdown-menu,
    .gf-menu-items .menu-right {
      padding-left: 1rem;
      width: 102%;
      /* margin-left: -10px; */
      margin-left: 3px;
    }
  
    .gf-menu-items .mega-menu .col {
      padding-left: 1rem;
    }
  
    .expand-btn.open + .sample {
      max-height: 100%;
      transform: scaleZ(1);
    }
  
    .expand-btn.open + .blog.sample {
      max-height: 100%;
      transform: scaleZ(1);
      max-width: fit-content;
    }
  
    .gf-navbar .sample {
      border-top: none;
    }
  
    .sample li {
      margin: 0;
    }
  
    .sample li:last-child {
      border-bottom: none;
    }
  
    .sample li a {
      font-size: 1rem;
    }
  
    .mega-menu .content {
      grid-template-columns: auto;
      padding: 1rem 1rem 0 1rem;
      width: 100%;
      float: left;
    }
  
    .mega-menu .content .col {
      width: 100%;
      padding-top: 1rem;
      margin-bottom: 0.5rem;
    }
  
    .col .mega-links li,
    .col .mega-links li a {
      padding: 0 0.5rem;
    }
  
    .content .col .mega-links {
      border-left: 0;
      padding-left: 0.5rem;
    }
    .col .mega-links li {
      margin: 0;
    }
  }