/*for-large-dekstop view-1200*/

@media only screen and (min-width: 100px) and (max-width: 1399px) {

.navigation-bar ul {
    gap: 20px;
}
	
section.banner {
    height: 857px;
}

.banner-content {
    height: 100%;
}

.service-content h3 {
    font-size: 20px;
}

.service-content {
    padding: 20px;
}

.web-title h2 {
    font-size: 52px;
}

.about-side h2 {
    font-size: 55px;
}

.about-side span {
    font-size: 20px;
}

.about-side {
    width: 270px;
    height: 270px;
}
	
}

/*for-laptop view-1024*/

@media only screen and (min-width: 100px) and (max-width: 1199px) {
	.navigation-bar ul {
    gap: 13px;
}

.navigation-bar ul li a {
    font-size: 14px;
}

.header-logo.only-header-logo {
    width: 130px;
    height: 130px;
}

.banner-title h2 {
    font-size: 70px;
}

.web-title.inverted-title h2 {
    font-size: 44px;
}

.testi-box p {
    font-size: 30px;
}

button.filter-button {
    font-size: 16px;
    padding: 10px 18px;
}

.footer-mini h3 {
    font-size: 19px;
}
.about-img img {
    aspect-ratio: 0.5;
}	
}

/*for-tablet view-768*/

@media only screen and (min-width: 100px) and (max-width: 991px) {
	
.header-btn {
    gap: 10px;
}
	
	.about-content {
    margin-top: 30px;
}

.filter-buttons {
    margin-top: 30px;
}

.web-title h2 {
    font-size: 48px;
}
	.footer-top .row .col-sm-6:nth-child(1) {
  order: 1; /* move first column to 3rd position */
}

.footer-top .row .col-sm-6:nth-child(2) {
  order: 4; /* move second column to first */
}

.footer-top .row .col-sm-6:nth-child(3) {
  order: 3; /* move third column to second */
}

.footer-top .row .col-sm-6:nth-child(4) {
  order: 2; /* stays last */
}
	.about-side {
    width: 300px;
    height: 300px;
}

.footer-link {
    margin: 20px 0px;
}
}

/*for-landscape_mobile view-576*/

@media only screen and (min-width: 100px) and (max-width: 767px) {
.web-btn a {
    font-size: 14px;
}

.web-btn a i {
    font-size: 16px;
}

.banner-title h2 {
    font-size: 50px;
}

section.banner {
    height: 757px;
}

.service-content {
    padding: 20px 10px;
}

.web-title.inverted-title h2 {
    font-size: 40px;
}

.testi-box p {
    font-size: 25px;
}

button.filter-button {
    padding: 10px 16px;
}
}

/*for-mobile view-375*/

@media only screen and (min-width: 100px) and (max-width: 575px) {
  .container {
    width: 96%;
  }
	.header-btn.web-btn a:nth-child(2) {
    display: none !important;
}
	.banner-btn {
    gap: 5px;
}

.banner-btn a {gap: 5px;font-size: 16px;}

.banner-title h2 {
    font-size: 44px;
}

.banner-btn a i {
    display: none;
}

section.banner {
    height: 657px;
}

.service-box {
    margin: 20px 0px;
}

.service-box:hover {
    transform: unset;
}

.about-img img {
    aspect-ratio: 0.4;
}

.about-side {
    width: 200px;
    height: 200px;
}

.about-side h2 {
    font-size: 40px;
}

.about-side span {
    font-size: 16px;
}

.web-title h2 {
    font-size: 35px;
}

.web-title.inverted-title h2 {
    font-size: 31px;
}

.spacing {
    padding: 60px 0px;
}

.filter-buttons {
    flex-wrap: wrap;
}

button.filter-button {
    padding: 10px 20px;
}

.copyright p {
    text-align: center;
    margin-bottom: 10px;
}

.privacy ul {
    justify-content: center;
}
	.inner-header .inner-header-title h2 {
    font-size: 35px;
}

.inner-header-title {
    height: 200%;
}
}

/*for-small_mobile view-320*/

@media only screen and (min-width: 100px) and (max-width: 374px) {
	.web-title h2 {
    font-size: 35px;
}

.filter-buttons {
    justify-content: center;
}

.testi-icon {
    width: 10%;
}

.swiper-pagination {
    bottom: 110px !important;
}

.banner-btn a {
    gap: 10px;
    width: 100%;
    text-align: center;
    justify-content: center;
}

.banner-btn {
    flex-direction: column;
    gap: 10px;
    align-items: center !important;
}

.banner-btn a i {
    display: block;
}

.banner-title h2 {
    font-size: 37px;
}
}