@media only screen and (max-width:1024px)
{
	.nav li					{ position:relative; z-index:1000; margin-left:-23px!important;}
	.active					{ background-color:none!important;}
	/*********************** INDEX PAGE **********************************/
	.social_icons			{ float:left; width:30%!important; padding:5px 0px 0px 0px!important;}
	.contact_links			{ float:right!important; /*width:70%;*/ margin:0px 0px 0px 0px!important; padding:14px 0 0 226px !important;}
	.phone					{ float:right; width:100%; margin:0px 0px 0px 0px!important; }
	.header_menu			{ float:right; width:30%!important; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.header_menu ul li a	{ margin:0px 0px 0px 0px!important; padding:0px 0px 0px 20px!important; }
	.ddsmoothmenu ul li		{ margin:0px 0px 0px 5px!important; padding:0px 0px 0px 0px!important;}
	.website_logo			{ float:left; width:98%; margin:0px 0px 0px 20px!important; padding:10px 0px 0px 0px!important;}
	#welcome_note			{ float:left; width:100%;}
	.welcome_left			{ float:left; width:40%;}
	.welcome_right			{ float:left; width:60%; min-height:307px!important;}
	.hidden					{ display:none;}
	.profile_page			{ float:left; width:100%;}
	.profile_left			{ float:left; width:100%; padding-left:30px;}
	.profile_right			{ float:left; width:100%; padding-left:30px;}
	.footer_enquiry			{ float:left; width:30%!important;}
	.footer_contact			{ float:left; width:30%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 60px!important;}
	.footer_bottom			{ float:left; width:100%!important; margin:0px 0px 0px 0px!important; padding:0px 0px 20px 0px!important;}
	.rights					{ float:left; width:50%!important; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.rights p				{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:5px 0px 0px 10px!important;}
	.company				{ float:left; width:50%; margin:0px 0px 0px 0px!important; padding:0px 25px 0px 0px !important;}
	/*********************** INDEX PAGE **********************************/
	/*********************** ABOUT PAGE **********************************/
	#about_wrapper			{ float:left; width:100%;}
	#about_wrapper h3		{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.about_left				{ float:left; width:60%;}
	.about_right			{ float:left; width:40%;}
	.about_image img		{ width:310px!important;}
	#newsticker-demo		{ width:300px!important;}
	.newsticker-jcarousellite .thumbnail	{ float:left; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	#newsticker-demo img	{ width:280px!important;}
	.newsticker-jcarousellite ul li			{ float:left; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.newsticker-jcarousellite{ margin:0px 0px 0px 20px!important;}
	.about_scroller			{ float:left; width:90%;}
	/*********************** ABOUT PAGE **********************************/
	/*********************** SENARIO PAGE **********************************/
	#senario_wrapper		{ float:left; width:100%;}
	#senario_wrapper h3		{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.senario_left			{ float:left; width:60%;}
	.senario_right			{ float:left; width:40%;}
	.senario_accordian		{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.senario_accordian h3	{ /*text-align:center; display:none;*/margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	#toggle ul				{ width:370px!important;}
	/*********************** SENARIO PAGE **********************************/

	/*********************** DATA SHEET PAGE PAGE **********************************/
	#datasheet_wrapper		{ float:left; width:100%;}
	#datasheet_wrapper h3	{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.datasheet_left			{ float:left; width:60%;}
	.datasheet_right		{ float:left; width:40%;}
	.datasheet_1			{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.datasheet_1 table		{ float:left; width:98%; margin:0px 0px 0px 5px!important; padding:0px 0px 0px 0px!important;}
	.text					{ float:left; width:100%;}
	/*********************** DATA SHEET PAGE PAGE **********************************/
	#clients_wrapper		{ float:left; margin:0px 0px 0px -20px!important;}
}

@media only screen and (min-width:768px) and (max-width:1023px)
{
	.nav li					{ position:relative; z-index:1000; margin-left:0px!important;}
	/*********************** INDEX PAGE **********************************/
	.social_icons			{ float:left; width:30%; padding:5px 0px 0px 0px;}
	.contact_links			{ float:right!important; /*width:70%;*/ margin:0px 0px 0px 0px!important; padding:14px 0 0 126px !important;}
	.phone					{ float:right; width:100%; margin:0px 0px 0px 0px; }
	.header_bottom			{ float:left; width:100%!important;}
	.header_menu			{ float:right!important; width:40%!important; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.header_menu ul li a	{ margin:0px 0px 0px 0px!important; padding:0px 0px 0px 50px!important; }
	.website_logo			{ float:left; width:98%; margin:0px 0px 0px 0px!important; padding:10px 0px 0px 0px!important;}
	.logo_3					{ float:left; width:30%; padding-left:65px;}
	.logo_2					{ float:left; width:30%; padding-left:35px;}
	.logo_1					{ float:left; width:30%;}
	.content_wrapper		{ float:left; width:98%;}
	.content_wrapper img	{ float:left; width:99%; /*height:55px!important;*/ padding:5px 0px 0px 5px!important;}
	.content_wrapper h2		{ float:left;text-align:center; margin:-43px 0 0 90px; color:#fff; /*font-size:17px;*/}
	#welcome_note			{ float:left; width:100%;}
	.welcome_left			{ float:left; width:100%;}
	.welcome_right			{ float:left; width:100%;}
	.profile_page			{ float:left; width:100%;}
	.profile_left			{ float:left; width:100%;}
	.profile_right			{ float:left; width:100%;}
	.service_left			{ float:left; width:100%;}
	.left_list				{ float:left; width:60%;}
	.left_list_one			{ float:left; width:100%;}
	.left_list_one ul		{ float:left; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 50px!important;}
	.service_right			{ float:left; width:100%; padding:0 0 0 10px!important;}
	.service_right h3		{ width:49%;}
	.left_list_1			{ float:left; width:100%; }
	.left_list_1 ul			{ float:left; margin:0px 0px 0px 0px!important; padding:10px 0 0 64px!important;}
	.footer_links			{ float:left; width:100%;}
	.footer_links ul		{ margin:0px 0px 0px 0px!important; padding:10px 0px!important;}
	.footer_enquiry			{ float:left; width:50%;}
	.footer_contact			{ float:left; width:50%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 175px!important;}
	.footer_map				{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.footer_bottom			{ float:left; width:100%!important; margin:0px 0px 0px 0px!important; padding:0px 0px 20px 0px!important;}
	.rights					{ float:left; width:50%!important; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.rights p				{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:5px 0px 0px 10px!important;}
	.company				{ float:left; width:50%; margin:0px 0px 0px 0px!important; padding:0px 25px 0px 0px !important;}
	.certicate_images		{ float:left; width:92%!important; padding:0 0 0 27px!important;}
	/*********************** INDEX PAGE **********************************/
	/*********************** ABOUT PAGE **********************************/
	#about_wrapper			{ float:left; width:100%;}
	#about_wrapper h3		{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.about_left				{ float:left; width:60%;}
	.about_right			{ float:left; width:40%;}
	.about_image img		{/* width:280px!important; margin-left:125px!important;*/ display:block; margin-left:auto!important; margin-right:auto!important;}
	#newsticker-demo		{ width:300px!important;}
	.newsticker-jcarousellite .thumbnail	{ float:left; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	#newsticker-demo img	{ width:280px!important;}
	.newsticker-jcarousellite ul li			{ float:left; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.newsticker-jcarousellite{ margin:0px 0px 0px 20px!important;}
	.about_scroller			{ float:left; width:90%;}
	/*********************** ABOUT PAGE **********************************/
	/*********************** Evaluation PAGE **********************************/
	#evolution_wrapper		{ float:left; width:100%;}
	#evolution_wrapper h3	{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.evolution_left			{ float:left; width:100%;}
	.evolution_right		{ float:left; width:100%;}
	/*********************** Evaluation PAGE **********************************/

	/*********************** SENARIO PAGE **********************************/
	#senario_wrapper		{ float:left; width:100%;}
	#senario_wrapper h3		{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.senario_left			{ float:left; width:60%;}
	.senario_right			{ float:left; width:40%;}
	.senario_accordian		{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.senario_accordian h3	{ /*text-align:center; display:none;*/margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	#toggle ul				{ width:305px!important;}
	/*********************** SENARIO PAGE **********************************/
	/*********************** DATA SHEET PAGE PAGE **********************************/
	#datasheet_wrapper		{ float:left; width:100%;}
	#datasheet_wrapper h3	{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.datasheet_left			{ float:left; width:100%;}
	.datasheet_right		{ float:left; width:100%;}
	.datasheet_1			{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.datasheet_1 table		{ float:left; width:98%; margin:0px 0px 0px 5px!important; padding:0px 0px 0px 0px!important;}
	.text					{ float:left; width:100%;}
	/*********************** DATA SHEET PAGE PAGE **********************************/
	/*********************** CPSS WAY PAGE **********************************/
	#cpss_way_wrapper		{ float:left; width:100%;}
	#cpss_way_wrapper h3	{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.cpss_way_left			{ float:left; width:100%;}
	/*********************** CPSS WAY PAGE **********************************/
	/*********************** SPECIALITY PAGE **********************************/
	#speciality_wrapper		{ float:left; width:100%;}
	#speciality_wrapper h3	{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.speciality_left		{ float:left; width:100%;}
	.speciality_right		{ float:left; width:100%;}
	/*********************** SPECIALITY PAGE **********************************/
	/*********************** CPSS TRAINING PAGE **********************************/
	#cpss_training_wrapper		{ float:left; width:100%;}
	#cpss_training_wrapper h3	{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.cpss_training_left			{ float:left; width:100%;}
	.cpss_training_right		{ float:left; width:100%;}
	/*********************** CPSS TRAINING PAGE **********************************/

	/*********************** CONTACT PAGE **********************************/
	#contact_wrapper		{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; }
	#contact_wrapper h3		{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.contact_left			{ float:left; width:100%; margin:0px 0px 10px 0px!important; padding:0px 0px 0px 0px!important;}
	.contact_right			{ float:left; width:100%; margin:0px 0px 10px 0px!important; padding:0px 0px 0px 0px!important;}
	/*********************** CONTACT PAGE **********************************/

}

@media only screen and (min-width:640px) and (max-width:960px)
{
	.social_icons			{ float:left; width:30%; padding:5px 0px;}
	.contact_links			{ float:right!important; /*width:70%;*/ margin:0px 0px 0px 0px!important; padding:0px 0 0 0px !important;}
	.phone					{ float:right!important; width:100%; margin:18px 0px 0px 0px!important; }
	.header_menu			{ float:right; /*width:30%!important;*/ margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.header_menu ul li a	{ margin:0px 0px 0px 40px!important; padding:0px 0px 0px 5px!important; }
	.website_logo			{ float:left; width:98%; margin:0px 0px 0px 0px!important; padding:10px 0px 0px 0px!important;}
	.logo_3					{ float:left; width:30%!important;}
	.logo_3	 img			{ width:100%;}
	.logo_2					{ float:left; width:30%!important;}
	.logo_2	 img			{ width:100%;}
	.logo_1					{ float:left; width:30%!important;}
	.logo_1	 img			{ width:100%;}
	.content_wrapper		{ float:left; width:100%!important;}
	.content_wrapper img	{ float:left; width:99%; height:55px!important; padding:5px 0px 0px 0px!important;}
	.content_wrapper h2		{ float:left;text-align:center; margin:-38px 0 0 120px; color:#fff; font-size:17px;}
	.certified img			{ height:85%!important;}
	.quality img			{ height:85%!important;}
	.anniversary img		{ height:85%!important;}
	.safety img				{ height:85%!important;}
	.service img			{ height:50%!important;}
	#welcome_note			{ float:left; width:100%!important;}
	.welcome_left			{ float:left; width:40%; height:430px!important;}
	.welcome_right			{ float:left; width:60%;/* min-height:307px!important;*/}
	.certicate_images		{ float:left; width:92%!important; padding:0 0 0 27px!important;}
	.footer_links			{ float:left; width:100%!important;}
	.footer_links ul		{ margin:0px 0px 0px 0px!important; padding:10px 0px!important;}
	.footer_links ul li		{ margin:0px 0px 0px -13px!important; padding:0px 0px!important;}
	.footer_enquiry			{ float:left; width:30%!important;}
	.footer_contact			{ float:left; width:30%!important; margin:0px 0px 0px 188px!important; padding:0px 0px 0px 0px!important;}
	.footer_map				{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.profile_page			{ float:left; width:100%;}
	.profile_left			{ float:left; width:100%;}
	.profile_1_details		{ float:left; width:98%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.profile_right			{ float:left; width:100%;}
	.profile_2_details		{ float:left; width:98%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	/*********************** ABOUT PAGE **********************************/
	#about_wrapper			{ float:left; width:100%;}
	#about_wrapper h3		{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.about_left				{ float:left; width:100%;}
	.about_right			{ float:left; width:100%;}
	.about_image			{ padding:0px 0px 0px 90px!important;}
	.about_image img		{ width:280px!important; margin-left:125px!important;}
	#newsticker-demo		{ width:300px!important;}
	.newsticker-jcarousellite .thumbnail	{ float:left; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	#newsticker-demo img	{ width:280px!important;}
	.newsticker-jcarousellite ul li			{ float:left; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.newsticker-jcarousellite{ margin:0px 0px 0px 20px!important;}
	.about_scroller			{ float:left; width:90%;}
	/*********************** ABOUT PAGE **********************************/
	/*********************** Evaluation PAGE **********************************/
	#evolution_wrapper		{ float:left; width:100%;}
	#evolution_wrapper h3	{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.evolution_left			{ float:left; width:100%;}
	.evolution_right		{ float:left; width:100%;}
	/*********************** Evaluation PAGE **********************************/
	/*********************** SENARIO PAGE **********************************/
	#senario_wrapper		{ float:left; width:100%;}
	#senario_wrapper h3		{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.senario_left			{ float:left; width:100%;}
	.senario_right			{ float:left; width:100%;}
	.senario_accordian		{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.senario_accordian h3	{ /*text-align:center; display:none;*/margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	#toggle					{ margin-left:100px!important;}
	#toggle ul				{ width:350px!important; margin-left:5px!important;}
	/*********************** SENARIO PAGE **********************************/
	#clients_wrapper		{ float:left; margin:0px 0px 0px -20px!important;}

}
@media only screen and (min-width:600px) and (max-width:800px)
{
	.social_icons			{ float:left!important; width:40%!important;margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.contact_links			{ float:right!important; width:60%!important;  margin:0px 0px 0px 0px!important; padding:0px 0 0 0px !important;}
	.phone					{ float:right!important; width:100%; margin:18px 0px!important; }
	.header_menu			{ float:left!important; width:49%!important; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.header_menu ul li a	{ margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; }
	
	.about_image img		{ width:280px!important; margin-left:103px!important;}
	#about_wrapper			{ float:left; width:100%;}
	#about_wrapper h3		{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.about_left				{ float:left; width:100%;}
	.about_right			{ float:left; width:100%;}
	.about_image			{ padding:0px 0px 0px 85px!important;}
	/*********************** Evaluation PAGE **********************************/
	#evolution_wrapper		{ float:left; width:100%;}
	#evolution_wrapper h3	{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.evolution_left			{ float:left; width:100%;}
	.evolution_right		{ float:left; width:100%;}
	/*********************** Evaluation PAGE **********************************/
	/*********************** Recognisation PAGE **********************************/
	#recognisation_wrapper	{ float:left; width:100%;}
	#recognisation_wrapper h3	{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.recognisation_left		{ float:left; width:100%;}
	.recognisation_right	{ float:left; width:100%;}
	/*********************** Recognisation PAGE **********************************/
	/*********************** Association PAGE **********************************/
	#association_wrapper	{ float:left; width:100%;}
	#association_wrapper h3	{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.association_left		{ float:left; width:100%;}
	.association_right		{ float:left; width:100%;}
	/*********************** Association PAGE **********************************/
	/*********************** Responsibility PAGE **********************************/
	#responsibility_wrapper	{ float:left; width:100%;}
	#responsibility_wrapper h3	{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.responsibility_left	{ float:left; width:100%;}
	.responsibility_right	{ float:left; width:100%;}
	/*********************** Responsibility PAGE **********************************/
	/*********************** SENARIO PAGE **********************************/
	#senario_wrapper		{ float:left; width:100%;}
	#senario_wrapper h3		{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.senario_left			{ float:left; width:100%;}
	.senario_right			{ float:left; width:100%;}
	.senario_accordian		{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.senario_accordian h3	{ /*text-align:center; display:none;*/margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	#toggle					{ margin-left:100px!important;}
	#toggle ul				{ width:330px!important; margin-left:5px;}
	/*********************** SENARIO PAGE **********************************/
	/*********************** CPSS VIEW PAGE **********************************/
	#cpss_view_wrapper		{ float:left; width:100%;}
	#cpss_view_wrapper h3	{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.cpss_view_left			{ float:left; width:100%;}
	.cpss_view_right		{ float:left; width:100%;}
	/*********************** CPSS VIEW PAGE **********************************/
	/*********************** CPSS WAY PAGE **********************************/
	#cpss_way_wrapper		{ float:left; width:100%;}
	#cpss_way_wrapper h3	{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.cpss_way_left			{ float:left; width:100%;}
	/*********************** CPSS WAY PAGE **********************************/
	/*********************** SPECIALITY PAGE **********************************/
	#speciality_wrapper		{ float:left; width:100%;}
	#speciality_wrapper h3	{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.speciality_left		{ float:left; width:100%;}
	.speciality_right		{ float:left; width:100%;}
	/*********************** SPECIALITY PAGE **********************************/
	/*********************** CPSS TRAINING PAGE **********************************/
	#cpss_training_wrapper		{ float:left; width:100%;}
	#cpss_training_wrapper h3	{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.cpss_training_left			{ float:left; width:100%;}
	.cpss_training_right		{ float:left; width:100%;}
	/*********************** CPSS TRAINING PAGE **********************************/
	/*********************** DATA SHEET PAGE PAGE **********************************/
	#datasheet_wrapper		{ float:left; width:100%;}
	#datasheet_wrapper h3	{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.datasheet_left			{ float:left; width:100%;}
	.datasheet_right		{ float:left; width:100%;}
	.datasheet_1			{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.datasheet_1 table		{ float:left; width:98%; margin:0px 0px 0px 5px!important; padding:0px 0px 0px 0px!important;}
	.text					{ float:left; width:100%;}
	/*********************** DATA SHEET PAGE PAGE **********************************/
	#clients_wrapper		{ float:left; margin:0px 0px 0px -20px!important;}
	/*********************** CONTACT PAGE **********************************/
	#contact_wrapper		{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; }
	#contact_wrapper h3		{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.contact_left			{ float:left; width:100%; margin:0px 0px 10px 0px!important; padding:0px 0px 0px 0px!important;}
	.contact_right			{ float:left; width:100%; margin:0px 0px 10px 0px!important; padding:0px 0px 0px 0px!important;}
	/*********************** CONTACT PAGE **********************************/

}

@media only screen and (min-width:480px) and (max-width:800px)
{
	/*.social_icons			{ float:left!important; width:40%!important;padding:0px 0px!important;margin:0px 0px 0px 0px!important;}
	.contact_links			{ float:right!important; width:60%!important;  margin:0px 0px 0px 0px!important; padding:0px 0 0 0px !important;}
	.phone					{ float:right!important; width:100%; margin:18px 0px!important; }*/
	.header_top				{ padding-left:75px;}
	.header_menu			{ float:right; width:93%!important; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.header_menu ul li a	{ margin:0px 0px 0px 40px!important; padding:0px 0px 0px 5px!important; }
	.website_logo			{ float:left; width:98%; margin:0px 0px 0px 0px!important; padding:10px 0px 0px 0px!important;}
	.logo_3					{ float:left; width:30%!important;}
	.logo_3	 img			{ width:100%;}
	.logo_2					{ float:left; width:30%!important;}
	.logo_2	 img			{ width:100%;}
	.logo_1					{ float:left; width:30%!important;}
	.logo_1	 img			{ width:100%;}
	.content_wrapper		{ float:left; width:100%!important;}
	.content_wrapper img	{ float:left; width:99%; height:55px!important; padding:5px 0px 0px 0px!important;}
	.content_wrapper h2		{ float:left;text-align:center; margin:-38px 0 0 60px!important; color:#fff; font-size:17px;}
	.certified img			{ height:85%!important;}
	.quality img			{ height:85%!important;}
	.anniversary img		{ height:85%!important;}
	.safety img				{ height:85%!important;}
	.service img			{ height:50%!important;}
	#welcome_note			{ float:left; width:100%!important;}
	.welcome_left			{ float:left; width:40%; height:430px!important;}
	.welcome_right			{ float:left; width:60%;/* min-height:307px!important;*/}
	.certicate_images		{ float:left; width:92%!important; padding:0 0 0 27px!important;}
	.footer_links			{ float:left; width:100%!important;}
	.footer_links ul		{ margin:0px 0px 0px 0px!important; padding:10px 0px!important;}
	.footer_links ul li		{ margin:0px 0px 0px 0px!important; padding:0px 0px!important;}
	.footer_enquiry			{ float:left; /*width:100%!important;*/}
	.footer_contact			{ float:left; width:100%!important; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.footer_map				{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	textarea#msg			{ margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}

	.about_image img		{ width:280px!important; margin-left:54px!important;}
	
	#toggle					{ /*margin-left:60px!important;*/}
}

@media only screen and (min-width:360px) and (max-width:640px)
{
	.nav li					{ position:relative; z-index:1000; margin-left:0px!important;}
	/*********************** INDEX PAGE **********************************/
	.header_menu			{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.header_menu ul			{ padding:0px 0px 0px 40px!important;}
	.header_menu ul li a	{ padding:0 0 0 34px!important;}
	/*********************** INDEX PAGE **********************************/
}

@media only screen and (min-width:320px) and (max-width:480px)
{
	.nav li					{ position:relative; z-index:1000; margin-left:0px!important;}
	/*********************** INDEX PAGE **********************************/
	.social_icons			{ float:left; width:100%!important; padding-left:50px!important;}
	.contact_links			{ float:left!important; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.phone					{ float:left; width:80%!important; margin:0px 0px 5px 25px!important; }
	.header_menu			{ float:left; width:100%!important; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.header_menu ul li a	{ margin:0px 0px 0px 0px!important; padding:0px 0px 0px 20px!important; }
	.website_logo			{ float:left; width:98%; padding-left:30px!important; margin:0px 0px 0px 0px!important;}
	.logo_3					{ float:left; width:100%;}
	.logo_2					{ float:left; width:100%;}
	.logo_1					{ float:left; width:100%;}
	.content_wrapper		{ float:left; width:98%;}
	.content_wrapper img	{ float:left; width:99%; height:55px!important; padding:5px 0px 0px 5px!important;}
	.content_wrapper h2		{ float:left;text-align:center; margin:-43px 0px 0px 0px; color:#fff; font-size:17px;}
	.certified				{ float:left; width:40%!important; height:100%!important;}
	.certified img			{ height:100%!important;}
	.quality				{ float:left; width:40%!important; margin-left:30px!important; height:100%!important;}
	.quality img			{ height:100%!important;}
	.anniversary			{ float:left; width:40%!important; height:100%!important;}
	.anniversary img		{ height:100%!important;}
	.safety					{ float:left; width:40%!important; margin-left:30px!important; height:100%!important;}
	.safety img				{ height:100%!important;}
	.service				{ float:left; width:40%!important; height:100%!important;}
	.service img			{ height:100%!important;}
	#welcome_note			{ float:left; width:100%;}
	.welcome_left			{ float:left; width:100%;}
	.welcome_right			{ float:left; width:100%;}
	.profile_page			{ float:left; width:100%;}
	.profile_left			{ float:left; width:100%;}
	.profile_1_details		{ float:left; width:98%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.profile_right			{ float:left; width:100%;}
	.profile_2_details		{ float:left; width:98%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.our_services			{ float:left; width:100%;}
	.service_left			{ float:left; width:100%;}
	.service_left h3		{ float:left; width:90%;}
	.underline				{ float:left; width:98%;}
	.left_list				{ float:left; width:100%;}
	.left_list_one			{ float:left; width:100%; }
	.left_list_one ul		{ float:left; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 50px!important;}
	.service_right			{ float:left; width:100%;}
	.service_right h3		{ float:left; width:90%;}
	.left_list_1			{ float:left; width:100%; }
	.left_list_1 ul			{ float:left; margin:0px 0px 0px 0px!important; padding:10px 0 0 64px!important;}
	.certification			{ float:left; width:100%;}
	.certification h3		{ float:left; width:90%;}
	.certicate_images		{ float:left; width:92%!important; padding:0 0 0 27px!important;}
	.footer_links			{ float:left; width:100%;}
	.footer_links ul		{ margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.footer_enquiry			{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	#enquiry_form			{ float:left; /*width:100%;*/}
	textarea#msg			{ margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.footer_contact			{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.footer_map				{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.google_map				{ float:left; width:90%!important; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.google_map iframe		{ width:300px!important;}
	.footer_bottom			{ float:left; width:100%!important; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.rights					{ float:left; width:100%!important; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.rights p				{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:5px 0px 0px 30px!important;}
	.company				{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.company img			{ float:left; width:30%; margin:10px 0 15px 90px !important; padding:0px 0px 0px 00px!important;}
	/*********************** INDEX PAGE **********************************/
	
	/*********************** ABOUT PAGE **********************************/
	#about_wrapper			{ float:left; width:100%;}
	#about_wrapper h3		{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.about_left				{ float:left; width:100%;}
	.about_right			{ float:left; width:100%;}
	.about_image img		{ width:280px!important;}
	#newsticker-demo		{ width:300px!important;}
	.newsticker-jcarousellite .thumbnail	{ float:left; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	#newsticker-demo img	{ width:280px!important;}
	.newsticker-jcarousellite ul li			{ float:left; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.newsticker-jcarousellite{ margin:0px 0px 0px 20px!important;}
	.about_scroller			{ float:left; width:90%;}
	/*********************** ABOUT PAGE **********************************/
	/*********************** Evaluation PAGE **********************************/
	#evolution_wrapper		{ float:left; width:100%;}
	#evolution_wrapper h3	{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.evolution_left			{ float:left; width:100%;}
	.evolution_right		{ float:left; width:100%;}
	/*********************** Evaluation PAGE **********************************/
	/*********************** Recognisation PAGE **********************************/
	#recognisation_wrapper	{ float:left; width:100%;}
	#recognisation_wrapper h3	{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.recognisation_left		{ float:left; width:100%;}
	.recognisation_right	{ float:left; width:100%;}
	/*********************** Recognisation PAGE **********************************/
	/*********************** Association PAGE **********************************/
	#association_wrapper	{ float:left; width:100%;}
	#association_wrapper h3	{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.association_left		{ float:left; width:100%;}
	.association_right		{ float:left; width:100%;}
	/*********************** Association PAGE **********************************/
	/*********************** Responsibility PAGE **********************************/
	#responsibility_wrapper	{ float:left; width:100%;}
	#responsibility_wrapper h3	{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.responsibility_left	{ float:left; width:100%;}
	.responsibility_right	{ float:left; width:100%;}
	/*********************** Responsibility PAGE **********************************/

	/*********************** SENARIO PAGE **********************************/
	#senario_wrapper		{ float:left; width:100%;}
	#senario_wrapper h3		{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.senario_left			{ float:left; width:100%;}
	.senario_right			{ float:left; width:100%;}
	.senario_accordian		{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.senario_accordian h3	{ /*text-align:center; display:none;*/margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	#toggle ul				{ width:310px!important; margin-left:5px;}
	/*********************** SENARIO PAGE **********************************/
	/*********************** CPSS VIEW PAGE **********************************/
	#cpss_view_wrapper		{ float:left; width:100%;}
	#cpss_view_wrapper h3	{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.cpss_view_left			{ float:left; width:100%;}
	.cpss_view_right		{ float:left; width:100%;}

	/*********************** CPSS VIEW PAGE **********************************/
	/*********************** CPSS WAY PAGE **********************************/
	#cpss_way_wrapper		{ float:left; width:100%;}
	#cpss_way_wrapper h3	{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.cpss_way_left			{ float:left; width:100%;}
	/*********************** CPSS WAY PAGE **********************************/
	/*********************** SPECIALITY PAGE **********************************/
	#speciality_wrapper		{ float:left; width:100%;}
	#speciality_wrapper h3	{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.speciality_left		{ float:left; width:100%;}
	.speciality_right		{ float:left; width:100%;}
	/*********************** SPECIALITY PAGE **********************************/
	/*********************** CPSS TRAINING PAGE **********************************/
	#cpss_training_wrapper		{ float:left; width:100%;}
	#cpss_training_wrapper h3	{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.cpss_training_left			{ float:left; width:100%;}
	.cpss_training_right		{ float:left; width:100%;}
	/*********************** CPSS TRAINING PAGE **********************************/
	/*********************** DATA SHEET PAGE PAGE **********************************/
	#datasheet_wrapper		{ float:left; width:100%;}
	#datasheet_wrapper h3	{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.datasheet_left			{ float:left; width:100%;}
	.datasheet_right		{ float:left; width:100%;}
	.datasheet_1			{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important;}
	.datasheet_1 table		{ float:left; width:98%; margin:0px 0px 0px 5px!important; padding:0px 0px 0px 0px!important;}
	.text					{ float:left; width:100%;}
	/*********************** DATA SHEET PAGE PAGE **********************************/
	/*********************** CLIENTS PAGE **********************************/
	#clients_wrapper		{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; }
	#clients_wrapper h3		{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.client_name			{ float:left; width:35%!important;margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; }
	.client_address			{ float:left; width:30%!important;margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; }
	.client_date			{ float:left; width:30%!important;margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; }
	/*********************** CLIENTS PAGE **********************************/
	/*********************** CONTACT PAGE **********************************/
	#contact_wrapper		{ float:left; width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; }
	#contact_wrapper h3		{ width:100%; margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; text-align:center;}
	.contact_left			{ float:left; width:100%; margin:0px 0px 10px 0px!important; padding:0px 0px 0px 0px!important;}
	.contact_right			{ float:left; width:100%; margin:0px 0px 10px 0px!important; padding:0px 0px 0px 0px!important;}
	/*********************** CONTACT PAGE **********************************/

}