/*max1260*/

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

.grid {
width:90%;
}

}

/*max1024*/

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

.logo {
padding-bottom:15px;
}

nav.main li {
padding:30px 20px;
}

nav.sub li {
display:none;
}

nav.sub li.icon {
display:inline-block!important;
font-size:20px;
font-weight:bold;
top:0;
right:5%;
position:absolute;
}

nav.sub.responsive {
position: absolute;
top:0;
right:5%;
background-color: white;
z-index: 50;
width: 250px;
}

nav.sub.responsive li.icon {
position: absolute;
right: 5%;
top: 0;
padding:35px 0!important;
}

nav.sub.responsive li {
float: none!important;
display:block!important;
padding:10px 0!important;
}

nav.sub.responsive li:first-child {
margin-top:100px;
display: block;
text-align:center;
padding:10px 0;
}

nav.sub.responsive li a {
display: block;
text-align: center;
}

nav.sub.responsive li a:hover {
padding-bottom:0!important;
border:0!important;
}

.full1024 {
width:100%;
padding-left:0;
padding-right:0;
}

.hide1024 {
display:none;
}

.col1-2-1024 {
width:44%;
padding:2.666%;
}

.col1-3-1024 {
width:28%;
padding:2.5%;
}

.col1-3-1024 {
width:28%;
padding:2.5%;
}

.col2-3-1024 {
width:61%;
padding:2.5%;
}

}


/*max900*/

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

.hide900 {
display:none;
}

nav.main li {
display:none;
}

nav.main li.icon {
display:inline-block!important;
font-size:20px;
font-weight:bold;
top:0;
right:5%;
position:absolute;
padding:35px 13px;
}

nav.main li.socials.first {
margin-right:10%;
}

nav.main.responsive {
position: absolute;
top:0;
right:5%;
background-color: black;
z-index: 50;
width: 250px;
}

nav.main.responsive li.icon {
position: absolute;
right: 5%;
top: 0;
padding:35px 0!important;
}

nav.main.responsive li {
float: none!important;
display:block!important;
padding:10px 0!important;
}

nav.main.responsive li:first-child {
margin-top:100px;
display: block;
text-align:center;
padding:10px 0;
}

nav.main.responsive li a {
display: block;
text-align: center;
}

nav.main.responsive li a:hover {
padding-bottom:0!important;
border:0!important;
}

nav.extra li.socials {
display:inline-block!important;
float:right;
font-size:20px;
padding:39px 15px 35px 15px;
}

nav.extra li.socials.first {
margin-right:10%;
}

}

/*max800*/

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

.last-col {
float:none;
margin:0 auto;
}

.col1-2 {
width:100%;
padding:2.5% 0;
}

.col1-3 {
width:44%;
padding:2.666%;
}

.col1-4 {
width:45%;
padding:2.5%;
}

.col3-4 {
width:90%;
padding:2.5%;
}

}

/*max600*/

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

.hide600 {
display:none;
}

.full600 {
width:100%;
}



.col1-3 {
width:100%;
padding:2.666% 0;
}

.col1-4 {
width:100%;
padding:2.5% 0;
}

}

/* importants */

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

.hide800 {
display:none;
}

.full800 {
width:100%;
padding-left:0;
padding-right:0;
}

}