/*************************************/
/*************************************/

/***   M E D I A   Q U E R I E S   ***/

/*************************************/
/*************************************/



/******* 00 - 479 *************/
@media all and (max-width: 479px) {

.page-width { width:100%; margin:0 auto;}
#top-bar { height:auto;}
ul.top-bar-list { height:auto;}

ul.top-bar-list li { font-size:12px; height:auto; width:auto; padding:0 5px; height:auto; line-height:12px; margin:5px 0;}

.header-bg { background:url(/media/middle_header.png) no-repeat center top; background-size:640px auto; height:167px;}

a.header-logo { display:block; position:absolute; width:200px; height:100px; left:50%; bottom:-40px; margin-left:-100px; z-index:500; text-indent:-9999em; background:url(/media/logo_big.png) no-repeat center top; background-size:200px auto;}


.menu-bar { min-height:50px; height:auto;}
.menu-bar .page-width { position:relative; height:auto;}
p.header-desc { float:none; line-height:16px; font-size:16px; text-align:center; padding-top:35px; padding-left:15px; margin-bottom:10px; width:95%;}
.header-buttons { position:relative; margin:0px; margin-bottom:10px; left:0; margin-top:0px; height:45px; text-align:center;}
.header-buttons li { margin-right:3px; margin-left:3px; height:45px; width:45%;}
.header-buttons li a { width:100%; height:45px; line-height:45px; font-size:17px;}
.thumbs li { max-width:358px; width:97%;}

a.bigbtn { font-size:30px; line-height:30px;}
a.bigbtn p { font-size:14px;  letter-spacing:0em;}

.footer-logo { width:200px; height:100px; background:url(/media/logo_big.png) no-repeat center top; background-size:200px auto; margin:0 auto; margin-bottom:20px; opacity:0.5;}



.j-icons ul li {width:22%; padding-top:45px; height:50px;}
.j-icons ul li p { padding:0; text-align:center; height:50px; display:block; overflow:hidden;}
.j-icons h2 { font-size:22px;}
}




/******* 480 - 639 **********/
@media all and (min-width: 480px) and (max-width: 639px) {
.page-width { width:100%; margin:0 auto;}
#top-bar { height:auto;}
ul.top-bar-list { height:auto;}
ul.top-bar-list li {font-size:12px; height:auto; width:auto; padding:0 1%; height:auto; line-height:12px;}

.header-bg { background:url(/media/middle_header.png) no-repeat center top; background-size:640px auto; height:167px;}

a.header-logo { display:block; position:absolute; width:200px; height:100px; left:50%; bottom:-40px; margin-left:-100px; z-index:500; text-indent:-9999em; background:url(/media/logo_big.png) no-repeat center top; background-size:200px auto;}


.menu-bar { min-height:50px; height:auto;}
.menu-bar .page-width { position:relative; height:auto;}
p.header-desc { float:none; line-height:16px; font-size:16px; text-align:center; padding-top:35px; padding-left:15px; margin-bottom:10px; width:95%;}
.header-buttons { position:relative; margin:0px; margin-bottom:10px; left:0; margin-top:0px; height:45px; text-align:center;}
.header-buttons li { margin-right:3px; margin-left:3px; height:45px;}
.header-buttons li a { width:200px; height:45px; line-height:45px; font-size:21px;}
.thumbs li { max-width:358px; width:48%;}


a.bigbtn { font-size:30px; line-height:30px;}
a.bigbtn p { font-size:14px;  letter-spacing:0em;}

.footer-logo { width:200px; height:100px; background:url(/media/logo_big.png) no-repeat center top; background-size:200px auto; margin:0 auto; margin-bottom:20px; opacity:0.5;}




.j-icons ul li {width:12%; padding-top:45px; height:50px;}
.j-icons ul li p { padding:0; text-align:center; height:50px; display:block; overflow:hidden; font-size:11px;}
.j-icons h2 { font-size:22px;}
}

/******* 640 - 799 ***********/
@media all and (min-width: 640px) and (max-width: 799px) {
.page-width { width:100%; margin:0 auto;}
ul.top-bar-list li { font-size:12px; width:19%;}

.header-bg { background:url(/media/middle_header.png) no-repeat center top;}

.menu-bar { min-height:50px; height:auto;}
.menu-bar .page-width { position:relative; height:auto;}
p.header-desc { float:none; line-height:16px; font-size:18px; text-align:center; padding-top:50px; padding-left:15px; margin-bottom:10px; width:95%;}
.header-buttons { position:relative; margin:0px; margin-bottom:10px; left:0; margin-top:0px; height:45px; text-align:center;}
.header-buttons li { margin-right:3px; margin-left:3px; height:45px;}
.header-buttons li a { width:240px; height:45px; line-height:45px; font-size:21px;}
.thumbs li { max-width:358px; width:48%;}


a.bigbtn { font-size:30px; line-height:30px;}
a.bigbtn p { font-size:14px;  letter-spacing:0.1em;}






.j-icons ul li {width:12%; padding-top:45px; height:50px;}
.j-icons ul li p { padding:0; text-align:center; height:50px; display:block; overflow:hidden;}
.j-icons h2 { font-size:22px;}
}


/******* 800 - 959 ***********/
@media all and (min-width: 800px) and (max-width: 959px) {
.page-width { width:98%; margin:0 auto;}
ul.top-bar-list li { font-size:13px;}

.header-bg { background:url(/media/middle_header.png) no-repeat center top;}

.menu-bar { min-height:50px; height:auto;}
.menu-bar .page-width { position:relative; height:auto;}
p.header-desc { float:none; line-height:16px; font-size:18px; text-align:center; padding-top:50px; padding-left:15px; margin-bottom:10px; width:95%;}
.header-buttons { position:relative; margin:0px; margin-bottom:10px; left:0; margin-top:0px; height:45px; text-align:center;}
.header-buttons li { margin-right:3px; margin-left:3px; height:45px;}
.header-buttons li a { width:240px; height:45px; line-height:45px; font-size:21px;}

a.bigbtn { font-size:36px; line-height:36px;}
a.bigbtn p { font-size:15px;  letter-spacing:0.2em;}

.j-icons ul li {width:12%; padding-top:45px;}
.j-icons ul li p { padding:0; text-align:center;}
.j-icons h2 { font-size:26px;}
}






/******* 960 - 1279 ********/
@media all and (min-width: 960px) and (max-width: 1279px) {
.page-width { width:98%; margin:0 auto;}
ul.top-bar-list li { font-size:15px;}
p.header-desc { width:33%; font-size:14px;}
.thumbs li { max-width:358px; width:31%;}


a.bigbtn { font-size:40px; line-height:40px;}
a.bigbtn p { font-size:15px;  letter-spacing:0.3em;}

.j-icons-item1 { width:110px; background:url(/media/j_icons2.png) no-repeat left top;}
.j-icons-item2 { width:160px; background:url(/media/j_icons2.png) no-repeat left -100px;}
.j-icons-item3 { width:110px; background:url(/media/j_icons2.png) no-repeat left -200px;}
.j-icons-item4 { width:130px; background:url(/media/j_icons2.png) no-repeat left -300px;}
.j-icons-item5 {  width:110px; background:url(/media/j_icons2.png) no-repeat left -400px;}
.j-icons-item6 { width:100px; background:url(/media/j_icons2.png) no-repeat left -500px;}
.j-icons-item7 {  width:130px; background:url(/media/j_icons2.png) no-repeat left -600px;}
}


/******* 1280 - 1299 ********/
@media all and (min-width: 1280px) and (max-width: 1299px) {

.j-icons-item1 { width:110px; background:url(/media/j_icons2.png) no-repeat left top;}
.j-icons-item2 { width:160px; background:url(/media/j_icons2.png) no-repeat left -100px;}
.j-icons-item3 { width:110px; background:url(/media/j_icons2.png) no-repeat left -200px;}
.j-icons-item4 { width:130px; background:url(/media/j_icons2.png) no-repeat left -300px;}
.j-icons-item5 {  width:110px; background:url(/media/j_icons2.png) no-repeat left -400px;}
.j-icons-item6 { width:100px; background:url(/media/j_icons2.png) no-repeat left -500px;}
.j-icons-item7 {  width:130px; background:url(/media/j_icons2.png) no-repeat left -600px;}

}
/******* 1300  ********/
@media all and (min-width: 1300px) {
.j-icons-item1 { width:110px; background:url(/media/j_icons2.png) no-repeat left top;}
.j-icons-item2 { width:160px; background:url(/media/j_icons2.png) no-repeat left -100px;}
.j-icons-item3 { width:110px; background:url(/media/j_icons2.png) no-repeat left -200px;}
.j-icons-item4 { width:130px; background:url(/media/j_icons2.png) no-repeat left -300px;}
.j-icons-item5 {  width:110px; background:url(/media/j_icons2.png) no-repeat left -400px;}
.j-icons-item6 { width:100px; background:url(/media/j_icons2.png) no-repeat left -500px;}
.j-icons-item7 {  width:130px; background:url(/media/j_icons2.png) no-repeat left -600px;}
}