@media all and (max-width: 1300px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1300px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1300px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1300px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1300px),
only screen and (min-resolution: 192dpi) and (max-width: 1300px),
only screen and (min-resolution: 2dppx) and (max-width: 1300px) {
#content {
    font-size: 16px;
}
.narrow{
	width: 75%;
}

#footerinner {
    width: 600px;
}
.footerblock {
    width: 45%;
}
#footersocial {
    margin-right: 7%;
}

#index #headerlogo img {
    top: 30vw;
    width: 500px;
}
#index #s1 .left, #index #s1 .right {
    height: 19vw;
}

#contact #s2{
	padding-bottom: 2em;
}


}/* *******************END 1300px******************* */
@media all and (max-width: 1024px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min-resolution: 192dpi) and (max-width: 1024px),
only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#header{
    margin-top: 0;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    padding: 0 !important;
}
body:not(#index) #headerlogo img{
    height: 52px !important;
    width: auto !important;
    left: 6px !important;
    top: 6px !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}
#index #headerlogo img {
    z-index: -1;
    left: 50%;
    top: 33vw;
    max-width: 100%;
    width: 700px;
}
#index #header.scrolled #headerlogo img{
    height: 52px !important;
    width: auto !important;
    left: 6px !important;
    top: 6px !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    z-index: 1;
}
#content {
    padding-top: 6em;
}
.narrow {
    width: 95%;
}
#s1 .inner {
    text-align: center;
}
#contact #s1 .inner , #sell #s1 .inner {
    display: flex;
    flex-direction: column-reverse;
}
#s1 .left, #s1 .right {
    width: 100%;
}
#s1 .left h1 {
	font-size: 3em;
    margin-top: 0.67em;
}
#s1 .left p {
    font-size: 1.4em;
    line-height: 1.5em;
}
#s1 .right {
    text-align: center;
}
#s1 .right img {
    width: auto;
}

body#index {
    background-size: auto;
}
#index #headerlogo img {
    max-width: 75%;
}
#index #header.scrolled #headerlogo img{
	-webkit-filter: none;
	filter: none;
}
#index #s1 .left, #index #s1 .right {
    height: 24vw;
}
.reviewblock {
    width: 32.5%;
    min-height: 8em;
}
.reviewblock:nth-of-type(2) {
    margin: 0 1%;
}

#location #s1 .left h1 {
    font-size: 3em;
}

}/* *******************END 1024px******************* */
@media all and (max-width: 700px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 700px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 700px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 700px),
only screen and (min-resolution: 192dpi) and (max-width: 700px),
only screen and (min-resolution: 2dppx) and (max-width: 700px) {
#page{
	padding-top: 0;
}
#content {
    font-size: 4.25vw;
    padding-top: 64px;
}
#sell #s1{
	padding-top: 1em;
}
#s1 .inner {
    display: flex;
    flex-direction: column-reverse;
}
#s1 .left h1 {
    font-size: 2em;
}
#s1 .left p {
    font-size: 1.25em;
    line-height: 1.4em;
}
.forminput {
    font-size: 1.15em;
}
.formsectionone .forminput {
    display: block;
    width: calc(100% - 1em);
    margin: 0.5em;
}
.formleft, .formright {
    width: 100%;
}
.formsectiontwo .forminput {
    display: block;
    width: calc(100% - 1em);
    margin: 0.5em;
}
.formtextarea {
    min-width: calc(100% - 1em) !important;
    max-width: calc(100% - 1em) !important;
    margin: 0 0.5em 0.5em 0.5em !important;
}
#contact .formtextarea {
    margin: 0.5em auto !important;
}
#formuploadsection {
    padding: 0.5em 0 0 0;
}
.formuploadblock {
    display: inline-block;
    width: 50%;
    text-align: center;
    padding: 0;
}
.formuploadlabel {
}
.formuploadbtn {
    margin: 0 auto 0.5em auto;
}
.formuploadtxt {
    display: block;
}
.formuploadplaceholder {
    max-width: 100%;
    margin-bottom: 1em;
}
.formsectionfour .formtitle{
	margin-top: 0;
}

#footer{
    padding: 0 !important;
    margin: 0 !important;
    background-size: contain;
    background-position: bottom center;
}
#sell #footer {
    margin-top: -2em;
}
#footerinner {
    margin: 0 auto;
    border-radius: 0;
    padding: 1.5em 0em 1em 0em;
    width: 100%;
}
#footerinner > img {
    margin: 0 auto 1.5em auto;
    max-width: 90%;
}
.footerblock {
    width: 100%;
    display: block;
    font-size: 1.25em;
    margin: 0.5em auto !important;
}
.footerdroplabel, a.footerlinkmain {
    text-align: center;
    font-size: 2.25em;
}
.footerdroplabel {
    background: rgba(0,0,0,0.5);
    padding: 0.2em 0 0 0;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
a.footerlink {
    width: 70%;
    margin: 0 auto;
}
a.footerlinkmain {
    font-size: 1.25em;
    padding: 0.3em 0 0.25em 0;
    border: 0;
}
a.footerlinkmain + a.footerlink{
    border-top: 2px solid rgba(150,150,150,0.25);
    margin-top: 0.5em;
}
#footersocial {
    float: none;
    margin: 2.5em auto 0.75em auto !important;
}
.fsocialblock img {
    width: auto;
    height: 33.3vw;
    max-height: 110px;
}

.footerdropcontent {
	max-height: 0;
	overflow: hidden;
    margin: 0 auto;
}
.footerdropcheckbox:checked + .footerdropcontent{
	max-height: 500px;
    background: rgba(0,0,0,0.5);
    padding-bottom: 1em;
}
#copyright {
    padding: 0;
}
#copyright #left {
    font-size: 0.6em;
}
#copyright #right a {
    display: block;
    margin-bottom: -1.5px;
}
#copyright #right img{
    height: 2em;
    max-height: 30px;
    width: auto;
}

.contactbuttons {
    padding: 0 !important;
    margin: 0 !important;
}
.contactbuttons .inner {
    padding: 1.25em 1em !important;
}
#index .contactbuttons .inner {
    width: 100% !important;
    border-radius: 0 !important;
    border: 0 !important;
}
.contactbuttons .btn {
    font-size: 1.75em;
    padding: 0.5em 0 0.4em 0;
    width: 100%;
    margin: 0.5em auto !important;
    border-radius: 0.5em;
}
.contactbuttons .btn + .btn {
    margin-right: 0;
    margin-left: 1%;
}

body#index {
	background-image: none;
    background: #1b1363;
}
#index #headerlogo img {
    top: calc(64px + 62vw);
    max-width: 95%;
    -webkit-filter: drop-shadow(0px 0px 15px white);
    filter: drop-shadow(0px 0px 15px white);
}
#index #page {
    padding-top: 0;
}
/*#index #content {
    display: flex;
    flex-direction: column;
}*/
#index #s1{
    background-color: #1b1363;
    padding: 2em 0;
}
#index #s1 .left, #index #s1 .right, #location #s1 .left, #location #s1 .right {
    height: 12em !important;
    width: 100% !important;
    margin: 0.5em auto !important;
}
#index #s1{
    background-color: #a69b97;
    background-image: url("../images/bg-snowmobiles-mobile.jpg"), url("../images/bg-snowmobiles-fallback.jpg");
    background-size: 100% auto, 200% auto;
    background-position: center -15vw, bottom center;
    background-repeat: no-repeat;
    padding: 80vw 0 1em 0;
    /*order: -1;*/
}
#index #s2 {
    padding: 1em 0;
}
#index #s2 .inner {
    padding: 1em 1.5em;
}
#index #s2 p {
    line-height: 1.2em;
}
#reviews {
    padding: 2em 0;
    background-size: auto;
    background-position: top center;
}
#reviews h1{
    font-size: 1.75em;
}
.reviewblock {
    display: block;
    width: 100%;
    margin: 0.75em auto !important;
    height: auto;
    min-height: 5em;
}
.reviewblockinner {
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.reviewblock img {
    width: 150px;
}
#reviews a {
    font-size: 1.25em;
}
#index .contactbuttons {
    padding: 1em 0;
    margin: 0;
}

#location #s3 .inner{
    padding: 0.5em 0.75em;
}
#location #s3 a img {
    height: 1.5em;
    margin: 0;
}

#sell #s2, #contact #s2 {
    padding: 0 0 3em 0;
}

}/* *******************END 700px******************* */