/* Add here all your CSS customizations */

/*#set_img1{margin-left:-230px;margin-top:0px; width:184px; height:auto;}*/
#set_img{margin-left:0px;margin-top:-1px; width:115px; height:auto;}
#set_img1{margin-left:0px; margin-top:4px; width:98px; height:auto;}

.img3 img{ width:116px; height:auto;}
a.txt1{text-align: center; color:darkgreen;}
.img2 img {
    margin-left: 0px;
    width: 100%;
    height: auto;padding-top: 14px;
}
.img1 {
    width: 10%;
    float: left;
}
.img4 {
    width: 10%;
    float: left;
}

.img2 {
    width: 72%;
    float: left;
        text-align: center;
}
.img3 {
    width: 8%;
    float: right;
    text-align: right;
}

table.set_tbl{width: 1024px;
	text-align:center;
	border: 1px solid #000;
	font-weight:bold;
	    line-height: 1.7;
}
.set_width{width: 1024px; margin: 0 auto;}
.setpp{font-size: 1.8em; font-family: Catamaran;  color:darkgreen; text-shadow: 2px 2px 2px #CCCCCC;    margin: 3px -10px 0 0;}
.color-theme{}

@media screen and ( max-width: 320px ) 
{
	a.b-left.b-logo.logo1 {  width: 100%;text-align: center;}
	.img1{width: 90%;}
	.img2 img{margin-left: 0px; text-align: center; width: 100%;}
	.img2 {text-align: center; width: 100%}
	.img3 img{margin-left:0px; text-align: center;}
	.img3{text-align: center; width: 100%;}
	.img4 img{margin-left:0px; text-align: center;}
	.img4{text-align: center; width: 100%;}
	a.txt1{margin-left: 0px;
    width: 100%;
    float: left; margin-bottom:5px;margin-top:10px;}
	.setpp{margin-left: 0px !important; margin-top: 10px;margin-right: 0px;}
	.color-theme{margin-top: 5px;margin-left: 0px;}
	.img0 {margin-left: 102px; width: 100%; height: auto;padding-top: 10px; }
}

@media only screen and (min-device-width : 321px) and (max-device-width : 568px) 
{
	
	a.b-left.b-logo.logo1 {  width: 100%;text-align: center;}
	.img1{width: 100%;}
	.img2 img{margin-left: 0px; text-align: center; width: 100%;}
	.img2 {text-align: center; width: 100%}
	.img3 img{margin-left:0px; text-align: center;}
	.img3{text-align: center; width: 100%;}
	.img4 img{margin-left:0px; text-align: center;}
	.img4{text-align: center; width: 100%;}
	a.txt1{margin-left: 0px;
    width: 100%;
    float: left; margin-bottom:5px;margin-top:10px;}
	.setpp{margin-left: 0px !important; margin-top: 10px;margin-right: 0px;}
	.color-theme{margin-top: 5px;margin-left: 0px;}
	.img0 {margin-left: 97px; width: 100%; height: auto;padding-top: 14px; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) 
{
	a.b-left.b-logo.logo1 {  width: 100%;text-align: center;}
	.img1{width: 90%;}
	.img2 img{margin-left: 0px; text-align: center; width: 100%;}
	.img2 {text-align: center; width: 100%}
	.img3 img{margin-left:0px; text-align: center;}
	.img3{text-align: center; width: 100%;}
	.img4 img{margin-left:0px; text-align: center;}
	.img4{text-align: center; width: 100%;}
	a.txt1{margin-left: 0px;
    width: 100%;
    float: left; margin-bottom:5px;margin-top:10px;}
	.setpp{margin-left: 0px !important; margin-top: 10px;margin-right: 0px;}
	.color-theme{margin-top: 5px;margin-left: 0px;}
	.img0 {margin-left: 97px; width: 100%; height: auto;padding-top: 1px; }

} 
@media only screen and (min-width: 768px) and (max-width: 1024px) 
{
	a.b-left.b-logo.logo1 {  width: 100%;text-align: center;}
	.img1{width: 90%;}
	.img2 img{margin-left: 0px; text-align: center; width: 100%;}
	.img2 {text-align: center; width: 100%}
	.img3 img{margin-left:0px; text-align: center;}
	.img3{text-align: center; width: 100%;}
	.img4 img{margin-left:0px; text-align: center;}
	.img4{text-align: center; width: 100%;}
	a.txt1{margin-left: 0px;
    width: 100%;
    float: left; margin-bottom:5px;margin-top:10px;}
	.setpp{margin-left: 0px !important; margin-top: 10px;margin-right: 0px;}
	.color-theme{margin-top: 5px;margin-left: 0px;}
	.img0 {margin-left: 97px; width: 100%; height: auto;padding-top: 1px; }

}