/*   
Theme Name: Crevision
Theme URI: http://www.jozoor.com
Description: Crevision Theme for corporate and creative sites, responsive and clean layout, more than color skins, Fully Customizable, Comprehensive Theme Options and more..
Author: Jozoor Team
Author URI: http://www.jozoor.com
Version: 1.3.2
*/

/* 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 10px 34px 10px;
}

.form {
	padding-top: 10px;
}

/* End */

.clients ul.items li {
	margin: 10px 10px;
}

.subscribe input.submit {
	margin-right:-4px;
}

.sti-menu li a h2{
	padding: 0;
}

a.link {
	font-size:13px;
	padding:15px;
	margin: 6px 0 0 0;
}

.qoute h2 {
	font-size:18px;
}

.qoute p {
	font-size:13px;
}

.team h3 {
	font-size:15px;
}

a.twitter, a.facebook, a.skype, a.linkedin {
	margin-left:1px;
}

.border {
	max-width:225px;
}

.pricing-tables-1 .tables-column {
	width:186px;
}

.pricing-tables-2 .tables-column {
	width:186px;
}

.pricing-tables-2 .tables-column.data-title {
	display:none;
}

.pricing-tables-2 .tables-column .list li:before {
	content: attr(data-title) '' ;
	text-align:center;
	display:block;
	margin-bottom:13px;
	font-family: 'TitilliumText22LRegular', Arial, sans-serif;
	font-weight:bold;
	color:#7e7e7e;
}

#contain .element-4 {
	min-height:185px;
}

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

#contain .element-2 {
	min-height:330px;
}

input.search {
	width:82%;
}

div.comment{ /* new code */
	width:84%;
}

.comments .children div.comment{ /* new code */
	width:82%;
}

input.text, textarea {
	width:95.8%;
}

.form-box {
	width:100%;
	margin:0 0 10px 0;
}

#sidebar.thumbs li {
	width:38.7%;
}

#footer.thumbs li {
	margin:5px 5px 5px 0;
}

#footer.thumbs li img {
	max-width: 77px;
    min-height: 75px;
}

.whyus img {
	max-width:225px;
}

/* new code */
.recent-work .item img.pic.column-3, .portfolio .item img.pic.column-3 {
    height: 173px;
}

/* new code */
.recent-work .item img.pic.column-4, .portfolio .item img.pic.column-4 {
    height: 126px;
}

/* new code */
.five.columns input.subscribe-mail {
    width:55%;
}

/* new code */
ul.team li img {
   max-width: 236px;   
}

/* new code */
ul.team li img {
    min-height: 182px;
}

/* new code */
.big-tooltips .colorTip{
    left:240%;
}

.big-tooltips .pointyTip,.pointyTipShadow{
    left:31.5%;
}

}



/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    
/* new code */    
.recent-work .item img.pic.column-3, .portfolio .item img.pic.column-3, .recent-work .item img.pic.column-4, .portfolio .item img.pic.column-4 {
    height: 308px;
} 

/* new code */
.five.columns input.subscribe-mail {
    width:76%;
}
  
	
}

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

.logo {
	margin:28px 28%;
}

.js #nav { 
    display: none; 
}

.js .selectnav { 
	display: block;
	padding:10px;
	width:100%;
	border:1px solid #d5d5d5;
	margin-bottom: 22px;
	cursor:pointer;
}
 
#slider {
    margin-top:20px;
}

.flex-caption {
    font-size: 13px;
}

.flex-caption span {
	font-size:15px;
}

.flex-caption{
    width:95.2%;
    padding:5px 10px;
    margin:0;
    position:absolute;
    left:0px;
    bottom:0;
	line-height:18px;
}
 
.flex-caption span {
	display:block;
	padding:0 0 3px 0;
}

.flex-caption {
	display:none !important;
}

.clients ul.items li {
	margin: 10px 15px;
}

.subscribe input.mail {
	width:76%;
	margin: 18px 0 8px 0;
}

.subscribe input.submit {
	margin:18px 0 0 ;
	padding:7px 16px;
}

/* new code */
input.subscribe-mail {
	width:76%;
	margin: 18px 0 8px 0;
}

/* new code */
input.subscribe-submit {
	margin:18px 0 0 ;
	padding:7px 16px;
}

span.copyright {
	padding-bottom: 17px;
    display: block;
	text-align:center;
}

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

.sti-icon{
	position:absolute;
	top:36px;
    left: 45%;
}

.sti-menu li a h2{
	padding: 0 ;
}

.qoute h2 {
	font-size:16px;
}

.qoute p {
	font-size:13px;
}

a.link {
	margin: 10px 0 0 0;
}

.border {
	min-width:410px;
}

ul.team  li img, img.pic {
	min-width:420px;
}

.image-post img {
	min-width:420px;
	max-height:250px;
}

blockquote {
	background-position:4% 20%;
}

.slidecontrols li a.next {
	position:absolute;
	top:32px;
	right:0;
}

.slidecontrols li a.prev {
	position:absolute;
	top:32px;
	right:37px;
}

.pricing-tables-1 {
	margin:5px 0;
}

.pricing-tables-1 .tables-column {
	width:209px;
	margin-bottom:30px;
}

.pricing-tables-2 .tables-column {
	width:209px;
	margin-bottom:30px;
}

.pricing-tables-2 .tables-column.data-title {
	display:none;
}


.pricing-tables-2 .tables-column .list li:before {
	content: attr(data-title) '' ;
	text-align:center;
	display:block;
	margin-bottom:13px;
	font-family: 'TitilliumText22LRegular', Arial, sans-serif;
	font-weight:bold;
	color:#7e7e7e;
}

#contain .element-2 {
	min-height:370px;
}


.flex-direction-nav li a{
	width:25px;
	height:45px;
}

input.search {
	width:91%;
}

.date-post {
	margin-bottom:10px;
}

.date-post .day, .date-post .month {
	width:auto;
}

img.pic-3 {
	min-width:420px;
	max-height:250px;
}

div.comment{ /* new code */
	width:83%;
}


.comments .children div.comment{ /* new code */
	width:81%;
}


input.text, textarea {
	width:94.8%;
}

.form-box {
	width:100%;
	margin:0 0 10px 0;
}

.form input.button {
	width:100%;
}

.ei-slider{
	height: 265px;
}

.ei-title {
	display:none;
}


#under-construction h1, #under-construction p {
	text-align:center;
}

#under-construction h1 {
	font-size:27px;
}

#under-construction p { 
	line-height:35px;
	font-size:20px;
}

#clock-ticker .block {
	margin:0 15px 30px 15px;
	padding:10px 46px;
}


.social-under {
	margin-top:20px !important;
}

input.subscribe-text {
	width: 354px;
    margin: 5px 15px 8px 15px;
}

input.subscribe-button {
	width: 388px;
    margin: 8px 15px 5px 15px;
}


.under-construction .copyright {
    display: block;
    text-align: center;
}

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

#sidebar.thumbs li {
	width:30.9%;
}

#footer.thumbs li {
	width:30.9%;
}

#horizontal-tabs ul.tabs li {
	margin-bottom:5px;
}

.notification_ok {
	margin:30px 0 0px 0;
}

#sidebar.thumbs li img, #footer.thumbs li img {
       width: 126px;
       height: 105px;
}

/* new code */
.recent-work .item img.pic.column-3, .portfolio .item img.pic.column-3, .recent-work .item img.pic.column-4, .portfolio .item img.pic.column-4 {
    height: 308px;
}


/* new code */
.five.columns input.subscribe-mail {
    width:76%;
}




}

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

.logo {
    margin:28px 20%;
}

.js #nav { 
    display: none; 
}

.js .selectnav { 
	display: block;
	padding:10px;
	width:100%;
	border:1px solid #d5d5d5;
	margin-bottom: 22px;
	cursor:pointer;
}

/* slider */
#slider {
	margin-top:20px;
}

.services h3 {
	padding:0;
}

.services p {
	line-height:20px;
	font-size:12px;
}

.services .item {
	padding-right: 5px;
}

.services .item .square {
	margin-right:12px;
}

#toTop {
	right:8px;
}

.flex-caption {
    font-size: 11px;
}

.flex-caption span {
	font-size:13px;
}

.flex-caption{
    width:93.2%;
    padding:5px 10px;
    margin:0;
    position:absolute;
    left:0px;
    bottom:0;
	line-height:15px;
}
 
.flex-caption span {
	display:block;
	padding:0 0 3px 0;
}

.flex-caption {
	display:none !important;
}

.date {
	margin:0 18px 52px 0;
}

.clients ul.items li {
	margin: 10px 50px;
}

.subscribe input.mail {
	width:67%;
	margin: 18px 0 8px 0;
}

.subscribe input.submit {
	margin:18px 0 0 ;
	padding:7px 16px;
}

/* new code */
input.subscribe-mail {
	width:67%;
	margin: 18px 0 8px 0;
}

/* new code */
input.subscribe-submit {
	margin:18px 0 0 ;
	padding:7px 16px;
}

span.copyright {
	padding-bottom: 17px;
    display: block;
	text-align:center;
}

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

.sti-icon{
	position:absolute;
	top:36px;
    left: 45%;
}

.sti-menu li a h2{
	padding: 0 ;
}

.qoute h2 {
	font-size:16px;
}

.qoute p {
	font-size:13px;
}

a.link {
	margin: 10px 0 0 0;
	width:84%;
}

.team h3 {
	font-size:15px;
}

a.twitter, a.facebook, a.skype, a.linkedin {
	margin-left:1px;
}

.alert {
	padding:12px 12px 12px 32px;
	font-size:13px;
}

.error, .success, .info, .notice { background-position: 2% 50%; }

.close { position: absolute; right: 4px; top: 15px; }

.slidecontrols li a.next {
	position:absolute;
	top:32px;
	right:0;
}

.slidecontrols li a.prev {
	position:absolute;
	top:32px;
	right:37px;
}

.pricing-tables-1 {
	margin:5px 0;
}

.pricing-tables-1 .tables-column {
	width:100%;
}

.tables-column.featured .header h1 {
	margin-top:0;
}

.pricing-tables-2 .tables-column {
	width:100%;
}

.pricing-tables-2 .tables-column.data-title {
	display:none;
}

.pricing-tables-2 .tables-column .list li:before {
	content: attr(data-title) '' ;
	text-align:center;
	display:block;
	margin-bottom:13px;
	font-family: 'TitilliumText22LRegular', Arial, sans-serif;
	font-weight:bold;
	color:#7e7e7e;
}

#contain .element-2 {
	min-height:290px;
}


.flex-direction-nav li a{
	width:20px;
	height:40px;
}

input.search {
	width:87%;
}

.image-post img {
	min-width:300px;
	max-height:220px;
}

.date-post {
	margin-bottom:10px;
}

.date-post .day, .date-post .month {
	width:auto;
}

div.comment{ /* new code */
	width:75%;
}

span.right {
	float:left !important;
	margin:25px 0 10px 0;
	display:block;
	width:100%;
}

.comments .children div.comment{ /* new code */
	width:71%;
}

input.text, textarea {
	width:92.8%;
}

.form-box {
	width:100%;
	margin:0 0 10px 0;
}

.form input.button {
	width:100%;
}

.ei-slider{
	height: 165px;
}

.ei-title {
	display:none;
}

#under-construction h1, #under-construction p {
	text-align:center;
}

#under-construction h1 {
	font-size:20px;
}

#under-construction p { 
	line-height:35px;
	font-size:16px;
}

#clock-ticker .block {
	margin:0 15px 30px 15px;
	padding:10px 16px;
}

.social-under {
	margin-top:20px !important;
}

input.subscribe-text {
	width: 266px;
    margin: 5px 0 8px 0;
}

input.subscribe-button {
	width: 300px;
    margin: 8px 0 5px 0;
}


.under-construction .copyright {
    display: block;
    text-align: center;
}

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


#sidebar.thumbs li {
	width:46.6%;
}

#footer.thumbs li {
	width:46.6%;
}

#horizontal-tabs ul.tabs li {
	margin-bottom:5px;
}

.notification_ok {
	margin:30px 0 0px 0;
}

#sidebar.thumbs li img, #footer.thumbs li img {
	width: 143px;
	height: 115px;
}

/* new code */
.recent-work .item img.pic.column-3, .portfolio .item img.pic.column-3, .recent-work .item img.pic.column-4, .portfolio .item img.pic.column-4 {
    height: 220px;
}

/* new code */
.post-content form label input[type="password"]{
    border: 1px solid #E5E5E5;
    padding: 8px 10px;
    width: 92%;
    margin: 5px 0;
}

.post-content form input[type="submit"]{
    border: none;
    padding: 7px 10px;
    margin: 5px 0;
    width: 99%;
    cursor: pointer;
}

/* new code */
.five.columns input.subscribe-mail {
    width:67%;
}

/* new code */
.big-tooltips .colorTip{
    left:-185%;
    min-width:200px !important;
}

.big-tooltips .pointyTip,.pointyTipShadow{
    left:75.5%;
}
  


}