/*max1260*/

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

nav.sub li {
padding:35px 24px;
}

}

/*max1170*/

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

nav.sub li {
padding:35px 15px;
}

.logo {
padding-right:30px;
}

.guide-col {
min-height:120px;
}

}

/*max1024*/

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


.join-blue {
margin-top:50px;
}

.join-orange {
margin-top:50px;
}

.social-feed li {
width: 33.333%;
list-style: none;
float: left;
}

.promo {
text-align:center;
}

ul.side-menu a li i {
display:none;
}

.gallery-feed li {
width:28%;
}

}

/*max900*/

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

.intro-logo {
padding-top:20px;
}

.video-bg {
    height: 400px;
    position: relative;
    overflow: hidden;
}

video {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 0;
}

.cover {
height:400px;
position:absolute;
top:0;
background:rgba(0,0,0,0.7);
z-index:10;
}

}


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

.img-bg {
display:block;
height:400px;
}

.video-bg {
display:none;
}

}

/*max800*/

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

.cover {
height:auto;
background:transparent;
}

.ico-wrap {
left:-25px;
}

ul.side-menu a li {
width:calc(50% - 30px);
float:left;
}

ul.side-menu a li i {
display:inline-block;
}

}

/*max750*/

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

.foot-text {
bottom:0px;
position:relative;
display:block;
padding:10px 0;
}

.foot-logo {
display:block;
padding:15px 10px;
height:30px;
}

.foot-jozo {
display:block;
font-size:30px;
padding:15 10px;
}

}

/*max600*/

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

.intro-logo {
padding-top:100px;
width:50%;
}

.join-blue {
width:calc(100% - 90px);
}

.join-orange {
width:calc(100% - 90px);
margin-top:0;
}

.social-feed li {
width: 50%;
}

.guide-col {
min-height:auto;
}

ul.side-menu a li {
display:none;
}

.gallery-feed li {
width:45%;
}

nav.extra li.socials {
display:none!important;
}

}

/*max450*/

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

.gallery-feed li {
width:95%;
}

}