/**** Base styles ****/



html { overflow-y: scroll; }

/**** Content ****/


.hidden { display: none; }

/**** Demos ****/

#container {
	/*padding: 5px;*/
	margin-bottom: 20px;
	clear: both;
	margin: 0px auto;
	width: 1280px;
	  margin-bottom: 15px !important;
}

.centered { margin: 0 auto; }

.box {
	margin: 10px;
	/*background: #D8D5D2;*/
	float: left;
}

.rtl .box {
	float: right;
	text-align: right;
	direction: rtl;
}

.col1 { width: 300px; }

.col2 { width: 620px; }

.col3 { width: 940px; }

.col4 { width: 1260px; }

/**** Transitions ****/


.transitions-enabled.masonry, .transitions-enabled.masonry .masonry-brick {
	-webkit-transition-duration: 0.7s;
	-moz-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	transition-duration: 0.7s;
}

.transitions-enabled.masonry {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.transitions-enabled.masonry .masonry-brick {
	-webkit-transition-property: left, right, top;
	-moz-transition-property: left, right, top;
	-o-transition-property: left, right, top;
	transition-property: left, right, top;
}

/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
}

/**** Primer comparison ****/

#comparison { overflow: auto; }

/* Infinite Scroll loader */

#infscr-loading {
	z-index: 5000;
	position: fixed;
	left: 10px;
	bottom: 40px;
	width: 200px;
	height: 100px;
	padding: 10px;
	background: #000;
	opacity: 0.8;
	color: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/**** Clearfix ****/
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }
.tablet-view {display:block;}
.mobile-view {display:none;}
 @media screen and (min-width:1025px) and (max-width:1360px) {
 #container {
width:960px;
margin: 0 auto;
}
.delta {background:#fff; height:600px;}
.col4 {
width: 940px;
}
.half-1 {width:100%;}
.half-2 {float:left;display:none;}
}

 @media screen and (min-width:725px) and (max-width:1024px) {
 #container {
width:640px !important;
margin: 0 auto;
}
.col3 {
width: 940px;
}
.col4 {
width: 940px;
}

}
 @media screen and (min-width:725px) and (max-width:1024px) and (orientation : landscape) {
 #container {
width:960px !important;
margin: 0 auto;

}
.col3 {width: 940px;}
.col4 { width: 940px;}

.carousel-caption {
  bottom: 20px !important;
  text-align: left !important;
  left: 28px !important;}
.carousel-inner {  height: 350px; background-color: #000;} 
.carousel-inner>.item{ transition: transform 0.3s ease-in-out; }
.shadow {
  position: absolute;
  width: 100%;
  height: 350px !important;
  -webkit-box-shadow: inset 0 -200px 80px -46px rgba(0, 0, 0, 0.60);
  -moz-box-shadow: inset 0 -200px 80px -46px rgba(0, 0, 0, 0.60);
  box-shadow: inset 0 -200px 80px -46px rgba(0, 0, 0, 0.60);
  top: 0;
  left: 0;}
.half-1 {width:100%;}
.half-2 {float:left;display:none;}
.delta {background:#fff; height:600px;}
.feat-article-container {
  height: 290px !important;
}
.feat-article-container .shadow {left:0 !important;width: 100% !important;
  height: 290px !important;}
  .beside-opinion {height: auto !Important;}

}
@media screen and (min-width:725px) and (max-width:1024px) and (orientation : portrait) {
 #container {
width:640px;
margin: 0 auto;

}
.col3 {width: 620px;}
.col4 {width: 620px;}
.half-1 {width:100%;}
.half-2 {float:left;display:none;}
.delta {background:#fff; height:600px;}
.feat-article-container { height: 290px !important;}
.feat-article-container .shadow {left:0 !important;width: 100% !important;
  height: 290px !important;}

.carousel-inner {  height: 301px; background-color: #000;} 
.carousel-inner>.item{ transition: transform 0.3s ease-in-out; }

 @media screen and (min-width:481px) and (max-width: 724px) {
 #container {
width: 90%;
 margin: 0 auto;
 margin-left: 0px;

}
.col4 {
width: 100%;
}
.col3 {
width: 100%;
}
.col2 {
width: 100%;
}
.col1 {
width: 100%;
}
.half-1 {width:100%;}
.half-2 {float:left;display:none;}
}
 @media screen and (min-width:320px) and (max-width:724px) {
#container {
  width: auto;
  margin: 0 auto;
  margin-left: 10px;
  margin-right: 10px;
  padding: 0px;}
.col4 {
width: 100%;
}
.carousel-inner {background: #E6E7E8;}

.col3 {
width: 100%;
}
.col2 {
width: 100%;
}
.col1 {
width: 100%;
}
.half-1 {width:100%;}
.half-2 {float:left;display:none;}
/*.flt-hp-slider-nav {
  float: none;
  margin-top: 0px;
  margin-bottom: -20px;}*/
  .tablet-view {display:none !important;}
.mobile-view {display:block !important;}
}