/* 

-------------------------------------------------------------

CATEGORIES BANNER

*/

#category-banner { padding:130px 0px; text-align:center; color:#a7a9ac; font-size:16px; text-transform:uppercase; position:relative; }

#category-banner-bottom { position:absolute; height:13px; width:100%; left:0px; bottom:0px; background:url(../img/kits-bannerbottom.png) top center no-repeat; }

#category-banner h2 { font-size:90px; line-height:90px; color:#292a2b; }

.category-main { background:#ffffff url(https://vio-pov.com/skin/frontend/vio2013/default/img/bg-categorymain.jpg) fixed top center no-repeat; }



/* 

-------------------------------------------------------------

CATEGORY BOXES

*/

#categories { padding-top:50px; color:#717476; }

.category-box { width:340px; float:left; height:320px; margin-right:40px; }

.category-img { margin-bottom:10px; position:relative; }

.category-buynow { position:absolute; right:25px; bottom:25px; }

.category-buynow a { display:block; background:#f15c22; line-height:50px; color:#ffffff; padding:0px 25px; font-size:20px; font-weight:200; }

.catbox3 { margin-right:0px; }

.category-title { color:#5a5c5f; font-size:18px; font-weight:600; }



/* 

-------------------------------------------------------------

KITS BANNER

*/

#kits-banner { padding:130px 0px; text-align:center; color:#a7a9ac; font-size:16px; text-transform:uppercase; position:relative; }

#kits-banner-bottom { position:absolute; height:13px; width:100%; left:0px; bottom:0px; background:url(../img/kits-bannerbottom.png) top center no-repeat; }

#kits-banner h2 { font-size:90px; line-height:90px; color:#ffffff; }

.kits-povhd { background:#000000 url(https://vio-pov.com/skin/frontend/vio2013/default/img/bg-povhdkit.jpg) fixed top center no-repeat; }



/* 

-------------------------------------------------------------

KIT TOOLS

*/

#secondary-nav a.kitbtn { display:inline-block; background:#e0e0e1; color:#5a5c5f; padding:0px 20px; line-height:40px; border:1px solid #b9bbbd; border-radius:3px 0px 0px 3px; -webkit-border-radius:3px 0px 0px 3px; }

#secondary-nav a.kitbtn-right { border-left:none; background:#e0e0e1; border-radius:0px 3px 3px 0px; -webkit-border-radius:0px 3px 3px 0px; }

#secondary-nav a.kitbtn:hover, #kit-tools a.active { background-color:#d9d9d9; color:#000000; }



/* 

-------------------------------------------------------------

KITS

*/

#kits { padding-top:50px; color:#717476; }



/* 

-------------------------------------------------------------

KIT BOXES

*/

.kit-box { width:530px; float:left; margin-right:40px; margin-bottom:30px; }

.kit-img { margin-bottom:20px; position:relative; }

.kit-buynow { position:absolute; right:25px; bottom:25px; }

.kit-buynow a { display:block; background:#f15c22; line-height:50px; color:#ffffff; padding:0px 25px; font-size:20px; font-weight:200; }

.kit-title { color:#5a5c5f; font-size:30px; font-weight:700; }

.kit-nomarg { margin-right:0px; }


/* 

-------------------------------------------------------------

IPAD LANDSCAPE

*/

@media (max-width: 1150px) {

	/* category banner */

	#category-banner h2 { font-size:70px; line-height:70px; }


	/* category boxes */

	.category-box { width:273px; height:280px; }


	/* kits banner */

	#kits-banner h2 { font-size:70px; line-height:70px;  }
	

	/* kit box */

	.kit-box { width:430px; }

}


/* 

-------------------------------------------------------------

IPAD PORTRAIT

*/

@media (max-width: 960px) {


	/* category banner */

	#category-banner { padding:70px 0px; }

	.category-main { background:#ffffff url(https://vio-pov.com/skin/frontend/vio2013/default/img/bg-categorymain.jpg) top center no-repeat; background-position:50%; background-size:1100px; }


	/* category boxes */

	.category-box { width:330px; height:300px; }

	.catbox3 { margin-right:40px; }

	.catbox-even { margin-right:0px; }


	/* kits banner */

	#kits-banner { padding:70px 0px; }


	/* kit box */

	.kit-box { width:330px; }

	.kit-title { font-size:20px; }

}


/* 

-------------------------------------------------------------

IPHONE

*/

@media (max-width: 767px) {

	/* secondary nav */

	#secondary-nav h2 { display:none; }

	#secondary-nav a.kitbtn { padding:0px 30px; }


	/* category banner */

	#category-banner h2 { font-size:50px; line-height:50px; }

	#category-banner { padding:50px 0px; background-image:none; }

	.category-main { background-size:800px; }


	/* category boxes */

	.category-box { width:250px; margin-right:30px; height:270px; }

	.catbox3 { margin-right:30px; }

	.catbox-even { margin-right:0px; border:none; }


	/* kits banner */

	#kits-banner h2 { font-size:50px; line-height:50px; }

	#kits-banner { padding:50px 0px; background-image:none; }


	/* kit box */

	.kit-box { width:100%; float:none; margin:30px 0px; margin-top:0px; }

}



/* 

-------------------------------------------------------------

IPHONE SMALLER

*/

@media (max-width: 600px) {
	
	.container { width:90%; }


	/* category boxes */

	.category-box { width:100%; margin:20px auto; float:none; height:auto; }


}