Files
freeu-project/public/assets/css/FrontendCss/responsive.css
Ritikesh yadav c661166e1d first commit
2024-03-28 14:52:40 +05:30

972 lines
18 KiB
CSS

@media (max-width:2560px){
}
@media (max-width:1920px){
}
@media (max-width:1800px){
}
@media (max-width:1600px){
}
@media (max-width:1440px){
}
@media (max-width:1366px){
}
@media (max-width:1280px){
}
@media (max-width:1080px){
.sec-center a.nav-link {
font-size: 13px;
}
.bluebr-circle {
width: 100px;
height: 85px;
}
.best-invest .invest-box {
min-height: 310px;
}
}
@media (max-width:1024px){
.menu-logo img {
width: 150px;
}
.menu-logo {
width: fit-content;
}
.sec-center {
width: fit-content;
}
.menubar .row.container {
display: contents;
}
.navbar-light .navbar-toggler {
border: 0;
color: #000;
}
div#navbarNavDropdown {
position: absolute;
top: 49px;
width: 100vw;
right: -15px;
z-index: 1;
box-shadow: 0 9px 10px 0px #d5d1d1;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light {
position: relative;
}
.navbar-nav li.nav-item {
width: 100%;
background: #fff;
}
.sec-center a.nav-link {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
}
.sec-center ul.navbar-nav {
background: #fff;
display: flex;
justify-content: space-evenly;
width: 100%;
align-items: center;
padding: 10px;
}
.sec-center .page {
width: auto;
margin-left: auto;
}
button.navbar-toggler.collapsed:focus {
outline: 0;
}
.blue-box form {
top: 0px;
}
.newsletter .form-group {
display: block;
}
.newsletter input[type="mail"] {
margin-bottom: 25px;
}
.newsletter button {
margin-bottom: 20px;
}
.footer-icon a i {
font-size: 20px;
width: 35px;
height: 35px;
}
.opportunities .card h3 {
min-height: 50px;
}
.banner.why_freeU {
padding-top: 8rem;
}
.about-left img {
height: auto;
}
.banner.why_freeU {
padding-top: 4rem;
}
.hw-work{
width: 167px;
height: 167px;
}
.hw-work:before{
width: 252px;
height: 208px;
}
.banner{
padding: 90px 0;
}
.category-funds .fund-box h3{
height: 68px;
}
.funds .fund-box h3 {
font-size: 18px;
}
.figures .card{
width: auto;
}
}
@media (max-width:990px){
.menubar .row.container {
display: flex;
}
.bluebr-circle h2 {
font-size: 20px;
}
.bluebr-circle {
width: 100px;
height: 60px;
}
.bluebr-txt h3 {
font-size: 14px;
}
div#navbarNavDropdown {
top: 50px;
transform: translateX(17%);
width: 100vw;
right: 0;
}
button:focus-visible {
outline: none !important;
}
button:focus{
outline: none !important;
}
.opportunities .card h3 {
font-size: 18px;
}
.best-invest .invest-box {
min-height: 430px;
}
.opportunities .card p {
height: 59px;
}
.opportunities .card{
padding: 27px 14px;
max-width: 35%;
}
.opportunities .card thead tr th {
font-size: 14px;
padding: 10px 10px;
}
.investment h2{
font-size: 32px;
margin-bottom: 30px;
}
.investment_content {
padding-bottom: 20px;
}
.star i {
font-size: 16px;
letter-spacing: 5px;
margin: 12px 0;
}
.client_says .card{
height: 385px;
}
.client_says .slick-list.draggable{
height: 508px;
}
.details p {
height: 114px;
}
.details h3{
height: 38px;
}
.download_mobapp ul li {
font-size: 18px;
}
.banner.why_freeU {
padding-top: 2rem;
}
.about-circle{
min-width: 62px;
max-height: 62px;
text-align: center;
}
.about-circle img {
width: 36px;
}
.team-img img {
width: 186px;
margin: auto;
position: relative;
top: 60px;
left: 67px;
}
.team-content .team-text {
width: 65%;
margin: auto;
}
.team-content{
margin-top: 0;
}
.rate-txt h2{
font-size: 20px;
}
.blue-bar .bluebr .starts i {
font-size: 14px;
}
.our-insights .search-br {
display: flex;
align-items: center;
}
.search-br input[type="search"] {
width: 92%;
}
.nav-tabs li.nav-item {
margin-bottom: 20px;
}
.work .col-md-3.it-workx {
width: 100%;
max-width: 100%;
min-width: 100%;
}
.hw-work {
width: 180px;
height: 180px;
}
.hw-work:before {
width: 280px;
height: 220px;
}
.banner .content p {
font-size: 14px;
}
.banner{
padding: 50px 0;
}
.estate .card h4{
height: 75px;
}
.funds .fund-box{
padding: 16px 13px;
}
.funds .fund-box h3{
font-size: 20px;
}
.categories .card{
padding: 35px 10px;
}
.categories .card a{
font-size: 14px;
padding: 7px 18px;
width: auto;
}
.employee .hdfc-logo img{
height: 113px;
}
.venture-capital .employee h4{
font-size: 16px;
}
.product-banner.venture-inner .bg-img .col-md-6.content {
min-width: 100%;
}
.faqs-content .card h5 button {
white-space: inherit;
}
.offering .card .table td{
font-size: 12px;
}
.offering .card .table td{
font-size: 11px;
}
.comm-img{
height: 298px;
}
.figures .card {
width: auto;
height: 198px;
}
}
@media (max-width:768px){
.book_call{
width: 95%;
}
div#navbarNavDropdown{
right: 77px;
}
.harboring .left img {
width: 100%;
}
.request_back .left img {
width: 100%;
height: auto;
}
.figures .card{
height: 202px;
width: auto;
padding: 17px;
}
.crds-ctns h2{
font-size: 28px;
margin-bottom: 8px;
}
.crds-inner h3{
font-size: 18px;
}
.crds-ctn h2{
font-size: 18px;
}
.venture-capital h2{
margin-bottom: 28px;
}
}
@media (max-width:767px){
.menu-logo img {
width: 140px;
}
.menu-logo {
width: fit-content;
}
.sec-center {
width: fit-content;
}
.menubar .row.container {
display: contents;
}
.navbar-light .navbar-toggler {
border: 0;
color: #000;
}
/*div#navbarNavDropdown {*/
/* position: absolute;*/
/* top: 49px;*/
/* width: 100vw;*/
/* right: -15px;*/
/* z-index: 1;*/
/* box-shadow: 0 9px 10px 0px #d5d1d1;*/
/*}*/
nav.navbar.navbar-expand-lg.navbar-light.bg-light {
position: relative;
}
.navbar-nav li.nav-item {
width: 100%;
background: #fff;
}
.sec-center a.nav-link {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
}
.sec-center ul.navbar-nav {
background: #fff;
display: flex;
justify-content: space-evenly;
width: 100%;
align-items: center;
padding: 10px;
}
.crd23 {
margin-bottom: 40px;
}
.navbar-light .navbar-toggler:focus {
outline: none !important;
}
.blue-box form {
position: relative;
top: 0;
width: 100%;
border-radius: 20px;
}
.banner.contact {
padding: 20px 0;
}
.contact img {
width: 75%;
}
.copywrite a {
font-size: 14px;
}
.footer-page ul li a {
font-size: 14px;
}
.footer-page h2 {
font-size: 25px;
}
.newsletter .form-group {
display: flex;
}
.topbar {
height: 95px;
}
.tobr {
display: block;
}
.social-head a {
font-size: 15px;
margin-bottom: 0;
}
.ctn-btn {
height: 41px;
width: 100%;
display: inline-flex;
justify-content: inherit;
margin-bottom: 10px;
}
.social-head {
display: flex;
height: 50px;
align-items: center;
}
a.clr-btn {
margin: 0;
padding: 10px;
width: 100px;
line-height: 1.5;
text-align: center;
font-weight: bold;
}
.privacy-content h1 {
font-size: 28px;
}
.newsletter input[type="mail"] {
margin-bottom: 0;
}
.newsletter button {
margin-bottom: 0;
}
/*div#navbarNavDropdown{*/
/* right: 55px;*/
/*}*/
.social-head{
justify-content: space-between;
}
.bgn-image img{
margin-top: 40px;
}
.blue-bar {
height: auto;
padding: 2rem 0;
}
.bluebr-circle {
width: 100px;
height: 82px;
}
.blue-bar .bluebr {
margin-bottom: 20px;
}
.harboring .left img {
width: 100%;
height: auto;
}
.harboring .left {
height: auto;
margin-top: 40px;
}
.best-invest h2{
font-size: 26px;
padding: 0 30px;
}
.best-invest .invest-box {
min-height: auto;
margin-bottom: 2rem;
}
.opportunities .card{
max-width: 100%;
}
.banner .content h1{
font-size: 32px;
margin-bottom: 16px;
}
.banner .content h2{
font-size: 16px;
margin-bottom: 25px;
}
.harboring h2{
font-size: 28px;
}
.harboring p {
font-size: 14px;
}
.best-invest .invest-box p {
font-size: 14px;
}
.opportunities h2 {
font-size: 28px;
margin: 0 auto 40px;
}
.high-return .content h2 {
font-size: 28px;
margin-bottom: 24px;
}
.high-return .content p {
font-size: 14px;
margin-bottom: 20px;
line-height: 25px;
margin-right: 0;
}
.high-return .boxes {
margin-top: 42px;
}
.start-investing h2 {
font-size: 28px;
margin-bottom: 25px;
}
.start-investing p{
font-size: 14px;
line-height: 24px;
}
.investment img{
width: 62%;
}
.best-invest h2 br {
display: none;
}
.investment .investment_content {
margin-top: 25px;
}
.client_says .card {
height: auto;
padding-bottom: 56px;
width: inherit !important;
}
.client_says .slick-list.draggable {
height: 378px;
}
.client h2{
font-size: 28px;
margin-bottom: 32px;
}
.client .slick-dots li button{
width: 16px;
height: 16px;
}
h2.news-txt{
font-size: 28px;
margin-bottom: 42px;
}
.Latest_news .insights {
margin-bottom: 25px;
}
.details p {
height: inherit;
margin-bottom: 22px;
}
.details h3 {
height: inherit;
margin-bottom: 12px;
}
.download_mobapp h2{
margin-bottom: 30px;
}
.download_mobapp ul li {
font-size: 14px;
line-height: 35px;
margin-bottom: 21px;
}
.download_mobapp .bg-imgs img {
width: 66%;
height: auto;
margin-top: 30px;
}
.download_mobapp .bg-imgs {
text-align: center;
}
.request_back h2{
font-size: 28px;
}
.request_back h3{
font-size: 16px;
}
.request_back .left img{
margin-top: 20px;
}
.faqs h2{
font-size: 28px;
}
.faqs h3{
font-size: 16px;
}
.download_mobapp h2{
font-size: 28px;
}
.investment h2{
font-size: 28px;
}
.work h3{
font-size: 18px;
}
.work h2{
font-size: 28px;
}
.figures h2 {
font-size: 28px;
}
.commercial p {
font-size: 14px;
width: 100%;
}
.commercial h2 {
font-size: 28px;
margin: 0 auto 42px;
}
.faq-box .card h5 {
display: flex;
justify-content: space-between;
align-items: center;
}
.figures .card {
margin: auto;
margin-bottom: 20px;
}
.benefits h2{
font-size: 28px;
}
.estate .card {
margin-bottom: 25px;
}
.estate h2{
font-size: 28px;
}
.faqs-content h1{
font-size: 28px;
}
.faqs-content p{
font-size: 14px;
}
.faqs-content .card-body{
font-size: 14px;
}
.faq-ctn2 h2{
font-size: 28px;
}
.faq-ctn2 p{
font-size: 15px;
}
.blue-card h2{
font-size: 18px;
}
.cdr-img img {
height: 28px;
width: 35px;
}
.faq-ctn2 .blue-card {
margin-bottom: 20px;
}
.privacy-content p {
font-size: 14px;
}
.privacy-content h2{
font-size: 18px;
}
.privacy-content li {
font-size: 14px;
}
.product-banner h1{
font-size: 32px;
}
.overlay-box .crds-ctn {
border-right: 0;
}
.crds-ctn p{
font-size: 14px;
}
.overlay-box .crds-ctns {
margin-top: 32px;
}
.benefits{
padding: 168px 0;
}
.crds-ctns h2 {
font-size: 22px;
}
.crds-inner h3 {
font-size: 16px;
}
.sell-investment .content p {
font-size: 14px;
}
.estate .card h4 {
height: auto;
}
.categories h2{
font-size: 28px;
}
.categories h3{
font-size: 18px;
}
.benefits.benefits-new {
padding: 70px 0;
}
.category-sec h2{
font-size: 28px;
}
.category-sec ul li{
font-size: 16px;
margin-bottom: 8px;
}
.funds .fund-box {
padding: 35px 30px;
margin-bottom: 20px;
height: auto;
}
.categories .card a {
font-size: 16px;
width: 100%;
}
.categories .card {
padding: 36px 36px;
}
.funds {
padding: 3rem 0;
}
.funds h2{
font-size: 28px;
}
.funds .fund-box h3{
height: auto;
}
.faqs-content button.btn.btn-link {
white-space: inherit;
}
.funds .fund-box br {
display: none;
}
.venture-capital h2{
font-size: 28px;
}
.venture-inner .book_call {
top: 76%;
}
.table-invest {
padding-top: 13rem;
}
.table-invest .tables span {
font-size: 16px;
}
.table-invest .tables p{
font-size: 14px;
}
.table-invest .btm-txt h4{
font-size: 18px;
}
.opportunities .card p {
height: auto;
}
.opportunities .card h3 {
min-height: auto;
font-size: 16px;
}
.comm-img {
height: auto;
padding: 20px;
}
.assets-venture h3{
font-size: 16px;
}
.how_to-content .account:before{
content:inherit;
}
.how_to-content .asset:before{
content:inherit;
}
.how_to-content .asset:after{
content:inherit;
}
.how_to-content .account:after{
content:inherit;
}
.account:before, .invest:before{
content:inherit;
}
.account-text:after, .invest-text:after{
content:inherit;
}
.account:after, .invest:after{
content:inherit;
}
.asset-text:after{
content:inherit;
}
.how_to-iconleft, .how_to-iconright{
margin-right: 15px;
margin-left: 15px;
}
.team-text{
padding: 25px 25px;
}
.login .right {
margin-top: 25px;
}
.login-form h1{
margin-bottom: 8px;
font-size: 20px;
}
.login-form{
margin: 0 0px;
}
}
@media (max-width:600px){
.client_says .slick-list.draggable {
height: 500px;
}
.profile{
bottom: -117px;
}
.profile {
bottom: -100px;
}
.about-left img {
width: 55%;
margin-bottom: 40px;
}
.best-invest .team-member .teams {
width: 50%;
}
.best-invest .meet-team .team-member {
display: flex;
justify-content: center;
}
.about-content .about-right h2 {
font-size: 28px;
}
.why_about {
margin-top: 2rem;
}
.best-invest p br {
display: none;
}
.best-invest p {
font-size: 14px;
}
.best-invest{
padding: 50px 20px;
}
.team-img img {
position: inherit;
margin-top: 16px;
}
.team-content .team-text {
width: 94%;
}
.partners h2{
font-size: 28px;
}
.partners .b-logo img {
width: 245px;
margin-bottom: 22px;
}
}
@media (max-width:580px){
div#navbarNavDropdown {
right: 83px;
}
}
@media (max-width:480px){
div#navbarNavDropdown {
right: 67px;
}
.best-invest .team-member .teams {
width: 75%;
}
.client_says .slick-list.draggable {
height: 570px;
}
.our-insights .tags a {
width: 100%;
margin: 0 0px 21px;
}
}
@media (max-width:420px){
.client_says .slick-list.draggable {
height: 420px;
}
div#navbarNavDropdown {
right: 56px;
}
.best-invest .team-member .teams {
width: 100%;
}
.banner a.yellow-btn {
width: initial;
height: auto;
}
.venture-capital .employee-details {
width: 100%;
}
.employee .hdfc-logo img {
height: auto;
width: 180px;
}
.venture-inner .book_call {
top: 86%;
}
.table-invest {
padding-top: 15rem;
}
.account-text p{
padding-top: 7px;
height: inherit;
padding-bottom: 18px;
}
.asset-text p{
padding-top: 7px;
height: inherit;
padding-bottom: 18px;
}
.invest-text p{
padding-top: 7px;
height: inherit;
padding-bottom: 18px;
}
.return-text p{
padding-top: 7px;
height: inherit;
}
.our-insights {
text-align: center;
padding: 50px 0;
}
}
@media (max-width:380px){
div#navbarNavDropdown {
right: 50px;
}
}
@media (max-width:360px){
}
@media (max-width:320px){
}