/* @option theme width container */

#myExtraContent2,#myExtraContent3,#myExtraContent4,
#container,#footer,#breadcrumbcontainer  {width:  600px;}

#myExtraContent1,#myExtraContent1 img {width:  670px;}

@media screen and (max-width:670px) {
#title h1,#title h2,#footer, #breadcrumbcontainer,#myExtraContent1,#myExtraContent2,#myExtraContent3,#myExtraContent4 {
    width:  auto;
}

#myExtraContent1 img{
	width: 100%;
	height: auto;
}

#cssmenu,#cssmenu2 {
	width: auto;
	padding-right: 18px;
	padding-left: 20px;
}

#cssmenu > ul > li > a,#cssmenu2 > ul > li > a{
	padding-right: 8px;
	padding-left: 10px;
}

#container,#myExtraContent2,#myExtraContent3,#myExtraContent4,#logo, #title h1, #title h2, #footer, #breadcrumbcontainer  {
    width:  auto;
    padding-left:  50px;
    padding-right:  50px;
}}

@media screen and (max-width:768px) {
#container,#myExtraContent2,#myExtraContent3,#myExtraContent4,#logo, #title h1, #title h2, #footer, #breadcrumbcontainer  {
    padding-left: 45px;
    padding-right: 45px;
}}

@media screen and (max-width:600px) {
#container,#myExtraContent2,#myExtraContent3,#myExtraContent4,#logo, #title h1, #title h2, #footer, #breadcrumbcontainer  {
    padding-left: 35px;
    padding-right: 35px;
}}

@media screen and (max-width:480px) {
#container,#myExtraContent2,#myExtraContent3,#myExtraContent4,#logo, #title h1, #title h2, #footer, #breadcrumbcontainer  {
    padding-left: 15px;
    padding-right: 15px;
}}