/* Extra large devices (large desktops, 1800px and up) */
@media (max-width: 1800px) {
.custom-container {
    max-width: 1500px;
}
.banner-shape img {
    left: 13%;
    bottom: 19%;
}



}


/* Extra large devices (large desktops, 1800px and up) */
@media (max-width: 1500px) {
.container,
.custom-container {
    max-width: 1330px;
}
.banner-bg {
    padding: 140px 0 140px;
}
.counter-item .count {
    font-size: 55px;
}
.banner-content .title {
    margin-bottom: 20px;
    font-size: 42px;
}
.banner-shape img {
    left: 14%;
    bottom: 23%;
    width: 160px;
}

}


/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1199.98px) {
.container,
.custom-container {
    max-width: 960px;
}
.banner-shape img {
    left: 13%;
    bottom: 18%;
    width: 110px;
}
.banner-bg {
    padding: 130px 0 120px;
}
.banner-counter-wrap {
    margin-bottom: 25px;
}
.banner-content .overlay-title {
    font-size: 100px;
    bottom: -10px;
}
.section-title .title {
    font-size: 36px;
}
.elementor-content {
    width: 100%;
}
.elementor-img .img-shape {
    width: 400px;
    height: 400px;
}
.features-item-two {
    padding: 15px 15px;
}
.features-item-two .content .title {
    font-size: 16px;
}
.footer-content .title {
    font-size: 40px;
}

}



/* Large devices (desktops, 992px and up) */
@media (max-width: 991.98px) {
.container,
.custom-container {
    max-width: 720px;
}
.menu-area {
	padding: 25px 0;
}
.menu-nav {
	justify-content: space-between;
}
.header-action {
	margin-right: 40px;
}
.menu-outer .navbar-wrap {
	display: block !important;
}
.menu-area .mobile-nav-toggler {
	display: block;
}
.banner-bg {
    padding: 125px 0 100px;
}
.banner-shape img {
    display: none;
}
.banner-content .title {
    margin-bottom: 20px;
    font-size: 38px;
}
.banner-btn {
    margin-bottom: 30px;
}
.sticky-menu.menu-area {
    padding: 20px 0;
}
.features-area .section-title {
    text-align: center;
}
.features-img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.elementor-img {
    margin-bottom: 50px;
}
.gallery-img img {
    width: 100%;
}
.footer-bg {
    padding: 100px 0;
}

}



/* Medium devices (tablets, 768px and up) */
@media (max-width: 767.98px) {
.custom-container {
    max-width: 100%;
}
.transparent-header {
	top: 0;
}
.banner-content .sub-title {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--tg-primary-color);
    font-weight: 600;
    letter-spacing: 1.6px;
    margin-bottom: 15px;
}
.elementor-img .img-shape {
    display: none;
}
.banner-content .overlay-title {
    display: none;
}
.banner-bg {
    padding: 120px 0 80px;
}
.banner-content .title {
    font-size: 36px;
}
.banner-content .title br {
    display: none;
}
.counter-item .count {
    font-size: 50px;
}
.banner-shape img {
    display: none;
}
.section-title .title {
    font-size: 34px;
}
.demo-img img {
    width: 100%;
}
.demo-bg {
    padding: 100px 0 60px;
}
.features-area {
    padding: 100px 0 70px;
}
.elementor-area {
    padding: 100px 0;
}
.gallery-img img {
    min-height: 250px;
    object-fit: cover;
    border-radius: 10px;
}
.gallery-area {
    padding: 100px 0 70px;
}
.inner-demo-bg {
    padding: 100px 0 70px;
}
.features-area-two {
    padding: 100px 0 70px;
}
.footer-content .title {
    font-size: 38px;
}
.scroll-top {
    right: 15px;
}
.menu-area .mobile-nav-toggler {
    margin-top: 0px;
}
.features-img img {
    height: 250px;
}
.menu-area .mobile-nav-toggler {
    margin-top: 8px;
}


}


/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 576px) and (max-width: 767px) {
.container,
.custom-container {
    max-width: 540px;
}
.banner-content .title {
    font-size: 40px;
}
.features-img img {
    height: auto;
}


}