@charset "utf-8";
/* CSS Document */

/* standard desktop */
@media(min-width:769px) and (max-width:999px) {
/*=====================================================HOME PAGE========================================================*/	
.header-outside							{width:100%;}
.header-inner							{width:98%; margin:0 auto; padding:0;}
.header									{width:100%;}	

/*-------------------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-inner						{width:100%;}
.homemiddle-inner .homeabout-out		{width:100%;}
.homeabout-out .homeabout-out-inner		{width:98%; margin:0 auto;}
.homeabout-out-inner .homeabout			{width:100%; margin:12px 0 0 0;}
.homeabout .heading  h2					{display:block; margin:0; padding:0; font-size:22px; color:#033563; line-height:50px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; 
										 background-image:url(../images/pagetitle-bg.png); background-repeat:no-repeat; background-position:center;}
.homeabout .homeaboutbox-cont			{width:100%;}
.homeaboutbox-cont .homeabout-box		{width:24%; margin:0 9px 0 0;}
.homeabout-box .box-title				{font-size:18px;}
.homeservice .heading  h2				{display:block; margin:0; padding:0; font-size:22px; color:#033563; line-height:50px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; 
										 background-image:url(../images/homr-service-pagetitle-bg.png); background-repeat:no-repeat; 
										 background-position:center 0;}
										 										 

/*-----------------services--------------------*/
.homemiddle-inner .homeservice-out		{width:100%;}
.homeservice-out .homeservice-out-inner	{width:98%; margin:0 auto;}
.homeservice-out-inner .homeservice		{width:100%;}
.service-textcont h1					{font-size:20px;}
.homeservice-main .homeservices-box2	{border-left:solid 1px #CCC; border-right:solid 1px #CCC; width:33%;}


/*------------------news and testi--------------------*/
.homemiddle-inner .homenewstesti-out			{width:100%;}
.homenewstesti-out .homenewstesti-out-inner		{width:98%; margin:0 auto;}
.homenewstesti-out-inner .homenewstesti			{width:100%;}
.newseventbox-row .newsevent-box				{margin:25px 10px;}
.newsevent-box ul li big						{font-size:11px;}


/*-----------------------clients--------------------------*/
.homemiddle-inner .homeclient-out		{width:100%;}
.homeclient-out .homeclient-out-inner	{width:100%; margin:0 auto;}
.homeclient-out-inner .homeclient		{width:100%;}
.homeclient .heading  h2				{display:block; margin:0; padding:0; font-size:22px; color:#033563; line-height:50px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; 
										 background-image:url(../images/home-client-bg.png); background-repeat:no-repeat; background-position:center;}
.homeclient .homeclinet-maincont		{width:100%; margin:10px auto 0 auto; padding:10; background:#fff; border-bottom:solid 2px #ef8023;
										 border-top:solid 2px #ef8023;}
.homeclinet-maincont .homeclientmainin	{width:98%; margin:0 auto;}


/*-------------------footer-----------------*/
.footer-outside							{width:100%;}
.footer-inner							{width:98%; margin:0 auto;}
.footer									{width:100%;}
.footer .quicklink-cont					{width:32%;}
.quicklink-cont .heading				{display:block; margin:0 0 10px 0; padding:0; font-size:16px; color:#ef8023; line-height:35px; text-align:left;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;} 
.quicklink-cont .quicklink-main-cont	{width:210px;}
.quicklink-main-cont .quicklink-box		{width:50%;}
.quicklink-box ul li					{padding:0 30px 0 0;}

.footer-bot-outside						{width:100%;}
.footer-bot-inner						{width:98%; margin:0 auto;}
.footer-bot								{width:100%;}


/*=====================================================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;}
.services-row iframe					{width:100%; height:350px;}

/*=====================================================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:#033461; 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========================================================*/	
.header-outside							{width:100%;}
.header-inner							{width:98%; margin:0 auto; padding:0;}
.header									{width:100%;}	

/*-------------------navigation----------------*/
.navigation-outside						{width:100%;}
.navigation-inner						{width:98%; margin:0 auto; padding:0;}
.navigation								{width:100%; display:block;}
.container								{width:612px; margin:0 auto;}
.link-navigation						{float:none;}
.navbar .nav > li > a					{padding:0 9px; margin-left:0px;}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:active 			{padding:0 9px;}
.navbar .nav 							{border-right:none; border-left:none; width:100%; margin:0 auto; float: none;}
.dropdown-menu 							{min-width:218px;}	
.dropdown-menu li a						{padding:5px 15px;}
ul.nav li ul li							{line-height:18px;}

/*----------------middle-------------------*/
.homemiddle-outside						{width:100%;}
.homemiddle-inner						{width:100%;}
.homemiddle-inner .homeabout-out		{width:100%;}
.homeabout-out .homeabout-out-inner		{width:98%; margin:0 auto;}
.homeabout-out-inner .homeabout			{width:100%; margin:12px 0 0 0;}
.homeabout .heading  h2					{display:block; margin:0; padding:0; font-size:22px; color:#033563; line-height:50px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; 
										 background-image:url(../images/pagetitle-bg.png); background-repeat:no-repeat; background-position:center;}
.homeabout .homeaboutbox-cont			{width:100%;}
.homeaboutbox-cont .homeabout-box		{width:46%; margin:0 7px 25px 12px;}
.homeabout-box .box-title				{font-size:18px;}
.homeservice .heading  h2				{display:block; margin:0; padding:0; font-size:22px; color:#033563; line-height:50px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; 
										 background-image:url(../images/homr-service-pagetitle-bg.png); background-repeat:no-repeat; 
										 background-position:center 0;}
										 										 

/*-----------------services--------------------*/
.homemiddle-inner .homeservice-out		{width:100%;}
.homeservice-out .homeservice-out-inner	{width:98%; margin:0 auto;}
.homeservice-out-inner .homeservice		{width:100%;}
.service-textcont h1					{font-size:20px;}
.homeservice-main .homeservices-box2	{border-left:solid 1px #CCC; border-right:solid 1px #CCC; width:33%;}


/*------------------news and testi--------------------*/
.homemiddle-inner .homenewstesti-out			{width:100%;}
.homenewstesti-out .homenewstesti-out-inner		{width:98%; margin:0 auto;}
.homenewstesti-out-inner .homenewstesti			{width:100%;}
.newseventbox-row .newsevent-box				{margin:10px 10px; width:90%;}
.newsevent-box ul li big						{font-size:11px;}


/*-----------------------clients--------------------------*/
.homemiddle-inner .homeclient-out		{width:100%;}
.homeclient-out .homeclient-out-inner	{width:100%; margin:0 auto;}
.homeclient-out-inner .homeclient		{width:100%;}
.homeclient .heading  h2				{display:block; margin:0; padding:0; font-size:22px; color:#033563; line-height:50px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; 
										 background-image:url(../images/home-client-bg.png); background-repeat:no-repeat; background-position:center;}
.homeclient .homeclinet-maincont		{width:100%; margin:10px auto 0 auto; padding:10; background:#fff; border-bottom:solid 2px #ef8023;
										 border-top:solid 2px #ef8023;}
.homeclinet-maincont .homeclientmainin	{width:98%; margin:0 auto;}


/*-------------------footer-----------------*/
.footer-outside							{width:100%;}
.footer-inner							{width:98%; margin:0 auto;}
.footer									{width:100%;}
.footer .quicklink-cont					{width:32%; text-align:center; }
.quicklink-cont .heading				{display:block; margin:0 0 10px 0; padding:0; font-size:16px; color:#ef8023; line-height:35px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;} 
.quicklink-cont .quicklink-main-cont	{width:210px;}
.quicklink-main-cont .quicklink-box		{width:100%;}
.quicklink-box ul li					{padding:0 30px 0 0;}
.follow-main-cont .follow-box			{text-align:center; margin:20px 0 0 0;}
.follow-box span						{width:100%; float:none; margin:0 auto; padding:0;}
.follow-box .rightlink                  {width:100%; float:none; margin:0 auto; padding:0;}
.footer .corporate-cont					{width:35%; margin:0; padding:0; float:right;}
.corporate-cont .heading				{display:block; margin:0 0 10px 0; padding:0; font-size:16px; color:#ef8023; line-height:35px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;} 
.corporate-cont .addmain-cont			{width:190px; margin:0; padding:0; float:right;}
.addmain-cont .addrow					{padding:10px 0 0 0;}


.footer-bot-outside						{width:100%;}
.footer-bot-inner						{width:98%; margin:0 auto;}
.footer-bot								{width:100%;}


/*=====================================================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;}
.services-row iframe					{width:100%; height:350px;}

/*=====================================================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:#033461; 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========================================================*/	
.header-outside							{width:100%;}
.header-inner							{width:98%; margin:0 auto; padding:0;}
.header									{width:100%;}	

/*-------------------navigation----------------*/
.navigation-outside						{width:100%;}
.navigation-inner						{width:98%; margin:0 auto; padding:0;}
.navigation								{width:100%; display:none;}
.container								{width:612px; margin:0 auto;}
.link-navigation						{float:none;}
.navbar .nav > li > a					{padding:0 9px; margin-left:0px;}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:active 			{padding:0 9px;}
.navbar .nav 							{border-right:none; border-left:none; width:100%; margin:0 auto; float: none;}
.dropdown-menu 							{min-width:218px;}	
.dropdown-menu li a						{padding:5px 15px;}
ul.nav li ul li							{line-height:18px;}



.navigation002								{display:block;}
/*----------------middle-------------------*/
.homemiddle-outside						{width:100%;}
.homemiddle-inner						{width:100%;}
.homemiddle-inner .homeabout-out		{width:100%;}
.homeabout-out .homeabout-out-inner		{width:98%; margin:0 auto;}
.homeabout-out-inner .homeabout			{width:100%; margin:12px 0 0 0;}
.homeabout .heading  h2					{display:block; margin:0; padding:0; font-size:22px; color:#033563; line-height:50px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; 
										 background-image:url(../images/pagetitle-bg.png); background-repeat:no-repeat; background-position:center;}
.homeservice .homeservice-main01		{width:80%; margin:0 auto; padding:0; display:block;}										 
.homeservice-main .homeservices-box1	{width:100%; float:left; margin:0; padding:0;}
.homeservices-box1 .homeservice-box-in	{width:100%; margin:0; padding:0;}										 
										 
										 
.homeabout .homeaboutbox-cont			{width:100%;}
.homeaboutbox-cont .homeabout-box		{width:80%; margin:0 auto 15px auto !important; float:none;}
.homeabout-box .box-title				{font-size:18px;}
.homeservice .heading  h2				{display:block; margin:0; padding:0; font-size:22px; color:#033563; line-height:50px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; 
										 background-image:url(../images/homr-service-pagetitle-bg.png); background-repeat:no-repeat; 
										 background-position:center 0;}
										 										 

/*-----------------services--------------------*/
.homemiddle-inner .homeservice-out		{width:100%;}
.homeservice-out .homeservice-out-inner	{width:98%; margin:0 auto;}
.homeservice-out-inner .homeservice		{width:100%;}
.service-textcont h1					{font-size:20px;}
.homeservice-main .homeservices-box1	{margin:10px 0;}
.homeservice-main .homeservices-box2	{display:none;}
.homeservice-main .homeservices-box22	{display:block; width:100%; margin:10px 0;}


/*------------------news and testi--------------------*/
.homemiddle-inner .homenewstesti-out			{width:100%;}
.homenewstesti-out .homenewstesti-out-inner		{width:98%; margin:0 auto;}
.homenewstesti-out-inner .homenewstesti			{width:100%;}
.newseventbox-row .newsevent-box				{margin:10px 10px; width:90%;}
.newsevent-box ul li big						{font-size:11px;}
.homenewstesti .newsevent-main-cont				{width:96%; margin:0 auto; float:none;}
.newsevent-main-cont .heading h2				{text-align:center; background:none;}
.newsevent-boxcont .newseventbox-inner			{width:90%; margin:5px auto; padding:10px 0;}

.homenewstesti .testimonial-main-cont			{width:96%; margin:0 auto; float:none;}
.testimonial-main-cont .heading h2				{text-align:center; background:none;}
/*-----------------------clients--------------------------*/
.homemiddle-inner .homeclient-out		{width:100%;}
.homeclient-out .homeclient-out-inner	{width:100%; margin:0 auto;}
.homeclient-out-inner .homeclient		{width:100%;}
.homeclient .heading  h2				{display:block; margin:0; padding:0; font-size:22px; color:#033563; line-height:50px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; 
										 background-image:url(../images/home-client-bg.png); background-repeat:no-repeat; background-position:center;}
.homeclient .homeclinet-maincont		{width:100%; margin:10px auto 0 auto; padding:10; background:#fff; border-bottom:solid 2px #ef8023;
										 border-top:solid 2px #ef8023;}
.homeclinet-maincont .homeclientmainin	{width:98%; margin:0 auto;}


/*-------------------footer-----------------*/
.footer-outside							{width:100%;}
.footer-inner							{width:98%; margin:0 auto;}
.footer									{width:100%;}
.footer .quicklink-cont					{width:90%; text-align:center; margin:0 auto;float:none; border-bottom:solid 1px #8A99A7; }
.quicklink-cont .heading				{display:block; margin:0 0 10px 0; padding:0; font-size:16px; color:#ef8023; line-height:35px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;} 
.quicklink-cont .quicklink-main-cont	{width:210px; margin:0 auto; float:none;}
.quicklink-main-cont .quicklink-box		{width:100%;}
.quicklink-box ul li					{padding:0;}
.footer .follow-cont					{width:90%; border-bottom:solid 1px #8A99A7; border-left:none; border-right:none; margin:20px auto; float:none;}
.follow-main-cont .follow-box			{text-align:center; margin:0;}
.follow-box span						{width:22px; float:left; margin:0; padding:7px 0;}
.follow-box .rightlink                  {width:75px; float:right; margin:0; padding:0;}
.footer .corporate-cont					{width:90%; margin:0 auto; padding:0; float:none;}
.corporate-cont .heading				{display:block; margin:0 0 10px 0; padding:0; font-size:16px; color:#ef8023; line-height:35px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;} 
.corporate-cont .addmain-cont			{width:60%; margin:0 auto; padding:0; float:none; text-align:center}
.addmain-cont .addrow					{padding:10px 0 0 0;}
.addrow01								{width:166px !important; margin:0 auto !important;}

.footer-bot-outside						{width:100%;}
.footer-bot-inner						{width:98%; margin:0 auto;}
.footer-bot								{width:100%;}
.footer-bot .ssgroup					{width:223px; float:none; margin:0 auto; padding:0 0 15px 0;}
.footer-bot .designed					{width:250px; float:none; 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========================================================*/	
.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;}
.services-row iframe					{width:100%; height:350px;}

/*=====================================================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:#033461; 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========================================================*/	
.header-outside							{width:100%;}
.header-inner							{width:98%; margin:0 auto; padding:0;}
.header									{width:100%;}	

.header .logo							{float:none; margin:0 auto; padding:20px 0;}
.header .rightside						{float:none; margin:0 auto;}
.rightside .media-cont-top				{float:none; margin:0 auto;}
.rightside .media-cont-bottom			{float:none; margin:0 auto; padding:0 0 20px 0;}


/*-------------------navigation----------------*/
.navigation-outside						{width:100%;}
.navigation-inner						{width:98%; margin:0 auto; padding:0;}
.navigation								{width:100%; display:none;}
.container								{width:612px; margin:0 auto;}
.link-navigation						{float:none;}
.navbar .nav > li > a					{padding:0 9px; margin-left:0px;}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:active 			{padding:0 9px;}
.navbar .nav 							{border-right:none; border-left:none; width:100%; margin:0 auto; float: none;}
.dropdown-menu 							{min-width:218px;}	
.dropdown-menu li a						{padding:5px 15px;}
ul.nav li ul li							{line-height:18px;}


.navigation002								{display:block;}

/*----------------middle-------------------*/
.homemiddle-outside						{width:100%;}
.homemiddle-inner						{width:100%;}
.homemiddle-inner .homeabout-out		{width:100%;}
.homeabout-out .homeabout-out-inner		{width:98%; margin:0 auto;}
.homeabout-out-inner .homeabout			{width:100%; margin:12px 0 0 0;}
.homeabout .heading  h2					{display:block; margin:0; padding:0; font-size:22px; color:#033563; line-height:50px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;  background:none;
										/* background-image:url(../images/pagetitle-bg.png); background-repeat:no-repeat; background-position:center;*/}
.homeservice .homeservice-main01		{width:80%; margin:0 auto; padding:0; display:block;}										 
.homeservice-main .homeservices-box1	{width:100%; float:left; margin:0; padding:0;}
.homeservices-box1 .homeservice-box-in	{width:100%; margin:0; padding:0;}										 
										 
										 
.homeabout .homeaboutbox-cont			{width:100%;}
.homeaboutbox-cont .homeabout-box		{width:80%; margin:0 auto 15px auto !important; float:none;}
.homeabout-box .box-title				{font-size:18px;}
.homeservice .heading  h2				{display:block; margin:0; padding:0; font-size:22px; color:#033563; line-height:50px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; background:none;
										 /*background-image:url(../images/homr-service-pagetitle-bg.png); background-repeat:no-repeat; 
										 background-position:center 0;*/}
										 										 

/*-----------------services--------------------*/
.homemiddle-inner .homeservice-out		{width:100%;}
.homeservice-out .homeservice-out-inner	{width:98%; margin:0 auto;}
.homeservice-out-inner .homeservice		{width:100%;}
.service-textcont h1					{font-size:20px;}
.homeservice-main .homeservices-box1	{margin:10px 0;}
.homeservice-main .homeservices-box2	{display:none;}
.homeservice-main .homeservices-box22	{display:block; width:100%; margin:10px 0;}


/*------------------news and testi--------------------*/
.homemiddle-inner .homenewstesti-out			{width:100%;}
.homenewstesti-out .homenewstesti-out-inner		{width:98%; margin:0 auto;}
.homenewstesti-out-inner .homenewstesti			{width:100%;}
.newseventbox-row .newsevent-box				{margin:10px 10px; width:90%;}
.newsevent-box ul li big						{font-size:11px;}
.homenewstesti .newsevent-main-cont				{width:96%; margin:0 auto; float:none;}
.newsevent-main-cont .heading h2				{text-align:center; background:none;}
.newsevent-boxcont .newseventbox-inner			{width:90%; margin:5px auto; padding:10px 0;}

.homenewstesti .testimonial-main-cont			{width:96%; margin:0 auto; float:none;}
.testimonial-main-cont .heading h2				{text-align:center; background:none;}
/*-----------------------clients--------------------------*/
.homemiddle-inner .homeclient-out		{width:100%;}
.homeclient-out .homeclient-out-inner	{width:100%; margin:0 auto;}
.homeclient-out-inner .homeclient		{width:100%;}
.homeclient .heading  h2				{display:block; margin:0; padding:0; font-size:22px; color:#033563; line-height:50px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; background:none; 
										 /*background-image:url(../images/home-client-bg.png); background-repeat:no-repeat; background-position:center;*/}
.homeclient .homeclinet-maincont		{width:100%; margin:10px auto 0 auto; padding:10; background:#fff; border-bottom:solid 2px #ef8023;
										 border-top:solid 2px #ef8023;}
.homeclinet-maincont .homeclientmainin	{width:98%; margin:0 auto;}


/*-------------------footer-----------------*/
.footer-outside							{width:100%;}
.footer-inner							{width:98%; margin:0 auto;}
.footer									{width:100%;}
.footer .quicklink-cont					{width:90%; text-align:center; margin:0 auto;float:none; border-bottom:solid 1px #8A99A7; }
.quicklink-cont .heading				{display:block; margin:0 0 10px 0; padding:0; font-size:16px; color:#ef8023; line-height:35px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;} 
.quicklink-cont .quicklink-main-cont	{width:210px; margin:0 auto; float:none;}
.quicklink-main-cont .quicklink-box		{width:100%;}
.quicklink-box ul li					{padding:0;}
.footer .follow-cont					{width:90%; border-bottom:solid 1px #8A99A7; border-left:none; border-right:none; margin:20px auto; float:none;}
.follow-main-cont .follow-box			{text-align:center; margin:0;}
.follow-box span						{width:22px; float:left; margin:0; padding:7px 0;}
.follow-box .rightlink                  {width:75px; float:right; margin:0; padding:0;}
.footer .corporate-cont					{width:90%; margin:0 auto; padding:0; float:none;}
.corporate-cont .heading				{display:block; margin:0 0 10px 0; padding:0; font-size:16px; color:#ef8023; line-height:35px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;} 
.corporate-cont .addmain-cont			{width:60%; margin:0 auto; padding:0; float:none; text-align:center}
.addmain-cont .addrow					{padding:10px 0 0 0;}
.addrow01								{width:166px !important; margin:0 auto !important;}

.footer-bot-outside						{width:100%;}
.footer-bot-inner						{width:98%; margin:0 auto;}
.footer-bot								{width:100%;}
.footer-bot .ssgroup					{width:223px; float:none; margin:0 auto; padding:0 0 15px 0;}
.footer-bot .designed					{width:250px; float:none; margin:0 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;}	
	
/*=====================================================SERVICES 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;}
.services-row iframe					{width:100%; height:350px;}

/*=====================================================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:#033461; 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========================================================*/	
.header-outside							{width:100%;}
.header-inner							{width:98%; margin:0 auto; padding:0;}
.header									{width:100%;}	

.header .logo							{float:none; margin:0 auto; padding:20px 0;}
.header .rightside						{float:none; margin:0 auto;}
.rightside .media-cont-top				{float:none; margin:0 auto;}
.rightside .media-cont-bottom			{float:none; margin:0 auto; padding:0 0 20px 0;}


/*-------------------navigation----------------*/
.navigation-outside						{width:100%;}
.navigation-inner						{width:98%; margin:0 auto; padding:0;}
.navigation								{width:100%; display:none;}
.container								{width:612px; margin:0 auto;}
.link-navigation						{float:none;}
.navbar .nav > li > a					{padding:0 9px; margin-left:0px;}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:active 			{padding:0 9px;}
.navbar .nav 							{border-right:none; border-left:none; width:100%; margin:0 auto; float: none;}
.dropdown-menu 							{min-width:218px;}	
.dropdown-menu li a						{padding:5px 15px;}
ul.nav li ul li							{line-height:18px;}


.navigation002								{display:block;}

/*----------------middle-------------------*/
.homemiddle-outside						{width:100%;}
.homemiddle-inner						{width:100%;}
.homemiddle-inner .homeabout-out		{width:100%;}
.homeabout-out .homeabout-out-inner		{width:98%; margin:0 auto;}
.homeabout-out-inner .homeabout			{width:100%; margin:12px 0 0 0;}
.homeabout .heading  h2					{display:block; margin:0; padding:0; font-size:22px; color:#033563; line-height:50px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;  background:none;
										/* background-image:url(../images/pagetitle-bg.png); background-repeat:no-repeat; background-position:center;*/}
.homeservice .homeservice-main01		{width:80%; margin:0 auto; padding:0; display:block;}										 
.homeservice-main .homeservices-box1	{width:100%; float:left; margin:0; padding:0;}
.homeservices-box1 .homeservice-box-in	{width:100%; margin:0; padding:0;}										 
										 
										 
.homeabout .homeaboutbox-cont			{width:100%;}
.homeaboutbox-cont .homeabout-box		{width:80%; margin:0 auto 15px auto !important; float:none;}
.homeabout-box .box-title				{font-size:18px;}
.homeservice .heading  h2				{display:block; margin:0; padding:0; font-size:22px; color:#033563; line-height:50px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; background:none;
										 /*background-image:url(../images/homr-service-pagetitle-bg.png); background-repeat:no-repeat; 
										 background-position:center 0;*/}
										 										 

/*-----------------services--------------------*/
.homemiddle-inner .homeservice-out		{width:100%;}
.homeservice-out .homeservice-out-inner	{width:98%; margin:0 auto;}
.homeservice-out-inner .homeservice		{width:100%;}
.service-textcont h1					{font-size:20px;}
.homeservice-main .homeservices-box1	{margin:10px 0;}
.homeservice-main .homeservices-box2	{display:none;}
.homeservice-main .homeservices-box22	{display:block; width:100%; margin:10px 0;}


/*------------------news and testi--------------------*/
.homemiddle-inner .homenewstesti-out			{width:100%;}
.homenewstesti-out .homenewstesti-out-inner		{width:98%; margin:0 auto;}
.homenewstesti-out-inner .homenewstesti			{width:100%;}
.newseventbox-row .newsevent-box				{margin:10px 10px; width:90%;}
.newsevent-box ul li big						{font-size:11px;}
.homenewstesti .newsevent-main-cont				{width:96%; margin:0 auto; float:none;}
.newsevent-main-cont .heading h2				{text-align:center; background:none;}
.newsevent-boxcont .newseventbox-inner			{width:90%; margin:5px auto; padding:10px 0;}

.homenewstesti .testimonial-main-cont			{width:96%; margin:0 auto; float:none;}
.testimonial-main-cont .heading h2				{text-align:center; background:none;}
/*-----------------------clients--------------------------*/
.homemiddle-inner .homeclient-out		{width:100%;}
.homeclient-out .homeclient-out-inner	{width:100%; margin:0 auto;}
.homeclient-out-inner .homeclient		{width:100%;}
.homeclient .heading  h2				{display:block; margin:0; padding:0; font-size:22px; color:#033563; line-height:50px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; background:none; 
										 /*background-image:url(../images/home-client-bg.png); background-repeat:no-repeat; background-position:center;*/}
.homeclient .homeclinet-maincont		{width:100%; margin:10px auto 0 auto; padding:10; background:#fff; border-bottom:solid 2px #ef8023;
										 border-top:solid 2px #ef8023;}
.homeclinet-maincont .homeclientmainin	{width:98%; margin:0 auto;}


/*-------------------footer-----------------*/
.footer-outside							{width:100%;}
.footer-inner							{width:98%; margin:0 auto;}
.footer									{width:100%;}
.footer .quicklink-cont					{width:90%; text-align:center; margin:0 auto;float:none; border-bottom:solid 1px #8A99A7; }
.quicklink-cont .heading				{display:block; margin:0 0 10px 0; padding:0; font-size:16px; color:#ef8023; line-height:35px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;} 
.quicklink-cont .quicklink-main-cont	{width:210px; margin:0 auto; float:none;}
.quicklink-main-cont .quicklink-box		{width:100%;}
.quicklink-box ul li					{padding:0;}
.footer .follow-cont					{width:90%; border-bottom:solid 1px #8A99A7; border-left:none; border-right:none; margin:20px auto; float:none;}
.follow-main-cont .follow-box			{text-align:center; margin:0;}
.follow-box span						{width:22px; float:left; margin:0; padding:7px 0;}
.follow-box .rightlink                  {width:75px; float:right; margin:0; padding:0;}
.footer .corporate-cont					{width:90%; margin:0 auto; padding:0; float:none;}
.corporate-cont .heading				{display:block; margin:0 0 10px 0; padding:0; font-size:16px; color:#ef8023; line-height:35px; text-align:center;
										 font-family:"sanssb", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;} 
.corporate-cont .addmain-cont			{width:60%; margin:0 auto; padding:0; float:none; text-align:center}
.addmain-cont .addrow					{padding:10px 0 0 0;}
.addrow01								{width:166px !important; margin:0 auto !important;}

.footer-bot-outside						{width:100%;}
.footer-bot-inner						{width:98%; margin:0 auto;}
.footer-bot								{width:100%;}
.footer-bot .ssgroup					{width:223px; float:none; margin:0 auto; padding:0 0 15px 0;}
.footer-bot .designed					{width:250px; float:none; margin:0 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;}	


/*=====================================================SERVICES 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;}
.services-row iframe					{width:100%; height:350px;}

/*=====================================================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:#033461; 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;}

											
												
}
	
	