@charset "utf-8";
/* CSS Document */

/* standard desktop */
@media(min-width:769px) and (max-width:999px) {
/*=====================================================HOME PAGE========================================================*/	
.topheader								{width:100%;}
.topheader .topheader_inner				{width:98%; margin:0 auto; padding:0;}
.topheader_left							{width:37%;}
.topheader_right						{width:18%;}
.topheader01							{width:100%;}
.topheader01 .topheader_inner01			{width:98%; margin:0 auto; padding:0;}
.outerheader							{width:100%;}
.header									{width:98%; margin:0 auto; padding:10px 0 0 0; text-align:center;}
.logo									{width:230px; margin:0 auto; float:none;}
.slider-marquee iframe			    	{width:100%; height:30px;}	

/*-------------------navigation----------------*/
/*.navigation-outside						{width:100%;}
.navigation-inner						{width:98%; margin:0 auto; padding:0;}
.navigation								{width:100%; display:block;}
.container								{width:100%;}
.link-navigation						{float:none;}
.navbar .nav 							{border-right:none; border-left:none; width:695px; margin:0 auto; float: none;}
.dropdown-menu 							{min-width:235px;}	
.dropdown-menu li a						{padding:5px 15px;}
ul.nav li ul li							{line-height:18px;}*/

/*----------------middle-------------------*/
.homemiddle-outside						{width:100%;}
.homemiddle-outside .middle_inner		{width:98%; top:-50px;}
.homemiddle-outside .middle_inner02		{width:100%;}
.homemiddle-outside .middle_inner03		{width:98%; top:-80px;}
.homemiddle-outside .middle_home		{width:100%;}
.middle_home .heading					{width:25%;}
.middle_home .heading  h1				{font-size:21px;}
.middle_home .heading  h2				{font-size:21px;}
.heading-textcont						{width:96%; padding:2%;}
.heading-textcont iframe				{width:100%; height:450px;}
.middle-container02						{margin:-20px auto;}
.middle-container03						{margin:-60px auto;}




/*-------------------footer-----------------*/
.footer_outer							{width:100%;}
.footer_outer .footer_inner				{width:98%; margin:0 auto;}
.footer									{width:100%;}
.footer_left							{float:left; width:400px; margin:0 auto; padding:0;}
.social_icon							{float:right; width:80px; margin:0 auto; padding:0;}




/*=====================================================ABOUT PAGE========================================================*/	
.innerpage-main-cont .about-row			{width:96%; margin:0 auto;}
.about-row .about-row-in				{width:100%;}
.innerpage-main-cont .about-row1		{width:100%; margin:0;}
.about-row1 .about-row-in1				{width:96%; margin:0 auto;}


/*=====================================================SERVICES PAGE========================================================*/	
.service-space							{padding:0 0 15px 0 !important;}
.services-row .photo-gallery-box		{padding:0 4px 20px 4px;}


/*=====================================================CLIENTS PAGE========================================================*/	
.services-row .client-cont 						{width:100%; margin:0; padding:0;}
.client-cont .client-logobox					{width:48%; margin:0; padding:6px 4px 20px 4px; float:left;}
.client-logobox .client-pics					{width:auto;}
.client-logobox .client-pics img				{width:100%;}
.client-logobox .client-name					{display:block; padding:10px 0 7px 0; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; line-height:normal;
												text-align:center; border-bottom:dashed 1px #EAEAEA;}
.client-logobox .client-area					{display:block; padding:5px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#8c8c8c; line-height:normal;
												text-align:center;}


/*=====================================================CONTACT PAGE========================================================*/
.serv-textcont .contact-cont					{width:100%; margin:0; padding:0;}
.contact-cont .contact-row						{width:100%; margin:0; padding:0 0 20px 0; border-bottom:dashed 1px #d4d4d4;}
.contact-row .contact-box1						{margin:0; padding:0; float:left; width:48%;  border-right:solid 1px #ececec;}
.contact-row .contact-box2						{float:right;width:47%; margin:0; padding:0;}
	


}


@media(min-width:641px) and (max-width:768px) {

/*=====================================================HOME PAGE========================================================*/	
.topheader								{width:100%;}
.topheader .topheader_inner				{width:98%; margin:0 auto; padding:0;}
.topheader_left							{width:40%;}
.topheader_right						{width:21.5%;}
.topheader01							{width:100%;}
.topheader01 .topheader_inner01			{width:98%; margin:0 auto; padding:0;}
.outerheader							{display:none;}
.header									{width:98%; margin:0 auto; padding:10px 0 0 0; text-align:center;}
.logo									{width:230px; margin:0 auto; float:none;}	
.slider-marquee iframe			    	{width:100%; height:30px;}

/*-------------------navigation----------------*/
.mobile-menu-container							{display:block; margin:0; padding:10px 0;}
.mobile-menu-container-in                     	{display:block; width:100%;}

/*----------------middle-------------------*/
.homemiddle-outside						{width:100%;}
.homemiddle-outside .middle_inner		{width:98%; top:-50px;}
.homemiddle-outside .middle_inner02		{width:100%;}
.homemiddle-outside .middle_inner03		{width:98%; top:-80px;}
.homemiddle-outside .middle_home		{width:100%;}
.middle_home .heading					{width:30%;}
.middle_home .heading  h1				{font-size:21px;}
.middle_home .heading  h2				{font-size:21px;}
.heading-textcont						{width:96%; padding:2%;}
.heading-textcont iframe				{width:100%; height:430px;}
.middle-container02						{margin:-20px auto;}
.middle-container03						{margin:-60px auto;}




/*-------------------footer-----------------*/
.footer_outer							{width:100%;}
.footer_outer .footer_inner				{width:98%; margin:0 auto;}
.footer									{width:100%;}
.footer_left							{float:left; width:400px; margin:0 auto; padding:0;}
.social_icon							{float:right; width:80px; margin:0 auto; padding:0;}


/*=====================================================ABOUT PAGE========================================================*/	
.innerpage-main-cont .about-row			{width:96%; margin:0 auto;}
.about-row .about-row-in				{width:100%;}
.innerpage-main-cont .about-row1		{width:100%; margin:0;}
.about-row1 .about-row-in1				{width:96%; margin:0 auto;}
.about-main .about-pics					{width:60%; margin:0 auto; float:none;}
.about-main1 .about-pics1				{width:60%; margin:0 auto; float:none;}
.about-main .about-textcont				{width:100%; padding:15px 0 0 0;}
.about-textcont1 .heading h3			{text-align:center; padding:15px 0;}
.about-main1 .about-textcont1			{width:100%;}	
.about-textcont .heading h3				{text-align:center; padding:15px 0;}


/*=====================================================SERVICES PAGE========================================================*/	
.service-space							{padding:0 0 15px 0 !important;}
.services-row .photo-gallery-box		{padding:0 4px 20px 4px;} 
.service-space1							{width:480px !important; margin: 0 auto !important; padding:20px 0 !important;}


/*=====================================================CLIENTS PAGE========================================================*/	
.services-row .client-cont 						{width:100%; margin:0; padding:0;}
.client-cont .client-logobox					{width:47%; margin:0; padding:6px 4px 20px 4px; float:left;}
.client-logobox .client-pics					{width:auto;}
.client-logobox .client-pics img				{width:100%;}
.client-logobox .client-name					{display:block; padding:10px 0 7px 0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; line-height:normal;
												text-align:center; border-bottom:dashed 1px #EAEAEA;}
.client-logobox .client-area					{display:block; padding:5px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#8c8c8c; line-height:normal;
												text-align:center;}
												
												
/*=====================================================CONTACT PAGE========================================================*/
.serv-textcont .contact-cont					{width:100%; margin:0; padding:0;}
.contact-cont .contact-row						{width:100%; margin:0; padding:0 0 20px 0; border-bottom:dashed 1px #d4d4d4;}
.contact-row .contact-box1						{margin:0; padding:0; float:left; width:48%;  border-right:solid 1px #ececec;}
.contact-row .contact-box2						{float:right;width:47%; margin:0; padding:0;}												

}


@media(min-width:481px) and (max-width:640px) {
/*=====================================================HOME PAGE========================================================*/	
.topheader								{width:100%;}
.topheader .topheader_inner				{width:98%; margin:0 auto; padding:0;}
.topheader_left							{width:54%;}
.topheader_left a						{font-size: 13px;}
.topheader_left a:hover					{font-size: 13px;}
.topheader_right						{width:26.5%;}
.topheader_right a						{font-size: 13px;}
.topheader_right a:hover				{font-size: 13px;}
.topheader01							{width:100%;}
.topheader01 .topheader_inner01			{width:98%; margin:0 auto; padding:0;}
.outerheader							{display:none;}
.header									{width:98%; margin:0 auto; padding:10px 0 0 0; text-align:center;}
.logo									{width:230px; margin:0 auto; float:none;}	
.slider-marquee iframe			    	{width:100%; height:30px;}

/*-------------------navigation----------------*/
.mobile-menu-container							{display:block; margin:0; padding:10px 0;}
.mobile-menu-container-in                     	{display:block; width:100%;}

/*----------------middle-------------------*/
.homemiddle-outside						{width:100%;}
.homemiddle-outside .middle_inner		{width:98%; top:-50px;}
.homemiddle-outside .middle_inner02		{width:100%;}
.homemiddle-outside .middle_inner03		{width:98%; top:-80px;}
.homemiddle-outside .middle_home		{width:100%;}
.middle_home .heading					{width:32%;}
.middle_home .heading  h1				{font-size:17px;}
.middle_home .heading  h2				{font-size:17px;}
.heading-textcont						{width:96%; padding:2%;}
.heading-textcont p						{font-size: 13px;}
.heading-textcont iframe				{width:100%; height:370px;}
.middle-container02						{margin:-20px auto;}
.middle-container03						{margin:-60px auto;}




/*-------------------footer-----------------*/
.footer_outer							{width:100%;}
.footer_outer .footer_inner				{width:98%; margin:0 auto;}
.footer									{width:100%;}
.footer_left							{float:none; width:290px; margin:0 auto; padding:0;}
.social_icon							{float:none; width:80px; margin:15px auto; padding:0;}



/*=====================================================ABOUT PAGE========================================================*/	
.innerpage-main-cont .about-row			{width:96%; margin:0 auto;}
.about-row .about-row-in				{width:100%;}
.innerpage-main-cont .about-row1		{width:100%; margin:0;}
.about-row1 .about-row-in1				{width:96%; margin:0 auto;}
.about-main .about-pics					{width:60%; margin:0 auto; float:none;}
.about-main1 .about-pics1				{width:60%; margin:0 auto; float:none;}
.about-main .about-textcont				{width:100%; padding:15px 0 0 0;}
.about-textcont1 .heading h3			{text-align:center; padding:15px 0;}
.about-main1 .about-textcont1			{width:100%;}	
.about-textcont .heading h3				{text-align:center; padding:15px 0;}	
	
/*=====================================================Service PAGE========================================================*/	
.services-row .serv-pics				{width:60%; margin:0 auto; float:none;}
.services-cont .heading	h1				{text-align:center;}
.services-row .serv-textcont			{width:100%; padding:15px 0;}	

.service-space							{padding:0 0 15px 0 !important;}
.services-row .photo-gallery-box		{padding:0 4px 20px 4px; float:none; margin:0 auto;} 
.service-space1							{width:100% !important; margin: 0 auto !important; padding:20px 0 !important;}


/*=====================================================CLIENTS PAGE========================================================*/	
.services-row .client-cont 						{width:100%; margin:0; padding:0;}
.client-cont .client-logobox					{width:47%; margin:0; padding:6px 4px 20px 4px; float:left;}
.client-logobox .client-pics					{width:auto;}
.client-logobox .client-pics img				{width:100%;}
.client-logobox .client-name					{display:block; padding:10px 0 7px 0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; line-height:normal;
												text-align:center; border-bottom:dashed 1px #EAEAEA;}
.client-logobox .client-area					{display:block; padding:5px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#8c8c8c; line-height:normal;
												text-align:center;}

/*=====================================================CONTACT PAGE========================================================*/
.serv-textcont .contact-cont					{width:100%; margin:0; padding:0;}
.contact-cont .contact-row						{width:100%; margin:0; padding:0 0 20px 0; border-bottom:dashed 1px #d4d4d4;}
.contact-row .contact-box1						{margin:0; padding:0; float:left; width:48%;  border-right:solid 1px #ececec;}
.contact-row .contact-box2						{float:right;width:47%; margin:0; padding:0;}												






}

@media(max-width:480px) {

/*=====================================================HOME PAGE========================================================*/	
.topheader								{width:100%;}
.topheader .topheader_inner				{width:98%; margin:0 auto; padding:0;}
.topheader_left							{width:62%; float:none; margin: 0 auto 10px auto;}
.topheader_left a						{font-size: 13px;}
.topheader_left a:hover					{font-size: 13px;}
.topheader_right						{width:34.5%; float:none;}
.topheader_right a						{font-size: 13px;}
.topheader_right a:hover				{font-size: 13px;}
.outerheader							{display:none;}
.topheader01							{width:100%;}
.topheader01 .topheader_inner01			{width:98%; margin:0 auto; padding:0;}
.header									{width:98%; margin:0 auto; padding:10px 0 0 0; text-align:center;}
.logo									{width:230px; margin:0 auto; float:none;}	
.slider-marquee iframe			    	{width:100%; height:30px;}

/*-------------------navigation----------------*/
.mobile-menu-container							{display:block; margin:0; padding:10px 0;}
.mobile-menu-container-in                     	{display:block; width:100%;}

/*----------------middle-------------------*/
.homemiddle-outside						{width:100%;}
.homemiddle-outside .middle_inner		{width:98%; top:-50px;}
.homemiddle-outside .middle_inner02		{width:100%;}
.homemiddle-outside .middle_inner03		{width:98%; top:-80px;}
.homemiddle-outside .middle_home		{width:100%;}
.middle_home .heading					{width:32%;}
.middle_home .heading  h1				{font-size:17px;}
.middle_home .heading  h2				{font-size:17px;}
.heading-textcont						{width:96%; padding:2%;}
.heading-textcont p						{font-size: 13px;}
.heading-textcont iframe				{width:100%; height:370px;}
.middle-container02						{margin:-20px auto;}
.middle-container03						{margin:-60px auto;}
.middle_contactus-l						{width:80%; float:none; padding: 0 0 15px 0;}
.middle_contactus-r						{width:80%; float:none;}



/*-------------------footer-----------------*/
.footer_outer							{width:100%;}
.footer_outer .footer_inner				{width:98%; margin:0 auto;}
.footer									{width:100%;}
.footer_left							{float:none; width:290px; margin:0 auto; padding:0;}
.social_icon							{float:none; width:80px; margin:15px auto; padding:0;}
	

/*=====================================================ABOUT PAGE========================================================*/	
.innerpage-main-cont .heading h2		{background:none;}
.innerpage-main-cont .about-row			{width:94%; margin:0 auto;}
.about-row .about-row-in				{width:100%;}
.innerpage-main-cont .about-row1		{width:100%; margin:0;}
.about-row1 .about-row-in1				{width:96%; margin:0 auto;}
.about-main .about-pics					{width:60%; margin:0 auto; float:none;}
.about-main1 .about-pics1				{width:60%; margin:0 auto; float:none;}
.about-main .about-textcont				{width:100%; padding:15px 0 0 0;}
.about-textcont1 .heading h3			{text-align:center; padding:15px 0;}
.about-main1 .about-textcont1			{width:100%;}	
.about-textcont .heading h3				{text-align:center; padding:15px 0;}	
	
/*=====================================================Service PAGE========================================================*/	
.services-row .serv-pics				{width:60%; margin:0 auto; float:none;}
.services-cont .heading	h1				{text-align:center;}
.services-row .serv-textcont			{width:100%; padding:15px 0;}	


.service-space							{padding:0 0 15px 0 !important;}
.services-row .photo-gallery-box		{padding:0 4px 20px 4px; float:none; margin:0 auto;} 
.service-space1							{width:100% !important; margin: 0 auto !important; padding:20px 0 !important;}
.serv-textcont big						{text-align:center;}


/*=====================================================CLIENTS PAGE========================================================*/	
.services-row .client-cont 						{width:100%; margin:0; padding:0;}
.client-cont .client-logobox					{width:75%; margin:0 auto; padding:6px 4px 20px 4px; float:none;}
.client-logobox .client-pics					{width:auto;}
.client-logobox .client-pics img				{width:100%;}
.client-logobox .client-name					{display:block; padding:10px 0 7px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; line-height:normal;
												text-align:center; border-bottom:dashed 1px #EAEAEA;}
.client-logobox .client-area					{display:block; padding:5px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#8c8c8c; line-height:normal;
												text-align:center;}

/*=====================================================CONTACT PAGE========================================================*/
.serv-textcont .contact-cont					{width:100%; margin:0; padding:0;}
.contact-cont .contact-row						{width:100%; margin:0; padding:0 0 20px 0; /*border-bottom:dashed 1px #d4d4d4;*/}
.contact-row .contact-box1						{margin:0; padding:15px 0; float:none; width:100%; border-bottom:dashed 1px #d4d4d4; border-right:none;}
.contact-row .contact-box2						{float:none;width:100%; margin:0; padding:15px 0;}		
.contact-box1 p									{text-align:center;}
.contact-box2 p									{text-align:center;}



	
}

@media(max-width:320px) {

/*=====================================================HOME PAGE========================================================*/	
.topheader								{width:100%;}
.topheader .topheader_inner				{width:98%; margin:0 auto; padding:0;}
.topheader_left							{width:70%; float:none; margin: 0 auto 10px auto;}
.topheader_left a						{font-size: 13px;}
.topheader_left a:hover					{font-size: 13px;}
.topheader_right						{width:45.5%; float:none;}
.topheader_right a						{font-size: 13px;}
.topheader_right a:hover				{font-size: 13px;}
.topheader01							{width:100%;}
.topheader01 .topheader_inner01			{width:98%; margin:0 auto; padding:0;}
.outerheader							{display:none;}
.header									{width:98%; margin:0 auto; padding:10px 0 0 0; text-align:center;}
.logo									{width:230px; margin:0 auto; float:none;}	
.slider-marquee iframe			    	{width:100%; height:30px;}

/*-------------------navigation----------------*/
.mobile-menu-container							{display:block; margin:0; padding:10px 0;}
.mobile-menu-container-in                     	{display:block; width:100%;}
.mobile-logo img								{width:205px;}

/*----------------middle-------------------*/
.homemiddle-outside						{width:100%;}
.homemiddle-outside .middle_inner		{width:98%; top:-50px;}
.homemiddle-outside .middle_inner02		{width:100%;}
.homemiddle-outside .middle_inner03		{width:98%; top:-80px;}
.homemiddle-outside .middle_home		{width:100%;}
.middle_home .heading					{width:42%;}
.middle_home .heading  h1				{font-size:16px;}
.middle_home .heading  h2				{font-size:16px;}
.heading-textcont						{width:96%; padding:2%;}
.heading-textcont p						{font-size: 13px;}
.heading-textcont iframe				{width:100%; height:370px;}
.middle-container02						{margin:-20px auto;}
.middle-container03						{margin:-60px auto;}
.middle_contactus-l						{width:80%; float:none; padding: 0 0 15px 0;}
.middle_contactus-r						{width:80%; float:none;}



/*-------------------footer-----------------*/
.footer_outer							{width:100%;}
.footer_outer .footer_inner				{width:98%; margin:0 auto;}
.footer									{width:100%;}
.footer_left							{float:none; width:248px; margin:0 auto; padding:0; text-align:center;}
.social_icon							{float:none; width:80px; margin:15px auto; padding:0;}
											
												
}