/*
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  
=     00   00 00 00   00 00 00   00 00 00   00 00 00   00 00    =
=     00   00    00        00    00    00   00    00   00       =
=     00   00    00      00      00    00   00    00   00       =
=     00   00    00    00        00    00   00    00   00       =
=  00 00   00 00 00   00 00 00   00 00 00   00 00 00   00       =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
*/

/*   
Theme Name: Jozoor Theme
Theme URI: http://www.jozoor.com
Description: Design Websites & Brands..
Author: Jozoor Team
Author URI: http://www.jozoor.com
Version: 1.0
*/

/* Import Basic Files
================================================== */

@import url("css/fonts.css");               /* Custom Fonts */
@import url("css/base.css");                /* Reset & Basics */
@import url("css/skeleton.css");            /* Base 960 Grid */
@import url("css/javascript.css");          /* Css Styles for js scripts */
@import url("css/skin.css");                /* Color Skin */

/* Site Styles
================================================== */

/* common styles */
* {
   outline: none;
}

br { display: none;}
br.appear { display: block; margin-bottom: 13px; } /* new code */

.js .selectnav, #main-services .circle, #services .circle, .recent-blog .item img, .pagination li, #slide .about.single-post p, .share-icons h3, .share-icons span.social, .share-icons, .author-comments h2.num-comments, .avatar, .contact-form .form-box {
	float:left;
}

.service {
	margin-left:166px;
}

footer .lang {
	text-align:right;
	display: block;
}

#nav, footer .social, #slide .about.single-post a.view-online, .team .item span.social, .projects-links .link, .projects-links, .theme-links a.view-online, .comment, .children, .contact-form .share-icons {
	float:right;
}

.welcome, #main-services .more, #slide .about h2, .get-in-touch h2, .about.single-post a.view-online, .theme-links a.view-online {
	letter-spacing:1px;
}

.js .selectnav {
	border: 1px solid #161616;
}

#main-services .more {
	padding:6px 13px 8px 13px;
}
	
.head-title {
	padding:50px 0;
}

.head-title h2 {
	margin-bottom:14px;
}

.bottom-1 {
	margin-bottom:10px;
}

.bottom-2 {
	margin-bottom:20px;
}

.bottom-3 {
	margin-bottom:30px;
}

.bottom-4 {
	margin-bottom:40px;
}

.top-3 {
    margin-top: 30px;
}

.top-1 {
    margin-top: 10px;
}

.recent-work .item .desc, .caption .hover-effect.link, .recent-blog .item img, .team .item , .features-list .item .circle, .get-in-touch a.contact{
	-moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
	
.caption {
	position:relative;
}

.caption .hover-effect.link {
	position:absolute;
	top:73%;
	left:41%;
	width:59px;
	height:59px;
	background:url(images/icons/link.png) no-repeat;
	opacity: 0;
}

.caption:hover .hover-effect.link {
	top:34%;
	opacity: 1;
}

.recent-work .item {
	margin-bottom:25px;
}

.recent-blog .item {
	margin-bottom:35px;
}

h3.title {
	margin-bottom:10px;
}

/* Pagination */
.pagination {
	overflow: hidden;
	padding: 5px 0 10px 0;
	margin:0 auto 25px auto;
	width: 35%;
}

.pagination li {
	margin: 5px 8px 25px 0;
}

.pagination li a {
	padding: 6px 15px 8px 15px;
	-moz-box-shadow: inset 0 0 1px #828080;
    -webkit-box-shadow: inset 0 0 1px #828080;
    box-shadow: inset 0 0 1px #828080;
	border-radius:3px;
}

/* Buttons */
.button {
	display:inline-block;
	margin:22px 10px 8px 0;
	border:none;
	cursor:pointer;
	text-shadow:none !important;
	padding: 13px 20px;
	border-radius:3px;
}


/* Videos
=========================================================*/
.video-wrap {
	height: 0;
	padding-top: 25px;
	padding-bottom: 67.5%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}

.video-wrap.vimeo {
	padding-top: 0;
}

.video-wrap.widescreen {
	padding-bottom: 57.25%;
}

.video-wrap embed, .video-wrap iframe, .video-wrap object, .video-wrap video {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

/* 404 */
h2.big {
	font-size:145px;
	padding: 50px 25px 44px 0;
}

/* new code */ /* for responsive design */
.fb-like-box iframe[style] {width: 98% !important; background: #fff;}
.fb-like-box{width: 98% !important; margin-top: 6px; /* border: 1px solid #EAEAEA ; */ padding-bottom: 6px;}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 98% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] 
{width: 98% !important;}


/* IE Hacks */
.ie8 span.hover-effect, .ie7 span.hover-effect{
	display:none;
}


/* header */
header {
	min-height:90px;
	position:fixed;
	top:0;
	width:100%;
	z-index: 1000;
}

.logo {
	margin:24px 0;
}

.title {
    margin:24px 0;
    height:37px;
    line-height: 37px;
    font-family: "微软雅黑",Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: white;
}

.selectnav { 
    display: none; 
}
	

/* slide */
#slide {
	min-height:215px;
	margin-top: 90px;
	background:url('images/Jozoor_Slide_bg.jpg') no-repeat top center;
    overflow: hidden;
    width: 100%;
}

#slide.home {
	height:540px;
	margin-top: 88px;
	background:url('images/Jozoor_Slide_bg.jpg') no-repeat center center;
}

.welcome {
	text-align: center;
    padding: 13% 0 0 0;
}

.welcome h2 {
	line-height:60px;
	margin-bottom:40px;
	margin-top:-60px;
	opacity:0;
}

.welcome p {
	line-height:80px;
	opacity:0;
}

#slide .about {
	text-align: center;
    padding: 5% 9%;
	opacity:0;
}

#slide .about h2 {
	margin-bottom:17px;
}

#slide .about p {
	line-height:36px;
}

#slide .about.single-post {
	text-align: left;
    padding: 5% 0 !important;
	opacity:0;
}

#slide .about.single-post p {
	width:62%;
	font-size:21px;
}

#slide .about.single-post a.view-online {
	padding: 15px 21px 18px 21px;
	border-radius: 4px;
	margin-top: -20px;
	margin-left: 11px;
}

.theme-links {
	margin: 51px auto 60px auto;
    width: 34%;
	overflow:hidden;
}

.theme-links a.view-online {
	padding: 15px 21px 18px 21px;
	border-radius: 4px;
	margin-left: 11px;
}

/* Main Services */
#main-services {
	padding:70px 0;
}

#main-services .item {
	opacity: 0;
	margin-top:40px;
}

#main-services .circle, #services .circle {
	width: 130px;
	height: 50px;
	border-radius: 65px;
	padding: 40px 0;
	margin:0 33px 20px 0;
}

#main-services .circle img, #services .circle img {
	 display: block;   
	 margin-left: auto;   
	 margin-right: auto;
	  -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
 
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

#main-services .circle:hover img, #services .circle:hover img {
	-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg); 
    -o-transform:rotate(360deg);
}

#main-services h1, #services h1 {
	margin-bottom:10px;
}

#main-services p, #services p {
	margin:0 19px 30px 0;
}

#main-services .more {
	border-radius:3px;
}

/* Recent Work */
.recent-work .item .desc {
	padding:10px 0 14px 0;
	margin-top:-1px;
}

.recent-work .item p {
	line-height:20px;
}

/* Recent Blog */
.recent-blog .item img {
	margin:5px 28px 0 0;
	opacity:.9;
    width: 140px;
    max-height: 107px;
}

.recent-blog .item img:hover{
	opacity:1;
}

.recent-blog .item h2 {
	margin-bottom:3px;
}

.recent-blog .item p {
	margin-bottom:7px;
}

/* Footer */
footer {
	margin-top:35px;
}

.top-footer {
	background:#353535 url('images/Jozoor_Footer_bg.jpg') no-repeat center center;
    overflow: hidden;
    width: 100%;
	min-height:210px;
	padding:40px 0 0 0;
}

.top-footer p {
	padding-right:6px;
}

form.subscribe {
	margin:10px 0 0 0;
}

input.subscribe-mail {
	padding:9px;
	border:0;
	width: 55%;
	margin-right:2px;
}

input.subscribe-submit {
	border:0;
	cursor:pointer;
	padding:9px;
}

.down-footer {
	padding:18px 0;
}

footer .copyright {
	display: block;
    margin-top: 5px;
}

footer .social a {
	display:inline-block;
	margin: 3px 0 0 21px;
}

/* Pages Content */

/* How Work */
.how-work .item {
	margin-bottom:20px;
}

.how-work .item h2 {
	margin-bottom:10px;
}

/* Team Work */
.team .item {
	padding:30px 50px;
	overflow:hidden;
}

.team .item:hover {
	-moz-box-shadow: inset 0 0 1px #828080;
    -webkit-box-shadow: inset 0 0 1px #828080;
    box-shadow: inset 0 0 1px #828080;
}

.team .item .team-img {
	float:left;
	width:208px;
	height:208px;
	border-radius: 50%;
	-moz-box-shadow: inset 0 0 17px #686868;
    -webkit-box-shadow: inset 0 0 17px #686868;
    box-shadow: inset 0 0 17px #686868;
	margin: 0 50px 0 0 ;
}

.team .item h2 {
	margin-bottom:10px;
}

.team .item span.position {
	display:block;
	margin-bottom:15px;
}

.team .item span.social {
	width: 32px;
	height: 32px;
	border-radius: 16px;
	margin-left:11px;
}

.team .item span.social.facebook img {
	margin-right:auto;
	margin-left:auto;
	display:block;
	margin-top: 5px;
}

.team .item span.social.twitter img {
	margin-right:auto;
	margin-left:auto;
	display:block;
	margin-top: 8px;
}

/* services */
#services {
	padding:50px 0 35px 0;
}

#services .item {
	margin-top:20px;
	margin-bottom:20px;
}

/* Features List */
.features-list {
	margin:10px 0 20px 0;
}

.features-list .item {
	margin-bottom:35px;
	position:relative;
}

.features-list .item .circle {
	width: 31px;
	height: 11px;
	padding:10px 0;
	border-radius: 15.5px;
	display:inline-block;
	position:absolute;
	left:0;
	top:3px;
}

.features-list .item .circle img {
	margin-right:auto;
	margin-left:auto;
	display:block;
}

.features-list .item h2, .features-list .item p {
	padding-left:45px;
}

.features-list .item h2 {
	margin-bottom:6px;
}

/* Get In Touch */
.get-in-touch {
	padding:40px 30px;
	margin:20px 0 50px 0;
}

.get-in-touch:hover {
	-moz-box-shadow: inset 0 0 1px #828080;
    -webkit-box-shadow: inset 0 0 1px #828080;
    box-shadow: inset 0 0 1px #828080;
}

.get-in-touch h2 {
	margin-bottom:17px;
}

.get-in-touch a.contact {
	padding: 15px 35px 19px 35px;
	display: inline-block;
	margin-top: 34px;
}


/* Single project */
.share-icons, .projects-links {
	margin-top:30px !important;
	margin-bottom:30px !important;
}

.share-icons h3 {
	margin-right:20px;
}

.share-icons span.social {
	width: 38px;
	height: 34px;
	border-radius:3px;
	margin-right:7px;
}

.share-icons span.social.facebook img {
	margin-right:auto;
	margin-left:auto;
	display:block;
	margin-top: 7px;
}

.share-icons span.social.pinterest img {
	margin-right:auto;
	margin-left:auto;
	display:block;
	margin-top: 6px;
}

.share-icons span.social.twitter img {
	margin-right:auto;
	margin-left:auto;
	display:block;
	margin-top: 9px;
}

.share-icons span.social.google img {
	margin-right:auto;
	margin-left:auto;
	display:block;
	margin-top: 8px;
}

.projects-links .link {
	width: 38px;
	height: 34px;
	border-radius:3px;
	margin-left:7px;
}

.projects-links .link.next-project {
	background:#434343 url(images/icons/arrow-right.png) no-repeat;
	background-position:50% 50%;
}

.projects-links .link.prev-project {
	background:#434343 url(images/icons/arrow-left.png) no-repeat;
	background-position:45% 50%;
}

.projects-links .link.our-work {
	background:#434343 url(images/icons/our-work.png) no-repeat;
	background-position:50% 50%;
}

/* disabled */
.projects-links .link.next-project.disabled {
	background:#fff url(images/icons/arrow-right-disabled.png) no-repeat;
	background-position:50% 50%;
	-moz-box-shadow: inset 0 0 1px #828080;
    -webkit-box-shadow: inset 0 0 1px #828080;
    box-shadow: inset 0 0 1px #828080;
	cursor:default;
}

.projects-links .link.prev-project.disabled {
	background:#fff url(images/icons/arrow-left-disabled.png) no-repeat;
	background-position:45% 50%;
	-moz-box-shadow: inset 0 0 1px #828080;
    -webkit-box-shadow: inset 0 0 1px #828080;
    box-shadow: inset 0 0 1px #828080;
	cursor:default;
}

/* About Project */
.about-project {
	overflow:hidden;
	margin:30px 0 40px 0;
}

.about-project h2 {
	margin-bottom:12px;
}

/* Blog Content */
.blog-content {
	margin:35px 0;
	overflow:hidden;
}

.blog-content .post {
	padding-bottom:30px;
	margin-bottom:25px;
	border-bottom:1px solid #eaeaea;
}

.blog-content .post .post-meta {
	padding: 5px 0 14px 0;
    min-height: 16px;
	line-height: 25px;
}

.blog-content .pagination {
	width: 100%;
    margin-top: 15px;
    float: left;
    margin-bottom: 0;
}

/* Sidebar */
.sidebar {
	padding-left: 15px;
}

.widget {
	margin-bottom:35px;
}

.widget h2 {
	margin-bottom: 15px;
}

.widget .search {
	position:relative;
}

input.search {
	padding: 12px 30px 14px 8px;
	width: 85%;
	border: 1px solid #eaeaea;
	position: relative;
	display: block;
}

input.submit-search {
	background:url(images/icons/search-icon.png) no-repeat;
	width:15px;
	height:15px;
	border:none;
	position:absolute;
	top: 19px;
    right: 11px;
	cursor:pointer;
}

.widget li {
	padding: 14px 0 14px 0;
	border-bottom: 1px solid #EAEAEA;
}

.widget li:last-child {
	border-bottom: 0;
}

.post.single-post .post-content p {
	margin-bottom:25px;
}

.post.single-post .post-content h1, .post.single-post .post-content h2, .post.single-post .post-content h3 {
	margin:5px 0 8px 0;
}

.post-content p img {
	margin:20px 0 9px 0;
}

.blog-content .post.single-post {
	margin-bottom:0;
}

.author-comments {
	overflow:hidden;
	margin:37px 0 30px 0;
	padding-bottom:15px;
	border-bottom: 1px solid #EAEAEA;
}

/* comments blog */
.comments {
	padding:10px 0;
	overflow:hidden;
}


.comments li.comment {
	overflow: hidden;
    margin-bottom: 22px;
	padding-bottom:22px;
	border-bottom:1px solid #eaeaea;
        width:100%;
}

div.comment {
	width:86%;
}

.children {
	width:86%;
	margin:20px 0 0 0;
}

.children li.comment {
	overflow:hidden;
	margin-bottom:15px;
}

.children li.comment:last-child {
	padding-bottom:0;
	border-bottom:0;
}

.children div.comment{
	width:84%;
}

div.avatar {
	margin-top:9px;
}

.avatar img {
	border-radius:50%;
}

.comment h3 {
	margin-bottom:4px;
}

.comment p {
	margin-top:15px;
}

h2.add-comment {
	margin:15px 0 25px 0;
}

/* comments form */
.form-box label {
    padding: 5px 0;
	margin-bottom: 8px;
	display: block;	
}

.form-box, .comment-form {
	margin-bottom:20px;
}

.comment-form .button {
	padding:11px 15px;
}

.comment-form input.text, .comment-form textarea {
	border:1px solid #e5e5e5;
	padding:10px 10px;
	width:50%;
	display:block;
}

.comment-form textarea {
	width:96.6%;
	min-height:150px;
	line-height:25px;
}

/* Contact Form */
.contact-form {
	overflow:hidden;
	margin:45px 0 40px 0;
}

.contact-form h2.title {
	margin-bottom:30px;
}

.contact-form input.text, .contact-form textarea {
	border:1px solid #e5e5e5;
	padding:11px 10px;
	width:92%;
	display:block;
}

.contact-form textarea {
	width:97.6%;
	min-height:200px;
	line-height:25px;
}

.contact-form .form-box {
	width:300px;
	margin:0 20px 15px 0;
}

.contact-form .form-box.last {
	margin-right:0 !important;
}

.contact-form .form-box.big {
	width:100%;
}

.contact-form .share-icons span.social {
	margin-right: 0;
	margin-left:7px;
}

.contact-form .share-icons h3 {
	margin-right:15px;
}

/* Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.navigation ul li a {
    display: block;
    padding: 37px 7px 34px 7px;
	font-size:15px;
}

#slide.home {
	height:500px;
}

.welcome h2 {
	font-size:78px;
}

.welcome p {
	font-size:49px;
}

#main-services .circle, #services .circle {
	margin: 0 31% 20px 32%;
}

#main-services h1, #main-services p, #services h1, #services p {
	text-align:center;
}

#main-services p, #services p {
	margin:0;
}

#main-services .more {
	display:none;
}

.recent-blog .item img {
	display:none;
}

#toTop {
	display:none !important;
}

.top-footer {
	min-height: 230px;
    padding: 30px 0 10px 0;
}

footer p, #tweets-footer, input.subscribe-mail, input.subscribe-submit {
	font-size:14px;
}

input.subscribe-mail {
	width:91.5%;
	margin-bottom: 5px;
	margin-right:0;
}

form.subscribe {
	margin:5px 0 0 0;
}

input.subscribe-submit {
	margin: 0;
    width: 99%;
}

#contain .element-3 {
    min-height: 247px;
}

#slide .about {
   	padding: 5% 4%;
}

.how-work .item p {
	font-size:14px;
}

#options {
	/* old data for 3 categories
    width: 57.5%;
    */
    width: 37.5%;
}

.pagination {
	width: 43%;
}

#slide .about.single-post p {
	width:61%;
	font-size:17px;
}

#slide .about.single-post a.view-online {
	padding: 15px 15px 18px 15px;
	margin-top: -12px;
	font-size: 19px;
}

#slide .about.single-post h2 {
	font-size:29px;
}

.theme-links {
    width: 44%;
}

.blog-content .post h2.title {
	font-size:25px;
}

input.search {
	width:80%;
}

.comment{
	width:84%;
}

.children .comment{
	width:82%;
}

.contact-form .form-box {
	width: 235px;
}

.contact-form textarea {
	width: 96.6%;
}

footer .social a { margin: 3px 0 0 14px; }


}



/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

.title {
    display: none;
}

.welcome h2 {
	font-size:78px;
}

.welcome p {
	font-size:49px;
}

#main-services p, #services p {
	margin:0;
}

#main-services .more {
	display:none;
}

#toTop {
	display:none !important;
}

.team .item {
	padding:30px;
}

.team .item .team-img {
	float:none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.head-title h2 {
	font-size:32px;
}

.video-wrap {
	padding-top: 0;
}
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.js #nav { 
    display: none; 
}

.js .selectnav { 
	display: block;
	padding:10px;
	width:100%;
	margin-bottom: 32px;
	cursor:pointer;
}

.logo {
	margin:26px 29%;
}

.title {
    display: none;
}

#slide.home {
	height:370px;
	margin-top:150px;
}

.welcome {
    padding: 23% 0 0 0;
}

.welcome h2 {
	font-size:55px;
	margin-bottom:10px;
}

.welcome p {
	font-size:27px;
	line-height:40px;
}

#main-services .item, #services .item {
	margin-bottom:20px;
}

#main-services .item:last-child, #services .item:last-child {
	margin-bottom:0;
}

#main-services p, #services p {
	margin:0;
}

#main-services .more {
	display:none;
}

#toTop {
	display:none !important;
}

.top-footer {
	background:#353535;
}

.top-footer {
	min-height: 230px;
    padding: 30px 0 10px 0;
}

.top-footer .widget {
	margin-bottom:20px;
}

input.subscribe-mail {
	width: 69%;
}

footer .copyright {
	padding-bottom: 20px;
    display: block;
    text-align: center;
}

footer .social {
	float: none;
    text-align: center;
}

#contain .element-3 {
	min-height:374px;
}

#slide {
	margin-top:162px;
}

#slide .about {
	padding: 7% 0;
}

#slide .about h2 {
	font-size:32px;
}

#slide .about p {
	font-size:21px;
}

.team .item {
	padding:25px;
}

.team .item .team-img {
	float:none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.get-in-touch h2 {
	font-size:28px;
}

.get-in-touch p {
	font-size: 20px;
}

#options {
	width:100%;
	font-size:17px;
}

.pagination {
	width: 100%;
}

#slide .about.single-post {
	text-align:center;
}

#slide .about.single-post p {
	display:none;
}

#slide .about.single-post a.view-online {
	margin-top: 12px;
	margin-left:0;
	margin-right:0;
	display:block;
	float:none;
}

.flex-direction-nav li a{
	width:25px;
	height:55px;
	top:38%;
}

#slide .about.single-post h2 {
	font-size:27px;
}

.head-title h2 {
	font-size:32px;
}

.theme-links {
    width: 100%;
}

.theme-links a.view-online {
	margin-bottom: 12px;
	margin-left: 0;
	margin-right: 0;
	display: block;
	float: none;
	text-align: center;
}

.blog-content .post h2.title {
	font-size:23px;
}

.sidebar {
	padding:20px 0;
}

input.search {
	width:355px;
	padding-right:40px;
}

input.submit-search {
	right: 20px;
}

.blog-content .projects-links {
	margin-right: 5px;
}

.comment{
	width:79%;
}

.children .comment{
	width:76%;
}

.comment-form textarea, .comment-form input.text {
    width: 93.6%;	
}

.contact-form .form-box {
	width: 100%;
}

.contact-form input.text {
	width:94%;
}

.contact-form textarea {
	width: 94.3%;
}

.contact-form .share-icons {
	float:left;
}

footer .social a { margin: 3px 10px 0 10px; }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

.service {
	margin-left:0px;
}


.js #nav { 
    display: none; 
}

.js .selectnav { 
	display: block;
	padding:10px;
	width:90%;
	margin-bottom: 32px;
	cursor:pointer;
	margin-left:5%;
	margin-right:5%;
}

.logo {
	margin:26px 22%;
}

.title {
    display: none;
}

#slide.home {
	height:300px;
	margin-top:150px;
}

.welcome {
    padding: 18% 0 0 0;
}

.welcome h2 {
	font-size:55px;
	margin-bottom:10px;
}

.welcome p {
	font-size:27px;
	line-height:40px;
}

#main-services .item, #services .item {
	margin-bottom:25px;
}

#main-services .item:last-child, #services .item:last-child {
	margin-bottom:0;
}

#main-services .circle, #services .circle {
	margin: 0 30% 20px 30%;
}

#main-services h1, #main-services p, #services h1, #services p {
	text-align:center;
}

#main-services p, #services p {
	margin:0;
}

#main-services .more {
	display:none;
}

.recent-blog .item img {
	display:none;
}

#toTop {
	display:none !important;
}

.top-footer {
	background:#353535;
}

.top-footer {
	min-height: 230px;
    padding: 30px 0 10px 0;
}

.top-footer .widget {
	margin-bottom:20px;
}

input.subscribe-mail {
	width: 272px;
	margin-bottom: 5px;
	margin-right:0;
}

input.subscribe-submit {
	margin: 0;
    width: 290px;
}

footer p, #tweets-footer, input.subscribe-mail, input.subscribe-submit {
	font-size:14px;
}

footer .copyright {
	padding-bottom: 20px;
    display: block;
    text-align: center;
	line-height: 22px;
}

footer .social {
	float: none;
    text-align: center;
}

#contain .element-3 {
	min-height:286px;
}

#slide {
	margin-top:160px;
}

#slide .about {
	padding: 8% 0;
}

#slide .about h2 {
	font-size:26px;
}

#slide .about p {
	font-size:16px;
	line-height: 29px;
}

.how-work .item p {
	font-size:15px;
}

.team .item {
	padding:25px;
}

.team .item h2 {
	margin-bottom:61px;
}

.team .item span.social {
	float:left;
	margin-right: 11px;
	margin-left:0;
	margin-top: 10px;
}

.get-in-touch h2 {
	font-size:20px;
}

.get-in-touch p {
	font-size: 16px;
}

.get-in-touch a.contact {
	font-size:19px;
}

#options {
	width:100%;
	font-size:17px;
}

.pagination {
	width: 100%;
}

#slide .about.single-post {
	text-align:center;
}

#slide .about.single-post p {
	display:none;
}

#slide .about.single-post a.view-online {
	margin-top: 12px;
	margin-left:0;
	margin-right:0;
	display:block;
	float:none;
}

.flex-direction-nav li a{
	width:20px;
	height:50px;
	top:35%;
}

.share-icons {
	margin-bottom:0 !important;
}

.projects-links {
	float:left;
}

.projects-links .link {
	margin-right:7px;
	margin-left:0;
}

.head-title h2 {
	font-size:28px;
}

.theme-links {
    width: 100%;
}

.theme-links a.view-online {
	margin-bottom: 12px;
	margin-left: 0;
	margin-right: 0;
	display: block;
	float: none;
	text-align: center;
}

.blog-content .post h2.title {
	font-size:21px;
}

.sidebar {
	padding:20px 0;
}

input.search {
	width:81%;
	padding-right:40px;
}

input.submit-search {
	right: 20px;
}

.comment{
	width:73%;
}

.children .comment{
	width:70%;
}

.comment-form textarea, .comment-form input.text {
    width: 90.6%;	
}

.contact-form .form-box {
	width: 100%;
}

.contact-form input.text {
	width:92%;
}

.contact-form textarea {
	width: 92%;
}

.contact-form .share-icons {
	float:left;
}

.contact-form .share-icons h3 { width: 100%; margin-bottom:15px; }

.contact-form .share-icons span.social {  margin-right: 7px; margin-left: 0; }

footer .social a { margin: 3px 10px 0 10px; }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 320px) {

.logo {
	margin:26px 22%;
}

.title {
    display: none;
}

#main-services p, #services p {
	padding:0 5%;
}

#main-services .circle, #services .circle {
	margin: 0 24% 20px 24%;
}

.welcome p {
	font-size:22px;
	line-height:30px;
}

.recent-blog .item img {
	display:none;
}

#toTop {
	display:none !important;
}

.head-title h2 {
	font-size:28px;
}

.top-footer {
	background:#353535;
}

input.subscribe-mail {
	width: 85%;
	margin-bottom: 5px;
	margin-right:0;
}

input.subscribe-submit {
	margin: 0;
    width: 91.5%;
}

#contain .element-3 {
	min-height:249px;
}

#slide {
	margin-top:156px;
}

.team .item h2 {
	font-size:19px;
}

.team .item .team-img {
	width: 168px;
    height: 168px;
}

.team .item span.social {
	float: right;
}
.team .item h2 {
	margin-bottom: 38px;
}

.get-in-touch {
	padding: 40px 26px;
}

.get-in-touch a.contact {
	font-size:16px;
}

input.search {
	width:80%;
	padding-right:40px;
}

input.submit-search {
	right: 20px;
}

.contact-form input.text, .contact-form textarea {
	width:88%;
}


}