/*responsive*/

@media (min-width: 1300px) {

  .container {

    max-width: 1240px;

  }

}



@media (min-width: 1600px) {

  .bannerText {

    left: 13%;

  }

}



@media (max-width: 1210px) {

  .newsBox.reaserchBox section {

    padding: 0.5rem;

    height: 57%;

  }



  .viewmore {

    margin-top: 0.75rem;

  }

}



@media (min-height: 1024px) {

  html {

    font-size: 87.5%;

  }

}



@media (max-width: 1199.9px) {

  .sympBox{width: calc(100% / 3);}

}



@media (max-width: 991.9px) {

  html {

    font-size: 87.5%;

  }



  .logo {

    width: 100px;

  }



  .banner {

    margin-top: 91px;

  }



  .overview-iconBox .inner {

    padding: 0.5rem;

  }



  .side-menuBtn {

    display: flex;

    justify-content: end;

    text-align: right;

    margin-right: 5%;

  }



  .pageMenu .pageNav {

    display: none;

    position: absolute;

    right: 0;

    background: #0467b4;

    padding: 3px;

    width: 250px;

    z-index: 99;

  }



  .side-menuBtn>div {

    width: 30px;

    height: 30px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 5px;

    transition: all 400ms ease-in-out;

  }



  .side-menuBtn>div span {

    width: 100%;

    height: 1px;

    background-color: #ffffff;

    display: block;

  }



  .side-menuBtn+ul,

  .sidemenu .pageQuicklinks {

    display: none;

  }



  .side-menuBtn.closeMenuBtn span#menuLine1 {

    -webkit-transform: rotate(45deg) translate(4px, 4px);

    transform: rotate(45deg) translate(4px, 4px);

  }



  .side-menuBtn.closeMenuBtn span#menuLine2 {

    display: none;

  }



  .side-menuBtn.closeMenuBtn span#menuLine3 {

    -webkit-transform: rotate(-45deg) translate(0px, -2px);

    transform: rotate(-45deg) translate(0px, -2px);

  }

}



@media (max-width: 767.9px) {



  .container,

  .container-sm {

    max-width: 700px;

  }

}



@media (max-width: 576px) {}



@media (max-width: 575.9px) {

  .heading h2 {

    font-size: 2rem;

  }

  .list.d-grid{

    display: block;

  }

  .sympBox{width: 50%;}

}



@media (max-width: 480px) {

  html {

    font-size: 81.25%;

  }

  .bg-circle::before {

    clip-path: circle(50% at 100% -10%);

  }



  .newsBox section .img-fluid {

    width: 60px;

  }



  .heading {

    margin-bottom: 16px;

    display: block;

    text-align: center;

  }

  .heading::before {

    left: calc(50% - 24px);

  }

  .newsBox.reaserchBox section {

    padding: 0.7rem;

    height: auto;

  }

  .swiper-button-next, .swiper-button-prev {

    width: 32px;

    height: 32px;

  }

  .readmore {

    display: flex;

    justify-content: center;

}

  .menuContainer {

    padding-top: 59px;

  }



  .banner {

    margin-top: 60px;

  }



  .bannerText {

    position: static;

    transform: none;

    width: 100%;

    padding: 20px;

  }



  .bannerText .h1 {

    font-size: 1.75rem;

  }



  .bannerText .iconBox .img-fluid {

    margin: auto;

    width: 33px;

  }



  .bannerText .iconBox p {

    text-align: center;

    margin-top: 8px;

    display: block;

    line-height: 1.2;

  }



  .header-configure ul .button {
    padding: 3px;

  }



  .testimBox .scroller {

    max-height: 127px;

    padding-right: 10px;

  }



  .productBox-text {

    margin-top: 5px;

  }



  .product-img {

    border-right: none;

  }



  .footerAbout {

    text-align: center;

  }

  .footerBox ul li{margin: 2px 0;}



  .footerAbout .footerSocial {

    text-align: center;

    margin-bottom: 2rem;

    justify-content: center;

  }

  .gap-row{row-gap: 20px;}

  .sympBox{width: 100%;}

  .tag h3{font-size: 1.25rem;}

}



@media (max-width: 375px) {

  .footer-area .bottom{flex-direction: column; align-items: center; gap: 10px; text-align: center;}

}



@media (max-width: 320px) {}



@media (max-height: 500px) {

  .bannerText .h1 {

    font-size: 1.75rem;

  }



  .banner-icons {

    margin-top: 1rem;

  }



  .bannerText {

    width: 67%;

  }



  .bannerText .readmore {

    margin-top: 1rem;

  }



  .footerAbout .footerSocial {

    text-align: center;

    margin-bottom: 2rem;

    justify-content: center;

  }

  .newsBox.reaserchBox section {

    padding: 0.5rem;

    height: 150px;

}

}