*, html, body {
-ms-text-size-adjust: none;
-moz-text-size-adjust: none;
-o-text-size-adjust: none;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-text-size-adjust: none;
text-rendering:optimizeLegibility;
-moz-osx-font-smoothing:grayscale;
font-family: 'Century Gothic';
font-weight: normal;
font-style: normal;
font-display: swap;
}
/*neha css starts*/
.heading-main h2{
text-align: center;
font-size: 40px;
color: #314584;
font-weight: bold;
font-style: normal;
}
.heading-main h2 span{
color: #05c0d3;
display: block;
font-weight: bold;
font-style: normal;
}
.common-tab .fade:not(.show) {
opacity: 1;
}
.common-tab .nav-tabs {
border-bottom: 2px solid #f2f2f2;
margin: 0 auto;
text-align: center;
display: inline-block;
}
.common-tab .nav-tabs li {
float: left;
}
.common-tab .nav-tabs li a {
padding: 0 25px;
font-size: 16px;
color: #7e7e7e;
border: none;
}
.common-tab .nav-tabs .nav-item.show .nav-link,
.common-tab .nav-tabs .nav-link.active {
color: #333;
border-bottom: 2px solid #314584;
padding-bottom: 5px;
}
.common-tab .nav-tabs .nav-link.active{
color: #314584;
}
.ganp-ul-main {
text-align: center;
margin-top: 25px;
}
.news-left{
width: 57%;
display: inline-block;
vertical-align: top;
margin-right: 1%;
position: relative;
margin-top: 30px;
}
.news-right{
width: 41%;
display: inline-block;
vertical-align: top;
position: relative;
margin-top: 30px;
}
.news-content a{
font-size: 14px;
color: #05c0d3;
text-decoration: none;
}
.news-content p{
font-size: 13px;
color: #fff;
}
.news-content p.news-head{
color: #08d2e4;
font-weight: bold;
font-style: normal;
font-size: 15px;
margin-bottom: 5px;
}
.news-content p.news-line{
font-size: 14px;
color: #fff;
}
.news-content{
position: absolute;
top: 10px;
width: 100%;
}
.news-content {
position: absolute;
top: 15px;
width: 95%;
left: 17px;
}
.news-inner{
margin-bottom: 15px;
position: relative;
}
.common-btn a{
display: inline-block;
font-size: 17px;
color: #fff;
background-image: linear-gradient(to right, #047d8a, #05919f, #06a7b5, #07c1d2, #08cbdd, #09d5e8 ,#09d5e8 ,#08cbdd, #07c1d2, #06a7b5,#05919f,#047d8a);
border-radius: 25px;
padding: 7px 25px;
margin: 2rem 0;
text-decoration: none;
cursor: pointer;
}
.excellence-sc {
margin: 2rem 0;
}
.excellence-inner{
text-align: center;
margin-top: 35px;
}
.excellence-inner h3{
color: #161e6d;
font-size: 16px;
margin-top: 7px;
margin-bottom: 25px;
}
.mobile-trading-sc{
background: #f2f6f7;
}
.mobile-trade-head h3{
font-size: 31px;
color: #000;
margin: 15px 0;
}
.mobile-content p{
font-size: 16px;
color: #404040;
line-height: 32px;
}
.mobile-trade-head h3{
font-size: 31px;
color: #000;
font-weight: bold;
text-align: center;
margin-bottom:3rem;
}
.mobile-img {
width: 31%;
display: inline-block;
vertical-align: top;
}
.mobile-content {
width: 68%;
display: inline-block;
vertical-align: top;
}
.mobile-content p.download-label{
font-size: 24px;
color: #404040;
}
.download-link{
display: inline-block;
}
.sign-in-sc h3{
font-size: 24px;
color: #404040;
font-weight: 600;
margin-bottom: 25px;
}
.sign-in-sc p{
font-size: 16px;
color: #404040;
margin-bottom: 25px;
}
.mobile-input {
font-size: 18px;
color: #000;
border: 1px solid #000000;
border-radius: 15px;
font-weight: 600;
width: 60%;
}
.mobile-input span {
border-right: 1px solid #000;
padding: 12px 10px;
}
.mobile-input input {
padding: 10px;
width: 82%;
border: none;
}
.free-account-reverse {
margin-top: 3rem;
}
.sign-icons p{
font-size: 16px;
color: #404040;
margin-top: 25px;
}
.sign-icons{
text-align: center;
}
.sign-icons img{
margin: 2rem auto;
display: block;
}
.attention-label{
background: #05c0d3;
color: #404040;
font-size: 16px;
font-weight: bold;
display: inline-block;
vertical-align: middle;
padding: 10px 10px;
width: 15%;
}
.attention-marquee{
width: 80%;
display: inline-block;
vertical-align: middle;
}
.attention-marquee span{
font-size: 14px;
color: #404040;
display: inline-block;
vertical-align: middle;
padding: 10px 0;
}
.attention-sc{
background: linear-gradient(to right, #05c0d3 20%, #efefef 0%);
}
.footer-bg{
background: #333333;
padding-top: 30px;
}
.footer-1{
width: 30%;
float: left;
}
.footer-1 p,.footer-1 p a{
font-size: 16px;
color: #fff;
text-decoration: none;
}
.footer-2{
width: 70%;
float: left;
}
.footer-2 > div{
width: 24%;
display: inline-block;
vertical-align: top;
}
.footer-2 ul {
list-style: none;
padding-left: 0;
}
.footer-2 ul li a{
color: #fff;
font-size: 14px;
text-decoration: none;
padding-left: 12px;
}
.footer-2 ul li {
margin-bottom: 7px;
}
.footer-2 > div h3{
font-size: 16px;
color: #16c1d5;
border-left:5px solid #05c0d3;
padding: 3px 0 3px 7px;
font-weight: bold;
}
.social-icons-ul li{
display: inline-block;
}
.footer-3{
border: 3px solid #fff;
border-width: 3px 0;
margin: 2rem 0;
}
.footer-3 p{
font-size: 14px;
color: #fff;
margin: 0;
padding: 7px 0;
text-align: center;
}
.footer-p{
font-size: 12px;
color: #fff;
padding: 10px 0;
}
.footer-4{
background: #05c0d3;
}
.know-sc {
padding: 2rem 0 0;
}
.free-account-sc {
padding: 2rem 0;
}
/*neha css ends*/
/*pooja css starts*/
.stock-header-main {
margin: 2rem 0;
padding-bottom: 10px;
}
.market-header {
width: 50%;
display: inline-block;
vertical-align: middle;
}
.market-header h2 {
font-size: 24px;
color: #003b74;
margin-left: 20px;
position: relative;
margin-bottom: 0;
font-style: italic;
font-weight: 600;
}
.market-header h2::before {
content: '';
background-color: #003b74;
width: 10px;
height: 34px;
display: inline-block;
position: absolute;
left: -20px;
top: -3px;
}
.infographic-date {
width: 49%;
display: inline-block;
text-align: right;
vertical-align: middle;
}
.infographic-date p {
margin-bottom: 0;
font-size: 15px;
color: #003b74;
}
.infographic-ul-main {
width: 29.8%;
display: inline-block;
}
.stocks-tab-main .fade:not(.show), .performance-main .fade:not(.show) {
opacity: 1;
}
.infographic-ul-main .nav-tabs {
border: 1px solid #ddd;
border-radius: 5px;
}
.infographic-ul-main .nav-tabs .nav-item {
margin-bottom: 0;
}
.infographic-ul-main .nav-tabs .nav-item.show .nav-link, .infographic-ul-main .nav-tabs .nav-link.active {
color: #495057;
background-color: #fff;
color: #fff;
background-color: #003b74;
}
.infographic-ul-main .nav-tabs .nav-link {
border: none;
border-radius: 0;
padding: 3px 7px;
color: #092247;
border-right: 1px solid #ddd;
font-size: 14px;
}
.infographic-ul-main .nav-tabs .nav-item:last-child .nav-link {
border-right: none;
}
.adv-dec-stat {
margin-top: 1rem;
}
.adv-dec-stat span {
font-size: 15px;
color: #333;
margin-right: 68px;
}
.adv-dec-stat .green-stat {
width: 55px;
height: 13px;
display: inline-block;
background-color: #078a00;
border-radius: 0;
margin-right: 10px;
vertical-align: middle;
}
.adv-dec-stat .grey-stat {
width: 55px;
height: 13px;
display: inline-block;
background-color: #dddee0;
border-radius: 0;
margin-right: 10px;
vertical-align: middle;
}
.adv-dec-stat .red-stat {
width: 55px;
height: 13px;
display: inline-block;
background-color: #f92122;
border-radius: 0;
margin-right: 10px;
vertical-align: middle;
}
.stocks-tab-main .tab-content {
margin-top: 3rem;
}
.market-value {
width: 69%;
display: inline-block;
text-align: right;
}
.market-value p {
margin-bottom: 0;
}
.market-value .market-img {
margin-right: 10px;
}
.market-value .market-value-head {
font-size: 20px;
color: #078a00;
font-weight: 600;
margin-right: 10px;
}
.market-value .market-value-span {
color: #078a00;
font-size: 15px;
font-weight: 600;
}
.market-nse-bse {
float: right;
margin-bottom: 1rem;
}
.market-ul-main {
clear: both;
}
.market-nse-bse .nav-tabs {
border: none;
}
.market-nse-bse .nav-tabs .nav-item {
margin-bottom: 0;
}
.market-nse-bse .nav-tabs .nav-item.show .nav-link, .market-nse-bse .nav-tabs .nav-link.active {
border: none;
border-radius: 0;
background-image: linear-gradient(to bottom, #19acd8, #15a5d3, #129ece, #1098c8, #0f91c3, #0b8bbe, #0984b8, #077eb3, #0377ad, #016fa7, #0168a1, #02619b);
color: #fff;
}
.market-nse-bse .nav-tabs .nav-link {
border: none;
border-radius: 0;
background-color: #d5d6d7;
color: #333;
font-size: 14px;
padding: 5px 10px;
}
.performance-ul .nav-tabs {
border-bottom: 2px solid #f5f5f5;
clear: both;
}
.performance-ul .nav-tabs .nav-item.show .nav-link, .performance-ul .nav-tabs .nav-link.active {
color: #003b74;
border-bottom: 2px solid #003b74;
padding-bottom: 5px;
background-color: transparent;
font-weight: 600;
}
.performance-ul .nav-tabs li a {
/*padding: 0 24px;*/
font-size: 15px;
color: #003b74;
border: none;
}
.stock-table .table thead th {
border: none;
border-bottom: 2px solid #aed1ff;
font-size: 15px;
color: #333;
white-space: nowrap;
}
.stock-table tbody tr td {
font-size: 14px;
color: #636363;
padding: 10px 10px;
border: none;
white-space: nowrap;
}
.stock-table tbody tr td a {
color: #0361df;
font-size: 14px;
}
.stock-table {
margin-top: 2rem;
}
.more-btn {
text-align: right;
width: 100%;
display: block;
font-size: 14px;
color: #05c0d3;
}
.stocks-tab-main.stock-ul .nav-tabs {
border-bottom: 2px solid #f5f5f5;
width: 55%;
margin: 0 auto;
}
.stock-table tbody tr td.text-green {
color: #159400;
}
.stock-table tbody tr td .stock-bar {
width: 55%;
display: inline-block;
position: relative;
margin: 0 auto 0;
text-align: center;
}
.stock-table tbody tr td .stock-bar span {
position: absolute;
left: 45%;
top: -18px;
width: auto;
}
.stock-ul .stock-table tbody tr td {
padding: 20px 10px;
}
.banner-sc {
margin: 2rem 0;
}
.banner-content {
width: 50%;
display: inline-block;
vertical-align: middle;
margin-right: 30px;
}
.banner-img {
width: 46%;
display: inline-block;
vertical-align: middle;
}
.banner-head h2 {
font-size: 48px;
color: #003b74;
font-weight: bold;
}
.banner-head h2 span {
font-weight: bold;
color: #05c0d3;
}
.banner-content p {
font-size: 14px;
color: #6c6c6c;
line-height: 24px;
margin: 2rem 0;
}
.ganpati-common-btn {
font-size: 17px;
color: #f9f9f9;
background-image: linear-gradient(to right, #048a97, #0597a5, #06a5b4, #07b3c3, #08c1d2, #07c3d6, #06c5d9, #05c7dd, #05bdd5, #07b3cc, #0baac4,
#0ea0bb);
padding: 12px 35px;
border-radius: 50px;
display: inline-block;
transition: all 1s ease-in-out;
}
.ganpati-common-btn:hover {
text-decoration: none;
color: #f9f9f9;
background-image: linear-gradient(to right, #09d4e7, #06cadf, #06c0d7, #07b7cf, #09adc6, #09adc6, #09adc6, #09adc6, #07b7cf, #06c0d7, #06cadf, #09d4e7);
}
.banner-pnl .slick-prev {
right: -40px;
top: 61%;
width: 45px;
height: 45px;
position: absolute;
left: auto;
box-shadow: 1px 1px 5px #ddd;
border-radius: 50px;
/*z-index: 1;*/
}
.banner-pnl .slick-next {
right: -40px;
width: 50px;
height: 50px;
position: absolute;
}
.about-content .heading-main h2 {
text-align: left;
}
.about-ganpati-sc {
background-color: #f5f5f5;
padding: 2rem 0;
margin: 1rem 0 2rem;
}
.about-content p {
font-size: 16px;
color: #666;
line-height: 26px;
margin: 2rem 0;
}
.financial-slider .slick-slide {
margin: 0 30px;
}
.financial-inner {
text-align: center;
margin-top: 2rem;
transition: all 0.5s ease-in-out;
padding: 20px;
border: 1px solid transparent;
}
.financial-inner:hover {
border: 1px solid #003b73;
}
.financial-inner img {
margin: 0 auto;
}
.financial-inner h3 {
font-size: 18px;
color: #003b74;
font-weight: 600;
margin-top: 1rem;
}
.financial-inner p {
font-size: 15px;
color: #666666;
line-height: 22px;
margin: 1rem 0;
}
.financial-inner .more-btn {
text-align: center;
font-size: 16px;
}
.financial-service-sc {
margin: 2rem 0;
}
.financial-slider .slick-next{
left: 50%;
right: auto;
bottom: -50px;
top: auto;
width: 30px;
}
.financial-slider .slick-prev {
left: 46%;
right: auto;
bottom: -50px;
top: auto;
width: 30px;
}
.nse-bse-sc {
background-image: linear-gradient(to bottom, #19acd8, #15a5d3, #129ece, #1098c8, #0f91c3, #0b8bbe, #0984b8, #077eb3, #0377ad, #016fa7, #0168a1,
#02619b);
margin: 4rem 0 2rem;
}
.bse {
background-color: transparent;
text-align: center;
color: #fff;
width: 5%;
float: left;
}
.nse {
background-color: transparent;
text-align: center;
color: #fff;
width: 5%;
float: left;
}
.trigger {
background: transparent;
width: 89%;
float: left;
margin-top: 6px;
}
.trigger .marquee-content {
color: #fff;
margin-right: 20px;
font-size: 14px;
}
.trigger .marquee-content img {
margin-right: 10px;
}
.trigger .marquee-content .col-red {
color: #f11111;
}
.trigger .marquee-content .col-green {
color: #0be805;
}
.bse p, .nse p {
padding: 5px 0 5px;
border-top: 5px solid transparent;
margin-bottom: 0;
}
.common-bse-nse .active {
border-top: 5px solid #003b74;
}
.global-main {
width: 16%;
margin-right: 50px;
display: inline-block;
}
.global-main:last-child {
margin-right: 0;
}
.global-main:nth-child(2n+1) {
border-bottom: 3px solid #082847;
}
.global-main:nth-child(2n) {
border-bottom: 3px solid #9be6ed;
}
.global-sc {
margin: 2rem 0;
}
.global-arrow {
width: 10%;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.global-content {
width: 81%;
display: inline-block;
vertical-align: middle;
}
.global-content h5 {
font-size: 13px;
color: #666;
}
.global-content h3 {
font-size: 24px;
color: #003b74;
font-weight: bold;
}
.global-content h6 {
color: #7fdfc7;
font-size: 14px;
}
.infographic-sc .banner-head h2 {
text-align: center;
padding: 35px 0;
background-image: url(../images/Market-overview.png);
background-repeat: no-repeat;
background-position: top center;
}
.market-main-sc {
background-image: url(../images/Market_bg.png);
background-repeat: no-repeat;
background-position: center 40%;
}
.ganpati-header {
background-color: #003b73;
border-top: 8px solid #05c0d3;
position: fixed;
width: 100%;
z-index: 1;
top: 0;
}
.topper {clear:both; height:120px;}
.left-menu {
width: 45%;
display: inline-block;
vertical-align: top;
}
.left-ul-one {
padding-left: 0;
margin: 10px 0;
}
.left-ul-one li {
list-style-type: none;
display: inline-block;
margin-right: 16px;
}
.left-ul-one li:last-child {
margin-right: 0;
}
.left-ul-one li a {
font-size: 13px;
color: #fff;
}
.left-ul-one li span {
margin-right: 5px;
}
/* .left-ul-two {
padding-left: 0;
margin: 25px 0 10px;
} */
.left-ul-two li,
.right-menu-two li {
display: inline-block;
margin-right: 22px;
}
.left-ul-two li:last-child,
.right-menu-two li:last-child {
margin-right: 0;
}
.left-ul-two li a,
.right-menu-two li a {
font-size: 14px;
color: #05c0d3;
}
.logo-pnl {
width: 10%;
display: inline-block;
vertical-align: top;
position: relative;
}
.logo-pnl::before {
content: '';
background-image: url(../images/Logo.png);
background-repeat: no-repeat;
width: 145px;
/* height: 158px; */
height: 134px;
display: block;
position: absolute;
/* top: -10px; */
top: -19px;
left: -99px;
box-shadow: 0 0 10px #ddd;
}
.right-menu {
width: 39%;
display: inline-block;
vertical-align: top;
}
.search-pnl input {
border: 1px solid #fff;
padding: 7px 10px;
border-radius: 50px;
width: 100%;
font-size: 14px;
background-color: transparent;
color: #fff;
}
.search-pnl .search-img {
position: absolute;
right: 2px;
top: 1px;
}
.right-menu {
width: 44%;
display: inline-block;
vertical-align: top;
text-align: right;
}
.right-menu ul {
padding-left: 0;
margin: 10px 0;
}
.right-menu ul li {
display: inline-block;
}
/* .right-menu ul li select {
border: 1px solid #fff;
background-color: transparent;
color: #fff;
border-radius: 3px;
padding: 4px 30px 4px 0px;
} */
.dropbtn
{
/* background-color:white; */
color: black;
padding: 6px;
font-size: 14px;
border: none;
line-height:2;
}
.dropdown
{
position: relative;
display: inline-block;
line-height:1.5;
}
.dropdown-content
{
display: none;
position: absolute;
background-color: white;
min-width: 180px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a
{
color: black;
padding: 5px 16px;
text-decoration: none;
display: block;
text-align:left;
}
.dropdown-content a:hover {background-color: #05c0d3;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #ffffff;}
.search-pnl {
width: 60%;
position: relative;
margin-right: 10px;
}
.right-menu-one li a {
font-size: 14px;
color: #fff;
background-color: #05c0d3;
padding: 8px 20px 8px 12px;
border-radius: 50px;
}
.right-menu-one li a span {
margin-right: 15px;
}
.right-menu .right-menu-two {
padding-left: 0;
margin: 35px 0 10px;
}
.mob-search {
display: none;
}
.show-991 {
display: none;
}
/*pooja css ends*/
@media(min-width:992px) and (max-width:1199.90px){
.heading-main h2{
font-size: 36px;
}
.common-tab .nav-tabs li a{
font-size: 15px;
}
.news-content p{
font-size: 12px;
margin-bottom: 0;
}
.news-content p.news-head{
font-size: 14px;
}
.news-content p.news-line{
font-size: 13px;
}
.news-content a{
font-size: 13px;
}
.news-content{
top:10px;
left: 15px;
}
.common-btn a{
font-size: 16px;
margin:1rem 0;
}
.excellence-inner h3{
font-size: 15px;
}
.mobile-trade-head h3{
font-size: 28px;
}
.mobile-content p{
font-size: 15px;
}
.mobile-content p.download-label{
font-size: 22px;
}
.mobile-input{
font-size: 18px;
width: 70%;
}
.sign-icons p{
font-size: 15px;
}
.attention-label{
width: 18%;
}
.footer-1 p, .footer-1 p a{
font-size: 15px;
}
.footer-2 > div h3{
font-size: 15px;
}
.footer-2 ul li a{
font-size: 13px;
}
.footer-3 p{
font-size: 13px;
}
/*pooja responsive css starts*/
.banner-img {
width: 42%;
}
.left-ul-one li {
margin-right: 10px;
}
.left-ul-one li a {
font-size: 12px;
}
.left-ul-one li span img {
width: 40px;
}
.left-ul-two li {
margin-right: 10px;
}
.left-ul-two li a {
font-size: 13px;
}
.logo-pnl::before {
width: 145px;
}
.search-pnl {
width: 55%;
}
.right-menu-two li {
margin-right: 10px;
}
.right-menu-two li a {
font-size: 13px;
}
.banner-head h2 {
font-size: 40px;
}
.banner-pnl .slick-next {
width: 45px;
height: 45px;
right: -20px;
}
.banner-pnl .slick-prev {
width: 42px;
height: 42px;
right: -20px;
top: 62%;
}
.financial-inner p {
font-size: 13px;
}
.financial-inner .more-btn {
font-size: 15px;
}
.financial-slider .slick-prev {
left: 45%;
}
.market-header h2 {
font-size: 22px;
}
.performance-ul .nav-tabs li a {
padding: 0 15px;
}
.infographic-ul-main {
width: 35.8%;
}
.market-value {
width: 63%;
}
.adv-dec-stat span {
margin-right: 34px;
}
.global-main {
margin-right: 42px;
}
.global-content {
width: 80%;
}
/*pooja responsive css ends*/
}
@media(max-width: 991px) {
/*pooja responsive css starts*/
.logo-pnl {
width: 15%;
}
.right-menu {
/* width: 84%; */
width: 104%;
}
.search-pnl input{
width: 68%;
}
.hide-991 {
display: none;
}
.show-991 {
display: block;
}
.logo-pnl::before {
background-size: 100% 100%;
width: 145px;
height: 145px;
}
.mobile-right-menu .left-ul-one {
/* width: 50%; */
display: inline-block;
/*vertical-align: middle;*/
}
.mobile-right-menu .mobile-menu {
width: 9%;
display: inline-block;
vertical-align: middle;
}
.DesktopBody {
background-color: rgba(0,0,0,.4);
position: fixed;
width: 100%;
height: 100%;
z-index: 1;
}
.mobile-menu .menu-hide{
position: fixed;
height: 100%;
width: 320px;
left: auto;
top: 0;
overflow: auto;
right: -767px;
background: #023d7a;
padding: 0;
margin: 0;
z-index: 2;
transition: all 0.6s ease-in-out;
}
.mobile-menu .menu-open{
right: 0;
transition: all 0.6s ease-in-out;
}
.menu-bar {
float: right;
padding-top: 0px;
color: #05c0d3;
font-size: 22px;
}
.menu-hide ul li a {
color: #fff;
padding: 0px 0px;
display: block;
text-align: left;
}
.menu-hide ul {
/*margin-top: 40px;*/
padding-left: 0;
/*changes by chetan c*/
}
/*changes by chetan c for mobile view (menu section )*/
@media (max-width: 991.9px) {
.mob-sub-menu {
margin-top: 0 !important;
border-radius: 4px;
}
.sub-menu-click:after,
.sub-menu-click1:after {
content: '\f067';
font-family: FontAwesome;
position: absolute;
top: 8px;
right: 8px;
}
}
/*#content-desktop {display: block;}
#content-mobile {display: none;}
@media screen and (max-width: 768px) {
#content-desktop {display: none;}
#content-mobile {display: block;}
}
*/
/*end*/
.HemburgerIconCLick-close {
color: #fff;
padding-left: 20px;
font-size: 20px;
margin-top: 0;
display: block;
float: right;
padding: 8px 20px;
}
.menu-hide ul li {
color: #fff;
padding: 8px 10px;
display: block;
text-align: left;
border-bottom: 1px solid #89a0b8;
margin: 0 19px;
}
.mob-sub-menu li:last-child {
border-bottom: none;
}
.mob-sub-menu {
margin-top: 0 !important;
background-color: #064980;
border-radius: 4px;
}
.mob-sub-menu li {
position: relative;
padding-left: 20px;
}
.mob-sub-menu li:before {
content: '';
width: 5px;
height: 5px;
background: #fff;
display: block;
position: absolute;
left: 0px;
top: 18px;
border-radius: 50px;
}
.mob-sub-menu, .mob-sub-menu1 {
display: none;
}
.sub-menu-click:after,
.sub-menu-click1:after {
content: '\f067';
font-family: FontAwesome;
position: absolute;
top: 8px;
right: 8px;
}
.menu-hide ul.mob-sub-menu1 {
margin-top: 0;
}
.sub-menu-click, .plus {
position: relative;
}
.plus:after {
content: '\f068';
font-family: FontAwesome;
position: absolute;
top: 5px;
right: 8px;
}
/*pooja responsive css ends*/
}
@media(min-width:768px) and (max-width:991.90px){
.heading-main h2{
font-size: 32px;
}
.common-tab .nav-tabs li a{
font-size: 14px;
}
.news-content p{
font-size: 12px;
margin-bottom: 0;
}
.news-content p.news-head{
font-size: 14px;
}
.news-content p.news-line{
font-size: 13px;
}
.news-content a{
font-size: 13px;
}
.news-content{
top:10px;
left: 15px;
}
.common-btn a{
font-size: 16px;
margin:1rem 0;
}
.excellence-inner h3{
font-size: 15px;
}
.mobile-trade-head h3{
font-size: 28px;
}
.mobile-content p{
font-size: 15px;
}
.mobile-content p.download-label{
font-size: 20px;
}
.mobile-input{
font-size: 18px;
width: 95%;
}
.sign-icons p{
font-size: 14px;
}
.attention-label{
width: 22%;
font-size: 15px;
}
.attention-marquee{
width: 77%;
}
.footer-2 > div{
width: 32%;
}
.footer-1{
width: 32%;
}
.footer-2{
width: 68%;
}
.footer-1 p, .footer-1 p a{
font-size: 15px;
}
.footer-2 > div h3{
font-size: 15px;
}
.footer-2 ul li a{
font-size: 13px;
}
.footer-3 p{
font-size: 13px;
}
.news-left,.news-right{
width: 70%;
margin-right: auto;
margin-left: auto;
display: block;
}
.news-right .news-inner{
margin-bottom: 30px;
}
.mobile-content{
width: 100%;
}
.mobile-img{
width: 35%;
margin-left: auto;
margin-right: auto;
display: block;
text-align: center;
margin-bottom: 30px;
}
.mobile-img img{
margin-left: auto;
margin-right: auto;
display: block;
text-align: center;
}
.sign-in-sc h3{
font-size: 21px;
}
.sign-in-sc p{
font-size: 15px;
}
/*pooja responsive css starts*/
.banner-content {
width: 48%;
}
.banner-img {
width: 40%;
}
.banner-head h2 {
font-size: 30px;
}
.banner-content p {
margin: 1rem 0;
}
.banner-content p {
font-size: 13px;
text-align: justify;
}
.ganpati-common-btn {
font-size: 14px;
}
.banner-pnl .slick-next {
right: -10px;
}
.banner-pnl .slick-prev {
right: -10px;
top: 70%;
}
.about-content p {
font-size: 13px;
text-align: justify;
}
.financial-inner h3 {
font-size: 16px;
}
.financial-inner p {
font-size: 13px;
line-height: 20px;
}
.financial-inner .more-btn {
font-size: 15px;
}
.financial-slider .slick-prev {
left: 43%;
}
.nse, .bse {
width: 7%;
font-size: 14px;
}
.trigger {
width: 86%;
}
.market-header h2 {
font-size: 21px;
}
.performance-ul .nav-tabs {
width: 65%;
margin: 0 auto;
}
.stock-table {
margin-top: 1rem;
}
.global-sc {
margin: 0rem 0;
}
.global-main {
width: 30%;
margin-right: 21px;
margin-bottom: 1rem;
text-align: center;
}
.global-main:nth-child(3) {
margin-right: 0;
}
.global-content {
width: 80%;
}
.stocks-tab-main.stock-ul .nav-tabs {
width: 83%;
}
.stock-table .table thead th {
font-size: 14px;
}
.market-main-sc {
background-position: center 32%;
}
/*pooja responsive css ends*/
}
@media(min-width:481px) and (max-width:767.90px){
.logo-pnl::before{
top: 25px;
left: -67px;
}
.heading-main h2{
font-size: 30px;
}
.common-tab .nav-tabs li a{
font-size: 14px;
}
.news-content p{
font-size: 12px;
margin-bottom: 0;
}
.news-content p.news-head{
font-size: 14px;
}
.news-content p.news-line{
font-size: 13px;
}
.news-content a{
font-size: 13px;
}
.news-content{
top:10px;
left: 15px;
}
.common-btn a{
font-size: 15px;
margin:1rem 0;
}
.excellence-inner h3{
font-size: 15px;
}
.mobile-trade-head h3{
font-size: 28px;
margin-bottom: 1rem;
}
.mobile-content p{
font-size: 15px;
}
.mobile-content p.download-label{
font-size: 20px;
}
.mobile-input{
font-size: 18px;
width: 95%;
}
.sign-icons p{
font-size: 14px;
}
.attention-label{
width: 22%;
font-size: 15px;
}
.attention-marquee{
width: 77%;
}
.footer-2 > div{
width: 32%;
}
.footer-1{
width: 100%;
}
.footer-2{
width: 100%;
}
.footer-1 p, .footer-1 p a{
font-size: 15px;
}
.footer-2 > div h3{
font-size: 15px;
}
.footer-2 ul li a{
font-size: 13px;
}
.footer-3 p{
font-size: 13px;
word-break: break-all;
}
.footer-p{
padding: 5px 0;
text-align: center !important;
}
.news-left,.news-right{
width: 90%;
margin-right: auto;
margin-left: auto;
display: block;
}
.footer-1 > div br {
display: none;
}
.news-right .news-inner{
margin-bottom: 30px;
}
.mobile-content{
width: 100%;
}
.mobile-img{
width: 55%;
margin-left: auto;
margin-right: auto;
display: block;
text-align: center;
margin-bottom: 30px;
}
.mobile-img img{
margin-left: auto;
margin-right: auto;
display: block;
text-align: center;
}
.sign-in-sc h3{
font-size: 21px;
}
.sign-in-sc p{
font-size: 15px;
}
.footer-1 > div {
width: 48%;
display: inline-block;
vertical-align: top;
margin-right: 1%;
}
.free-account-reverse {
margin-top: 2rem;
flex-direction: column-reverse;
}
.free-account-reverse img{
margin:0 auto;
text-align: center;
display: block;
}
/*header responsive*/
.search-pnl input {
font-size: 12px;
}
.search-pnl {
width: 57%;
}
.search-pnl .search-img {
/* width: 17%; */
width: 10%;
}
.right-menu {
/* width: 74%; */
width: 102%;
}
.logo-pnl {
width: 25%;
}
.logo-pnl::before {
width: 135px;
height: 135px;
}
.mobile-right-menu .left-ul-one {
width: 60%;
}
/*pooja responsive css starts*/
.banner-content {
width: 100%;
}
.banner-img {
width: 40%;
/* margin: 0 auto; */
margin: 88px auto;
}
.banner-head h2 {
font-size: 30px;
}
.banner-content p {
margin: 1rem 0;
}
.banner-content p {
font-size: 13px;
text-align: justify;
}
.ganpati-common-btn {
font-size: 14px;
}
.banner-pnl .slick-next {
/* right: 0px; */
top: 35%;
}
.banner-pnl .slick-prev {
/* right: 0px; */
top: 50%;
}
.about-content p {
font-size: 13px;
text-align: justify;
}
.financial-inner h3 {
font-size: 16px;
}
.financial-inner p {
font-size: 13px;
line-height: 20px;
}
.financial-inner .more-btn {
font-size: 15px;
}
.financial-slider .slick-prev {
left: 41%;
}
.nse, .bse {
width: 7%;
font-size: 14px;
}
.trigger {
width: 86%;
}
.market-header h2 {
font-size: 19px;
}
.performance-ul .nav-tabs {
width: 86%;
margin: 0 auto;
}
.stock-table {
margin-top: 1rem;
}
.global-sc {
margin: 0rem 0;
}
.global-main {
width: 30%;
margin-right: 21px;
margin-bottom: 1rem;
text-align: center;
}
.global-main:nth-child(3) {
margin-right: 0;
}
.global-content {
width: 80%;
}
.stocks-tab-main.stock-ul .nav-tabs {
width: 100%;
}
.stock-btn {
margin-top: 10px;
}
.stock-table .table thead th {
font-size: 14px;
}
.market-main-sc {
background-position: center 32%;
}
.banner-main {
display: flex !important;
flex-direction: column-reverse;
}
.about-img img {
width: 50%;
margin: 0 auto;
display: block;
}
.financial-slider .slick-slide {
margin: 0 10px;
}
.infographic-ul-main {
width: 37.8%;
}
.market-value {
width: 61%;
}
.adv-dec-stat span {
margin-right: 27px;
}
.stock-header-main {
margin: 2rem 0rem 1rem;
}
.global-content h3 {
font-size: 20px;
}
.performance-ul .nav-tabs li a {
padding: 0 16px;
}
/*pooja responsive css ends*/
}
@media(min-width:481px) and (max-width:575.90px){
.excellence-inner{
margin-top: 10px;
}
.attention-label{
width: 33%;
}
.attention-marquee
{
width: 66%;
}
.attention-sc {
background: linear-gradient(to right, #05c0d3 35%, #efefef 0%);
}
.footer-2 > div {
width: 49%;
}
/*pooja responsive css starts*/
.market-value {
width: 56%;
}
.infographic-ul-main {
width: 42.8%;
}
.adv-dec-stat span {
margin-right: 17px;
font-size: 13px;
}
.global-main {
width: 29%;
}
.global-content {
width: 78%;
}
.performance-ul .nav-tabs li a {
padding: 0 8px;
}
.performance-ul .nav-tabs {
width: 69%;
}
/*pooja responsive css ends*/
}
@media(min-width:320px) and (max-width:480.90px){
.logo-pnl::before {
top: 12px;
left: -3px;
}
.heading-main h2{
font-size: 25px;
}
.left-ul-one li a {
font-size: 10px;
color: #fff;
}
.common-tab .nav-tabs li a{
padding:0 10px;
}
.common-tab .nav-tabs li a{
font-size: 14px;
}
.news-content p{
font-size: 12px;
margin-bottom: 0;
}
.news-content p.news-head{
font-size: 14px;
margin-bottom: 0;
}
.news-content p.news-line{
font-size: 12px;
}
.news-content a{
font-size: 13px;
}
.news-content{
top:5px;
left: 7px;
}
.excellence-inner{
margin-top: 5px;
}
.common-btn a{
font-size: 15px;
margin:1rem 0;
}
.excellence-inner h3{
font-size: 15px;
}
.mobile-trade-head h3{
font-size: 22px;
margin-bottom: 1rem;
}
.mobile-content p{
font-size: 14px;
line-height: 25px;
}
.mobile-content p.download-label{
font-size: 17px;
}
.mobile-input{
font-size: 14px;
width: 100%;
}
.mobile-input input{
padding: 10px 5px;
}
.sign-icons p{
font-size: 14px;
}
.attention-label{
width: 30%;
font-size: 14px;
}
.attention-marquee{
width: 68%;
}
.footer-2 > div{
width: 100%;
}
.footer-2 ul li {
margin-bottom: 5px;
}
.footer-3{
margin:1rem 0;
}
.footer-1{
width: 100%;
}
.footer-2{
width: 100%;
}
.footer-1 p, .footer-1 p a{
font-size: 15px;
}
.footer-2 > div h3{
font-size: 15px;
}
.footer-2 ul li a{
font-size: 13px;
}
.footer-3 p{
font-size: 12px;
word-break: break-all;
}
.footer-p{
padding: 5px 0;
text-align: center !important;
}
.news-left,.news-right{
width: 100%;
margin-right: auto;
margin-left: auto;
display: block;
}
.footer-1 > div br {
display: none;
}
.news-right .news-inner{
margin-bottom: 30px;
}
.mobile-content{
width: 100%;
}
.mobile-img{
width: 55%;
margin-left: auto;
margin-right: auto;
display: block;
text-align: center;
margin-bottom: 30px;
}
.mobile-img img{
margin-left: auto;
margin-right: auto;
display: block;
text-align: center;
}
.sign-in-sc h3{
font-size: 21px;
}
.sign-in-sc p{
font-size: 15px;
}
.footer-1 > div {
width: 100%;
display: inline-block;
vertical-align: top;
margin-right: 0;
}
.free-account-reverse {
margin-top: 2rem;
flex-direction: column-reverse;
}
.free-account-reverse img{
margin:0 auto;
text-align: center;
display: block;
}
/*header responsive*/
.search-pnl input {
font-size: 12px;
display: none;
}
.search-pnl {
width: 57%;
clear: both;
float: right;
}
.search-pnl .search-img {
width: 25%;
}
.search-pnl .search-img {
right: auto;
left: -20px;
top: 0px;
}
.mobile-right-menu .left-ul-one li {
margin-right: 0;
display: -webkit-inline-box;
}
.mobile-right-menu .left-ul-one li span img {
width: 70%;
display: inline-block;
}
.right-menu {
padding-inline: 10px;
}
.logo-pnl {
width: 31%;
}
.logo-pnl::before {
width: 100px;
height: 100px;
}
.mobile-right-menu .left-ul-one {
width: 85%;
}
.mob-search {
float: right;
position: absolute;
text-align: right;
right: 10px;
z-index: 1;
display: block;
}
.mob-search input {
border: 4px solid rgb(5, 192, 211);
width: 100%;
padding: 5px 25px;
border-radius: 50px;
}
.mob-search button {
position: absolute;
top: 8px;
right: 10px;
border: none;
background:
transparent;
}
/*pooja responsive css starts*/
.banner-content {
width: 100%;
}
.banner-img {
width: 40%;
/* margin: 0 auto; */
margin: 30%;
}
.banner-head h2 {
font-size: 25px;
}
.banner-content p {
margin: 1rem 0;
}
.banner-content p {
font-size: 13px;
text-align: justify;
}
.ganpati-common-btn {
font-size: 14px;
}
.banner-pnl .slick-next {
/* right: 0px; */
top: auto;
width: 35px;
height: 35px;
bottom: 5%;
}
.banner-pnl .slick-prev {
/* right: 0px; */
top: auto;
width: 35px;
height: 35px;
bottom: -20px;
}
.about-content p {
font-size: 13px;
text-align: justify;
}
.financial-inner h3 {
font-size: 16px;
}
.financial-inner p {
font-size: 13px;
line-height: 20px;
}
.financial-inner .more-btn {
font-size: 15px;
}
.financial-slider .slick-prev {
left: 36%;
}
.nse, .bse {
width: 11%;
font-size: 14px;
}
.trigger {
width: 78%;
}
.market-header, .infographic-date {
width: 100%;
}
.market-header h2 {
font-size: 18px;
}
.performance-ul .nav-tabs {
width: 100%;
margin: 0 auto;
}
.stock-table {
margin-top: 1rem;
}
.global-sc {
margin: 0rem 0;
}
.global-main {
width: 46%;
margin-right: 21px;
margin-bottom: 1rem;
text-align: center;
}
.global-main:nth-child(2n) {
margin-right: 0;
}
.global-content {
width: 80%;
}
.stocks-tab-main.stock-ul .nav-tabs {
width: 100%;
}
.stock-btn {
margin-top: 10px;
}
.stock-table .table thead th {
font-size: 14px;
}
.market-main-sc {
background-position: center 26%;
background-size: 65%;
}
.banner-main {
display: flex !important;
flex-direction: column-reverse;
}
.about-img img {
width: 50%;
margin: 0 auto;
display: block;
}
.financial-slider .slick-slide {
margin: 0 10px;
}
.infographic-ul-main {
width: 57.8%;
}
.market-value {
width: 100%;
text-align: left;
}
.adv-dec-stat span {
margin-right: 15px;
}
.stock-header-main {
margin: 2rem 0rem 1rem;
}
.global-content h3 {
font-size: 18px;
}
.performance-ul .nav-tabs li a {
padding: 0 10px;
}
.performance-ul.stock-ul .nav-tabs li a {
text-align: center;
}
.performance-ul.stock-ul .nav-tabs .nav-item {
width: 25%;
word-break: break-word;
}
/*pooja responsive css ends*/
}
@media(min-width:320px) and (max-width:359.90px){
.common-tab .nav-tabs li a{
font-size: 13px;
padding: 0 9px;
}
.news-content a{
font-size: 12px;
display: block;
}
.heading-main h2 span{
display: inline-block;
}
.news-content p.news-line{
font-size: 11px;
}
.news-content p.news-head{
font-size: 13px;
}
.news-content p{
font-size: 11px;
}
.heading-main h2{
font-size: 22px;
}
.mobile-trade-head h3{
font-size: 20px;
}
.mobile-input input{
width: 78%;
}
.footer-1 p, .footer-1 p a{
font-size: 14px;
}
/*pooja responsive css starts*/
.infographic-ul-main {
width: 65.8%;
}
.adv-dec-stat span {
margin-right: 7px;
font-size: 13px;
}
.performance-ul .nav-tabs li a {
padding: 0 7px;
font-size: 14px;
}
.global-main {
margin-right: 18px;
}
.global-content {
width: 79%;
}
/*pooja responsive css ends*/
}