body {
	min-width: auto;
}

/* --- off by default --- */

.off{
    display: none;
}

@media only screen and (min-width: 1940px) {
    body {
        font-size: 1.375em;
    }
}

@media only screen and (max-width: 1366px) {
    /* Yani added this */
    
    body.lang-ru .main-services .card .round-btn.m-btn,
    body.lang-ro .main-services .card .round-btn.m-btn {
        font-size: 0.7em;
    }
    
    body.lang-ro .main-services .card .round-btn.m-btn {
        padding: 11px 15px;
    }
    
    .news.news-focus{
        border-radius: 0;
    }
    
    .tabs-scroll ul{
	width: 98%;
    }

    body .hartbeat-logs-tables .monitoring-log-table-wraper {
	    width: 100%;
    }
    
	body .hartbeat-logs-tables .uptime-table-wraper,
	body .hartbeat-logs-tables .history-table-wraper {
		float: none;
	}
}

@media only screen and (max-width: 1266px) {
    body {
        font-size: 1.2em;
    }
    
    table .m-btn {
        white-space: normal;
    }
    
    body.lang-ru .main-services .card .round-btn.m-btn {
        font-size: 0.6em;
    }
    
    body.lang-de .main-services .card .round-btn.m-btn {
        font-size: 0.7em;
    }
    
    body.lang-de .main-services .card.free-plan-card .round-btn.m-btn,
    body.lang-ro .main-services .card .round-btn.m-btn {
        padding: 11px 15px;
    }
    
    body.lang-ro .main-services .card .round-btn.m-btn {
        font-size: 0.65em;
    }
    
    body .service-card.ddos-plan-card .card-title span {
        font-size: 0.88em;
    }
}

@media only screen and (max-width: 1150px) {
	.nameservers-page .nameserver-button-col.two-inputs {
		display: none;
	}
}

@media only screen and (max-width: 1050px) {	
	.nameservers-page .nameserver-col.two-inputs {
		margin: 0;
	}
	

	#childNameservers .add-new-server .left-col {
		width: 30%;
	}

	#childNameservers .add-new-server .right-col {
		width: 68%;
	}
}

@media only screen and (max-width: 1020px) {
    body {
        font-size: 1.125em;
    }
    
    body.lang-es .main-services .card .round-btn.m-btn {
        padding: 11px 30px;
    }
    
    .aside-holder{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .content-wraper,
    .aside-holder aside {
        width: 100%;
        padding-left: 0;
    }
    
    .off-1020,
    .control-menu button span,
    .plus-btn span,
    table .options,
    .table-footer-options-wraper{
        display: none;
    }
    
    table .menu,
    .table-footer-mobile-options{
        display: block;
    }
    
    .plus-btn.xs-btn{
        font-size: 1.2em;
        padding: 2px 11px;
    }
    
    .control-menu button.icon{
        font-size: 1.75em;
    }
    
    .dashboard-table tr td.dashboard-icons {
	    width: auto;
    }
    
    .tabs-scroll ul{
	width: 95%;
    }
    
    .domains-top img,
    .domains-top #tldName{
        display: none;
    }
    
    .domains-top .content {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 3vw;
    }
    
    .domains-top form > div {
        width: 100%;
    }
    
    .zones-button-options {
	    display: none;
    }
    
    .zones-button-menu {
        display: block;
    }
    
    .zones-button-menu.menu {
	position: absolute;
	right: 45px;
    }
    
}
/* --- */

@media only screen and (max-width: 950px) {
	.glue-records-list ul li:last-child {
		margin-left: 0;
	}
}

@media only screen and (max-width: 870px) {
    .dekstop-search{
        display: none;
    }

    .table-h-scroll.overx{
        overflow-x: scroll;
    }
    
    .mobile-search-row {
        display: table-row;
    }
    
    .mobile-search-row .s-input-wraper {
        position: relative;
        width: 100%;
        padding-right: 40px;
    }

    .dns-controls button {
        margin-top: 0.5rem;
        margin-right: 0.5rem;
    }

    .stats-row {
        margin-top: 1rem;
    }
    .dashboard-table .icon-search {
        position: absolute;
        top: 10px;
        right: 50px;
    }
    

    #domainSearchBox,
    #mobileDomainSearchBox,
    #monitoringSearchBox,
    #mobileMonitoringSearchBox{
        max-width: 232px;
    }

    section {
        margin-bottom: 2.5em;
    }
    
    .section-wraper {
        margin: 0 auto 2.5em;
    }
    
    .on-870{
        display: block;
    }
    
    .off-870,
    .pricing table i,
    .world-map{
        display: none;
    }
    
    .pricing table .domains-filter{
        width: 100px;
    }
    
    .pricing table th {
        font-size: 1.125em;
    }
    
    .site-title {
        text-align: center;
    }
    
    .flex-2-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .flex-2-col .col,
    .flex-2-col .col-40,
    .flex-2-col .col-47{
        width: 100%;
    }
    
    .flex-4-col .col {
        width: 48%;
    }
    
    .main-services .card {
        margin-bottom: 30px;
    }
    
    .h1-bottom-side-decor::before,
    .h2-bottom-side-decor::before {
        content: "";
        height: 6px;
        width: 80px;
        background-color: #cfcfcf;
        border-radius: 5px;
        position: absolute;
        bottom: -30px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    
    .h1-bottom-side-decor,
    .h2-bottom-side-decor,
    .domains-top + div h2{
        text-align: center;
    }
    
    .logos {
        max-width: 10000px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow-x: scroll !important;
    }
    
    .logos img {
        max-width: none;
    }
    
    .section-stack {
        margin-top: -2.5em;
    }

    .wraper, .section-wraper {
        max-width: calc(100vw - 18px);
        overflow: hidden;
    }

    .card-top-decor {
        margin-top: 7em;
        margin-bottom: -4.5em;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        height: 140px;
    }

    .carousel > .a-r{
        text-align: center;
        margin: 10px 0 30px;
    }
    
    .wiki-wraper .wraper{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 0;
    }
    
    .wiki-nav {
        padding: 30px 0;
        border: none;
    }
    
    .wiki-nav > ul {
        margin-left: 20px;
    }
    
    .wiki-content {
        padding: 20px 0 30px;
    }
    
    .pricing-top .content{
        padding: 0;
    }
    
    .search-container .desktop-input{
        display: none;
    }
    
    .zone-name h3 {
	    margin: .5em 0;
    }
    
    .domains-top + div h2 {
        margin: 30px 0 40px;
    }
    
    .dnssec-digest {
	    word-break: normal;
    }
    .dnssec-ds {
	    white-space: nowrap;
    }
    
    .your-cloud-dropdown {
	    width: 100%;
    }
    
    .nameservers-page .nameserver-title-col {
    	width: 25%;
    }
    
    .nameserver-button-col {
    	display: none;
    }
    
    .col-cdns-host {
    	width: 100%;
    }
    .col-cdns-ip {
		margin: 0;
    }

    #childNameservers .add-new-server .left-col {
    	text-align: left;
    	width: 100%;
    	display: inline-flex;
    }

    #childNameservers .add-new-server .right-col {
    	width: 100%;
    	display: inline-flex;
    }

    #childNameservers .add-new-server input {
    	flex-grow: 1;
    }
    
    .new-server-row {
    	display: block;
    }
    
    .zone-name div span {
	margin-left: 10px;
    }

    .sms.phone-code {
        width: 20%;
        flex: 0.6;
        -webkit-box-flex: 0.6;
        -ms-flex: 0.6;
        margin-right: 10px;
    }
    
}

@media only screen and (max-width: 730px) {
	#childNameservers ul li {
		text-align: left;
	}
	
	.nameservers-page .nameserver-title-col {
		width: auto;
	}
}

@media only screen and (max-width: 670px) {

    select.search-domain + button {
        margin-top: 30px;
    }
    
    input.search-domain {
        width: 50%;
    }
    
    select.search-domain {
        width: 35%;
    }
    
    .carousel button,
    .carousel-indicator{
        display: none;
    }
    
    .carousel-viewport {
        height: 460px;
    }
    
    .carousel-overview .comment {
        width: calc(100vw - 135px);
        margin: 0;
        text-align: center;
    }
    
    .carousel .comment-avatar {
        float: none;
    }
    
    .carousel .comment-content {
        padding: 20px 0 0;
        text-align: center;
    }
    
    .carousel .comment-content .p-bottom-side-decor::after{
        left: 50%;
        margin-left: -40px;
    }
    
    .carousel-viewport .s-btn{
        font-size: .85em;
    }
    
    .carousel > .a-r{
            margin: 30px 0 0 0;
        }
    
    .section-dark .xl-btn.x-bright2-btn {
        background-color: transparent;
        font-size: 1.5em;
        padding: 0;
    }
    
    .tabs:not(.tabs-scroll) ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
    }
    
    .tabs:not(.tabs-scroll) ul li {
        padding: 10px;
    }
    
    .transfer-buttons{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .transfer-buttons button:not(:last-child){
        margin-bottom: 10px;
    }

    
    .control-menu button.icon {
        font-size: 1.4em;
        min-width: 10%;
        margin: 0 5px 10px !important;
    }
    
    .control-menu {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
    .wiki-wraper .table-wraper{
        overflow-x: scroll;
    }
    
    .wiki-wraper .table-wraper table,
    .domains-top form{
        width: 100%;
    }
    
    .wiki-content iframe{
        width: 100%;
        height: auto;
    }
    
    .pricing-top form {
        margin: 30px 0 20px;
    }
    
    .pricing-top .content{
        text-align: center;
    }
    
    .pricing-top form > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .pricing-top form > div > :not(button) {
        width: 80% !important;
    }
    
    .pricing-top form > div * {
        margin: 0 0 20px 0;
    }
    
    .pricing-top i,
    .domains-top form i{
        display: none;
    }
    
    .tabs-scroll ul{
	width: 90%;
    }
    
    .tabs-scroll ul {
	    margin-left: 20px;
    }
    
    .control-menu.slave-zone-menu button.icon,
    .control-menu.slave-zone-menu.shared-zone-slave button.icon,
    .control-menu.slave-zone-menu.reverse-menu-slave button.icon {
	width: 15%;
	font-size: 2em;
    }
    
    .control-menu.slave-zone-menu.shared-zone-slave-reverse button.icon {
	width: 14.1%;
	font-size: 2em;
    }
    
    .control-menu.geodns-zone-menu button.icon {
	width: 12.6%;
	font-size: 2em;
    }
    
    .control-menu.geodns-zone-menu-shared button.icon {
	width: 14.6%;
	font-size: 2em;
    }

    .control-menu.master-zone-menu-shared button.icon {
	width: 12.5%;
    }

    .control-menu.parked-zone-menu-shared button.icon {
	width: 18.5%;
    }
    
    .popup-content .importButtonsContainer .card-gradient {
	margin-bottom: 30px;
    }
    
    footer{
        font-size: 1em;
        line-height: 1.4;
    }
    
    .domains-top p,
    .domains-top h1{
        text-align: center;
    }
    
    .domains-top form > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .domains-top form > div > *:not(button),
    .domains-top form > label{
        width: 100% !important;
    }
    
    .domains-top form > div > *:not(label) {
        margin: 0 0 20px 0 !important;
    }
    
    .domains-extensions{
        max-width: none;
    }
    
    .popup-form-wraper li.fo-url-triple-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    }
    
    .popup-form-wraper li.fo-url {
	    display: none;
    }
    
    #nameservers .grow-col,
    #childNameservers .grow-col {
		flex-wrap: wrap;
		white-space: normal;
    }
	
    .glue-records-list .bright-btn {
		margin: .8em;
		margin-left: 0;
    }
	
	.glue-records-list .color-btn {
		margin: 0;
    }
	.col-cdns-ip {
		width: 100%;
    }
}

@media only screen and (max-width: 650px) {
	.nameservers-page .nameserver-col {
		margin-left: 0;
	}

	#childNameservers .add-new-server .left-col,
	#childNameservers .add-new-server .right-col {
		display: block;
	}
}

@media only screen and (min-width: 460px) and (max-width: 670px) {
    
    .main-services .card .m-btn {
        padding: 11px 20px;
    }
    
    footer .flex-3-col .col {
	    font-size: 14px;
    }
    
    .tabs-scroll ul{
	width: 85%;
    }
}

@media only screen and (max-width: 550px) {
	.nameservers-page .nameserver-col {
		margin: 0;
	}
}

@media only screen and (max-width: 480px) {
	#childNameservers ul li:first-child {
		text-align: left;
		margin-bottom: 5px;
	}
	
	#childNameservers ul li:last-child {
		width: 100%;
	}
	
	#childNameservers ul li input {
		max-width: 100%;
	}
	
	.cns-table tr td:last-child {
		width: auto;
	}

	.cns-table tr td:first-child {
		width: 25%;
	}
	
	.nameservers-page ul li {
		margin: 0;
	}
	
	.nameservers-page ul li input,
	#childNameservers ul li input {
		width: 100%;
		max-width: 100%;
	}
    
    
    #nameservers .grow-col,
    #childNameservers .grow-col {
        flex-wrap: wrap;
    }
    
    .nameservers-page li,
    #childNameservers li{
        white-space: normal;
    }
    
    .nameservers-page .color-btn{
	margin: .8em;
    }
    
}

@media only screen and (max-width: 460px) {
    body{
        min-width: 280px;
    }
    
    .flex-4-col .col,
    .flex-3-col .col,
    .flex-2-col .col,
    .flex-2-col .col-40,
    .flex-2-col .col-47,
    .flex-2-col .col-60{
        width: 100%;
    }
    
    .service-card-big .card-head + div{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    select.search-domain,
    input.search-domain{
	width: 100%;
	display: block;
	margin: 30px auto 0;
    }
    
    input.search-domain + i{
        display: none;
    }
    
    .control-menu button.icon {
        min-width: 17%;
    }
    
    .card.contact-card p{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .pricing-top a.bulk-registration-link {
	    display: none;
    }
    
    footer ul{
        display: block;
    }
    
    footer li:first-child {
        margin-top: 2.5em;
    }
    
    footer{
        padding: 3em 0 30px;
    }
    
    footer .a-r{
        text-align: center;
    }
    
    .footer-logo{
        margin: 3em 0 1em;
    }
    
    footer .col{
        width: 50% !important;
    }
    
    footer .col.social-links {
        width: 100% !important;
    }
    
    .tabs-scroll ul{
	width: 85%;
    }
    
    #canvas-holder {
	    display: none;
    }
    
    .stats-table {
	    margin-top: 10px;
    }
    
    .download-icons {
	    margin: 10px 0;
    }
    
    .domains-extensions{
        flex-direction: column;
    }
    
    .zone-name div span {
	margin-left: 0;
    }
}

@media only screen and (max-width: 450px) {
    .nameservers-page .color-btn,
    #childNameservers .color-btn,
    .glue-records-list .bright-btn {
	margin-left: 0;
    }
}

@media only screen and (max-width: 410px){
    
    .wraper, .section-wraper{
        padding: 0 10px;
    }
    
    .wiki-wraper{
        padding: 0;
    }
    
    .wiki-wraper .wraper{
        padding: 0 20px;
    }
    
    .carousel-overview .comment {
        width: calc(100vw - 55px);
    }
    
    .dashboard .wraper{
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
    }
    
    .section-heading, .section-wide{
        padding: 2em 0;
    }
    
    .section-row {
        padding: 1.5em 10px;
    }
    
    .contact-card h2{
        padding: 0 20px;
    }

    .contact-form-table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .contact-form-table tr td:first-child {
        text-align: left;
        width: 100%;
        padding: 15px 0 0px 10px;
    }
    
    .tabs-scroll ul.responsiveScroll {
	margin-right: 40px;
    }
    
    .tabs-scroll ul.responsiveScroll li.tab3 {
	margin-left: 35px;
    }
    
    .tabs-scroll ul{
	width: 77%;
    }
    
    .tabs-scroll ul li:first-of-type {
	    margin-left: 40px;
    }
    
    .tabs-scroll ul {
	    margin-left: 0;
    }
    
    #pmHolder span.input-field iframe {
	width: 135px !important;
    }
    
    #pmHolder span.input-field.adyen-date iframe {
	width: 55px !important;
    }
    #pmHolder td button {
	width: 148px !important;
	margin: 0;
    }
    #pmHolder td {
	padding: 15px 8px;
    }
    
    .radio-wraper {
	    margin-top: 10px;
    }
    
    .xs-input-wraper button + button,
    .s-input-wraper button + button,
    .m-input-wraper button + button,
    .l-input-wraper button + button {
	margin: .8em 0;
    }
    
    footer .col{
        width: 100% !important;
    }
}

@media only screen and (max-width: 370px) {
	.glue-records-list .color-btn {
		margin: .8em;
	}
}

@media only screen and (max-width: 320px) {
    .nameservers-page .color-btn,
    #childNameservers .color-btn {
        white-space: nowrap !important;
    }
    
}