/*--------- CSS Reset for Tablet ----------*/
@media handheld, only screen and (max-width: 970px){
.skin_content{ padding:10px 1% 10px 1%;}
.footerpane_style { padding:0 1%}
#standardMenu .rootMenu li a span{padding:0 22px;}
}

@media handheld, only screen and (max-width: 960px){
#standardMenu .rootMenu li a span{padding:0 21px;}
#standardMenu .rootMenu li:hover .subMenu { display:block;}
#standardMenu .subMenu li:hover .level1 { display:block;}
#standardMenu .rootMenu .subMenu li:hover .level1 { display:block;}
#standardMenu .rootMenu li:hover .subMenu li:hover .level1 { display:block;}
}

@media handheld, only screen and (max-width: 940px){
#standardMenu .rootMenu li a span{padding:0 20px;}
}

@media handheld, only screen and (max-width: 920px){
#standardMenu .rootMenu li a span{padding:0 19px;}
.Social-Links{min-width:300px;}
}

@media handheld, only screen and (max-width: 900px){
#standardMenu .rootMenu li a span{padding:0 18px;}
}

@media handheld, only screen and (max-width: 880px){
#standardMenu .rootMenu li a span{padding:0 17px;}
}

@media handheld, only screen and (max-width: 860px){
#standardMenu .rootMenu li a span{padding:0 16px;}
.Social-Links{min-width:250px;}
}

@media handheld, only screen and (max-width: 840px){
#standardMenu .rootMenu li a span{padding:0 15px;}
}

@media handheld, only screen and (max-width: 820px){
#standardMenu .rootMenu li a span{padding:0 14px;}
.Social-Links{min-width:200px;}
}

@media handheld, only screen and (max-width: 800px){
#standardMenu .rootMenu li a span{padding:0 12px;}
}

@media handheld, only screen and (max-width: 780px){
#standardMenu .rootMenu li a span{padding:0 11px;}
}

@media handheld, only screen and (max-width: 767px){
#standardMenu .rootMenu li a span{padding:0 19px;}
#standardMenu .rootMenu li:hover .subMenu { display:none;}
.Social-Links{padding:0; text-align:center; min-width:200px;}
.skin_content{ padding:10px 1.5% 10px 1.5%;}
.footerpane_style { padding:0 1.5%}
}