@media only screen and (max-width: 700px){
	#wrapper{
		width:auto !important;
	}
	#main{
		padding-bottom:50px;
	}
	.columns .col{
		float:none;
		width:100%;
		padding:0 0 20px;
	}
	.wealthz-container .columns {
		float:none;
		width:100%;
	}
	.wealthz-container .columns .col {float:left;}
	.wealthz-container .col img{		
		display:block;
		margin:0 auto;
	}
	.review {
		float:none;
		width:100%;
	}
	.footer-area .columns .col{
		float:left;
		width:98%;
		padding:0 2% 20px 0;
	}
	.social-networks,
	{
		float:none;
		padding:0 0 15px;
		text-align:center;
	}
	.social-networks:after{
		content:"";
		display:block;
		clear:both;
	}
	.social-networks li,
	.continue {display:none;}
	.mobile-button{
		display:block !important;
		float:none;
	}
	.page-title{
		width:auto;
		padding-left:10px; padding-right:10px;
		padding-top:18px;
	}
	.page-title-wrapper{
		width:auto;
	}
	.page-title h1{
		float:none;
	}
	.page-title ul{
		float:none;
		text-align:left;
		padding-top:0 !important;
		line-height:11px !important;
	}

	#header{
		padding:20px;
	}
	#header .logo{
		float:none;
		text-align:center;
		margin:0;
		margin-bottom:20px;
	}
	#header .nav-holder{
		float:none;
	}
	.nav-holder ul{display:none;}
	.nav-holder select{display:block !important;width:100%;}
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .columns, .one_half.last, .one_third.last, .two_third.last, .three_fourth.last, .one_fourth.last, .columns-4, .reading-box, .col:nth-child(4){
		width:100%;
		margin-bottom:40px;
	}
	.one_half > div, .one_third > div, .two_third > div, .three_fourth > div, .one_fourth > div{
		margin-bottom:0;
	}

	.demo-sep{
		display:none;
	}

	.title{
		margin-top:0px !important;
		margin-bottom:20px !important;
	}

	#content{
		width:100%;
		float:none;
		margin-bottom:50px;
	}

	#sidebar{
		width:100%;
		float:none;
	}

	#sidebar .social_links .social li{
		width:auto;
		margin-right:5px;
	}

	#comment-input{
		margin-bottom:0;
	}
	#comment-input input{
		width:90%;
		float:none !important;
		margin-bottom:10px;
	}
	#comment-textarea textarea{
		width:90%;
	}

	.pagination{
		margin-top:40px;
	}

	.portfolio-one .portfolio-item .image{
		float:none;
		width:auto;
		height:auto;
		margin-bottom:20px;
	}

	h5.toggle span.toggle-title{
		width:80%;
	}

	.full-boxed-pricing{
		width:97%;
	}
	.full-boxed-pricing .column{
		width:100%;
		border:1px solid #E5E4E3 !important;
		margin-bottom:10px;
	}
	.full-boxed-pricing ul{
		width:100%;
	}

	.sep-boxed-pricing .column{
		width:97%;
	}
	.sep-boxed-pricing ul{
		width:100%;
	}
	.sep-boxed-pricing ul li{
		width:100%;
	}

	.page-title h1{
		margin-top:0;
		margin-bottom:5px;
	}
	.page-title h1,.page-title ul{
		float:none;
		line-height:normal;
		width:100%;
	}

	.share-box{
		height:auto;
	}
	.share-box h4{
		float:none;
		line-height:20px !important;
		padding-top:25px;
		padding-bottom:25px;
	}
	.share-box ul{
		float:none;
		overflow:hidden;
		padding:0 25px;
		padding-bottom:25px;
		margin-top:0px;
	}

	.project-content .project-description{
		margin-bottom:50px;
	}
	.project-content .project-description,.project-content .project-info{
		width:100%;
	}

	.portfolio-half .flexslider{
		width:100%;
	}
	.portfolio-half .project-content{
		width:100%;
	}

	#style_selector{
		display:none;
	}

	.portfolio-tabs{
		height:auto;
		border-bottom:0;
	}

	.portfolio-tabs li{
		float:none;
		margin-right:0;
		border-bottom:1px solid #E7E6E6;
	}

	.post-content .rev_slider_wrapper{margin-left:-5px !important;}
	.rev_slider_wrapper .tparrows,.rev_slider_wrapper:hover .tparrows{display:none !important;}

	nav#nav{margin-right:0;}

	#footer .social-networks{width:100%;margin:0 auto;position:relative;left:-11px;}

	.rev_slider .button{
		padding-left:20px; padding-right:20px;
		height:30px;
		line-height:30px;
	}

	.tab-holder .tabs{
		height:auto !important;
		width:100% !important;
	}
	.shortcode-tabs .tab-hold .tabs li{
		width:100% !important;
	}

	.page-title-container{height:auto;max-height:87px;padding-bottom:20px;}

	.error_page .useful_links{width:100%;padding-left:0;}

	#gmap{width:100% !important;margin-bottom:20px !important;}

	
	
	
	/*social icon*/
	
	
	a.facebook{
		background: url(../images/facebook-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.facebook:hover{
		background: url(../images/facebook-white@2x.png) center center no-repeat;
		background-size: 100% 100%;	
	}
	
	
	a.twitter{
		background: url(../images/twitter-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.twitter:hover{
		background: url(../images/twitter-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	
	a.digg{
		background: url(../images/digg-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.digg:hover{
		background: url(../images/digg-white.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.linkedin{
		background: url(../images/linkedin-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.linkedin:hover{
		background: url(../images/linkedin-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	
	a.vimeo{
		background: url(../images/vimeo-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.vimeo:hover{
		background: url(../images/vimeo-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	
	a.youtube{
		background: url(../images/youtube-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.youtube:hover{
		background: url(../images/youtube-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	
	a.dribbble{
		background: url(../images/dribbble-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.dribbble:hover{
		background: url(../images/dribbble-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.stumbleupon{
		background: url(../images/stumbleupon-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.stumbleupon:hover{
		background: url(../images/stumbleupon-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	
	a.flickr{
		background: url(../images/flickr-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.flickr:hover{
		background: url(../images/flickr-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	
	a.rss{
		background: url(../images/rss-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.rss:hover{
		background: url(../images/rss-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.skype{
		background: url(../images/skype-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.skype:hover{
		background: url(../images/skype-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.myspace{
		background: url(../images/myspace-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.myspace:hover{
		background: url(../images/myspace-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.forrst{
		background: url(../images/forrst-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.forrst:hover{
		background: url(../images/forrst-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.pinterest{
		background: url(../images/pinterest-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.pinterest:hover{
		background: url(../images/pinterest-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.deviantart{
		background: url(../images/deviantart-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.deviantart:hover{
		background: url(../images/deviantart-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.reddit{
		background: url(../images/reddit-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.reddit:hover{
		background: url(../images/reddit-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.tumblr{
		background: url(../images/tumblr-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.tumblr:hover{
		background: url(../images/tumblr-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.blogger{
		background: url(../images/blogger-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.blogger:hover{
		background: url(../images/blogger-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.googleplus{
		background: url(../images/google-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.googleplus:hover{
		background: url(../images/google-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.email{
		background: url(../images/email-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.email:hover{
		background: url(../images/email-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	.boxed-pricing-box{
		width: 100%;
	}
	
	.boxed-pricing  .column{
		width: auto;
	}
	
	.error404text{
		font-size: 10em;
		margin-top: 80px;
	}
	
	#jtwt .jtwt_tweet{
		margin-bottom:30px;
		color:#838383;
		font-size:13px;
		line-height:20px;
		background:url(../images/twitter-icon@2x.png) no-repeat top left !important;
		padding-left:45px !important;
		padding-top:0px !important;
		background-size: 7%;
	}
	
	.es-nav-next {
		background-image: url(../images/slide-next-btn@2x.png);
		background-position: center center;
		background-size: 100% 100%;
	}
	
	.es-nav-prev {
		background-image: url(../images/slide-prev-btn@2x.png);
		background-position: center center;
		background-size: 100% 100%;
	}
	
	.next-link a {
		background-image: url(../images/slide-next-btn@2x.png) !important;
		background-position: center center;
		right: 0;
		background-size: 100% 100%;
	}
	
	.prev-link a {
		background-image: url(../images/slide-prev-btn@2x.png) !important;
		background-position: center center;
		right:36px;
		background-size: 100% 100%;
	}
	
	span.arrowclient{
		width: 30px;
		height: 30px;
		display: block;
		float: left;
		
		background: url(../images/clientbox-arrow@2x.png) right top no-repeat;
		background-color: #0a901a;
		margin-top: 2px;
		background-size: 100% 100%; 
	}
	
	span.name-company{
	  	height: 30px;
	  	line-height: 30px;
	  	background: url(../images/usericon@2x.png)10px center no-repeat;
	  	margin: 10px 0 0 0 !important;  	
	  	padding: 0 0 0 35px;
	  	display: table;
	  	float: left;
	  	background-size: 10%;
	}
	
	.post-content ul.arrow li:before{
		display:inline-block;
		background-image:url(../images/list-arrow@2x.png) 100% 100%;
		background-repeat:no-repeat;
		background-position:center center;
		background-color:#0a901a;
		height:18px;
		-moz-border-radius:75px;
		-webkit-border-radius:75px;
		width:10px;
		content:' ';
		float:left;
		margin-right:0;
		margin-left:-25px;
	}
	
	h5.toggle span.arrow{
		background:#cecccc url(../images/toggle_plus@2x.png) no-repeat center center;
		background-size: 50%;
	}
	h5.toggle.active span.arrow{
		background-color:#0a901a;
		background-image:url(../images/toggle_minus@2x.png);
		background-size: 50%;
	}
	
	.flex-direction-nav .flex-next {
		background-image: url(../images/arrow-bullet@2x.png);
		background-position: center center;
		right: 0;
		background-size: 20%;
	}
	.flex-direction-nav .flex-prev {
		background-image: url(../images/arrow-bullet-prev@2x.png);
		background-position: center center;
	    left: 0;
	    background-size: 20%;
	}
	
	.time-icon{
		background: url(../images/clock@2x.png) no-repeat;
		background-size: 100% 100%;
	}
	
	.category-icon{
		background: url(../images/category-icon@2x.png) no-repeat;
		background-size: 100% 100%;
	
	}
	
	.comment-icon{
		background: url(../images/comment-bubble@2x.png) no-repeat;
		background-size: 100% 100%;
	}
	
	.general div.icon{
		width:15px;
		height:15px;
		margin-top: 3px;
		background:url(../images/info@2x.png) no-repeat;
		float: left;
		background-size: 100% 100%;
	}

	.error div.icon{
		width:14px;
		height:14px;
		margin-top: 3px;
		background:url(../images/error@2x.png) no-repeat;
		float: left;
		background-size: 100% 100%;
	}
	
	.success div.icon{
		width:15px;
		height:13px;
		margin-top: 3px;
		background:url(../images/check@2x.png) no-repeat;
		float: left;
		background-size: 100% 100%;
	}
	
	.notice div.icon{
		width:15px;
		height:15px;
		margin-top: 3px;
		background:url(../images/warning@2x.png) no-repeat;
		float: left;
		background-size: 100% 100%;
	}
	
	.alert .toggle-alert{
		position:absolute;
		top:14px;
		right:10px;
		display:block;
		text-indent:-10000px;
		background:url(../images/closeX@2x.png) no-repeat top left;
		width:9px;
		height:9px;
		background-size: 100% 100%;
	}	

	.portfolio-tabs{
		background: none;
	}
	
	
	.portfolio-tabs li{
		border:none;
	}
	
	
	.portfolio-tabs li a{
		color:#99999;
		padding: 2px 8px;
		background: #efefef;
		
		line-height:28px !important;
		text-decoration: none;
		font-size: 11px;
		
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		
		transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		display: table-cell;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.siteoptions-btn,
	.siteoptions-btn2{
		display: none;
	}
	
	
	.bottom-right-text, .copyright{
		float: none;
		margin: 0 auto;
		clear: both;
		display: block;
		text-align: center;
	}
	

}
	
@media only screen and (min-device-width: 320px) and (max-device-width: 480px){
	#wrapper{
		width:auto !important;
	}
	#main{
		padding-bottom:50px;
	}
	.columns .col{
		float:none;
		width:100%;
		padding:0 0 20px;
	}
	.wealthz-container .columns {
		float:none;
		width:100%;
	}
	.wealthz-container .columns .col {float:left;}
	.wealthz-container .col img{		
		display:block;
		margin:0 auto;
	}
	.review {
		float:none;
		width:100%;
	}
	.footer-area .columns .col{
		float:left;
		width:98%;
		padding:0 2% 20px 0;
	}
	.social-networks{
		float:none;
		padding:0 0 15px;
		text-align:center;
	}
	
	.social-networks:after{
		content:"";
		display:block;
		clear:both;
	}
	.social-networks li{
		float:none;
		display:inline-block;
	}
	.continue {display:none;}
	.mobile-button{
		display:block !important;
		float:none;
	}
	.page-title{
		width:auto;
		padding-left:10px; padding-right:10px;
		padding-top:18px;
	}
	.page-title-wrapper{
		width:auto;
	}
	.page-title h1{
		float:none;
	}
	.page-title ul{
		float:none;
		text-align:left;
		padding-top:0 !important;
		line-height:11px !important;
	}
	
	.share-box ul{
		float:none;
		overflow:hidden;
		padding:0 25px;
		padding-bottom:25px;
		margin-top:0px;
	}

	#header{
		padding:20px;
	}
	#header .logo{
		float:none;
		text-align:center;
		margin:0;
		margin-bottom:20px;
	}
	#header .nav-holder{
		float:none;
	}
	.nav-holder ul{display:none;}
	.nav-holder select{display:block !important;width:100%;}
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .columns, .one_half.last, .one_third.last, .two_third.last, .three_fourth.last, .one_fourth.last, .columns-4, .reading-box, .col:nth-child(4){
		width:100%;
		margin-bottom:40px !important;
	}
	.one_half > div, .one_third > div, .two_third > div, .three_fourth > div, .one_fourth > div{
		margin-bottom:0;
	}

	.demo-sep{
		display:none;
	}

	.title{
		margin-top:0px !important;
		margin-bottom:20px !important;
	}

	#content{
		width:100%;
		float:none;
		margin-bottom:50px;
	}

	#sidebar{
		width:100%;
		float:none;
	}

	#sidebar .social_links .social li{
		width:auto;
		margin-right:5px;
	}

	#comment-input{
		margin-bottom:0;
	}
	#comment-input input{
		width:90%;
		float:none !important;
		margin-bottom:10px;
	}
	#comment-textarea textarea{
		width:90%;
	}

	.pagination{
		margin-top:40px;
	}

	.portfolio-one .portfolio-item .image{
		float:none;
		width:auto;
		height:auto;
		margin-bottom:20px;
	}

	h5.toggle span.toggle-title{
		width:80%;
	}

	.full-boxed-pricing{
		width:97%;
	}
	.full-boxed-pricing .column{
		width:100%;
		border:1px solid #E5E4E3 !important;
		margin-bottom:10px;
	}
	.full-boxed-pricing ul{
		width:100%;
	}

	.sep-boxed-pricing .column{
		width:97%;
	}
	.sep-boxed-pricing ul{
		width:100%;
	}
	.sep-boxed-pricing ul li{
		width:100%;
	}

	.page-title h1{
		margin-top:0;
		margin-bottom:5px;
	}
	.page-title h1,.page-title ul{
		float:none;
		line-height:normal;
		width:100%;
	}

	.share-box{
		height:auto;
	}
	.share-box h4{
		float:none;
		line-height:20px !important;
		padding-top:25px;
		padding-bottom:25px;
	}
	.share-box ul{
		float:none;
		overflow:hidden;
		padding:0 25px;
		padding-bottom:25px;
		margin-top:0px;
	}

	.project-content .project-description{
		margin-bottom:50px;
	}
	.project-content .project-description,.project-content .project-info{
		width:100%;
	}

	.portfolio-half .flexslider{
		width:100%;
	}
	.portfolio-half .project-content{
		width:100%;
	}

	#style_selector{
		display:none;
	}

	.portfolio-tabs{
		height:auto;
		border-bottom:0;
	}

	.portfolio-tabs li{
		float:none;
		margin-right:0;
		border-bottom:1px solid #E7E6E6;
	}

	.post-content .rev_slider_wrapper{margin-left:-5px !important;}
	.rev_slider_wrapper .tparrows,.rev_slider_wrapper:hover .tparrows{display:none !important;}

	nav#nav{margin-right:0;}

	#footer .social-networks{width:100%;margin:0 auto;position:relative;left:-11px;}

	.rev_slider .button{
		padding-left:20px; padding-right:20px;
		height:30px;
		line-height:30px;
	}

	.tab-holder .tabs{
		height:auto !important;
		width:100% !important;
	}
	.shortcode-tabs .tab-hold .tabs li{
		width:100% !important;
	}

	.page-title-container{height:auto;max-height:87px;padding-bottom:20px;}

	.error_page .useful_links{width:100%;padding-left:0;}

	#gmap{width:100% !important;margin-bottom:20px !important;}

	
	
	/*social icon*/
	
	
	a.facebook{
		background: url(../images/facebook-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.facebook:hover{
		background: url(../images/facebook-white@2x.png) center center no-repeat;
		background-size: 100% 100%;	
	}
	
	
	a.twitter{
		background: url(../images/twitter-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.twitter:hover{
		background: url(../images/twitter-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	
	a.digg{
		background: url(../images/digg-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.digg:hover{
		background: url(../images/digg-white.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.linkedin{
		background: url(../images/linkedin-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.linkedin:hover{
		background: url(../images/linkedin-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	
	a.vimeo{
		background: url(../images/vimeo-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.vimeo:hover{
		background: url(../images/vimeo-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	
	a.youtube{
		background: url(../images/youtube-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.youtube:hover{
		background: url(../images/youtube-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	
	a.dribbble{
		background: url(../images/dribbble-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.dribbble:hover{
		background: url(../images/dribbble-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.stumbleupon{
		background: url(../images/stumbleupon-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.stumbleupon:hover{
		background: url(../images/stumbleupon-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	
	a.flickr{
		background: url(../images/flickr-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.flickr:hover{
		background: url(../images/flickr-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	
	a.rss{
		background: url(../images/rss-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.rss:hover{
		background: url(../images/rss-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.skype{
		background: url(../images/skype-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.skype:hover{
		background: url(../images/skype-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.myspace{
		background: url(../images/myspace-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.myspace:hover{
		background: url(../images/myspace-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.forrst{
		background: url(../images/forrst-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.forrst:hover{
		background: url(../images/forrst-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.pinterest{
		background: url(../images/pinterest-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.pinterest:hover{
		background: url(../images/pinterest-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.deviantart{
		background: url(../images/deviantart-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.deviantart:hover{
		background: url(../images/deviantart-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.reddit{
		background: url(../images/reddit-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.reddit:hover{
		background: url(../images/reddit-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.tumblr{
		background: url(../images/tumblr-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.tumblr:hover{
		background: url(../images/tumblr-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.blogger{
		background: url(../images/blogger-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.blogger:hover{
		background: url(../images/blogger-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.googleplus{
		background: url(../images/google-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.googleplus:hover{
		background: url(../images/google-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.email{
		background: url(../images/email-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.email:hover{
		background: url(../images/email-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	.person{
	width: 200px;
	height: auto;
	
	.boxed-pricing-box{
		width: 100%;
	}
	
	.boxed-pricing  .column{
		width: auto;
	}
	
	.error404text{
		font-size: 10em;
		margin-top: 80px;
	}
	
	#jtwt .jtwt_tweet{
		margin-bottom:30px;
		color:#838383;
		font-size:13px;
		line-height:20px;
		background:url(../images/twitter-icon@2x.png) no-repeat top left !important;
		padding-left:45px !important;
		padding-top:0px !important;
		background-size: 7%;
	}
	
	.es-nav-next {
		background-image: url(../images/slide-next-btn@2x.png);
		background-position: center center;
		background-size: 100% 100%;
	}
	
	.es-nav-prev {
		background-image: url(../images/slide-prev-btn@2x.png);
		background-position: center center;
		background-size: 100% 100%;
	}
	
	.next-link a {
		background-image: url(../images/slide-next-btn@2x.png) !important;
		background-position: center center;
		right: 0;
		background-size: 100% 100%;
	}
	
	.prev-link a {
		background-image: url(../images/slide-prev-btn@2x.png) !important;
		background-position: center center;
		right:36px;
		background-size: 100% 100%;
	}
	
	span.arrowclient{
		width: 30px;
		height: 30px;
		display: block;
		float: left;
		
		background: url(../images/clientbox-arrow@2x.png) right top no-repeat;
		background-color: #0a901a;
		margin-top: 2px;
		background-size: 100% 100%; 
	}
	
	span.name-company{
	  	height: 30px;
	  	line-height: 30px;
	  	background: url(../images/usericon@2x.png)10px center no-repeat;
	  	margin: 10px 0 0 0 !important;  	
	  	padding: 0 0 0 35px;
	  	display: table;
	  	float: left;
	  	background-size: 10%;
	}
	
	.post-content ul.arrow li:before{
		display:inline-block;
		background-image:url(../images/list-arrow@2x.png) 100% 100%;
		background-repeat:no-repeat;
		background-position:center center;
		background-color:#0a901a;
		height:18px;
		-moz-border-radius:75px;
		-webkit-border-radius:75px;
		width:10px;
		content:' ';
		float:left;
		margin-right:0;
		margin-left:-25px;
	}

	
	h5.toggle span.arrow{
		background:#cecccc url(../images/toggle_plus@2x.png) no-repeat center center;
		background-size: 50%;
	}
	h5.toggle.active span.arrow{
		background-color:#0a901a;
		background-image:url(../images/toggle_minus@2x.png);
		background-size: 50%;
	}
	
	.flex-direction-nav .flex-next {
		background-image: url(../images/arrow-bullet@2x.png);
		background-position: center center;
		right: 0;
		background-size: 20%;
	}
	.flex-direction-nav .flex-prev {
		background-image: url(../images/arrow-bullet-prev@2x.png);
		background-position: center center;
	    left: 0;
	    background-size: 20%;
	}
	
	.time-icon{
		background: url(../images/clock@2x.png) no-repeat;
		background-size: 100% 100%;
	}
	
	.category-icon{
		background: url(../images/category-icon@2x.png) no-repeat;
		background-size: 100% 100%;
	
	}
	
	.comment-icon{
		background: url(../images/comment-bubble@2x.png) no-repeat;
		background-size: 100% 100%;
	}
	
	
	.general div.icon{
		width:15px;
		height:15px;
		margin-top: 3px;
		background:url(../images/info@2x.png) no-repeat;
		float: left;
		background-size: 100% 100%;
	}

	.error div.icon{
		width:14px;
		height:14px;
		margin-top: 3px;
		background:url(../images/error@2x.png) no-repeat;
		float: left;
		background-size: 100% 100%;
	}
	
	.success div.icon{
		width:15px;
		height:13px;
		margin-top: 3px;
		background:url(../images/check@2x.png) no-repeat;
		float: left;
		background-size: 100% 100%;
	}
	
	.notice div.icon{
		width:15px;
		height:15px;
		margin-top: 3px;
		background:url(../images/warning@2x.png) no-repeat;
		float: left;
		background-size: 100% 100%;
	}
	
	.alert .toggle-alert{
		position:absolute;
		top:14px;
		right:10px;
		display:block;
		text-indent:-10000px;
		background:url(../images/closeX@2x.png) no-repeat top left;
		width:9px;
		height:9px;
		background-size: 100% 100%;
	}	
	
	.portfolio-tabs li a{
		color:#99999;
		padding: 2px 8px;
		background: #efefef;
		
		line-height:28px !important;
		text-decoration: none;
		font-size: 11px;
		
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		
		transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		display: table-cell;
	}
	
	.siteoptions-btn,
	.siteoptions-btn2{
		display: none;
	}
	
	
	.bottom-right-text, .copyright{
		float: none;
		margin: 0 auto;
		clear: both;
		display: block;
		text-align: center;
	}


	
}
@media only screen and (max-width: 479px){
	.logo{
		float:none;
		margin:20px auto;
	}
	#nav{
		float:none;
		overflow:hidden;
		font-size:12px;
		text-align:center;
	}
	#nav ul li{
		float:none;
		margin:0 5px;
		display:inline-block;
	}
	#nav ul a{
		padding:5px 0;
		border:0 !important;
	}
	.wealthz-container .columns .col,
	.footer-area .columns .col{
		float:none;
		width:100%;
	}
	.review blockquote cite strong,
	.wooslider-direction-nav,.wooslider-pauseplay,.flex-direction-nav{display:none;}

	.blog-medium-image{
		width:auto;
		height:auto;
		float:none !important;
		margin-bottom:20px !important;
	}

	.post .meta-info{
		height:auto;
	}

	.post .meta-info > div{
		display:block;
		float:none;
		margin:0;
	}
	
	.share-box ul{
		float:none;
		overflow:hidden;
		padding:0 25px;
		padding-bottom:25px;
		margin-top:0px;
	}

	.share-box ul li{
		margin-bottom:5px;
	}


	.buttons a{
		margin-right:5px;
	}

	.portfolio-two .portfolio-item{
		width:auto !important;
		height:auto !important;
	}

	.post-content .rev_slider_wrapper{margin-left:-5px !important;}

	.rev_slider_wrapper .tparrows,.rev_slider_wrapper:hover .tparrows{display:none !important;}

	.rev_slider .button{
		padding-left:10px; padding-right:10px;
		height:20px;
		line-height:20px;
		font-size:11px;
	}
	
	/*social icon*/
	
	
	a.facebook{
		background: url(../images/facebook-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.facebook:hover{
		background: url(../images/facebook-white@2x.png) center center no-repeat;
		background-size: 100% 100%;	
	}
	
	
	a.twitter{
		background: url(../images/twitter-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.twitter:hover{
		background: url(../images/twitter-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	
	a.digg{
		background: url(../images/digg-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.digg:hover{
		background: url(../images/digg-white.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.linkedin{
		background: url(../images/linkedin-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.linkedin:hover{
		background: url(../images/linkedin-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	
	a.vimeo{
		background: url(../images/vimeo-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.vimeo:hover{
		background: url(../images/vimeo-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	
	a.youtube{
		background: url(../images/youtube-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.youtube:hover{
		background: url(../images/youtube-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	
	a.dribbble{
		background: url(../images/dribbble-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.dribbble:hover{
		background: url(../images/dribbble-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.stumbleupon{
		background: url(../images/stumbleupon-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.stumbleupon:hover{
		background: url(../images/stumbleupon-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	
	a.flickr{
		background: url(../images/flickr-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.flickr:hover{
		background: url(../images/flickr-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	
	a.rss{
		background: url(../images/rss-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.rss:hover{
		background: url(../images/rss-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.skype{
		background: url(../images/skype-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.skype:hover{
		background: url(../images/skype-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.myspace{
		background: url(../images/myspace-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.myspace:hover{
		background: url(../images/myspace-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.forrst{
		background: url(../images/forrst-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.forrst:hover{
		background: url(../images/forrst-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.pinterest{
		background: url(../images/pinterest-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.pinterest:hover{
		background: url(../images/pinterest-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.deviantart{
		background: url(../images/deviantart-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.deviantart:hover{
		background: url(../images/deviantart-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.reddit{
		background: url(../images/reddit-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.reddit:hover{
		background: url(../images/reddit-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.tumblr{
		background: url(../images/tumblr-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.tumblr:hover{
		background: url(../images/tumblr-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.blogger{
		background: url(../images/blogger-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.blogger:hover{
		background: url(../images/blogger-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.googleplus{
		background: url(../images/google-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.googleplus:hover{
		background: url(../images/google-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	a.email{
		background: url(../images/email-gray@2x.png) center center no-repeat;
		background-color: #bfbfbf;
		background-size: 100% 100%;
	}
	
	a.email:hover{
		background: url(../images/email-white@2x.png) center center no-repeat;
		background-size: 100% 100%;
	}
	
	.boxed-pricing-box{
		width: 100%;
	}
	
	.boxed-pricing  .column{
		width: auto;
	}
	
	.error404text{
		font-size: 10em;
		margin-top: 80px;
	}
	
	#jtwt .jtwt_tweet{
		margin-bottom:30px;
		color:#838383;
		font-size:13px;
		line-height:20px;
		background:url(../images/twitter-icon@2x.png) no-repeat top left !important;
		padding-left:45px !important;
		padding-top:0px !important;
		background-size: 10%;
	}
	
	.es-nav-next {
		background-image: url(../images/slide-next-btn@2x.png);
		background-position: center center;
		background-size: 100% 100%;
	}
	
	.es-nav-prev {
		background-image: url(../images/slide-prev-btn@2x.png);
		background-position: center center;
		background-size: 100% 100%;
	}
	
	.next-link a {
		background-image: url(../images/slide-next-btn@2x.png) !important;
		background-position: center center;
		right: 0;
		background-size: 100% 100%;
	}
	
	.prev-link a {
		background-image: url(../images/slide-prev-btn@2x.png) !important;
		background-position: center center;
		right:36px;
		background-size: 100% 100%;
	}
	
	span.arrowclient{
		width: 30px;
		height: 30px;
		display: block;
		float: left;
		
		background: url(../images/clientbox-arrow@2x.png) right top no-repeat;
		background-color: #0a901a;
		margin-top: 2px; 
		background-size: 100% 100%;
	}
	
	span.name-company{
	  	height: 30px;
	  	line-height: 30px;
	  	background: url(../images/usericon@2x.png)10px center no-repeat;
	  	margin: 10px 0 0 0 !important;  	
	  	padding: 0 0 0 35px;
	  	display: table;
	  	float: left;
	  	background-size: 10%;
	}
	
	.post-content ul.arrow li:before{
		display:inline-block;
		background-image:url(../images/list-arrow@2x.png) 100% 100%;
		background-repeat:no-repeat;
		background-position:center center;
		background-color:#0a901a;
		height:18px;
		-moz-border-radius:75px;
		-webkit-border-radius:75px;
		width:10px;
		content:' ';
		float:left;
		margin-right:0;
		margin-left:-25px;
	}
	
	h5.toggle span.arrow{
		background:#cecccc url(../images/toggle_plus@2x.png) no-repeat center center;
		background-size: 50%;
	}
	h5.toggle.active span.arrow{
		background-color:#0a901a;
		background-image:url(../images/toggle_minus@2x.png);
		background-size: 50%;
	}
	
	.flex-direction-nav .flex-next {
		background-image: url(../images/arrow-bullet@2x.png);
		background-position: center center;
		right: 0;
		background-size: 20%;
	}
	.flex-direction-nav .flex-prev {
		background-image: url(../images/arrow-bullet-prev@2x.png);
		background-position: center center;
	    left: 0;
	    background-size: 20%;
	}
	
	
	.time-icon{
		background: url(../images/clock@2x.png) no-repeat;
		background-size: 100% 100%;
	}
	
	.category-icon{
		background: url(../images/category-icon@2x.png) no-repeat;
		background-size: 100% 100%;
	
	}
	
	.comment-icon{
		background: url(../images/comment-bubble@2x.png) no-repeat;
		background-size: 100% 100%;
	}
	
	.general div.icon{
		width:15px;
		height:15px;
		margin-top: 3px;
		background:url(../images/info@2x.png) no-repeat;
		float: left;
		background-size: 100% 100%;
	}

	.error div.icon{
		width:14px;
		height:14px;
		margin-top: 3px;
		background:url(../images/error@2x.png) no-repeat;
		float: left;
		background-size: 100% 100%;
	}
	
	.success div.icon{
		width:15px;
		height:13px;
		margin-top: 3px;
		background:url(../images/check@2x.png) no-repeat;
		float: left;
		background-size: 100% 100%;
	}
	
	.notice div.icon{
		width:15px;
		height:15px;
		margin-top: 3px;
		background:url(../images/warning@2x.png) no-repeat;
		float: left;
		background-size: 100% 100%;
	}
	
	.alert .toggle-alert{
		position:absolute;
		top:14px;
		right:10px;
		display:block;
		text-indent:-10000px;
		background:url(../images/closeX@2x.png) no-repeat top left;
		width:9px;
		height:9px;
		background-size: 100% 100%;
	}

	.portfolio-tabs li a{
		color:#99999;
		padding: 2px 8px;
		background: #efefef;
		
		line-height:28px !important;
		text-decoration: none;
		font-size: 11px;
		
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		
		transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		display: table-cell;
	}
	
	.siteoptions-btn,
	.siteoptions-btn2{
		display: none;
	}
	
	.bottom-right-text, .copyright{
		float: none;
		margin: 0 auto;
		clear: both;
		display: block;
		text-align: center;
	}


}
@media only screen and (max-width: 319px){

}