@media only screen and (max-width:1400px){
.hero-section .hero-img:after{height:300px;}
.hero-section .content-info{padding:100px 0px;}
.hero-section .hero-img img{height:435px;}
}
@media only screen and (max-width:1200px){
.container{max-width:100%;}
h1{font-size:3rem!important;line-height:3.5rem;}
h2{font-size:2.3rem!important;line-height:2.7rem;}
h5{font-size:1.3rem!important;line-height:1.7rem;}
p,footer .list-group a {font-size:1.2rem!important;line-height:1.6rem!important;}
.hero-section .content-info{max-width:500px;}
.hero-section .hero-img img{height:390px;}
.discover-section,.connect-section,.feature-section{padding:80px 0px;}
.discover-section .icon,.feature-section .icon{width:50px;height:50px;}
.discover-section .icon svg,.feature-section .icon svg{width:30px;height:30px;}
.discover-section .img-wrapper,.feature-section .img-wrapper,.connect-section .img-wrapper{max-width:450px;height:475px;}
.discover-section figure img:nth-child(2),.feature-section figure img:nth-child(2){height:420px;}
.pricing-section .list-item .bg-shape img{width:90px;height:90px;}
.hero-section .hero-img:after{height:285px;}
}
@media only screen and (max-width:1024px){
.hero-section .hero-img img{height:396px;}
}
@media only screen and (max-width:991px){
h1{font-size:2.5rem!important;line-height:2.9rem;}
h2{font-size:2rem!important;line-height:2.4rem;}
.font-18,p,footer .list-group a{font-size:1rem!important;line-height: 1.4rem !important;}
.menu-button,.desktop-hide{display:block;}
.nav-menu .menu-overlay{position:fixed;inset:0;right:100%;opacity:0;background-color:#4a61712b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity 200ms ease;z-index: 4;}
.nav-menu.nav-expanded .menu-overlay{right:0;opacity:1;}
.nav-menu .navbar-nav{position:fixed;left:0;top:0;bottom:0;right:auto;background-color:#fff;flex-direction:column;padding:24px 20px;opacity:0;transform:translateX(-100%);transition:200ms linear;border-right:2px solid var(--color-orange);z-index:30;overflow-y:auto;}
.nav-menu .navbar-nav .country-dropdown,header .btn-group button,header a.nav-link:after{display:none;}
.nav-menu.nav-expanded .navbar-nav{transform:translateX(0);opacity:1;}
.nav-menu .navbar-nav ul li{background-color:transparent;}
.nav-menu .navbar-nav,.nav-menu .navbar-nav ul{flex-direction:column!important;}
.nav-menu .navbar-nav ul{flex-direction:column;width:min(230px,80vw);gap:12px;align-items:flex-start!important;margin-top:24px;}
header .navbar-nav ul,.mobile-hide{display:none;}
.discover-section,.connect-section,.pricing-section,.feature-section,.hero-section .content-info,footer{padding:50px 0px;}
.hero-section .content-info{max-width:390px;}
.hero-section .hero-img:after{height:157px;}
.hero-section .hero-img img{height:325px;}
.showcase-section .btn-group svg,.hero-section .btn-group svg{width:27px;}
.discover-section .img-wrapper,.feature-section .img-wrapper,.connect-section .img-wrapper{height:400px;}
.rounded-60{border-radius:40px;}
.discover-section figure img:nth-child(2),.feature-section figure img:nth-child(2){height:370px;}
.discover-section figure img:nth-child(1),.feature-section figure img:nth-child(1){height:300px;}
.pricing-section .list-item .bg-shape img{width:60px;height:60px;min-width:60px;}
.pricing-section .list-item .icon img{min-width:45px;width:45px;height:45px;}
.pricing-section .title{max-width:70%;}
footer{padding:50px 0px 16px 0px!important;}
header .country-dropdown .dropdown-menu{min-width:145px;right:0px;}
.footer-logo{height: 45px;}
.loader-div{height:80px;}
}
@media only screen and (max-width:767px){
h1{font-size:2.2rem!important;line-height:2.6rem;}
h2{font-size:1.8rem!important;line-height:2.2rem;}
footer h6{font-size:1.2rem!important;line-height:1.6rem;}
p,.font-24,.pricing-section .nav-pills .nav-link{font-size:1rem!important;line-height:1.4rem;}
.hero-section .hero-img-wrapper{width:100%;position:unset!important;}
.discover-section,.connect-section,.pricing-section,.feature-section,.hero-section .content-info,footer{padding:40px 0px;}
.showcase-section .btn-group svg,.hero-section .btn-group svg{width:20px;}
.hero-cnt-wrapper a p span:nth-child(1),.showcase-section a p span:nth-child(1){font-size:11px!important;}
.hero-cnt-wrapper a p span:nth-child(2),.showcase-section a p span:nth-child(2){font-size:14px!important;line-height: 17px !important;}
.showcase-section .title,.pricing-section .title{max-width:100%;}
.pricing-section .nav-pills .nav-link{padding-block:10px;}
.feature-section .icon-group > div,.discover-section .icon-group > div{flex:unset;}
.discover-section figure img:nth-child(2),.feature-section figure img:nth-child(2){height:320px;z-index:3;position:unset!important;margin-left:0px;}
.discover-section .img-wrapper,.feature-section .img-wrapper,.connect-section .img-wrapper{height:auto;max-width:100%;justify-content:center;}
.discover-section figure img:nth-child(1),.feature-section figure img:nth-child(1){position:unset!important;height:265px;margin-right:0px;margin-left:-113px;order:2;}
.discover-section figure:after,.feature-section figure:after{z-index:2;}
.feature-section figure:after{left:-40px;}
.discover-section figure img:nth-child(1){order:unset;margin-left:0px;margin-right:-113px;}
.hero-section .hero-img img{height:300px;padding-top:20px;}
.hero-section .hero-img:after{height:105px;}
.hero-section .content-info{padding:30px 0px 40px 0px;}
.copyright p,.footer-logo{width:100%;}
.copyright p,footer h6,footer p,.footer-logo{text-align:center;}
footer .list-group a{display:flex;justify-content:center;width:100%;line-height:21px;}
footer .menu-wrapper .col:after{content: "";background-color:#02030426;position:absolute;left:0px;right:0px;bottom:unset;top:0px;width:calc(100% - 24px);height:1px;margin:0px auto;}
.footer-logo img{max-width:200px;}
footer .list-group li:last-child{margin-bottom:0px!important;}
footer .menu-wrapper .col:nth-child(1):after{display:none;}
footer{padding:40px 0px 16px 0px!important;}
footer .list-group a svg{max-width:16px;}
.copyright p{font-size: 0.9rem !important;line-height: 1.2rem !important;}
.loader-div{height:50px;}
.pricing-section .list-item:hover {transform: translateY(-5px);}
.pricing-section .tab-content>.tab-pane .row{column-gap: 0px !important;}
.showcase-section figure {right: -15px;}
}
@media only screen and (max-width:480px){
}
@media only screen and (max-width:375px){
}