.list1{line-height:25px; list-style:url(../image/red-tick.jpg); font-size:13px; color:#666600}
.text2{line-height:25px; font-size:13px; font-weight:bold; padding-top:0px; color:#65cb65}


.ienlarger {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 1%; /* space between thumbs. Don't change this to margin */
	padding-right: 1%; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 1%; /* pushes the text down from the image */
	width:auto;
	height:150px;
	max-height:50%
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
font-family:Cambria, "Times New Roman", 'Oswald', sans-serif, Arial, Georgia;	font-size: 8px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10%;
	padding-right: 10%;
	padding-bottom: 10%;
	padding-left: 10%;
	
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;

}

.ienlarger a:hover span { 
	display:block;
	top: 20%; /* means the pop-up's top is 50px away from thumb's top */
	left: auto; /* means the pop-up's left is 90px far from the thumb's left */
	right: auto;
	z-index: 100;
	}

.resize_thumb {
	width: 100%; /* enter desired thumb width here */
	height : 100%;
	max-width:200px;
	
}

@media(min-width:600px){
	
.ienlarger {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 1%; /* space between thumbs. Don't change this to margin */
	padding-right: 1%; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 5%; /* pushes the text down from the image */
	width:auto;
	height:200px;
	max-height:70%
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
font-family:Cambria, "Times New Roman", 'Oswald', sans-serif, Arial, Georgia;	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10%;
	padding-right: 10%;
	padding-bottom: 2%;
	padding-left: 10%;
	
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;

}

.ienlarger a:hover span { 
	display:block;
	top: 20%; /* means the pop-up's top is 50px away from thumb's top */
	left: 20%; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	}

.resize_thumb {
	width: 50%; /* enter desired thumb width here */
	height : 50%;
	
}


}

@media(min-width:800px){
	
.ienlarger {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 1%; /* space between thumbs. Don't change this to margin */
	padding-right: 1%;
	 /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 5%; /* pushes the text down from the image */
	width:auto;
	height:300px;
	max-height:70%
}


.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
font-family:Cambria, "Times New Roman", 'Oswald', sans-serif, Arial, Georgia;	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10%;
	padding-right: 10%;
	padding-bottom: 2%;
	padding-left: 10%;
	
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;

}

.ienlarger a:hover span { 
	display:block;
	top: 20%; /* means the pop-up's top is 50px away from thumb's top */
	left: 20%; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	}

.resize_thumb {
	width: 100%; /* enter desired thumb width here */
	height : 100%;
}

}

@media(min-width:1024px){
	
.ienlarger {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 1%; /* space between thumbs. Don't change this to margin */
	padding-right: 1%; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 5%; /* pushes the text down from the image */
	width:auto;
	height:400px;
	max-height:100%
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
font-family:Cambria, "Times New Roman", 'Oswald', sans-serif, Arial, Georgia;	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10%;
	padding-right: 10%;
	padding-bottom: 2%;
	padding-left: 10%;
	
}

.ienlarger img { /* leave or IE puts a border around links */


}

.ienlarger a:hover span { 
	display:block;
	top: 20%; /* means the pop-up's top is 50px away from thumb's top */
	left: 20%; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	}

.resize_thumb {
	width: 100%; /* enter desired thumb width here */
	height : 100%;
	
}

}

@media screen and (max-width:400px){
.hang {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; padding:2%; top: 90px; left: 0px; width: 100%;}
.part1 {width:100%; margin-top:0%; background-color:#66cc66; line-height:35px; color:#fff; font-weight:bold; padding:0 2% 0 2%; text-align:right; font-size:10px}
.part_top {width:100%; float:left; margin-top:0; background-color:#65cb65; color:#FFFFFF; line-height:25px; font-size:6px; word-spacing:5px}

.part_img {width:40%; margin:0px -65px 0 3px; }
.part_img1 {width:10%; margin-top:0px; margin-right:0px; margin-left:-12px}



.part_img2 {width:10%; margin-top:5px; }
.footer_text{font-size:7px; padding: 0 3% 0 3%}
.part3 {width:33%; float:left; margin-top:2%; font-size:9px}
.part4 {width:33%; float:left; margin-top:-5%; font-size:9px}
.third {width : 90%; float : left; font-size:9px}
.third2 {width : 100%; float : left; font-size:9px;}
.third1 {width : 90%; float : left; font-size:9px; margin-top:-5%}
.triple {width : 100%;float : left; font-size:9px}

.triple {width : 100%;float : left; font-size:9px}
.triple1 {width : 70%;float : left; font-size:9px}

.forth {width : 30%;float : left; font-size:9px}
.quarter {width : 100%;float : left; font-size:9px}
.quarter1 {width : 95%;float : left; font-size:9px}
.forth1 {float : left;margin-left:5%}
.text2{line-height:15px; background-color:#fff; font-size:10px; font-weight:bold; padding-top:2px; color:#65cb65;}
h1{font-size:14px;}

.hang2 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 27%; width: 30%; float:left}
.hang3 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 27%; left: 35%; width: 30%; float:left}
.hang4 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 27%; left: 70%; width: 30%; float:left}



}

@media screen and (min-width:400px){
.hang2 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 26%; width: 30%; float:left}
.hang3 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 26%; left: 35%; width: 30%; float:left}
.hang4 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 26%; left: 70%; width: 30%; float:left}

.hang {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; padding:2%; top: 70px; left: 0px; width: 100%;}
.part_top {width:100%; float:left; margin-top:0; background-color:#65cb65; color:#FFFFFF; line-height:25px; font-size:6px; position:absolute;word-spacing:5px;}
.part_img {width:45%; margin:0px -70px 0 10px; }
.part_img1 {width:10%; margin-right:0px; margin-left:2px}
.part_img2 {width:10%; margin-top:5px; }
.footer_text{font-size:8px;  padding: 0 3% 0 3%}
.third {width : 60%;float : left; font-size:9px}
.third1 {width:90%; float:left; font-size:9px; margin-top:-5%}
.third2 {width : 100%; float :right; font-size:9px; margin-right:1%}

.triple {width : 60%;float : left; font-size:9px}
.triple1 {width:70%;float:left; font-size:9px}

.forth {width : 30%;float : left; font-size:9px}
h1{font-size:14px;}
.quarter1 {width : 95%;float : left; font-size:9px}
.quarter {width : 100%;float : left; font-size:9px; }
.forth1 {float : left;margin-left:0%; width:90%;}
.part4 {width:33%; float:left; margin-top:0%; font-size:9px; vertical-align:text-bottom}
.hang5 {margin:0 5%}

@media (min-width:500px){
.hang2 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 30%; width: 30%; float:left}
.hang3 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 30%; left: 35%; width: 30%; float:left}
.hang4 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 30%; left: 70%; width: 30%; float:left}
}

@media screen and (max-width:600px){
p{font-size:10px}
.text{font-size:10px;}
.text2{line-height:25px; font-size:10px; font-weight:bold; padding-top:10px; color:#65cb65}
.button {background : #000; color : #fff; padding:1% 3% 1% 3%; font-size:10px}
.button1 {background : #ff0000; color : #fff; padding:1% 3% 1% 3%; font-size:10px}
.rm-container {margin-top:0%; vertical-align:top}
.part {width:100%; float:left; margin-top:0%;}
.part3 {width:33%; float:left; margin-top:2%}



}



@media screen and  (min-width:600px){
p{font-size:12px}
.text2{line-height:25px; font-size:12px; font-weight:bold; padding-top:10px; color:#65cb65; text-indent:0%;}
.button {background : #000; color : #fff; padding:1% 3% 1% 3%; font-size:12px}
.button1 {background : #ff0000; color : #fff; padding:1% 3% 1% 3%; font-size:12px}
.rm-container {margin-top:3%}
.part3 {width:33%; float:left; margin-top:2%}
.part {width:100%; float:left; margin-top:2%}
.hang {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; padding:4%; top: 80px; left: 0px; width: 100%;}
.part_top {width:100%; float:left; margin-top:0; background-color:#65cb65; color:#FFFFFF; line-height:25px; font-size:8px;}
.footer_text{font-size:10px}
h1{font-size:18px;}
.triple {width : 70%;float : left; font-size:9px}

.triple1 {width : 70%;float : left; font-size:9px}

.third1 {width:40%; float:left; font-size:9px; margin-top:-2%}
.quarter {width : 70%;float : left; font-size:9px}
.quarter1 {width : 60%;float : left; font-size:9px; margin-top:50px }
.forth1 {float : left;margin-left:0%; width:100%;}

.hang2 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 35%; width: 30%; float:left}
.hang3 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 35%; left: 35%; width: 30%; float:left}
.hang4 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 35%; left: 70%; width: 30%; float:left}
.part_img {width:60%; margin:-3px -70px 0 10px; }
.part_img1 {width:10%; margin-right:0px; margin-left:2px; }

}
@media (min-width:700px){
.hang2 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 40%; width: 30%; float:left}
.hang3 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 40%; left: 35%; width: 30%; float:left}
.hang4 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 40%; left: 70%; width: 30%; float:left}
.part_img1 {width:10%; margin-right:0px; margin-left:2px; margin-top:0px;}
.quarter {width : 65%;float : left; font-size:9px; }
.forth1 {float : left;margin-left:0%; width:100%;}
}
@media (min-width:780px){
.part_img1 {width:10%; margin-right:0px; margin-left:2px; margin-top:-10px;}
}
@media (min-width:800px){
p{font-size:14px}
.text2{line-height:25px; font-size:13px; font-weight:bold; padding-top:10px; color:#65cb65;}
.button {background : #000; color : #fff; padding:1% 3% 1% 3%; font-size:13px}
.button1 {background : #ff0000; color : #fff; padding:1% 3% 1% 3%; font-size:13px}
.rm-container {margin-top:3%}
.part3 {width:33%; float:left; margin-top:2%}
.part {width:100%; float:left; margin-top:2%}
.hang {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; padding:4%; top: 90px; left: 0px; width: 100%;}
.part_top {width:100%; float:left; margin-top:0; background-color:#65cb65; color:#FFFFFF; line-height:35px;; font-size:10px;}
.footer_text{font-size:11px}

.part_img1 {width:10%; margin-right:0px; margin-left:2px; margin-top:-5px}
.part_img2 {width:10%; margin-top:0px;}
.text_top {font-size:12px}

h1{font-size:24px;}
.third1 {width:40%; float:left; margin-left:2%; font-size:9px; margin-top:0%}
.quarter1 {width : 55%;float : left; font-size:9px; }
.quarter {width : 35%;float : left; font-size:9px; }
.forth1 {float : left;margin-left:0%; width:35%;}


.hang2 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 45%; width: 30%; float:left}
.hang3 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 45%; left: 35%; width: 30%; float:left}
.hang4 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 45%; left: 70%; width: 30%; float:left}

.text{font-size:14px; margin-left:-15px}
}
@media (min-width:900px){
.hang2 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 50%; width: 30%; float:left}
.hang3 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 50%; left: 35%; width: 30%; float:left}
.hang4 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 50%; left: 70%; width: 30%; float:left}
}
@media (min-width:1000px){
p{font-size:16px}
.text2{line-height:25px; font-size:13px; font-weight:bold; padding-top:0px; color:#65cb65}
.button {background : #000; color : #fff; padding:1% 3% 1% 3%; font-size:14px;}
.button1 {background : #ff0000; color : #fff; padding:1% 3% 1% 3%; font-size:14px}
.rm-container {margin-top:5%; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.part3 {width:33%; float:left; margin-top:3%; margin-bottom:2%}
.part {width:100%; float:left; margin-top:2%}
.hang {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; padding:2%; top: 120px; left: 0px; width: 100%; }
.part_top {width:100%; float:left; margin-top:0; background-color:#65cb65; color:#FFFFFF; line-height:35px; font-size:12px; word-spacing:5px;  margin-bottom:20px; position:absolute; padding-right:50px }
.footer_text{font-size:12px}

.quarter1 {width : 50%;float : left; font-size:9px; }
.quarter {width : 40%;float : left; font-size:9px; }
.forth1 {float : left;margin-left:0%; width:30%; height:350px}


.hang2 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 55%; width: 30%; float:left}
.hang3 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 55%; left: 35%; width: 30%; float:left}
.hang4 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 55%; left: 70%; width: 30%; float:left}

}

@media (min-width:1100px){
.hang2 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 60%; width: 30%; float:left}
.hang3 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 60%; left: 35%; width: 30%; float:left}
.hang4 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 60%; left: 70%; width: 30%; float:left}
}

@media (min-width:1200px){
.hang2 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 50%; width: 30%; float:left}
.hang3 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 50%; left: 35%; width: 30%; float:left}
.hang4 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 50%; left: 70%; width: 30%; float:left}
}

@media (min-width:1400px){
.hang2 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 60%; width: 30%; float:left}
.hang3 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 60%; left: 35%; width: 30%; float:left}
.hang4 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 60%; left: 70%; width: 30%; float:left}
}
@media (min-width:1450px){
.hang2 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 47%; width: 30%; float:left}
.hang3 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 47%; left: 35%; width: 30%; float:left}
.hang4 {filter: alpha(opacity=70); opacity: 1; position: absolute; display: block; top: 47%; left: 70%; width: 30%; float:left}
}