@media only screen and (min-width:1301px) and (max-width: 1500px) {
.liquid-slider					{min-height: 600px;}
.banner-wrap					{}
.pageslider ul li img           {height:260px;}
.banner-text2                   {padding:30px 20px;}
}

@media only screen and (min-width:1141px) and (max-width: 1300px) {
.liquid-slider					{min-height: 600px;}
.banner-wrap					{ padding:80px 0 0 0; top:0; right: 33px;}

.pageslider ul li img           {height:250px;}
.banner-text2                   { top:0; padding:20px; width:auto;}
.banner-text2 span              {font-size:45px;}


}
@media only screen and (min-width: 980px) and (max-width: 1140px) {
h1								{ font-size:45px;}	
h2								{ font-size:35px;}	
h4								{ font-size:26px;}
.header-1						{ padding:20px 0;}
.container						{ width:98%;}
.banner-text					{ width: 458px; padding: 20px;}	
.banner-wrap					{ top:0; right:44px;}
.top-banner img.banner			{ min-height:425px;}
.banner-text span				{font-size: 50px;}
.sticky-nav ul li				{ padding: 15px 10px;}
.sticky-nav ul li a				{font-size: 14px;}
.sticky-nav						{height:49px;}
.quote-wrap1					{  width: 950px; margin:20px auto 0;}
.quote-img						{  width: 30%;}
.quote-wrap						{width: 622px; padding: 20px; padding: 20px;}
.quote-img > img				{ width:100%;}
.energysmart-2 li				{ width:31%;    margin: 0 15px 0 0;}
.energysmart-2 img				{ width:100%; height:auto;}
.energysmart-wrap				{ width:98%;}
.shadow							{left: 3px;}
.energysmart					{ padding:50px 0;}
.solar-text						{width: 460px;}
.solar-panel span				{font-size: 50px;}
.solar-wrap						{ top:88px;}
.client							{ float:none; display:inline-block; width:100%;}
.client li						{ float:none; display:inline-block;  width: 260px; padding-top:30px!important;}
.client-review					{ width:100%; padding:10px;}
.client-position				{ width:100%;}
.flexslider						{ width:100%; text-align:center; padding:30px 0 60px!important;}
.flex-control-nav				{ bottom:25px;}
.energysmart-3					{ padding:30px 0;}
.quote1							{ width:280px;}
.column-1						{padding: 0 30px 0 0;}
.column-2						{padding: 0 30px 0 0;}
.column-3						{padding: 0 30px 0 0;}
.column-4						{padding: 0 30px 0 0;}
.resp-tabs-list li				{ padding:15px!important;}

/* -------------------------inner1 here--------------------------------*/
.banner-text1					{left: 69px;}
.left-content					{    width: 60%;}
.right-content					{ width: 37%;}
.right-link img					{ width:100%;}
.left-query strong				{ font-size:40px;}
.quote7							{ width:150px;    font-size: 16px;}
.left-query small				{ padding:0 5px; font-size: 18px;}
.property-age-inner ul li		{ width: 105px;}
.system-inner ul li				{ width: 150px;}
.quote6							{width: 320px;}
.solar-panel span				{font-size: 40px;}
.blue-arrow1					{ top: 62px;}

/* -------------------------inner2 here--------------------------------*/
.blog-2 ul > li					{ width: 48%;margin: 0 15px 0 0;}
.blog-2 img						{ height:auto;}
.blog-wrap-2					{ padding:10px;}
.blog-wrap-2 ul li				{ width:auto!important; margin:0!important;  background: url("../images/seperator.png") no-repeat scroll 1px 4px rgba(0, 0, 0, 0); padding: 5px 5px 0 10px;}
.blog-wrap-2 ul li:first-child	{padding: 5px 5px 0 0;}
.blog-wrap-2 h5					{ font-size: 18px;}
.right-link > img				{ width:auto!important;}

/* -------------------------inner3 here--------------------------------*/
.client-review-1				{padding:20px 10px;  width:100%;}
.shadow							{width:280px;}
.wrap-3 strong					{ font-size: 33px;}
.yellow-arrow					{   width: 16%;right: 9px;top: 34px;height: auto;}
.emp-1 ul li					{  width: 47%; }

/* -------------------------inner4 here--------------------------------*/
.form-1 .sbHolder				{width: 279px;}
.form-1 > ul > li				{ margin: 20px 15px 0 0;}
.form-1 input[type="text"]		{    width: 267px;}
.form-1 textarea				{width: 575px;}
.quote1							{ width:235px;}
.bottom-text h2					{ font-size:35px;}


.banner-wrap-home           {padding:100px 0 0 0;} 
.liquid-slider					{min-height: 400px;}
.banner-wrap					{ padding:70px 0 0 0;}
.ls-nav							{ position:relative;}
.pageslider ul li img           {height:250px;}
.banner-text2                   { top:0; padding:20px; width:auto;}
.banner-text2 span              {font-size:45px;}

.nav ul li ul                   {z-index:9999;}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
h1								{ font-size:40px;}	
h2								{ font-size:30px;}	
h4								{ font-size:26px;}	
.container						{ width:98%;}

.nav ul li a					{font-size: 14px;}
.logo > img						{ width:100%; height:auto;}
.logo							{ width:140px;}
a.quote							{ width: 140px; padding: 10px 0;  font-size: 13px;}
.banner-text					{ width: 458px; padding:10px; margin:0 40px 0 0;}	
.banner-wrap					{ top:0; right:44px;}
.top-banner img.banner			{ min-height:425px;}
.banner-text span				{font-size:42px; letter-spacing:0; line-height: 54px;}
a.quote2						{ width:250px; font-size:20px;}
.sticky-nav ul li				{ padding: 7px; width:46%;}
.sticky-nav ul li a				{font-size: 14px;}
.sticky-nav						{height:100px;}
.quote-wrap1					{  width: 950px; margin:20px auto 0;}
.quote-img						{  width:30%; margin:0 auto; display:none; float:none;}
.quote-wrap1					{ width:98%;}
.quote-wrap						{ width: 95%; padding: 20px; padding: 20px;}
.energysmart-2 h5				{ font-size:20px;}
.energysmart p					{ font-size:15px;}
.quote-img > img				{ width:100%;}
.energysmart-2 li				{ width:31%;    margin: 0 15px 0 0;}
.energysmart-2 img				{ width:100%; height:auto;}
.energysmart-wrap				{ width:98%;}
.shadow							{left: 3px;}
.energysmart					{ padding:50px 0; width:98%;}
.solar-text						{width:400px; padding:15px;}
.solar-panel span				{font-size:40px;}
.solar-plant					{  width: 130px !important;}
.solar-wrap						{ top:88px;}
.client							{ float:none; display:inline-block; width:100%;}
.client li						{ float:none; display:inline-block;  width: 200px; padding-top:30px!important;}
.client-review em				{font-size: 15px;}
.client-position img			{ padding:0;}
.client-position strong			{ font-size:15px;}
.client-position small			{ font-size:15px;}
.wrap-2							{ padding:20px 0; width:95%;}
.energysmart-3 h3				{ font-size:30px;}
.client-review					{ width:100%; padding:10px;}
.client-position				{ width:100%;}
.flexslider						{ width:100%; text-align:center; padding:30px 0 60px!important;}
.flex-control-nav				{ bottom:25px;}
.energysmart-3					{ padding:30px 0;}
.quote1							{ width:170px;   font-size: 16px;}
.energysmart-1 li				{ padding: 0 50px 0 0;}
.column-1						{padding: 0 30px 0 0;}
.column-2						{padding: 0 30px 0 0;}
.column-3						{padding: 0 30px 0 0;}
.column-4						{padding:30px 30px 0 0; clear:left;}
.column-last					{ padding:30px 0 0 0;}
.footer2 small					{  font-size: 14px;}
.bottom-text h2					{ font-size:26px;}
.footer-1						{ padding:40px 0;}
/* -------------------------inner1 here--------------------------------*/
.banner-text1					{left: 69px;}
.banner-text1 span				{ font-size:40px;}
.left-content					{ width:100%; float:none; margin:0 0 20px 0;}
.right-content					{ width:100%; float:none;}
.inner-wrap						{ padding:20px 0 0 0;}
.blue-arrow1					{  top: 57px;  left: 46%;}
.query							{ margin:20px 0;}
.right-link						{ text-align:center;}
.solar-panel					{ padding:15px 0 0 0;}
/* -------------------------inner2 here--------------------------------*/
.blog-2 ul > li					{ width: 48%;margin: 0 15px 0 0;}
.blog-2 img						{ height:auto;}
.blog-wrap-2					{ padding:10px;}
.blog-wrap-2 ul li				{ width:auto!important; margin:0!important;  background: url("../images/seperator.png") no-repeat scroll 1px 4px rgba(0, 0, 0, 0); padding: 5px 5px 0 10px;}
.blog-wrap-2 ul li:first-child	{padding: 5px 5px 0 0;}
.blog-wrap-2 h5					{ font-size: 18px;}
.right-link > img				{ width:auto!important;}
.subscribe-blog					{ margin:20px 0;}
.bottom-text					{ margin:15px 0 0 0;}
.blog-wrap > img				{ height:auto;}

/* -------------------------inner4 here--------------------------------*/
.contact-details				{ float:none; margin:0 auto 20px; width: 300px;  padding: 10px; }
a.quote8						{ margin:30px 0 0 0;}

.nav ul li ul                   {z-index:999;}
.banner-wrap-home           {padding:100px 0 0 0;}          
.liquid-slider					{min-height:400px;}
.banner-wrap					{ padding:80px 0 0 0;}
.ls-nav							{ position:relative;}
.pageslider ul li img           {height:250px;}
.banner-text2                   { top:0; padding:20px; width:auto;}
.banner-text2 span              {font-size:45px;}

}

@media only screen and (min-width:600px) and (max-width:767px) {

.mobile-icon					{ display:block; position:absolute;left:0; top:45px;}
.nav 							{    z-index:9; background:red; height:auto!important;}
.nav ul						{display:none; float:none; position:absolute;left:0; background:#5eb704; top:76px; width:100%; z-index:999;}
.nav  ul li						{ float:none; padding:10px 0 10px 10px;}

.nav ul li a					{font-size: 14px;}
.nav > ul > li:hover              {background:none; border-radius:0px;}
.nav ul li ul li:hover 			{background:none; }
.nav ul li ul 					{ }
.nav ul li ul li				{}
.nav  ul		   				{ }
.header-1						{ padding: 24px 0 45px;}

h1								{ font-size:32px;}	
h2								{ font-size:30px;}	
h3								{ font-size:25px;}	
h4								{ font-size:22px;}
.container						{ width:98%;}
.wrap-1							{ width:98%;}
.logo > img						{ width:100%; height:auto;}
.logo							{ width:140px;}
a.quote							{ width: 140px; padding: 10px 0;  font-size: 13px;}
.banner-text					{ width: 458px; padding:10px; margin:0 30px 0 0;}	
.banner-wrap					{ top:0; right:44px;}
.top-banner img.banner			{ min-height:425px;}
.banner-text span				{font-size:40px; line-height: 46px; letter-spacing:0;}
.banner-text p					{ font-size:16px;}
a.quote2						{ width:200px; font-size:16px;}
.sticky-nav ul li				{ padding: 7px; width:46%;}
.sticky-nav ul li a				{font-size: 14px;}
.sticky-nav						{height:100px;}
.quote-wrap1					{  width:95%; box-shadow:none;margin:20px auto 0; overflow:hidden;}
.quote-img						{  width:30%; margin:0 auto; display:none; float:none;}

.quote-wrap						{ width: 95%; padding: 20px; padding: 20px; float:none;}
.energysmart-2 h5				{ font-size:18px;}
.energysmart p					{ font-size:15px;}
.quote-img > img				{ width:100%;}
.energysmart-2 li				{ width:30%;    margin: 0 15px 0 0;}
.energysmart-2 img				{ width:100%; height:auto;}
.energysmart-wrap				{ width:98%;}
.shadow							{left: 3px;bottom: -9px;}
.energysmart					{ padding:20px 0; width:98%;}
.solar-text						{width:350px; padding:15px;}
.solar-panel span				{font-size:30px; display:block;}
.solar-text li em				{  font-size: 16px;}
.solar-text li:first-child em	{ width: 174px;}
.solar-plant					{  width: 130px !important;}
.solar-wrap						{ top:25px;}
.client							{ float:none; display:inline-block; width:100%;}
.client li						{ float:none; display:inline-block;  width:140px; padding-top:30px!important;}
.client-review em				{font-size: 15px;}
.client-position img			{ padding:0; float:none; margin:0 auto;}
.client-position strong			{ font-size:15px;}
.client-position small			{ font-size:15px;}
.wrap-2 p						{ font-size:15px;}
.gray-line						{ padding:10px 0 0 0;}
.wrap-2							{ padding:20px 0; width:95%;}
.energysmart-3 h3				{ font-size:30px;}
.client-review					{ width:100%; padding:10px;}
.client-position				{ width:100%;}
.left-form						{ float:none; width:100%;}
.right-form						{ float:none; width:100%;}
.flexslider						{ width:100%; text-align:center; padding:30px 0 60px!important;}
.flex-control-nav				{ bottom:25px;}
.energysmart-3					{ padding:20px 0;}
.quote1							{ width:170px;   font-size: 16px; float:none; margin:5px auto 0;}
.bottom-text h2					{ float:none;}
.energysmart-1 li				{ padding: 0 10px 0 0;}
.energysmart-1 img				{width: 90%; height:auto;}
.column-1						{padding: 0 30px 0 0;}
.column-2						{padding: 0 30px 0 0;}
.column-3						{padding: 0 30px 0 0;}
.column-4						{padding:30px 30px 0 0; clear:left;}
.column-last					{ padding:30px 0 0 0;}
.footer2						{ text-align:center;}
.footer2 small					{  font-size: 14px; float:none;}
.footer2 ul						{ float:none; display:inline-block; text-align:center; margin:20px 0 0 0;}
.footer2 ul li					{ float:none; display:inline-block;}
/* -------------------------inner1 here--------------------------------*/
.banner-text1					{left: 69px;}
.banner-text1 span				{ font-size:40px;}
.left-content					{ width:100%; float:none; margin:0 0 20px 0;}
.right-content					{ width:100%; float:none;}
.inner-wrap						{ padding:20px 0 0 0;}
.blue-arrow1					{  top: 57px;  left: 46%;}
.query							{ margin:20px 0;}
.right-link						{ text-align:center;}
.solar-panel					{ padding:15px 0 0 0;}
.content-1 > p					{ padding:10px 0 0 0; font-size:16px;}
.content-1 ul li a				{ padding: 10px 0 10px 30px;  font-size: 16px;}
.left-query small				{ font-size: 18px; padding:0 5px;}
.left-query strong				{ font-size:40px;}
.quote7							{ width: 180px; font-size: 16px;}
.quote6							{ width: 332px; font-size: 25px;  padding: 5px 0;}
.accordion-content > p			{ font-size:14px;}

/* -------------------------inner2 here--------------------------------*/
.blog-2 ul > li					{ width: 48%;margin: 0 15px 0 0;}
.blog-2 img						{ height:auto;}
.blog-wrap-2					{ padding:10px;}
.blog-wrap-2 ul li				{ width:auto!important; margin:0!important;  background: url("../images/seperator.png") no-repeat scroll 1px 4px rgba(0, 0, 0, 0); padding: 5px 5px 0 10px;}
.blog-wrap-2 ul li:first-child	{padding: 5px 5px 0 0;}
.blog-wrap-2 h5					{ font-size: 18px;}
.right-link > img				{ width:auto!important;}
.subscribe-blog					{ margin:20px 0;}
.bottom-text					{ margin:15px 0 0 0;}
.blog-wrap > img				{ height:auto;}
.nxt_pages > img				{ width:100%;}
/* -------------------------inner3here--------------------------------*/
.client-review-1				{padding:20px 10px;  width:100%;}
.shadow							{width:280px;}
.wrap-3 strong					{ font-size: 33px;}
.yellow-arrow					{   width: 16%;right: 9px;top: 34px;height: auto;}
.emp-1 ul li					{  width: 45%; }
.client-review-1 p				{ font-size:16px;}
.emp-1 p						{ font-size:16px;}
.solar-panal-info p				{ font-size:16px; padding:0 0 5px 0;}
.solar-panal-info h4			{ padding:4px 0;}
.emp-1 span							{ font-size:20px;}
.wrap-3							{ margin:20px 0;}

/* -------------------------inner4 here--------------------------------*/
.contact-details				{ float:none; margin:0 auto 20px; width: 300px;  padding: 10px; }
a.quote8						{  font-size: 16px;  width: 190px; margin:20px auto;}
.form-1 textarea				{ width:358px;}
.form-1 > ul > li				{ margin: 20px 0 0; float: none;}
.form-1							{ margin: 0 auto; width: 368px;}
.banner-text2					{   width: 300px; padding: 20px; top:0;}
.content-4 p					{ font-size:16px;}
.content-4						{ padding:0 0 0 10px;}
.banner-text2 span				{ font-size:30px;}


.liquid-slider					{min-height:290px;}
.banner-wrap					{ padding:80px 0 0 0;}
.ls-nav							{ position:relative;}


.pageslider ul li img       {height:250px;}



.banner-wrap-home           {padding:100px 0 0 0;}
.nav ul li ul               { position: relative;background:none;padding:0; width:100%; opacity:1;}
.nav ul li ul li a          { color:#ffffff;}
.nav ul li ul li            {margin:0;padding:5px 0 0 0px;}
.nav ul li                  {padding:5px 0 0 10px;}

.nav > ul > li > a      {padding:0;}
.nav > ul > li:hover > a{background:none; border-radius:0px;}
}

@media only screen and (min-width:480px) and (max-width:599px) {
	
.mobile-icon					{ display:block; position:absolute;left:0; top:45px;}
.nav 							{    z-index:9; background:red; height:auto!important;}
.nav  ul						{display:none; float:none; position:absolute;left:0; background:#5eb704; top:75px; width:100%; z-index:999;}
.nav  ul li						{ float:none; padding:10px 0 10px 10px;}

.nav ul li a					{font-size: 14px;}
.nav > ul > li:hover              {background:none; border-radius:0px;}
.nav ul li ul li:hover 			{background:none; }
.nav ul li ul 					{ }
.nav ul li ul li				{}
.nav  ul		   				{ }
.header-1						{ padding: 24px 0 45px;}

h1								{ font-size:28px;}	
h2								{ font-size:25px;}	
h3								{ font-size:22px;}	
.container						{ width:98%;}
.wrap-1							{ width:98%;}
.logo > img						{ width:100%; height:auto;}
.logo							{ width:140px;}
a.quote							{ width: 140px; padding: 10px 0;  font-size: 13px; margin:0 10px 0 0 ;}
.quote5							{    width: 170px;font-size:20px;}
.banner-text					{ width:375px; padding:10px; float:none; margin:0 auto;}	
.banner-wrap					{ top:0; right:44px;}
.top-banner img.banner			{ min-height:300px;}
.banner-text span				{font-size:30px; line-height: 46px; letter-spacing:0;}
.banner-text p					{ font-size:16px;}
a.quote2						{ width:200px; font-size:16px;}
.sticky-nav ul li				{ padding: 7px; width:46%;}
.sticky-nav ul li a				{font-size: 14px;}
.sticky-nav						{height:100px;}
.quote-wrap1					{  width:95%; box-shadow:none;margin:20px auto 0; overflow:hidden;}
.quote-img						{  width:30%; margin:0 auto; display:none; float:none;}

.quote-wrap						{ width: 95%; padding: 20px; padding: 20px; float:none;}
.energysmart-2 h5				{ font-size:18px;}
.energysmart p					{ font-size:15px;}
.quote-img > img				{ width:100%;}
.energysmart-2 li				{ width:98%; display:block;   margin: 0 auto;}
.energysmart-2 img				{ width:100%; height:auto;}
.energysmart-wrap				{ width:98%; margin:0;}
.shadow							{left: 3px;bottom: -9px;}
.energysmart					{ padding:20px 0; width:98%;}
.solar-text						{ width: 330px; padding:5px;}
.solar-panel span				{font-size:20px; display:block;}
.solar-text li em				{  font-size: 16px;}
.solar-text li:first-child em	{ width:140px;}
.solar-text li em				{font-size: 14px;}
.solar-plant					{  width: 130px !important;}
.solar-wrap						{ top:40px;}
.client							{ float:none; display:inline-block; width:100%;}
.client li						{ float:none; display:block;  width:300px; margin:0 auto; padding:30px 0 0 0!important;}
.client li:last-child			{ padding:0;}
.client-review em				{font-size: 15px;}
.client-position img			{ padding:0; float:none; margin:0 auto;}
.client-position strong			{ font-size:15px;}
.client-position small			{ font-size:15px;}
.wrap-2 p						{ font-size:15px;}
a.quote3						{width: 250px;font-size: 16px; margin:15px auto 0;}
.quote-form						{ padding:25px 0;}
.form h3						{ font-size:25px;}
.form small						{ font-size:18px;}
.gray-line						{ padding:10px 0 0 0;}
.wrap-2							{ padding:20px 0; width:95%;}
.energysmart-3 h3				{ font-size:22px;}
.learn							{ width:100px; padding:10px; font-size:13px;}
.client-review					{ width:100%; padding:10px;}
.client-position				{ width:100%;}
.left-form						{ float:none; width:100%;}
.right-form						{ float:none; width:100%;}
.flexslider						{ width:100%; text-align:center; padding:30px 0 60px!important;}
.flex-control-nav				{ bottom:25px;}
.energysmart-3					{ padding:20px 0;}
.quote1							{ width:170px;   font-size: 16px; float:none; margin:5px auto 0;}
.bottom-text h2					{ float:none;}
.energysmart-1 li				{ padding: 0 10px 0 0;  width: 31%;}
.energysmart-1 img				{width: 90%; height:auto;}
.column-1						{padding:20px 0; float:none; margin:0 auto; width:160px;}
.column-2						{padding:20px 0; float:none; margin:0 auto; width:160px;}
.column-3						{padding:20px 0; float:none; margin:0 auto; width:160px;}
.column-4						{padding:20px 0; float:none; margin:0 auto; width:160px;}
.column-last					{padding:20px 0; float:none; margin:0 auto; width:160px;}
.footer2						{ text-align:center;}
.footer2 small					{  font-size: 14px; float:none;}
.footer2 ul						{ float:none; display:inline-block; text-align:center; margin:20px 0 0 0;}
.footer2 ul li					{ float:none; display:inline-block;}
/* -------------------------inner1 here--------------------------------*/
.banner-text1					{left: 69px;}
.banner-text1 span				{ font-size:40px;}
.left-content					{ width:100%; float:none; margin:0 0 20px 0;}
.right-content					{ width:100%; float:none;}
.inner-wrap						{ padding:20px 0 0 0;}
.blue-arrow1					{  top: 57px;  left: 46%;}
.query							{ margin:20px 0;}
.right-link						{ text-align:center;}
.solar-panel					{ padding:15px 0 0 0;}
.content-1 > p					{ padding:10px 0 0 0; font-size:16px;}
.content-1 ul li a				{ padding: 10px 0 10px 30px;  font-size: 16px;}
.left-query small				{ font-size: 18px; padding:0 5px;}
.left-query strong				{ font-size:40px;}
.quote7							{ width: 180px; font-size: 16px;}
.quote6							{ width: 332px; font-size: 25px;  padding: 5px 0;}
.accordion-content > p			{ font-size:14px;}
/* -------------------------inner1 here--------------------------------*/
.banner-text1					{left: 69px; padding:10px;     width: 290px!important;}
.banner-text1 span				{ font-size:30px;}
.left-content					{ width:98%; float:none;}
.right-content					{ width:100%; float:none;}
.inner-wrap						{ padding:20px 0 0 0;}
.blue-arrow1					{  top:50px;  left: 46%;}
.query							{ margin:20px 0;}
.right-link						{ text-align:center;}
.solar-panel					{ padding:15px 0 0 0;}
.content-1 > p					{ padding:10px 0 0 0; font-size:16px;}
.content-1 ul li a				{ padding: 10px 0 10px 30px;  font-size: 16px; background: url("../images/accordion.png") no-repeat scroll 5px 12px rgba(0, 0, 0, 0);}
.content-1 ul li.minus a		{ background: url("../images/accordion-open.png") no-repeat scroll 5px 12px rgba(0, 0, 0, 0);}
.left-query small				{ font-size: 18px; padding:0 5px;}
.left-query strong				{ font-size:40px;}
.quote7							{ width: 180px; font-size: 16px;}
.quote6							{ width: 332px; font-size: 25px;  padding: 5px 0;}
.accordion-content > p			{ font-size:14px;}
.content-1 h4					{ font-size:22px;}
.footer-1						{ padding:20px 0;}
.column-1						{padding:0 0 20px 0; float:none; margin:0 auto; width:160px;}
.column-2						{padding:0 0 20px 0; float:none; margin:0 auto; width:160px;}
.column-3						{padding:0 0 20px 0; float:none; margin:0 auto; width:160px;}
.column-4						{padding:0 0 20px 0; float:none; margin:0 auto; width:160px;}
.column-last					{padding:0 0 20px 0; float:none; margin:0 auto; width:195px;}

/* -------------------------inner2 here--------------------------------*/
.blog-2 ul > li					{ width:100%;margin: 0 15px 0 0;}
.blog-2 img						{ height:auto;}
.blog-wrap-2					{ padding:10px;}
.blog-wrap-2 ul li				{ width:auto!important; margin:0!important;  background: url("../images/seperator.png") no-repeat scroll 1px 4px rgba(0, 0, 0, 0); padding: 5px 5px 0 10px;}
.blog-wrap-2 ul li:first-child	{padding: 5px 5px 0 0;}
.blog-wrap-2 h5					{ font-size: 18px;}
.right-link > img				{ width:auto!important;}
.subscribe-blog					{ margin:20px 0; padding:15px 0 15px 10px;}
.bottom-text					{ margin:15px 0 0 0;}
.blog-wrap > img				{ height:auto;}
.nxt_pages > img				{ width:100%;}
.blog-wrap-1					{ padding:15px;}
.person							{ font-size:13px;}
.time > strong					{ font-size:13px;}
.comment						{ font-size:13px;}
.viewer							{ font-size:13px;}
.blog-1 li						{ margin:0 0 5px 0;}
.blog-wrap-1 h4					{font-size: 24px;}
.blog-wrap-1 p					{ font-size:14px;}
/* -------------------------inner3here--------------------------------*/
.client-review-1				{padding:20px 10px 0 10px;  width:420px; margin:0 auto 10px; }
.shadow							{width:280px;}
.wrap-3 strong					{ font-size:26px;}
.yellow-arrow					{   width: 16%;right: 9px;top: 34px;height: auto;}
.emp-1 ul li					{  width:98%; float:none; margin:0 10px 0 0;}
.client-review-1 p				{ font-size:14px;}
.emp-1 p						{ font-size:14px;padding:0 0 5px 0;}
.solar-panal-info p				{ font-size:14px; padding:0 0 5px 0;}
.solar-panal-info h4			{ padding:4px 0; font-size:22px;}
.emp-1 span						{ font-size:16px;}
.query-1						{ font-size:16px;}
.wrap-3							{ margin:20px 0;}
.wrap-3 img						{ display:none;}
.wrap-4							{ width:100%;}
.wrap-3 small					{width: 93%;}
.banner-text1.inner3			{padding: 10px;}
.client-position-1				{ margin:0;}
.solar-panal-info				{ width: 98%; margin: 0 0 0 10px;}

.emp-1							{ width: 98%; margin: 0 0 0 10px;}

/* -------------------------inner4 here--------------------------------*/
.contact-details				{ float:none; margin:0 auto 20px; width: 300px;  padding: 10px; }
a.quote8						{  font-size: 16px;  width: 190px; margin:20px auto;}
.form-1 textarea				{ width:358px;}
.form-1 > ul > li				{ margin: 20px 0 0; float: none;}
.form-1							{ margin: 0 auto; width: 368px;}
.banner-text2					{   width: 300px; padding: 20px; top:0;}
.content-4 p					{ font-size:16px;}
.content-4						{ padding:0 0 0 10px;}
.banner-text2 span				{ font-size:30px;}
.address						{ padding:5px 0 0 0;}
.contact-details h4				{ font-size:25px;}
.address span					{ font-size:14px;}
.address strong					{ padding:0 0 5px 0;}


.liquid-slider					{min-height:350px;}
.banner-wrap					{ padding:100px 0 0 0;}
.ls-nav							{ position:relative;}
.banner-text					{ width:375px; padding:10px; float:none; margin:0 auto;}


.pageslider ul li img       {height:200px;}

.liquid-slider					{min-height:290px;}
.banner-wrap-home           {padding:80px 0 0 0;}
.nav ul li ul               { position: relative;background:none;padding:0; width:100%; opacity:1;}
.nav ul li ul li a          { color:#ffffff;}
.nav ul li ul li            {margin:0;padding:5px 0 0 0px;}
.nav ul li                  {padding:5px 0 0 10px;}

.nav > ul > li > a      {padding:0;}
.nav > ul > li:hover > a{background:none; border-radius:0px;}
}

@media only screen and (min-width:320px) and (max-width:479px) {
	
.top-header						{ display:none;}	
.mobile-icon					{ display:block; position:absolute;left:5px; top:59px;}
.nav 							{    z-index:9; background:red; height:auto!important;}
.nav  ul						{display:none; float:none; position:absolute;left:0; background:#5eb704; top:95px; width:100%; z-index:999;}
.nav  ul li						{ float:none; padding:10px 0 10px 10px;}

.nav ul li a					{font-size: 14px;}
.nav > ul > li:hover              {background:none; border-radius:0px;}
.nav ul li ul li:hover 			{background:none; }
.nav ul li ul 					{ }
.nav ul li ul li				{}
.nav  ul		   				{ }
.header-1						{ padding: 24px 0;}

h1								{ font-size:25px;}	
h2								{ font-size:20px;}	
h3								{ font-size:18px;}	
.container						{ width:98%;}
.wrap-1							{ width:98%;}
h2.resp-accordion				{ font-size:13px!important;}
.logo > img						{ width:100%; height:auto;}
.logo							{ width:140px;  margin: 0 auto 20px;display: block; float:none;}
a.quote							{ width: 125px; padding: 10px 0;  font-size:12px; margin:0 10px 0 0 ;}
.quote5							{    width:140px;font-size:14px;  padding: 10px 0;}
.banner-text					{ width:230px; padding:10px;float:none; margin:0 auto;}	
.banner-wrap					{ top:0; right:44px;}
.top-banner img.banner			{ min-height:300px;}
.banner-text span				{font-size:22px; line-height:30px; letter-spacing:0;}
.banner-text p					{ font-size:14px;}
a.quote2						{ width:135px;margin: 10px 0 0; font-size:11px;}
h2.resp-accordion:first-child	{ font-size:13px;}
.sticky-nav ul li				{ padding: 7px; width:46%;}
.sticky-nav ul li a				{font-size: 14px;}
.sticky-nav						{height:100px;}
.size ul li						{ margin:0 10px 10px 0;}
.property-age ul li				{ margin:0 10px 10px 0;}
.house-type						{ overflow:hidden;}
.quote-wrap1					{  width:95%; box-shadow:none;margin:20px auto 0; overflow:hidden;}
.quote-img						{  width:30%; margin:0 auto; display:none; float:none;}
ul.tabs							{ right:14px;}
.quote-wrap						{ width: 95%; padding: 20px; padding: 20px; float:none;}
.energysmart-2 h5				{ font-size:18px;}
.energysmart p					{ font-size:15px;}
.quote-img > img				{ width:100%;}
.energysmart-2 li				{ width:98%; display:block;   margin: 0 auto;}
.energysmart-2 img				{ width:100%; height:auto;}
.energysmart-wrap				{ width:98%; margin:0;}
.shadow							{left: 3px;bottom: -9px;}
.energysmart					{ padding:20px 0; width:98%;}
.solar-text						{width:250px; padding:15px;}
.solar-panel span				{font-size:28px; display:block;}
.solar-text li em				{  font-size: 16px;}
.solar-text li:first-child em	{ width: 174px;}
.solar-plant					{  width: 130px !important; margin: 0 auto; float:none;}
.solar-text ul					{ float:none; padding:5px 0 0 0;}
.solar-wrap						{ top:25px; }
.solar-text img					{ height:auto!important;}
.solar-panel img				{ height:300px;}
.client							{ float:none; display:inline-block; width:100%;}
.client li						{ float:none; display:block;  width:280px; margin:0 auto; padding:30px 0 0 0!important;}
.client li:last-child			{ padding:0;}
.client-review em				{font-size: 15px;}
.client-position img			{ padding:0; float:none; margin:0 auto;}
.client-position strong			{ font-size:15px;}
.client-position small			{ font-size:15px;}
.wrap-2 p						{ font-size:15px;}
a.quote3						{width:170px;font-size:14px; padding:10px 0; margin:15px auto 0;}
.quote-form						{ padding:25px 0;}
.form h3						{ font-size:25px;}
.form small						{ font-size:18px;}
.gray-line						{ padding:10px 0 0 0;}
.wrap-2							{ padding:20px 0; width:95%;}
.energysmart-3 h3				{ font-size:22px;}
.learn							{ width:100px; padding:10px; font-size:13px;}
.client-review					{width: 245px; padding:10px;}
.client-position				{ width:100%; margin:20px 0 0 0;}
.left-form						{ float:none; width:100%;}
.right-form						{ float:none; width:100%;}
.flexslider						{ width:100%; text-align:center; padding:30px 0 60px!important;}
.flex-control-nav				{ bottom:25px;}
.energysmart-3					{ padding:20px 0;}
.quote1							{ width:148px;   font-size:14px;    padding: 10px 0;float:none; margin:5px auto 0;}
.bottom-text h2					{ float:none; text-align:center;}
.energysmart-1 li				{ padding: 0 10px 0 0;  width:29%;}
.energysmart-1					{ padding:20px 0;}
.energysmart-1 img				{width: 90%; height:auto;}
.column-1						{padding:0 0 20px 0; float:none; margin:0 auto; width:160px;}
.column-2						{padding:0 0 20px 0; float:none; margin:0 auto; width:160px;}
.column-3						{padding:0 0 20px 0; float:none; margin:0 auto; width:160px;}
.column-4						{padding:0 0 20px 0; float:none; margin:0 auto; width:160px;}
.column-last					{padding:0 0 20px 0; float:none; margin:0 auto; width:195px;}
.footer2						{ text-align:center;}
.footer2 small					{  font-size: 14px; float:none;}
.footer2 ul						{ float:none; display:inline-block; text-align:center; margin:20px 0 0 0;}
.footer2 ul li					{ float:none; display:inline-block;}
.footer-1						{ padding:25px 0;}

/* -------------------------inner1 here--------------------------------*/
.banner-text1					{left: 69px; padding:10px;  width:235px!important;}
.banner-text1 span				{ font-size:25px;}
.left-content					{ width:98%; float:none; margin:0 0 20px 0;}
.right-content					{ width:100%; float:none;}
.inner-wrap						{ padding:20px 0 0 0;}
.blue-arrow1					{  top:44px;  left: 46%;}
.query							{ margin:20px 0; padding:10px;}
.right-link						{ text-align:center;}
.solar-panel					{ padding:15px 0 0 0;}
.content-1 > p					{ padding:10px 0 0 0; font-size:16px;}
.content-1 ul li a				{ padding: 10px 0 10px 30px;  font-size: 16px; background: url("../images/accordion.png") no-repeat scroll 5px 12px rgba(0, 0, 0, 0);}
.content-1 ul li.minus a		{ background: url("../images/accordion-open.png") no-repeat scroll 5px 12px rgba(0, 0, 0, 0);}
.left-query small				{ font-size:14px; padding:5px;}
.right-query					{ float:left;}
.left-query strong				{ font-size:28px;}
.quote7							{ width: 180px; font-size: 16px;}
.quote6							{ width: 332px; font-size: 25px;  padding: 5px 0;}
.accordion-content > p			{ font-size:14px;}
.content-1 h4					{ font-size:18px;}
.footer-1						{ padding:20px 0;}
.electricity-inner .sbHolder	{width: 270px !important;}
.inner-form textarea			{   width: 250px;}
.quote6							{width: 270px;}
.system-inner ul li				{ width: 128px;}
.inner-form						{    padding: 12px;}
.property-age-inner ul li		{ margin:0 10px 0 0 ; width:108px;}
.size-inner ul li				{ margin:0 10px 0 0;  width: 38px;}
.right-link						{ width:85%; margin:0 auto;}
.right-link img					{ width:100%; height:auto;}
.property-age-inner ul li:first-child{ width:50px;}

/* -------------------------inner2 here--------------------------------*/
.blog-2 ul > li					{ width:100%;margin: 0 15px 0 0;}
.blog-2 img						{ height:auto;}
.blog-wrap-2					{ padding:10px;}
.blog-wrap-2 ul li				{ width:auto!important; margin:0!important;  background: url("../images/seperator.png") no-repeat scroll 1px 4px rgba(0, 0, 0, 0); padding: 5px 5px 0 10px;}
.blog-wrap-2 ul li:first-child	{padding: 5px 5px 0 0;}
.blog-wrap-2 h5					{ font-size: 18px;}
.subscribe-blog					{ margin:20px 0; padding:15px 0 15px 10px;}
.bottom-text					{ margin:15px 0 0 0;}
.blog-wrap > img				{ height:auto;}
.nxt_pages > img				{ width:100%;}
.blog-wrap-1					{ padding:15px;}
.person							{ font-size:13px;}
.time > strong					{ font-size:13px;}
.comment						{ font-size:13px;}
.viewer							{ font-size:13px;}
.blog-1 li						{ margin:0 0 5px 0;}
.blog-wrap-1 h4					{font-size: 24px;}
.blog-wrap-1 p					{ font-size:14px;}
.blog-wrap-1 h4					{ font-size:16px;}
.subscribe-blog input[type="text"]	{width: 160px; height: 35px;  font-size: 12px;}
.subscribe-blog input[type="submit"]{height: 35px;  font-size: 12px;}


/* -------------------------inner3here--------------------------------*/
.client-review-1				{ padding: 20px 15px 0;    width: 268px; margin:0 auto 10px; }
.shadow							{width:280px;}
.wrap-3 strong					{ font-size:26px;}
.yellow-arrow					{   width: 16%;right: 9px;top: 34px;height: auto;}
.emp-1 ul li					{  width:98%; float:none; margin:0 10px 0 0;}
.client-review-1 p				{ font-size:14px;}
.emp-1 p						{ font-size:14px;padding:0 0 5px 0;}
.solar-panal-info p				{ font-size:14px; padding:0 0 5px 0;}
.solar-panal-info h4			{ padding:4px 0; font-size:22px;}
.emp-1 span						{ font-size:16px;}
.query-1						{ font-size:16px;}
.wrap-3							{ margin:20px 0;}
.wrap-3 img						{ display:none;}
.wrap-4							{ width:100%;}
.wrap-3 small					{width: 93%;}
.banner-text1.inner3			{padding: 10px;}
.client-position-1				{ margin:0;}
.solar-panal-info				{ width: 98%; margin: 0 0 0 10px;}
.emp-1 ul						{ float:none;}
.emp-1							{ width: 98%; margin: 0 0 0 10px;}


/* -------------------------inner4 here--------------------------------*/
.contact-details				{ float:none; margin:0 auto 20px; width:250px;  padding: 10px; }
a.quote8						{  font-size: 16px;  width: 190px; margin:20px auto;}
.form-1 textarea				{ width:274px;}
.form-1 > ul > li				{ margin: 20px 0 0; float: none;}
.form-1							{ margin: 0 auto; width: 275px;}
.banner-text2					{   width:215px; padding:8px; top:0;}
.content-4 p					{ font-size:16px;}
.content-4						{ padding:0 0 0 10px;}
.banner-text2 span				{ font-size:23px;}
.address						{ padding:5px 0 0 0;}
.contact-details h4				{ font-size:22px;}
.content-4 h4					{ font-size:22px;}
.address span					{ font-size:14px;}
.address strong					{ padding:0 0 5px 0; font-size: 16px;}
.form-1 input[type="text"]		{ width: 262px; height: 35px;}
.form-1 .sbHolder				{width: 274px;}


.liquid-slider					{min-height:300px;}
.banner-wrap					{ padding:20px 0 0 0;}
.ls-nav							{ position:relative;}
.pageslider ul li img           {height:160px;}


.liquid-slider				{min-height:290px;}
.banner-wrap-home           {padding:50px 0 0 0;}
.nav ul li ul               { position: relative;background:none;padding:0; width:100%; opacity:1;}
.nav ul li ul li a          { color:#ffffff;}
.nav ul li ul li            {margin:0;padding:5px 0 0 0px;}
.nav ul li                  {padding:5px 0 0 10px;}

.nav > ul > li > a      {padding:0;}
.nav > ul > li:hover > a{background:none; border-radius:0px;}
}