﻿/* ============================================================================
	- CSS Document
	- Theme Name: EXCEPTION Multi-Purpose Responsive Template.
	- Theme URI: http://demo.it-rays.com/exception
	- Author: IT-RAYS
	- Version: 1.0
============================================================================= */

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.clearfix:after,.container:after,.row:after{
	clear: both;
}
[class*="cell-"],.masonry .post-item {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right:15px;
	float:left
}
.row{
	margin-right:-15px;
	margin-left:-15px
}
.cell-12 {width: 100%;}
.cell-11 {width: 91.66666667%;}
.cell-10 {width: 83.33333333%;}
.cell-9 {width: 75%;}
.cell-8 {width: 69.666667%;}
.cell-7 {width: 58.33333333%;}
.cell-6,.masonry .post-item {width: 50%;}
.cell-5 {width: 41.66666667%;}
.cell-4,.masonry.nobar .post-item {width: 33.33333333%;}
.cell-3 {width: 25%;}
.cell-2 {width: 16.66666667%;}
.cell-1 {width: 8.33333333%;}
.responsive-nav,.menuBtn,.responsive-one,.mobileLanguage{
	display:none
}
@media (min-width: 1200px) {
	.container{
		width: 1170px;
	}
	.pageWrapper.fixedPage {
		width: 1170px;
		margin: 20px auto;
		border-radius: 10px;
		border-top-width: 2px;
		border-top-style: solid;
	}
	.fixedPage .top-bar,.fixedPage .login-box{
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	} 
}
@media all and (max-width: 1447px) and (min-width: 1200px) {
	.left-side-wrap .container,.right-side-wrap .container{
		width: auto;
	}
}

@media (max-width: 1024px) {
	.dark-bg h2{
		font-size:20px;
	}
  	.head2-lft-links{
		float:right !important;
		width:auto !important
	}
	.head2-lft-links li,.head-style2 .right-bar{
		float:left !important
	}
	.bg-head2{
		display:none
	}
	.head2-lft-links li i{
		margin-right:10px;
		float:left;
		margin-top:4px
	}
	.head-style2 .top-menu{
		margin:auto;
		float:none !important;
		clear:both !important;
	}
	.top-nav > ul > li > a{
		padding-right:13px;
		padding-left:13px
	}
	.side-heading{
		font-size:26px
	}
	.team-box .team-socials li a{
		font-size:15px;
		padding:3px 5px
	}
	.pageWrapper.fixedPage{
		width: auto;
	}
	.masonry .post-image {
		max-height: 138px !important;
		overflow: hidden;
	}
	footer .NL .input-box,footer .NL .txt-box,footer .NL .NL-btn,footer .NL .NL-btn .btn{
		transform: skew(0deg, 0);
		-webkit-transform: skew(0deg, 0);
		-moz-transform: skew(0deg, 0);
		-o-transform: skew(0deg, 0);
		-ms-transform: skew(0deg, 0);
	}
	footer .NL .input-box{
		margin:0;
		padding-left:10px
	}
	footer .NL:before{
		left:7px
	}
}
@media (max-width: 1188px) {
	.masonry .post-image {
		max-height: 137px;
	}
}

@media (max-width: 1070px) {
	.testimonials-img{
		max-width:60px
	}
	.masonry .post-image {
		max-height: 167px;
	}
}


/********* version 2 *********/

@media (max-width: 1200px) {
	.nav-4 .top-nav > ul > li > a i{
		display:none
	}
	.timeline_no_bar .timeline-cell:nth-child(even) .timeline_date{
		left: -98px;
	}
	.timeline_no_bar .timeline-cell:nth-child(odd) .timeline_date{
		right: -97px;
	}
	.timeline_no_bar .timeline_date:before{
		left: 20px;
	}
	.timeline_no_bar .timeline-cell:nth-child(even) .timeline_date:before{
		right: 18px;
	}
}
@media (max-width: 1100px) {
	footer .NL .input-box{
		width:60%
	}
}
@media (max-width: 1024px) {
	.page-title > .container > .row .lft-title{
		margin:auto
	}
	.timeline_no_bar .timeline-cell:nth-child(odd) .timeline_date {
		right: -89px;
	}
	.timeline_no_bar .timeline-cell:nth-child(even) .timeline_date{
		left: -91px;
	}
	.timeline_no_bar .timeline_date:before{
		left: 28px;
	}
	.timeline_no_bar .timeline-cell:nth-child(even) .timeline_date:before {
		right: 25px;
	}
}
@media (max-width: 992px) {
	.blog-timeline > .row{
		margin:0
	}
	.timeline_no_bar .timeline-cell{
		float:none !important;
		width:100% !important;
		clear:both !important;
		margin:0 0 30px !important
	}
	.blog-timeline:before,.top-nav-style3{
		display:none !important
	}
	.blog-timeline .timeline_date{
		display:none
	}
	.blog-timeline .meta-date{
		display:list-item
	}
	.timeline_no_bar .timeline-cell .post-item{
		min-height:inherit
	}
	.timeline-cell .cont{
		display:block;
		padding: 10px;
	}
	.timeline-left .timeline-cell,.timeline-right .timeline-cell{
		margin:0 0 30px;
		padding:0
	}
	.blog-timeline .timeline-left:before,.blog-timeline .timeline-right:before,.top-bar{
		display:none
	}
}

