/*responsive*/
@media (min-width: 1400px) {
  .banner{height: auto;}
  .banner-aside .h4{font-size: 2rem;}
}

@media (min-height: 1024px) {
}

@media (min-height: 1280px) {
}

@media (max-width: 991px) {
    .heading .display-4{font-size: 3rem;}
}

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

@media (max-width: 767px) {
    html{font-size: 87.5%;}
    .padding{padding-top: 3rem; padding-bottom: 3rem;}
    .container-lg{padding-left: 20px; padding-right: 20px;}
    .row{margin-left: -10px; margin-right: -10px;}
    .row.gap-row{row-gap: 20px;}
    .row div[class^=col]{padding-left: 10px; padding-right: 10px;}
    .heading{margin-bottom: 20px;}
    .heading .h1{font-size: 2rem;}
    .button-top{width: 30px; height: 30px;}
    .heading .display-4 {
        font-size: 2.5rem;
    }
}

@media (max-width: 575px) {
    html{font-size: 81.25%;}
    .container-fluid{padding-left: 2rem; padding-right: 2rem;}
    .h4, h4 {font-size: 1.4rem;}
    p{text-align: justify; line-height: 1.4;}
    .bannerText h2{
      font-size:1.75rem ;
    }
    .heading .h1 {
        font-size: 1.75rem;
    }
    .heading .display-4 {font-size: 2rem;}
    .iconBox:not(.priceBox){width: 50%;}
    .form-close{display: none;}
    .button-top{bottom: 70px;}
    .swiper-button-next, .swiper-button-prev{width: 30px; height: 30px;}
    .swiper::before,
    .swiper-button-prev {
        left: calc(50% - 40px);
    }
    .swiper::after,
    .swiper-button-next {
        right: calc(50% - 40px);
    }
}

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

@media (max-width: 425px) {
	.logo {font-size: 1.5rem;}
	.hero {
		margin-top: 52px;
	}
    .header .d-flex {
        justify-content: center;
    }
}

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

@media (max-width: 320px) {
    html{font-size: 68.75%;}
    .copyrights{margin-right: 0;}
}