@charset "utf-8";
/* responsive */
@media screen and (max-width: 1440px){
.flexWrap {
	width:96%;
	}
.contactDetails h3 {font-size:42px;}
.rightArea .widget_search input[type="search"] {width:68%;}
/*--- innerpage2 ---*/
.fourBenefits ul li p{
	width:100%;
}
}
@media screen and (max-width: 1300px){
	.rightArea .widget_search input[type="search"] {width:100%; margin-bottom:5px;}
	h3.comment-reply-title {font-size:22px;}
	.headerInner .flexWrap:after {
		background-size: 100% auto;
		width:500px;
		height:550px;
	}
	.gcwrap {max-width:500px;}.bodyListPart ul li{padding-left:1%; padding-right:1%;}
	.blogInner ul li{padding-left:1%; padding-right:1%; padding-bottom:0; padding-top:30px;}
	.blogInner ul li img{width: 30%;}
	.blogInner ul li p{padding:0; line-height: 1.3;}
	.blogInner ul li h3{margin:10px 0; padding:0; line-height: 1.1;}
	/*--- innerpage2 ---*/
	.ServiceList img{
		float:none;
		width:auto;
		margin:0 0 20px;
		height:135px;
	}
	.ServiceInfo{
		float:none;
		width:90%;
		margin:0 auto;
		text-align:center;
	}
	.howWorks{
		padding-bottom:10px;
	}
	}
@media screen and (max-width: 1150px){
	.headerInner .flexWrap:after {
		width: 340px;
		height: 340px;
	}
	.gcwrap {max-width:100%; padding-left:25px; padding-right:25px;}
.headerInner .flexWrap {
	height:400px;
	padding-top: 180px;
	}
.headerArea h1 {
	width: 60%;
	font-size: 33px;
	line-height: 39px;
	padding: 20px 25px;
	}
.headerArea h1 span {
	font-size: 38px;
	line-height: 58px;
	padding: 2px 12px;
	left: 5%;
	}
h2 {font-size: 40px;}
.greenArea h2 {font-size:30px; line-height:38px;}
.formArea {width:40%}
.hostingArea h2, .ourWork h2 {font-size:42px;}
.articleSlide ul li {
	background:none;
	padding: 40px;
	}
.contactDetails h3, .hostingArea h2, .ourWork h2 {font-size: 34px;}
.bodyListPart ul li{
	padding-top:40px;
	padding-bottom:0;
}
.bodyListPart ul li img{height: 60px;
    margin-bottom: 15px;
    width: 40%;}
.blogInner ul li:last-child img{
	width: 26%;
}
/*--- innerpage2 ---*/
.fourBenefits ul{
	padding-bottom:0;
}
.fourBenefits ul li{
	width: 23%;
	margin-left:20px;
}
.fourBenefits ul li img{
	width:120px;
}
}
@media screen and (max-width: 1000px){
.headerArea h1 {
	font-size: 30px;
	line-height: 36px;
}
.threeBlocks ul li {padding: 0 25px;}
.threeBlocks ul li::before {
	position:static;
	margin-bottom:10px;
	}
h2 {font-size: 34px;}
.hostingArea h2, .ourWork h2 {font-size:34px;}
.hostingArea ul {padding-top:10px;}
p {font-size:15px;}
.formArea input[type="text"], .formArea input[type="tel"], .formArea input[type="email"] {
	float:none;
	padding:12px 15px;
	width:100%;
	}
.formArea textarea {height:120px;}
.formArea input[type="submit"] {padding:12px 30px;}

.innerPage h1 {font-size:28px;}
.innerPage h2 {font-size:24px; line-height:1.3;}
.innerPage h3 {font-size:20px; line-height:1.3;}
.innerPage h4 {font-size:17px;}
.innerPage h5 {font-size:15px;}
.innerPage .alignright, .innerPage .alignLeft, .innerPage .alignCenter {max-width:40%;}
.rightArea h2 {font-size:20px;}
.leftArea h2, .leftArea h1 {font-size:26px;}
.leftArea {width:60%;}
.rightArea {width:35%;}
.innerHeader h2{width:95%;}
.bodyListPart ul li h3{
	padding-bottom:15px;
}
/*--- innerpage2 ---*/
.bodyContent {
    padding: 65px 0 75px;
}
.fourBenefits ul li{
	width:45%;
	margin:0 0 10px 25px;
}
.fourBenefits h2{
	width:100%;
}
.privecyPage h1{
	font-size:32px;
}
.privecyPage p strong{
	font-size:16px;
}
}
@media screen and (max-width: 900px){
.topBar {height:74px;}
.logoArea {width:170px; padding-top:20px;}
.topRight {padding-top:12px;}
.headerInner .flexWrap {padding-top:160px; height:300px;}
.headerInner .flexWrap::after {
    width: 223px;
    height: 230px;
}
.headerArea h1 {
    font-size: 22px;
    line-height: 30px;
    padding: 10px 25px 10px;
}
.headerArea h1 span {
    font-size: 28px;
    line-height: 40px;
}
.downArWht, .downArGreen {
	background-size:cover;
	width: 56px;
	height: 66px;
	margin: 0 0 0 -28px;
	bottom: -33px;
	}
.downArWht {bottom:-28px;}
h2 {font-size: 30px; line-height:1.3;}
.hostingArea h2, .ourWork h2, .greenArea h2 {font-size:26px; line-height:1.3;}
.headerWrap .greenArea {padding: 15px 0 25px;}
.threeBlocks ul li {
	display:block;
	width:100%;
	border-width:0;
	padding:0 0 15px 70px;
	margin: 0;
	height: auto !important;
	}
.threeBlocks ul li h3 {padding-bottom:8px;}
.threeBlocks ul li::before {
	position:absolute;
	left:10px;
	top:6px;
	}
.threeBlocks {padding: 40px 0 20px;}
.punchLine {padding: 40px 0 30px;}
.contactArea {background:#333;}
.contactArea {background: #444;}
.contactArea::before {display:none;}
.formArea {
    width: 100%;
    max-width: 550px;
	margin:0 auto;
}
.contactArea h2, .contactArea p {
	color:#fff;
	text-align:center;
}
.formArea input[type="text"], .formArea input[type="tel"], .formArea input[type="email"], .formArea textarea {
	color:#fff;
	background: #666;
	border:1px solid #999;
	margin-bottom: 16px;
}
.fourBlock {background:none;}
.fourBlock ul li {
	width: 100%;
	float: none;
	padding: 30px;
}
.fourBlock ul li.itemOne {background:#269779;}
.fourBlock ul li.itemFour {background:#f7f7f7;}
.blogArea {
    padding: 30px 0;
    text-align: left;
}
.punchLine h1 {
    font-size: 20px;
    line-height: 28px;
}
.blogArea p {margin: 0 auto 20px;}
.articleSlide ul li {
	width:100%;
	display:block;
	margin:0 0 15px;
	padding: 25px 20px 0;
}
.articleSlide {padding-bottom:0;}
.articleSlide ul {padding-bottom:0;}
.contactSection .contInner, .contactSection {background:#269779;}
.contactSection .contactDetails {
    padding: 40px 50px;
    width: 100%;
    float: none;
    text-align: center;
}
.contactSection .contactDetails p {margin: 0 10%;}
.contactSection .contactDetails hr {margin:0 auto 20px;}
.hostingArea {padding:40px 0;}
.hostingArea ul li {width: 45%; padding-top: 8px;}
.hostingArea ul li hr {display:none;}
.ourWork {padding: 50px 0;}
.portfolio {padding: 25px 0;}
.moreBtn {
    padding: 10px 30px;
    font-size: 16px;
}
.threeBlocks ul li h3 {font-size:18px;}
.footerArea .copyright {font-size:14px;}
.footnav ul li {
    margin: 0 10px 0 0;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 15px;
}
.contactArea div.wpcf7-response-output {
	max-width: 550px;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	margin: 0px auto !important;
}
.bodyContent {padding:40px 26px;}
.bodyContent.innerpage{
	padding:40px 0;
}
.blockList li {width:30%;}
.footerLeft {width:62%}
.footerRight {padding-left:20px; width: 35%;}
.bodyListPart ul li {
    height: auto;
    padding: 30px 0 10px;
    width: 50%;
}
.bodyListPart ul li.lp-01{
	background:#f1f0f0;
}
.bodyListPart ul li.lp-02{
	background:inherit;
}
.bodyListPart ul li:last-child{
	width:100%;
}
.bodyListPart ul li img{
	width:auto;
}
.servicesPanel{height:auto;}
.blogPart{position:initial;}
.blogInner ul li{width:50%; padding-left:2%; padding-right:2%;}
.blogInner ul li img{width:auto;}
.blogInner ul li:last-child img{width:20%;}
.blogInner ul li.li-2{
	background:#0bbb8f;
}
.blogInner ul li.li-1{
	background:#4d5e5a;
}
.bodyBottomText{
	padding-top:40px;
}
.privecyPage h1{
	padding-top:20px;
}
}
@media screen and (max-width: 820px){
.areaLeft, .areaRight {float:none; width:100%;}
.areaRight {padding:20px 0; border-width:0;}
#custom_html-2 #twitter-widget-0 {height:350px !important;}
/*--- innerpage2 ---*/
.vediosPart h2, .howWorks h2{
	font-size:30px;
}
}
@media screen and (max-width: 767px){
.contactSection .contactDetails p {margin: 0 5%;}
.headerInner .flexWrap {
    background-size: 300px auto;
	padding-top: 145px;
}
h2 {font-size:26px;}
.hostingArea h2, .ourWork h2, .greenArea h2 {font-size:26px;}
.footerLeft {width:50%;}
.footerRight {padding-left:25px; width:47%;}
.social ul li {margin:0;}
.social ul li img {max-width:80%;}
.topRight li a.menuIcon {
    padding: 13px 0 13px 50px;
	text-indent:-1000000px;
}
.frame_half {
	float:none !important;
	width:100%;
	padding:0;
}
.blockList li {width:100%;}
.blockList li img {
	float:left;
	max-width:140px;
	margin: 0 25px 15px 0;
	}
.leftArea {width:100%; float:none;}
.rightArea {width:100%; float:none; margin-top:15px;}
.leftArea h2, .leftArea h1 {font-size:24px;}
.rightArea ul li {padding-bottom:3px;}
.rightArea .widget_search input[type="search"] {width:75%;}
.blogInner ul li{padding-top:50px;}
.blogInner ul li img {
    width: 20%;
}
.bodyTopText h2{
	font-size:20px;
}
.servicesPanel h2{
	font-size:25px;
}
.servicesPanel p{
	width:100%;
}
.bodyBottomText p{
	font-size:20px;
}
/*--- innerpage2 ---*/
.vediosPart h2, .howWorks h2, .fourBenefits h2{
	font-size: 26px;
	line-height: 36px;
}
.socialService{
	margin-top: 30px;
	padding-bottom:20px;
}
.ServiceList{
	margin-bottom: 20px;
}
.ServiceInfo h3{
	font-size:20px;
}
.fourBenefits{
	padding:40px 0;
}
.fourBenefits h2{
	padding-bottom:40px;
}
.howWorks{
	padding-top:40px;
}
.howWorks p{
	padding-bottom:30px;
}
.workList{
	width:100%;
	float:none;
}
.fourBenefits ul li img{
	width:100px;
}
.fourBenefits ul li h3{
	font-size:20px;
}
.innerHeader h2 br {display:none;}
}
@media screen and (max-width: 599px){
.topRight li {margin-left:8px;}
.topRight li.callus {padding-right:12px;}
.hostingArea ul li {
	width: 100%;
	display:block;
	margin:0;
}
.hostingArea ul li figure {
	width:20px;
	margin:0 10px 0 0;
	padding-top: 0;
}
.hostingArea ul p {padding-bottom:2px;}
.hostingArea h2, .hostingArea p {text-align:left;}
.hostingArea p {padding-bottom:8px;}
.headerInner .flexWrap {background-size: 230px auto;}
.headerArea h1 {
    font-size: 20px;
    line-height: 28px;
}
.innerHeader h2 {font-size:17px; bottom:-50px;}
.bodyContent.innerpage {padding-top:75px;}
.contactSection .contactDetails {padding: 40px 20px;}
.footerRight {padding-bottom:25px;}
.footerArea {padding:30px 0;}
.footerRight, .footerLeft {
	float:none;
	width:100%;
	padding:0;
	border-width:0;
	min-height:0;
	text-align:center;
}
.footerRight {padding-bottom:25px;}
.innerPage .alignright, .innerPage .alignLeft, .innerPage .alignCenter {
	float:none !important;
	margin:0 auto 20px;
	text-align:center;
	max-width:100%;
	}
.innerPage h1 {font-size:26px;}
.innerPage h2 {font-size:22px;}
.blockList li img {
	float:left;
	max-width:120px;
	margin: 0 25px 15px 0;
	}
p.call strong {font-weight:200%;}
.contLeft, .contRight {float:none; width:100%;}

/*--- innerpage2 ---*/
.vediosPart h2, .howWorks h2, .fourBenefits h2{
	font-size:25px;
	line-height:34px;
}
.ServiceList{
	width:100%;
}
.ServiceList img{
	height:auto;
	width:140px;
}
.fourBenefits ul li h3{
	padding-bottom:15px;
}
.fourBenefits ul li{
	width:100%;
	margin-left:0;
}
.workList ul li{
	padding-right:0;
	padding-left:35px;
}
.bodyListPart ul li .listin, .blogInner ul li .listin {padding: 20px;}
.privecyPage h1{
	padding-top:35px;
	font-size:30px;
}
}
@media screen and (max-width: 479px){
.headerInner .flexWrap::after {display:none;}
.headerArea h1 {width:100%; padding:15px;}
.topRight li.callus {display:none;}
.headerInner .flexWrap {padding-top:95px; padding-bottom:30px; height:auto;}
.headerArea h2.callus {
	display:block;
	background:rgba(0,76,56,.7);
	padding:5px 15px 7px;
	color:#fff;
	font-size:20px;
	line-height:1;
}
.headerArea h2.callus a {
	color:#95ffdb;
	font-weight:700;
	display:block;
	font-size:26px;
}
.threeBlocks {padding: 30px 0 20px;}
.formArea {padding: 40px 0 0px;}
.moreBtn {
	padding: 10px 20px;
	font-size: 14px;
	}
.contactDetails h3, .hostingArea h2, .ourWork h2 {font-size:24px;}
.navigation ul li a {
	padding: 10px 25px;
	font-size: 15px;
	}
.blogArea h2 {padding-bottom:12px;}
.threeBlocks ul li {padding-left:26px; padding-right:20px;}
.threeBlocks ul li::before {position:static;}
.blockList li img {
	float:left;
	max-width:90px;
	margin: 0 15px 10px 0;
	}
.callScroll {display:none !important;}
.blogArea {padding-top:0;}
.blogTop {padding:0 20px;}
.gcwrap {padding:0 15px;}
.hostingArea {padding:40px 15px;}
.innerHeader{height:165px;}
.bodyListPart .flexWrap{
	width:100%;
}
.bodyListPart{border-top:1px solid #d7d5d5;}
.bodyListPart ul li{width:100%; padding-left:20px; padding-right:20px;}
.bodyListPart ul li.deepgray{background:#f1f0f0 !important; border-top:1px solid #d7d5d5; border-bottom:1px solid #d7d5d5;}
.bodyListPart ul li.lp-01{background:none;}
.blogInner ul li{width:100%;height: auto; padding: 40px 2%;}
.blogInner ul li.green{
	background:#0bbb8f;
}
.blogInner ul li.gray{
	background:#4d5e5a;
}
.blogInner:last-child ul li.gray{
	background:#0bbb8f;
}
.blogInner:last-child ul li.green{
	background:#4d5e5a;
}
.blogInner ul li img {
    width: 15% !important;
}
.servicesPanel{
	padding-bottom:0;
}
.bodyBottomText p{
	font-size:18px;
}
/*--- innerpage2 ---*/
.ServiceInfo{
	width:96%;
}
.privecyPage h1{
	font-size:28px;
}
}