/* Beeldscherm resolutie max 979px */
@media (min-width: 768px) and (max-width: 979px)  {
.nav-feature > li > a, 
.nav-square > li > a {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
    text-align: center;
    width: 58px !important;
    height: 58px !important;
    border-radius: 0;
}
.nav-feature > li small,
.nav-feature > li .caption.upper,
.nav-square > li .caption.upper {
    font-size: 9px;
    font-weight: 300;
    padding-bottom:5px;
}
.nav-feature > li .nav-icon, .nav-feature > li .nav-image,
.nav-square > li .nav-icon, .nav-square > li .nav-image {
    float: none;
    font-size: 1.8em;
    margin: 0;
    line-height: 1;
}
.nav-feature > li .caption,
.nav-square > li .caption {
    display: block;
    line-height: 5px;
}
ul.nav.nav-feature.nav-square-dark,
ul.nav.nav-square.nav-square-dark {
float: right !important; 
}
.profile-info {
width:300px; }
menu.menu-collapse.collapse.pull-right-lg {
margin-right:-70px;
margin-top:25px;
}


}

/* Beeldscherm resolutie max 1200px */
@media (min-width: 980px) and (max-width: 1200px) {
.nav-feature > li > a, 
.nav-square > li > a {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
    text-align: center;
    width: 72px !important;
    height: 72px !important;
    border-radius: 0;
}
.nav-feature > li small,
.nav-feature > li .caption.upper,
.nav-square > li .caption.upper {
    font-size: 10px;
    font-weight: 300;
    padding-bottom:5px;
}
.nav-feature > li .nav-icon, .nav-feature > li .nav-image,
.nav-square > li .nav-icon, .nav-square > li .nav-image {
    float: none;
    font-size: 1.8em;
    margin: 0;
    line-height: 1;
}
.nav-feature > li .caption,
.nav-square > li .caption {
    display: block;
    line-height: 5px;
 }
.profile-info {
width:300px;
}
menu.menu-collapse.collapse.pull-right-lg {
float: right;
}
ul.nav.nav-feature.nav-square-dark,
ul.nav.nav-square.nav-square-dark {
margin-top:15px;
}

}



/* iPad in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : portrait)  { 
.nav-feature > li > a, 
.nav-square > li > a {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
    text-align: center;
    width: 58px !important;
    height: 58px !important;
    border-radius: 0;
}
.nav-feature > li small,
.nav-feature > li .caption.upper,
.nav-square > li .caption.upper {
    font-size: 8px;
    font-weight: normal;
    padding-bottom:5px;
}
.nav-feature > li .nav-icon, .nav-feature > li .nav-image,
.nav-square > li .nav-icon, .nav-square > li .nav-image {
    float: none;
    font-size: 1.8em;
    margin: 0;
     line-height: 1;
}

.nav-feature > li .caption,
.nav-square > li .caption {
    display: block;
    line-height: 5px;
}
ul.nav.nav-feature.nav-square-dark,
ul.nav.nav-square.nav-square-dark {
float: right !important; 
}
.profile-info {
width:300px; }
menu.menu-collapse.collapse.pull-right-lg {
margin-right:-10px;
}
.description-sm {
font-size: 14px;
}

}




/* iPad in landscape */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)  { 
.nav-feature > li > a, 
.nav-square > li > a {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
    text-align: center;
    width: 72px !important;
    height: 72px !important;
    border-radius: 0;
}
.nav-feature > li small,
.nav-feature > li .caption.upper,
.nav-square > li .caption.upper {
    font-size: 10px;
    font-weight: normal;
    padding-bottom:5px;
}
.nav-feature > li .nav-icon, .nav-feature > li .nav-image,
.nav-square > li .nav-icon, .nav-square > li .nav-image {
    float: none;
    font-size: 1.8em;
    margin: 0;
}
.nav-feature > li .nav-icon, .nav-feature > li .nav-image,
.nav-square > li .nav-icon, .nav-square > li .nav-image {
       line-height: 1;
}
.nav-feature > li .caption,
.nav-square > li .caption {
    display: block;
    line-height: 5px;
}
ul.nav.nav-feature.nav-square-dark,
ul.nav.nav-square.nav-square-dark {
float: right !important; 
}
.profile-info {
width:300px; }
menu.menu-collapse.collapse.pull-right-lg {
margin-right:0px;
}
 dt,
dd { font-size: 12px; font-size: 1.2rem; }
}



/* iPad 1 & 2 in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  { 
.description-sm {
font-size: 13px;
letter-spacing: 0px;
}
body,
blockquote {
    font-size: 20px;
    font-size: 2.0rem;
}
menu.menu-collapse.collapse.pull-right-lg {
margin-top:20px;
margin-right:-5px;
}

}

/* iPad 1 & 2 in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { 
.description-sm {
font-size: 16px;
 letter-spacing: 0.45px;
}
body,
blockquote {
    font-size: 20px;
    font-size: 2.0rem;
}
.nav-square > li > a {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
    text-align: center;
    width: 76px !important;
    height: 76px !important;
    border-radius: 0;
}
.nav-square > li .caption.upper {
    font-size: 11px;
    font-weight: normal;
    padding-bottom:5px;
}
menu.menu-collapse.collapse.pull-right-lg {
margin-top:-3px;
}



}