/*============ RESPONSIVE ============================*/

  @media only screen and (max-width:1400px){

    .header-right-side .button{padding: 6px 10px}

    .header-right-side .button img{width: 20px;height: 20px;}

    header .navbar-nav .nav-item .nav-link{font-size: 1rem}

    header .header-right-side .navbar-nav .nav-item.search-home-page a{font-size: 0.9rem}

    header .header-right-side .navbar-nav .nav-item{padding: 0 7px}

    .statistics-section .statistics-list .mainHeading{font-size: 1.8rem}

    .statistics-section .statistics-list .subHeading{font-size: 1rem}

    .success-stories-card .success-stories-logo{width: 120px;height: 120px;left: 30%}

    .success-stories-card .success-stories-logo img{width: 80px !important}

  }

  @media only screen and (max-width:1200px){

    .companies-menu.navbar-nav .nav-item .nav-link{font-size: 0.8rem}

    .statistics-section .statistics-list .mainHeading{font-size: 1.5rem}

    header .logo{width: 140px}

    .header-right-side .button img{width: 15px;height: 15px;}

    .header-right-side .button{font-size: 0.75rem;}

    .success-stories-card .success-stories-logo{width: 100px;height: 100px;left: 30%}

    .success-stories-card .success-stories-logo img{width: 80px !important}

    .case-stuides-statistics.statistics-section .statistics-list:before{left: 50%}

  }

  @media only screen and (max-width:1024px){

    .header-right-side .button{padding: 6px}

    header .navbar-nav .nav-item .nav-link{font-size: 1rem}

  }

  @media only screen and (max-width:992px){

    body{padding-bottom: 0;margin-top:90px;}

    .footer{position: initial !important;}

    .header-right-side-web-menu{display: none;}

    .cart-icon i{font-size: 1.3rem}

    .partnership-section{

      background: linear-gradient(90deg, rgba(0, 128, 9, 0.8), rgba(0, 128, 9, 0.8)), url(../img/about/partnership-img.jpg);

      background-size: cover;

      background-repeat: no-repeat;

    }

    .statistics-section .statistics-list .mainHeading{font-size: 2rem}

    .success-stories-card .success-stories-logo{left: initial;right: 10%;top: 35%}

    .success-stories-card .card-body{padding-left: 1rem}

    .success-stories-card{height: auto}

    .success-stories-card .success-stories-img{height: 230px}

    .case-stuides-statistics.statistics-section .statistics-list:before{left: 60%}

    .gift-tree-section {

      background: url(../img/reward/gift-tree-web-2.jpg);

      background-size: cover;

      background-repeat: no-repeat;

    }

  }

  @media only screen and (max-width:768px){

    .bg_banner .webContent .mainHeading{font-size: 2.5rem}

    .bg_banner .webContent .subHeading{font-size: 1.2rem}

    .webContent .mainHeading{font-size: 1.8rem}

    .cart-table td img { width:60px; height:60px; }

    .qty-container .input-qty{max-width: 30px}

    .mission-content{padding: 0;border: 0}

    .slider-container .slider li{height: 300px !important}

    .accordion-button{font-size: 1.1rem}

    .success-stories-card .success-stories-logo{top: 40%}

    .our-approach .tree-approach-card .card{height: 350px}

    .tree-planting-block{margin-top: 20px}

    .plateform-card {

      border-top-right-radius: 50px;

      border-bottom-left-radius: 50px;

    }

    .left-side-educational-img,.educational-article-card img,.contribution-card img.contribution-img,

    .team-card .card-img{height: 250px}

    .statistics-section .statistics-list{margin-bottom: 15px}

    .case-stuides-statistics.statistics-section .statistics-list:before{left: 45%}

    .gift-tree-section {

      background: url(../img/reward/gift-tree-tab.jpg);

      background-size: cover;

      background-repeat: no-repeat;

    }

  }

  @media only screen and (max-width:500px){

    .webContent .mainHeading{font-size: 1.5rem}

    header .logo{width: 120px}

    #cookies-modal .modal-footer .button{width: 100%;text-align: center;}

    .bg_banner .webContent .button{font-size: 1rem}

    .testimonial-carousel .card-body{padding: 40px 20px 20px}

    .webContent .testimonial-card .mainHeading{font-size: 1.4rem}

    .qty-container .input-qty{max-width: 40px}

    .bg_banner .webContent .button{padding: 15px 20px}

    .accordion-button{font-size: 1rem}

    .statistics-section .statistics-list:before{left: 50%;}    

    .success-stories-card .success-stories-logo{top: 35%}

    .testimonial-carousel .card-body .card-text.text-limit-4{-webkit-line-clamp:5;height: auto}

    .case-stuides-statistics.statistics-section .statistics-list:before{left: 47%}

    .gift-tree-section {

      background: url(../img/reward/gift-tree-mobile.jpg);

      background-size: cover;

      background-repeat: no-repeat;

    }

  }

  @media only screen and (max-width:414px){

    .webContent .mainHeading.largeHeading{font-size: 2rem}

    .webContent .subHeading.largeHeading{font-size: 1.2rem}

    .payment-logo-img{width: 100px;display: block;}

  }

  @media (max-width: 500px) {

    .cart-table .table-xs tr,

    .cart-table .table-xs td,

    .cart-table .table-xs tbody,

    .cart-table .table-xs thead,

    .cart-table .table-xs tfoot,

    .cart-table .table-xs th {

      display: table;

      width: 100%;

      border-collapse: separate;

    }

    .cart-table .table-xs > tbody tr:first-child {

      position: absolute;

      top: -9999px;

      left: -9999px;

    }

    .cart-table .table-xs td[title]:before { content: attr(title) ": "; }

    .cart-table .table-xs td:before {

      white-space: nowrap;

      width: 50%;

      display: table-cell;

      text-align: left;

      font-weight: bold;

    }

    .cart-table .table-xs .item-row td:first-child, .cart-table .table-xs .item-row td:nth-child(2) { border: 0 none; }

    .cart-table .table-xs .item-row td:first-child { border: 0 none; }

    .cart-table .table-xs .item-row td:last-child {

      background: #eee;

      border-bottom: 2px solid #a2a2a2;

      font-weight: bold;

    }

    .cart-table .table-xs .item-row img {margin-bottom: 1em;}

    .cart-table .table-xs .total-row td {

      display: table-cell;

      width: 1%;

      border-top: 0 none;

      border-bottom: 3px double #a2a2a2;

      font-weight: bold;

      font-size: 1.5em;

    }

    .cart-table .table-xs .total-row td:first-child { width: 99%; }

    .cart-summary .cart-table .table-xs > tbody tr:first-child{position: initial;}

    .cart-summary .cart-table .table-xs .total-row td{border-bottom: 0}

    .cart-summary .cart-table .table-xs .item-row td:last-child{background: transparent;}

  }