@charset "utf-8";
/* CSS Document */

@media handheld, only screen and (max-width: 1199px){
.investor .resp-tabs-list li { padding: 0 7px;}
}

@media handheld, only screen and (max-width: 1440px){
.butHolder .butPan #nav-toggle { right: 10%;}
.butHolder .butPan #nav-toggle { padding: 75px 33px 16px 0px;}
.bannerAdj { margin: -70px 0 0 0;}
}
@media handheld, only screen and (max-width: 1366px){
.butHolder .butPan #nav-toggle { right: 9%;}
.butHolder .butPan #nav-toggle { padding: 0px 26px 16px 0px;}
.bannerAdj { margin: -67px 0 0 0;}
.innerBanner.bannerAdj { margin: -67px 0 0 0;}
/*#logo { width: 100px;}
#logo img{ width: 100%; height:auto;}*/
#logo { width:50%;}
}
@media handheld, only screen and (max-width: 1280px){
.butHolder .butPan #nav-toggle { right: 6%;}
.butHolder .butPan #nav-toggle { padding: 0px 29px 16px 0px;}
.bannerAdj { margin: -63px 0 0 0;}
}

@media handheld, only screen and (max-width: 1139px){
#brands ul {    width: 752px;     margin: 0 auto;}
}
@media handheld, only screen and (max-width: 763px){
#brands ul {    width: 400px;     margin: 0 auto;}
}

@media handheld, only screen and (max-width: 1024px){
.butHolder .butPan #nav-toggle { right: 2%;}
.navHolder .navPan {  margin: 0 0 0 0px; }
.navHolder .navPan { left: 0;}

/*Index*/
.stepcarousel { width: 822px;}
#awards .stepcarousel { width: 822px;}
.bannerHolder { margin-top: -75px;}
#topnav { margin-right:10px;}
#brands{ background:url(../images/shadow-top-bdr.jpg) no-repeat center top;}
/*#brands .container li { margin: 10px 75px;}*/

.bannerAdj { margin: -51px 0 0 0;}
.faqContent { width: 100%;	}

#quicklinks .container>ul>li { width: 200px; min-height: 230px;}

#brands .stepcarousel { width: 730px;}
#brands .NextBtn { right: 50px; top: 50%;}
#brands .prevBtn { left: 50px; top: 50%;}
}

@media handheld, only screen and (max-width: 980px){
.bannerHolder { margin-top: -70px;}
/*#brands .container li { margin: 10px 50px;}*/
.bratCon .bratDetCon .bratBoy { width: 100%; float: none; text-align:center;}
.bratCon .bratDetCon .bratProdInfo{ width:100%; float:none; padding: 15px 0 0 0px;}
.bratCon .bratTabCon ul { margin: 0 auto; padding: 0; width: 600px;}
.tabCon { padding: 0 10px;}
#parentHorizontalTab span span { display: inline-block;}
.bannerAdj { margin: -48px 0 0 0;}
.committeeCon .dirDetails { width: 600px;}

}

@media handheld, only screen and (max-width: 800px){
.bannerHolder { margin-top: -60px;}
/*#brands .container li { margin: 10px 20px;}*/
.stepcarousel { width: 556px; margin:30px auto 0 auto;}
#awards .stepcarousel { width: 530px;}
.prev { left: 10%;}
.Next { right: 10%;}

.container h2 img{ max-width:100%; height:auto;}
.awardCon .awardIcon { width: 100%; float: none;}
.awardCon .awardDesc { width: 100%; float: none;}
.mypets { font-size: 16px;}
.openpet { font-size: 16px;}
.mfp-arrow-right { right: 13%!important;}
.mfp-arrow-left { left: 13%!important;}
.bannerAdj { margin: -40px 0 0 0;}
.faqContent { width: 100%;}
.investor .resp-tabs-container { width: 100%;}
.innerBanner{ margin:-30px 0 0 0;}
#brands .NextBtn {
    right: 3px;
    top: 50%;
}
#brands .prevBtn {
    left: 3px;
    top: 50%;
}
.committeeCon .dirDetails { width: 485px;}
.vip-quarterly-wrap ul.quarterly-listing li.item ul.content-listing li.sub{ padding:0 10px;}
.vip-quarterly-wrap ul.quarterly-listing li.item ul.content-listing{ margin:0 -10px;}
}

@media handheld, only screen and (max-width:767px){
	.vip-quarterly-wrap ul.quarterly-listing li.item ul.content-listing li.sub{ width:50%; margin-bottom:30px;}
	.vip-quarterly-wrap h2{ margin-bottom:20px; font-size:22px;}
	.vip-quarterly-wrap ul.quarterly-listing li.item{ padding-bottom:0; margin-bottom:10px;}
}

@media handheld, only screen and (max-width:640px){
	.vip-quarterly-wrap h2{ margin-bottom:0px; font-size:20px;}
	.vip-quarterly-wrap ul.quarterly-listing li.item h4{ font-size:18px; margin-bottom:15px;} 

}

@media handheld, only screen and (max-width: 680px){
#brands .container li { margin: 10px auto; float: none;}
#logo img{ max-width:50%; height:auto;}
.bannerHolder { margin-top: -75px;}
.prev { left: 5%;}
.Next { right: 5%;}
#studio p { padding-left: 0; padding-right: 0;}

#brands .stepcarousel {
    width: 350px;
}
#brands .NextBtn{    right: 90px;}
#brands .prevBtn{    left: 90px;}

.bannerAdj { margin: -60px 0 0 0;}
.committeeCon .dirProfileImg{ float:none;}
.committeeCon .dirDetails{ width:100%; float:none; padding:10px 0 0 0;}
#toTop { display:none!important;}
.pressCon { width: 90%; float: none; padding: 20px 20px 0 20px;}
.directorCon .dirDetails p img{ width:100%; height:auto;}
.investor .faqContent {
    width: auto;
    padding: 0 0 0 20px;
}
#comingSoon img{ width:100%; height: auto;}

}

@media handheld, only screen and (max-width: 600px){
.stepcarousel { width: 278px; margin: 30px auto 0 auto;}
#awards .stepcarousel { width: 270px;}
#quicklinks .container>ul>li { width: 40%; min-height: 120px;}
.butHolder { left: -14px;}
.bratCon .bratTabCon ul { width: 100%;}
.bratCon .bratTabCon ul li { width:49%; margin:10px 0;}
.bannerAdj { margin: -56px 0 0 0;}
}

@media handheld, only screen and (max-width: 480px){
.bratBoy img{ width:100%; height:auto;}
.bannerAdj { margin: -51px 0 0 0;}
#brands .stepcarousel { width: 350px;}
body{ overflow-x:hidden;}
.navHolder .navPan ul li:first-child { padding: 0 0 5px 0;}
.navHolder .navPan ul li { padding: 5px 0;}
#toTop { bottom: 105px;}
.vip-quarterly-wrap{margin-top:30px;}
}
@media handheld, only screen and (max-width: 400px){
#copy { float: none; text-align:center; margin:0; line-height:20px}
#credits { float: none; text-align:center; padding:10px 0 0 0;}
.bannerAdj { margin: -47px 0 0 0;}
#footer { padding: 40px 0 20px 0;}
.vip-quarterly-wrap h2{ font-size:16px;}
.vip-quarterly-wrap ul.quarterly-listing li.item h4{ font-size:16px;}
.vip-quarterly-wrap ul.quarterly-listing li.item ul.content-listing li.sub{ width:100%; margin-bottom:20px;}
.pdfLink{width:100% !important; font-size: 14px !important;}
}

@media handheld, only screen and (max-width: 370px){
#brands .container li { width: 320px; height: 363px;}
#logo img { width: 65%;}
.flex-direction-nav .flex-next{ right: -2%!important; background-size: 30px 50px!important;}
.flex-direction-nav .flex-prev{ left: 1%!important; background-size: 30px 50px!important;}
.flex-direction-nav a { top: 67%!important;}
.butHolder .butPan #nav-toggle {  padding: 0px 29px 16px 0px;}
.Next { right: 0%;}
.prev{ left: 0%;}
.mypets { font-size: 16px;}
.openpet { font-size: 16px;}

#inner .mediaCon ul li { width: 100%;}
#inner .mediaCon ul li img { width: 100%; height:auto;}
#brands .stepcarousel .panel { width: 305px;}
#brands .stepcarousel { width: 305px;}
#quicklinks .container>ul>li { width: 100%; min-height: 120px;}
.quarter, .pdfLink { width:100% !important; font-size: 12px !important;}
}