@media (max-width:991px) {
/* Navbar */
.navigation-wrap{
text-align: center;
}
.navigation-wrap .navbar-toggler{
color: var(--secondry-color);
padding-top:2.5rem;
}
.navigation-wrap .nav-link{
line-height:2.875rem;
}
.navigation-wrap.scroll-on .navbar-toggler{
color: var(--white-color);
}
/* Top Banner */
.top-banner{
padding:7.375rem 0 4.375rem;
}
@keyframes float {
0% {
transform: translatey(-10%);
}
50% {
transform: translatey(-7%);
}
100% {
transform: translatey(-10%);
}
}
footer .logo{
text-align: center;
}
footer .copyright{
text-align: center;
}
}
@media (max-width:767px){
/* navbar */
.navigation-wrap .navbar-brand img{
width: 12rem;
}
.b-img-sec .col-lg-7{
margin: 0 !important;
}
.app-works .col-img{
order: 2;
text-align: center;
}
.app-works .img-col{
text-align: center;
}
.app-works .col-text{
order: 1;
text-align: center;
margin-top: 65px;
}
.app-works .text-col{
text-align: center;
margin-top: 65px;
}
.app-works .text2{
margin-bottom: 65px;
}
}
@media (max-width:415px){
.navigation-wrap .navbar-brand img{
width: 6.5rem;
}
.navigation-wrap .navbar-toggler{
padding-top:1.5rem;
vertical-align: middle;
}
.top-banner .s-title{
font-size:16px;
color: #737373;
}
.top-banner{
background: #fff;
padding:3.125rem 0 8.375rem;
}
.top-banner h1{
font-size:2.25rem;
color:#252B42;
margin-bottom: 1.0625rem;
}
.top-banner p{
font-size:1.5rem;
color: #737373;
}
.btns{
flex-direction: column;
gap: 0 !important;
}
.main-btn2{
width: 14.75rem;
border:0.0625rem solid var(--orange-color);
background-color:transparent;
color: var(--orange-color);
margin:4rem auto 0;
}
.main-btn{
width: 14.75rem;
margin:0 auto;
}
.b-img-sec .desktop{
display: none;
}
.app-works .mobile{
display:block !important;
}
.app-works .col-12 h1{
font-size:1.5rem;
margin-top:4.5rem;
margin-bottom: 3.0625rem;
}
.banner-bottom{
background:var(--secondry-color);
}
.banner-bottom p{
color: #BDBDBD !important;
}
footer .logo img{
display: none;
}
footer .copyright p{
margin: 0 !important;
}
footer{
padding:1rem 0 1rem !important;
}
}