.container-wrapper{
    float: left;
    width: 100%;
}

.og-grid,
.og-grid-border
{
	list-style: none;
	padding: 0px 0;
	margin: 0 auto;
	text-align: left;
	width: 100%;
	border-collapse:collapse;
    border-spacing:0px;
    word-spacing: -0.26em;
}

.og-grid > li ,
.og-grid-border > li{
	display: inline-block;
	margin:0;
	padding:0;
	vertical-align: top;
    width: 33.33333333%;
	line-height:0;
}

.og-grid > li > a,
.og-grid > li > a img ,
.og-grid-border > li > a,
.og-grid-border > li > a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
	max-width:100%;
	width:100%;
}
.og-grid li .dot-irecommendthis,
.og-grid-border li .dot-irecommendthis
{
    margin-bottom: 0 !important;
}
.og-expander {
	position: absolute;
	background: #fcd116;
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 0px;
	text-align: left;
	height: 0;
	overflow: hidden;
    padding: 50px 0;
    border-right: 1px solid #323737;
}
.og-expander-inner{
   width: 90%;
}
.og-close {
    background: url("../../../images/dark_close.png") no-repeat scroll center center #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 24px;
    height: 35px;
    margin: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 35px;
}
.og-fullimg,
.og-details {
	float: left;
	height: 100%;
	position: relative;
	line-height:normal;
}
.og-fullimg img {
    display: block;
    height: auto;
    max-width: 100%;
    border: 1px solid white;
}

.og-details h3 {
    font-size: 24px;
    margin-top: 0;
}

.og-details p {
    margin-top: 10px;
}
.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}

@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@media screen and (max-width: 830px) {

	.og-expander h3 { font-size: 32px; }
	.og-expander p { font-size: 13px; }
	.og-expander a { font-size: 12px; }

}

@media screen and (max-width: 650px) {

	.og-fullimg { display: none; }
	.og-details { float: none; width: 100%; }
	
}




/*============ jabar singh ========================*/
.og-expanded
{
    float:none !important;
    position:inherit !important;

}

.wrapper-images-container img {
    width:100%;
    /*height: auto;*/
}

.description-title {
    float: left;
    text-align: left;
    width: 80%;
    min-height: 1px;
}

.description-title a {
    color: #FFFFFF;
}
.og-grid .is_active .dot-irecommendthis-count,
.og-grid-border .is_active .dot-irecommendthis-count
{
    display: block;
}
/*Responsive Grid css*/
@media screen and (max-width:320px)
{
    .og-grid > li {width:100%;}
    .og-grid-border > li {width:100%;}
}
@media screen and (min-width:321px) and (max-width:639px) 
{
    .og-grid > li {width:100%;}
    .og-grid-border > li {width:100%;}
}
@media screen and (min-width:640px) and (max-width:959px) 
{
    .og-grid >li {width:100%;}
    .og-grid-border >li {width:100%;}
}

/*For border grid css strat*/

.portfolio-container.border-grid{
    background: none repeat scroll 0 0 #eeeeee;
    height: 100%;
    margin: 0;
    padding: 20px 5px 5px 20px;
    width: 100%;
    display: table;
}
.border-grid .container-wrapper{
    border: none;
}
#og-grid-border li .grid-container{
    display: block;
    overflow: hidden;
    position: relative;
    margin: 15px;
}

.border-grid .container-wrapper .wrapper-images-container{
    background: none repeat scroll 0 0 white;
    width: 100%;
    display: inline-block;
    border-right: 15px solid #eeeeee;
    border-bottom: 15px solid #eeeeee;
}
.border-grid .og-expander{
    border-left: 20px solid #eeeeee;
    border-right: 20px solid #eeeeee;
}
.porfolio-content .mask-description {
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    width: 100%;
}

.porfolio-content .mask-description:after,
.porfolio-content:hover .mask-description:after{
    background: none repeat scroll 0 0 black;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    filter:alpha(opacity=66);
    -moz-opacity:0.66;
    -khtml-opacity: 0.66;
    opacity: 0.66;
    z-index: -1;
}

.porfolio-content:hover .mask-description {
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    width: 100%;
}
.porfolio-content .mask-description .fa{
    font-size: 14px;
}
.porfolio-content .likes .dot-irecommendthis{
    padding: 0 !important;
    font-size: 14px;
}
.porfolio-content .likes .dot-irecommendthis-count{
    display: none;
}
.porfolio-content .likes {
    bottom: 0;
    margin: 0 !important;
    padding: 10px !important;
    position: absolute !important;
    right: 0;
}
/*For border grid css end*/