@media (min-width:768px) {
    .top-header .col-md-6.col-sm-6.navbar-collapse{width:50%}
    #modeltheme-main-head .col-md-9.navbar-collapse{width:75%}
#diskUsage .usage-dial,#bandwidthUsage .usage-dial{display:inline-block!important}
.whmcs_bridge_page{color:#777!important;font-family:'Roboto',sans-serif!important;font-weight:400;background-color:#f5f6fa}
#bridge .caret{color:#5a5f69}
#bridge h1,#bridge h2,#bridge h3,#bridge h4,#bridge h5{font-family:'Roboto',sans-serif!important;color:#222!important;font-weight:500}
#bridge .breadcrumb{margin-left:0;background:0 0;padding-left:0}
#bridge section#main-body{padding-top:40px;padding-bottom:40px;background-color:#edf5f8;border-bottom:1px solid #cfdbe3}
#bridge .main-content{margin-bottom:0}
#bridge .kbcategories{margin-bottom:10px}
#bridge .announcement-single .title{font-weight:500}
#modeltheme-main-head{margin-bottom:0}
div#bridge ul.nav li.dropdown:hover ul.dropdown-menu{display:block}
#bridge .navbar-nav{margin:0}
#bridge .navbar-default .navbar-collapse,#bridge .navbar-default .navbar-form{border:none}
.header-title-breadcrumb .breadcrumb{margin-bottom:0}
.header-title-breadcrumb .breadcrumb a{text-decoration:none}
.header-title-breadcrumb .breadcrumb>li+li:before{display:none}
div#primary{padding:0}
div#content.container{width:100%!important;padding:0}
#bridge .container{width:1170px;padding-left:0;padding-right:0}
#bridge section#header .logo-text{color:#fff;font-size:16px;line-height:16px;font-weight:700;text-transform:uppercase;margin-top:12px;display:inline-block;font-family:'Roboto',sans-serif!important}
#bridge #home-banner h2{color:#222!important}
#bridge .navbar-main{background:#deecf1}
#bridge .navbar-main li.account{background: #222222 !important}
#bridge #primary-nav>.nav.navbar-nav li.account > a{color:#fff!important}
#bridge .label-warning{background: #222222 !important}
#bridge #home-banner{background:#eff6f8!important}
#bridge .home-shortcuts{background-color:#222222}
#bridge ul.top-nav>li.primary-action>a.btn{background-color:#fff;padding:10px 24px;border-radius:32px;font-size:14px;line-height:13px;font-weight:500;transition:.5s ease-in-out;color:#222}
#bridge ul.top-nav>li.primary-action>a.btn:hover{background-color:transparent;color:#fff;box-shadow:0 0 0 2px inset rgba(255,255,255,1)}
#bridge #primary-nav{padding:0}
#bridge div.announcement-single:last-child{margin-bottom:0}
#bridge div.announcement-single h3 a{color:#222222}
#bridge .announcement-single a.label.label-warning{display:inline-block;padding:10px 15px;border-radius:32px;background: #222222 !important}
#bridge .announcement-single a.label.label-warning:hover{background-color:#222222}
#bridge section#footer{background-color:#1d1c1c;color:#fff}
#bridge .navbar-main .navbar-nav>.active>a,#bridge .navbar-main .navbar-nav>.active>a:focus,#bridge .navbar-main .navbar-nav>.active>a:hover,#bridge .navbar-main .navbar-nav>.open>a,#bridge .navbar-main .navbar-nav>.open>a:focus,#bridge .navbar-main .navbar-nav>.open>a:hover,#bridge .navbar-main .navbar-nav>li>a:focus,#bridge .navbar-main .navbar-nav>li>a:hover{background-color:transparent}
#bridge .navbar-main .navbar-nav .dropdown-menu>.active>a,#bridge .navbar-main .navbar-nav .dropdown-menu>.active>a:focus,#bridge .navbar-main .navbar-nav .dropdown-menu>.active>a:hover,#bridge .navbar-main .navbar-nav .dropdown-menu>.open>a,#bridge .navbar-main .navbar-nav .dropdown-menu>.open>a:focus,#bridge .navbar-main .navbar-nav .dropdown-menu>.open>a:hover{background-color: #222222 !important;color:#fff!important}
#bridge .dropdown-menu>li>a{color:#777}
#bridge section#footer .back-to-top i{background-color:#fff;opacity:1;color:#030f28}
#bridge section#footer .back-to-top i:hover{opacity:.7}
#bridge .panel-sidebar>.panel-heading{background-color:#f1f1f1;color:#030f28}
#bridge .panel-sidebar .panel-title{color:#030f28;font-weight:500;font-size:1.2em}
#bridge .panel-sidebar .list-group-item i.fa:not(.fa-circle-o):not(.fa-dot-circle-o),#bridge .panel-sidebar .panel-title .fa{color:#3fd7d7}
#bridge .list-group a .fa{color:#777!important}
#bridge .panel-sidebar a.list-group-item.active,#bridge .panel-sidebar a.list-group-item.active:focus,#bridge .panel-sidebar a.list-group-item.active:hover{background-color: #222222;border-color: #222222}
#bridge a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{background-color: #0c4bff;color:#fff}
#bridge .panel-sidebar a.list-group-item:hover i.far,#bridge .panel-sidebar a.list-group-item:hover i.fas{color:#fff!important}
#bridge .panel-sidebar a.list-group-item.active .fa,#bridge .panel-sidebar a.list-group-item.active:focus .fa,#bridge .panel-sidebar a.list-group-item.active:hover .fa{color:#fff!important}
#bridge div.header-lined .breadcrumb li a,#bridge div.header-lined h1{color:#222222}
#bridge div.header-lined .breadcrumb li a:hover{color:#222222}
#bridge .label-info{background-color: #222222;color:#fff}
#bridge .btn-default{color:#fff;background-color: #222222;border-color:#222222}
.btn-default:active,.btn-default:hover,#bridge .btn-default.active,#bridge .btn-default.active.focus,#bridge .btn-default.active:focus,#bridge .btn-default.active:hover,#bridge .btn-default:active.focus,#bridge .btn-default:active:focus,#bridge .btn-default:active:hover,#bridge .open>.dropdown-toggle.btn-default,#bridge .open>.dropdown-toggle.btn-default.focus,#bridge .open>.dropdown-toggle.btn-default:focus,#bridge .open>.dropdown-toggle.btn-default:hover{color:#fff;background: #0c4bff !important;border-color: #0c4bff}
#bridge .btn-primary{color:#fff;background: #0c4bff !important;border-color:#0c4bff}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary,#bridge .btn-primary:hover{color:#fff;background-color: #222222;border-color:#222222}
#bridge #inputMessage{width:77%}
#bridge #registration .sub-heading span{color:#222222}
#bridge .panel-title .glyphicon{color:#222222}
#bridge .domain-checker-container{background: #222222 !important;margin-top:30px}
#bridge .domain-checker-bg{background: #222222 !important;border-radius:32px}
#bridge .domain-checker-container .input-group-box{border-radius:32px;padding:0}
#bridge .domain-checker-container .input-group-box.input-group-lg >.form-control{border:none;padding:0 15px;border-radius:32px 0 0 32px}
#bridge .domain-checker-container .input-group-box.input-group-lg #btnCheckAvailability{border-radius:32px}
#bridge .btn-success{background-color: #0c4bff !important;border-color: #0c4bff !important;transition:.5s ease-in-out}
#bridge .btn-success:hover{background-color:#0f90f5!important;border-color:#0f90f5!important}
#bridge #order-modern .product:hover{background-color:#f1f1f1!important}
#bridge #order-modern .product .name{font-family:'Roboto',sans-serif!important;color: #0c4bff !important}
#bridge #order-modern .product .description ul{padding:0;margin:0;list-style-type:none}
#bridge #order-modern .product .description{margin:15px 0!important}
#bridge section#header{background: #222222 !important;border-radius:0}
#bridge ul.top-nav>li>a{color:#fff;font-weight:500;font-size:14px;line-height:14px}
#bridge ul.top-nav>li.primary-action{border-color:rgba(255,255,255,.5)}
#bridge ul.top-nav>li>a .caret{border-top:4px dashed #fff}
#bridge ul.top-nav{margin-top:0;margin-bottom:0}
#bridge .home-shortcuts{width:100%;float:left;padding:100px 0;background:#deecf1;margin-bottom:50px}
#bridge .home-shortcuts .col-md-4.hidden-sm.hidden-xs.text-center{width:100%}
#bridge .home-shortcuts .col-md-4.hidden-sm.hidden-xs.text-center p{font-size:30px;line-height:30px;font-weight:500;margin-bottom:35px;text-transform:capitalize;font-family:'Roboto',sans-serif!important;color:#222!important}
#bridge .home-shortcuts .col-sm-12.col-md-8{width:100%}
#bridge .home-shortcuts li{width:23%;background:#fff;padding:60px 0;text-align:center;border:none;margin-right:2%;box-shadow:0 20px 30px rgba(0,0,0,.1);position:relative;overflow:hidden;transition:.5s ease-in-out;height:200px}
#bridge .home-shortcuts li:before{content:'';position:absolute;top:0;right:-50px;bottom:0;left:0;border-right:50px solid transparent;border-bottom:250px solid #0c4bff;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:.5s ease-in-out}
#bridge .home-shortcuts li:hover:before{-webkit-transform:translateX(0);transform:translateX(0)}
#bridge .home-shortcuts li a{z-index:1;position:relative}
#bridge .home-shortcuts li i{color: #222222;transition:.5s ease-in-out}
#bridge .home-shortcuts li p{font-size:20px;line-height:20px;font-weight:500;text-transform:capitalize;color: #222222;transition:.5s ease-in-out}
#bridge .home-shortcuts li i{font-size:50px;margin-bottom:10px}
#bridge .label-warning[href]:focus,#bridge .label-warning[href]:hover{background-color:#222222}
#bridge .home-shortcuts li:last-child{margin-right:0}
#bridge .home-shortcuts li:hover i{color:#fff}
#bridge .home-shortcuts li:hover p{color:#fff}
#bridge ul.top-nav>li:active>a,#bridge ul.top-nav>li:focus>a,#bridge ul.top-nav>li:hover>a,#bridge ul.top-nav>li>a:focus{color:#fff}
#bridge .home-shortcuts li:first-child{border-left:0}
#bridge .home-shortcuts li:hover span{display:none}
#bridge div.announcement-single blockquote{background:#fff;padding:40px}
#bridge div.announcement-single blockquote p{line-height:26px;color:#666}
#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg{background:#fff;padding:6px 10px;margin-top:20px;border:1px solid #9fb2c3;border-radius:32px;box-shadow:10px 0 20px rgba(0,0,0,.1)}
#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=submit]{padding:12px 35px;border-radius:4px!important;font-size:14px;line-height:14px;font-weight:500!important;color:#222;transition:.5s ease-in-out;letter-spacing:1px;height:auto!important}
#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=submit].btn.search{margin-right:5px}
#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=submit].btn.search,#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=submit].btn.transfer:hover{border-color: #0c4bff;background: #0c4bff !important;color:#fff;border-radius:32px!important}
#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=submit].btn.transfer{background-color:transparent;padding:12px 25px;color: #0c4bff;border:1px solid #0c4bff;border-radius:32px!important}
#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=submit].btn.search:hover{background-color: #222222 !important;color:#fff!important}
#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=submit]:focus{outline-width:0}
#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=text]{font-size:16px!important;line-height:16px!important;font-weight:500!important;color:#222}
#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=text]::placeholder{color:#5a5f69!important;opacity:1}
#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=text]:-ms-input-placeholder{color:#777}
#bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=text]::-ms-input-placeholder{color:#777}
#bridge #primary-nav>.nav.navbar-nav li > a{position:relative;font-weight:600!important;font-family:'Roboto',sans-serif!important;color:#5a5f69!important}
#bridge #primary-nav>.nav.navbar-nav li a:before{bottom:auto;top:0;width:70%}
#bridge #primary-nav>.nav.navbar-nav li a:hover:before{bottom:auto;top:0}
#bridge .navbar-main .navbar-nav>li#Secondary_Navbar-Account>a{padding-left:15px;padding-right:15px}
#bridge .navbar-main .navbar-nav>li>a{padding-top:20px;padding-bottom:20px;position:relative;color:#222}
#bridge .navbar-main .navbar-nav>li:first-child>a{padding-left:0}
#bridge #footer{display:none}
#bridge .list-group-item{padding:10px 15px}
#bridge .table>tbody>tr>td,#bridge .table>tbody>tr>th,#bridge .table>tfoot>tr>td,#bridge .table>tfoot>tr>th,#bridge .table>thead>tr>td,#bridge .table>thead>tr>th{border-color:transparent!important;border-top:1px solid #ddd!important}
#bridge #order-modern .cart_dropdown{display:block;background:#333;width:210px;padding:15px;border:none;margin-top:0}
#bridge .input-group-btn{z-index:9}
#bridge #order-modern .choosecat{float:left;margin:0}
#bridge #order-modern .currencychooser{margin:-25px 0 15px}
#bridge .btn-group>.btn:first-child{margin-left:0}
.language-popover .popover-content li:hover a{color:#0f90f5!important}
input[type="button"],input[type="reset"],input[type="submit"]{background:#0f90f5}
@media screen and (max-width:1199px) {
    #bridge .container{width:970px}
    #bridge{margin-top:75px}
}
@media screen and (max-width:991px) {
    #bridge .container{width:750px}
    #bridge{margin-top:-1px}
    #bridge .navbar-collapse{margin:0}
    #bridge .navbar-main .navbar-nav>li>a{padding-left:0;padding-right:0}
    #bridge .navbar-main .navbar-nav>li#Secondary_Navbar-Account>a:active,#bridge .navbar-main .navbar-nav>li#Secondary_Navbar-Account>a:focus,#bridge .navbar-main .navbar-nav>li#Secondary_Navbar-Account>a:hover,#bridge .navbar-main .navbar-nav>li>a:active,#bridge .navbar-main .navbar-nav>li>a:focus,#bridge .navbar-main .navbar-nav>li>a:hover{padding-left:15px;padding-right:15px}
    #bridge .navbar-main .navbar-nav>li>a{padding:10px 15px!important}
    #bridge .navbar-main .navbar-nav>li#Secondary_Navbar-Account>.dropdown-menu,#bridge .navbar-nav>li>.dropdown-menu{float:left;width:100%}
    #bridge .navbar-nav>li>.dropdown-menu{position:relative}
    #bridge .navbar-main .navbar-nav>li#Secondary_Navbar-Account>a{padding-left:0;padding-right:15px}
    .navbar-main .navbar-toggle .icon-bar{background-color:#000}
    .navbar-main .navbar-toggle{border-color:#000}
    #bridge .navbar-collapse{margin:0;position:absolute;right:0;top:100%;width:200px;background-color:#4f4b6c;z-index:200;padding:0}
    #bridge .navbar-nav>li>.dropdown-menu{background:transparent;margin-bottom:0;padding:0}
    #bridge .dropdown-menu>li>a{color:#fff!important;font-size:12px!important;line-height:30px!important;padding:0 15px!important}
    #bridge .navbar-nav>li>.dropdown-menu{padding:0;margin-bottom:0}
    #bridge #primary-nav >.nav.navbar-nav li.dropdown{transition:all ease-in-out .5s;overflow:hidden}
    #bridge #primary-nav >.nav.navbar-nav li.dropdown .dropdown-menu{max-height:0;transition:all ease-in-out .5s}
    #bridge #primary-nav >.nav.navbar-nav li.dropdown.open .dropdown-menu{display:block;max-height:470px;padding:0 15px}
    #bridge .navbar-main .navbar-nav>li > a.dropdown-toggle:hover,#bridge .navbar-main .navbar-nav>li > a.dropdown-toggle:focus{background:rgba(0,0,0,0.9)!important}
    .navbar-main .navbar-toggle:focus .icon-bar,.navbar-main .navbar-toggle:hover .icon-bar{background-color:fff}
    #bridge #nav.navbar-main .navbar-nav>.active>a:before,#bridge #nav.navbar-main .navbar-nav>.active>a:focus:before,#bridge #nav.navbar-main .navbar-nav>.active>a:hover:before,#bridge #nav.navbar-main .navbar-nav>.open>a:before,#bridge #nav.navbar-main .navbar-nav>.open>a:focus:before,#bridge #nav.navbar-main .navbar-nav>.open>a:hover:before,#bridge #nav.navbar-main .navbar-nav>li>a:focus:before,#bridge #nav.navbar-main .navbar-nav>li>a:hover:before{display:none}
    #bridge .input-group-btn{z-index:1}
    #bridge #primary-nav >.nav.navbar-nav li a{color:#fff!important;font-weight:400!important}
    #bridge .navbar-main{border-bottom:none}
    #bridge .dropdown-menu>li>a{padding-top:5px;padding-bottom:5px;color:#fff!important}
    #bridge .caret{color:#fff}
}
@media screen and (max-width:767px) {
    #bridge .dataTables_wrapper{overflow-x:auto!important;overflow-y:hidden!important}
    #bridge .dataTables_wrapper table.table-list{width:900px!important}
    #bridge .home-shortcuts{padding:50px 0}
    #bridge .home-shortcuts li{width:50%!important;margin:10px auto!important}
    #bridge .container{width:100%;padding:0 15px}
}
@media screen and (max-width:480px) {
    #bridge .logo,#bridge .top-nav{width:100%;float:left;text-align:right}
    #bridge .logo{padding-top:15px;text-align:center}
    #bridge #order-modern .currencychooser{text-align:center!important}
    #bridge section#header .logo img{width:50%}
    #bridge .announcement-single h3{line-height:24px}
    #bridge .dataTables_info{float:left!important;width:100%!important;margin-top:20px!important}
    #bridge .dataTables_filter{float:left!important;width:100%!important;background:#4f5360!important;margin-top:10px!important}
    #bridge #bridge .listtable{float:left}
    #bridge .home-shortcuts li{width:80%!important;margin:10px auto!important;float:none;height:140px;padding:20px 0 30px}
    #bridge ul.top-nav>li>a{font-size:14px;line-height:14px}
    #bridge .input-group-btn{display:inline-table}
    #bridge section#home-banner .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1>.input-group.input-group-lg input[type=text]{text-align:center}
    #bridge div.announcement-single blockquote{padding:20px;font-size:14px;line-height:24px}
    #bridge .home-shortcuts{margin-bottom:20px}
    #bridge section#header .logo-text{display:none}
    #bridge .main-content{margin-bottom:0}
    #bridge ul.top-nav>li.primary-action>a.btn{padding:7px 10px;font-size:12px;line-height:12px}
    #bridge .home-shortcuts li p{font-size:16px;line-height:16px}
    section#home-banner h2{font-size:18px}
    #bridge .dropdown-menu>li>a{font-size:14px!important;line-height:20px!important;padding:0!important}
    #bridge .navbar-nav>li>.dropdown-menu{padding:0 15px}
    #bridge .navbar-main .navbar-nav>li>a{padding:5px 15px!important}
}