.vc_row-no-padding{ margin:0;}
#login_box{ max-width:550px;}
footer.bg-light {margin:0; position: sticky; top: calc(100% - 61px);left: 0;}
footer .footer-bottom{ margin:20px 0 0; padding:20px 0;}
.footer-bottom .link li a,
footer .footer-bottom p{ line-height:20px;}
.footer-bottom .link li a:before{ top:50%; transform:translateY(-50%);}
.footer-bottom .link ul{ margin:0;}
.attr-nav > ul{ vertical-align:top; }
.attr-nav > ul {margin:0;}
.navbar{ min-height:60px;}
#downloads_tab {padding-top: 20px; padding-bottom: 0;}
.streamlink_block { margin-top:20px;}

.tabbable .tab-content .tab-pane.p-30{ padding:0 !important;}
.row.moonlight_block, .row.streamlink_block{ margin:0;}
.row.streamlink_block{ margin-top:2rem;}
#downloads_tab{padding:20px !important;}
#discord_tab{padding:20px !important;}
#billing_tab .tabbable { margin-top:20px;}
.content.cus-panel.col-sm-12>.col-sm-10{ padding:0;}
nav.navbar.bootsnav.sticked .attr-nav ul li { padding:22px 0 !important;}




@media(max-width: 1199px){
    .container { width:100%;}
    #login_box{ max-width:500px; width:calc(100% - 30px);}
    nav.navbar.bootsnav.sticked ul.nav > li > a,
    nav.navbar.bootsnav ul.nav > li > a{ padding:20px 8px; letter-spacing:.04em;}
    .navbar-brand>img {height: 40px;}
    nav.navbar.bootsnav.sticked .attr-nav ul li,
    nav.navbar.bootsnav .navbar-brand {padding:15px 0 !important;}
    .navbar .attr-nav > ul > li {padding: 10px 0 !important;}
    .dashboard-wrapper{ max-width:100%; width:100%; padding:0 15px;}
    .tab-content .tabbable ul.nav.nav-tabs {display: flex;justify-content: space-between;}
    .tab-content .tabbable ul.nav.nav-tabs li {width:auto !important;}
    .tabbable.boxed.parentTabs.vm_settings ul.user-tabs { display:block; margin:20px 0 0;}
    .tabbable.boxed.parentTabs.vm_settings ul.user-tabs li:last-child,
    .tabbable.boxed.parentTabs.vm_settings ul.user-tabs li{ width:auto !important;}
    .dropdown-content{ top:29px;}
    .console-actions>*{ position:relative !important; overflow:visible;}
}

@media(max-width:1024px){
    nav.navbar.bootsnav .navbar-toggle { margin:0; width:24px; height:18px; position:absolute; left:15px; top:50%; transform:translateY(-50%);}
    nav.navbar.bootsnav .navbar-toggle span{ background:#4ac4f3; height:2px; display:block; width:100%;}
    nav.navbar.bootsnav .navbar-toggle span:nth-child(2){margin:4px 0;}
    .attr-nav > ul > li > a { padding:5px 20px !important;}
    nav.bootsnav .container {display: flex;align-items: center;}
    .navbar .attr-nav > ul > li{ padding:0 !important;}
    .attr-nav {position:absolute; right:15px; top:50%; transform:translateY(-50%); height:32px;}
    .attr-nav > ul {padding:0; margin:0;}
    nav.navbar.bootsnav .navbar-header {float:left; display:block; text-align:center; margin:0 0 0 40px; padding:0;}
    nav.navbar.bootsnav.no-full .navbar-collapse {max-height:350px; overflow-y:auto !important; position:absolute; top:100%; left:0; 
    width:100%; border:1px solid #eee; z-index:100; background:#fff; margin:0;}
    nav.navbar.bootsnav .navbar-nav{ padding:0 15px;}
    nav.navbar.bootsnav .navbar-brand {padding: 10px 10px;}
    nav.navbar.bootsnav.sticked .attr-nav ul li { padding:0 !important;}
    .streamlink_block, .moonlight_block{ padding:25px;}
    #downloads_tab .moolight_features{ width:100%; padding:1rem 0 0;}
    #downloads_tab .moolight_features ul{ margin:0; display:flex; justify-content:center; flex-wrap:wrap;}
    #downloads_tab .feature-list h3 {margin: 0 0 15px;}
    .feature-list + p.p-t-25{ padding:15px 0;}
    #downloads_tab { padding:20px 30px 0px;}
    .streamlink_block { margin-top:30px;}
    .tab-pane.p-30.active{ padding:0;}
    .tabbable .tabbable ul.nav.nav-tabs a {font-size: 12px; letter-spacing: 0.02em;}
    .loader-wrapper {left:50%; transform:translate(-50%, -50%); width:100%;}
    .datatable-header .dataTables_length label{ margin:0; line-height:30px;}
    .datatable-header .dataTables_length label select{ height:30px; }
    .datatable-scroll {overflow: scroll;}
}

@media(max-width:991px){
    .summary_info.bottom_box_shasow + .col-md-12 .col-md-6{ padding:0;}
    .summary_info.bottom_box_shasow + .col-md-12 .col-md-6 + .col-md-6{ margin-top:1rem;}
    .nav.user-tabs>li>a{ padding:10px; font-size:11.5px; line-height:20px; margin:0;}
    .row.streamlink_block .col-md-4,
    .row.moonlight_block .col-md-4{ width:30%; margin:0 0 1rem; text-align:center;}
    .row.streamlink_block .col-md-8,
    .row.moonlight_block .col-md-8{ width:70%;}
    .streamlink_block, .moonlight_block{ display:flex;}
    .summary_info.bottom_box_shasow>.col-md-12{ display:flex;}
    .summary_info.bottom_box_shasow>.col-md-12>.col-md-9,
    .summary_info.bottom_box_shasow>.col-md-12>.col-md-8,
    .summary_info.bottom_box_shasow>.col-md-12>.col-md-6,
    .summary_info.bottom_box_shasow>.col-md-12>.col-md-4,
    .summary_info.bottom_box_shasow>.col-md-12>.col-md-3{ width:50%;}
    .new-creditcard-wrapper>.form-group>.col-sm-3{ width:35%; } 
    #add_credit_frm>.form-group>.col-sm-3{ width:35%; } 
    .datatable-search { margin:0 0 15px; display:flex; flex-wrap:wrap; align-items:end;}
    .datatable-search span {margin-right: 10px;width:29%;}
    .datatable-search .btn-blue {margin:0 !important;}
    .datatable-search .btn-white {margin: 0 0 0 10px !important;}
    .datatable-search input[type="text"] {margin-left: 0;}

}

@media (min-width: 768px){
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left:0;}
}

@media(max-width: 767px){
    nav.navbar.bootsnav .navbar-header {margin:0; padding:0 0 0 30px;}
    #login_box{ padding:25px;}
    footer .footer-bottom { text-align:center;}
    .text-right.link { text-align:center;}
    .text-right.link ul{ margin:10px 0 0;}
    footer .footer-bottom p { line-height:20px; font-size:12px;}
    .footer-bottom .link li a::before {top:50%;transform: translateY(-50%);}
    .footer-bottom .link li a {margin-left: 10px; padding-left: 10px; font-size: 13px;}
    footer.bg-light { top:calc(100% - 92px);}
    .tab-content .tabbable ul.nav.nav-tabs{ flex-wrap:wrap;}
    .tab-content .tabbable ul.nav.nav-tabs li {width:50% !important;}
    .tab-content .tabbable ul.nav.nav-tabs li:last-child{width:100% !important;}
    .console-actions { display:flex; flex-wrap:wrap; padding:15px !important;}
    .console-actions>* { width:calc(50% - 4px); margin:2px;}
    .console-actions * button{ width:100%;}
    .available_credit_li { float:right !important; margin:0;}
    .available_credit_li>div{ line-height:40px;}
    .available_credit_li>div a{ margin-top:-2px;}
    .nav.user-tabs{ background:#fff; margin:0 0 1.5rem;}
    .nav.user-tabs>li{ width:50%; background:#fff; margin:0 !important; box-shadow:0 0 40px #ccccccb3;}
    .nav.user-tabs>li>a>img {max-height:18px;}
    .nav.user-tabs>li.available_credit_li{ width:100%; text-align:center;}
    .site-main{ margin-top:15px !important;}
    .row.streamlink_block .col-md-4,
    .row.moonlight_block .col-md-4{ width:100%;}
    .row.streamlink_block .col-md-8,
    .row.moonlight_block .col-md-8{ width:100%;}
    .streamlink_block, .moonlight_block {flex-wrap:wrap;padding:15px 0;}
    .summary_info.bottom_box_shasow>.col-md-12>.col-md-9,
    .summary_info.bottom_box_shasow>.col-md-12>.col-md-8,
    .summary_info.bottom_box_shasow>.col-md-12>.col-md-6,
    .summary_info.bottom_box_shasow>.col-md-12>.col-md-4,
    .summary_info.bottom_box_shasow>.col-md-12>.col-md-3{ font-size:12px;}
    .new-creditcard-wrapper>.form-group>.col-sm-3{ width:100%; } 
    #add_credit_frm>.form-group>.col-sm-3{ width:100%; } 
    .controls.cc-ym-wrapper{ display:flex; }
    .controls.cc-ym-wrapper>.col-sm-6{ width:50%;}
    .form-group { margin-bottom:15px !important;}
    .datatable-search span { width: calc(50% - 10px); margin:0 0 10px;}
    .datatable-search span:first-child{ margin-right:10px;}
    .datatable-search span + span{ margin-left:10px;}
    .datatable-search input[type="text"]{ width:100%; margin:0;}
    .datatable-search .btn-blue { padding:8px 15px; margin-right:5px;}
    .summary_info.bottom_box_shasow>.col-md-12 > div + div {margin-left: auto;}
}

@media(max-width: 439px){
    .attr-nav > ul > li > a { padding:5px 10px !important; min-width:inherit; font-size:11px;}
    .datatable-search span { width:100%; margin:0 0 10px;}
    .datatable-search span:first-child{ margin-right:0;}
    .datatable-search span + span{ margin-left:0; }
}

@media(max-width:374px){
    .tab-content .tabbable ul.nav.nav-tabs li {width:100% !important;}
    .summary_info.bottom_box_shasow>.col-md-12>.col-md-9,
    .summary_info.bottom_box_shasow>.col-md-12>.col-md-8,
    .summary_info.bottom_box_shasow>.col-md-12>.col-md-6,
    .summary_info.bottom_box_shasow>.col-md-12>.col-md-4,
    .summary_info.bottom_box_shasow>.col-md-12>.col-md-3{ font-size:11px;}
}