#page {
    min-width: 320px;
    /* border: 2px solid red; */
    /* max-width: 1170px; */
}

#language-change .descr,
.nav-dummy{
    display:none;
}
.text-to-icon .icon{
    display: none;
    position: relative;
}
.text-to-icon .icon:hover::after{
    background: #333;
    background: rgba(105, 105, 105, 0.8);
    border-radius: 3px;
    color: #fff;
    content: attr(title);
    left: 50%;
    top: 120%;
    padding: 5px 10px;
    position: absolute;
    z-index: 98;
    display: inline-block;
    transform: translateX(-50%);
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.show-xs,
.show-sm,
.show-md{
    display:none;
}

#board-services-more{
    max-height: 50vh;
    overflow: auto;

}
#show-more-services{
    position: relative;
}
#show-more-services select{
    display: none;
}


.ui-slider-form{
    display:flex;
    /* min-width: 80px; */
    flex-wrap: wrap;
}
.slides{
    width: auto;
    float: none;
    display: block;
    flex-grow: 1;
    margin: 10px;
    vertical-align: top;
    border-radius: 10px;
    background: linear-gradient(to bottom, #a8a8a8, #cdcdcd) no-repeat;
    background-size: 100% 60%;
    background-position: 40%;
    min-width: 100px;
}
.slides .sl, .slides .sr{
    display:none;
}
.slides .ui-slider-handle{
    transform: translateX(-50%);
}

/* CART */
#page #cont{
    flex-grow: 1;
    width: 70%!important;
}
.cart-wrapper{
    display:flex;
    clear: both;
}
#sidemenu{
    order: 1;
    width: 30%;
    padding-left: 20px;
    box-sizing: border-box;
    /* position: relative; */
    float: none;
}
#floater{
    width: 100%;
}

.default-cart .domain-tld-checkbox{
    display: none;
}
.default-cart .domain-input-bulk,
.default-cart .domain-tld-multiselect{
    display: inline-block!important;
    width: calc(50% - 10px);
    float: left;
    margin: 5px!important;
}
.default-cart .domain-input-bulk textarea,
.default-cart .domain-tld-multiselect select{
    width: 100%!important;
    box-sizing: border-box;
    min-height: 90px;
    vertical-align: middle
}

.default-cart #sld_transfer,
.default-cart #tld_transfer,
.default-cart #sld_update,
.default-cart #tld_update,
.default-cart #sld_subdomain{
    width: auto;
    max-width: 45%;
    display: inline;
}
.default-cart #sld_subdomain{
    max-width: 60%;
}

.summary-full .line .name{
    word-wrap: break-word
}

.summary-full .billing .name{
    text-align: right
}

#cart-gateway-list {
    columns: 180px 3;
}

#cart-gateway-list .gate{
    display: block;
    break-inside: avoid
}
.ccform input{
    margin: 0;
}
.ccform select{
    display:inline-block!important;
    min-width: 80px;
    width: auto;
}
.ccform .cfitm{
    padding: 5px!important
}
.suggested-products .slide{
    width: calc(100vw - 180px);
    max-width: 1060px;
}
.suggested-products .pull-left{
    width: calc(25% - 16px);
}
.suggested-products .pull-left a{
    width: 100%;
}
.suggested-products .pull-left .square-box{
    width: auto;
}

@media(max-width: 1440px){
    #main-header .container, #page, #main-footer{
        width: calc(100% - 40px);
        /* margin: 0 20px; */
    }
}

@media(max-width: 979px){
    .hide-md{
        display: none!important;
    }
    .show-md{
        display: initial!important;
    }
    div.show-md{
        display: block!important;
    }
    #main-header .navbar-inner{
        /* padding-left: 67px; */
        height: 58px;
    }
    #main-header .brand{
        line-height: 58px;
    }
    #main-header .nav{
        padding: 5px 0;
    }

    .nav-dummy{
        display: block;
        height: 38px;
        padding: 10px 20px 0 5px;
        float:left;
        vertical-align: middle;
    }
    .nav-dummy i{
        font-size: 14px;
        line-height: 38px;
        color: #e4e7ee;
    }

    #main-side{
        position: fixed;
        top: 0px;
        left: 0;
        z-index: 1001;

        background: none;
        width: auto;
    }


    .unfold #main-side,
    .force-fold.unfold #main-side{
        height: 100%;
        background-image: linear-gradient(to bottom, rgba(155, 181, 247, 0.17) 58px, rgba(0,0,0,0) 258px);
        background-color: rgba(64, 83, 153, 0.90);
        width: 210px;
    }

    #main-side header{
        background: #5e79b3;
        transition: none;
        width: 58px!important;
    }
    .unfold #main-side header{
        width: 210px!important;
        position: relative;
        background: linear-gradient(to bottom, rgba(84, 101, 164, 0.95) 0px, rgba(84, 101, 164, 0.95) 100%) left top;
    }

    #main-side nav{
        display:none;
        background: none;
    }
    .unfold #main-side nav{
        display: block;
        height: 100%!important;
        margin: 0;
        overflow: auto;
        border:none;
        position: relative;
    }

    #main-side .dropdown-menu{
        position: static;
        float: none;
        height: auto;
        width: auto;
        box-shadow: none;
        border: none;
        background: rgba(121, 115, 143, 0.50);
        display:none!important;
    }

    #main-side .dropdown-menu:before{
        content:none;
    }
    #main-side nav li.hover  .dropdown-menu,
    #main-side nav a.active + .dropdown-menu{
        display:block!important;

    }

    #main-side .dropdown-menu a{
        color: #c8c7d4;
        border-color: #8985a9;
        box-shadow: none;
    }

    #main-side .dropdown-menu li:hover a,
    #main-side .dropdown-menu li:hover a.active,
    #main-side .dropdown-menu a.active{
        color: white;
        background: rgba(255,255,255,0.1);
        border-color: #8985a9;
    }

    .pageshadow{
        content: "";
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        background: black;
        opacity: 0;
        transition: opacity 100ms ease;
        z-index: 1000;
    }
    .darken .pageshadow,
    .unfold .pageshadow{
        right: 0;
        opacity: 0.4
    }

    .unfold #section-border,
    #section-border{
        margin: 0px;
    }

    .spacing .spacing{
        margin:0;
        padding:0;
    }

    #show-more-services select{
        display: initial;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }

    /* TICKETS */
    .support-content .spacing{
        padding: 0 10px;
        margin: 10px 0;
    }

    .support-content .ticket-timeline{
        width: 20px
    }

    /* CART */
    #sidemenu{
        width: 40%;
        max-width: 300px;
    }


    .default-cart #updater table tr:nth-child(2n){
        background-color: #fafafa;
    }
    .default-cart #updater table th.input-name,
    .default-cart #updater table th.status{
        display: inline-block;
        padding: 5px;
    }
    .default-cart #updater table td.input,
    .default-cart #updater table td.name,
    .default-cart #updater table td.status,
    .default-cart #updater table td.submit{
        display:block;
        padding: 5px;
        text-align: left;
    }
    .default-cart #updater table td.input{
        float: left;
    }
    .default-cart #updater table td input{
        margin: 0;
    }

    .suggested-products .slide{
        width: calc(100vw - 120px);
        max-width: 1060px;
    }

}
@media (max-width: 767px) {
    h1{
        font-size: 28.5px;
    }
    h3{
        font-size: 20.5px;
    }
    .hide-sm{
        display:none;
    }
    .show-sm{
        display: initial!important;
    }
    div.show-sm{
        display: block!important;
    }
    .text-to-icon .icon{
        display: block;
    }
    .text-to-icon span{
        display: none;
    }

    table.c2rwd,
    .c2rwd tbody,
    .c2rwd tr,
    .c2rwd td,
    .c2rwd th{
        display: block;
        border: none;
        width: auto;
    }
    .c2rwd tr{
        border-top: 1px solid #ddd;
    }
    .c2rwd tr td,
    .c2rwd tr th{
        padding: 5px 10px!important;
    }

    .c2rwd tr td::before, .c2rwd tr td::after,
    .c2rwd tr th::before, .c2rwd tr th::after{
        content: "";
        display: table;
        clear:both;
    }
    .not-cart .label{
        padding: 0px 4px;
        font-weight: normal;
        border-width: 1px;
    }

    .sh-container{
        padding: 10px;
    }

    #main-header.unfold .navbar-inner{
        z-index: 1002;
    }

    #main-header .nav{
        position: absolute;
        right: 0;
        top: 0;
        left: auto;
        width: 56px;
        height: 56px;
        bottom: 0;
        border-radius: 0;
        padding: 0;
        overflow:hidden;
    }
    #main-header.unfold .nav{
        width: 210px;
        background: rgba(64, 83, 153, 0.90);
        height: 100vh;
        z-index: 1001;
    }

    #main-header .nav li{
        float:none;
        border-radius: 0;
    }

    #main-header .nav li.menu-toggle{
        text-align: right;
    }
    #main-header .nav li.menu-toggle a{
        line-height: 37px;
        border: none;
        cursor: pointer;
    }
    #main-header .nav li.menu-toggle i{
        vertical-align:middle;
    }
    #main-header  #main-search{
        padding: 0;
        margin: 0;
        border: 0;
        height: auto;
        border-radius: 0;
        min-height: 0;
        padding-top: 45px;
    }
    #main-header #main-search > a {
        top: 9px;
        left: 8px;
    }
    #main-search .search-content{
        height: auto;
        width: 100%!important;
        overflow: visible!important;
    }
    #main-search .search-content .dropdown-toggle{
        display:block;
        position: absolute;
        top: -33px;
        left: 50%;
        border: none;
        width: 40%;
        z-index: 10;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    #main-search .search-content .dropdown{
        float: none;
        margin: 0;
        /* padding: 7px; */
    }
    #main-search .search-content > span{
        border: 2px solid #afbcd9;
        border-radius: 15px;
        margin: 8px 5px 4px;
        padding: 3px 7px;
        box-sizing: border-box;
        display: block;
        width: auto;
        position: absolute;
        top: 0;
        left: 0;
        width: calc(100% - 10px);
    }
    #main-search input{
        width: 40%;
    }
    #language-change .descr{
        display: inline
    }

    #main-header .nav li a{
        border-bottom: 1px solid #5a6ba1;
        border-radius: 0;
    }
    #main-header .nav .divider,
    #main-header .nav .divider-vertical{
        display:none;
    }

    #main-header .nav li a[title]::after{
        content: attr(title);
        line-height: 27px;
        vertical-align: text-bottom;
        margin: 0 0 0 10px;
    }

    #main-header .nav > li.open > a{
        background: rgba(255,255,255,0.1);
        border-color: #6175aa;
        color:white
    }
    #main-header .dropdown-menu{
        float: none;
        position: relative;
        left: 0;
        top: 0;
        z-index: 995;
        border: none;
        border-radius: 0;
        background: none;
        box-shadow: none;
        padding: 0;
        margin: 0;
        background: rgba(121, 115, 143, 0.50);
    }
    #main-header .dropdown-menu:after, 
    #main-header .dropdown-menu.pull-right:after,
    #main-header .dropdown-menu:before, 
    #main-header .dropdown-menu.pull-right:before{
        content: none;
    }

    #main-header .dropdown-menu li a{
        color: #bac3db;
        line-height: 27px;
        vertical-align: text-bottom;
        border-color: #8985a9
    }

    #main-header .nav .dropdown.round{
        border: none;
        padding: 0;
        margin: 0;
    }

    #main-header .nav .dropdown.round > a{
        padding: 10px 15px 10px
    }

    .square-list.root-list{
        width: auto;
    }
    .square-box{
        width: auto;
        margin: 0 5px;
        /* display: block; */
        /* height: auto; */
    }

    .padding{
        padding: 0;
    }

    .wbox_content{
        padding: 10px;
    }
    .wbox_content .alert-info{
        margin: -10px -10px 20px;
    }
    .wbox_content .form-actions{
        margin: 28px -10px -10px -10px;
    }

    .wbox .wbox_menu{
        position: static;
    }
    .wbox .wbox_menu li{
        float: none;
        padding: 5px 10px;
        display: block;
        background: none;
        border: none;
        margin: 0 -10px;
    }

    .wbox .wbox_menu li.bgon,
    .wbox .wbox_menu li.bgon2{
        background: rgba(255,255,255, 0.8);
    }

    table.fullscreen tr td:first-child, 
    table.fullscreen tr th:first-child{
        padding-left: 10px;
    }

    table.fullscreen tr td:last-child, 
    table.fullscreen tr th:last-child{
        padding-right: 10px;
    }

    /* DASHBOARD */   
    #board-details,
    #board-services{
        float:none;
        margin: 0;
    }
    ul.dashboard-list li{
        width: 49%;
        height: auto;
        padding: 20px 0 0px;
        display: inline-block;
        box-sizing: border-box;
    }
    ul.dashboard-list li:nth-child(2)::before{
        content:none;
    }
    ul.dashboard-list li:last-child{
        width: 100%;
        padding: 0 20px;
        margin: 0;
    }

    /* DASHBOARD - TICKETS */   
    #board-tickets .pull-left{
        float:none;
        width: 100%;

    }
    #board-tickets .ticket-list{
        max-height: 40vh;
    }

    /* DASHBOARD - INVOICES */   
    #board-invoices ul.dashboard-list{
        padding-top: inherit;
        float:none;
    }

    #board-invoices-list{

    }

    #board-invoices-list .board-header{
        background: none;
        padding: 0;
        overflow: visible;
    }

    #quick-links > div{
        width: 100%;
    }
    #quick-links a {
        text-align: left;
        min-height: 50px;
        margin-bottom: 10px;
        padding: 10px;
        background: linear-gradient(to bottom, #707b9a 0%, #7f8ead 100%);
    }
    #quick-links a > strong{
        font-size: 120%;
    }
    #quick-links .pulse-icon{
        float: left;
        margin: 5px 20px 5px 5px;
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 20px;
    }

    /* ACCOUNT */
    .cmd-profiles .sh-menu, 
    .cmd-clientarea .sh-menu{
        display: none;
    }
    .well .pull-right.mt-20{
        float: none;
    }

    /* SINGUP / PROFILES */

    #singup-table,
    #singup-table > tbody,
    #singup-table > tbody > tr,
    #singup-table > tbody > tr > td{
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    #singup-table{
        padding: 0 10px;
        box-sizing: border-box;
    }
    #singup-table .newchecker td{
        padding: 0;
        border: none;
    }
    #singup-table .newchecker input,
    #singup-table .newchecker textarea{
        width: 95%!important
    }

    #singup-table .newchecker select{
        width: 100%!important
    }
    #singup-table .newchecker input[type=checkbox],
    #singup-table .newchecker input[type=radio]{
        width: auto!important
    }

    #clientinfo
    #clientinfo tbody,
    #clientinfo tr,
    #clientinfo td{
        display: block;
    }
    #clientinfo tr{
        display: flex;
        flex-wrap: wrap;
    }
    #clientinfo td{
        width: 50%;
        box-sizing: border-box;
        text-align: left;
    }
    #clientinfo .clientinfo-label{
        clear: both;
        text-align: left;
    }
    #clientinfo.table-striped tbody>tr:nth-child(odd)>td, 
    #clientinfo.table-striped tbody>tr:nth-child(odd)>th{
        background: none;
    }

    #clientinfo.table-striped tbody tr td:nth-child(4n+1), 
    #clientinfo.table-striped tbody tr td:nth-child(4n+2), 
    #clientinfo.table-striped tbody tr th:nth-child(4n+1),
    #clientinfo.table-striped tbody tr th:nth-child(4n+2){
        background: #f9f9f9;
    }

    /* SERVICES */
    /* DOMAINS */
    .shared-wrapper{clear: both;position: relative;}
    .shared-hosting-menu,
    .shosting-container{
        float:none;
        width: auto;
    }
    .shared-hosting-menu{
        position: absolute;
        height: 100%;
        background: #ecf0f1;
        width: 46px;
        border-right: 1px solid #d9d9d9;
        transition: width 50ms ease;
    }
    .shared-hosting-menu.hover{
        width: 200px;
        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
    }
    .shared-hosting-menu .header{

    }
    .shared-hosting-menu .header::after{
        font-family: FontAwesome;
        content: "\f0c9";
        padding: 10px 15px;
        display: block;
        color: #666f80;
        font-size: 16px;
        cursor: pointer;
    }
    .shared-hosting-menu .header p {
        display: none;
    }


    .shared-hosting-menu ul li a p{
        display: none;
    }
    .shared-hosting-menu.hover ul li a p{
        display:inline;
    }

    .shared-hosting-menu .nav{

    }
    .shared-hosting-menu ul li{
        /* display:none; */
    }
    .shared-hosting-menu ul li a{
        /* padding: 0 15px; */
    }
    .shared-hosting-menu ul li .icon,
    .shared-hosting-menu ul li img{
        width: 16px;
        /* height: 16px; */
        display: inline-block;
        text-align: center;
    }
    .shared-hosting-menu ul li.active{
        display:block;
        /* background: none; */
    }

    .shared-hosting-menu ul li:hover a,
    .shared-hosting-menu ul li.active a{
        box-shadow: 1px 0 0 0 #419bc1;
    }

    .shared-hosting-menu li.active .bg-fix,
    .shared-hosting-menu .bg-fix{
        display: none;
    }

    .shosting-container{
        margin-left: 45px
    }

    .shosting-container .padding{
        padding: 1px 10px 10px;
    }
    .upgrade-service .wbox_content{
        padding: 0px!important;
    }
    .upgrade-service tr:first-child td{
        border-top: none;
    }
    .upgrade-service td{
        min-width: 80px;

    }

    /* DNS SERVICES */
    #dns-service .icons .dwarrow{
        padding: 15px 15px 25px;
    }
    #dns-service .icons .right{
        margin: 0 0 7px;
        text-align: right;
    }
    #dns-service .icons li{
        margin: 6px 5px;
    }

    #dns-service .dns-zones{
        margin-bottom: 30px;
    }
    #dns-service .dns-zones td:nth-child(3),
    #dns-service .dns-zones th:nth-child(3){
        display:none;
    }
    #dns-service .dns-zones tbody:last-child th{
        display: block;
        width: calc(100% + 1px);
        position: absolute;
        /* float: left; */
        box-sizing: border-box;
        top: 100%;
        margin-top: -1px;
        left: 0;
    }

    #dns-service .dns-records{
        display: block;
        overflow: auto;
    }
    #dns-service .soa .rr-content{
        white-space: nowrap
    }
    #dns-service .display th,
    #dns-service .display td{
        padding: 5px;
    }
    #dns-service .display a[href*=add_record]{
        float: left;
    }

    #dns-service #add_record{
        width: 100%;
        margin: 5px 0 10px;
    }

    #dns-service .dns-add-record-form{
        clear:both;
        float: none;
    }

    #dns-service .dns-add-zone table,
    #dns-service .dns-add-zone tbody,
    #dns-service .dns-add-zone tr,
    #dns-service .dns-add-zone th,
    #dns-service .dns-add-zone td{
        display: block;
        width: auto;
    }
    #dns-service .dns-add-zone tr{
        border-top: 1px solid #ddd;
        padding: 5px;
    }
    #dns-service .dns-add-zone tr:nth-child(2n+1){
        background: #fafafa
    }

    #dns-service .dns-add-zone select{
        width: 100%!important;
    }
    #dns-service .dns-add-zone label{
        vertical-align: top;
    }
    #dns-service .dns-add-zone label:last-child{
        width: 90%;
    }


    /* AFFILIATES */
    .cmd-affiliates .nav{
        display:none;
    }
    .cmd-affiliates .tab-content{
        border: 1px solid #d7d8d9;
        border-radius: 6px;
    }

    /*DOWNLOADS*/
    .download-box {
        min-width: 240px
    }

    /*KB*/
    .cmd-knowledgebase .ribbon{
        padding: 10px 20px;
    }
    .cmd-knowledgebase .control-group{
        margin: 0;
    }
    .cmd-knowledgebase .control-label{
        width: 100%;
        text-align: left;
    }
    .cmd-knowledgebase .controls{
        width: 100%;
        margin: 0;
    }
    .cmd-knowledgebase .controls input{
        margin-bottom: 10px;
    }

    /* TICKETS */
    .deptsdesc{
        clear: both;
    }
    .deptsdesc > div{
        margin-bottom: 5px;
    }
    .brcrm > span{
        overflow: hidden;
        display: block;
    }
    .ticket-timeline{
        display: none;
    }
    .ticket-reply-msg{
        border: none;
        padding: 0;
        margin-bottom: 10px;
    }
    .ticket-admin strong{
        color: rgb(61,174,233);
        white-space: nowrap;
    }
    .ticket-client strong{
        color: rgb(143,206,53);
    }
    .ticket-reply .byline{
        display:none;
    }
    .sidebar-block,
    .support-content .right-content .header-title{
        padding: 10px;
    }
    .support-content .brcrm{
        padding: 0 10px;
    }
    .support-content .header-title h2{
        font-size: 20px;
        margin: 5px 0 0;
    }
    .support-content .right-content > .p19{
        display: none;
    }

    /*OTHER*/
    #status_calendar .row-fluid{
        margin: 10px 0 10px 10px;
        width: calc(100% - 10px)!important;
    }

    #status_calendar .row-fluid > [class*="span"]{
        width: 100%!important;
        margin: 20px auto!important;
        float: none!important;
        max-width: 350px;
    }

    /* ORDERPAGES */

    .cart_dedicated .subdesc_ table,
    .cart_dedicated .subdesc_ tbody,
    .cart_dedicated .subdesc_ tr,
    .cart_dedicated .subdesc_ td{
        display: block;
        width: 100%;
    }
    .cart_dedicated .subdesc_ td{
        margin: 10px 0 ;
    }

    .cart_vps .orderbox{
        width: 100%!important;
    }

    /* CART */
    .cart-wrapper {
        flex-wrap:wrap;
    }

    #sidemenu,
    #cont{
        width: 100%;
        float: none;
        padding: 0;
    }
    #floater{
        position: static!important;
    }
    #sidemenu{
        max-width: none;
        margin: 20px 0 0;
        order: 1
    }

    .default-cart div.domain-submit,
    .default-cart .domain-inputbox{
        text-align: left;
    }

    .summary-full,
    .summary-full tbody,
    .summary-full tr,
    .summary-full td{
        display: block;
        text-align: left;
        box-sizing: border-box;
    }
    .summary-full .line td{
        border: none;
        padding: 0;
    }
    .summary-full .line{
        border-top: 1px solid #ddd;
        padding: 5px;
    }
    .summary-full .name{

    }
    .summary-full .setup,
    .summary-full .price{
        color: #797979;
        text-align: left;
        font-size: 90%
    }
    .summary-full .billing td{
        width: 50%;
        float: left;
    }
    .summary-full .billing::after{
        content: "";
        display: table;
        clear: both;
    }
    
    .suggested-products .square-box{
        margin: 0
    }
    
    .suggested-products .pull-left{
        margin: 0 3px;
        width: calc(25% - 6px)
    }

}


@media (max-width: 480px) {
    select,
    input, textarea, 
    .uneditable-input{
        width: auto;
        max-width: 100%;
        box-sizing: border-box;
        height: auto!important;
        /* display: inline-block; */
    }

    .ui-pnotify {
        left: 15px;
        right: 15px!important;
        width: auto!important;
    }
    .hide-xs{
        display:none;
    }
    .show-xs{
        display: initial!important;
    }
    div.show-xs{
        display: block!important;
    }
    .nav-dummy{
        padding: 10px 25px;
    }
    .flat-ui-tab .tab-content > div{
        padding: 8px;
    }
    .container-breadcrumb{
        margin: 10px 5px;
    }
    .table th, .table td{
        font-size: 90%;
        padding: 8px 5px;
    }
    .table th:first-child, 
    .table td:first-child{
        padding-left: 3px;
    }

    .table th:last-child,
    .table td:last-child{
        padding-right: 3px;
    }

    #main-header .container, #page, #main-footer{
        width: auto;
        margin: 0 0px;
    }
    .spacing{
        padding: 0 5px;
        margin: 10px 0;
    }

    #login-widget-block{
        width: auto;
    }
    #login-widget-block .input-prepend{
        width: 100%;
    }
    #login-widget-block,
    #login-widget-option{
        width: auto;
        margin-left: 25px;
        margin-right: 25px;
        padding: 20px;
    }

    #login-widget-block .add-on{
        float: left;
    }
    #login-widget-block input{
        width: calc(100% - 75px);
    }
    #login-widget-option a{
        display: block;
        margin: 0;
    }

    /* ROOT */
    .square-list.root-list{
        width: auto;
        margin: auto;
    }
    .square-list.root-list li{
        float: none;
        width: auto;
    }
    .square-list.root-list li:first-child .square-box{
        border-radius: 3px 3px 0 0;
    }
    .square-list.root-list li:last-child .square-box{
        border-radius: 0 0 3px 3px ;
    }
    .square-box{
        width: auto;
        height: auto;
        border-radius: 0;
    }
    .square-box::after{
        content: "";
        display: table;
        clear: both
    }
    .square-box p,
    .square-box .middle-cricle{
        position: relative;
        top: 0;
        left: 0;
        margin: 10px;
        float: left;
        line-height: 42px;
    }
    .square-box .middle-cricle{
        width: 42px;
        height: 42px;
    }
    .square-list.root-list li a{
        display: block;
        width: 100%;
    }
    .square-box p{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: calc(100vw - 130px);
    }
    .square-box .middle-cricle i{
        font-size: 25px;
        vertical-align: middle;
        position: static;
    }
    .square-box:hover .middle-cricle:after{
        transform: scale(0.85);
    }
    #main-footer .nav-pills,
    #main-footer .pull-right{
        float:none;
        text-align: center
    }
    #main-footer .nav-pills li{
        float:none;
        display: inline-block;
    }
    #loginbox_container{
        margin: 20px auto;
    }
    #loginbox_container .left{
        margin: 0 20px 20px 0;
    }

    /* DASHBOARD */   
    ul.dashboard-list li{
        width: 100%;
        margin: 10px;
    }

    ul.dashboard-list li:nth-child(2)::before{
        content:"";
        margin: -40px 5px 25px;
        width: calc(100% - 30px)

    }

    /* DOMAINS / SERVICES */
    .widget table td[width], .widget table th[width]{
        /* width: auto; */
    }
    .widget table{
        display: block;
        width: auto;
        overflow: auto;
    }
    .widget table tbody{
        width: 100%;
        display: table;
    }
    .widget table td:last-child{
        /* white-space: nowrap */
    }


    /* CART */
    #cart{
        padding: 10px
    }

    ul#progress,
    ul#progress li{
        display: block;
        height: auto;
        width: auto;
        background: none!important;
        text-align: left!important;
    }
    ul#progress{
        margin: 0 0 20px;
    }
    ul#progress li{
        padding: 5px 0;
        /* border-top: 1px solid #ddd; */
    }

    ul#progress li::before{
        position: static!important;
        display: inline-block!important;
    }

    .default-cart #updater table th.period{
        display:none;
    }
    .default-cart #updater table td.period{
        display:block;
        padding: 5px;
        text-align: left;
    }
    .default-cart #updater table td.period select{
        width: 100%;
    }
    .default-cart .domain-input-bulk, 
    .default-cart .domain-tld-multiselect{
        width: 100%;
    }
    .suggested-products .pull-left{
        margin: 0;
        width: 100%;
        float: none;
    }
    .suggested-products .slide{
        width: calc(100vw - 35px);
        min-width: 260px;
        max-width: 1060px;
    }
    .suggested-products .middle-cricle,
    .suggested-products p{
        float:none;
        display:inline-block;
        vertical-align: middle;
    }
    .suggested-products .square-box{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}