@media (min-width:992px) {
.navott{display: none;}
.logo2{display: none;}
#navbarSupportedContent .nav-item:hover .dropdown-menu {display: block !important;}
#navbarSupportedContent .dropdown-item:focus, .dropdown-item:hover {color: #fff;text-decoration: none;background-color: #184998;}
.bottom-bar #navbarSupportedContent li .dropdown-item::after {content: '';display: none;}


}


/* max-width:1199px */
@media (max-width:1199px) {
  .btn-header-link {font-size: 1.1rem;font-weight: 600;}
  .ls_panel img {height: 200px;}
  .left_panel .panel img {max-width: 240px;}
  .left_panel .panel h3 {font-size: 1.4rem;}
  .right_panel .panel .log_ttl {font-size: 1.7rem;}
  .dropdown .dropbtn.btn.btn-grad {min-width: 10rem;font-size: 14px;}
  .bottom-bar #navbarSupportedContent li a {font-size: 0.9rem;}
    .trader-section .nifty-box {padding: 10px 5px;}
    .trader-section .boxp {padding: 10px 0;text-align: left;}
    .trader-section .boxp p{font-size: 1rem;}
    .trader-section .row-10 [class*="col-"] {padding: 0px 4px;}
    .inner-box .heading {margin-bottom: 1rem;}
    .inner-box .heading .ttl {font-size: 1.2rem;}
    .all-taber .nav-item .nav-link {padding: .5rem 0.7rem;font-size: .9rem;}
    .tn-news p b, .tn-news p {font-size: 0.9rem;}
    .reads--box .boxer h3 {font-size: 1.1rem;}
    .sb-preminum-card .boxer .verti h3 {font-size: 1.1rem;}
    /*.sb-preminum-card .boxer .img-wrap {aspect-ratio: 2.6/2;object-fit: cover;}*/
    .sbprem-items .detail h4 {font-size: 1rem;}
    .member_ship-section .member_box p {font-size: 1.1rem;}
    .card-box.new-card .boxer .verti h3 {font-size: 1.1rem;}
    .card-set2 .sbprem-items li {width: 49%;margin-bottom: 12px !important;padding: 0px !important;}
    .card-box.new-card .verti {border-radius: 4px;padding: 12px 10px;margin: -30px auto;}
    #ProductNavContents .btn.btn-grad {padding: 8px 6px;min-width: 110px;font-size: 0.8rem;}
    .content_txt .moda-logo img {max-width: 120px;}
    .content_txt .title {color: #fff;padding-left: 10px;font-size: 1.6rem;font-weight: 400;}
    .government-section .tabbo-side .btn.btn-grad {font-size: 11px;}
    .government-section .tabbo-side .nav-item.new-tabs:not(:last-child) {margin-right: 5px;}
    .sbprem-items.government-items li{width: 100%;}
    .card-set2 .sbprem-items.government-items li h4 {font-size: 0.9rem;}
    .heading .ttl{font-size: 1.1rem;}
    .heading .btn.btn-grad {font-size: 12px;}
    .video_text h4 {font-size: 1.2rem;margin-top: 0.2rem;}

    .logo-foot img {width: 200px;margin-left: -20px;position: relative;}
    .logo-foot p {font-size: 1rem;font-weight: 300;}
    .foot-box .ttl {margin-bottom: 20px;font-size: 1.3rem;}
    .foot-box .foot-items .foot-list a {color: #fff;transition: .2s all linear;font-size: 0.9rem;}
    .foot-box .checkcontainer {color: #fff;font-size: 0.7rem;}
    .copyright {padding: 12px 0;border-top: 1px solid #ddd;margin-top: 20px;}
    .copyright p {font-size: 0.8rem;}
    .logo img {max-width: 200px;}
    .verti p {margin-bottom: 0;display: -webkit-box;-webkit-line-clamp: 2;
  -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
  .sb-preminum-card .sbprem-items .detail p {display: -webkit-box;-webkit-line-clamp: 2;
  -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

  .newby-section .tab-content .card-box.new-card .verti {border-radius: 4px;padding: 12px 10px;margin: 0;position: absolute;bottom: 0;width: 100%;}
  .card-box.new-card .col-md-12.col-lg-4 {padding-top: 0rem !important;}
}



/* max-width:991px */
@media (max-width:991px) {
  .left_panel .panel h3 {font-size: 1.2rem;}
  .right_panel .panel .log_ttl {font-size: 1.4rem;}
  .ls_panel img {height: 140px;}
  .right_panel .panel .checkcontainer {padding-left: 25px;font-size: 14px;}
  .commodit-ul .boxer .img-wrap img {width: 100%;}
  .commodities-section .tab-content {padding: 20px;}
  .logo {width: 100%;display: flex;justify-content: space-between;align-items: center;}
  .left-top{border-right: 1px solid #fff;padding-right: 6px;}
  .logo{display: none;}
  .logo img {max-width: 200px;}
  .logo2 a img {width: 200px;mix-blend-mode: multiply;}
  .logo2{display: block;margin-left: 20px;}
  .flexicon {display: flex;align-items: center;}
  .nifty-box{margin-bottom: 20px;}

  .checkmark {height: 20px;width: 20px;}
  .checkcontainer .checkmark::after {left: 7px;top: 4px;width: 5px;height: 10px;}
  .foot-box .checkcontainer {font-size: 0.8rem;}
  .main-flx.foot-icon .left-top {border: none;}
  .trader-section .nifty-box {padding: 10px 5px;margin-bottom: 0 !important;}
  .cn-slider .item h3 {position: absolute;font-size: 0.9rem;}
  .sb-preminum-card .boxer .verti h3 {font-size: 1rem;}
  .member_ship-section .member_box p {font-size: 1rem;letter-spacing: initial;}
  .card-box.new-card .verti {margin: -30px auto 30px;}
  .viewed-price .table tbody tr td, .viewed-price .table thead tr th {min-width: 100px;padding: .2rem;vertical-align: middle;}
  .heading {margin-bottom: 20px;}
  .government-section .tab-content {margin-bottom: 1.5rem;}

  .videos-section .card-set2 .sbprem-items li .left {width: 20%;padding-right: 10px;}
  .videos-section .card-set2 .sbprem-items .detail h4 {font-size: 1.1rem;margin-bottom: .2rem;}
  .videos-section .card-set2 .sbprem-items li .right {width: 80%;}
  .bg-grey .inner-box {margin-top: 30px;}

.card-set2 .government-items li, .more-reads .reads--box > li
{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;
position: relative;width: 100%;}
.card-set2 .government-items li .rage .left {width: 42%;padding-right: 10px;}
.card-set2 .government-items li .rage .right {width: 94%;}
.card-set2 .sbprem-items li {width: 100%;margin-bottom: 12px !important;padding: 0px !important;}
.newby-section .tab-content .card-set2 .sbprem-items li .left {width: 25%;padding-right: 10px;}
.bread-news-ttl.heading {margin-bottom: 0;}
.bread-news-ttl p {font-size: 19px;}
.nav-item.new-tabs .btn.btn-grad {font-size: 0.8rem;min-width: 8rem;}
.newby-section .card-set2 .sbprem-items {margin-top: .6rem;}
.newby-section .tab-content .card-box.new-card .verti {margin: 0;position: relative;bottom: initial;width: 100%;}
.content_txt .title {color: #fff;padding-left: 10px;font-size: 1.1rem;}
.content_txt .description {color: #ddd;padding-left: 10px;font-size: .9rem;margin-bottom: .3rem;}
.single-new h2 {
  font-size: 1.4rem;
}
}


@media (max-width:767px) {

    .home_ads .col-md-6:not(:last-child) .img-wrap{margin-bottom:1rem}
    /* modal-box */
    #faq .card-header {padding: .75rem 0rem;}
    #faq .card-body,#main .card-body {padding: 0.6rem 0;}
    .accordion .card p {color: #847d7d;margin-bottom: 0;}
    .accordion .card p:not(:last-child) {margin-bottom: 0.6rem;}
    .ls_panel img {height: 230px;}
    .left_panel,
    .right_panel {border-radius: 0;}
    .right_panel .panel .log_ttl {text-align: center;}
    .modal-box .modal-dialog{ width: 95% !important; }
    .modal-open .modal {background: rgba(0,0,0,0.9);}
    .cn-slider .item h3 {position: absolute;bottom: 100px;-webkit-line-clamp: 3;padding: 0 20px;}
    .modal-box .modal-dialog .modal-content .modal-body .modal-image{height: 100%;overflow: hidden;}
    .modal-box .modal-dialog .modal-content .modal-body .modal-image img{height: auto; }
    .modal-box .modal-dialog .modal-content .modal-body .content{text-align: center;padding: 30px;}
    .modal-box .modal-dialog .modal-content .modal-body .content .sub-title{font-size: 25px;}

    .social-item a {font-size: 16px;line-height: 1.9em;}
    .social-item a .fa {width: 37px;height: 37px;}
    .social-item {display: flex;justify-content: start;align-items: center;}
    .topbar .btn.btn-grad:nth-child(4) {margin-left: .4rem;}
    .social-item .btn.btn-grad {padding: 0.2rem 0.5rem;font-size: 0.7rem;}
    .logo2 a img {width: 160px;}
    .searchbar input[type="text"].active {width: 260px;}
    .searchbar .icon i {font-size: 16px;}
    .nifty-box p,
    .nifty-box p b,
    .trader-section .boxp p {font-size: 0.8rem;}
    .top-news .owl-item .item img {aspect-ratio: auto;}
    .cn-slider .item h3 {font-size: 1.3rem;}
    .read-items.reads--box aside.right {width: 74%;}
    .read-items.reads--box aside.left {width: 60%;}
    .sb-preminum-card .boxer .img-wrap {aspect-ratio: auto;object-fit: cover;}
    .more-reads .verti {padding: 10px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 10px;margin: 10px 0 20px;}
    .member_ship-section .member_box {flex-direction: column;}
    .member_ship-section .member_box p{margin-bottom: 0.6rem;}
    .newby-section .card-set2 .sbprem-items li {width: 100%;}
    .newby-section .card-set2 .sbprem-items li .left {width: 26%;}
    .viewed-price .icon-ico span {font-size: 1rem;font-weight: 600;}
    .addes-conts .col-md-4 .img-wrap {text-align: center;margin-top: 1.1rem;}
    .content_txt .moda-logo img {max-width: 220px;}
    .government-section .tabbo-side,
    .newby-section .tabbo-side{display: block;justify-content: space-between;margin-bottom: .8rem;}

    .videos_slider.mt-3 {margin-bottom: 1rem !important;}
    .government-section .nav.mb-4 {margin-bottom: 0.6rem !important;}
    .new-tabs.bttu {text-align: right;}
    .government-section .tabbo-side .nav-item.new-tabs:not(:last-child) {margin-right: 10px;}
    .logo-foot {text-align: center;}
    .foot-icon {justify-content: center;}
    .foot-items .foot-list {width: 33.33%;}

    .main-flx.foot-icon .left-top .social-item a {font-size: 16px;line-height: 2.5em;width: 40px;height: 40px;}
    .foot-box .ttl {text-align: center;}
    .foot-box.ml-5 {margin-left: 0 !important;}

    .nifty-box p span {font-size: 0.8rem;}
    .clickVur img {max-width: 26px;}

.card-set2 .government-items li, .more-reads .reads--box > li {
  width: 100%;padding-right: 15px !important;padding-left: 15px !important;}
  .reads--box .detail span:not(:last-child) {margin-right: 0;margin-bottom: .3rem !important;}
.reads--box .detail span{font-size: 0.8rem;}
.nav-item.new-tabs .btn.btn-grad {font-size: 0.8rem;width: 100%;}

.newby-section .tabbo-side .nav {flex-wrap: wrap;}
.nav-item.new-tabs:not(:last-child) {margin-bottom: 10px !important;margin: initial;margin-right: 10px !important;}
.newby-section .tab-content .card-set2 .sbprem-items li .left {width: 46%;}
.card-set2 .government-items li .rage .left {width: 54%;padding-right: 10px;}
.bread-news-ttl p {font-size: 14px;}
.newby-section .tab-content .sbprem-items li {padding-bottom: 1rem !important;}

#subscribeDown {padding: 0.3rem;width: auto;height: auto;padding: 0 0.4rem;margin-right: .4rem;}

}




@media (max-width:575px) {
  .ls_panel img {height: 195px;}
  .commodities-section .tab-content {margin-bottom: 1rem;}
    .logo2 {margin-left: 8px;}
    .searchbar input[type="text"].active {width: 240px;}
    .dropdown .dropbtn.btn.btn-grad {font-size: 12px;}
    .btn.btn-grad:nth-child(3) {margin-left: 10px;}
    .btn.btn-grad:nth-child(4) {margin-left: 6px;}
    .btn.btn-grad{font-size: 12px;}
    .main-flx {padding: 0 10px;}
    .reads--box .boxer h3 {font-size: 0.9rem;}
    .reads--box span {font-size: 0.7rem !important;}
    .read-items.reads--box .date-val {margin-bottom: 0rem;}
    .read-items .boxer .icon a {font-size: 0.7rem;height: 20px;width: 20px;}
    .date {font-size: 0.7rem;}
    .member_ship-section .member_box p {text-align: center;}
    #ProductNavContents .btn.btn-grad {padding: 8px 4px;min-width: 82px;font-size: 0.7rem;}
    .ProductNav .btn-grad:not(:last-child) {margin-right: 2px !important;margin-left: 0 !important;}
    .government-section .tabbo-side .nav-item.new-tabs {margin-bottom: .4rem;      }
    .video_text h4 {font-size: 0.9rem;margin-top: 0.2rem;}
    .video_text2 h4 {font-size: 0.8rem;margin-top: .4rem;}
    .videos-section .card-set2 .sbprem-items li .left {width: 24%;padding-right: 10px;}
    .videos-section .card-set2 .sbprem-items li .right {width: 76%;}
    .videos-section .card-set2 .sbprem-items .detail h4 {font-size: 1rem;}
    .foot-box .foot-items .foot-list:not(:last-child) {margin-bottom: 2px;}
    .main-flx.foot-icon{padding: 10px 0;}
    .scroll-indcate.pd-40 {padding-top: 0 !important;}
.read-items.reads--box aside.left {width: 100%;}
.read-items.reads--box aside.right {width: 100%;padding-left: 0;margin-top: .5rem;}
.sbprem-items li .left {width: 58%;padding-right: 10px;}
.newby-section .tab-content .card-set2 .sbprem-items li .left {width: 42%;padding-right: 10px;}
.card-set2 .government-items li .rage .left {width: 80%;padding-right: 10px;}
.card-set2 .sbprem-items.government-items li .detail {font-size: 14px;}
.card-set2 .sbprem-items.government-items li h4 a {
  color: #777;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
  /* .social-item a {font-size: 14px;line-height: 1.9em;width: 26px;height: 26px;} */
  .social-item a:not(:last-child) {margin-right: 0.2rem;}
  .bread-news-ttl .ttl {margin-right: 10px;font-weight: 500;
  border-right: 2px solid #ddd;min-width: 105px;font-size: 13px !important;}
.bread-news-ttl p {font-size: 14px;}
.heading {margin-bottom: 0;}

.d-flex.align-items-center.rage {width: 100%;flex-direction: column;}
.more-reads .reads--box .boxer .img-wrap img {width: 100%;}
.sbprem-items figure img {width: 100%;}
.tabbo-side .nav {flex-wrap: nowrap;width: 540px;overflow-x: scroll;padding: 0.7rem 0.3rem;}
.card-set2 .sbprem-items.government-items li, .more-reads .reads--box > li {
  width: 100%;
  padding-right: 15px !important;
  padding-left: 15px !important;
}
.card-box.new-card .boxer .verti h3{font-size: 0.9rem;}
.card-box.new-card .boxer .verti h3 .description,
.card-box.new-card .boxer .verti p{display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;}

.newby-section .tab-content .card-set2 .sbprem-items li .left {
  width: 100%;
  padding-right: 0;
}
.card-set2 .government-items li .rage .left {
  width: 100%;
  padding-right: 0;
}
.card-set2 .government-items li .rage .right {
  width: 100%;
}
.government-section .tab-content {
  margin-bottom: 0;
}
.addes-conts.pd-40.pt-0 {
  padding-bottom: 0;
  padding-top: 0 !important;
}
.government-section.pd-40 {
  padding-bottom: 0;
}
.foot-items .foot-list {
  width: 40%;
  margin-left: auto;
  margin-bottom: auto;
}

.government-items li .left a figure {
  max-width: 100%;margin-bottom: 0.5rem;
}
.card-set2 .sbprem-items li {
  width: 100%;
  flex-direction: column;
  margin-bottom: 15px !important;padding: 0px !important;
padding-bottom: .6rem !important;
}

.sbprem-items li .right {
  width: 100%;
  margin-top: 0.5rem;
}
.navigation-ox .inline-flex.shadow-sm.rounded-md .border {
    border: none !important;
    padding: 0.6rem 0.6rem !important;
  }
.sbprem-items li .left {
  width: 100%;
  padding-right: 10px;
}
.sbprem-items li {
  display: flex;
  align-items: center;
  flex-direction: column;
}

#main .card-body p {
  font-size: 0.9rem;
}

}

@media (max-width:480px) {
  #faq .card p {font-size: 0.9rem;}
  .ls_panel img{height: 140px;}
  .btn-header-link {font-size: 0.9rem;font-weight: 600;}
  .accordion .card-header::after {font-size: .8rem;}
  .foot-box .foot-items .foot-list a:hover {margin-left: 0;}
  .left_panel .panel img {max-width: 200px;}
  #back-to-up{right: 40px;}
    .pagination-doge .pagination{font-size: 0;display: inline-block;}
    .pagination-doge .pagination li{display: inline-block;vertical-align: top;margin: 5px 0;}
    .btn.btn-grad span {display: none;}
    .trader-section.pd-40 {padding: 20px 0}
    .topbar .btn.btn-grad:nth-child(3) {margin-left: 2px;}
    .read-items.reads--box aside.left {width: 100%;}
    .read-items.reads--box aside.right {width: 100%;padding-left: 0 !important;margin-top: 0.6rem;}
    .sbprem-items li .left {width: 100%;padding-right: 10px;}
    .sbprem-items li {display: flex;align-items: center;flex-direction: column;}
    .government-items li .left a figure {max-width: 100%;}
    .card-set2 .sbprem-items.government-items li h4 {font-size: 0.9rem;margin-top: 0.5rem;}
    .sbprem-items li .right,
    .videos-section .card-set2 .sbprem-items li .left,
    .videos-section .card-set2 .sbprem-items li .right,
    .card-set2 .government-items li .left,
    .newby-section .card-set2 .sbprem-items li .left,
    .newby-section .card-set2 .sbprem-items li .right {width: 100%;}
    .spotlist_ul li:not(:last-child) {margin-bottom: 0.2rem;}
    .content_txt .moda-logo img {max-width: 100px;}

    .question p {font-weight: 600;font-size: 13px;margin-bottom: 6px;}
    .foot-items .foot-list {width: 44%;margin-left: auto;margin-bottom: auto;}
    .navigation-ox nav svg {width: 20px;}
    .foot-box .ttl {margin-bottom: 20px;font-size: 1.1rem;}
    .searchbar input[type="text"].active {width: 324px;}
    .logo2 a img {width: 122px;}
    .searchbar input[type="text"] {border: 0;padding: 0;width: 100%;height: 35px;}
    .searchbar.dp-481 {margin-top: 0.4rem;display: block;width: 100%;}
    .searchbar input[type="text"].active {width: 100%;}

    .modal-box .modal-dialog .modal-content {height: auto;}
    .cn-slider .item h3 {bottom: 70px;}
    .modal-box .modal-dialog .modal-content .modal-body .title {font-size: 20px;text-align: left;}
    .modal-box .modal-dialog .modal-content .modal-body .description{text-align: left;}
    .cn-slider .item h3 {font-size: 1.2rem;}
    .tabbo-side .nav {width: 100%;}
    .nav-item.new-tabs {min-width: 9.4rem;}
    .content_txt .date-val {margin-left: 10px;}
    .heading .btn.btn-grad {font-size: 10px;}

  }
@media (min-width:361px) {
    .topbar .fa.fa-share-alt-square {display: none;}
}

@media (max-width:360px) {
  .ls_panel img {height: 120px;}
  .right_panel .panel .log_ttl {font-size: 1.2rem;}
  .right_panel .panel {padding: 1rem;width: 100%;}
  .right_panel {padding-right: 0rem;}
  .left_panel .panel h3 {font-size: 1.1rem;}
  .card-set2 .sbprem-items .detail p {font-size: 0.8rem;}
  .card-set2 .sbprem-items .detail h4 {margin-bottom: .2rem;margin-top: 0.2rem;}
  .nav-item.new-tabs {min-width: 8.1rem;}
  .foot-items .foot-list {width: 47%;margin-left: auto;}
    .social-item a {font-size: 14px;line-height: 1.7em;}
    .government-section .tabbo-side .nav-item.new-tabs:not(:last-child) {margin-right: 6px;}
    .topbar .fa.fa-share-alt-square {display: none;}
    .video-content .video_text {padding: 10px;backdrop-filter: blur(2px);background: #0000001c;position: relative;}
    .play-btn {transform: translate(-50%,-70%);}
.nav-item.new-tabs {min-width: 8.7rem;}
.content_txt .title {color: #fff;padding-left: 10px;font-size: 0.9rem;margin-bottom: 0.2rem;}
.content_txt .description {color: #ddd;padding-left: 10px;font-size: 0.8rem;}
#back-to-up {bottom: 60px;right: 30px;}
}