@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1170px;
}
}
/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/
@media (max-width:1320px) {
    .navbar-brand>img {height: 45px;}
    .nav-menu li a, .nav-menu li button {font-size: 14px;}
    .side-sub-menu li a {font-size: 12px;}
    /*=================== Dashboard ====================*/
    .table-reponsive>table td {font-size: 14px;}
    .portfolio-box ul li {margin-right: 10px;}
    .portfolio-dec h6 {font-size: 13px;}  
    .portfolio-dec h5 {font-size: 13px;}  
    .contact-to-upline {padding: 7px 12px;}
    .navbar-light .navbar-nav .notification-nav-item {
        margin-right: 18px;
        margin-left: 18px;}
        .navbar-expand-lg .title-navbar h4 { font-size: 16px;}
    .highlightlisttop {left: 17.5%;}
    .content.fullBox .highlightlisttop {left: 32.5%;}
    .highlightlisttop p {font-size: 13px;}
    .filter-form-box .form-group h6 {
        font-size: 14px;}


    
}
@media (max-width:1199px) {
    .navbar-brand {margin-right: 0px;}
    .navbar-brand>img {height: 45px;}
    .navbar-form {width: 270px;}
	.select-location { width: 170px;}
    .navbar-form .form-control {font-size: 12px;}
    .navbar-form .btn {}
    .navbar-form .select-location .form-icon {font-size: 14px;bottom: 10px;}
    .navbar-expand-lg .navbar-nav .nav-link {}
    .navbar-expand-lg .navbar-nav .nav-link.login img { margin-right: 0px;}
    .navbar-expand-lg .download-app-nav .nav-link img {width: 35px;}
    .navbar-expand-lg .download-app-nav .nav-link span {font-size: 8px;}
	.navbar-expand-lg .mobile-nav .nav-link {  }
    .nav-menu li a, .nav-menu li button { font-size: 14px;padding: 8px 15px 8px 42px;}
    .nav-menu li a>img, .nav-menu li button>img {width: 14px;height: 14px;}
    .side-sub-menu li a {font-size: 12px;}
    .foter-search .navbar-form .btn {padding: 5px 20px; height: 45px;}
    .fotr-media p a {margin-bottom: 5px;padding-right: 0px;display: block;}
    
      /*=================== Inner pages ====================*/
	   /*====================== Inner page ================*/
	.inr-title h3 { font-size: 24px;}
	.inr-wrap-banner>img { height: 240px;}
    

    /*=================== Login ====================*/
    .form-box-width {width: 85%;}
    .login-img {}
    .navbar-light .back-navbar-text {margin-left: 80px;}
    .form-box .login-white-box {}
    .form-box h3 {font-size: 22px;}
    .otp-box .title h4 {font-size: 16px;}
    .otp-box p {font-size: 13px;}
    .signp-with-social a {}
        .form-box .skip-btn { padding: 10px 10px;}
    .form-box .form-group label {font-size: 12px;}
    
    /*================== dashboard ==================*/
    .media-dashboard {padding: 8px;}
    .media-dashboard .media-left{padding-right: 5px;}
    .media-dashboard .media-body{padding-left: 5px;}
    .dashboard-icon {width: 50px;height: 50px;padding: 10px;}
    .media-dashboard h6 {font-size: 13px;}
    .media-dashboard h4 {font-size: 22px;}
    .chart-card .card-header h6 {font-size: 15px;}
    .test-card-body {padding: 10px;}
    .test-card-body h6 {font-size: 13px;}
    .test-card-body .btn-sm {padding: 5px 15px;}
    .transaction-box h6 .btn-success { margin-left: 4px;}
    .test-card-body .btn {font-size: 11px;padding: 7px 10px;}
     .rowOdd>div:nth-child(odd) {padding-right: 35px;}
    .rowOdd>div:nth-child(even) {padding-left: 35px;}
    .back-page h3 {font-size: 20px;}
    .ul-form-box>li {margin-right: 5px;}
    .form-box .btn-sumbit { font-size: 12px; padding: 8px 10px;}
    .filter-form-box .mt-label {margin-top: 25px;}
    
     /*=========== offcanvas bottom ===============*/
    .watchlist-fixed {left:10%;}
    
     /*=================== My profile ==================*/
    .profile-info p {font-size: 12px;}
 /*=================== Market watch ==================*/
 .table-reponsive>table h6 {font-size: 12px;}
 .table-reponsive>table td {font-size: 12px;}
 .navbar-light .navbar-nav .notification-nav-item {margin-right: 15px; margin-left: 15px;}
 .contact-to-upline {font-size: 12px;}
 .navbar-expand-lg .mobile-nav .timer-nav h6{font-size: 14px;}
 .navbar-expand-lg .mobile-nav .timer-nav p{font-size: 10px;line-height: 18px;}
    .mid-title h4 { font-size: 16px;}
    .highlightlisttop {left: 18.5%;}
    .highlightlisttop p {font-size: 12px;line-height: 18px;}
    .form-box p { font-size: 13px;}
    .portfolio-box ul li { margin-right: 12px;}
    .portfolio-dec h6 {font-size: 12px;}
    .portfolio-dec h5 {font-size: 12px;}
    
    
    
    
	
    
    
    
    
    }

@media (max-width:1023px) {
       .navbar-light .navbar-toggler {    color: #fff;
    border-color: #fff;
    background-color: #fff;
    padding: 2px 5px;}
    .navbar-toggler:focus {box-shadow: none;}
    .navbar-expand-lg .navbar-nav .nav-link {padding: 7px 10px;margin-bottom: 0px;    font-size: 12px;}
    .navbar-form {margin-bottom: 0px;}
    .navbar-right {margin-right: 0px;}
    .navbar-brand>img {    height: 35px;}
	.sticky .navbar-brand>img {}
    .sticky .navbar-brand {padding: 4px 10px 2px 0px;}
    .navbar-brand {    font-size: 16px;}
	.navbar-form { width: 250px;}
	.select-location { width: 110px;}
    .wrap {padding-top: 45px;padding-bottom: 45px;}
    .wrap-40 {padding-top: 35px; padding-bottom: 35px;}
    .wrap-top0 { padding-top: 0px;}
    .title {margin-bottom: 25px;}
    .title h1 {font-size: 42px;}
    .title h2 {font-size: 34px;}
    .title h3 {font-size: 26px;}
    .title h4 {font-size: 24px;}

    /*====================== Inner page ================*/
	.inr-title h3 { font-size: 22px;}
	.inr-wrap-banner>img { height: 160px;}
    
	
	 /*====================== login ================*/
	 .form-box .title h3, .wlcome-login .title h3 {font-size: 22px;}
     .login-tab .nav-link {font-size: 14px;}    
    .navbar-light .back-navbar-text {margin-left: 50px;}
    .form-box-width {width: 95%;}
    .form-box {}
    .form-box .form-group label { margin-bottom: 5px; font-size: 83%;}
    .form-box .form-ctrl {font-size: 11px;height: 30px;}
    .form-check-inline {margin-right: 0.7rem;}
    .form-box-login {}
    .form-box .login-white-box {padding: 19px;}
    .login-img {margin: 0px auto 20px; width: 130px;}
    .form-box h3 {font-size: 22px;}
    .otp-box .form-group .form-ctrl { width: 50px;}
    .btn-width-auto {width: 260px;}
    .form-disabled .form-ctrl { height: 32px;}
    .form_icon, .form-icon {bottom: 11px;}
	.form-group-btn .btn {height: auto;padding: 8px 10px;font-size: 12px;}
    .login-wrap .login-white-box {padding: 19px;}
    
    /*=================== Dashboard ==================*/
    .sidebar-header {padding: 20px 20px 20px 20px;}
    .dashboard-title.d-flex {display:block!important;}
    .dashboard-title h3 {font-size: 22px;margin-bottom: 5px;}
    .map-marker-title {margin-left: 15px;font-size: 13px;}
    .navbar-brand span {font-size: 12px;}
    .back-page h3 {font-size: 16px;}
    .next-link-btn { font-size: 13px;}
    .nav-menu li a, .nav-menu li button {font-size: 13px;    padding: 8px 10px 8px 40px;}
    .nav-menu li a>img, .nav-menu li button>img {
    width: 14px;
    height: 14px;left: 10px;
    top: 10px;}
    .side-sub-menu li a {font-size: 13px;}
    .no_data_found h3 {font-size: 28px;}
    .media-dashboard { padding: 6px;}
    .media-dashboard .media-left{padding-right: 5px;}
    .media-dashboard .media-body{padding-left: 5px;}
    .media-dashboard h6 {font-size: 12px;}
    .media-dashboard h4 {font-size: 20px;}
    .dashboard-icon {width: 50px;height: 50px; padding: 10px;}
    .shap-bg {width: 18px;height: 28px; right: 10px;}
    .chart-card .card-header .form-box .form-ctrl {height: 30px;font-size: 12px;}
    .form-box .btn-sumbit { font-size: 12px;padding: 5px 12px;}
    .searchgroup .btn {padding: 0px 3px;}    
    .filter-form-box .mt-label {margin-top: 22px;}
    .table-reponsive>table th {font-size: 12px;}
    .table-reponsive>table td {font-size: 12px;}
    .table-reponsive>table h6 {font-size: 12px;}
    .table-card table .btn-normal {font-size: 12px; padding: 5px 10px;}
    .portfoliotbl.table-reponsive>table td, .portfoliotbl.table-reponsive>table th { font-size: 12px; padding: 6px;}
    .filter-form-box .btn.mr-2 {margin-right: 5px;}
    .ng-select.ng-select-single .ng-select-container { height: 30px !important;font-size: 11px;}
    .ng-select .ng-select-container {min-height: 30px !important;}
    .ng-select .ng-arrow-wrapper {height: 30px;}
    .navbar-expand-lg .title-navbar h4 {font-size: 15px;}
    .navbar-light .navbar-nav .notification-nav-item {margin-right: 12px;margin-left: 12px;}
    .contact-to-upline { padding: 6px 12px;font-size: 12px;}
    .navbar-expand-lg .mobile-nav .timer-nav h6 {font-size: 13px;}
    .navbar-expand-lg .mobile-nav .timer-nav h6 sub {font-size: 9px;}
    .navbar-expand-lg .mobile-nav .timer-nav p {font-size: 10px;}
    /*=========== offcanvas bottom ===============*/
    .watchlist-fixed {left: 2%;right: 2%;padding: 10px 5px 5px;}
    .watchlist-fixed h4 {font-size: 15px;}
    .watchlist-fixed .form-box .btn-sumbit { padding: 8px 12px;}
    .modal-xl {max-width: 1000px;}
    /* ======== Dashboard ========= */
    .info-box-text, .progress-description { font-size: 16px;}
     /* ======== Market Watch ========= */
    .mid-title h4 {font-size: 15px;}
    .mid-title p {font-size: 13px;}
    .highlightlisttop {top: 7px;}
    .highlightlisttop p {font-size: 13px; line-height: 18px;}
    .filter-form-box .form-group h6 {font-size: 14px;}
    /* ======== portfolio-position========= */
    .Mflex-wrap{flex-wrap: wrap;}
    .Mflex-wrap .tabs-nav.mt-22 {margin-top: 0px;}
    .Mflex-wrap .tabs-nav.mb-0 {margin-bottom: 10px!important;}
    .portfolio-box ul li {margin-right: 10px;}
    .portfolio-dec h6 {font-size: 12px;}
    .portfolio-dec h5 { font-size: 12px;}
    .tabs-nav .nav-link {font-size: 12px;}
    .portfolio-box ul {flex-wrap: wrap;}
/*=================== user  ==================*/
    .popupForm .form-box { width: 46%;}
    .popupForm .form-box+.form-box { width: 27%;}
    .popupForm .form-box+.form-box+.form-box {width: 27%;}
    .form-check-inline.ms-5 {margin-left: 0rem!important;}
    
    
    
    
    /*=================== My profile ==================*/
    .rowOdd>div:nth-child(odd) {padding-right: 15px;}
    .rowOdd>div:nth-child(even) {padding-left: 15px;}
    .name_info .profile-pic {width: 100px;height: 100px;}
    .page-header h3 {font-size: 18px;}
    .profile-info p {font-size: 12px;}
    
    
    /*=================== Edit profile ==================*/
    .name_info .upload-box {width: 185px;height:185px;}
    .upload-box .edit-pic {bottom: 30px;width: 30px;height: 30px;line-height: 30px;}
    
    
    
    
     /*=================== Thanks ==================*/
	 .thankyou-img {width: 100px;}
	 .inner-thanks h2 {font-size: 36px;}
	 .inner-thanks h4 {font-size: 18px;}
	.inner-thanks {}

 
    
      
}

@media  (max-width: 991px) {
    .modal-xl {max-width: 760px;}
	/*.navbar-expand-lg.bg-light {padding: 2px 0px 2px;}*/
    .navbar-brand {padding-left: 25px;}
    .navbar-brand>img {  }
    .navbar-light .navbar-toggler { padding: 8px 0px;}
    .navbar-expand-lg .navbar-nav .nav-item:first-child>.nav-link{}
	.navbar-expand-lg .navbar-nav .nav-link { padding: 7px 0px;}
    .mobile-nav{flex-direction: row; }
    .navbar-expand-lg .mobile-nav .nav-link.login {font-size: 13px;padding: 3px 20px;}
	 .mobile-nav-search{flex-direction: row;}
    .mobile-nav-search{}
    .navbar-expand-lg .mobile-nav .dropdown-toggle::after{display: none;}
    .navbar-nav .dropdown-menu {position: absolute;}
    .navbar-form { width:230px;}
    .navbar-form .btn {padding: 4px 12px;font-size: 13px;}
    .navbar-form .form-control {font-size: 12px;}
    .navbar-form .select-location .form-icon {font-size: 14px;bottom: 9px;}
    .navbar-expand-lg  .mobile-nav li{}
	.navbar-expand-lg .mobile-nav .nav-link em {width: 14px;height: 14px;right: -3px;line-height: 14px;font-size: 8px;}
	.navbar-expand-lg .mobile-nav .mobile-nav-search { margin-right: 5px;}
    .navbar-expand-lg .navbar-nav .nav-link.login img { margin: auto;}
    .navbar-expand-lg .download-app-nav {right: 55px;top: 0px;}
    .navbar-expand-lg .download-app-nav .nav-link img {width: 30px;}
    .navbar-expand-lg .download-app-nav .nav-link span {font-size: 9px;}
	.playicon { width: 40px;height: 40px;font-size: 20px; line-height: 40px;}
	.navbar-expand-lg .mobile-nav .nav-link {padding: 3px 5px; font-size: 18px;}
	.navbar-expand-lg .navbar-nav .dropdown {position:relative;}
    .dropdown-menu .dropdown-header {word-wrap: break-word;}
    
    /*----------Dashboard ----------*/
    .highlightlisttop {top: 5px;left: 6.5%;}
    .navigation { display: block;left: 10px;}
    .sidebar-header {display: none;}
    .sidebar-brand>a>img {width: 100px;margin-left: 35px;}
    .sidebar-header.hideNav { width:210px; padding: 10px;position: fixed;}
    .sidebar-header.hideNav .navigation { top: 5px;}
    .navigation>img {width: 20px; height: 20px;}
    .sidebar-brand {margin-bottom: 10px; display: block;margin-left: 35px;}
    .sidebar-header.hideNav .bighideLogo {display: block;}
}

/*---------- MEDIA 480px ----------*/
@media  (max-width: 767px) {
    .modal-xl {max-width: 100%;}
    .navbar-expand-lg.bg-light {padding: 4px 0px 10px;}
    .hdr-top {text-align: center;}
    .hdr-top p { padding-top: 0px;font-size: 9px;}
    .hdr-top-cntrgt {justify-content: center;}
    .pding0 {padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);}
    .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
        padding-left: 2px;
        padding-right: 2px;
    }
    .navbar-default .navbar-brand {padding-left: 0px;}
    .txt-rgt {text-align: inherit;}
    .navbar-light .navbar-toggler {     position: relative;
        top: 0px;
        left: 0px;
        color: #fff;
        border-color: #fff;
        background-color: #fff;
        padding: 9px 0px;}
    .navbar-toggler:focus {box-shadow: none;}
    .hdr-top-cnt li {margin-right: 20px;}
    .hdr-top-cnt li a { font-size: 11px;}
    .navbar-brand>img {height: 30px;margin-left: 0px;}
	.sticky .navbar-brand>img {height: 20px;}
	.navbar-brand {font-size: 16px;padding: 5px 5px 5px 15px;display: none;}
    .navbar-nav>li>a {padding: 10px 10px;font-size: 14px;}
    .navbar-expand-lg .mobile-nav .nav-link span {
        font-size: 9px;}
    .sticky .navbar-brand {padding:6px 10px 7px 10px;}
    .navbar-nav>li.getintouch>a {margin: 0px 10px;}
    .navbar-right {margin-right: -15px;}
    .hdr-social-link li a {    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;}
    .navbar-nav>li.getintouch {text-align: center;
    margin-top: 0px;margin-bottom: 15px;}
    .navbar-nav>li.getintouch> .button-1 { width: 90%;margin: auto;}
	.navbar-expand-lg .mobile-nav .nav-link img {width: 14px; margin: 2px auto;}
    .navbar-expand-lg .navbar-nav .nav-link {    display: block;  margin-left: 0px;    padding: 8px 5px;}
	.navbar-expand-lg .navbar-nav .dropdown-toggle::after{float: right;}
	.navbar-expand-lg .mobile-nav .nav-link {padding: 4px 5px; font-size: 14px;}
    .navbar-form { margin-bottom: 10px;width: 100%;margin-left: 0px;}
    .dropdown-menu {min-width: 10rem;}
    .dropdown-menu li{margin-right: 0px;}
    .dropdown-menu li .dropdown-item {font-size: 11px;padding: 8px 0px;}
    .navbar-expand-lg .navbar-nav .nav-link.login {font-size: 12px;padding: 3px 12px;}
    .navbar-expand-lg .download-app-nav {right: 105px;display: none;}
    .navbar-expand-lg .download-app-nav .nav-link img {width: 26px;}
    .navbar-expand-lg .download-app-nav .nav-link{padding: 0px;}
    .navbar-expand-lg .download-app-nav .nav-link span {font-size: 8px;
    font-weight: 600;
    color: #484545;}
    .navbar-expand-lg .mobile-nav .login-drop.dropdown .nav-link.login{margin-top: 0px;}
    .mobile-nav{}
    .mobile-nav-search{right:130px;top: 8px;position: absolute;}
	.select-location {display: none;}
    .navbar-nav .dropdown-menu {position: absolute;}
    .navbar-expand-lg .mobile-nav .mobile-nav-search {position: initial;}
    /**Mobile search start***/
    
    li.mobilesrch { width: auto !important; }
    .search-form-wrapper {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        padding: 20px 15px;
        margin-top: 50px;
        background: url(../images/bg_search-open.png) right center no-repeat #f89d1c;
    }
    .search-form-wrapper.open {
        display: block;
    }
	.navbar-form .form-control.searchbox-input {
		padding:0px 20px 0px 12px; 
        font-size: 12px;
        height: 32px; 
        width: 100%;
	}
    .navbar-form  .btn {  right: 3px;
    height: 26px;
    top: 3px;
    font-size: 12px;
    }
    .searchbox {display: flex;
		position: relative;
		min-width: 0;
		width: 0%;
        padding: 0;
        margin: 0;
        position: fixed;
        right: 0px;
            top: 80px;
		overflow: hidden;
		z-index: 1021;
		-webkit-transition: width 0.3s;
		-moz-transition: width 0.3s;
		-ms-transition: width 0.3s;
		-o-transition: width 0.3s;
		transition: width 0.3s;}
    .searchbox-open { width: 100%; }

    .mobilesrch {    top: 5px;
        display:block;
        position:relative;
    }
    .searchbox-icon img {
        width: 15px;
        margin-top: 0px;
        margin-left: 0;
        cursor: pointer;
    }
    .sticky .searchbox{top: 50px;}
    /**Mobile search close***/
	
	.cart-drop {padding: 10px;min-width: 230px;}
	.group-btns a.btn {font-size: 11px;}
	.navbar-form .form-group .form-icon { bottom: 5px;}
    .navbar-form .select-location {width: 80%;}
    .navbar-form .select-location .form-control {padding-left: 20px;}
    .navbar-form .select-location .form-icon {font-size: 12px;bottom: 8px;}
    .navbar-expand-lg .navbar-nav .nav-link.signup i, .navbar-expand-lg .navbar-nav .nav-link.login i {
    display: block;}
    .navbar-expand-lg .navbar-nav .nav-link.login img { margin: 0px auto;}
    .navbar-login .navbar-brand{margin: auto;}
    .slider-main { height: 195px;}
    .dropdown-menu:before {top: 50px;right: 47%;display:none;}
    .pding-rgt0 {padding-right: calc(var(--bs-gutter-x) * .5);}
    .pding-lft5 {padding-left: calc(var(--bs-gutter-x) * .5);}
    .pding-rgt5 {padding-right: calc(var(--bs-gutter-x) * .5);}
    .wrap { padding-top: 20px;padding-bottom: 20px;}
    .wrap-top0 { padding-top: 0px;}
    .title {margin-bottom: 15px;}
    .title h1 {font-size: 35px;}
    .title h2 {font-size: 30px;}
    .title h3 {font-size: 22px;}
    .title h4 {font-size: 18px;}
	.slide-heading .title h3 {font-size: 20px;}
    .title-logo { margin-bottom: 15px;}
    .title-logo img { width: 80px;}
   
    footer {padding-top: 30px; }
    footer:after {left: 5px;width: 65px;height: 70px;}
    .fotr-logo { width: 100px;}
	footer p{font-size:12px;line-height:20px;}
    footer h3 { margin-bottom: 15px;font-size: 16px;}
    footer h4 {font-size: 14px;margin-bottom: 15px;}
    .fotr-Subscribe h3 {font-size: 16px;}
    footer h3:before {left: 45%;}
	.payment-icon {justify-content: center;}
	.payment-icon li a {width: 30px;}
    .fotr-menu li {margin-bottom: 5px;list-style: none;}
    .fotr-menu li a {    font-size: 12px;}
    .fotr-abt-cnt { margin-right: 0px;}
    .fotr-media p a {padding-right: 0px;display: block;margin-bottom: 5px;}
    .fotr-media {}
     .fotr-media .media-body,  .fotr-media .media-left,  .fotr-media .media-right {}
    .fotr-media .media-body {width: 100%;}
    .fotr-media .media-left p{margin-bottom: 0px;}
    .foter-search .navbar-form .form-control { height: 36px;font-size: 13px;}
    .foter-search .navbar-form .btn { padding: 5px 15px;
    height: 36px;font-size: 12px;}
    .services-box { padding: 15px; margin: 0px 0px 20px;}
    .srvs-item .media .media-left { padding-right: 0px;}
    .srvs-icon { width: 22px;}
    .srvs-item h5 {font-size: 10px;}
    .srvs-item p {font-size: 9px;line-height: 10px;}
    .cpyrgt-wrap {padding-top: 10px;padding-bottom: 10px;    margin-top: 0px;}
    .cpyrgt-wrap p { margin-bottom: 0px;font-size: 11px;}
    .fotr-menu { padding-left: 0px;}
    .cpyrgt-wrap p span.space {
    margin-left: 0px;
    margin-right: 0px;}
    
    
   
    
    
    
    /*================== inner pages ================*/
    .inr-wrap {padding: 10px 0px 10px;}
    .brdcrm {margin-left: 0px;}
	.inr-wrap-banner {padding: 0px;}
	.inr-container-overlay {padding: 10px 0px;}
	.inr-wrap-banner>img {height: 90px;}
	.inr-title h3 {font-size: 20px;}
	.breadcrumb-heading h4 { font-size: 18px;}
	.brdcrm>li {font-size: 11px;}
    
	
	
	/******************Table css**********************/
    .theader {display: none;}
    .table_row {
    border-bottom: solid 1px #eaedef;
    display: table;
    width: 100%;
    border-collapse: separate;
    padding-bottom: 20px;}
    .table_small {display: table-row;border: solid 1px #333;}
    .table_row > .table_small > .table_cell:nth-child(odd) {display: table-cell;width: 33%;
        padding: 5px;font-weight: 500;}
    .table_row > .table_small > .table_cell {vertical-align: middle;font-size: 12px;
    padding: 5px;}
    .table_row:last-child{border-bottom: none;}
    .table_row > .table_small > .table_cell h6 {font-size: 13px;}
    .width25 { width: auto;}
    
     /*================== login ================*/
	 .pding-lft0 {padding-left: calc(var(--bs-gutter-x) * .5);}
	 .login-header .navbar-brand { left: 10px;}
     .login-tab .nav-link { padding: 7px 10px;font-size: 12px; }
    .navbar-login .navbar-nav .nav-link{margin-bottom: 0px;}
    .navbar-light .back-navbar-text {margin: auto;}
    .navbar-light .back-navbar-text a { padding: 5px 25px;font-size: 12px;}
    .form-box-width { width: 100%;}
	.form-box .title h3, .wlcome-login .title h3 { font-size: 20px;}
	.wlcome-login .title h3 {margin-bottom: 5px;}
	.wlcome-login:before{display:none;}
    .form-box {}
    .form-box-login{border: 5px solid #fd9822;}
    .form-box .login-white-box {padding: 15px;}
    .login-img { margin: 0px auto 20px;width: 120px;}
    .form-box .forgot-txt p{font-size: 12px;}
    .form-box .forgot-txt p a { font-weight: 500;}
    .form_icon, .form-icon {    bottom: 11px;}
    .form_icon{}
    .form-box .form-group label { margin-bottom: 5px;font-size: 11px;}
    .otp-box .title h4 {font-size: 14px;}
    .otp-box .title p {font-size: 12px;}
    .otp-box .form-group .form-ctrl {margin-left: 5px;margin-right: 5px; height: 50px;width: 50px;}
    .form-box .form-ctrl { font-size: 83%;}
	.form-box .btn-sumbit {padding: 5px 10px;font-size: 12px;}
    .btn-width {margin: 10px auto;width: 150px;}
    .btn-width>.btn{font-size: 12px;padding: 6px 15px;}
	.wlcome-login .btn-width {width: 180px;}
	.wlcome-login .btn-width a.btn{font-size: 12px;}
	.signp-with-social { width: 95%;}
    .signp-with-social a span{font-size: 14px;
    padding: 8px 20px;
    width: 65px;}
    .signp-with-social a {height: 35px;line-height: 22px;
    padding: 7px 15px;font-weight: 500;
    font-size: 11px;}
        .signp-with-social a i{}
        .signp-with-social a i { }
        .form-box .skip-btn { font-size: 12px;padding: 10px 10px;}
        .form-box .form-group .label-trms {  font-size: 13px;}
		.form-group-btn .btn {width: 40%;height: 35px;    padding: 6px 10px;}
    .login-wrap .login-white-box {padding: 19px;}
    
     /*=============== Dashboard ================*/
    .navbar-light .navbar-nav .notification-nav-item {margin-right: 5px;margin-left: 5px;}
    .navbar-brand span {font-size: 12px;}
    .navbar-light .navbar-nav .notification-nav-item .nav-link {width: 24px;height: 24px;line-height: 24px;}
    .navbar-expand-lg .mobile-nav .login-drop.dropdown .nav-link.login {padding: 0px; width: 24px; height: 24px;}
    .sidebar-header {width: 190px; padding:10px;position: fixed;display: none;}
    .navigation {left: 8px;top: 0px;display: block;}
    .navigation>img {width: 16px;height: 16px;}
    .mobile-navigation{display: block;}
    .mobile-navigation>img{width: 22px;height: 22px;}
    .sidebar-header.hideNav .mobile-navigation{top: 10px;}
    .sidebar-header.hideNav .bighideLogo {
        display: block;
    }
    .sidebar-header.hideNav {
        width: 100%;
        padding: 10px;
        position: fixed;
    }
    .sidebar-brand {margin-bottom: 10px;
        display: block;
        margin-left: 35px;}
    .sidebar-brand>a>img {width:130px; margin-left: 0px;}
    .sidebar-header.hideNav .sidebar-brand>a>img {
        margin-left: 10px;
    }
    .siderbar-menu>h6 {margin-bottom: 20px;}
    .nav-menu li {margin-bottom: 5px;}
    .nav-menu li a, .nav-menu li button{font-size: 13px;padding: 6px 5px 6px 30px;}
    .nav-menu li button {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .nav-menu li button em{display: inline-block;}
    .nav-menu li a>img, .nav-menu li button>img { width: 12px; height: 12px;left: 10px;top: 10px;}
    .nav-menu li a span{display: block;}
    .nav-menu li a em {top: 7px;}
    .side-sub-menu { padding-left: 10px;margin-left: 15px;}
    .side-sub-menu li a {font-size: 12px;padding: 5px 5px;}
    .sidebar-header.hideNav .nav-menu li .side-sub-menu li a {padding: 6px 5px 6px 8px;}
    .navbar-expand-lg .title-navbar{display: none  !important;}
    .navbar-expand-lg .title-navbar h4 { font-size: 14px;}
    .contact-to-upline {padding: 4px 5px;font-size: 11px;}
    .navbar-expand-lg .mobile-nav .timer-nav .nav-link {padding: 0px 0px 0px 5px;}
    .navbar-expand-lg .mobile-nav .timer-nav h6{font-size: 11px;}
    .navbar-expand-lg .mobile-nav .timer-nav h6 sub {font-size: 8px;}
    .navbar-expand-lg .mobile-nav .timer-nav p{font-size: 9px;line-height: 12px;}
    .chart-card .card-header .form-box .form-ctrl {height: 34px;}
   .back-page h3 {font-size: 16px;}
     .ul-form-box {}
    .ul-form-box>li {margin-right: 5px;}
    .filter-form-box .mt-label { margin-top: 0px;}
    .filter-form-box .btn.mr-2 {margin-right: 4px;}
    .table-reponsive>table th {font-size: 11px;}
    .table-reponsive>table td {font-size: 11px;}
    .table-reponsive>table h6 {font-size: 11px;}
    .portfoliotbl.table-reponsive>table td, .portfoliotbl.table-reponsive>table th {font-size: 11px; padding: 5px;}
    .table-card table .btn-normal { font-size: 11px;padding: 3px 6px;}
    .table-arrow>span.table-arrow-span {margin-left: 5px;}
    .table-arrow>span.table-arrow-span>.btn {width: 8px;}
    .downarrow>img {width: 8px;height: 8px;margin-right: 0px;}
    .tabs-nav>li {margin-right: 5px;}
    .tabs-nav .nav-link { font-size: 12px;padding: 8px 10px;}
    .form-box .pding-lft0 { padding-left: 0px;}
    .portfolio-box ul {flex-wrap: wrap;}
    .ng-select.ng-select-single .ng-select-container { height: 30px !important;min-height: 30px;font-size: 11px;}
    .ng-select .ng-arrow-wrapper {height: 30px; width: 20px;}
    .ng-select .ng-select-container .ng-value-container .ng-placeholder {font-size: 11px;}
    .ul-form-box>li.btn-li .btn { height: 30px;}
    .filter-form-box .form-group {margin-bottom: 8px;}
    .filter-form-box .form-ctrl { height: 30px;}
    .filter-form-box .form-group h6 {font-size: 12px;}
    .searchgroup .btn {padding: 0px 2px;}
    .mb-filters{
        display: block;
    }
    .Mb-collapse:not(.show) {display: none;}
    .MBW-auto{width: auto !important;}
    .MBW-100{width: 100% !important;}
    .Mflex-wrap .tabs-nav.mt-22 {margin-top: 0px;}
    .Mflex-wrap .tabs-nav.mb-0{margin-bottom: 10px!important;} 
    .Mflex-wrap{flex-wrap: wrap !important;}
    .portfolio-box ul li {margin-right: 5px;margin-top: 8px;}
    .portfolio-dec h6 {font-size: 12px;}
    .portfolio-dec h5 { font-size: 12px;}
    .banned-script-list .btn-sm { padding: 6px 10px; border-radius: 6px;}
    .closs-btn>img {width: 14px;  height: 14px;}
    .popupForm.d-flex {flex-wrap: wrap;}
    .popupForm .form-box {width: 100%;margin-bottom: 10px;padding-bottom: 8px;}
    .popupForm .form-box+.form-box {width: 100%;}
    .popupForm .form-box+.form-box+.form-box { width: 100%;}
    .popupForm .form-boxW-35 {width: 100% !important;}
    .bordeRightThick {border-right: none;}
    hr.thickLineLast, hr.thickLine {height: 1px;background: #5c5c5c;}
    .modal-title { font-size: 15px;}
    .navigation-number .page-link{padding: 0.175rem 0.45rem;}
    .navigation-number .page-link-prev, .navigation-number .page-link-next {padding: 0px;
        width: 23px; height: 23px; font-size: 14px;line-height: 23px;border-radius: 6px;}
        .navigation-number .page-item:first-child .page-link {
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }
        .navigation-number .page-item:last-child .page-link {
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }
    /*============ watchlist ===========*/
    .highlightlisttop {
        top: 4px;
         left: 30px;
         width: 110px;
         padding: 2px;}
        .highlightlisttop p {
            font-size: 9px;
            line-height: 14px;
            font-weight: 500;
        }
        .highlightlisttop p .downarrow>img {
            width: 5px;
            height: 5px;
        }
    .d-flex-input .width-input {width: 80px;}
    .mid-title h4 {
        font-size: 16px;
    }
    .mid-title p {
        font-size: 13px;
    }
    /*=========== offcanvas bottom ===============*/
    .watchlist-fixed {left: 0px;right: 0px;padding: 10px 5px 5px;}
    .watchlist-fixed h4 { margin-top: 0px;font-size: 15px;}
    .market-list>li {padding: 5px 2px;}
    .market-list>li h5 {font-size: 9px;}
    .market-list>li h6 {font-size: 10px;}
    .watchlist-fixed .filter-form-box .mt-label {margin-top: 0px;}
    
    /*=================== Ledger ==================*/
    .ledger-card {padding: 10px 10px 5px; }
    .ledger-card h6 {font-size: 12px;}
    .ledger-card h4 {font-size: 20px;}
    .ledger-chart-area {height: 160px;}
      .ledger-tabs-nav .nav-link {font-size: 13px;}
    .ledger-tabs-nav>li {margin-right: 10px;}
    .ledger-bank-listing .bank-item-alert {padding: 10px 8px 5px;}
    .ledger-bank-listing .bank-item-alert h5 {font-size: 13px;}
    
    
	 
	 /*=================== Thanks ==================*/
    .inner-thanks {padding:20px;width: 100%;}
 .thankyou-img {width:80px;}
	 .inner-thanks h3 {font-size: 20px;}
    .border-box h4 {font-size: 16px;}
    .thanksgray-box {padding: 20px;}
    .thanksgray-box h4 {font-size: 16px;}
    .thanksgray-box .list-group-item {font-size: 13px;}
    .thanksgray-box .list-group-item .badge {font-size: 12px;}    
    
}


@media  (max-width: 480px) {
    
    
     /*=========== offcanvas bottom ===============*/
    .market-list>li {padding: 5px 3px;width: 19%;}
    .market-list>li h5 {font-size: 11px;}
    .market-list>li h6 {font-size: 10px;}
     /*=========== Login ===============*/
     .login-width .login-white-box {
        left: 0px;
    }
    .login-width {
        width: 100%;
    }
    .form-box .SignUp-txt p {
        font-size: 11px;}
        /* Filter */
        .ul-form-box>li {
            width: 31.9%;
        }
        .mb-filters{display: block;}
        .Mb-collapse:not(.show) {
            display: none;
        }
        .MBW-auto{width: auto !important;}
        .MBW-65{width: 65% !important;}
        .form-control.w-90 { width: 100%; }
     
}

@media  (max-width: 320px) {
    .highlightlisttop { width: 96px;}
    .highlightlisttop p {font-size: 8px; line-height: 12px;}
    .navbar-expand-lg .mobile-nav .timer-nav h6 {font-size: 9px;}
    .navbar-expand-lg .mobile-nav .timer-nav h6 sub {font-size: 7px;}
    .navbar-expand-lg .mobile-nav .timer-nav p { font-size: 7px;font-weight: 400;}
    .contact-to-upline {padding: 3px 4px; font-size: 8px;}
    .ul-form-box>li {width: 31.6%;}
    .form-box .btn-sumbit {padding: 5px 9px;}
    .portfolio-dec h6 {font-size: 12px;}
    .portfolio-dec h5 {font-size: 11px;}
}