/* Global: horizontal overflow + max-width (desktop + mobile) */
html { overflow-x: hidden; max-width: 100%; }
body { overflow-x: hidden; max-width: 100%; background: transparent; overflow-y: auto; }
main { max-width: 100%; overflow-x: hidden; }

/*
 * Mobile only (max 767px): fix stretch on scroll + full-width content.
 * Minimal rules – no padding/margin/width overrides on inner components
 * so existing design (right_box, article cards, etc.) stays unchanged.
 */
@media screen and (max-width: 767px) {
  html, body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    /* overscroll-behavior: none; */
    /* -webkit-overflow-scrolling: touch; */
  }
  body { touch-action: pan-y; }
  main {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  /* Full-width wrappers only: width + margin. Do not change padding or inner layout. */
  main .container,
  main .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  main .col-lg-10,
  main .col-lg-10.col-lg-offset-1 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  main .bg_white,
  main .post-content,
  main .company-detail,
  main .home {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* Company page: name in one line with ... (only these rules, no other changes) */
.company-detail-ban#post_header h1 { min-width: 0; overflow: hidden; }
.company-detail-ban#post_header h1 span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.company .company_card h3.sans a { overflow: hidden; }
.company .company_card h3.sans a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }

.btn-primary{background: #D2F600 !important; border-color: #D2F600; line-height: 47px; height: 47px; padding: 0 20px !important; color: #000000 !important; text-transform: uppercase; font-weight: bold; font-family: 'Montserrat', sans-serif; font-size: 18px;}
.btn-success{line-height: 47px; height: 47px; padding: 0 20px !important; text-transform: uppercase; font-weight: bold; font-family: 'Montserrat', sans-serif; font-size: 18px;}

header{background-image: url(../img/header.png); z-index: 2}
#menu_wrapper{background: #000000}
.navbar-default .navbar-nav>li>a{color: #FFF}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:hover{color: #DFFF00}
#main_menu > ul > li a.btn-primary{background: #D2F600 !important; border-color: #D2F600; line-height: 47px; height: 47px; padding: 0 20px !important; color: #000000 !important; text-transform: uppercase; font-weight: bold;     font-size: 16px;}
.caret{color: #DFFF00}

#main_menu ul li ul.list-inline{display: flex; flex-wrap: wrap; align-items: center;}
#main_menu ul li ul.list-inline li{width: 50%; font-size: 12px; line-height: 34px; text-transform: uppercase; font-weight: bold; color: #000; padding: 0 5px !important; font-family: 'Oswald', sans-serif; text-align: center}
#main_menu ul li ul.list-inline li.pros{background: #0FDF00}
#main_menu ul li ul.list-inline li.cons{background: #FF00C4}

#main_menu > ul > li .menu_item h3{font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: bold; position: absolute; left: 0; bottom: 10px;}
#main_menu > ul > li .menu_item h3 img{display: none}
#main_menu > ul > li .menu_item h3 a{background-color: #DFFF00; padding: 0 8px; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #000; text-decoration: underline;}
#main_menu > ul > li .menu_item .title{background: #000; position: absolute; left: 0; top: 4px; padding: 1px 5px; width: 150px;}
#main_menu > ul > li .menu_item .share-btn{font-size: 5px; line-height: 6px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #000;position: absolute; right: 5px; top: 4px;}


header .header{display: flex; justify-content: space-between; flex-wrap: wrap;}
header .header .top-right{}
header .header .top-right h4{font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: bold; margin: 0 0 8px; color: #000; font-family: 'Oswald', sans-serif;}
header .header .top-right ul{list-style: none; margin: 0; padding: 0; display: flex; gap: 10px;}
header .header .top-right ul li{list-style: none; margin: 0}
header .header .top-right ul li a:hover{opacity: 0.5}

.banner{}
.banner .box{}
.banner .box h3{font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: bold; position: absolute; left: 0; bottom: 6px; min-height: 34px;}
.banner .box h3 img{display: none}
.banner .box h3 a{background-color: #DFFF00; padding: 0 8px; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #000; text-decoration: underline;}
.banner .box .categorys{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; right: 0; top: 30px; padding: 0 10px;}
.banner .box .categorys a{color: #FFF}
.banner .box .category-name{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; left: 10px; top: 50px; padding: 0 10px 0 22px;}
.banner .box .category-name a{color: #FFF}
.banner .box .category-name .icon{border: 4px solid #000000; width: 24px; height: 24px; border-radius: 50%; position: absolute; left: -4px; top: -2px; background: #FFF;} 
.banner .box .category-name .icon img{width: 100%; border-radius: 50%;}
.banner .box .product-name{}
.banner .box .date{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; bottom: 48px; padding: 0 10px; display: flex; gap: 20px; align-items: center; bottom: 48px} 
.banner .box .date .product-name a{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #FFF; display: flex; align-items: center;}
.banner .box .title{background: #000; position: absolute; left: 0; top: 4px; padding: 1px 5px; width: 150px;}
.banner .box .share-btn{font-size: 8px; line-height: 10px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #000;position: absolute; right: 5px; top: 4px; font-weight: 900}

.no_ov{border: 10px solid #000; position: relative}
.list-inline.icon{display: flex; flex-wrap: wrap; align-items: center; margin: 0}
.list-inline.icon li{width: 50%; font-size: 12px; line-height: 34px; text-transform: uppercase; font-weight: bold; color: #000; padding: 0 5px !important; font-family: 'Oswald', sans-serif; text-align: center; display: flex; align-items: center; justify-content: center;}
.list-inline.icon li.pros{background: #0FDF00}
.list-inline.icon li.cons{background: #FF00C4}

h2.sans{color: #DFFF00; font-size: 14px; line-height: 40px; text-transform: uppercase; font-weight: bold; background: #000; padding: 0 20px;} /* home page blackbg title */

/* home right side bar */
.right_box{background: #DFFF00; border: 4px solid #000000; border-top-width: 10px;}
.right_box h4.sans{background-color: #000000; padding: 4px 8px; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #DFFF00; font-size: 12px; line-height: 15px; text-transform: uppercase; font-weight: bold; position: relative; left: -20px; padding-left: 20px;}
.right_box h4.sans img{display: none}
.right_box small{background: rgba(0, 0, 0, 0.12); margin: 0 -20px; position: relative; width: calc(100% + 40px); display: inline-block; padding: 0 20px;}
.right_box small .list-inline.icon{gap: 20px;}
.right_box small .list-inline.pipe li{rgba(0, 0, 0, 1); font-size: 10px; line-height: 15px; text-transform: uppercase; font-family: 'Montserrat', sans-serif;}
.right_box small .list-inline.icon li{width: auto; padding: 0 !important;}
.right_box small .list-inline.icon li.pros{background: transparent}
.right_box small .list-inline.icon li.cons{background: transparent}

.home .left{}
.home .left h3{font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: bold; position: absolute; left: 0; bottom: 10px;}
.home .left h3 img{display: none}
.home .left h3 a{background-color: #DFFF00; padding: 0 8px; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #000; text-decoration: underline;}
.home .left .categorys{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; right: 0; top: 30px; padding: 0 10px;}
.home .left .categorys a{color: #FFF}
.home .left .category-name{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; left: 10px; top: 50px; padding: 0 10px 0 22px;}
.home .left .category-name a{color: #FFF}
.home .left .category-name .icon{border: 4px solid #000000; width: 24px; height: 24px; border-radius: 50%; position: absolute; left: -4px; top: -2px; background: #FFF;} 
.home .left .category-name .icon img{width: 100%; border-radius: 50%;}
.home .left .product-name{}
.home .left .date{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; bottom: 48px; padding: 0 10px; display: flex; gap: 20px; align-items: center; bottom: 52px} 
.home .left .date .product-name a{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #FFF;}
.home .left .list-inline.icon{margin: 0 0 10px;}
.home .left .title{background: #000; position: absolute; left: 0; top: 4px; padding: 1px 5px; width: 150px;}
.home .left .share-btn{font-size: 5px; line-height: 6px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #000;position: absolute; right: 5px; top: 4px;}

.home .center{}
.home .center h3{font-size: 22px; line-height: 28px; text-transform: uppercase; font-weight: bold; position: absolute; left: 0; bottom: 10px; min-height: 54px}
.home .center h3 img{display: none}
.home .center h3 a{background-color: #DFFF00; padding: 0 8px; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #000; text-decoration: underline;}
.home .center .categorys{font-size: 15px; line-height: 30px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; right: 0; top: 40px; padding: 0 10px;}
.home .center .categorys a{color: #FFF}
.home .center .category-name{font-size: 15px; line-height: 30px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; left: 10px; top: 50px; padding: 0 10px 0 42px;}
.home .center .category-name a{color: #FFF}
.home .center .category-name .icon{border: 4px solid #000000; width: 36px; height: 36px; border-radius: 50%; position: absolute; left: -4px; top: -2px; background: #FFF;} 
.home .center .category-name .icon img{width: 100%; border-radius: 50%;}
.home .center .product-name{}
.home .center .date{font-size: 13px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; bottom: 48px; padding: 0 10px; display: flex; gap: 20px; align-items: center; bottom: 69px} 
.home .center .date .product-name a{font-size: 13px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #FFF;}
.home .center .list-inline.icon{margin: 0 0 10px;}
.home .center .list-inline.icon li{font-size: 18px;}
.home .center .title{background: #000; position: absolute; left: 0; top: 4px; padding: 3px 5px; width: 230px;}
.home .center .share-btn{font-size: 12px; line-height: 15px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #000;position: absolute; right: 5px; top: 4px; font-weight: 900}
.home .center .share-btn img{width: 30px; height: 30px}
.home .center .share-facts .share-facts-options{top: 30px !important; right: 0 !important;}
.share-facts .share-facts-options li a{width: 30px !important; height: 30px !important; line-height: 30px !important;}

/*#menu_wrapper .row{margin: 0}*/
/*.navbar-header {float: none}
.navbar-collapse.collapse{display: flex !important; justify-content: space-between; flex-wrap: wrap;}*/

#post_header h1{ color: #000; font-family: 'Montserrat', sans-serif; font-size: 29px; line-height: 35px; font-weight: bold; position: relative; width: 100%; display: inline-block; margin: -5px 0 20px}
#post_header h1 span{background-color: #DFFF00; padding: 4px 8px; display: inline-block; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
#post_header h1 img{display: none}
#post_header .categorys{font-size: 15px; line-height: 28px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; padding: 0 10px; float: left; margin: 0 0 20px}
#post_header .categorys a{color: #FFF}
#post_header .date{font-size: 19px; line-height: 28px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #0fdf00; color: #000; padding: 0 10px; display: flex; gap: 20px; align-items: center; bottom: 52px; display: inline-block} 
#post_header .date .product-name a{font-size: 13px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #FFF;}
#post_header .category-name{font-size: 15px; line-height: 30px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; padding: 0 10px 0 40px; position: relative; display: inline-block; margin: 0 0 20px;}
#post_header .category-name a{color: #FFF}
#post_header .category-name .icon{border: 4px solid #000000; width: 36px; height: 36px; border-radius: 50%; position: absolute; left: -6px; top: -3px; background: #FFF;} 
#post_header .category-name .icon img{width: 100%; border-radius: 50%;}
#post_header .list-inline.icon li{width: 160px;}
#post_header .title{background: #000; position: absolute; left: 0; top: 4px; padding: 1px 5px; width: 150px;}
#post_header .share-btn{font-size: 5px; line-height: 6px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #000;position: absolute; right: 5px; top: 4px;}
#post_header .date span span.f{background: #000; color: #FFF; display: inline-block; border-radius: 50%; width: 24px; height: 24px; text-align: center; line-height: 24px; margin-right: 5px;}
#post_header .date span.fact{font-weight: 900;}
#post_header .date span.date-span{font-size: 16px}
#post_header .date span.product-name{margin-left: 50px; font-size: 16px}

.post-content{}
#post{position: relative; margin: 0 0 20px;}
#article-media{border: 10px solid #000;}

.nav-tabs{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border: none;}
.nav-tabs.sent_tab>li{line-height: 40px; height: 40px; width: 33.33%; text-align: center}
.nav-tabs.sent_tab>li .pros_bg a, .nav-tabs.sent_tab>li .cons_bg a, .nav-tabs.sent_tab>li .all_bg a{color: #000; font-size: 18px; font-weight: bold; text-transform: uppercase; font-family: 'Montserrat', sans-serif; }
.nav-tabs.sent_tab>li .all_bg{background: #000000; padding: 2px 5px !important}
.nav-tabs.sent_tab>li .all_bg a{color: #DFFF00}
.nav-tabs.sent_tab>li .pros_bg{background: #0FDF00; padding: 2px 5px !important}
.nav-tabs.sent_tab>li .cons_bg{background: #FF00C4; padding: 2px 5px !important}
.tab-content>.tab-pane .all_bg_lt {background-color: #000;}

#post_header h1{margin: 4px 0 0px}

#post_header.company-ban h1{ font-size: 45px; line-height: 60px; color: #DFFF00; margin: 0 0 20px;}
#post_header.company-ban h1 span{background: #000000;}
.company-ban .serif{color: #000; font-size: 18px; font-weight: bold; text-transform: uppercase; font-family: 'Montserrat', sans-serif; line-height: 22px;}
.company-ban .search_box{border: 3px solid #000; margin: 0 0 20px;}
.company-ban .search_box .form-control{border: none; background: #FFF; line-height: 50px; height: 50px;}
.company-ban .search_box .input-group-btn .btn-primary{background: #FFF !important; border: #FFF;}

.company .company_card{background: #DFFF00; padding: 20px; height: 100%; overflow: hidden;}
.company .company_card h3.sans{font-size: 16px; line-height: 25px; text-transform: uppercase; font-family: 'Montserrat', sans-serif;  position: relative; margin: 0 0 20px;}
.company .company_card h3.sans a{color: #FFF}
.company .company_card h3.sans a span{background: #000; color: #FFF; padding: 0 10px 0 42px; display: inline-block}
.company .company_card h3.sans .icon {border: 4px solid #000000; width: 46px; height: 46px; border-radius: 50%; position: absolute; left: -7px; top: -10px; background: #FFF;}
.company .company_card h3.sans .icon img{border-radius: 50%; object-fit: cover; padding: 5px;padding-top: 10px;}
.company .company_card p.serif{color: #000000; font-size: 14px; line-height: 16px;}
.company .row-am{display: flex; flex-wrap: wrap;}
.company .company_stats ul{list-style: none; margin: 0; padding: 0; display: flex; gap: 20px;}
.company .company_stats ul li{list-style: none; margin: 0; font-size: 16px; line-height: 22px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #000; font-weight: bold}
.company .title{background: #000; position: absolute; left: 0; top: 4px; padding: 1px 5px; width: 150px;}
.company .share-btn{font-size: 5px; line-height: 6px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #000;position: absolute; right: 5px; top: 4px;}

footer{background: #000; margin-top: 0; padding: 20px 0; padding-bottom: calc(20px + env(safe-area-inset-bottom)); color: #ffffff}
footer a{color: #ffffff !important}
footer p small{ color: #ffffff !important}
footer a:hover, footer a:focus{color: #ffffff; text-decoration: underline;}
footer h4{color: #ffffff}
footer .social-media{}
footer .social-media h4{font-size: 18px; line-height: 22px; text-transform: uppercase; font-weight: bold; margin: 0 0 8px; color: #ffffff; font-family: 'Montserrat', sans-serif; text-align: center; margin: 0 0 20px;}
footer .social-media h4 b{background: #D2F600; padding: 0 20px;}
footer .social-media ul{list-style: none; margin: 0; padding: 0; display: flex; gap: 10px; justify-content: center;}
footer .social-media ul li{list-style: none; margin: 0}
footer .social-media ul li a:hover{opacity: 0.8}

.right-sidebar .dashed_box h3{font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: bold; position: absolute; left: 0; bottom: 10px;}
.right-sidebar .dashed_box h3 img{display: none}
.right-sidebar .dashed_box h3 a{background: #DFFF00; padding: 0 8px !important; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #000; }
.right-sidebar .dashed_box .categorys{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; right: 0; top: 30px; padding: 0 10px;}
.right-sidebar .dashed_box .categorys a{color: #FFF}
.right-sidebar .dashed_box .category-name{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; left: 10px; top: 50px; padding: 0 10px 0 22px;}
.right-sidebar .dashed_box .category-name a{color: #FFF}
.right-sidebar .dashed_box .category-name .icon{border: 4px solid #000000; width: 24px; height: 24px; border-radius: 50%; position: absolute; left: -4px; top: -2px; background: #FFF;} 
.right-sidebar .dashed_box .category-name .icon img{width: 100%; border-radius: 50%;}
.right-sidebar .dashed_box .product-name{}
.right-sidebar .dashed_box .date{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; bottom: 48px; padding: 0 10px; display: flex; gap: 20px; align-items: center; bottom: 52px} 
.right-sidebar .dashed_box .date .product-name a{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #FFF;}
.right-sidebar .dashed_box .list-inline.icon{margin: 0 0 10px;}
.right-sidebar .dashed_box .title{background: #000; position: absolute; left: 0; top: 4px; padding: 1px 5px; width: 150px;}
.right-sidebar .dashed_box .share-btn{font-size: 5px; line-height: 6px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #000;position: absolute; right: 5px; top: 4px;}

.user-page{}
.user-page .row{display: flex; align-items: center;}
.user-page .profile-img{padding-right: 0; position: relative; z-index: 1;}
.user-page .profile-img img{border: 8px solid #000000; border-radius: 50%; width: 100%;}
.user-page .profile-text{padding-left: 0}
.user-page .profile-text .share-btn{}
.user-page .profile-text .share-btn span{background: #000000; padding: 0 10px; color: #DFFF00; font-size: 12px; line-height: 22px; font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; display: inline-block}
.user-page .profile-text .share-btn i{width: 30px; height: 30px; border-radius: 50%; background: #D2F600; color: #000; line-height: 30px; text-align: center; font-size: 14px; position: relative; left: -6px;}
.user-page .profile-text .author_stats{}
.user-page .profile-text .author_stats .list-inline {background: #000000; display: inline-flex; position: relative; left: -38px; padding: 0 20px 0 46px; gap: 15px}
.user-page .profile-text .author_stats .list-inline li{font-size: 12px; line-height: 15px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #FFF; line-height: 27px;}
.user-page .profile-text #author_name{margin: 0 0 20px; font-size: 43px; line-height: 53px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #FFF; font-weight: bold; position: relative; left: -14px;}
.user-page .profile-text #author_name span{background: #000; padding: 0 20px 0 20px;}
.user-page .profile-text .list-inline{}

.wallet .wallet-banner{background: #000; padding: 10px 20px; display: inline-block;}
.wallet .wallet-banner span{font-size: 31px; line-height: 38px; font-family: 'Montserrat', sans-serif; font-weight: bold; color: #FFF; text-transform: uppercase}
.wallet .wallet-banner .wallet-icon{}
.wallet .wallet-banner .wallet-label{}
.wallet .wallet-banner .wallet-amount{color: #DFFF00}
.wallet h3{font-size: 25px; line-height: 30px; font-family: 'Montserrat', sans-serif; font-weight: bold}
.wallet .table {border-collapse: collapse; margin: 0 0 20px; width: 100%; border: 3px solid #000000;}
.wallet .table th {border: 3px solid #000000; font-weight: normal; padding: 13px 8px; color: #DFFF00; background: #000}
.wallet .table td { padding: 8px; font-size: 22px; line-height: 27px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: bold}
.wallet .table td:first-child{border-right: none}
.wallet .table tr{background: #FFF; border: 3px solid #000000;}
.wallet .table tr:nth-child(2n+2){background: #DFFF00}
.wallet label{font-size: 18px; line-height: 22px; font-family: 'Montserrat', sans-serif; font-weight: bold}
.wallet .form-control{border: 3px solid #000; padding: 0 10px; line-height: 50px; height: 50px; width: 100%;}

.artical-ban{background: url(../img/artical-ban.png) no-repeat center center; background-size: cover; position: relative; top: -50px; padding: 40px 0 20px;}
.artical-ban.prosnew{background-image: url(../img/artical-ban2.png);}
.artical-ban .list-inline.large_pipe li:after{display: none}
.artical-ban .head{position: relative; padding-left: 142px; min-height: 132px}
.artical-ban .head .list-inline.large_pipe{position: relative; left: -40px; z-index: -1; display: flex; padding-top: 10px}
.artical-ban #post_header .head h1{color: #FF00C4;  font-size: 29px; line-height: 35px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; display: inline-block;  margin: 0; left: -50px; position: relative;}
.artical-ban #post_header .head h1 span{background: #000; padding-left: 30px; position: relative; left: -30px;}
.artical-ban .user-img img{width: 132px; height: 132px; border-radius: 50%; display: inline-block; border: 8px solid #000; position: absolute; left: 0; top: 0; z-index: 1}
.artical-ban .user img{}
.artical-ban .user span{background: #000; font-size: 19px; line-height: 27px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #FFF; display: inline-block; padding-left: 30px}
.artical-ban .user .name{font-weight: bold; color: #FFF}
.artical-ban #post_header .date{background: #000; font-size: 17px; line-height: 27px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #FFF; padding: 0 10px !important}
.artical-ban .clock{background: #000; font-size: 12px; line-height: 27px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #FFF; padding: 0 10px !important}
.artical-ban .like{background: #000; font-size: 12px; line-height: 27px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #FFF; padding: 0 10px !important}
.artical-ban .view{background: #000; font-size: 12px; line-height: 27px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #FFF; padding: 0 10px !important}
.artical-ban h2 small{font-size: 24px; line-height: 26px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; display: inline-block; color: #000; }

.right-sidebar .right_box h4.sans {background-color: #000000; padding: 4px 8px; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #DFFF00; font-size: 12px; line-height: 15px; text-transform: uppercase; font-weight: bold; position: relative; left: -20px; padding-left: 20px;}
.right-sidebar .right_box h4.sans img{display: none}
.right-sidebar .right_box h4 .pros{color: #DFFF00; background: none; padding-left: 0 !important;}
.right-sidebar .right_box h4 .cons{color: #DFFF00; background: none; padding-left: 0 !important;}
.right-sidebar .dashed_box small .list-inline.pipe{position: absolute; bottom: 50px;}
.right-sidebar .dashed_box small .list-inline.pipe li{background: #000; color: #FFF; padding: 0 10px; line-height: 20px;}
.right-sidebar .dashed_box small .list-inline.pipe li a{color: #FFF}

.review .tab-content .article-card-avatar-wrap{position: relative; z-index: 10}
.review .tab-content .article-card-avatar-wrap img{width: 90px; height: 90px; border: 8px solid #000; border-radius: 50%;}
.review .tab-content .article-card-avatar-wrap .article-card-opinion-icon{width: 40px; height: 40px; border-radius: 50%; position: absolute; bottom: 0; right: -10px;}
.review .tab-content .article-card-avatar-wrap .article-card-opinion-icon img{width: auto; height: auto; border: none;}
.review .tab-content .article-card-meta{background: #000; color: #FFF; position: relative; left: -70px; padding: 0 0 0 50px; display: inline-block; font-size: 16px; line-height: 19px; font-family: 'Montserrat', sans-serif; margin: 10px 0 0}
.review .tab-content .article-card-meta span{padding: 0 20px 0 10px;}
.review .tab-content .article-card-meta span.date{font-size: 14px; line-height: 18px; font-family: 'Montserrat', sans-serif; }
.review .tab-content .article-card-meta span.view{font-size: 10px; line-height: 14px; font-family: 'Montserrat', sans-serif; padding: 0}
.review .tab-content .article-card-meta span.like{font-size: 10px; line-height: 14px; font-family: 'Montserrat', sans-serif; padding: 0 10px;}
.review .tab-content .article-card-meta a{color: #FFF; text-transform: uppercase; font-weight: bold; text-decoration: underline;}
.review .tab-content .article-card-headline{margin: 0 0 10px; position: relative; left: -50px; display: flex;}
.review .tab-content .article-card-headline a{background: #000; padding: 0 20px 0 50px; color: #FF00C4; font-size: 16px; line-height: 30px; font-family: 'Montserrat', sans-serif; font-weight: bold; display: inline-block;     position: relative; top: -2px;}
.review .tab-content .article-card-headline a span.article-card-headline-line2{display: none}
.review .tab-content .article-card-description{}

.share-facts .share-facts-options {
    position: absolute;
    top: 50%;
    right: -40px;
    left: auto;
    transform: translateY(-50%);
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 2001;
    pointer-events: auto;
}
.share-facts .share-facts-options li a {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #D2F600;
    text-align: center;
    line-height: 28px;
    color: #000;
    cursor: pointer;
}
.share-facts .share-facts-options{top: 23px !important; right: -2px !important; transform: none !important;}
.share-facts .share-facts-options li a{font-size: 15px;}

.company-detail-ban#post_header h1{display: flex; align-items: center;}
.company-detail-ban#post_header h1 img{display: block; border-radius: 50%;}
.company-detail-ban#post_header h1 span{background: #000000; color: #FFF; font-size: 34px; line-height: 50px; font-family: 'Montserrat', sans-serif; font-weight: bold; position: relative; left: -8px; padding-left: 20px;}
.company-detail-ban#post_header h1 .icon{width: 110px; height: 110px; border: 8px solid #000; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.company-detail h2.sans{background: transparent; padding: 0}
.company-detail h2.sans span{background: #000000; color: #DFFF00; font-size: 22px; line-height: 50px; font-family: 'Montserrat', sans-serif; font-weight: bold; display: inline-block; padding: 0 20px;}
.company-detail .product_card{border: 3px solid #000; padding: 20px;}
.company-detail .product_card h3{position: relative; left: -20px; top: -10px;}
.company-detail .product_card h3 a{background: #D2F600; color: #000000; font-size: 26px; line-height: 50px; font-family: 'Montserrat', sans-serif; font-weight: bold; display: inline-block; padding: 0 20px;}
.company-detail .product_card h3 a img{display: none} 
.company-detail .products{border-bottom: 3px solid #000}
.product_stats ul li a{color: #0033FF; font-size: 13px; line-height: 16px; font-family: 'Montserrat', sans-serif; font-weight: bold;}

.right_box.yellow-box .must-read-title{}
.right_box.yellow-box .must-read-meta{background: rgba(0, 0, 0, 0.12); margin: 0 -20px; position: relative; width: calc(100% + 40px); display: inline-block; padding: 10px 20px;}
.right_box.yellow-box  .must-read-section-label{font-size: 10px; line-height: 13px; font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase}
.right_box.yellow-box .must-read-company-row span{font-size: 10px; line-height: 13px; font-family: 'Montserrat', sans-serif; font-weight: 600; margin-right: 10px;}
.right_box.yellow-box .must-read-meta-bottom .must-read-bullish{font-size: 10px; line-height: 13px; font-family: 'Montserrat', sans-serif; font-weight: 600; background: transparent; padding: 0 !important; color: #000; font-weight: bold}
.right_box.yellow-box .must-read-meta-bottom .must-read-bearish{font-size: 10px; line-height: 13px; font-family: 'Montserrat', sans-serif; font-weight: 600; background: transparent; padding: 0 !important; color: #000; font-weight: bold}

.right-sidebar .right_box.yellow-box .dashed_box small .list-inline.pipe{position: relative; bottom: auto}
.right-sidebar .right_box.yellow-box  .dashed_box small .list-inline.pipe li{}

.all-facts{}
.all-facts h3{font-size: 22px; line-height: 28px; text-transform: uppercase; font-weight: bold; position: absolute; left: 0; bottom: 10px;}
.all-facts h3 img{display: none}
.all-facts h3 a{background-color: #DFFF00; padding: 0 8px; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #000; }
.all-facts .categorys{font-size: 15px; line-height: 30px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; right: 0; top: 30px; padding: 0 10px;}
.all-facts .categorys a{color: #FFF}
.all-facts .category-name{font-size: 15px; line-height: 30px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; left: 10px; top: 50px; padding: 0 10px 0 42px;}
.all-facts .category-name a{color: #FFF}
.all-facts .category-name .icon{border: 4px solid #000000; width: 36px; height: 36px; border-radius: 50%; position: absolute; left: -4px; top: -2px; background: #FFF;} 
.all-facts .category-name .icon img{width: 100%; border-radius: 50%;}
.all-facts .product-name{}
.all-facts .date{font-size: 13px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; bottom: 48px; padding: 0 10px; display: flex; gap: 20px; align-items: center; bottom: 52px} 
.all-facts .date .product-name a{font-size: 13px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #FFF;}
.all-facts .list-inline.icon{margin: 0 0 10px;}
.all-facts .list-inline.icon li{font-size: 18px;}
.all-facts .title{background: #000; position: absolute; left: 0; top: 4px; padding: 3px 5px; width: 230px;}
.all-facts .share-btn{font-size: 8px; line-height: 10px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #000;position: absolute; right: 5px; top: 4px;}

#search_field .form-control{line-height: 47px; height: 47px;}

#main_menu > ul > li a.btn-primary{font-family: 'Montserrat', sans-serif; font-weight: 900}
#main_menu > ul > li > a{font-weight: 300; font-family: 'Montserrat', sans-serif; font-size: 14px;}

.public-companies .dashed_box h3{font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: bold; position: absolute; left: 0; bottom: 10px;  min-height: 36px;}
.public-companies .dashed_box h3 img{display: none}
.public-companies .dashed_box h3 a{background-color: #DFFF00; padding: 0 8px; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #000; }
.public-companies .dashed_box .categorys{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; right: 0; top: 30px; padding: 0 10px;}
.public-companies .dashed_box .categorys a{color: #FFF}
.public-companies .dashed_box .category-name{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; left: 10px; top: 50px; padding: 0 10px 0 22px;}
.public-companies .dashed_box .category-name a{color: #FFF}
.public-companies .dashed_box .category-name .icon{border: 4px solid #000000; width: 24px; height: 24px; border-radius: 50%; position: absolute; left: -4px; top: -2px; background: #FFF;} 
.public-companies .dashed_box .category-name .icon img{width: 100%; border-radius: 50%;}
.public-companies .dashed_box .product-name{}
.public-companies .dashed_box .date{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; bottom: 48px; padding: 0 10px; display: flex; gap: 20px; align-items: center; bottom: 52px} 
.public-companies .dashed_box .date .product-name a{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #FFF;}
.public-companies .dashed_box .list-inline.icon{margin: 0 0 10px;}

.altri-fatti .dashed_box p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; min-height: 63px; line-height: 1.5em;}

.face-search .dashed_box h3{font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: bold; position: absolute; left: 0; bottom: 10px;  min-height: 36px;}
.face-search .dashed_box h3 img{display: none}
.face-search .dashed_box h3 a{background-color: #DFFF00; padding: 0 8px; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #000; }
.face-search .dashed_box .categorys{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; right: 0; top: 30px; padding: 0 10px;}
.face-search .dashed_box .categorys a{color: #FFF}
.face-search .dashed_box .category-name{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; left: 10px; top: 50px; padding: 0 10px 0 22px;}
.face-search .dashed_box .category-name a{color: #FFF}
.face-search .dashed_box .category-name .icon{border: 4px solid #000000; width: 24px; height: 24px; border-radius: 50%; position: absolute; left: -4px; top: -2px; background: #FFF;} 
.face-search .dashed_box .category-name .icon img{width: 100%; border-radius: 50%;}
.face-search .dashed_box .product-name{}
.face-search .dashed_box .date{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; bottom: 48px; padding: 0 10px; display: flex; gap: 20px; align-items: center; bottom: 52px} 
.face-search .dashed_box .date .product-name a{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #FFF;}
.face-search .dashed_box .list-inline.icon{margin: 0 0 10px;}

#post_header .list-inline.icon li span{background: #000; color: #FFF; display: inline-block; border-radius: 50%; width: 24px; height: 24px; text-align: center; line-height: 24px; margin: 0 5px;}

.read-more{color: #0fdf00}

.artical-ban h2 small a{display: block; background: #DFFF00}
.artical-ban h2 small span{font-weight: 900; background: #000; padding: 0 10px; color: #FFF;}

.banner .box h3 a{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; max-height: 54px;}
.home .center h3 a{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; max-height: 54px;}

.sans{color: #000}
.sans a{color: #000}
footer .social-media h4 b{color: #000}

.article-header-company-row{padding-left: 130px}
#post_header .article-header-company-row .category-name, #post_header .article-header-company-row .categorys{float: none}
.artical-ban h2{padding-left: 130px;}
#post_header .article-header-company-row .categorys{margin-left: 0px}

.admin-header-collapse{display: block}

.campaign-admin-ui .filters-grid input, .campaign-admin-ui .filters-grid select{-webkit-appearance: none; /* Removes native iOS styling */ -moz-appearance: none; appearance: none; border-radius: 0;}

.invest-m-badge{font-size: 16px !important; position: relative; top: 10px;}

@media only screen and (min-width:1600px) and (max-width:1799px) {
}

@media only screen and (min-width:1400px) and (max-width:1599px) {

}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.banner {width: 100%; margin-left: 0;}
#main_menu > ul > li > a{margin: 0 10px}

#post_header h1{margin: 0}
}

/** 5.0 - 1200 - Desktop **/
@media only screen and (min-width:992px) and (max-width:1199px) {
#main_menu > ul > li > a {margin: 0 6px; font-size: 12px;}
#menu_wrapper .row{margin: 0}
#main_menu > ul > li a.btn-primary{padding: 0 8px !important; font-size: 12px}

.banner .box{width: 50%;}
#post_header h1{margin: 0}
.nav-tabs.sent_tab>li .pros_bg a, .nav-tabs.sent_tab>li .cons_bg a, .nav-tabs.sent_tab>li .all_bg a{font-size: 15px;}
}

/** 7.0 - 768 - iPad **/
@media only screen and (min-width: 768px) and (max-width: 991px) {
#main_menu > ul > li > a {margin: 0 5px; font-size: 9px;}
#menu_wrapper .row{margin: 0}
#menu_wrapper.sticky #sticky_logo a .logo {height: 18px;}
#main_menu > ul > li a.btn-primary{padding: 0 8px !important; font-size: 10px;}

.banner .box{width: 50%;}
.home .left, .home .center, .home .right{width: 100%;}

.nav-tabs.sent_tab>li .pros_bg a, .nav-tabs.sent_tab>li .cons_bg a, .nav-tabs.sent_tab>li .all_bg a{font-size: 10px;}
.review .tab-content .article-card-meta{font-size: 12px;}
.review .tab-content .article-card-meta span {padding: 0 10px 0 10px;}
.review .tab-content .article-card-avatar-wrap img {width: 60px; height: 60px;}

#post_header .article-header-company-row .categorys {margin-left: 0;}
}

/** 8.0 - 640 - Mobile **/
@media only screen and (min-width: 640px) and (max-width: 767px) {
#menu_wrapper {background: transparent;}
.navbar-toggle .hamburger{background: #000000; float: right; padding: 6px 8px; border-radius: 6px;}
.navbar-default .navbar-toggle div{text-align: left}

.home .dashed_box h3{font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: bold; position: absolute; left: 0; bottom: 10px;}
.home .dashed_box h3 img{display: none}
.home .dashed_box h3 a{background-color: #DFFF00; padding: 0 8px; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #000; }
.home .dashed_box .categorys{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; right: 0; top: 30px; padding: 0 10px;}
.home .dashed_box .categorys a{color: #FFF}
.home .dashed_box .category-name{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; left: 10px; top: 50px; padding: 0 10px 0 22px;}
.home .dashed_box .category-name a{color: #FFF}
.home .dashed_box .category-name .icon{border: 4px solid #000000; width: 24px; height: 24px; border-radius: 50%; position: absolute; left: -4px; top: -2px; background: #FFF;} 
.home .dashed_box .category-name .icon img{width: 100%; border-radius: 50%;}
.home .dashed_box .product-name{}
.home .dashed_box .date{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; bottom: 48px; padding: 0 10px; display: flex; gap: 20px; align-items: center; bottom: 52px} 
.home .dashed_box .date .product-name a{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #FFF;}
.home .dashed_box .list-inline.icon{margin: 0 0 10px;}

#post_header .date{font-size: 14px; line-height: 18px;}
#post_header .categorys{float: none; display: inline-block; font-size: 14px; line-height: 18px;}
#post_header h1{margin: 4px 0}
.nav-tabs.sent_tab>li .pros_bg span.hidden-xs{display: none}
.nav-tabs.sent_tab>li{height: auto}

.company .row-am .col-sm-6{width: 100%;}

.company-detail-ban#post_header h1 .icon{width: 90px; height: 90px; padding: 20px;}
.company-detail-ban#post_header h1 span{font-size: 20px; line-height: 40px;}

.all-facts .title{width: 120px;}

.cbp-spmenu{background: #000}

.artical-ban .head{padding: 10px 0}
.artical-ban .user-img img{position: relative}
.artical-ban .head .list-inline.large_pipe{left: 0}
.artical-ban .head .list-inline.large_pipe{flex-wrap: wrap;}
.artical-ban .user span{font-size: 16px; line-height: 27px; padding-left: 10px}
.artical-ban #post_header .head h1{left: 0; background: transparent; padding-left: 0 !important; font-size: 19px; line-height: 25px;}
.artical-ban #post_header .head h1 span{padding-left: 10px; left: 0;}

.nav-tabs.sent_tab>li .pros_bg a, .nav-tabs.sent_tab>li .cons_bg a, .nav-tabs.sent_tab>li .all_bg a{font-size: 14px; line-height: 30px;}

.home .share-facts{font-size: 8px; line-height: 10px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #000;position: absolute; right: 5px; top: 4px; font-weight: 900}
.home .dashed_box .title {background: #000; position: absolute; left: 0; top: 4px; padding: 1px 5px; width: 150px;}
.home .left h3{min-height: 36px}

.post-content .nav-tabs li{width: 100% !important; margin: 5px 0}
.review .tab-content .article-card-meta{font-size: 12px;}
.review .tab-content .article-card-meta span.date {font-size: 10px;}
.review .tab-content .article-card-headline a{font-size: 14px; line-height: 22px;}
.review .tab-content .article-card-meta span {padding: 0 20px 0 0;}

.user-page .row {align-items: flex-start;}

.all-facts h3{min-height: 44px; font-size: 16px; line-height: 22px;}
.all-facts .date{bottom: 58px;}

.artical-like-btn{position: absolute; top: 10px; right: 15px;}
.artical-ban{background-position: right -710px center;}
.artical-ban.prosnew{background-position: right -710px center;}
.artical-ban .user-img img {width: 102px; height: 102px;}
.artical-ban #post_header .user{position: relative; margin: -50px 0 0 80px; width: 100%;}
#post_header h1{font-size: 24px; line-height: 25px;}

.article-header-mobile{padding: 0}
.article-header-mobile .article-mobile-top-bar{background: #000; padding: 0 10px; display: flex; align-items: center; justify-content: space-between;}
.article-header-mobile .article-mobile-top-bar .article-mobile-date{font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 20px; color: #FFF}
.article-header-mobile .article-mobile-top-bar .article-mobile-stats{font-family: 'Montserrat', sans-serif; font-size: 10px; line-height: 20px; color: #FFF}
.article-header-mobile .article-mobile-author-row{position: relative; padding: 10px; z-index: 1}
.article-header-mobile .article-mobile-author-row .article-mobile-avatar{width: 90px; height: 90px; border-radius: 50%; border: 6px solid #000;}
.article-header-mobile .article-mobile-author-row .article-mobile-opinion-icon{width: 42px; height: 42px; border-radius: 50%; border: 3px solid #000; display: flex; align-items: center; justify-content: center; position: absolute; left: 60px; bottom: 0; background: #0FDF00;}
.article-header-mobile .article-mobile-author-row .article-mobile-like-wrap{position: absolute; right: 10px; top: 20px;}
.article-header-mobile .article-mobile-author-name-bar{background: #000; position: relative; margin-top: -27px; color: #FFF; width: calc(100% - 90px); left: 90px; padding: 0 15px; font-family: 'Montserrat', sans-serif;}
.article-header-mobile .article-mobile-author-name-bar a{font-size: 17px; font-weight: 20px; text-transform: uppercase; font-weight: bold; color: #FFF}
.article-header-mobile .article-mobile-title {font-size: 26px; line-height: 32px; background: #000; color: #0FDF00; padding: 0 10px !important; font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; margin: 20px 0 2px} 
.article-header-mobile .article-mobile-bottom-bar{background: #000; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; margin: 0 0 15px}
.article-header-mobile .article-mobile-bottom-bar .article-mobile-date{font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 20px; color: #FFF}
.article-header-mobile .article-mobile-bottom-bar .article-mobile-stats{font-family: 'Montserrat', sans-serif; font-size: 10px; line-height: 20px; color: #FFF}
.article-header-mobile .article-mobile-meta-row{display: flex; justify-content: flex-end;}
.article-header-mobile .article-mobile-meta-row a{background: #000; color: #FFF; line-height: 20px; font-size: 15px; padding: 2px 5px; font-family: 'Montserrat', sans-serif;}
.article-header-mobile .article-mobile-fact-bar{display: block; background: #DFFF00; font-size: 24px; line-height: 26px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; display: inline-block; color: #FFF; padding: 0 10px; font-weight: 900; margin: 15px 0 0}
.article-header-mobile .article-mobile-fact-bar a{color: #000; text-decoration: underline}
.article-header-mobile .article-mobile-fact-bar span{color: #000}

.article-mobile-category-name{font-size: 15px; line-height: 24px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; padding: 0 10px 0 40px; position: relative; display: inline-block !important; margin: 0;}
article-mobile-badges-row{display: inline-block}
.article-header-mobile .article-mobile-meta-row{display: flex; justify-content: flex-end; position: relative; margin-top: -24px;}
.article-mobile-category-name a{color: #FFF}
.article-mobile-category-name .article-mobile-badge-icon{border: 4px solid #000000; width: 38px; height: 38px; border-radius: 50%; position: absolute; left: -6px; top: -3px; background: #FFF;}
.article-mobile-category-name .article-mobile-badge-icon img{border-radius: 50%;}

.wallet .col-sm-4.text-right, .wallet .col-sm-2.text-right{text-align: left !important; margin: 5px 0}
.wallet .table td{font-size: 18px; line-height: 22px;}

.admin-header-toggle{float: right; background: #000; color: #FFF; padding: 6px 8px; border-radius: 6px;}
.admin-header-toggle .fa-bars{color: #ffffff; line-height: 30px; font-size: 30px;}
.btn-primary{padding: 0 10px !important}

footer .col-sm-4{width: 50%; float: left;}
footer .social-media{width: 100%;}
}

/** 9.0 - 480 - Mobile **/
@media only screen and (min-width: 480px) and (max-width: 639px) {
#menu_wrapper {background: transparent;}
.navbar-toggle .hamburger{background: #000000; float: right; padding: 6px 8px; border-radius: 6px;}
.navbar-default .navbar-toggle div{text-align: left}

.home .dashed_box h3{font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: bold; position: absolute; left: 0; bottom: 10px;}
.home .dashed_box h3 img{display: none}
.home .dashed_box h3 a{background-color: #DFFF00; padding: 0 8px; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #000; }
.home .dashed_box .categorys{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; right: 0; top: 30px; padding: 0 10px;}
.home .dashed_box .categorys a{color: #FFF}
.home .dashed_box .category-name{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; left: 10px; top: 50px; padding: 0 10px 0 22px;}
.home .dashed_box .category-name a{color: #FFF}
.home .dashed_box .category-name .icon{border: 4px solid #000000; width: 24px; height: 24px; border-radius: 50%; position: absolute; left: -4px; top: -2px; background: #FFF;} 
.home .dashed_box .category-name .icon img{width: 100%; border-radius: 50%;}
.home .dashed_box .product-name{}
.home .dashed_box .date{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; bottom: 48px; padding: 0 10px; display: flex; gap: 20px; align-items: center; bottom: 52px} 
.home .dashed_box .date .product-name a{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #FFF;}
.home .dashed_box .list-inline.icon{margin: 0 0 10px;}

#post_header .date{font-size: 14px; line-height: 18px;}
#post_header .categorys{float: none; display: inline-block; font-size: 14px; line-height: 18px;}
#post_header h1{margin: 4px 0}
.nav-tabs.sent_tab>li .pros_bg span.hidden-xs{display: none}
.nav-tabs.sent_tab>li{height: auto}

.company .row-am .col-sm-6{width: 100%;}

.company-detail-ban#post_header h1 .icon{width: 90px; height: 90px; padding: 20px;}
.company-detail-ban#post_header h1 span{font-size: 20px; line-height: 40px;}

.all-facts .title{width: 120px;}

.cbp-spmenu{background: #000}

.artical-ban .head{padding: 10px 0}
.artical-ban .user-img img{position: relative}
.artical-ban .head .list-inline.large_pipe{left: 0}
.artical-ban .head .list-inline.large_pipe{flex-wrap: wrap;}
.artical-ban .user span{font-size: 16px; line-height: 27px; padding-left: 10px}
.artical-ban #post_header .head h1{left: 0; background: transparent; padding-left: 0 !important; font-size: 19px; line-height: 25px;}
.artical-ban #post_header .head h1 span{padding-left: 10px; left: 0;}

.nav-tabs.sent_tab>li .pros_bg a, .nav-tabs.sent_tab>li .cons_bg a, .nav-tabs.sent_tab>li .all_bg a{font-size: 14px; line-height: 30px;}

.home .share-facts{font-size: 8px; line-height: 10px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #000;position: absolute; right: 5px; top: 4px; font-weight: 900}
.home .dashed_box .title {background: #000; position: absolute; left: 0; top: 4px; padding: 1px 5px; width: 150px;}
.home .left h3{min-height: 36px}

.post-content .nav-tabs li{width: 100% !important; margin: 5px 0}
.review .tab-content .article-card-meta{font-size: 12px;}
.review .tab-content .article-card-meta span.date {font-size: 10px;}
.review .tab-content .article-card-headline a{font-size: 14px; line-height: 22px;}
.review .tab-content .article-card-meta span {padding: 0 20px 0 0;}

.user-page .profile-text #author_name{font-size: 20px; line-height: 25px;}
.user-page .row {align-items: flex-start;}

.all-facts h3{min-height: 44px; font-size: 16px; line-height: 22px;}
.all-facts .date{bottom: 58px;}

.artical-like-btn{position: absolute; top: 10px; right: 15px;}
.artical-ban{background-position: right -710px center;}
.artical-ban.prosnew{background-position: right -710px center;}
.artical-ban .user-img img {width: 102px; height: 102px;}
.artical-ban #post_header .user{position: relative; margin: -50px 0 0 80px; width: 100%;}
#post_header h1{font-size: 24px; line-height: 25px;}

.article-header-mobile{padding: 0}
.article-header-mobile .article-mobile-top-bar{background: #000; padding: 0 10px; display: flex; align-items: center; justify-content: space-between;}
.article-header-mobile .article-mobile-top-bar .article-mobile-date{font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 20px; color: #FFF}
.article-header-mobile .article-mobile-top-bar .article-mobile-stats{font-family: 'Montserrat', sans-serif; font-size: 10px; line-height: 20px; color: #FFF}
.article-header-mobile .article-mobile-author-row{position: relative; padding: 10px; z-index: 1}
.article-header-mobile .article-mobile-author-row .article-mobile-avatar{width: 90px; height: 90px; border-radius: 50%; border: 6px solid #000;}
.article-header-mobile .article-mobile-author-row .article-mobile-opinion-icon{width: 42px; height: 42px; border-radius: 50%; border: 3px solid #000; display: flex; align-items: center; justify-content: center; position: absolute; left: 60px; bottom: 0; background: #0FDF00;}
.article-header-mobile .article-mobile-author-row .article-mobile-like-wrap{position: absolute; right: 10px; top: 20px;}
.article-header-mobile .article-mobile-author-name-bar{background: #000; position: relative; margin-top: -27px; color: #FFF; width: calc(100% - 90px); left: 90px; padding: 0 15px; font-family: 'Montserrat', sans-serif;}
.article-header-mobile .article-mobile-author-name-bar a{font-size: 17px; font-weight: 20px; text-transform: uppercase; font-weight: bold; color: #FFF}
.article-header-mobile .article-mobile-title {font-size: 26px; line-height: 32px; background: #000; color: #0FDF00; padding: 0 10px !important; font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; margin: 20px 0 2px} 
.article-header-mobile .article-mobile-bottom-bar{background: #000; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; margin: 0 0 15px}
.article-header-mobile .article-mobile-bottom-bar .article-mobile-date{font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 20px; color: #FFF}
.article-header-mobile .article-mobile-bottom-bar .article-mobile-stats{font-family: 'Montserrat', sans-serif; font-size: 10px; line-height: 20px; color: #FFF}
.article-header-mobile .article-mobile-meta-row{display: flex; justify-content: flex-end;}
.article-header-mobile .article-mobile-meta-row a{background: #000; color: #FFF; line-height: 20px; font-size: 13px; padding: 2px 5px; font-family: 'Montserrat', sans-serif; display: block}
.article-header-mobile .article-mobile-fact-bar{display: block; background: #DFFF00; font-size: 24px; line-height: 26px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; display: inline-block; color: #FFF; padding: 0 10px; font-weight: 900; margin: 15px 0 0}
.article-header-mobile .article-mobile-fact-bar a{color: #000; text-decoration: underline}
.article-header-mobile .article-mobile-fact-bar span{color: #000}

.article-mobile-category-name{font-size: 15px; line-height: 24px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; padding: 0 10px 0 40px; position: relative; display: inline-block !important; margin: 0;}
article-mobile-badges-row{display: inline-block}
.article-header-mobile .article-mobile-meta-row{display: flex; justify-content: flex-end; position: relative; margin-top: -24px; width: 158px; float: right;}
.article-mobile-category-name a{color: #FFF}
.article-mobile-category-name .article-mobile-badge-icon{border: 4px solid #000000; width: 38px; height: 38px; border-radius: 50%; position: absolute; left: -6px; top: -3px; background: #FFF;}
.article-mobile-category-name .article-mobile-badge-icon img{border-radius: 50%;}

.wallet .col-sm-4.text-right, .wallet .col-sm-2.text-right{text-align: left !important; margin: 5px 0}
.wallet .table td{font-size: 18px; line-height: 22px;}

.admin-header-toggle{float: right; background: #000; color: #FFF; padding: 6px 8px; border-radius: 6px;}
.admin-header-toggle .fa-bars{color: #ffffff; line-height: 30px; font-size: 30px;}
.btn-primary{padding: 0 10px !important}

footer .col-sm-4{width: 50%; float: left;}
footer .social-media{width: 100%;}
}

/** 10.0 - 320 - Mobile **/
@media only screen and (min-width: 320px) and (max-width: 479px) {
#menu_wrapper {background: transparent;}
.navbar-toggle .hamburger{background: #000000; float: right; padding: 6px 8px; border-radius: 6px;}
.navbar-default .navbar-toggle div{text-align: left}

.home .dashed_box h3{font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: bold; position: absolute; left: 0; bottom: 10px;}
.home .dashed_box h3 img{display: none}
.home .dashed_box h3 a{background-color: #DFFF00; padding: 0 8px; display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; color: #000; }
.home .dashed_box .categorys{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; right: 0; top: 30px; padding: 0 10px;}
.home .dashed_box .categorys a{color: #FFF}
.home .dashed_box .category-name{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; left: 10px; top: 50px; padding: 0 10px 0 22px;}
.home .dashed_box .category-name a{color: #FFF}
.home .dashed_box .category-name .icon{border: 4px solid #000000; width: 24px; height: 24px; border-radius: 50%; position: absolute; left: -4px; top: -2px; background: #FFF;} 
.home .dashed_box .category-name .icon img{width: 100%; border-radius: 50%;}
.home .dashed_box .product-name{}
.home .dashed_box .date{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; position: absolute; bottom: 48px; padding: 0 10px; display: flex; gap: 20px; align-items: center; bottom: 52px} 
.home .dashed_box .date .product-name a{font-size: 10px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #FFF;}
.home .dashed_box .list-inline.icon{margin: 0 0 10px;}

#post_header .date{font-size: 14px; line-height: 18px;}
#post_header .categorys{float: none; display: inline-block; font-size: 14px; line-height: 18px;}
#post_header h1{margin: 4px 0 4px}
.nav-tabs.sent_tab>li .pros_bg span.hidden-xs{display: none}
.nav-tabs.sent_tab>li{height: auto}

.company .row-am .col-sm-6{width: 100%;}

.company-detail-ban#post_header h1 .icon{width: 90px; height: 90px; border: 6px solid #000}
.company-detail-ban#post_header h1 span{font-size: 14px; line-height: 30px;}

.all-facts .title{width: 120px;}

.cbp-spmenu{background: #000}
.all-facts .list-inline.icon li {font-size: 14px;}

.artical-ban .head{padding: 10px 0}
.artical-ban .user-img img{position: relative}
.artical-ban .head .list-inline.large_pipe{left: 0}
.artical-ban .head .list-inline.large_pipe{flex-wrap: wrap;}
.artical-ban .user span{font-size: 16px; line-height: 27px; padding-left: 10px}
.artical-ban #post_header .head h1{left: 0; background: transparent; padding-left: 0 !important; font-size: 19px; line-height: 25px;}
.artical-ban #post_header .head h1 span{padding-left: 10px; left: 0;}

.nav-tabs.sent_tab>li .pros_bg a, .nav-tabs.sent_tab>li .cons_bg a, .nav-tabs.sent_tab>li .all_bg a{font-size: 14px; line-height: 30px;}

.home .share-facts{font-size: 8px; line-height: 10px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #000;position: absolute; right: 5px; top: 4px; font-weight: 900}
.home .dashed_box .title {background: #000; position: absolute; left: 0; top: 4px; padding: 1px 5px; width: 150px;}
.home .left h3{min-height: 36px}

.review .tab-content .article-card-meta{font-size: 12px;}
.review .tab-content .article-card-meta span.date {font-size: 10px;}
.review .tab-content .article-card-headline a{font-size: 14px; line-height: 18px; padding: 0 20px 0 30px}
.review .tab-content .article-card-meta span {padding: 0 20px 0 0;}

.user-page .profile-text #author_name{font-size: 20px; line-height: 25px;}
.user-page .row {align-items: flex-start;}

.all-facts h3{min-height: 44px; font-size: 16px; line-height: 22px;}
.all-facts .date{bottom: 58px;}

.artical-like-btn{position: absolute; top: 10px; right: 15px;}
.artical-ban{background-position: right -710px center;}
.artical-ban.prosnew{background-position: right -710px center;}
.artical-ban .user-img img {width: 102px; height: 102px;}
.artical-ban #post_header .user{position: relative; margin: -50px 0 0 80px; width: 100%;}
#post_header h1{font-size: 24px; line-height: 25px;}

.post-content .nav-tabs li a br{display: none !important}
.review .tab-content .article-card-meta{width: calc(100% + 70px)}
.review .tab-content .article-card-headline{width: calc(100% + 50px); display: flex;}
.review .tab-content .article-card-meta {font-size: 8px; margin: 0}
.review .tab-content .article-card-avatar-wrap img {width: 60px; height: 60px; border: 6px solid #000}
.review .tab-content .article-card-headline a span{display: block}
#post_header .list-inline.icon li {width: 130px;}
#post_header h1{width: 100% !important; font-size: 16px; line-height: 20px;}
#post_header .date span.product-name {margin-left: 30px;}

.article-header-mobile{padding: 0}
.article-header-mobile .article-mobile-top-bar{background: #000; padding: 0 10px; display: flex; align-items: center; justify-content: space-between;}
.article-header-mobile .article-mobile-top-bar .article-mobile-date{font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 20px; color: #FFF}
.article-header-mobile .article-mobile-top-bar .article-mobile-stats{font-family: 'Montserrat', sans-serif; font-size: 10px; line-height: 20px; color: #FFF}
.article-header-mobile .article-mobile-author-row{position: relative; padding: 10px; z-index: 1}
.article-header-mobile .article-mobile-author-row .article-mobile-avatar{width: 90px; height: 90px; border-radius: 50%; border: 6px solid #000;}
.article-header-mobile .article-mobile-author-row .article-mobile-opinion-icon{width: 42px; height: 42px; border-radius: 50%; border: 3px solid #000; display: flex; align-items: center; justify-content: center; position: absolute; left: 60px; bottom: 0; background: #0FDF00;}
.article-header-mobile .article-mobile-author-row .article-mobile-like-wrap{position: absolute; right: 10px; top: 20px;}
.article-header-mobile .article-mobile-author-name-bar{background: #000; position: relative; margin-top: -27px; color: #FFF; width: calc(100% - 90px); left: 90px; padding: 0 15px; font-family: 'Montserrat', sans-serif;}
.article-header-mobile .article-mobile-author-name-bar a{font-size: 17px; font-weight: 20px; text-transform: uppercase; font-weight: bold; color: #FFF}
.article-header-mobile .article-mobile-title {font-size: 18px; line-height: 32px; background: #000; color: #0FDF00; padding: 0 10px !important; font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; margin: 20px 0 -1px} 
.article-header-mobile .article-mobile-bottom-bar{background: #000; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; margin: 0 0 15px}
.article-header-mobile .article-mobile-bottom-bar .article-mobile-date{font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 20px; color: #FFF}
.article-header-mobile .article-mobile-bottom-bar .article-mobile-stats{font-family: 'Montserrat', sans-serif; font-size: 10px; line-height: 20px; color: #FFF}
.article-header-mobile .article-mobile-meta-row{display: flex; justify-content: flex-end;}
.article-header-mobile .article-mobile-meta-row a{background: #000; color: #FFF; line-height: 20px; font-size: 13px; padding: 2px 5px; font-family: 'Montserrat', sans-serif; display: block}
.article-header-mobile .article-mobile-fact-bar{display: block; background: #DFFF00; font-size: 18px; line-height: 26px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; display: inline-block; color: #FFF; padding: 0 10px; font-weight: 900; margin: 15px 0 0}
.article-header-mobile .article-mobile-fact-bar a{color: #000; text-decoration: underline}
.article-header-mobile .article-mobile-fact-bar span{color: #000}

.article-mobile-category-name{font-size: 15px; line-height: 24px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background: #000; color: #FFF; padding: 0 10px 0 40px; position: relative; display: inline-block !important; margin: 0;left: 10px;}
article-mobile-badges-row{display: inline-block}
.article-header-mobile .article-mobile-meta-row{display: flex; justify-content: flex-end; position: relative; margin-top: -24px; width: 158px; float: right;}
.article-mobile-category-name a{color: #FFF}
.article-mobile-category-name .article-mobile-badge-icon{border: 4px solid #000000; width: 38px; height: 38px; border-radius: 50%; position: absolute; left: -6px; top: -6px; background: #FFF;}
.article-mobile-category-name .article-mobile-badge-icon img{border-radius: 50%;}

.review .tab-content .article-card-description {width: calc(100% + 20px); position: relative; left: -20px;margin: 0px !important;}

.wallet .col-sm-4.text-right, .wallet .col-sm-2.text-right{text-align: left !important; margin: 5px 0}
.wallet .table td{font-size: 18px; line-height: 22px;}

.admin-header-toggle{float: right; background: #000; color: #FFF; padding: 6px 8px; border-radius: 6px;}
.admin-header-toggle .fa-bars{color: #ffffff; line-height: 30px; font-size: 30px;}
.btn-primary{padding: 0 10px !important}
.admin-header-collapse{position: absolute; background: #000; top: 53px; width: 100%; right: 0; padding: 15px; display: none}
.admin-header-collapse .list-inline>li{display: block; line-height: 30px;}
.admin-header-collapse .list-inline>li a{color: #fff}

footer .col-sm-4{width: 50%; float: left;}
footer .social-media{width: 100%;}

.invest-related-wrap .invest-m-top{width: calc(100% + 40px); flex-wrap: wrap; padding: 5px 10px 5px 52px; font-size: 14px;}
.invest-m-title{font-size: 14px;}
}

#topbar .dropdown-menu {
    background-color : #000000 !important; 
    border : none !important;
}
#topbar .dropdown-menu > li > a:hover {
    background: #ACDD01 !important;
    color: #fff !important;
}
.white-menu li a{
    color: #000 !important;
}

@media screen and (max-width: 767px) {
.company-detail-ban#post_header h1 span{left: -5px;}

.navbar-nav{border-bottom: 1px solid #606060; padding: 20px 0}
#main_menu > ul > li {border-bottom: none;}
#main_menu > ul > li > a{padding: 8px 20px}
.navbar-tools li a{text-transform: uppercase; font-weight: 600 !important}
.navbar-tools li a span{color: #DFFF00}
#main_menu > ul > li:last-child{background: #000}
#main_menu > ul > li:last-child a{margin: 0 20px; background: #DFFF00; color: #000; text-transform: uppercase; font-weight: 800; font-size: 18px; display: inline-block;}
.navbar-tools{margin: 0;}
#main_menu .navbar-tools .dropdown{border-bottom: 1px solid #606060 !important; padding: 10px 0; margin: 0 0 14px}
#main_menu .navbar-tools .dropdown-menu li a{padding: 8px 20px 8px 36px !important; border-bottom: none;}
.cbp-spmenu-push-toright {left: 0;}
}