/** SUPPLEMENT BOOTSTRAP **/
@media (min-width: 1570px) {
    [class*="col-xl-"] {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
    .col-xl-1 {
        width: 8.33333333%;
    }
    .col-xl-2 {
        width: 16.66666667%;
    }
    .col-xl-3 {
        width: 25%;
    }
    .col-xl-4 {
        width: 33.33333333%;
    }
    .col-xl-5 {
        width: 41.66666667%;
    }
    .col-xl-6 {
        width: 50%;
    }
    .col-xl-7 {
        width: 58.33333333%;
    }
    .col-xl-8 {
        width: 66.66666667%;
    }
    .col-xl-9 {
        width: 75%;
    }
    .col-xl-10 {
        width: 83.33333333%;
    }
    .col-xl-11 {
        width: 91.66666667%;
    }
    .col-xl-12 {
        width: 100%;
    }
}


@media (max-width: 1856px) { /* 1856px */
	#profile-list li:nth-child(n) {
		width: 13%;
		margin-right: 1.5%;
	}
	#profile-list li:nth-child(7n) {
		margin-right: 0;
	}
    #brand-profile .popup.item:nth-child(n) {
		width: 19%;
		margin: 0 0.625% 0.625% 0;
		height: 160px;
	}
    #brand-profile .popup.item:nth-child(5n) {
		margin-right: 0;
	}
    #brand-profile .popup.item:nth-child(10n+1) {
		width: 17%;
	}
    #brand-profile .popup.item:nth-child(10n+2) {
		width: 20.5%;
	}
    #brand-profile .popup.item:nth-child(10n+3) {
		width: 18.5%;
	}
    #brand-profile .popup.item:nth-child(10n+4) {
		width: 22%;
	}
    #brand-profile .popup.item:nth-child(10n+5) {
		width: 19.5%;
	}
    #brand-profile .popup.item:nth-child(10n+6) {
		width: 20%;
	}
    #brand-profile .popup.item:nth-child(10n+7) {
		width: 19%;
	}
    #brand-profile .popup.item:nth-child(10n+8) {
		width: 17%;
	}
    #brand-profile .popup.item:nth-child(10n+9) {
		width: 22.5%;
	}
}

@media (max-width: 1600px) { /* 1600px */
	.galery-content .collection:nth-child(n) {
		width: 24.25%;
		margin: 0 1% 1% 0;
	}
	.galery-content .collection:nth-child(4n) {
		margin-right: 0;
	}
}

@media (max-width: 1488px) { /* 1488px */
	#profile-list li {
		width: 13.8%;
		margin-right: 2%;
	}
    #user-profile .collection {
        width: 32.5%;
    }
    #user-profile .ui-sortable-disabled .collection:first-child {
        width: 66.5%;
        margin-right: 1%;
    }
    #user-profile .ui-sortable-disabled .collection {
        margin-bottom: 0.95%;
    }
    #user-profile .ui-sortable-disabled .collection:nth-child(n+4) {
        margin-right: 1.25%;
    }
    #user-profile .ui-sortable-disabled .collection:nth-child(3n),
    #user-profile .collection:nth-child(3n) {
        margin-right: 0;
    }
}

@media (max-width: 1376px) { /* 1376px */
	#welcome ul li:first-child {
		font-size: 1.1em;
	}
	#welcome ul li {
		font-size: 0.8em;
		padding-right: 4em;
	}
	#welcome ul li img {
		width: 25px;
	}
	#user-reviews {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.galery-content .collection:nth-child(n) {
		width: 33%;
		margin: 0 0.5% 0.5% 0;
	}
	.galery-content .collection:nth-child(3n) {
		margin-right: 0;
	}
	#profile-list li {
		margin-right: 1.5%;
	}
    #brand-profile .popup.item:nth-child(n) {
		width: 23%;
		margin: 0 0.667% 0.667% 0;
	}
    #brand-profile .popup.item:nth-child(4n) {
		margin-right: 0;
	}
    #brand-profile .popup.item:nth-child(8n+1) {
		width: 27%;
	}
    #brand-profile .popup.item:nth-child(8n+2) {
		width: 21.5%;
	}
    #brand-profile .popup.item:nth-child(8n+3) {
		width: 25.5%;
	}
    #brand-profile .popup.item:nth-child(8n+4) {
		width: 24%;
	}
    #brand-profile .popup.item:nth-child(8n+5) {
		width: 25%;
	}
    #brand-profile .popup.item:nth-child(8n+6) {
		width: 27%;
	}
    #brand-profile .popup.item:nth-child(8n+7) {
		width: 23%;
	}
}

@media (max-width: 1104px) { /* 1104px */
	#profile-list li:nth-child(n) {
		width: 19%;
		margin-right: 1.25%;
	}
	#profile-list li:nth-child(5n) {
		margin-right: 0;
	}
	#welcome ul li:first-child {
		font-size: 1em;
	}
	#profile #profile-hdr #info {
		width: auto;
		padding-top: 2em;
	}
	.gallery-menu ul.menu-left li a {
		padding-right: 10px;
		padding-left: 10px;
	}
	.galery-content .collection:nth-child(n) {
		width: 49.5%;
		margin: 0 1% 1% 0;
	}
	.galery-content .collection:nth-child(2n) {
		margin-right: 0;
	}
	main {
		padding-bottom: 400px;
	}
	section h2,
	aside h2 {
		font-size: 18px;
	}
	body > footer {
		margin-top: -350px;
	}
	body > footer #ftr-links {
		width: 100%;
		float: none;
	}
	body > footer #ftr-logo {
		float: none;
		margin: 0 auto;
		padding-top: 3em;
		max-width: 100%;
		-webkit-columns: 4 200px;
		-moz-columns: 4 200px;
		columns: 4 200px;
	}
	body > footer #ftr-copyright {
		text-align: center;
	}
    #user-profile .collection {
        width: 49.5%;
    }
    #user-profile .ui-sortable-disabled .collection:first-child {
        width: 100%;
        margin-right: 0;
    }
    #user-profile .ui-sortable-disabled .collection {
        margin-bottom: 1%;
    }
    #user-profile .ui-sortable-disabled .collection:nth-child(n+1) {
        margin-right: 1%;
    }
    #user-profile .ui-sortable-disabled .collection:nth-child(2n + 1),
    #user-profile .collection:nth-child(2n + 1) {
        margin-right: 0;
    }
}

@media (max-width: 920px) { /* 920px */
    ul.tabs a {
        padding-right: 15px;
        padding-left: 15px;
    }
	.fix-align {
		float: none;
		position: fixed;
		right: 2.5%;
	}
	.search-box form {
		box-shadow: 0 0 30px 0 rgba(0,0,0,0.7);
	}
	#profile #profile-hdr #info {
		width: 100%;
	}
    #brand-profile .popup.item:nth-child(n) {
		width: 32%;
		margin: 0 0.5% 0.5% 0;
	}
    #brand-profile .popup.item:nth-child(3n) {
		margin-right: 0;
	}
    #brand-profile .popup.item:nth-child(6n+1) {
		width: 36%;
	}
    #brand-profile .popup.item:nth-child(6n+2) {
		width: 30%;
	}
    #brand-profile .popup.item:nth-child(6n+3) {
		width: 33%;
	}
    #brand-profile .popup.item:nth-child(6n+4) {
		width: 32%;
	}
    #brand-profile .popup.item:nth-child(6n+5) {
		width: 35%;
	}
}

@media (max-width: 800px) { /* 800px */
    #intro .fb-signup.medium:before {
        height: 20px;
        width: 20px;
        vertical-align: top;
    }
    #intro a:not(.watch) {
        margin: 0 5px;
        width: 110px;
        font-size: 14px;
        padding: 7px 5px;
    }
    #intro a {
        font-weight: 400;
    }

    #intro .watch span {
        font-size: 32px;
        width: 48px;
        height: 48px;
        padding: 4px 0 5px 6px;
        border-radius: 100px;
        border: solid 3px #FFF;
        vertical-align: middle;
    }
    #intro em {
        display: inline-block;
        vertical-align: middle;
        padding-left: 10px;
    }
    #intro .extra {
        display: none;
    }
    .gallery-content .collection {
		width: 48%;
		margin: 0 1% 20px;
	}
    #user-profile .collection .glyphicon {
        font-size: 24px;
    }
    .galery-content .collection.empty .helper span {
        padding-bottom: 7px;
    }
}

@media (max-width: 430px) { /* 430px */
    #intro video {
        /*width: auto;*/
        /*height: 100%;*/
    }
}

/** MOBILE/TABLET **/
@media (max-width: 1100px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
    /* Hide all this stuff */
    #filter-bar,
    ul#filter-lists,
    ul#main-nav,
    .singlebanner .interact ul.controls,
    .og-arrow,
    .galery-content em,
    .collection-view .gallery-menu {
        display: none;
    }

    /** General Site & Feed **/
    main {
        padding-top: 50px;
        padding-bottom: 420px;
    }
    main,
    header.nav,
    body > footer {
        min-width: inherit;
    }
    main > *:not(form),
    main > form > * {
        margin: 20px 7% 0;
    }
    main > #results {
        margin: 0;
    }
    .back-to-top {
        display: none;
    }

    /* Navigation */
    header.nav {
        padding: 0;
    }
    #logo img {
        height: 50px;
        width: auto;
        padding: 7px;
    }
    header.nav .user-profile {
        padding: 5px 5px 0 0;
        font-size: 13px;
    }
    #signup-signin {
        margin-top: -5px; /* To offset above padding */
        margin-right: -5px;
    }
    #signup-signin span a {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    #signup-signin > span:after {
        border-width: 50px 14px 0 0;
    }
    #signup-signin > span:before {
        border-width: 0 0 50px 14px;
    }

    #onboard-prompt {
        width: 180px;
        left: calc(50% - 90px);
    }
    #onboard-prompt header {
        display: block;
    }
    #onboard-prompt .title,
    #onboard-prompt .prompt {
        width: 100%;
    }
    #onboard-prompt .title:after,
    #onboard-prompt .prompt:before {
        display: none;
    }
    #onboard-prompt header strong,
    #onboard-prompt header em {
        width: 100%;
        height: auto;
        padding: 5px 10px;
        text-align: center;
        display: block;
        line-height: 1;
    }
    #onboard-prompt .title strong {
        font-size: 14px;
    }
    #onboard-prompt .prompt em {
        font-size: 10px;
        background-color: #000;
    }
    #onboard-prompt .rounded-button {
        background-color: #F00;
        display: inline-block;
    }

    #onboard-content {
        width: 240px;
    }

    #user-profile #info {
        width: 100%;
        float: none;
        margin: 0 0 20px;
    }
    #user-profile .galery-content,
    #user-profile #garage {
        width: 100%;
        float: none;
    }
    #user-profile #avatar {
        float: left;
        width: 20%;
        margin: 0 10px 20px 0;
    }
    #user-profile #profile-name {
        width: calc(80% - 10px);
        float: left;
        margin-bottom: 20px;
    }
    #user-profile h1 {
        margin-top: 0;
        margin-bottom: 5px;
    }
    #user-profile .followButton {
        width: auto;
        font-size: 12px;
        padding: 3px 7px;
    }

    /* Share Menu */
    #share {
        top: inherit;
        bottom: 5px;
        z-index: 1000000;
    }
    .embed-helper {
        top: inherit;
        bottom: 100%;
    }
    .embed-helper section {
        padding-bottom: 10px;
    }
    .embed-helper article {
        font-size: 12px;
    }
    .embed-helper input[type="number"] {
        width: 45px;
    }

    /* Explore filters */
    #filters {
        position: relative;
        margin: 0;
    }
    #search {
        position: relative;
    }
    #search input[type="text"] {
        width: 1px;
        position: absolute;
        z-index: 1;
        background-color: #FFF;
        -webkit-transition: 0.3s width;
        transition: 0.3s width;
    }
    #search input[type="text"]:focus {
        width: calc(100% - 42px); /* Using vw because unable to access % */
        z-index: 3;
    }
    ul#markers {
        box-shadow: none;
    }
    ul#markers img {
        height: 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
    }

    #brand-profile .popup.item:nth-child(n) {
		width: 49.5%;
		margin: 0 1% 1% 0;
		height: 100px;
	}
    #brand-profile .popup.item:nth-child(2n) {
		margin-right: 0;
	}
    .popup.item span {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
    }
    .popup.item strong {
        display: none;
    }
    .popup.item em {
        bottom: 5px;
        right: 5px;
    }
    .popup.item em img {
        height: 15px;
        width: auto;
        padding-left: 5px;
    }

    #account-creation #signup {
        float: none;
        max-width: none;
    }
    #account-creation .panel-header {
        padding: 10px;
    }
    #account-creation .panel-header h1 {
        font-size: 24px;
    }
    #account-creation .panel-content {
        padding: 10px;
    }

    /** Profile Search **/
    #option-bar {
    }
    #frm-search {
        display: block;
        width: 100%;
        clear: both;
    }
    #frm-search #img-sort {
        display: none;
    }
    #frm-search > * {
        float: right;
    }
    .filter-checkboxes > span label {
        padding: 10px 15px;
    }
    #profile-list li:nth-child(n) {
        width: 49%;
        margin-right: 2%;
    }
    #profile-list li:nth-child(2n) {
        margin-right: 0;
    }
    #profile-list li .interact {
        padding-top: 10px;
    }

    /** Profiles **/
    header[role="banner"] {
        height: 180px;
    }
    header[role="banner"] .g-overlay {
        padding: 0 7%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.8) 100%);
    }
    header[role="banner"] .profile-pic {
        margin-bottom: 10px;
        margin-right: 10px;
        width: 100px;
        padding: 3px;
    }
    header[role="banner"] .title {
        width: calc(86% - 110px);
        right: 7%;
        padding-bottom: 56px;
        min-height: 110px;
    }
    header[role="banner"] .title a.primary-button {
        position: absolute;
        left: 0;
        bottom: 10px;
    }
    header[role="banner"] h1 {
        line-height: 1.1;
        white-space: normal;
        overflow: inherit;
        width: 100%;
        max-width: none;
        font-size: 20px;
    }
    #tabs-container,
    ul.tabs {
        padding: 0;
    }
    ul.tabs a {
        font-size: 14px;
    }
    #brand-profile .info {
        width: 100%;
        float: none;
        padding-top: 20px;
        margin-top: 20px;
        border-top: solid 1px #DDD;
        background-color: #F0F0F0;
        padding-bottom: 20px;
        position: relative;
    }
    #brand-profile .info .contact {
        display: -webkit-flex;
        display: flex;
    }
    #brand-profile .info h2 {
        width: 40%;
        border-right: solid 1px #CCC;
        border-bottom: none;
    }
    #brand-profile #contact-menu {
        padding-left: 20px;
        padding-bottom: 0;
    }
    #contact-menu li.emphasize strong {
        font-size: 16px;
    }
    #contact-menu li.emphasize span {
        font-size: 22px;
    }
    #brand-profile .content,
    #brand-profile .reviews {
        width: 100%;
        float: none;
    }
    #brand-profile .content,
    #user-profile .content {
        min-height: 150px;
    }
    #user-profile .content {
        margin-top: 20px;
    }
    .ui-sortable-disabled .g-overlay {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 65%, rgba(0, 0, 0, 1) 100%);
    }
    .gallery-menu {
        float: left;
        line-height: 1.5;
        text-align: right;
        position: fixed;
        width: 30%;
        font-size: 12px;
    }
    .gallery-menu ul.menu-left li {
        float: none;
        border-right: solid 5px transparent;
    }
    .gallery-menu ul.menu-left li a {
        padding-right: 10px;
        padding-left: 0;
        display: block;
    }
    .galery-content,
    #brand-profile .options {
        width: 60%;
        float: right;
    }
    #brand-profile .options .medium {
        font-size: 150%;
    }
    .galery-content .collection:nth-child(n) {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5%;
    }
    .galery-content .collection:last-child {
        margin: 0;
    }
    #results,
    #garage {
        padding-bottom: 0;
    }
    #garage .garage-title {
        font-size: 24px;
    }
    #garage .garage-title,
    #garage .description {
        text-align: left;
    }
    .reviews h2 {
        width: auto;
    }
    #brand-profile .review .profile-pic {
        width: 80px;
        padding-bottom: 10px;
    }
    #brand-profile .review h3 {
        margin-right: 20px;
    }
    .review .details {
        font-size: 12px;
    }
    .review .profile-star-rating {
        width: 74px;
    }

    /** Basic Profiles **/
    #profile-hdr #avatar {
        width: 80px;
        height: 80px;
        margin-right: 10px;
        border-width: 2px;
    }
    #profile-hdr #avatar img {
        max-height: 100%;
    }
    #profile-hdr #info {
        width: auto;
        float: none;
    }

    /** Informational Pages **/
    #about {
        font-size: 12px;
        line-height: 1.5;
        overflow-x: hidden;
    }
    #about #content,
    #about #faq {
        margin-left: 120px;
        float: none;
        width: auto;
        padding: 0;
    }
    #about #nav {
        padding: 0;
        font-size: 14px;
    }
    #nav a {
        padding: 5px 10px;
    }
    #about header img {
        width: 100%;
    }
    #about #content header strong {
        font-size: 14px;
    }
    #about h1 {
        font-size: 20px;
        padding: 10px 0 5px;
    }
    #about .content {
        padding-bottom: 20px;
    }
    #about .content ul,
    #about .content p {
        font-size: 14px;
        line-height: 1.4;
        padding-bottom: 10px;
    }
    #about #content section {
        float: none;
        width: 100%;
        padding-bottom: 10px;
    }

    /** Overlay **/
    .mfp-container {
        width: 100%;
        padding: 0 10px;
        height: 88vh;
        overflow-y: scroll;
        font-size: 150%;
        margin-top: 2vh;
    }
    .mfp-close-btn-in .mfp-close {
        font-size: 16px;
        top: 2vh;
        left: 10px;
        right: inherit;
        background: #333;
        padding: 10px;
        line-height: 1;
        text-transform: uppercase;
        position: fixed;
    }
    button.mfp-close:before {
        content: 'Back';
    }
    .mfp-content #slider {
        padding-top: 36px;
    }
    .mfp-content #slider,
    .mfp-content .single-content {
        width: 100%;
        float: none;
        height: auto;
    }
    .mfp-content #slider-image {
        max-height: none;
    }
    .singlebanner .interact {
        padding: 0 10px 10px;
    }
    .parkitbutton,
    .like,
    .unlike {
        float: right;
    }
    .like,
    .unlike {
        margin-left: 0;
        margin-right: 10px;
        padding: 0;
        height: 100%;
    }
    .mfp-content .single-content .details {
        padding: 20px 10px 10px;
    }
    .mfp-content .single-content .title .profile-pic {
        height: 100%;
        max-width: none;
        padding-right: 10px;
    }
    .profile-pic img {
        height: 100%;
    }
    .mfp-content .single-content .title {
        padding: 10px;
    }
    .mfp-content .single-content .title .profile-name,
    .mfp-content .single-content .details h3,
    .producer-box.large .content h1 {
        font-size: 16px;
    }
    .mfp-content .single-content .garage,
    .mfp-content .single-content .owner,
    .content .vehicle-info,
    #user-tags,
    .producer-box.large .content,
    .producer-box.large .content h2 {
        font-size: 12px;
        line-height: 1.3;
    }
    .producer-box.large {
        padding: 10px;
    }
    .content .vehicle-info,
    #user-tags {
        padding: 10px 0;
    }
    .user-detail,
    .mfp-content .single-content .image-description,
    .user-comment .content p {
        font-size: 14px;
    }
    #user-tags div {
        padding-top: 5px;
    }
    .current-user .content textarea {
        width: 100%;
    }
    .marker-information {
        font-size: 14px;
        line-height: 1.5;
    }
    .tt-marker .info strong {
        font-size: 20px;
        line-height: 1.2;
    }

    /** Standalone image page **/
    .single-content .engage {
        display: block;
    }
    .single-content .engage aside .primary-button {
        padding: 5px 10px;
        font-size: 12px;
    }
    .singlebanner,
    .single-content .engage .single-box-comments,
    .single-content .engage aside,
    .single-sidebar {
        float: none;
        width: 100%;
    }
    .single-content .engage aside {
        padding: 20px 0 0;
    }
    .single-content .engage aside .tt-marker {
        padding: 0;
    }
    .single-sb-box ul li:nth-child(n) {
        float: left;
        width: 49%;
        padding: 0 1% 1% 0;
        max-height: none;
        margin: 0;
        height: 100px;
    }
    .single-sb-box ul li:nth-child(2n) {
        padding-right: 0;
    }
    .single-sb-box li img {
    }
    .single-sb-box .gara {
        width: auto;
        height: 160px;
    }
    .single-sb-box h2 {
        padding-bottom: 10px;
        font-size: 14px;
        color: #555;
    }

    /** Footer **/
    body > footer {
        padding-left: 7%;
        padding-right: 7%;
    }
    #ftr-links {
        -webkit-columns: inherit;
        -moz-columns: inherit;
        columns: inherit;
    }
    #ftr-links ul {
        text-align: center;
        display: inline-table;
    }
    #ftr-links ul:not(:first-child) {
        display: none;
    }
    #ftr-links li {
        padding: 5px 7px;
        display: inline-block;
        border-right: solid 1px #555;
    }
    #ftr-links li:last-child {
        border-right: none;
    }
    #techstars {
        display: block;
        float: none;
        padding: 10px 0 0;
    }

    /** Nuke Qtip **/
    .qtip {
        position: fixed !important;
        max-height: 80vh;
        overflow-y: scroll;
        left: 0 !important;
        right: 0 !important;
        top: 10vh !important;
        width: 100vw !important;
        box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
    }
    .qtip .qtip-tip {
        display: none !important;
    }
    .action-prompt {
        width: 100%;
    }
}