/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.customPageWidth { width: 728px; }
	.customHero { width: 728px; background-position:-249px top; }
	#contentBox { min-width: 528px; }
	.customHeader { background-size: 758px 127px; }
	.ccsd-schoolSite .customQLHeading { width:80px; padding-left:5px; font-size:0.95em; border-top-right-radius: 10px; }
	.customFooter { width: 726px; }
	.customLogo { width:280px; }
	.ms-siteicon-img { max-width: 278px; }
	.customBodyLeft, .customBodyLeft1 { padding-right: 0px; }
	.customBodyRight { width: auto }
	.ccsd_PL_content img { max-width: 280px; }
	.ccsd_PL_right { width: 200px; }
	.ccsd_PL_right_content img { max-width: 200px; }
	.ccsd_PL_content { width: 280px; }
	.article-content img { max-width: 495px; }
	
	.ms-srch-sbLarge-fullWidth { width: 430px; }
	.ms-srch-item, .ms-srch-item-path { width: 480px; }
	.ms-srch-upscope-top { width: 480px !important; }
	.ms-srch-hover-outerContainer { display: none !important; }
}	


/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	body { overflow:auto;}
	.customPageWidth { width: 440px; background-image: none; }
	.customHero { width: 440px; background-position:-537px top; }
	.ccsd-districtSite .customHero, .ccsd-schoolSite .customHero { display: none; }
	#contentBox { min-width: 440px; }
	.customHeader { margin-left:-5px; margin-right:-5px; height: 227px; background-size: 450px 227px; }
	.ccsd-districtSite-Reports .customHeader { height: 127px; background-size: 450px 127px; }
	.customFooter { width: 438px; }
	.customLogo { width:280px; top:47px; }
	.ms-siteicon-img { max-width: 278px; }
	.customAlertBox { top: 0px; position: absolute; margin-left: 235px; }
	.ccsd-districtSite-Reports .customAlertBox { margin-left: -235px; }
	.customHeaderRight { margin-top: 30px; }
	.customBodyLeft, .customBodyLeft1 { padding-right: 0px; }
	.customBodyRight { width: auto }
	.customPrint { display: none; }
	.ccsd_PL_content { width: 100%; }
	.ccsd_PL_right { width: auto; float:left; }
	.article-content img, .ccsd_PL_right_content img { max-width: 400px; }
	.ms-rtestate-field table { max-width: 400px; }
	.ccsd_PL_right .ms-rtestate-field img { max-width: 400px; }
	
	.customQLHeading { display:none; }
	.customTopNav .ms-topNavContainer { display: none; }
	.customTopNav { height: 47px; background-size: auto 47px; }
	.customTopNav .ccsd-accordion-button { display:block; }
	.ms-core-navigation { display: none; }
	#contentBox { margin-left: 0px; }
	.customBodyLeft, .customBodyLeft1 { width: 410px; }
	#sideNavBox { display: none; }
	
	.customNewsRotatorHolder { display: none; }
	.customMobileNewsRotatorHolder { display: block; }
	.customMobileNewsRotatorHolder { width:385px; }
	
	.ms-srch-sbLarge-fullWidth { width: 360px; }
	.ms-srch-item, .ms-srch-item-path { width: 410px; padding-right: 10px; }
	.ms-srch-upscope-top { width: 410px !important; }
	.ms-srchnav-item { display: block; }
	.ms-srch-hover-outerContainer { display: none !important; }
	.ms-srchnav-link-selected { margin-left: 0px; padding-left: 0px; box-shadow: none; font-weight: bold; }
	
	.ccsd-newscategories .ccsd-newscategories-category { width: 415px; float:left; }
	.ccsd-newscategories .ccsd-newscategories-category { padding-right:0px !important; }

}

/* Note: Design for a width of 320px */

@media only screen and (max-width: 479px) {
	body { overflow:auto;}
	.customPageWidth { width: 280px; background-image: none;  }
	.ccsd-schoolSite .customHero { width: 280px; background-position:-697px top; }
	.ccsd-districtSite .customHero, .ccsd-schoolSite .customHero { display: none; width: 280px; background-position:-647px top;}
	.customHero .contactInfo { width: 255px; }
	#contentBox { min-width: 280px; }
	.customHeader { margin-left:-5px; margin-right:-5px; height: 257px; background-size: 290px 257px; }
	.ccsd-districtSite-Reports .customHeader { height: 127px; background-size: 290px 127px; }
	.customFooter { width: 278px; }
	.customLogo { width:280px; left:5px; top:47px; }
	.ms-siteicon-img { max-width: 278px; }
	.customAlertBox { top: 0px; position: absolute; margin-left: 45px; }
	.ccsd-districtSite-Reports .customAlertBox { margin-left: -215px; }
	.customHeaderRight { margin-top: 30px; }
	.customHeaderLinks { width: 255px; }
	.customHeaderLinks .languageLinks { width: 255px; padding-left:0px; padding-right:0px; }
	.customSearch { width:280px; padding-right: 15px; }
	.customSearch .customSearchText { display: none; }
	.customBodyLeft, .customBodyLeft1 { padding-right: 0px; }
	.customBodyRight { width: auto }
	.customPrint { display: none; }
	.ccsd_PL_content { width: 100%; }
	.ccsd_PL_right { width: auto; float:left; }
	.ccsd_PL_content img { max-width: 250px; }
	.article-content img, .ccsd_PL_right_content img { max-width: 250px; }
	.ms-rtestate-field table { max-width: 250px; }
	.ccsd_PL_content .captioned-image { float:none; }
	.ccsd_PL_right .ms-rtestate-field img { max-width: 250px; }
	
	.customQLHeading { display:none; }
	.customTopNav .ms-topNavContainer { display: none; }
	.customTopNav { height: 47px; background-size: auto 47px; }
	.customTopNav .ccsd-accordion-button { display:block; }
	.ms-core-navigation { display: none; }
	#contentBox { margin-left: 0px; }
	.customBodyLeft, .customBodyLeft1 { width: 250px; }
	#sideNavBox { display: none; }
	
	.customNewsRotatorHolder { display: none; }
	.customMobileNewsRotatorHolder { display: block; }
	.customMobileNewsRotator .customNewsImage img{ max-height:50px; margin-right:7px; width:50px; }
	.customMobileNewsRotatorHolder { width:230px; }
	
	.ms-srch-sbLarge-fullWidth { width: 190px; }
	.ms-srch-item, .ms-srch-item-path { width: 240px; padding-right: 10px; }
	.ms-srch-upscope-top { width: 240px !important; }
	.ms-srchnav-item { display: block; }
	.ms-srch-hover-outerContainer { display: none !important; }
	.ms-srchnav-link-selected { margin-left: 0px; padding-left: 0px; box-shadow: none; font-weight: bold; }
	
	.ccsd-newscategories .ccsd-newscategories-category { width: 250px; float:left; }
	.ccsd-newscategories .ccsd-newscategories-category { padding-right:0px !important; }

	#sthoverbuttons { display:none; }
}