/*Globle css starts here*/
body{font: normal 12px/18px Arial,Helvetica,sans-serif; color: #676767; background:#ffffff url(../images/body-top-bg.png) repeat-x 0 0;}
input[type="submit"]{border: 0 none; cursor: pointer;}
input[type="text"],textarea{border: 0 none; -webkit-appearance:none;}
a {outline: 0 none; color: #fff;}
img{max-width: 100%;}
.clear {clear: both;display: block;font-size: 0; height: 0; line-height: 0; text-indent: -4000px;}
/*Globle css ends here*/

/*home page starts here*/
.container_12{max-width: 1000px; margin: 0 auto;}
#wrapper{width: 100%; float: left; background:url(../images/header-bg.png) no-repeat center top;}

#header{width: 100%; float: left;}
#logo{width: 20%; float: left; margin: 9px 0 0;}
.contactSec{width: 42%; float: right; padding: 10px 0 0;}
.quote{float: right; background: url(../images/qoute-icon.png) no-repeat right 0;background-size: 100% auto; font-size: 16px; color: #636363; text-transform: uppercase;  padding: 14px 3% 25px 16%; }
.quote:hover{background: url(../images/qoute-icon-hover.png) no-repeat right 0; background-size:100% auto;}
.phone{float: right; background: url(../images/phone-icon.png) no-repeat right 0;background-size: 100% auto; font-size: 16px; color: #636363; text-transform: uppercase;  padding: 14px 4% 25px 14%; margin: 0 2% 0 0;}
.phone:hover{background: url(../images/phone-icon-hover.png) no-repeat right 0; background-size:100% auto;}
.socials{float: right; clear: right; padding: 6px 2% 0 0;}
.twitter,.facebook{float: right; margin-left: 4px;}

#navigation{max-width: 1309px; width: 100%; min-height: 110px; margin: 0 auto; position: relative; top: -11px; background: url(../images/menu-bg.png) no-repeat center top;}
#menu-icon{display: none;}
.nav{width: 100%; min-height: 66px; float: left;}
.nav li {float: left; position: relative; padding-bottom: 12px !important;}
.nav li a{text-indent: -999px; display: block; overflow: hidden; line-height: 20px;}
.nav li.home{width: 14.5%; padding: 3.5% 0 0 0;}
.nav li.home a{  background: url(../images/home.png) no-repeat 68% center;}
.nav li.about{width: 11.8%; padding: 2.8% 0 0 0;}
.nav li.about a{  background: url(../images/about.png) no-repeat center center;}
.nav li.services{width: 13%; padding: 2.2% 0 0 0;}
.nav li.services a{  background: url(../images/services.png) no-repeat center center;}
.nav li.projects{width: 14%; padding: 2.0% 0 0 0;}
.nav li.projects a{  background: url(../images/project.png) no-repeat center center;}
.nav li.webdesign{width: 13.5%; padding: 2.1% 0 0 0;}
.nav li.webdesign a{  background: url(../images/webdesign.png) no-repeat center center;}
.nav li.contact{width: 13.5%; padding: 2.5% 0 0 0;}
.nav li.contact a{  background: url(../images/contact.png) no-repeat center center;}
.nav li.gallary{width: 16.5%; padding: 3.3% 0 0 0;}
.nav li.gallary a{  background: url(../images/templates.png) no-repeat center center;}

.nav li.home:hover a,.nav li.home.active a{  background: url(../images/home-hover.png) no-repeat 68% center;}
.nav li.about:hover a,.nav li.about.active a{  background: url(../images/about-hover.png) no-repeat center center;}
.nav li.services:hover a,.nav li.services.active a{  background: url(../images/services-hover.png) no-repeat center center;}
.nav li.projects:hover a,.nav li.projects.active a{  background: url(../images/project-hover.png) no-repeat center center;}
.nav li.webdesign:hover a,.nav li.webdesign.active a{  background: url(../images/webdesign-hover.png) no-repeat center center;}
.nav li.contact:hover a,.nav li.contact.active a{  background: url(../images/contact-hover.png) no-repeat center center;}
.nav li.gallary:hover a,.nav li.gallary.active a{  background: url(../images/templates-hover.png) no-repeat center center;}
.nav li.gallary .dropdownWrap{right: 0; left: auto;}

.dropdownWrap{width: 240px; position: absolute; left: 0; top: 100%; background: url(../images/dropdown-top.png) no-repeat center top; background-size: 101% auto; padding-top: 25px;  z-index: 9999;}
.dropdownInner{width: 100%; float: left; background: url(../images/dropdown-btm.png) no-repeat center bottom; padding-bottom: 25px;}
.dropdown{width: 100%; float: left;background: url(../images/dropdown-center.png) repeat-y center top;}
.dropdown li{width: 100%; padding: 0 0 17px; float: left; background: url(../images/shadow01.png) no-repeat center bottom; background-size: 100% auto; position: relative;}
.dropdown li a{padding: 0 0 0 18%; display: block; font: 16px/22px 'Trebuchet MS'; color: #676767; text-indent: 0 !important; background-image: none !important; text-shadow: 1px 1px #e4e4e4;}
.dropdown li:hover a{color: #f47526 !important;}
.dropdown li .dropdownWrap {left: 98%; top: 0px; display: none !important;}
.dropdown li .dropdownWrap li a{color: #676767 !important;}
.dropdown li:hover .dropdownWrap{display: block !important;;}
.dropdown li .dropdownWrap li:hover a{color: #f47526 !important;}

.slider1{width: 100%; float: left; position: relative;  margin-top: -36px; padding-bottom: 21px; background: url(../images/slider-shadow.png) no-repeat center bottom;}
.slider1 .shell{position: relative; overflow: hidden;}
.slider1 ul{width: 100%; float: left;}
.slider1 ul li{width: 100%; float: left;}
.sliderContent{width: 100%;float: left; position: relative;}
/*slider one starts here*/
.slider1 .flex-control-nav{bottom: 2px;width: 4%; right: 0px;}
.slider1 .flex-control-paging li a{background: url(../images/pager-bg.png) no-repeat 0 -18px; text-indent: -999px; overflow: hidden; display: block;}
.slider1 .flex-control-paging li a.flex-active{background-position: 0 0px;}
.slider{position: relative;}



.btnWrap{position: absolute; z-index: 999; top: 74%; left: 49%; display: block;  width: 23%;}
.btn {background:#fb9d24 url(../images/gradient01.png) repeat-x 0 0; font: 22px/28px 'Trebuchet MS'; color: #636363; text-shadow: 1px 1px #fff; float: left; width: 100%;}
.btn span{padding: 13px 15% 17px 12%; float: left;}
.btn em{padding: 14px 0 16px 4.5%; float: left; border-left: 1px solid #e4a451;}
.btn:hover {background:#ffc579 url(../images/gradient01-hover.png) repeat-x 0 0;}

.domainBox{width: 96%; margin: 13px 0 0 2%; padding: 13px 0 10px; float: left; background:#cccccc url(../images/gradient02.gif) repeat-x 0 0; position:relative;}
.domainBox label{font: 20px/27px 'Trebuchet MS'; color: #636363; text-shadow: 1px 1px #fff; float: left; padding: 12px 1.5% 0 4%;}
.domainBox input[type="text"]{width: 40.5%; height: 39px; float: left; border: 1px solid #fff; font: 14px/39px 'Arial'; color: #636363; padding: 0 10px;}
.domainBox input[type="submit"]{
	width: 23%;
	height: 40px;
	margin: 4px 0 0 6.5%;
	float: left;
	cursor: pointer;
	border: 1px solid #5b5b5b;
	border-top: 0 none;
	border-left: 0 none;
	background: #058516 url(../images/submit-btn01.png) no-repeat 0 0;
	background-color: transparent;
	background-size: 100% 100%;
	font: 17px/20px 'Trebuchet MS';
	color: #fff;
	position: relative;
	text-align: left;
}

.greenBtn {width: 23%; margin: 4px 0 0 6.5%;float: left; cursor: pointer; border: 1px solid #5b5b5b; border-top: 0 none; border-left: 0 none; background:#058516 url(../images/gradient03.gif) repeat-x 0 0; font: 17px/20px 'Trebuchet MS'; color: #fff; position:relative;}
.greenBtn span{padding: 11px 10% 10px 6%; float: left;}
.greenBtn em{padding: 9px 0 10px 6%;float: left; border-left: 1px solid #329022;}
.greenBtn:hover{background:#7ec43b url(../images/gradient03-hover.gif) repeat-x 0 0;}

#planSec{width: 100%; float: left; padding: 38px 0 0;}
#planSec h3 {font: bold 32px/35px 'Trebuchet MS'; color: #858585; padding-bottom: 28px;}
.planBox{width: 24%; margin-right: 1.3%; float: left; padding-bottom: 6px; background: #f3f3f3;}
.planBox .title{font: bold 24px/26px 'Trebuchet MS'; color: #fff; background:#02b0e6 url(../images/gradient04.gif) repeat-x 0 0; padding: 15px 0; display: block; border-bottom: 1px solid #7a7a7a; text-align: center; text-transform: uppercase;}
.planBox .greenBtn{width: 60%; float: none; display: inline-block; margin: 12px 0 0 20%; }
.planBox .greenBtn span{padding: 11px 14% 10px 15%;}
.planBox .greenBtn em{padding: 9px 0 10px 10%;}
.planInfo{width: 100%; float: left;}
.planInfo li{width: 100%; float: left; padding: 0 0 15px; text-align: center; background: url(../images/shadow01.png) no-repeat center bottom;}

.basic .planInfo .doller{font: bold 60px/66px 'Trebuchet MS'; color: #858585; padding: 0 0 0 23%; float: left;}
.basic .planInfo figure{padding: 6px 0 0 1px; float: left;}
.basic .planInfo .month{font: bold 16px/20px 'Trebuchet MS'; color: #858585; top: 59px;  position: relative;}


.standard .title{background:#048516 url(../images/gradient05.gif) repeat-x 0 0; border-bottom-color: #7a7a7a;}
.business .title{background:#ff7401 url(../images/gradient06.gif) repeat-x 0 0; border-bottom-color: #fff;}
.planBox:hover{background: #67b834;}
.planBox:hover .planInfo .doller,.planBox:hover .planInfo .month, .planBox:hover .planInfo span,.planBox:hover .planInfo strong,.planBox:hover .planInfo small,.planBox:hover .planList li,.planBox:hover .planList li small{color: #fff;}
.primium{margin-right: 0;}

.planInfo .doller{font: bold 60px/66px 'Trebuchet MS'; color: #858585; padding: 0 0 0 9%; float: left;}
.planInfo figure{padding: 6px 0 0 1px; float: left;}
.planInfo .month{font: bold 16px/20px 'Trebuchet MS'; color: #858585; top: 59px; right: 2%; position: relative;}
.planInfo span{font: 18px/28px 'Trebuchet MS'; color: #454545;}
.planInfo strong{font: bold 40px/32px 'Trebuchet MS'; color: #454545; padding-top: 4px; display: inline-block;}
.planInfo small{font: bold 28px/31px 'Trebuchet MS'; color: #454545; margin-left: 4%;}

.planList{width: 100%; float: left; padding: 5px 0 0;}
.planList li {width: 100%; float: left; background: url(../images/shadow02.png) no-repeat center bottom; font: 12px/24px 'Arial'; color: #454545; position:relative;}
.planList li span{float: left; padding-left: 9%;}
.planList li em{width: 10%; height: 19px; float: right; background: url(../images/ok.png) no-repeat 0 0; display: block; margin-right: 4%;}
.planList li small{font: 12px/18px 'Arial'; color: #454545; float: right; text-align: center; margin-right: 5%;}

#services{width: 100%; float: left; padding: 30px 0 17px; background: url(../images/shadow03.png) no-repeat center bottom; background-size: 100% auto;}
#services h3{font: bold 32px/35px 'Trebuchet MS'; color: #858585;}
.padd{padding: 9px 2% 0;}

.serviceList{width: 100%; float: left;padding-top: 24px; position:relative;}
.serviceList li{width: 32%; margin-right: 1.7%; padding-bottom: 15px; vertical-align: top; float:left; position:relative;}
.serviceList li.last{margin-right: 0;}
.serviceList li h4 {font: 22px/25px 'Trebuchet MS'; color: #f47526; padding-bottom: 12px;}
.serviceList li figure{float: left; width: 27.5%;}
.content{padding-top: 9px; position:relative; width: 72.5%; float:left;}
.content p {padding-bottom: 13px;}

.readMore {border: 1px solid #707070; border-top: 0 none; float: right; border-left: 0 none; background:#cdcdcd url(../images/read-more-gradient.gif) repeat-x 0 0; font: 14px/18px 'Arial'; color: #636363; text-shadow: 1px 1px #e9e9e9;display: inline-block; width: 61%;}
.readMore span{ padding: 9px 15% 8px 8.4%; float: left;}
.readMore em{padding: 6px 0 8px 4.5%; float: left; border-left: 1px solid #bebebe;}
.readMore:hover{background:#ededed url(../images/read-more-gradient-hover.gif) repeat-x 0 0;}

#scripSec{width: 100%; float: left; padding: 20px 0 29px; background: url(../images/shadow03.png) no-repeat center bottom; background-size: 100% auto;}
#scripSec h3 {font: 22px/25px 'Trebuchet MS'; color: #f47526; padding-bottom: 13px;}
.scriptList{width: 100%; float: left;}
.scriptList li{float: left; margin: 0 2.25%;}
.scriptList li.last{margin-right: 0;}

#about{width: 100%; float: left; padding: 30px 0 17px; background: url(../images/shadow03.png) no-repeat center bottom; background-size: 100% auto;}
.aboutCon{width:60%; margin-right:0px !important; margin-left: 0px !important; float:left !important}
.aboutCon h3{font: bold 32px/35px 'Trebuchet MS'; color: #858585; padding-bottom:2%;}

.aboutQuote{width:34%; margin-right: 0 !important; float:right !important; padding-bottom:2% !important; background:url(../images/about-bottom.png) no-repeat bottom; background-size: 100% auto; position:relative;}
.aboutQuoteBox{width:100%; margin-right: 0 !important; background:url(../images/about-top.png) no-repeat top center; background-size: 100% auto;}
.aboutQuote h4{width:100%; font:normal 28px/60px "Trebuchet MS"; color:#f5f3f3; text-align:center; text-shadow: 1px 1px #d9d6d6; padding-bottom:10px;}

.aboutContact .contactUs li{width: 91%; margin:0 4%;}
.aboutContact .contactUs li label{width: 91%;}
.aboutContact .contactUs li input[type="text"]{width: 91%;}
.aboutContact .contactUs li textarea{width: 91%;}
.aboutContact .contactUs li input.captcha[type="text"]{width: 37%;}
.aboutContact .contactUs li textarea{height: 60px;}
.aboutContact .contactUs li input[type="submit"]{width: 37%;margin: 10px 1% 0 0; clear: both; float: right;}

#servicesPage{width: 100%; float: left; padding: 30px 0 17px;}
#servicesPage h3{font: bold 32px/35px 'Trebuchet MS'; color: #858585;}
#servicesPage h2{font:bold 22px 'Trebuchet MS'; color: #858585;}

.servicesPageList{width: 100%; float: left;padding-top: 24px; position:relative;}
.servicesPageList li{width: 45%; margin-right: 1.7%; margin-bottom: 1.7%; padding-left:2%; padding-bottom: 15px; vertical-align: top; float:left; position:relative; background:url(../images/shadow02.png) no-repeat center bottom; background-size: 100% auto;}
.servicesPageList li.last{margin-right: 0;}
.servicesPageList li h4 {font: 22px/25px 'Trebuchet MS'; color: #078617; padding-bottom: 12px;}
.servicesPageList li figure{float: left; width: 27.5%;}
.content{padding-top: 9px; position:relative; width: 72.5%; float:left;}
.content p {padding-bottom: 13px;}
.servicesPageList li li{width:100%; background:url(../images/list-icon.png) no-repeat left top; padding:0 0 0 6%; margin:0px;}
.servicesPageList li li span{ color:#f47526;}

#project{width: 100%; float: left; padding: 30px 0 17px;}
#project h3{font: bold 32px/35px 'Trebuchet MS'; color: #858585; margin-bottom: 2%;}
#project .projectPage li{ width:230px; float:left; margin-right: 1.7%; margin-bottom: 1.7%;}
#project .projectPage li img{box-shadow: 3px 3px 2px #888888; margin-bottom: 1.7%;}
#project .projectPage p{ width:100%; margin:0 auto; text-align:center; padding:2% 0;}

#project .video li{
	width: 230px;
	float: left;
	margin-right: 1.7%;
	margin-bottom: 1.7%;
	margin-left: 1px;
}
#project .video li figure{border:#666 1px solid; border-radius:5px; margin-bottom: 1.7%;}
#project .video p{ width:100%; margin:0 auto; text-align:center; padding:2% 0;}

#webdesigner{width: 100%; float: left; padding: 30px 0 17px;}
#webdesigner h3{font: bold 32px/35px 'Trebuchet MS'; color: #858585;}
#webdesigner h2{font:bold 22px 'Trebuchet MS'; color: #858585;}

.webdesignerList{width: 100%; float: left;padding-top: 24px; position:relative;}
.webdesignerList li{width: 45%; margin-right: 1.7%; margin-bottom: 1.7%; padding-left:2%; padding-bottom: 15px; vertical-align: top; float:left; position:relative; background:url(../images/shadow02.png) no-repeat center bottom; background-size: 100% auto;}
.webdesignerList li.last{margin-right: 0;}
.webdesignerList li h4 {font: 22px/25px 'Trebuchet MS'; color: #078617; padding-bottom: 12px;}
.webdesignerList li figure{float: left; width: 27.5%;}
.content{padding-top: 9px; position:relative; width: 72.5%; float:left;}
.content p {padding-bottom: 13px;}
.webdesignerList li li{width:100%; background:url(../images/list-icon.png) no-repeat left top; padding:0 0 3% 6%; margin:0px; min-height:0;}
.webdesignerList li li span{ color:#f47526;}


.padd{padding: 9px 2% 0;}
.contactBox{width: 32.8%; margin-right: 0 !important; float: right !important}
.contactBox .block{width: 89%; padding: 0 3% 0 8%;}
.block{width: 86%; min-height: 300px; padding: 0 7%;float: left; background: url(../images/right-shadow.png) no-repeat right 0; position:relative;}
.block h4{font: 22px/25px 'Trebuchet MS'; color: #f47526; padding-bottom: 13px;}
.block h4 img {float: left; margin-right: 3.5%; vertical-align:bottom; top: -17px; position: relative;}

#footerWrap{width: 100%; float: left; background:#f2f2f2 url(../images/footer-bdr.gif) repeat-x 0 0; margin: 29px 0 0 0; }
#footer{width: 100%; float: left;position: relative; top: -9px;}
.newsletterWrap{width: 98%; float: left; margin: 0 0 0 1%; position:relative; background: url(../images/shadow04.png) no-repeat center bottom; padding-bottom: 22px; background-size: 100% auto;}
.newsletter{width: 99.8%; padding: 9px 0 9px; float: left;background:#cccccc url(../images/newsletter-gradient.gif) repeat-x center top; border: 1px solid #b5b5b5; position: relative;}
.newsletter strong{font: bold 20px/29px 'Trebuchet MS'; color: #545454; float: left; padding: 0 4.8% 0 1.7%;}
.newsletter label{float: left; line-height: 32px; padding-right: 0.6%;}
.newsletter input[type="text"]{width: 18.2%;height: 27px; padding: 0 5px; margin-right: 1.2%;float: left;background: #f0f0f0; border: 1px solid #9f9f9f; border-bottom: 0 none; border-right: 0 none;}
.newsletter input[type="submit"]{padding: 3px 1.3%;margin: 4px 0 0 1%; background: url(../images/gradient05.gif) repeat-x 0 0; line-height: 20px; color: #fff;text-align: center; position: relative;}
.newsletter input[type="submit"]:hover{background: url(../images/gradient05-hover.gif) repeat-x 0 -10px;}
.footerBtm{width: 100%; float: left; padding: 4px 0 0;  position:relative;}
.footerBtm article{margin-right: 2.5%; float: left; background: url(../images/left-shadow.png) no-repeat 0 0;}
.latestNwes{width: 34%;}
.company{width: 28.8%; margin-right: 1% !important;}
.contactBox{width: 32.8%; margin-right: 0 !important; float: right !important}
.contactBox .block{width: 89%; padding: 0 3% 0 8%;}
.block{width: 86%; min-height: 300px; padding: 0 7%;float: left; background: url(../images/right-shadow.png) no-repeat right 0; position:relative;}
.block h4{font: 22px/25px 'Trebuchet MS'; color: #f47526; padding-bottom: 13px;}
.block h4 img {float: left; margin-right: 3.5%; vertical-align:bottom; top: -17px; position: relative;}

.tweet{width: 100%; float: left;}
.tweet li {width: 100%; float: left; padding: 0 0 18px;}
.tweet li p{color: #000;}
.tweet li p a{color: #32cf00;}
.tweet li small{font-size: 11px; color: #000; display: block;}
.twitterback { 
   background: rgba(0,0,0,0.6);
}


.navList{width: 100%; float: left; position: relative; top: -10px;}
.navList li{width: 100%; float: left; background: url(../images/shadow02.png) no-repeat scroll center bottom;}
.navList li.last{background: none;}
.navList li a {font: 12px/32px 'Arial'; color: #000; padding: 0 0 0 6%; display: inline-block;}
.navList li:hover a{text-decoration: underline;}

.contactUs{width: 100%; float: left; margin-left:2%;}
.contactUs li{width: 100%; float: left;  padding-bottom: 9px;}
.contactUs li label{color: #000;  width: 20%;padding-left: 1%; float: left; line-height: 26px;}
.contactUs li label sup{font-style: normal; color: #ff0000;}
.contactUs li input[type="text"]{width: 65%; height: 25px; float: left; border: 1px solid #fff; font: 14px/25px 'Arial'; color: #636363; padding: 0 10px;}
.contactUs li input.captcha[type="text"]{width: 25%;}
.contactUs li input[type="submit"]{width: 41%; height: 33px;margin: 0 2% 0 0;background: url(../images/submit-btn.png) no-repeat 0 0; background-size: 100% auto; float: right; cursor: pointer;}
.contactUs li textarea {width: 65%; height: 56px; margin: 0; background: #f1f1f1; float: left; border: 1px solid #fff; font: 14px/18px 'Arial'; color: #636363; padding: 4px 10px; resize: none;}
.capthaText{float: left; margin: -7px 0 0 2%; position: relative;}
.refresh{float: left; margin: -2px 0 0 3%;  position: relative;}
/*.refresh{float: left; margin: -9px 0 0 3%;  position: relative;}*/
.contactUs li input[type="submit"]:hover {background: url(../images/submit-btn-hover.png) no-repeat 0 0; background-size:100% auto;}

.copyright{width: 50%; float: left; position: relative; top: -33px;}
.copyright p {color: #787878; padding: 0 0 0 2%;}
.copyright p a{color: #787878;}
/*inner Page start here*/
.bannerLeft{width: 38%; float: left; position: absolute; left: 6%; top: 25px; z-index: 99;}
.bannerLeft h2{font: bold 50px/52px 'Trebuchet MS'; color: #858585; padding-bottom: 17px;}
.bannerLeft h2 span{color: #f47526; padding-right: 4%;}
.bannerLeft p{font-size: 14px; line-height: 20px; color: #000; padding-left: 6px;}
.bannerLeft .greenBtn{width: 56%; margin: 21px 0 0 1.5%;}
.bannerLeft .greenBtn span{ padding-right: 6%;}

.bannerRight{
	width: 400px;
	float: left;
	position: absolute;
	right: 61px;
	top: 24px;
	z-index: 99;
	height: 254px;
}
.inner #services{padding: 9px 0 11px;}
.serviceList.padd{padding: 17px 0 0 0;}
.tabWrap{width: 100%; float: left; background: url(../images/shadow05.png) no-repeat center top; padding: 6px 0 0; margin-top: 6px; background-size: 100% auto;}
.tabSec{width: 100%; float: left; background: url(../images/shadow03.png) no-repeat center bottom; padding-bottom: 7px;  background-size: 100% auto;}
.tabTriger{width: 25%;float: left; background: #dadada; z-index: 3;}
.tabTriger li{width: 100%; padding-bottom: 2px;float: left; position: relative; background: url(../images/shadow02.png) no-repeat center bottom;}
.tabTriger li span {font: bold 32px/32px 'Trebuchet MS'; color: #078617; float: left; padding: 0 31% 0 13%;}
.tabTriger li small{width: 32px; height: 32px; display: block; text-indent: -999px; overflow: hidden; float: left;}
.tabTriger li em{width: 15px; height: 35px; background: url(../images/arrow03.png) no-repeat center center; position: absolute; top: 50%; margin-top: -17px; right: -15px;display: none; text-indent: -999px;  overflow: hidden;}
.tabTriger li .wrap{width: 100%;padding: 30px 0 28px;float: left;}
.tabTriger li:hover .wrap,.tabTriger li.active .wrap{background:#048416 url(../images/gradient07.gif) repeat-x 0 0;}
.tabTriger li:hover em,.tabTriger li.active em{display: block;}
.tabTriger li:hover span,.tabTriger li.active span{color: #fff; text-shadow: 2px 2px #164710;}

.tabTriger li.stepOne small{background: url(../images/step01.png) no-repeat center center;}
.tabTriger li.stepOne:hover small,.tabTriger li.stepOne.active small{background: url(../images/step01-hover.png) no-repeat center center;}
.tabTriger li.stepTwo small{background: url(../images/step02.png) no-repeat center center;}
.tabTriger li.stepTwo:hover small,.tabTriger li.stepTwo.active small{background: url(../images/step02-hover.png) no-repeat center center;}
.tabTriger li.stepThree{background-image: none; padding-bottom: 0;}
.tabTriger li.stepThree .wrap{padding-bottom: 30px;}
.tabTriger li.stepThree small{background: url(../images/step03.png) no-repeat center center;}
.tabTriger li.stepThree:hover small,.tabTriger li.stepThree.active small{background: url(../images/step03-hover.png) no-repeat center center;}
.tab{width: 75%; float: left; background:url(../images/shadow06.png) repeat-y 0 0;}
.tabInner{width: 100%; float: left; background:#c5f0cd url(../images/tab-main-bg.png) repeat-x 0 0;}
.tabContent{width: 100%; min-height: 276px; float: left;}


/*step One form start here*/

.form{width: 69%; float: left;padding: 24px 0 0 6.5%; position:relative;}
.form h4{font: 22px/25px 'Trebuchet MS'; color: #078617; padding: 0 0 11px;}
.form h4 strong{font-size: 26px; text-transform: uppercase; padding: 0 1%;}
.form h5{font: 22px/25px 'Trebuchet MS'; color: #078617; padding: 0 0 11px;}
.stylish-select .form .newListSelected{height: 30px;}
.stylish-select .form .selectedTxt{line-height: 29px; height: 29px; background-position: 98% 59%}
.stylish-select .form .newListSelected{width: 63%}
.form .contactUs li{padding-bottom: 1px;}
.form .contactUs li label{padding-left: 6%;width: 20.5%; line-height: 36px;}
.form .contactUs li input[type="text"]{height: 29px; width: 65%;}

.formRight{width: 23%; min-height: 276px;float: left; position: relative;}
.formRight p{padding-top: 13px;}
.formRight p span{color: #ff0000;}
.btnSec{width: 69%; float: right; position: absolute; right: 4%; bottom: 35px; text-align: center;}
.btnSec .greenBtn{width: 100%; margin: 0;}
.btnSec .greenBtn span{padding: 11px 10% 10px 15%;}
.btnSec .greenBtn em{padding: 9px 0 10px 12%;}
.btnSec .greenBtn.back{margin-top: 5px;}
.btnSec .greenBtn.back em{border-left: 0 none; border-right: 1px solid #329022; padding: 9px 8% 10px 12%;}
.btnSec .greenBtn.back span{padding: 11px 0% 10px 15%;}
/*step Two start here*/
.stepTwo .btnSec{bottom: 15px;}
.formTwo {width: 72%; padding: 13px 0 0 3.4%;}
.formTwo .contactUs li label{width: 42.5%;padding: 12px 0 0 2.5%; line-height: 14px;} 
.formTwo .contactUs li textarea{width: 40%; margin-top: 4px; height: 76px;}
.stylish-select .formTwo .newListSelected {width: 41%; margin-bottom: 7px;}

/*step Three start here*/
.tabContent h2{font: 22px/25px 'Trebuchet MS'; color: #078617; padding: 13px 0 0 3%;}
.formThree{width: 53.5%;padding: 24px 0 0 3.5%;}
.formThree.contactUs li{padding-bottom: 2px;}
.formThree .contactUs li label{width: 32.5%;}
.formThree .contactUs li input[type="text"]{width: 53%; height: 32px; line-height: 32px;}
.stepThirdSec .formRight{min-height: 237px; width: 41%;}
.stepThirdSec .btnSec{bottom: 13px;}
.stepThirdSec .btnSec .greenBtn{width: 49%; float: left; margin: 0;}
.stepThirdSec .btnSec{width: 81%; float: left; right: 0; left: 19%;}
.greenBtn.finish{background:#ff7501 url(../images/finish-btn-gradient.gif) repeat-x 0 0; float: right !important;}
.greenBtn.finish em{border-left-color: #e57d1d;}
.greenBtn.finish:hover{background:#ffa442 url(../images/finish-btn-gradient-hover.gif) repeat-x 0 0;}

/*contact Page start here*/
#generalInfo{width: 100%; float: left; padding: 17px 0 0;}
#generalInfo h3{font: bold 24px/26px 'Trebuchet MS'; color: #858585; padding-bottom: 36px;}
.generalContact{width: 48.8%; float: left; padding-left: 1.9%;}
.generalContact .contactUs li label {width: 17%; padding: 0; line-height: 35px;}
.generalContact .contactUs li input[type="text"]{width: 78.4%;height: 37px; line-height: 37px;}
.generalContact .contactUs li textarea {width: 78.4%; height: 138px;}
.generalContact .contactUs li input.captcha[type="text"]{width: 16%; margin: 4px 0 0; height: 27px; line-height: 27px;}
.generalContact .capthaText{margin: 0 0 0 3%;}
.generalContact .refresh{margin: -1px 0 0 1%;}
.generalContact .contactUs li input[type="submit"]{width: 33%; height: 36px; margin: 0; background: url(../images/send-btn.png) no-repeat 0 0; background-size:100% auto;}
.generalContact .contactUs li input[type="submit"]:hover{background: url(../images/send-btn-hover.png) no-repeat 0 0; background-size:100% auto;}
.generalContact .contactUs li.last{padding-bottom: 5px;}
.map{float: left; width: 45.2%; margin-left: 2%; border: 1px solid #fff;}
.flex-direction-nav{display: none;}

/*custom code for template pages and iframe page*/
.b-section .buttons { float: left; display: inline; width: 222px; margin-left: 20px; padding:15px;}
.b-section .buttons a { display: block; width: 222px; height: 39px; background:url(../images/service-page-btn.gif) no-repeat 0 0; text-align: center; line-height: 39px; font-size: 16px; color: #4a5461; font-weight: bold; text-shadow: #fff 0 1px 1px; text-decoration: none;   margin-bottom: 5px; }
.b-section .buttons a:hover { background-position: 0 bottom; color: #fff; text-shadow: 1px 1px 1px #4a5461; }

ul.customBullet { list-style: none outside none; }
ul.customBullet li { background:url(../images/custom-bullet.png) no-repeat 0 3px; padding-left: 30px; }
ul.customBullet li a { color: #5ab13e; text-decoration: underline; }
ul.customBullet li a:hover { text-decoration: none; }

.m-section { border-bottom: 1px dotted #ccc; padding-bottom: 20px; }
.m-section p { font-size: 14px; }
.m-section ul li { background: none; padding: 0; font-size: 13px; }
.m-section ul li strong {color: #222; }
.m-section ul li a {color: #5ab13e; text-decoration: underline; }
.m-section ul li a:hover { text-decoration: none; }

#container{
width:100%;
height:740px;
border:0.5px solid #F0F0F0;
overflow:hidden;
margin:auto;
}
#container iframe {
width:1270px;
height:740px;
margin-left:-215px;
margin-top:-5px;
border:0 solid;}

#subscribecontainer iframe {
width:1270px;
height:700px;
margin-left:-215px;
margin-top:-5px;
border:0 solid;}

@media only screen and (max-width: 1024px) {
}
/* ============================= */
/*============================= 
! Layout for ipad portrait  
============================= */
@media only screen and (max-width: 992px) {
    /*index page start here*/
    .contactSec{width: 60%; padding-right: 1%;}
    .quote{padding-right: 4%;}
    #navigation{background-size: 129% auto; background-position: center 3px;}
    /*banner btn start here*/ 
    .slider1{padding-bottom: 16px; background-size: 93% auto;}
    .bannerLeft{left: 3%; top: 15px;}
    .bannerLeft h2{font: bold 37px/37px 'Trebuchet MS';}
    padding-bottom{padding-bottom: 5px;}
    .bannerLeft p{font-size: 12px; line-height: 18px;}
    .bannerLeft .greenBtn{margin: 8px 0 0 1.5%; width: 70%;}
    .btnWrap{width: 21%; top: 79%;}
    .btn{font: 19px/20px 'Trebuchet MS';}
    .btn span{padding: 7px 6% 5px 4%;}
    .btn em{padding: 6px 0 6px 4.5%;}
    /*green btn start here*/ 
    .domainBox input[type="submit"]{
	margin: 1px 0 0 1.5%;
	width: 26%;
}
	.greenBtn{margin: 1px 0 0 1.5%; width: 26%;}
    .greenBtn span{padding: 11px 4% 10px 5%;}
    .greenBtn em{padding-left:3%;}
    #planSec{float: none; width: 98%; margin: 0 auto;}
    .planInfo .month,.basic .planInfo .month{top: 0; right: -30%;}
    .planBox .greenBtn{ margin: 12px 0 0 10%; width: 80%;}
    .planBox.basic{margin-left: .1%;}
    /***/
    #services{width: 98%; float: none; margin: 0 auto;}
    .serviceList li h4{font-size: 17px;}
    .readMore{width: 83%;}
    #scripSec h3{padding-left:1.8%}
    .scriptList li{margin: 0 1.2%;}

    #servicesPage{width: 98%; float: none; margin: 0 auto;}
    .servicesPageList li h4{font-size: 17px;}
	
    #about{width: 96%; float:none; margin: 0 auto;}
	/*.contactBox{padding: 0 7% 2% 7%;}*/
	.aboutCon{width:60%; margin-right: 0 !important; float:left !important}
	
	#project{width: 96%; float: none; margin: 0 auto;}
	#project h3{font: bold 32px/35px 'Trebuchet MS'; color: #858585; margin-bottom: 2%;}
	#project .projectPage li{ width:230px; float:left; margin-right: 1.7%; margin-bottom: 1.7%;}
     
	#webdesigner{width:96%; float:none; margin: 0 auto;}
	#webdesigner h3{font: bold 32px/35px 'Trebuchet MS'; color: #858585;}
	.webdesignerList li li{width:100%; background:url(../images/list-icon.png) no-repeat left top; padding:0 0 3% 10%; margin:0px; min-height:0;}
	.webdesignerList li li span{ color:#f47526;}
	
	.newsletterWrap{padding-bottom: 17px;}
    .newsletter strong{font-size: 16px; padding: 0 1.8% 0 1.7%;}
    .newsletter label{padding-right: 1%;}
    .newsletter input[type="text"]{width: 15%;}
    .newsletter input[type="submit"]{ margin: 2px 0 0 0.7%;padding: 3px 3%;}

    .footerBtm{width: 98%; float: none; margin: 0 auto; clear: both; padding-top: 15px;}
    .footerBtm article{margin-right: 1.9%;}
    .contactBox .block{padding: 0 7%;}
    .capthaText{margin: -7 0 0 2%; width: 105px;}
    .refresh{margin: -1px 0 0 3%;}
    /*inner page start here*/
    .form{ padding-left: 5%; width: 65%;}
    .form .contactUs li label{padding-left: 0; width: 28%;}
    .formRight{width: 30%;}
    .stepThirdSec .formRight{min-height: 223px;}

    .formTwo .contactUs li label{width: 31%;}
    .stylish-select .formTwo .newListSelected{width: 55%;}
    .stylish-select .form .contactUs .newListSelected{width: 68%;}
    .stylish-select .formTwo .contactUs .newListSelected{width: 65%;}
    .formTwo .contactUs li textarea{width: 62%; height: 64px;}
    .stepTwo .btnSec{right: 15%;}
    .tabWrap{padding-top: 3px;}
    .tabSec{padding-bottom: 3px;}

    /*third step start here*/
    .tabContent h2{font-size: 18px; line-height: 20px; padding-left: 10%;}
    .formThree{width: 51%;}
    .formThree .contactUs li label{width: 32%;}
    .formThree .contactUs li input[type="text"]{width: 60%;}
    .stepThirdSec .formRight{width: 41%;}
    .stepThirdSec .btnSec{left: 0; right: 6%; width: 100%;}
    /*contact section of footer*/
    .contactUs li label{width: 20%;}
    .contactUs li input[type="text"]{width: 60%;}
    .stylish-select .contactUs .newListSelected{width: 66%;}
    .contactUs li textarea{width: 60%;}

    /*contact page start here*/
    #generalInfo h3{padding-left: 1.9%;}
    .generalContact .contactUs li label{width: 20%;}
    .generalContact .contactUs li input[type="text"]{width: 73.4%;}
    .generalContact .contactUs li textarea{width: 73.4%;}
    .generalContact .contactUs li input.captcha[type="text"]{width: 37%;}
    .generalContact .contactUs li textarea{height: 60px;}
    .generalContact .contactUs li input[type="submit"]{width: 37%;margin: 10px 1% 0 0; clear: both; float: right;}


}
/* ============================= */
/* ! Layout for mobile(lanscape) version   */
/* ============================= */
@media only screen and (max-width: 767px) {

    body{background-position: 0 -160px;}
    #wrapper{background-size: 100% auto;}
    .contactSec{margin-top: 18px;}
    .socials{padding: 15px 2% 0 0;}
    .phone{display: none;}
    #logo{width: 30%;margin: 3px 0 0 1%;}
    .slider1{padding-bottom: 10px; background-size: 100% auto;}
    .contactSec{width:67%;}
	iframe {display:none;}
	 #container{background-image:url(../images/tutorial-mobile.jpg); width:50%; height:100px; background-repeat:no-repeat; text-align:center;}
    .quote{font-size: 11px; line-height: 14px; padding: 12px 5% 20px 17%; overflow: hidden;}
    .phone{font-size: 13px; line-height: 14px; padding: 10px 5% 20px 12%;}

    #menu-icon{display: block; font-size: 20px; line-height: 20px; background:#ecebeb url(../images/menu-icon.png) no-repeat 10px center;border: 1px solid #666666; border-radius: 5px; color: #000000;cursor: pointer;  display: block;  height: 30px;padding: 5px 10px 0 40px; width: 50px; margin-left: 6%;} 

    #navigation {position: relative; width: 180px; min-height: 40px; margin: -16px 0 10px; background: none; overflow: visible !important;}
    #navigation .nav  {width: 180px; display: none; margin-left: 2%;background: #78e160; z-index: 999; border: 1px solid #666666; position: absolute; left: 4.5%; top: 100%;}
    #navigation .nav li {width: 100%;margin: 7px 0;padding: 0 !important;list-style: none;float: none; display: block;}
    #navigation .nav a {padding: 5px 5px 5px 32px;text-align: left; color: #000;text-decoration: none;color: #fff;line-height: 100%; text-indent: 0; display: block; overflow: visible; background: none !important;}
    #navigation .nav li:hover a{text-decoration: underline;}

    /*sub menu start here*/
    .dropdownWrap{background: none; background: #c2c2c2; border-top: 1px solid #fff; border-bottom: 1px solid #fff; left: 0%; top: 100%; width: 99.98%; padding: 0;}
    .dropdownInner{background: none; padding: 0;}
    .dropdown{background: none;}
    .dropdown li{background: none;}
    .dropdown li a{text-decoration: none !important; text-shadow: none; font-size: 12px;}
    .dropdown li:hover a{text-decoration: underline;}
    .dropdown li .dropdownWrap{background: #f3f3f3; border-top: 1px solid #fff; border-bottom: 1px solid #666666; left: 0; top: 100%;}
    /*slider*/
    .btnWrap{left: 42%; top: 75%; width: 25%;}
    .btnWrap .btn{font-size: 13px; line-height: 15px;}
    .btnWrap .btn span{padding: 5px 6%;}
    .btnWrap .btn em {padding: 2px 0 3px 2.5%;}
    .slider1 .flex-control-nav{right: 4px;}
    .slider1{display: none;}
    /*domain box starts here*/
    .domainBox{margin-bottom: 25px;}
    .domainBox input[type="text"]{width: 53%;}
    .stylish-select .domainBox .newListSelected{width: 17%;}
    .domainBox .greenBtn,.domainBox input[type="submit"]{width: 42%; float: right; margin: 10px -21% 0 0; position: relative; right: 50%;}

    /*plan box starts here*/
    .planBox{width: 100%; float: left; margin: 0 !important; margin-bottom: 15px !important; }
    .planList li{padding: 3px 0 6px; background-size: 100% auto;}
    .planList li small{margin-right: 11%;}
    .planInfo li{padding: 0 0 20px;background-size: 100% auto;}
    .planInfo small{margin-left: 1%;}
    .planInfo .month{right: 8%;top: 62px;}
    .basic .planInfo .month{right: 15%; top: 62px;}
    .planInfo .doller{padding-left: 37%;}
    .basic .planInfo .doller{padding-left: 40%;}
    .planBox .greenBtn{ margin: 12px 0 0 -17%; width: 34%; position: relative; left: 50%;}
    /*services section start here*/
    #services h3{padding-left: 2%;}
    .padd{font-size: 15px; line-height: 14px;}
    .serviceList li{width: 100%; float: left; margin: 0;}
    .readMore{width: 42%;}
    .readMore em{padding: 7px 0 6px 4.5%;}
    .scriptList li{  margin: 0 9.6%; margin-bottom: 5px;}
    .newsletterWrap{padding-bottom: 10px;}
    .newsletter{padding: 4px 0 9px;}
    .newsletter strong{float: none; clear: both; text-align: center; display: block; padding-bottom: 4px;}
    .newsletter label{line-height: 27px; padding: 0 3%;}
    .newsletter input[type="text"]{width: 23.5%; height: 25px;line-height: 25px;}

     #about h3{padding-left: 2%;}
	 #about article{width: 100% !important;float: left; margin: 0;background-size: auto 100%;}
	.contactBox{padding: 1 7% 2% 7%;}
	 .aboutCon{width:auto; margin-right: 0 !important; float:left !important}
	 .aboutQuoteBox{ padding-bottom:6%;}
	.aboutQuote h4{width:100%; font:normal 28px/60px "Trebuchet MS"; color:#f5f3f3; text-align:center; text-shadow: 1px 1px #d9d6d6; padding-bottom:10px;}
	 
	#project{width: 96%; float: none; margin: 0 auto;}
	#project h3{font: bold 32px/35px 'Trebuchet MS'; color: #858585; margin-bottom: 2%;}
	#project .projectPage li{ width:230px; float:left; margin-right: 1.7%; margin-bottom: 1.7%;}
	 
	#webdesigner{width: 96%; float: none; margin: 0 auto}
	#webdesigner h3{font: bold 32px/35px 'Trebuchet MS'; color: #858585;}
	
	.webdesignerList li li{width:100%; background:url(../images/list-icon.png) no-repeat left top; padding:0 0 3% 10%; margin:0px; min-height:0;}
	.webdesignerList li li span{ color:#f47526;}
	 
    .footerBtm article{width: 100% !important;float: left; margin: 0;background-size: auto 100%;}
    .block{min-height:100px; background-size: auto 100%; margin-bottom: 10px;}
    .stylish-select .contactUs .newListSelected{width: 67.5%;}
    .copyright{top: 0;}
    .contactUs li input[type="submit"]{width: 27%;margin: 2% 6% 0 0;}
    .contactBox .block{width: 93%;}
    /*.contactUs li input.captcha[type="text"]{width: 38%;}
    .capthaText{width: 80px;}
    .capthaText img{max-width: 99%;}
	.contactUs li input[type="text"]{width: 40%; height: 25px; float: left; border: 1px solid #fff; font: 14px/25px 'Arial'; color: #636363; padding: 0 10px;}*/
    .contactUs li input.captcha[type="text"]{width: 20%; margin-top:0%;}

    /*contact page start here*/
    .generalContact{width: 96%; float: left; padding: 0 2%;  margin-bottom: 20px;}
    .map{width: 94%; float: none; margin: 0 auto; clear: both;}
    .generalContact .contactUs li label{width: 21%;}
    .generalContact .contactUs li input.captcha[type="text"]{height: 37px;line-height: 37px;}
    .generalContact .capthaText{ margin-top: 7px; width: 19%;}
    .generalContact .refresh{margin: 10px 0 0 8%;}
    .generalContact .contactUs li input[type="submit"]{width: 35%;}

    /*inner page start here*/
    .bannerLeft{top: 15px; left: 2%; width: 50%;}
    .bannerLeft h2{font-size: 20px; line-height: 22px; padding-bottom: 4px;}
    .bannerLeft p{font-size: 10px; line-height: 12px;}
    .bannerLeft .greenBtn{margin: 6px 0 0 1.5%; width: 70%; font: 14px/17px 'Trebuchet MS';}
    .bannerLeft .greenBtn span{padding: 4px 4%;}
    .bannerLeft .greenBtn em{padding: 2px 0 2px 3%;}
    .bannerRight{width: 40%; right: 3%;}
    .formRight p{font-size: 11px; line-height: 15px;}

    .tabTriger li span{ padding: 0 13% 0 10%; font: bold 22px/24px 'Trebuchet MS';}
    .tabTriger li small{width: 25px; height: 25px; background-size: 100% auto !important;}

    .form{width: 95%;}
    .form .contactUs li input[type="text"]{width: 50%;}
    .stylish-select .form .newListSelected{width: 54%;}
    .form .contactUs li label{width: 39%;}
    .formRight{width: 100%; min-height: 80px;}
    .formRight p{padding-left: 4%;}
    .btnSec{bottom: 10px;}
    .tabWrap{padding-bottom: 3px;}
    .btnSec .greenBtn{width: 38%; margin-right: 3%; float: right; font: 13px/16px 'Trebuchet MS'; clear: both;}
    .btnSec .greenBtn span{padding: 8px 11% 5px 12%;}
    .btnSec .greenBtn em {padding: 5px 0 5px 6%;}
    .tabTriger{min-height: 385px; background: #DADADA; background-image: none;}
    .tabContent{min-height: 385px;}
    .stepTwo .btnSec{bottom: 5px; position: relative; margin-top: 15px;}
    .btnSec .greenBtn.back span{padding: 8px 7% 4px 10%;}
    .btnSec .greenBtn.back em{padding: 4px 5px 3px 10%;}
    .stepThirdSec .formRight{width: 100%;}
    .stepThirdSec .btnSec{bottom: 100px;}
    .stepThirdSec .btnSec .greenBtn{clear: none; width: 28%; margin-left: 37%;}
    .stepThirdSec .greenBtn.finish{margin-right: 4%; margin-left: 0;}
    .stepThirdSec .formRight{min-height: 139px;}
    .stepThirdSec .btnSec .greenBtn.back em{padding: 6px 8px 4px 10%;}
    .stepThirdSec .btnSec .greenBtn.back span{padding: 8px 7% 4px 10%;}
    .stylish-select .form .contactUs .newListSelected{width: 54%;}
    .stylish-select .contactUs .newListSelected{width: 62.5%;}
    .formTwo .contactUs li textarea{width: 50%;}



}
/* ============================= */
/* ! Layout for mobile(portrait) version   */
/* ============================= */
@media only screen and (max-width: 479px) {
    #navigation{margin-top: -20px;}
    #logo{width: 40%; margin: 3px 30%;}
    .contactSec{width: 96%; padding: 10px 2% 0;}
    .phone{padding: 10px 6% 20px 11%;}
    .quote{margin-right: 19%;}
    .slider1{padding-bottom: 7px;}
    .slider1 .flex-control-nav{display: none;}
    .btnWrap{width: 30%;}
    .btnWrap .btn{font-size: 10px; line-height: 12px;}
    .btnWrap .btn span{padding:3px 8%;}
    .btnWrap .btn em img{max-width: 60%;}
	 iframe {display:none;}
	 #container{background-image:url(../images/tutorial-mobile.jpg); width:100%; height:100px; background-repeat:no-repeat;}
	 
	 
   /*domain start here*/
    .domainBox label{float: none; padding: 6px 0 0 0; display: block; text-align: center;}
    .domainBox input[type="text"]{font-size: 12px; line-height: 35px; height: 35px; width: 55%; margin: 0 2%;}
    .stylish-select .domainBox .newListSelected{width: 28%; height: 35px;}
    .stylish-select .domainBox .selectedTxt{font-size: 17px; line-height: 35px; height: 35px;}
    .stylish-select .domainBox ul.newList a{font-size: 17px; line-height: 35px;}
    .domainBox .greenBtn,.domainBox input[type="submit"]{width: 55%; margin: 10px -27.5% 0 0;}
    .domainBox input[type="submit"]{font-size: 14px; font-weight: bold;}
    .domainBox .greenBtn{font-size: 15px; line-height: 18px;}
    .domainBox .greenBtn span{padding: 5px 4%;}
    .domainBox .greenBtn em{padding: 5px 3%;}
    .scriptList li{margin: 0 6.2% 5px;}

    .newsletterWrap {padding-bottom: 7px;}
    .newsletter label{float: none; display: block;}
    .newsletter input[type="text"]{float: none;margin: 0 3%; width: 90%;}
    .newsletter input[type="submit"]{display: block; margin: 10px 3% 0;}
    .stylish-select .contactUs .newListSelected{width: 70%;}

    #planSec h3{font-size: 27px; line-height: 30px;}
    .planBox .greenBtn{ margin: 12px 0 0 -25%; width: 50%; position: relative; left: 50%;}
    .planInfo .doller {padding-left: 26%;}
    .planInfo .month{right: 5%;}
    .basic .planInfo .doller {padding-left: 33%;}
    .navList li{background-size: 100% auto;}
    .navList li a{padding: 0 0 0 11%;}

    /*service section start here*/
    #services{padding-top: 10px;}
    #services h3{font-size: 27px; line-height: 30px;}
    .padd{font-size: 12px;}
    .readMore{width: 62.5%; margin-right: 3%;}
	
    #about{padding-top: 10px;}
    #about h3{font-size: 27px; line-height: 30px;}
	.aboutCon{width:9%; float:none; margin:0 auto;}
	.aboutQuoteBox{ padding-bottom:6%;}
	.aboutQuote h4{width:100%; font:normal 28px/60px "Trebuchet MS"; color:#f5f3f3; text-align:center; text-shadow: 1px 1px #d9d6d6; padding-bottom:10px;}
	
    #servicesPage{width: 90%; margin:0 auto;}
    #servicesPage h3{font-size: 27px; line-height: 30px;}
	#servicesPage h2{font:bold 22px 'Trebuchet MS'; color: #858585;}
	.servicesPageList{width: 100%; float: left;padding-top: 24px; position:relative;}
    .servicesPageList li{width: 90%; padding-bottom:3%; vertical-align: top; float:left; position:relative; background:url(../images/shadow02.png) no-repeat center bottom; background-size: 100% auto;}
	.servicesPageList li li{width:100%; background:url(../images/list-icon.png) no-repeat left top; padding:0 0 0 10%; margin:0px;}
	
	#project{width: 80%; float: none; margin: 0 auto;}
	#project h3{font: bold 32px/35px 'Trebuchet MS'; color: #858585; margin-bottom: 6%; margin-top:0;}
	#project .projectPage li{ width:230px; float:left; margin-right: 1.7%; margin-bottom: 1.7%;}
     
	 	 
	#webdesigner{width: 96%; margin: 0 auto}
	#webdesigner h3{font: bold 32px/35px 'Trebuchet MS'; color: #858585;}
	.webdesignerList li{width: 90%; padding-bottom:3%; vertical-align: top; float:left; position:relative; background:url(../images/shadow02.png) no-repeat center bottom; background-size: 100% auto; min-height:0;}
	
	.webdesignerList li li{width:100%; background:url(../images/list-icon.png) no-repeat left top; padding:0 0 3% 10%; margin:0px; min-height:0;}
	.webdesignerList li li span{ color:#f47526;}

    /*inner page start here*/
    .bannerLeft{top: 6px;}
    .bannerLeft h2{font-size: 14px; line-height: 16px; padding-bottom: 1px;}
    .bannerLeft p {font-size: 6px;line-height: 8px;}
    .bannerLeft .greenBtn {font: 8px/15px 'Trebuchet MS'; margin: 4px 0 0 1.5%;width: 65%;}
    .bannerLeft .greenBtn span{padding: 3px 4%;}
    .bannerLeft .greenBtn em{padding: 2px 0 5px 3%;}
    .bannerLeft .greenBtn em img{max-width: 60%;}
    .tabTriger{width: 40%;}
    .tab{width: 60%;}
    .form{padding: 5px 0 0 10%; width: 90%;}
    .form .contactUs li label{width: 100%; line-height: 30px;}
    .form .contactUs li input[type="text"]{width: 80%;}
    .stylish-select .contactUs .newListSelected{width: 63%;}
    .stylish-select .form .contactUs .newListSelected{width: 90%;}
    .btnSec{position: relative; width: 100%; right: 3%; bottom: -10px;}
    .btnSec .greenBtn{width: 45%;}
    .formTwo .contactUs li textarea{width: 80%;}
    .stepTwo .btnSec{right: 6%;}
    .stepThirdSec .btnSec{bottom: 10px;}
    .formTwo .contactUs li label{line-height: 15px; font-size: 11px;}
    .tabTriger{min-height: 600px;}
    .tabContent{min-height: 600px;}
    .tabWrap {padding-top: 2px;}
    .tabSec {padding-bottom: 2px;}


    /*contact page starts here*/
    #generalInfo h3{font-size: 17px; line-height: 20px;}
    .generalContact .contactUs li label{width: 100%; float: left; line-height: 30px;}
    .contactUs li{padding-bottom: 4px;}
    .generalContact .contactUs li input[type="text"]{width: 92%;}
    .generalContact .contactUs li textarea{width: 92%;}
    .generalContact .capthaText{width: 27%;}
    .generalContact .contactUs li input[type="submit"]{width: 45%; margin-right: 2%;}
    .generalContact .contactUs li input.captcha[type="text"]{width: 53%;}
    .generalContact .refresh{ margin: 10px 0 0 3%;}
    .contactUs li input[type="submit"]{width: 30%;}
    .tabContent h2{font-size: 14px;line-height: 17px;}
    .stepThirdSec .btnSec .greenBtn{margin-left: 25%; width: 50%;}
    .stepThirdSec .greenBtn.finish{margin-right: 25%; margin-top: 10px;}
    .stepThirdSec .btnSec{bottom: -20px;}
	
	
}