header{
	z-index: 100;
}

header #header-top .right .menu ul li:hover a{
	color:#0086ca; }

.fa.fa-comment{
	margin:0 5px;}

html body header ul.menu-top li.sub ul{
	display: none;
	background-color: #0086ca;
	list-style: none;
	position: absolute;
	z-index: 20;
	padding:0;
	transition: all 0.5s ease;
	left: 30%;
	width:max-content;
	width: -moz-max-content;}
	html body header ul.menu-top li.sub ul li:hover{
		opacity: 0.8;}
	html body header ul.menu-top li.sub ul li a{
		padding: 10px;
		display: block;
		color:#fff;}
		html body header ul.menu-top li.sub ul li a:hover{
			text-decoration: none;}
html body header ul.menu-top li.sub:hover ul{
	transition: all 0.5s ease;
	display: block;}


.lang{
	display: none;
}

#blogs .list .item .inner .info h3 a{
	margin-top:0!important;
}

#blogs .list .item .inner .media a img{
	max-height: 270px;
}

#blog-2 .items .item .inner .media a img{
	object-fit: fill;}

.search{
	display: inline-block;
    vertical-align: middle;
    margin-left:20%!important;
    position: relative; }
	.search > button {
		line-height: 46px;
	    font-size: 14px;
	    border: none;
    	background: none;
	    color: #4c4c4c; }
	.search > button i{
		color:white; }
	.search .ct{
	    position: absolute;
	    background: #fff;
	    padding: 15px 20px;
	    z-index: 1;
	    width: 300px;
	    right: 0;
	    -webkit-box-shadow: 0 0 5px 0 rgba(102, 102, 102, 0.4);
	    box-shadow: 0 0 5px 0 rgba(102, 102, 102, 0.4);
	    display: none;
	    /*margin-top: 15px;*/
	    border-radius: 3px; }
	.search-fr {
	    position: relative;
	}
	.search-fr input {
    	width: 100%;
	    height: 38px;
	    border: solid 1px #ccc;
	    border-radius: 3px;
	}
	.search-fr button {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    right: 10px;
	    color: #188ac7;
	    font-size: 16px;
	    border: none;
    	background: none;
	}

	

input[type="text"], input[type="email"], input[type="password"] {
    padding-left: 12px;
    padding-right: 12px;
}

.item .item-thumbnail img{
	width: 100%;
}

	#video.item{
		width: 32.9%;
		display: inline-block;
		vertical-align: top;
		padding:10px;
	}


	#download .item{
		width: 33%;
		display: inline-block;
		padding:10px;
	}

	.mobile-menu > ul > li > a {
		width: 100%;
		border-top: none;
		display: inline-block;
	}

	.mobile-menu > ul > li{
		border-top: solid 1px #e6e6e6;
		position: relative;
	}

	.mobile-menu > ul > li > i {
		position: absolute;
		width: 15%;
		top: 0;
		text-align: center;
		line-height: 40px;
		right: 0;
		bottom: 0;
	}


/*Tablets , Mobiles*/
@media screen and (max-width: 768px)
{
	#blog-2 .items .item .inner .media a{
		position: relative;
		padding-top: 66%;
	}

	#socket .row.row-fluid{
		margin:0;
	}

	#blog-2 .items .item .inner .media a img , #intro .image .items .item .inner .media a img{
			position: absolute;
			max-width: 100%;
			max-height: 100%;
			/*width: auto;*/
			width: 100%; 
			height: auto;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
	}

	#intro .image .items .item .inner .media a{
		position: relative;
		padding-top: 75%;
	}

	#slide-main .item img{
		min-height: 180px;
	}

	.mobile-menu > ul > li > ul{
		display: block;
	}

	.search{
		margin-left: 0%!important;
	}

	.mobile-menu > ul > li > ul{
		display: none;

	}

	.open{
		display: block!important;
	}

	.item .item-content {
		height: 45px;
		overflow: hidden;
	}

	#video.item{
		width: 49%;
	}

	#download .item{
		width: 49%;
	}

	/*#intro .image .items .item .inner .media a img{
		
	}
*/
}

@media (max-width: 420px)
{
	#blogs .list{
		width: 100%!important;
	}

	#blogs .info{
		width: 100%!important;
		padding: 0;
	}

	#video.item{
		width: 100%;
	}

	.featured-news-widget.widget{
		margin-top:50px;
	}
}

@media (max-width: 767px)
{
	#blogs .list .item .inner .media a img{
		width:100%;
	}

	.featured-news-widget.widget{
		margin-top:10px;
	}

	#libs_img{
		padding-bottom:10px!important;
	}

	#blogs .list .item .inner .media{
		width: 100%;
	}
}

/*Tablet*/
@media (min-width: 768px) and (max-width: 1024px) {
  
  
}


/*Laptops , Desktops*/
@media (min-width: 1025px){
  
  .lang{
  	display: inline-flex;
  }

  #blog-2 .item-single .inner .media a img{
		max-height: 360px;
	}
  	
	#blog-2 .items .item .inner .media a img{
		max-height: 170px;
	}

	#blogs .single .item .inner .media a img{
		max-height: 230px;
	}

	#blogs .list .item .inner .media a img{
		max-height: 100px;
	}

	#intro .image .items .item .inner .media a img{
		max-height: 270px;
	}

	.item .item-thumbnail img{
		max-height: 170px;
	}

	#libs_img img{
		max-height: 170px;
	}
}

.fb-comments{
	width: 100%;
}

.fb-comments iframe{
	width: 100%!important;
}

.