
@media all and (min-width:320px) and (max-width: 1199px) {


}
/*320-1199 End*/



@media all and (min-width:320px) and (max-width: 767px) {
.navbartoplogo .logo {
    margin-right: 4px;
}
.navbartoplogo span {
    font-size: 14px;
    line-height: 15px;
}
.navbartopright ul.navbar-nav li {
    margin-left: 10px;
}
.topheaderlist ul li {
    font-size: 11px;
    line-height: 18px;
    padding: 0px 7px 0px 7px;
}
.navbartop {
    margin-bottom: 8px;
}
.card-row {
    gap: 0px;
    flex-wrap: wrap;
}
.portfoliorow {
    flex-wrap: wrap;
    gap: 0px;
}
.tabrow-left .nav.nav-tabs .nav-item .nav-link {
    font-size: 12px;
    min-width: auto;    
    padding: 7px 10px;
}
.tabrow-left ul.nav.nav-tabs {
    border-radius: 20px;
}
.tabrow-search .input-group .form-control {
    min-width: 100%;
}
.tabrow {
    flex-wrap: wrap;
}
.tabrow-right {
    flex-wrap: wrap;
    gap: 15px 15px;
    margin-top: 15px;
}
.topheaderlist ul {
    flex-wrap: wrap;
}
.tabledesign .table tbody tr td {
    font-size: 12px;
    padding: 14px 16px;
    line-height: 16px;
}
.tabledesign .table thead tr th {
    font-size: 12px;
    padding: 12px 20px;
    line-height: 16px;
}
.btn.btn-view {
    font-size: 12px;
    padding: 6px 12px;
    line-height: 16px;
}
.btn.btn-sell {
    font-size: 12px;
    line-height: 20px;
    min-width: 84px;
    padding: 6px 11px;
}
.cardbox.m-0 {
    margin-bottom: 18px !important;
}
.chargesview {
    flex-wrap: wrap;
}
.colrow6 {
    width: 100%;
}
.newslist-heading {
    flex-wrap: wrap;
}
.newslist-heading-left ul li::after {
    right: 3px;
    top: 7px;
    width: 4px;
    height: 4px;
}
.newslist-heading-left ul li {
    padding-right: 10px;
}
.newslist-invest {
    flex-wrap: wrap;
}
.corpcaplist-mainimg {
    flex-wrap: wrap;
}
.newsliston-left {
    flex-wrap: wrap;
}
.chartdemo-top {
    flex-wrap: wrap;
}
.chartdemo-top-left h2 {
    font-size: 17px;
    line-height: 20px;
}
.chartdemo-topgrid {
    flex-wrap: wrap;
    gap: 10px;
}
.chartdemo-topgrid-left {
    flex-wrap: wrap;
    gap: 10px;
}
.chartsdemo-img ul.tabs li a {
    font-size: 8px;
    font-weight: 400;
    line-height: 14px;
    padding: 3px 7px;
}
.runai .chartsdemomain-left {
    width: 100%;
}
.runai .chartsdemomain-right {
    width: 100%;
}
.colrow30 {
    width: 100%;
}
.colrow70 {
    width: 100%;
}
}
/*320-767 End*/

@media all and (min-width:768px) and (max-width:1199px) {

}

/*768-1199 End*/

@media all and (min-width:768px) and (max-width: 991px) {
.runai .chartsdemomain-left {
    width: 100%;
}
.runai .chartsdemomain-right {
    width: 100%;
}
}

@media all and (min-width:992px) and (max-width: 1024px) {

}

/*992-1024 End*/


@media all and (min-width:768px) and (max-width: 1024px) {
.tabrow-search .input-group .form-control {
    min-width: 170px;
    max-width: 170px;
}
.tabrow-right {
    gap: 14px;
}
.tabrow-left .nav.nav-tabs .nav-item .nav-link {
    padding: 6px 16px;
    min-width: auto;
}
.tabledesign .table tbody tr td {
    font-size: 12px;
    padding: 14px 16px;
    line-height: 16px;
}
.tabledesign .table thead tr th {
    font-size: 12px;
    padding: 12px 20px;
    line-height: 16px;
}
.btn.btn-view {
    font-size: 12px;
    padding: 6px 12px;
    line-height: 16px;
}
.btn.btn-sell {
    font-size: 12px;
    line-height: 20px;
    min-width: 84px;
    padding: 6px 11px;
}
.card-row {
    gap: 0px 16px;
    flex-wrap: wrap;
}
.cardbox {
    width: 31.33%;
    margin-bottom: 18px !important;
}
.tablechargesview ul {
    padding: 0px;
}
.tablechargesview ul li label {
    width: 63px;
}
.colrow6 {
    width: 100%;
}
}

/*768-1024 End*/

@media all and (min-width:1025px) and (max-width: 1199px) {
.card-row {
    gap: 0px 16px;
    flex-wrap: wrap;
}
.cardbox {
    width: 31.33%;
    margin-bottom: 18px !important;
}
}
/*1025-1199 End*/

@media all and (min-width:1200px) and (max-width: 1280px) {

}
/*1200-1280 End*/


@media all and (min-width:1200px) and (max-width: 1639px) {

}
/*1200-1439 End*/
@media all and (min-width:1440px) and (max-width: 1900px) {

}
/*1440-1900 End*/