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