/* 1366 view*/
@media only screen and (max-width:1366px){
	.container { width: 1300px; }
	.footer-col { width: 308px; }
}
/* 1280 view*/
@media only screen and (max-width:1326px){
	.container { width: 1180px; }
	header nav { width: 59%; }
	.home header nav { width: 60%; }
	header .header-fixed nav { width: 62%; }
	.order-today { overflow: hidden;}
	.footer-right .gform_wrapper .ginput_container input { width: 305px !important; }
	.home header nav ul li:last-child { padding-right: 42px; }
	.footer-col,.footer-right { width: 280px; }
	/************** Blog page **************/
	.blog-contain { padding-top: 10px; }
	.blog-date,	.blog-btn { bottom: 24px; margin-bottom: 0; }
	/************** The-Cost page **************/
	.the-cost-benefit-section .col-right { padding-right: 73px; }
	/************** Blog Detail page **************/
	.leave-comment input { width: 270px; border-radius: 0; }
	.leave-comment input[type=submit],.leave-comment input[type=button] { font-size: 16px; }
	.leave-comment textarea { border-radius: 0; }
	/************** Order page **************/
	.contact-box { margin: 0 100px; }
	.contact-box .side-bar { width: 295px; }
	.col-right.order-form { padding: 57px 22px 0; } 
	/************** How it Works page **************/
	.page-template-tpl_howitworks .banner .main-tittle { padding: 72px 0 19px; }
	.page-template-tpl_howitworks .banner { background-position: 54% bottom !important; }
	.tabing-btn  > .container { width: 100%; }
	.tabing-btn ul li a { width: 210px; }

	.tabing .tabingBox:nth-child(2n+1) .tabing-conatain { padding-left: 85px; }
	.tabing span { padding-left: 0; }
	.tabing .tabingBox:nth-child(2n) .tabing-img { padding-left: 90px; }
	.tabing .tabingBox:nth-child(2n) .tabing-conatain { padding-right: 84px; }

	.left-side { width: 65%; }
	.right-sidebar { width: 32% ; }
	.page-template-tpl_thankyou .col-right { width: 100%; padding: 40px 60px; }

	.contact-number h3 { font-size: 30px; padding-top: 51px; }
	.contact-number .button { padding: 11px 25px 8px; font-size: 16px; margin-top: 50px; }

	.giving-back { background-size: auto 750px !important; }
	.giving-back .col-right { padding: 60px 0 39px 80px; }
	.giving-back .tittle-contain { width: 478px; }
}
/* iPad 1024 (Landscape) view*/
@media only screen and (max-width:1199px){
	.container { width: 920px; }

	/************** Home page **************/
	.home header nav ul li:last-child { padding-right: 2px; }
	.home .banner form { width: 100%;}
	.home .banner { padding-top: 297px;  padding-bottom: 10px; }
	.home .banner h1 { margin-bottom: 42px; }
	.green-bg .col-left { padding: 43px 0 100px; }
	.green-bg .tittle-contain h2 { margin-bottom: 47px; }
	.green-bg .tittle-contain p { margin:12px 0 55px; }
	
	.logo { width: 100px ; }
	.home header nav ul li, header nav ul li { padding: 0 10px; }
	.home header nav, header nav { width: 53% ; margin-right: 5px; }
	header .header-fixed nav { width: 53%;}
	.home header .header-fixed nav { width: 53%; }
	.home header nav ul li a, header nav ul li a { font-size: 14px; }
	.home .order a, .order a { padding: 11px 18px; letter-spacing: 0.5;}
	.home .top-right-link , .top-right-link { font-size: 12px; }
	.top-right-link { margin-top: 48px; }
	.scroll { padding-top: 38px; }
	.Outerbox { float: right; }
	.col-left { padding:75px 0px 130px; }
	.background-img-section { padding-bottom: 117px; background-position: 47% !important; }
	.background-img-section .col-left { padding-bottom: 100px; }
	.background-img-section .tittle-contain p { margin-bottom: 88px; }
	.green-bg { background-position: 57% center ; }
	.order-today { padding-bottom: 0; }
	.order-today .col-right { width: 64%; padding: 88px 0 88px 82px; }
	.order-today .tittle-contain { padding-right: 0; }
	.order-today-img { bottom: 0; }
	.order-today-img img { max-width: 374px; }
	.order-today .col-left { width: 36%; }
	.order-today-img { left: -40px; }
	.slick-dots { display: none !important; }
	.footer-col, .footer-right { width: 215px; }
	.footer-right ul { margin: 50px 7px 0; }
	.footer-right .gform_wrapper .ginput_container input { width: 158px !important; padding: 11px 15px 10px 15px;}
	.footer-right .gform_wrapper .errorfield .ginput_container input { width: 160px !important; }
	/************** Why page **************/
	.main-tittle { padding: 29px 0 77px; }
	.banner h1 { margin-bottom: 24px; }
	.benefits-img { max-width: 821px; margin-bottom: 0; }
	.benefits-contain { bottom: 128px; margin-top: 0; top: inherit; margin-bottom: -70px; }
	.benefits-box2 .benefits-contain { bottom: 180px; margin-bottom: -120px; }
	.benefits-box  { margin-bottom: 0; }
	.benefits-box2 .benefits-img { margin-bottom: 0; }
	.tittle-contain { width: 100%; }
	.saving { padding: 0 0 109px ; background-position: 300px top; }
	.saving .tittle-contain h2 { word-wrap:break-word; font-size: 76px; line-height: 76px; }
	.saving .col-left { padding: 0; margin-top: 109px; }
	.saving .col-right { padding: 0 0 0 62px; margin-top: 230px; }
	.saving .col-right img { max-width: 324px; }
	
	.page-template-tpl_whysfe .giving-back { background-color:  #fbf8f1 !important; background-position: bottom !important;}
	.giving-back .tittle-contain { width: 100%; }
	.giving-back .col-right { padding: 0; margin-top: 109px; }
	.giving-back { background-size: auto 500px !important; background-position: 24% bottom !important; }
	.testimonial .cycle-slide { padding: 0; margin: 0;}
	.testimonial-contain { width: 100%; }

	/************** Cost of Solar **************/
	.page-template-templatetpl_costofsolar-php .main-tittle { padding-top: 53px; padding-bottom: 76px; }
	.power-delivery-section h2 { line-height: 88px; }
	.power-delivery-section .col-left { padding: 0; }
	/************** FAQ **************/
	.page-template-tpl_faq .col-left { padding: 70px 0 42px;}
	.page-template-tpl_faq .intro-section h2 { padding-left: 0; }
	.page-template-tpl_faq .intro-section p { padding:19px 0 ;}
	.page-template-tpl_faq .intro-section { padding:158px 0 95px; }

	.faq { padding-top: 73px; }
	.faq-box { margin: 0 80px; }
	.conatin-box { margin-bottom: 10px; }
	.faq-box:nth-child(2n) {  margin-top: 80px; padding-top: 39px; }
	.faq-cta { padding-top: 98px; padding-bottom: 110px; }
	.faq-cta h3 { font-size: 50px; margin-bottom: 37px; }
	.contact-number { padding-bottom: 28px; }
	.contact-number h3 { font-size: 23px; padding-top: 41px; }
	.contact-number .button { margin-right: 0; margin-top: 35px; font-size: 14px; padding: 10px 17px; }
	.contact-number a { font-size: 31px; }
	/************** Blog page **************/
	.blog-contain { padding: 10px 20px 39px; }
	.blog-contain h3 {  margin-bottom: 10px; }
	.blog-post { margin-left: 0; }
	.blog-img { width: 40% ;}
	.blog-contain { width: 60% ; padding: 10px 20px 36px; }
	.full-content  { width: 100%; }
	.blog-contain h3 a { font-size: 28px; }
	.blog-contain h3 { line-height: 28px; padding-bottom: 25px; }
	.blog-contain p { font-size: 15px; line-height: 24px; }
	.blog-btn a { font-size: 14px; padding: 4px 18px; }
	.blog-date, .blog-btn { bottom: 15px; }
	.pagination { padding: 50px 0; }
	/************** The-Cost page **************/
	.power-delivery-section h2 { line-height: 80px; }
	.power-delivery-section .col-right { padding-left: 0; padding-top: 110px; }
	.power-delivery-section p { padding-right: 0; letter-spacing: 0; }
	.page-template-tpl_costofsolar .banner { padding-bottom: 118px; }
	.page-template-tpl_costofsolar .button { padding: 9px 30px; }

	.going-solar .col-left { padding: 62px 45px 130px 0; }
	.going-solar .col-right { padding: 80px 0 0; }
	.going-solar h2 { margin-bottom: 26px; }
	.going-solar span { padding-bottom: 11px; }
	.going-solar .button { margin-top: 10px; padding: 10px 24px; }

	.costsavingContent .tittle-contain{ width: auto; }
	.costsavingContent h2 { margin-bottom: 40px; }
	.costsavingContent p { padding-left: 0; }
	.costsavingContent { padding-bottom: 69px; }
	.costsavingContent .image { width: 50%; padding: 93px 0 27px 15px; }
	.costsavingContent .info { padding-left: 0; padding-top: 20px; width: 50%; }
	.costsavingContent .contentbox:nth-child(2n) .image { padding:98px 23px 0 0; }
	.costsavingContent .contentbox:nth-child(2n) .info { padding: 6px 7px 0; }
	.costsavingContent .contentbox:nth-child(2n) h2 { padding-top:40px; margin-bottom: 36px; }

	.the-cost-benefit-section { padding-top: 34px; padding-bottom: 134px; }
	.the-cost-benefit-section .col-right { width: 481px; padding-right: 0; }
	.the-cost-benefit-section h2 { letter-spacing: -2px; padding-bottom: 34px; }
	.the-cost-benefit-section p { padding-left: 11px; margin-bottom: 28px; }

	.environmental { padding: 199px 0 84px; }
	.environmental h2 { padding: 0 46px; }
	/************** Blog Detail page **************/
	.blog-box { margin: 49px 80px; }
	.blog-box h3 { margin: 20px 0; }
	.social-blog { margin-top: 40px; }
	.releted-top-link { margin: 52px 0 11px; }
	.releted-post { padding: 0 80px; }
	.leave-comment { padding: 60px 80px 0; }
	.leave-comment input { width: 230px; }
	.leave-comment .comment-form-author,.leave-comment .comment-form-email,.leave-comment .comment-form-author { width: 32%; }
	.leave-comment input[type="submit"], .leave-comment button { margin-bottom: 70px; }
	.leave-comment .comment-form-author:before,.leave-comment .comment-form-email:before,.leave-comment .comment-form-url:before { top: 1.5px; }
	.leave-comment input { font-size: 13px; }
	/************** Order page **************/
	.contact-box { margin: 0; }
	.col-right.order-form { padding: 57px 0 0; }
	.contact-box .side-bar { width: 270px; }
	.page-template-tpl_order .banner { padding-bottom: 59px; }
	.contact-contain { margin: 38px 6px 0px; text-align: center; }
	.page-template-tpl_order .banner  { background-position: center bottom !important; }
	.page-template-tpl_thankyou .col-right { width: 100%; padding: 40px 60px; }
	/************** How it Works page **************/
	.page-template-tpl_howitworks .banner .main-tittle { padding: 39px 0 19px; }
	.page-template-tpl_howitworks .banner .col-left { width: 55%; padding-bottom: 61px;}
	.page-template-tpl_howitworks .banner .main-tittle p { padding-right: 28px; }
	.page-template-tpl_howitworks .banner { background-position: 59% bottom !important; }
	.tabing-btn  > .container { width: 100%; padding: 0;}
	.tabing-btn ul li a { width: 167px; padding: 43px 5px; }
	.tabing .tabingBox:nth-child(2n+1) .tabing-conatain { padding: 94px 0 0 39px; }
	.tabing .tabingBox:nth-child(2n+1) .tabing-img { padding-left: 36px; }
	.tabing { padding:78px 0 50px; }
	.tabing span { float: right;  width: 85%; }
	.tabing h5 { line-height: 35px; clear: both; float: left; width: 100%; padding-top: 20px; }
	.tabing .tabingBox:nth-child(2n) .tabing-img { padding-left: 0; padding-top: 18px; }
	.tabing .tabingBox:nth-child(2n) .tabing-conatain { padding-right: 0; padding-top: 78px; }

	.tabing .tabingBox:nth-child(2n+1) .tabing-conatain span { width: 83%; }

	.search.search-results h1, .search.search-no-results .searchpage h1 {  font-size: 50px; line-height: 60px; }
	.page-template-default .contentbox h2 { font-size: 50px; }

	.midd-section { padding: 44px 0 0; }
}
/* iPad 768 (Porrtrait) view*/
@media only screen and (max-width: 1023px) {
	.container { width: 100%; padding: 0 15px; }

	/************** Home page **************/
	.logo img { max-width: 79px; }

	.header { transition:0; }
	header nav { display: none; }
	.banner { padding-top: 68px; }
	header .header-fixed { position: inherit; transition:0; }
	.header { position: inherit; }
	.home .logoscroll { display: block; }
	.home .logowhite, .top-right-link { display: none; }
	/****** Respsobsive Menu ******/
	#click-menu { top: 0 !important; right: 35%; color: #fff; background: #565857; border-radius: 30px; border-bottom: 2px solid #303030; padding: 12px 32px; font-size: 14px; text-transform: uppercase; font-weight: 700; margin-top: 40px !important;}
	#responsive-menu { background: none; box-shadow: none; margin-top: 107px; height: auto !important ; left: 10px; right: 10px; width: auto;}
	.menu-main-menu-container { background: #ffe531; }
	#responsive-menu .responsive-menu li a { white-space: inherit !important; height: auto !important; overflow: inherit!important; color: #565857 !important; font-size: 24px; border: 0 !important; padding: 25px !important; text-transform: uppercase; box-sizing:border-box; width: 100%; }
	#responsive-menu .responsive-menu { padding: 0; }
	#responsive-menu .responsive-menu li a:hover,#responsive-menu .responsive-menu li.current-menu-item > a, #responsive-menu .responsive-menu li.current-menu-item > .appendLink, #responsive-menu .responsive-menu li.current_page_item > a, #responsive-menu .responsive-menu li.current_page_item > .appendLink { background: #ffde25 !important; color: #565857 !important; }
	#responsive-menu .responsive-menu li.current-menu-item > a:hover, #responsive-menu .responsive-menu li.current-menu-item > .appendLink:hover, #responsive-menu .responsive-menu li.current_page_item > a:hover, #responsive-menu .responsive-menu li.current_page_item > .appendLink:hover { background: #ffe531 !important; color: #565857 !important; }
	.sub-menu { margin: 0; padding: 0; background: #fde854 !important; }
	#responsive-menu .responsive-menu li li a{ padding: 25px !important; box-sizing:border-box !important; width: 100% !important; }
    #responsive-menu .responsive-menu, #responsive-menu div, #responsive-menu .responsive-menu li { padding: 0 !important; margin: 0 !important; }
    #responsive-menu .appendLink { border: none  !important; padding: 25px 19px !important; background: #ffe531 !important; color: #565857 !important;}
    #responsive-menu .appendLink:hover { background: #ffde25 !important; color: #565857 !important; }
	.threeLines  { display: none !important; }

	.order, .home .order {  margin-right: 2px; margin-top: 27px; float: right;  }
	.order a, .home .order a {  text-transform: uppercase; font-weight: 700; background: #ffe547; margin-left: 0px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; padding: 13px 27px; letter-spacing:1.3px; color: #565756; border:none; border-bottom: 2px solid #c6b224;  }
	.order a:hover, .home .order a:hover { border-bottom: 2px solid #c6b224; }
	
	.home .banner { padding-top: 80px; }
	.home .banner form { width: 540px; padding: 35px 0 20px; margin: 37px auto 0; }
	.banner p { padding: 0 94px 20px; margin-bottom: 0; }
	.banner p > br { display: none; }
	.scroll { padding: 49px 0 52px; }

	.home .banner form input { margin-bottom: 12px; margin-right: 0; width: 270px; }
	.home .banner form input[type=submit],.home .banner form input[type=button] { margin: 12px auto 0; display: block; padding: 5px 21px 3px; }

	.infocontent { font-size: 17px; }
	.col-left { width: 100%; padding: 75px 81px 130px }
	.tittle-contain { width: 100%; }
	.green-bg { padding-top: 0; padding-bottom: 195px; }

	.col-right { width: 100%; }
	.green-bg { padding-bottom: 52px; }
	/*.green-bg .col-right.fr { float: none; margin: 0 auto; width: 390px; }*/
	.green-bg .col-left { padding: 52px 88px 94px; }
	.green-bg .tittle-contain p { margin: 12px 0 35px; }
	.background-img-section .tittle-contain h2 { padding-right: 0; }
	.background-img-section .col-left { padding: 57px 55px 60px; }
	.background-img-section .tittle-contain h2 { margin-bottom: 32px; }
	.background-img-section .tittle-contain p { margin-bottom: 30px; }
	.green-bg a { margin: auto; }

	.background-img-section { background-position:  84% bottom !important; background-size:  auto 641px !important; height: 860px; }
	.tittle-contain h2,.tittle-contain p { text-align: left; }
	.green-bg .tittle-contain h2{font-size: 65px; margin-bottom: 30px;}
	.tittle-contain { text-align: center; }
	.order-today { overflow: hidden; padding-bottom: 41px;}
	.order-today .col-left { padding-top: 54px; }
	.order-today .col-right { width: 100%; margin-bottom: 110px; padding: 0 76px; }
	.order-today .tittle-contain p { margin-bottom: 64px; }
	.order-today-img { bottom: -119px; left: -153px; }
	
	.slick-dots { display: block !important; }
	.partner .slick-dots li {  width: 20px !important; padding: 0;}

	.footer .container { padding: 0 40px; }
	.footer-col {  width: 202px; }
	.footer-right { width: 100%; margin-top: 50px; }
	.footer-right h6 { width: 20%; float: left; margin: 10px 0 ;}
	.footer-right form { width: 60%; float: left; }
	.footer-right ul li { vertical-align: top; }
	.footer-right .gform_wrapper .ginput_container input { width: 246px !important; }
	.footer-right .gform_wrapper .errorfield .ginput_container input { width: 247px !important; }
	.footer-right ul { float: left; width: 50%; margin: 0; text-align: left;}
	.copyright p { width: 100%; float: none; text-align: center; padding: 0; margin: 0; }
	.copyright ul { float: none; width: 100%; text-align: center; margin: 0; }
	.copyright { padding-bottom: 70px; }
	/************** Why page **************/
	.header { padding: 9px 0; }
	.page-template-tpl_whysfe .banner { padding-top: 59px; }
	.benefits-contain { margin-right: -318px; right: 50%; bottom: 97px;  margin-bottom: -30px;}
	.benefits-box { margin-top:0; }
	.benefits-box2 .benefits-contain { left: 50%; margin-left: -318px; float: none; bottom: 93px; margin-bottom: -22px; }
	.benefits-box2 .benefits-img { float: none; }

	.benefits-box2 { margin-bottom: 0px; }
	.saving .tittle-contain h2 { text-align: center; }
	.saving .col-left { padding: 0 30px; margin-top: 34px; }
	.saving { padding-left: 0; padding-bottom: 28px; background-image: none !important;}
	.saving span { padding-bottom: 16px; }
	.saving .col-right { padding: 0; text-align: center; margin-top: 0; }
	.saving .col-right img { max-width: 400px; margin:  0 auto; text-align: center; }
	ul.cycleslider2 { margin: 0 auto;  display: inline-block; }
	.page-template-tpl_whysfe .giving-back { background-position: left bottom !important;}
	.giving-back { background: #fff; padding-bottom: 262px; }
	.giving-back .col-right { margin-top: 30px; padding: 0 76px; }
	.giving-back .col-right h2 { text-align: center; margin-bottom: 14px; }
	.testimonial { padding: 27px 0 41px; }
	.partner { padding: 54px 0 78px; }

	/************** FAQ **************/
	.page-template-tpl_faq .col-left { padding: 85px 84px 42px 29px; }
	.page-template-tpl_faq .intro-section { padding:27px 0 78px; }
	.page-template-tpl_faq .intro-section h2 { margin-bottom: 37px; }
	.page-template-tpl_faq .intro-section p { padding: 19px 238px 19px 0; }
	.faq { padding-top: 60px; }
	.faq-box { margin: 0 41px; }
	.conatin-box { margin-bottom: 20px; }
	.faq-box h6 { line-height: 35px; margin-bottom: 19px; }
	.faq-box:nth-child(2n) { margin-top: 0; padding-top: 8px; }
	.faq-cta { padding-top: 60px; }
	.contact-number .button { padding: 6px 27px; font-size: 16px; }
	.contact-number h3 { padding-left: 0; font-size: 25px;}
	/************** Blog page **************/
	.blog .banner h1, .archive .banner h1 { font-size: 70px; }
	.blog .banner { padding-top: 0; }
	.blog-img { width: 100%; text-align: center;  }
	.blog-img img { width: 100% ;}
	.blog-contain { width: 100%; padding: 20px 20px 40px;}
	.blog-contain h3 { font-size: 28px; }
	.blog .banner ul, .archive .banner ul { margin-bottom: 50px; }
	/************** The-Cost page **************/ 
	.page-template-tpl_costofsolar .banner { padding-top: 21px; padding-bottom: 15px; }
	.page-template-templatetpl_costofsolar-php .main-tittle { padding-top: 0; padding-bottom: 12px; }
	.page-template-templatetpl_costofsolar-php .banner h1 { margin-bottom: 9px; }

	.power-delivery-section .col-left { width: 49%; padding: 4px 0 0 24px; text-align: left; }
	.power-delivery-section .col-right { padding-left: 0; padding-right: 40px; padding-top: 217px; width: 50%; }
	.power-delivery-section p { padding:0 0 19px 3px; }
	.power-delivery-section h2 { padding-bottom: 33px; }
	.power-delivery-section { text-align: center; }
	.power-delivery-section .button, .going-solar .button { display: none; }
	.button.buttonmobile { display: inline-block; background: #f68936; color: #fef39c; float: none; margin: 31px auto 0; max-width: 367px; text-align: center; width: 100%; }

	.going-solar .col-left { width: 50%; padding:130px 28px 0 16px; }
	.going-solar .col-right { width: 50%; padding: 9px 0 0 10px; }
	.going-solar span { text-align: left; }
	.going-solar p { margin-bottom: 10px; margin-top: 21px; }
	.going-solar { text-align: center; }
	.going-solar .button.buttonmobile { margin-bottom: 53px; margin-top: 57px; max-width: 397px; background: #ffe531; color: #a1c047; }
	
	.costsavingContent h2{ text-align: center; margin-bottom: 23px; }
	.costsavingContent { padding-top: 6px; padding-bottom: 96px; }
	.costsavingContent .info,.contentbox { padding: 0; }
	.costsavingContent p { padding-left: 33px; padding-right: 37px; }
	.costsavingContent .info,.costsavingContent .image { width: 100%;}
	.costsavingContent .image { padding: 20px 0 27px; text-align: center; }
	.costsavingContent .image img { max-width: 414px;}
	.costsavingContent .contentbox:nth-child(2n) .info { padding: 0 7px; }
	.costsavingContent .contentbox:nth-child(2n) h2 { margin-bottom: 22px; padding-top: 16px; }
	.costsavingContent .contentbox:nth-child(2n) .image { padding: 51px 0 0; }

	.the-cost-benefit-section .col-right { padding-right: 81px; width: 602px; }
	.the-cost-benefit-section h2 { padding-bottom: 0; }
	.the-cost-benefit-section { background-size: auto 363px !important; background-position:  58% bottom !important; height: 607px; }
	.environmental { padding: 65px 0 84px; }
	/************** Blog Detail page **************/
	.blog-detail  { padding-top: 0; }
	.blog-box { margin: 30px 40px; }
	.social-blog { margin-top: 20px; }
	.releted-top-link { margin: 30px 0 11px; }
	.releted-post { padding: 0 40px; }
	.leave-comment { padding: 60px 40px 0; }
	.leave-comment input { width: 100%; }
	.leave-comment .comment-form-author,.leave-comment .comment-form-email,.leave-comment .comment-form-url { width: 100%; }
	.leave-comment input[type="submit"], .leave-comment button { margin-bottom: 70px; }
	.blog-box p { font-size: 15px; line-height: 24px; }
	/************** Order page **************/
	.page-template-tpl_order .banner h1 { letter-spacing: -2px; }
	.page-template-tpl_order .main-tittle { padding-bottom: 0; padding-top: 31px; }
	.page-template-tpl_order .banner p { padding: 0 88px 30px; }
	.contact-box .side-bar { width: 100%; padding: 0 0 9px; }
	.contact-box .side-bar ul li { width: 29%; float: left; margin: 0 14px 0px; border: none;  }
	.contact-box .side-bar ul li p { padding-left: 10px; padding-right: 10px; padding-top: 13px;  }
	.contact-box .side-bar h6 { padding-top: 40px; }
	.contact-box .side-bar ul { margin: 18px 28px 0; }
	.col-right.order-form {  padding: 11px 56px 0; }
	.order-form .gform_wrapper .gform_footer input[type="submit"], .order-form .gform_wrapper .gform_footer button { margin-top: 0; }
	.contact-box { padding-bottom: 24px; }
	.contact-contain { margin: 32px 15px 59px; }
	.page-template-tpl_order .banner p { padding: 0 0 30px; }
	.page-template-tpl_order .gform_wrapper { max-width: 100%; }
	.gform_confirmation_message_2.gform_confirmation_message { padding: 15px 0 0; }
	/************** How it Works page **************/
	.page-template-tpl_howitworks .banner .main-tittle { padding: 30px 0 19px; }
	.page-template-tpl_howitworks .banner .main-tittle h2 { line-height: 80px; margin-bottom: 27px; }
	.page-template-tpl_howitworks .banner .main-tittle p { padding-left: 14px; margin-bottom: 12px; }
	.page-template-tpl_howitworks .banner { padding-top: 0;  background-position: 68% bottom !important; }
	.page-template-tpl_howitworks .banner .col-left { padding: 0; }

	.tabing-img img { width: 343px; height: 343px; }
	.tabing .tabingBox:nth-child(2n+1) .tabing-conatain { padding-left: 0; padding-top: 0; }
	.tabing span { width: 81%; position: inherit; }
	.tabing { padding-top: 102px; }
	.tabing p { padding-left: 0; }
	.tabing .tabingBox:nth-child(2n+1) .tabing-img { padding: 0; text-align: right; }
	.tabing .tabingBox:nth-child(2n+1) .tabing-conatain span  { width: 84%; }
	.tabing-btn ul li a { font-size: 12px; width: auto; padding: 30px 24.5px 29px 25px; }
	.tabing .tabingBox:nth-child(2n) .tabing-img { padding: 109px 0 108px 0px; }
	.tabing .tabingBox:nth-child(2n) .tabing-conatain { padding-top: 101px; padding-left: 20px; }

	.search.search-results h1, .search.search-no-results .searchpage h1 {  font-size: 40px; line-height: 50px; padding-top: 30px; padding-bottom: 15px; }
	.page-template-default .contentbox h2 { font-size: 40px; } 
	.page-template-tpl_howitworks .col-left p { width: 100%; }

	.contact-number { text-align: center; padding-bottom: 50px; }
	.contact-number .button { float: none; margin:  0; }
	.contact-number h3 { width: 100%; text-align: center; padding-bottom: 20px; }
	.page-template-tpl_order .contact-number { padding-bottom: 0; }
	.error404 .navbar, .search.search-results .navbar, .search.search-no-results .navbar, .page-template-default .navbar { padding-bottom: 0;}
	.search.search-results .contentbox { padding: 40px 0; }
	.search.search-results .article-footer { padding-bottom: 20px;}
	.error404 .centerd_box { padding: 50px 0 ; }

	.left-side { width: 100%; }
	.right-sidebar { width: 50% ; float: left;  }
	.right-sidebar .generic_sidebar.widget { padding: 25px;  margin-top: 15px; }
	.generic-page { padding-top: 30px;}
	.generic-page h2 { font-size: 50px; }
	.generic-page .col-left { padding: 50px; }
	.generic-page p  { font-size: 15px; }

	.page-template-tpl_thankyou .col-right { width: 100%; padding:15px 30px; } 
	.page-template-tpl_thankyou .col-right p { padding: 10px 0 ; }
	.page-template-tpl_thankyou .button { margin: 40px 0; }
	.page-template-tpl_thankyou .banner { background-position: inherit !important; }
	.home .banner #solarForm > img{display:none}
}
/* iPhone-6 plus 736 (Landscape) view */
@media only screen and (max-width: 767px) {
	body{border:none}
	h1,h2 { font-size: 70px; line-height: 70px; word-wrap: break-word;}
	h3 { font-size: 30px; }
	p { font-size: 15px; line-height: 24px; }
	.container { padding: 0 10px; }
	.button { padding: 10px 31px; }
	/****** Respsobsive Menu ******/
	#responsive-menu .responsive-menu li a { font-size: 21px; padding: 23px !important; }

	.home .banner { padding-top: 119px; padding-bottom: 0px; background-position: center center !important; }
	.home .banner h1 { margin-bottom: 59px; }
	.home .banner p { font-size: 15px; padding: 0 20px; line-height: 24px; }
	.green-bg .col-left { padding: 42px 18px 55px; }
	.green-bg .tittle-contain h2 { font-size: 60px; line-height: 60px; margin-bottom: 28px; text-align: center;}
	.green-bg .col-right.fr, .scroll { display: none; }
	/*.green-bg .tittle-contain p { margin: 12px 0 81px; }*/

	.banner .container { padding: 0; }
	.banner h6 { padding:  0 20px ; font-size: 24px; line-height: 36px; }
	.home .banner form { width: 100%; margin:75px 0 0; box-shadow: none; padding: 35px 0; }
	.home .banner form input { display: inherit; margin: 0 auto 12px; }
	.home .banner .chosen-container.chosen-container-single { margin: 7px 0; }
	.home .banner #solarForm > img { margin-bottom: 10px; }

	.green-bg { padding: 0; }
	.col-left { padding: 50px 14px 42px; }
	.background-img-section .col-left { padding:48px 0 0;}
	.background-img-section .tittle-contain h2 { font-size: 50px; line-height: 40px;text-align: center; margin-bottom: 20px;}
	.background-img-section .tittle-contain p { padding: 0 20px;  margin-bottom: 22px;}

	.order-today .tittle-contain h2 { text-align: center; font-size: 60px; line-height: 60px; }
	.tittle-contain h2 { line-height: 70px; }
	.order-today .col-right { padding-left: 0; padding-right: 0; margin-bottom: 200px; }
	.order-today-img { bottom: -136px; }
	.order-today .col-left { padding-top: 29px; }
	.order-today .tittle-contain p { padding: 0 20px;}
	.order-today-img { left: -141px; bottom:-173px; }
	.order-today-img img { max-width: 410px; }
	.order-today .tittle-contain h2 { margin-bottom: 25px; }
		
	.partner h3 { font-size: 50px; line-height: 50px; }

	.birdlogo { padding-top: 0; }
	.footer { padding: 35px 0 0; }
	.footer-col { width: 100%; margin-right: 0; margin-bottom: 15px;}
	.footer .container { padding: 0 30px; }
	.footer-right h6 { text-align: center; width: 100%; }
	.footer-right form { width: 100%; }
	.footer-right { margin-top: 15px; }
	.footer-right ul  { width: 100%; }
	ul.socialicon { width: 100%; text-align: center; margin-top: 40px; }
	.footer-right .gform_wrapper .ginput_container input { width: 504px !important; font-size: 17px; }
	.copyright ul { display: none; }
	.copyright { padding-bottom: 25px; }
	/************** Why page **************/
	.tittle-contain h2 { font-size: 50px; line-height: normal; }
	.page-template-templatetpl_whysfe-php h1 { font-size: 50px;line-height:50px }
	.page-template-templatetpl_whysfe-php .banner  { padding-top: 6px; }
	.page-template-templatetpl_whysfe-php .banner p { line-height: 23px; padding: 0 31px 30px; }
	.page-template-templatetpl_whysfe-php .main-tittle { padding-bottom: 3px; }
	.benefits-contain { position: inherit; margin: 0; left: 0; bottom: 0; text-align: center; padding: 50px 0; width: 100%;}
	.benefits .container {padding: 0; }
	.benefits { padding-bottom: 0; }
	.benefits-box2 .benefits-img { margin: 0; }
	.benefits-box { margin-bottom: 130px; }
	.benefits-box2 { margin-bottom: 136px; }
	.benefits-img { margin: 0; }
	.main-tittle ul{text-align:center; width: 100%;}
	
	.benefits-contain h2 { font-size: 50px; float: none; width: 100%; }
	.benefits-contain span { font-size: 25px;  line-height: 30px; letter-spacing: -0.05px; padding: 0 10px; }
	.contain-box > img { float: none; margin:5px 0; width: 100%; }
	.benefits-link { right: 50%; margin-right: -129px;  bottom: -83px; }
	.benefits-box2 .benefits-contain { left: 0; bottom: 0; padding: 40px 0 80px; width: 100%; margin: 0 0 0px; }
	.saving .col-right img { max-width: 270px; }
	.giving-back .col-right { padding: 0; }
	.giving-back .col-right { margin-top: 41px; }
	.cycle-pager { margin: 0; }
	.saving .col-left { margin-top: 34px; padding: 0 0px; }
	.saving .col-right { padding: 25px 0 30px; }
	.saving .col-left span ,.saving .col-left p { padding: 0 15px; }
	.saving .tittle-contain h2 { font-size: 50px; line-height: 55px; }
	.page-template-tpl_whysfe .giving-back { background-position: 0 bottom !important; background-size: auto 304px !important; }
	.giving-back .container { padding: 0 22px; }
	.testimonial { padding-top: 50px; }
	.testimonial-img { height: 86px; width: 86px; line-height: 6; }
	/************** FAQ **************/
	.intro-section { text-align: center; }
	.page-template-tpl_faq .intro-section h2 { font-size: 50px; line-height: 60px; margin-bottom: 30px;  }
	.page-template-tpl_faq .col-left { padding: 13px 14px 42px ; }
	.page-template-tpl_faq .intro-section p { padding: 0;  font-size: 17px; line-height: 28px; }
	.page-template-tpl_faq .intro-section {  background-position: 76% bottom !important; height: 793px; }
	.faq { padding-top: 9px; }
	.faq-box { margin: 0 18px; }
	.faq-box h3 { font-size: 40px; margin-bottom: 10px; }
	.faq-box h6 { font-size: 20px; line-height: 30px; margin-bottom: 0; padding-left: 65px !important; }
	.faq-box p { padding: 0; }
	.conatin-box { margin-bottom: 20px; }
	.faq-cta h3 { font-size: 40px; }
	.faq-box:nth-child(2n) { margin: 0; padding:25px 25px 0; }
	.page-template-tpl_faq .conatin-box h6:after { width: 50px; height: 50px; font-size: 16px; line-height: 3.2; }
	.contact-number { text-align: center; margin-bottom: 0; }
	.contact-number h3 { line-height: 32px; width: 100%;  text-align: center;  }
	.contact-number .button { float: none; margin: 0px; font-size: 18px; }
	.contact-number a { font-size: 24px; }
	/************** Blog page **************/
	.blog .banner h1, .archive .banner h1 { font-size: 50px; }
	.blg .banner,.archive .banner { padding-top: 0; }
	.blog .banner ul li a, .archive .banner ul li a { padding: 10px 12px; font-size: 15px;}
	.blog .banner ul li, .archive .banner ul li { margin: 10px 0; }
	.blog-contain { padding:20px 10px 39px; }
	.blog-btn { right: 10px; }
	/************** The-Cost page **************/
	.page-template-templatetpl_costofsolar-php .banner h1 { font-size: 50px; }
	.page-template-templatetpl_costofsolar-php .main-tittle { padding: 24px 38px 12px; }
	.page-template-templatetpl_costofsolar-php .main-tittle p { font-size: 15px;  padding: 0; }
	.power-delivery-section .col-left { width: 100%; text-align: center; padding: 24px 0 0; }
	.power-delivery-section .col-right { width: 100%; padding: 79px 15px 0; }
	.power-delivery-section h2 { font-size: 50px; line-height: 58px; padding-bottom: 22px; }
	.power-delivery-section p { font-size: 15px; padding: 0 23px 37px; }
	.button.buttonmobile { max-width: 238px; }
	.page-template-tpl_costofsolar .banner { padding-bottom: 96px; }

	.going-solar .col-left { width: 100%; padding: 64px 18px 0 12px; }
	.going-solar .col-right { width: 100%; padding: 0 ; }
	.going-solar h2,.going-solar p { text-align: center; }
	.going-solar h2 { margin-bottom: 5px; }
	.going-solar p { margin-top: 6px; padding: 0 20px; }
	.going-solar span { padding: 0 8px 11px; text-align: center; }
	.going-solar .button.buttonmobile { margin-bottom: 40px; margin-top: 37px; max-width: 240px; }

	.costsavingContent { padding-bottom: 83px; }
	.costsavingContent p { font-size: 15px; text-align: center; }
	.costsavingContent h2 { margin-bottom: 20px; margin-top: 41px; }
	.costsavingContent p { padding-left: 30px; padding-right: 30px; }
	.costsavingContent .image img { max-width: 100%; }
	.costsavingContent .image { padding: 0 14px 19px; }
	.costsavingContent .contentbox:nth-child(2n) h2 { padding-top: 0; margin-top: 0; }
	.costsavingContent .contentbox:nth-child(2n) .info p { padding: 0 18px; }
	.costsavingContent .contentbox:nth-child(2n) .image { padding: 0 30px; }

	.the-cost-benefit-section { padding-top: 37px; }
	.the-cost-benefit-section .col-right { width: 100%; padding-right: 0;  }
	.the-cost-benefit-section h2 { font-size: 50px; text-align: center; padding: 0 15px; line-height: 60px; margin-bottom: 17px; }
	.the-cost-benefit-section p { font-size: 17px; padding-left: 20px; margin-bottom: 42px; }
	.the-cost-benefit-section { background-position: 13% bottom !important; background-size: auto 290px !important; height: 699px; }
	
	.environmental h2 { font-size: 40px; line-height: 50px; padding: 0; margin-bottom: 36px;}
	.environmental { padding: 39px 10px 59px; }
	/************** Blog Detail page **************/
	.blog-box { margin:20px 0;}
	.blog-article a { padding-left: 32px; font-size: 14px; background-size: 20px; }
	.blog-box h3 { font-size: 30px;margin: 10px 0; }
	.social-blog { margin-top: 0; }
	.releted-post { padding: 0; }
	.releted-post ul li { width: 50%; padding: 15px;min-height:320px }
	.leave-comment { padding: 20px 0 0; }
	.leave-comment h6 { margin-bottom: 20px; }
	.releted-top-link a{ padding-right: 40px; background-size: 22px; }
	.thread-alt  { padding-left: 0; }
	/************** Order page **************/ 
	.page-template-tpl_order .main-tittle{ padding-top: 37px; padding-bottom: 30px;}
	.page-template-tpl_order .banner { padding-bottom: 15px; background-position: center bottom !important;}
	.page-template-tpl_order .banner h1 { font-size: 50px; line-height:50px}
	.page-template-tpl_order .banner p { padding: 0 5px 30px; }
	.order-form .gform_wrapper .top_label .gfield_error { width: 100%; }
	.contact-box .side-bar { display: none; }
	.col-right.order-form { padding: 55px 0 0; }
	.order-form li.halfwidth { width: 100%; }
	.order-form .gform_body ul li { margin: 6px 0 ; }
	.contact-box { padding-bottom: 0; }
	.contact-contain{ margin: 45px 15px 0px; }
	.gform_confirmation_message_2.gform_confirmation_message { padding: 0 0 50px; }
	/************** How it Works page **************/
	.page-template-tpl_howitworks .banner .col-left { width: 100%; }
	.page-template-tpl_howitworks .banner .main-tittle { padding: 47px 0 19px; }
	.page-template-tpl_howitworks .banner .main-tittle h2 { text-align: center; margin-bottom: 18px; }
	.page-template-tpl_howitworks .banner .main-tittle p { font-size: 15px; }
	.tabing-btn ul li a { font-size: 10px; width: 100%; padding: 21px 1px; }
	.tabing-btn ul li { width: 33.33%; }

	.tabing-conatain { width: 100%; text-align: center; }
	.tabing-img { width: 100% ; text-align: center; }
	.tabing-img img { width: 244px; height: 244px; }
	.tabing .tabingBox:nth-child(2n+1) .tabing-conatain span { width: 100%; }
	.tabing { padding-top: 18px; }
	.tabing span { width: 100% ; }
	.tabing p { padding: 0 22px; margin-bottom: 13px; }
	.tabing h5 { margin: 0; line-height: 33px;}
	.page-template-tpl_howitworks .banner { background-position: 72% bottom !important; background-size:auto 898px !important; height: 894px; }
	.page-template-tpl_howitworks .banner .main-tittle h2 { font-size: 50px; line-height: 55px; }
	.tabing .tabingBox:nth-child(2n) .tabing-conatain { padding:39px 20px 0; }
	.tabing .tabingBox:nth-child(2n) .tabing-conatain p { padding: 0; }
	.tabing .tabingBox:nth-child(2n) .tabing-conatain img { max-width: 68px; height: 68px; }
	.tabing .tabingBox:nth-child(2n) .tabing-conatain h5 { margin-bottom: 26px; }
	.tabing .tabingBox:nth-child(2n) .tabing-img { padding: 13px 0 45px; }
	.tabing { padding-bottom: 84px; }
	.tabing .tabingBox:nth-child(2n+1) .tabing-img { text-align: center; padding-top: 13px; }
	.tabing .tabingBox:nth-child(2n+1) .tabing-conatain h5 { margin-bottom: 26px; }

	/************** Other page **************/
	.search.search-results h1, .search.search-no-results .searchpage h1 {  font-size: 30px; line-height: 40px; }
	.search.search-no-results .contentbox { min-height: 300px; padding:30px 0; }
	.page-template-default .contentbox h2 { font-size: 50px; } {  font-size: 30px; }
	.releted-top-link {  margin: 9px 0 11px; }
	.error404 .centerd_box { padding: 40px 0 ; }

	.generic-page .col-left { padding: 20px; text-align: center; }
	.generic-page p  { font-size: 15px; }
	.right-sidebar { width: 100%; text-align: left; }

	.page-template-tpl_thankyou .col-right { width: 100%; padding:15px 30px; }
	.page-template-tpl_thankyou .main-tittle { padding-bottom: 30px; }
	
	#click-menu { top: 26px; margin-top: 31px !important;}
	
}
/* iPhone-6 667 (Landscape) view */
@media only screen and (max-width: 735px) {
	#click-menu { right: 39%; }
	.background-img-section { background-position: 81% bottom !important; height: 800px; background-size: auto 552px !important; }
	.footer-right .gform_wrapper .ginput_container input { width: 434px !important; }
}
/* iPhone-5 568 (Landscape) view */
@media only screen and (max-width: 666px) {
	#click-menu { right: 46%; margin-top: 31px !important; }
	.footer-right .gform_wrapper .ginput_container input { width: 340px !important; }
	.footer-right .gform_wrapper .errorfield .ginput_container input { width: 335px !important; }
	.background-img-section{height: 820px;}
}
/* iPhone-4 480 (Landscape) view */
@media only screen and (max-width: 567px) {
	/****** Respsobsive Menu ******/
	#click-menu { right: 18px; }
	/*.order, .home .order { margin-right: 75px; }*/
	.order, .home .order { display: none; }
	.footer-right .gform_wrapper .ginput_container input { width: 278px !important; }
	.footer-right .gform_wrapper input[type="submit"] { width: 116px; }
	.footer-right .gform_wrapper .errorfield .ginput_container input {  width: 277px !important; }
	.background-img-section{height: 880px; background-position: 70% bottom !important;}	
	.green-bg .tittle-contain h2{font-size: 50px;}
}
/* iPhone-6 plus 414 (Porrtrait) view */
@media only screen and (max-width: 479px) {
	.footer-right .gform_wrapper .ginput_container input { width: 216px !important; }
	.footer-right .gform_wrapper .errorfield .ginput_container input { width: 221px !important; }
	/************** other page **************/
	.page-template-default .contentbox { min-height: auto; }
	.green-bg .tittle-contain h2{font-size: 44px;}
	.order-today .tittle-contain h2{font-size: 50px;}
}
/* iPhone-6 375 (Porrtrait) view */
@media only screen and (max-width: 413px) {
	.footer-right .gform_wrapper .ginput_container input { width: 172px !important; }
	.footer-right .gform_wrapper .errorfield .ginput_container input { width: 179px !important; }
	.background-img-section { background-position: 68% bottom !important; height: 915px; }
	.blog-contain { /*padding-left: 5px;*/padding:20px }
	.blog-contain h3 { padding-bottom: 0px ;}
	.releted-top-link {  margin-top: 15px; }
	.contact-number .button  { font-size: 13px; }
	.background-img-section .tittle-contain h2{font-size: 40px; line-height: 30px;}

	.error404 input,.error404 input[type="submit"],.error404 input[type="button"],.error404 button { width: 100% ; margin-bottom: 12px; }
	.tabing-btn ul li a { letter-spacing: -0.01px; }

	.footer .container { padding: 0 20px; }

	.page-template-tpl_faq .intro-section { background-size: auto 445px !important; }
	.green-bg .tittle-contain h2, .order-today .tittle-contain h2{font-size: 33px; line-height: 30px; margin-bottom: 20px;}
	.green-bg .tittle-contain p{margin-bottom: 25px;}
}
/* iPhone-4 320 (Porrtrait) view */
@media only screen and (max-width: 374px) {

	#click-menu { font-size: 11px; padding: 9px 26px 7px; top: 39px;}
	.order, .home .order { margin: 15px 0; }
	.background-img-section .tittle-contain .button { padding: 10px 20px; }
	.order a, .home .order a  { font-size: 11px; padding: 9px 18px; }
	.releted-post ul li { width: 100%; margin-bottom: 20px; padding: 0; } 
	.footer-right .gform_wrapper .ginput_container input {  width: 148px !important; font-size: 14px; padding: 11px 8px 10px;}
	.footer-right .gform_wrapper .gform_footer input.button,.footer-right .gform_wrapper .gform_footer input[type="submit"] { font-size: 14px; }
	.footer-right .gform_wrapper input[type="submit"] { width: 104px; }
	.footer-right .gform_wrapper .errorfield .ginput_container input { width:148px !important; }
	.jssocials-share-link { padding: 0 8px; }
	.background-img-section{height: 925px;}
	.background-img-section .tittle-contain h2{font-size: 38px;}	
}