@media (min-width:1200px) {
	.container { width:1100px; }
	.container--inner { width:960px; }
	header .menu.desktop-only .bottom .submenu .options .option span.domain_names.london { height:12px; width:84px; }
	header .menu.desktop-only .bottom .submenu .options .option span.domain_names.club { height:12px; width:43px; }
	header .menu.desktop-only .bottom .submenu .options .option span.domain_names.pro { height:15px; width:38px; }
	header .menu.desktop-only .bottom .submenu .options .option span.domain_names.couk { height:23px; width:36px; }
	header .menu.desktop-only .bottom .submenu .options .option span.domain_names.com { height:10px; width:41px; }
	header .menu.desktop-only .bottom .submenu .options .option.pricing span:not(.domain_names) { margin-right:10px; }
	section#home .websites .selector [class*="container"] { padding:0 100px; }
	section#home .websites .templates .template { flex-basis:25%; }
	section#home .websites .templates .template .overlay { padding-top:120px; }
	section#home .websites .templates .template .overlay > * { margin-bottom:20px; }
}

@media (max-width:1199px) and (min-width:1100px) {
	.container { width:1024px; }
	.container--inner { width:975px; }
	section#home .websites .templates .template { flex-basis:33.3333%; }
	section#home .websites .templates .template .overlay { padding-top:120px; }
	section#home .websites .templates .template .overlay > * { margin-bottom:20px; }
}

@media (max-width:1199px) and (min-width:992px) {
	header .menu.desktop-only .bottom .submenu .options .option span.domain_names { background-size:cover; }
	header .menu.desktop-only .bottom .submenu .options .option.pricing span:not(.domain_names) { margin-right:5px; }
	header .menu.desktop-only .bottom .submenu .options .option span.domain_names.london { height:9px; width:63px; }
	header .menu.desktop-only .bottom .submenu .options .option span.domain_names.club { height:9px; width:32.25px; }
	header .menu.desktop-only .bottom .submenu .options .option span.domain_names.pro { height:11.25px; width:28.5px; }
	header .menu.desktop-only .bottom .submenu .options .option span.domain_names.couk { height:17.25px; width:27px; }
	header .menu.desktop-only .bottom .submenu .options .option span.domain_names.com { height:7.5px; width:30.75px; }
}

@media (max-width:1349px) and (min-width:1100px) {
	section#home .websites .templates .template { flex-basis:25%; }
}

@media (min-width:1100px) {
	section#home .websites .templates .template .dialog { min-width:200px; width:95%; max-width:270px; }
}

@media (max-width:1099px) {
	section#home .websites .templates .template .dialog { width:155px; }
	section#home .websites .templates .template img { max-height:195px; }
	section#home .websites .templates .template .overlay { padding-top:50px; }
	section#home .websites .templates .template .overlay > * { margin-bottom:10px; }
}


@media (max-width:1099px) and (min-width:992px) {
	.container,
	.container--inner { width:960px; }
	section#home .websites .selector > div { width:900px; }
	section#home .websites .templates .template { flex-basis:25%; }
	section#home .websites .templates .template .overlay { padding-top:50px; }
	section#home .websites .templates .template .overlay > * { margin-bottom:20px; }
}

@media (min-width:992px) {
    .span4 { width: 33.33%; float: left; }
    .span6 { width: 50%; float: left; }
    .span3 { width: 25%; float: left; }
    .span2 { width: 14.52991452991453%; float: left;}
    .span10 { width: 82.90598290598291%; float: left;}
	.mobile-only { display:none; }
	.txt-display { font-size:4em; }
	body.dashboard { background-image:url(../img/bg-user.jpg); background-repeat:no-repeat; background-position:right bottom; background-attachment:fixed; background-size:70%;  }
	body.home { background-image:url(../img/bg-home.jpg); background-repeat:no-repeat; background-position:center top; background-attachment:fixed; background-size:contain; }
	body.websites { background-image:url(../img/bg-websites.jpg); background-repeat:no-repeat; background-position:center top; background-attachment:fixed; background-size:1440px; }
	body.domains { background-image:url(../img/bg-domains.jpg); background-repeat:no-repeat; background-position:center top; background-attachment:fixed; background-size:1440px; }
	body.phone { background-image:url(../img/bg-phone.jpg); background-repeat:no-repeat; background-position:center top; background-attachment:fixed; background-size:1440px; }
	header .rightside { right:5px; }
	header { margin-top:40px; }
	section#home { padding-bottom:50px; }
	section#home .tagline { height:0; opacity:0; transition:0.2s all; overflow:hidden; margin-bottom:50px; }
	section#home .tagline.active { height:initial; opacity:1; }
	section#home .option { transition:0.3s all; }
	section#home .option.active { opacity:1; }
	section#home .option h1,
	section#home .option .right-side { display:inline-block; vertical-align:middle; width:63.125%; margin-bottom:-10px; }
	section#home .option .right-side { box-shadow:0 2px 44px 0 rgba(0,0,0,0.3); }
	section#home .option h1 { width:36.875%; margin-bottom:10px; }
	section#home .websites .selector > div { display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; flex-direction:row; align-items:center; }
	section#home .websites .selector .templates { flex-basis:94%; }
	section#home .websites .selector .slider-arrows { flex-basis:6%; }
	section#home .websites .selector .slider-arrows .arrow { display:block; text-align:right; }
	section#home .websites .selector .slider-arrows .arrow.left { padding-right:10px;  margin-bottom:30px; }
	section#home .websites .selector .slider-arrows .arrow.right { padding-left:10px; }
	section#home .domains .right-side .button span { margin-right:25px; }
	section#home .domains.active .right-side .button > img.icon-white { display:inline-block; vertical-align:middle; }
	section#home .domains .contents { display:-ms-flex; display:flex; box-shadow:0 2px 44px 0 rgba(0,0,0,0.3); }
	section#home .domains .contents .center { flex-basis:50%; max-height:410px; overflow-y:auto; padding:15px 25px 0 15px; }
	section#home .domains .contents .domain { cursor:pointer; padding:10px 14px; font-size:0.866em; }
	section#home .domains .contents .domain .wrap { display:-ms-flex; display:flex; align-items:center; }
	section#home .domains .contents .domain .button { flex-basis:50px; }
	section#home .domains .contents .domain .name { flex-basis:calc(100% - 130px); }
	section#home .domains .contents .domain .price { flex-basis:80px; text-align:left; }
	section#home .domains .contents .right { position:relative; }
	section#home .domains .contents .right .alert span:first-of-type { margin-right:5px; }
	section#home .domains .contents .right .alert span { font-size:2em; }
	section#home .domains .contents .right .list { font-size:0.8em; max-height:170px; overflow-y:auto; }
	section#home .domains .contents .right .wrap .quote { position:absolute; bottom:0; right:0; left:0; padding:25px; }
	section#home .domains .contents .right .wrap .quote .price { margin-bottom:15px; }
	section#home .domains .contents .right .wrap .quote .price .currency,
	section#home .domains .contents .right .wrap .quote .price .number { font-size:2em; }
	section#home .domains .contents .right .wrap .quote .price .number { margin-right:5px; }
	section#home .domains .contents .right .wrap .quote .button { display:block; font-size:1.066em; padding:25px 0; }
	section#home .domains .contents .left { flex-basis:22%; padding:25px; }
	section#home .domains .contents .left .button { display:block; }
	section#home .domains .contents .right { flex-basis:28%; padding:25px; }
	section#home .domains .contents .left,
	section#home .domains .contents .right { background:#f0eeed; }
	section#home .learn-more { margin-top:140px; }
	.logged-in section#dashboard { padding-top:70px; }
	.logged-in section#dashboard h3.txt-display { font-size:2.666em; }
	.logged-in section#dashboard > .container { display:-ms-flex; display:flex; align-items:top; }
	.logged-in section#dashboard .card { flex-basis:calc((100% - 60px) /3); margin-right:20px; }
	.logged-in section#dashboard .domains.card,
	.logged-in section#dashboard .websites.card { padding-bottom:170px; }
	.logged-in section#dashboard .websites .links { margin:10px 0 20px; }
	section#price-table .heading .button { margin-right:20px; }
	section#price-table .plan { flex-basis:calc((100% - 45px) /4); }
	section.public-page .title.bg-on { padding-left:85px; }
	footer > .container { display:flex; justify-content:space-between; flex-wrap:wrap; }
	footer .links,
	footer .help,
	footer .connect { flex-basis:30%; }
	footer > .container p { flex-basis:100%; margin:30px 0; }
}

@media (max-width:991px) {
	.desktop-only { display:none; }
	.txt-display { font-size:2.666em; }
	.container,
	.container--inner { padding:0 15px; }
	header .rightside { right:25px; }
	header .menu { overflow:hidden; }
	section#home { padding-bottom:50px; }
	section#home .tagline { background-image:url(../img/bg-home-mobile.jpg); background-repeat:no-repeat; background-position:center; grid-area:"tagline"; }
	.option .right-side form input { font-size:1em; }
	section#home .option.active,
	section#home .option.active .right-side { margin-bottom:20px; }
	section#home .websites.active .right-side { height:0; opacity:0; padding:0; overflow:hidden; }
	section#home .option h1 { margin-bottom:5px; }
	section#home .websites.active h1 { margin-bottom:0; }
	section#home .websites.active h3 { display:initial; }
	section#home .option > div:last-of-type { margin-top:11px; }
	section#home .websites .templates .template { margin-bottom:25px; }
	section#home .websites .templates .template .overlay > * { width:90%; }
	section#home .websites .selector .templates { flex-basis:100%; }
	section#home .websites .selector .slider-arrows { flex-basis:100%; text-align:right; }
	section#home .websites .selector .slider-arrows { text-align:right; padding:0 30px 30px 0; }
	section#home .domains .right-side .button.x-close { display:none; }
	/* section#home .domains.active .right-side .button img { display:none !important; } */
	section#home .domains .center { padding:0 25px 0 0; max-height:570px; overflow-y:auto; }
	section#home .domains .contents { padding-right:20px; }
	section#home .domains .contents .view-more { text-align:center; margin:20px 0; }
	section#home .domains .contents .view-more .button { background-color:#b6fac3; display:inline-block; padding:20px 30px; font-size:0.866em; }
	section#home .domains .contents .center .domain { padding:9px 12px; font-size:0.866em; border-radius:0; border-bottom-color:rgba(162,155,160,0.3); }
	section#home .domains .contents .center .domain:last-of-type { border-bottom-color:transparent; }
	section#home .domains .contents .center .domain:hover,
	section#home .domains .contents .center .domain.selected { border-radius:4px; }
	section#home .domains .contents .center .domain .button { margin-right:20px; }
	section#home .domains .contents .center .domain .wrap { display:-ms-flex; display:flex; align-items:center; }
	section#home .domains .contents .center .domain .wrap > * { text-align:left; }
	section#home .domains .contents .center .domain .button { flex-basis:40px; }
	section#home .domains .contents .center .domain .name,
	section#home .domains .contents .center .domain .price { flex-basis:calc(100% - 40px); }
	section#home .domains .contents .right .list { font-size:0.866em; }
	section#home .domains .contents .center .domain.selected { font-weight:700; }
	section#home .domains .contents .right { background-color:#fff; box-shadow:inset 0 1px 3px 0 rgba(0,0,0,0.3); bottom:0; left:0; right:0; position:fixed; z-index:2000; height:0; overflow:hidden; }
	section#home .domains .contents .right.active { height:initial; overflow:initial; padding:10px 18px; }
	section#home .domains .contents .right .wrap { display:-ms-flex; display:flex; align-items:center; }
	section#home .domains .contents .right .wrap .alert { flex-basis:200px; }
	section#home .domains .contents .right .wrap .quote > * { display:inline-block; vertical-align:middle; }
	
	section#home .domains .contents .right .wrap .quote { flex-basis:calc(100% - 200px); text-align:right; padding:13px 0; }
	section#home .domains .contents .right .wrap .quote .price { margin-right:10px; margin-bottom:10px; }
	section#home .domains .contents .right .wrap .quote .price .currency,
	section#home .domains .contents .right .wrap .quote .price .number { font-size:1.333em; }
	section#home .domains .contents .right .wrap .quote .vat { display:block; }
	section#home .domains .contents .right .wrap .quote .button { font-size:0.866em; padding:20px 30px; }
	section#home .domains .contents .right .alert span:first-of-type { margin-right:2px; }
	section#home .domains .contents .right .alert span { font-size:1.333em; }
	section#home .learn-more { margin-top:50px; }
	.logged-in section#dashboard h3.txt-display { font-size:2em; }
	.logged-in section#dashboard .card { padding-bottom:165px; }
	section#faqs .title.bg-on,
	section#support .title.bg-on,
	section#tutorials .title.bg-on { padding-left:60px; background-size:40px; }
}

@media (max-width:991px) and (min-width:768px) {
	section#home .tagline { padding:10em 0; background-size:contain; }
	section#home .websites .templates .template { flex-basis:25%; }
}

@media (min-width:768px) {
	header .brand img { height:81px; }
	header .rightside { top:35px; }
	header .rightside .login { margin-right:35px; }
	footer { padding:20px 10px; margin-top:100px; }
}

@media (max-width:767px) {
	header .brand img { height:55px; }
	header .rightside { top:25px; }
	header .rightside .login { margin-right:25px; }
	header .burger { transform:scale(0.75); }
	section#home .websites .templates .template { flex-basis:50%; }
	footer { margin-top:130px; }
}

@media (max-width:767px) and (min-width:480px) {
	section#home .tagline { padding:9em 0; background-size:100%; }
}

@media (max-width:479px) and (min-width:376px) {
	section#home .tagline { padding:2em 0; background-size:contain; }
}

@media (max-width:375px) {
	section#home .tagline { padding:4em 0; background-size:contain; }	
}