/************************ Reponsive *****************************/
@media screen and (min-width:1500px) and (max-width:3000px){
	
}
@media screen and (min-width:2300px) and (max-width:3000px){
	
}
@media screen and (min-width:1700px) and (max-width:2300px){
	
}
@media screen and (min-width:1500px) and (max-width:1700px){
	
}
@media screen and (max-width:1250px) {

}
@media screen and (max-width:1180px) {
  .metadate {
    display:none;
  }
  .shareit {
    position:relative !important;
    width:100% !important;
    top:0 !important;
    padding-left:0 !important;
    margin:0 !important;
    padding-top:0;
  }
  .layout-content{
  	width:86%;
  }
 #sidebar {
    overflow: hidden;
    float: left;
}
  .news-left img{
  	width:45%;
  }
  .news-left h3 {
    width: 50%;
    float: left;
}
.news-left h3 a{
	width:100%;
	
}
.content-module-left li.li-module-left{
	width:100%;
	width: 85%;
    margin: 5%;
    padding: 0px 0px 0px 5%;
}
.article{
	width:70%;
	margin:0px 0px 0px 4%;
}
.article-project{
	width:68%;
	margin:0px 0px 0px 6%;
}
.col-project{
	width:31%;
	margin:0px 3% 30px 0px;
	height: 200px;
}
.box-image-project{
	padding:0px 0px 0px 0px;
}
.box-image-project img{
	width:90%;
	padding:5%;
}
.col-project h2 a{
	width:100%;
}
.contact-address{
		width:40%;
		margin: 0px 5% 0px 5%;
	}
	.col-contact{
		width:50%;
	}
	.content-contact{
		width:100%;
	}
	.cart input.submitcontact{
	    margin: 10px 0px 30px 0px;
	}
	.form-search {
    width: 170px;
    float: right;
    margin: 7px 0px 0px 0px;
}
.main-navigation{
	width:98%;
	padding:0px 1% 0px 1%;
}
.main-navigation li a{
	font-size: 12px;
	    padding: 9px 5px;
}
.detail-images img{
		width: 100%;
		min-height: 120px;
	}
	.item-image {
		height: 120px;
		margin:0px 2% 15px 0px;
	}
	.header-contact {
	    width: initial;
	    float: left;
	    margin: 10px 0px 0px 30%;
	    color: #fff;
	}
	.other-news {
	    width: 461px;
	    margin: 0px 0px 0px 35px;
	}
	.product-index-content {
	    width: 780px;
	    float: left;
	}
}

@media screen and (max-width:1060px) {
  .main-container {
    width:100%;
  }
  #page,
  .container {
    max-width:96%;
  }
  .sidebar #s {
    width:60%;
  }
  .post-index-title a{
  	font-size: 16px;
  }
  .social-footer{
  	display:none;
  }
	
	.article-contact{
		width:100%;
	}
	
	.contact-address{
		width:40%;
		margin: 0px 5% 0px 5%;
	}
	.col-contact{
		width:50%;
	}
	.header-logo {
	    margin: 0px 0px 0px 50px;
	    position: absolute;
	    top: 0px;
	}
	
}

@media screen and (max-width:960px) {
  .article {
    width:100%;
	margin: 0px 0px 0px 0px;
  }
  #sidebar{
  	display:none;
  }
  .article-project{
  	width:100%;
  	margin:0px 0px 0px 0px;
  }
  .home-share {
    display:none;
  }
  .sidebar.c-4-12 {
    width:30%;
  }
  .related-posts li {
    margin-right:5%;
  }
  img,
  embed {
    max-width:100%;
  }
  .ad-125 li {
    max-width:40%;
  }
  .ad-125 img {
    padding:0;
    background:#FAFAFA;
    border:0;
  }
  #partner-index .item img{
	height: 60px !important;
  }
  .info-footer{
	    width: 95%;
    padding: 20px 0px 0px 5%;
    background-size: 100% 100%;
    margin: 0px 0px 0px 0px;
    height: inherit;
  }
  .address-footer{
  	width: 90%;
  }
  .theme-default .nivo-controlNav a{
  	display:none;
  }
  .top-header{
		width:100%;
		
	}
	.muti-language {
    width: 80px;
    margin: 10px -1% 0px 0px;
    }
    .header-contact a {
    color: #fff;
    font-size: 13px;
    float: left;
    padding: 6px 0px 0px 40px;
    }
	.box-logo-project a{
		margin:10px 0px 0px 0px;
	}
  .box-logo-project img {
	height: 30px !important;
    width: initial;
    float: left;
    margin: 10px 0px;
}
 .main-navigation{
    width: 94%;
    padding: 0px 3% 0px 3%;
    float: left;
    margin: 80px 0px 0px 0px;
  }
  
  .main-header{
  	min-height: inherit;
  }
  .project-index{
  	width:90%;
	padding:20px 5% 0px 5%;
  }
  .col-footer-3{
  	display:none;
  }
  .col-footer{
  	width:33%;
  }
  .post-index{
	width:98%;
	margin:0px 0px 0px 0px;
	padding:0px 1% 0px 1%;
}

.partner-index{
	width:98%;
	margin:0px 0px 0px 0px;
	padding:0px 1% 0px 1%;
}
.partner-index .customNavigation .next{
	right:-25px;
}
.partner-index .customNavigation .prev{
	left:0px;
}
#project-index .image-project img{
	height:220px !important;
}
.project-index .customNavigation .prev{
	left: -20px;
    top: -145px;
}
.project-index .customNavigation .next{
	right: -20px;
	top: -145px;
}
.post-1 , .post-2{
	width:100%;
	
}
.post-1 img , .post-2 img{
    float: left;
    width: 35%;
    height: inherit;
    margin-right: 20px;
	
}
.post-1 .post-content .title ,.post-2 .post-content .title {
    width: inherit;
    float: inherit;
}
.post-1 .post-content .tablePost , .post-2 .post-content .tablePost {
    width: inherit;
    float: initial;
}
.post-1 .post-content ,.post-2 .post-content {
    width: initial;
    float: initial;
}
.post-2 .post-excerpt{
	display:block;
}

.slider-wrapper{
	display:none;
}
#post-slider{
	    float: initial;
	    margin:0px auto;
}
.other-news{
	display:none;
}
.product-index-content{
	width:100%;
	float:left;
}
.product-item{
	width:30%;
	margin:0px 5% 30px 0px;
}
.product-index-content .last{
	margin:0px 0px 0px 0px;
}
.product-item-images img {
    width: 100%;
    height: 100% !important;
}
.box-about-img
{
	width:100%;
	margin:0px 0px 0px 0px;
}
.box-about-content{
	    width: 90%;
    margin: 40px 0px 0px 0px;
    padding: 0px 5%;
}
.container-contact{
	max-width:100%;
}
.service-content-about .service-col{
	width:100%;
	margin:0px 0px 0px 0px;
	height:inherit;
}
.service-index{
	padding: 0px 0px 0px 0px !important;
}
}

@media screen and (max-width:900px) {
  nav #searchform {
    display:none;
  }
  .theme-default .nivo-controlNav a{
  	display:none;
  }
  .box-logo-project{
  	display:none;
  }
 .main-navigation #navigation ul li a {
    font-size: 9px;
    padding: 12px 5px;
}
.form-search {
    width: 150px;
    float: right;
    margin: 7px 0px 0px 0px;
}
#more-info img{
	max-width:98%  !important;
	height:inherit !important;
}
}

@media screen and (max-width:760px) {
  #header {
    margin:0;
  }
  .thelogo img {
    width:100%;
    height:inherit;
  }
  
}

@media screen and (max-width:768px) {
body{
	width:100%;
	float:left;
	overflow: hidden;
}
.post-content .show-link{
	display:none;
}
  .main-navigation {
    display:none;
  }
  .box-menu-mobile {
	display: block !important;
    position: absolute;
    top: 5px;
  }
  .secondary-navigation .thelogo {
    width:100%;
  }
  .thebanner img {
    display:none;
  }
  .sidebar.c-4-12 {
    max-width:100% !important;
  }
  .sam-container img {
    display:none;
  }
  .popular-posts li .wp-post-image {
    width:25%;
  }
  .project-index-title{
  	font-size: 16px;
  }
  .project-index .customNavigation .prev , .project-index .customNavigation .next{
  	 display:none;
	
  }
  .project-index {
    width: 82%;
    margin: 0px auto;
    padding: 0px 9%;
    background: #fff;
    text-align: center;
    float: left;
}
.contact-address{
	padding:0px 0px 0px 0px;
}
.contact-address li{
	width:100%;
	margin:10px 0px 0px 0px;
	border-bottom:2px solid #fff;
	padding:0px 0px 10px 0px;
}
.contact-address li img{
	margin:0px 0px 10px 0px;
}
.solugan-index-contant{
	width:90%;
	padding:0px 5%;
}
  .post-index-col{
  	width:100% !important;
  	padding:0px 0px 0px 0px !important;
  	border: none;
	 border-bottom: 2px solid #fff;
  }
  
  .image-post-index img{
  	width:100%;
  }
  .partner-index{
  	display:none;
  }
  .banner-header {
    position: absolute;
    top: 0px;
    z-index: 6969;
    width:100%;
}
.muti-language {
    position: absolute;
    top: 40px;
    z-index: 696969;
    left: 5px;
    width:200px;
}
.form-search {
position: absolute;
    top: 60px;
    z-index: 696969;
    /* right: 33%; */
    width: 99%;
}
.form-search .name {
	padding: 4px 0px 4px 1%;
    border: 1px solid #79bf47;
    width: 99%;
    margin: 0px 0px 0px 0px;
    float: left;
    font-size: 10px;
}

.secondary-navigation{
	width:100%;
	float:left;
}
.contact-address{
		width:100%;
		margin: 0px 0px 0px 0px;
	}
	.col-contact{
		width:100%;
	}
	
  .box-logo-project{
  	display:none;
  }
  .top-header {
    width: 100%;
    margin: 0px 0px 0px 0px;
    height: 60px;
    background: #fff;
}

  .header-logo {
	    width: 30%;
	    float: left;
	    position: relative;
	    z-index: 6969696969;
	}
	.header-logo img {
		height: 50px !important;
	    /* max-width: 59%; */
	    width: initial;
	    margin:5px 0px 0px 0px;
	    
	}
	.banner-header{
		height:60px;
	}
	#showmenu1 img {
    top: 0px;
    right: 2px;
    z-index: 69696969;
    width: 60px;
    position: relative;
}
.mobile-menu-panel{
	width:100%;
	margin:0px 0px 0px 0px;
}

.secondary-navigation {
    margin: 0px 0px 0px 0px;
}
.secondary-navigation a#showmenu1{
	    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
#bttop{
	display:none !Important;
}
#images-content .owl-prev{
	display:none;
}
#images-content .owl-next{
	display:none;
}
.box-about-excerpt img {
    float: left;
    width: 20px;
}
.banner-top{
	display:none;
}
.mobile-menu-panel {
    width: 100%;
    float: left;
    margin: 30px 0px 0px 0px;
    position: absolute;
    top: 33px;
        padding: 0px 0px 0px 0px;
    z-index: 6969;
}
#navigation ul li{
	width:100%;
	float:left;
	background: #7abd4a;
	border-bottom:1px solid #fff;
}
#navigation ul{
	width:100%;
	float:left;
}
.main-navigation #navigation ul li a:hover, .main-navigation #navigation ul li a.active{
	color:#fff;
	background: none;
}
.main-navigation #navigation ul li a{
    font-size: 14px;
    border: none;
    color: #fff;
    background: none;
    text-align: right;
    width: 95%;
    margin: 0px 0px 0px 0px;
    padding: 5px 5% 5px 0px;
    float: left;
}
.muti-language .language-a-2{
	display:block;
}
.muti-language a{
	width:50%;
}
.muti-language a img {
    margin: 0px 4px;
    vertical-align: middle;
    width: 30px;
}
#post-slider{
	width:100%;
	background: #fff;
	height:inherit;
}
.content-index{
	padding: 0px 0px 30px 0px;
}
.product-item-images {
    height: 160px;
    width: 100%;
}
.box-about{
	width:100%;
	float:left;
	margin:10px 0px;
}
.menu-fixed{
	position: inherit;
}
.solugan-index-title{
	font-size: 18px;
}
.solugan-index{
	height:inherit;
	padding:0px 0px 10px 0px;
}
.post-index{
	width:98%;
	margin:0px 0px 0px 0px;
	padding:0px 1% 0px  1% ;
}
.col-footer{
	width:50%;
}
.col-footer-2{
	display:none;
}
.bottom-footer{
	width:98%;
	margin:0px 0px 0px 0px;
	padding:0px 1% 0px 1%;
}
#project-index .image-project img{
	height:250px !important;
}
#library-images img {
    height: 500px !important;
}
.main-header {
    height: initial;
	padding: 0px 0px 20px 0px;
}
.secondary-navigation{
	height:inherit;
}
#project-index{
	display:none !important;
}
#project-index-mobile{
	display:block;
}
.box-bottom-footer{
	padding:0px 0px 20px 0px;
}
.box-bottom-footer .box-contact a{
	width:99%;
	margin:5px 0px;
	padding:0px 0px 0px 1%;
	text-align: left;
}
.post img {
	width:100%;
	margin:0px 0px 20px 0px;
	float:left;
}
.detail-images img{
		width: 100%;
		min-height: 120px;
	}
	.item-image {
		height: 120px;
		margin:0px 2% 15px 0px;
	}
	
.service-col{
    width: 100%;
    margin: 10px 0px;
    border-bottom: 3px solid #fff;
    padding: 10px 0px 0px 0px;
}
.service-content{
	margin:10px 0px;
}
.box-service-index {
    width: 100%;
    float: left;
    max-width:100%;
}
.service-content-about .service-col{
	width:100%;
	margin:10px 0px 10px 0px;
	height:inherit;
}
.news-item{
	width:100%;
	margin:10px 0px 10px 0px;
	    min-height: inherit;
}
.news-item-images{
	margin:0px 0px 0px 0px;
	padding:5%;
	    height: inherit;
}
#image-product-slider{
	display:none;
}
.box-product-image-mobile{
	display:block;
}
.cloud-zoom-first-mobile img{
	width:100%;
}
#product-info{
	width:96%;
	margin:10px 2% ;
}
.product-excerpt p{
	margin:0px 0px 0px 0px;
}
.box-title-click a{
width: 37%;
    margin: 0px 3%;
    padding: 10px 3%;
    float: left;
}
.viewmore{
	display:none;
}
.listnes-title{
	width:100%;
	float:left;
}
#breadcrumb h1{
	color:#7abd4a;
	font-size: 12px;
}
.container{
	width:100% !important;
	    float: left;
	    max-width:100% !important;
	    margin:0px 0px 0px 0px;
	    padding:0px 0px 0px 0px;
}
#post-slider{
	padding:0px 0px 0px 0px;
}
.news-item .listnew-box-1{
	width:90%;
	float:left;
	margin:0px 0px 0px 0px;
		padding:0px 5%;
}
.news-item .listnes-title a{
	width:100%;
	margin:0px 0px 0px 0px;
}
#content{
    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.box-social-contact{
	    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
    text-align: center;
}
#formcart{
	width:100%;
}
#formcart input{
	width:96%;
	padding: 5px 2%;
}
.box-bottom-footer span{
	font-size: 12px;
	line-height: 1.2;
}
}
@media screen and (max-width:720px) {
	.product-index-content .last{
    width: 46%;
    margin: 0px 2%;
}
.content-index {
    padding: 0px 0px 10px 0px;
}
.contact-address li span{
	width:100%;
	margin:0px auto;
	    padding: 0px 0px 0px 0px;
}
.contact-title{
	margin:10px 0px;
}
.product-item-images {
    height: 120px;
    width: 100%;
       
}
#breadcrumb{
	top:0px;
}
#breadcrumb h1{
	font-size: 14px;
	 margin: 0px 0px 3px 0px;
	 width:100%;
	 padding:0px 0px 0px 0px;
}
#breadcrumb a , #breadcrumb span{
	font-size: 12px;
}
#breadcrumb{
	width:96%;
	margin:10px 2%;
}
.newsdetail-content{
	padding:0px 0px 0px 0px;
}
.newsdetail-title .title{
    width: 96%;
    margin: 5px 2%;
    font-size: 16px;
    padding: 0px 0px 0px 0px;
}
.newsdetail-img{
	    margin: 20px 0px 0px 0px;
}
#more-info{
	width: 96%;
    margin: 5px 2%;
}
.list-related li{
	width:100%;
	margin:0px 0px 0px 0px;
}
.list-related-img{
	height:inherit;
}
.list-related{
	    float: left;
    width: 98%;
    margin: 0px 1%;
}
.list-related .listnes-title a{
	width:100%;
	margin:0px 0px 0px 0px;
}
  .secondary-navigation a {
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
	  .layout-content {
	    width: 98%;
	}
	
  .article {
    width:100%;
    margin: 0px 0px 0px 0px;
  }
  .content-project{
  	width:98%;
  	    margin: 10px 0px 0px 2%;
  }
  .ss-full-width #content_box {
    padding:2.5% !important;
  }
  #content_box {
    padding-right:0;
  }
  .sidebar.c-4-12 {
    float:left;
    width:100%;
    max-width:300px;
  }
  .f-widget {
    width:45%;
  }
  .ad-125 li {
    max-width:45%;
  }
  .footer-widgets #s {
    width:70%;
  }
  #comments {
    margin-right:0;
  }
  body > footer {
    width:100%;
    padding:0 ;
  }
  
.muti-language a img {
    margin: 0px 4px;
    vertical-align: middle;
    width: 22px;
}
.muti-language {
width: 14%;
    /* margin: 0px 33%; */
    top: 10px;
    left: inherit;
    margin: 0px auto;
    left: 43%;
    text-align: center;
}
.muti-language a{
	font-size: 10px;
	color:#454545;
}
.secondary-navigation {
  display:block;
}
.slider-wrapper{
	margin:30px 0px 0px 0px;
}

.title-category-title{
	text-align: center;
    margin: 20px 0px 0px 0px;
    text-transform: uppercase;
    font-size: 20px;
    float: left;
    width: 100%;
    line-height: 1.2;
}
.show-all-projcect li{
	float: left;
    margin: 2px 4px;
    border: 1px solid #ccc;
    padding: 0px 3px;
}
.show-all-projcect li a{
	font-size: 10px;
}
.col-project h2 a{
	font-size: 12px;
	    width: 90%;
	    margin:0px 0px 0px 10%;
}
.box-image-project img {
    width: 90%;
    padding: 5%;
    height: 70px !important;
}
#page-content {
    width: 100%;
    float: left;
    background: #fff;
    overflow: hidden;
}

#list-video{
	width:100%;
	float:left;
}
#item-video{
	width: 98%;
	margin:20px 1%;
	height: inherit;
}
.project-index {
    width: 96%;
    margin: 0px auto;
    padding: 0px 2%;
}
#project-index .item {
    margin: 0px 5px 0px 5px;
}
#project-index .image-project img{
	height:300px !important;
}
#library-images img {
    height: 430px !important;
}
.box-about-img img{
	display:none;
}
.box-about{
	margin:0px 0px 0px 0px;
}
.box-about-content{
	margin: 0px 0px 0px 0px;
}
.title-about {
    font-size: 16px;
}
.box-line-about{
	display:none;
}
}

@media screen and (max-width:600px) {
  .main-navigation #navigation {
    text-align:center;
    border:none;
  }
  #navigation ul {
    float:none;
    display:inline-block;
  }
  #navigation ul ul {
    display:none;
  }
  .js #navigation > ul {
    display:none !important;
  }
  .js #navigation select {
    display:inline-block !important;
    max-width:none;
    border:none;
    padding:7px 15px;
    margin-top:10px;
    margin-bottom:10px;
    width:100%;
    color:#fff;
    background:#222;
    text-shadow:0 1px 1px rgba(255,255,255,0.4);
    font-size:12px;
    -moz-box-shadow:0 1px 2px rgba(0,0,0,0.2) inset,0 1px 1px rgba(255,255,255,0.9);
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2) inset,0 1px 1px rgba(255,255,255,0.9);
    box-shadow:0 1px 2px rgba(0,0,0,0.2) inset,0 1px 1px rgba(255,255,255,0.9);
  }
  
  .project-index-line{
  	display:none;
  }
	  .project-index-title {
	    font-size: 16px;
	    line-height: 3;
	}
	.contact-footer span {
    font-size: 20px;
    color: #579d00;
    margin: 0px 72px 0px 0px;
    line-height: 80px;
    display: none;
}
.contact-footer {
    height: inherit;
    width: 100%;
    float: left;
    text-align: center;
    padding: 20px 0px 20px 0px;
}
.col-project{
	width: 44%;
    margin: 0px 3% 30px 3%;
	height: inherit;
}
.col-project a.show-link{
	display:none;
}
.content-project .col-project-last{
	 margin: 0px 3% 30px 3%;
}


.secondary-navigation
{
	max-width: 100%;
}


.solugan-index-title {
    font-size: 14px;
}
.col-footer{
	width:100%;
}
.col-footer-content{
	width:100%;
	padding:0px 0px 0px 0px;
}
.bottom-footer{
	display:none;
}
.header-logo {
    width: 50%;
    float: left;
    position: relative;
    z-index: 6969696969;
}
#library-images img {
    height: 330px !important;
}
.post-index-title{
	 margin: 10px 0px 10px 0px;
    width: 100%;
    float: left;
    font-size: 16px;
}
.listnews-images img{
	display:none;
}
#post-slider .owl-next{
	right:0px;
}
.product-item .image img {
    width: 100%;
    height: 110px;
}
#post-slider .list-news-item{
	width:100%;
	height:inherit;
}
.news-day{
	display:none;
}
.news-year{
	display:none;
}
.listnes-title a{
	width:100%;
	margin:0px 0px 0px 0px;
}
#project-index .image-project img {
    height: 250px !important;
}
.detail-images img{
		width: 100%;
		min-height: inherit;
	}
	.item-image {
		width:98%;
		height:inherit;
		margin:0px 1% 15px 1%;
	}
.product-item{
	width:46%;
	margin:0px 2%;
}
.service-col span{
	font-size: 12px;
	    margin: 0px 0px 0px 0px;
	    line-height: 1.5;
}
.service-col img{
	width:60px;
}
.box-title-click a{
    width: 43%;
    margin: 0px 0%;
    padding: 5px 2%;
    font-size: 9px;
    float: left;
}
.service-title{
	    font-size: 16px;
    font-weight: normal;
    float: left;
    width: 100%;
    margin: 10px 0px 10px 0px;
}
.service-content{
	margin: 10px 0px 10px 0px;
}
.service-col{
	padding:10px 0px 0px 0px;
}
.brand-index{
	display:none;
}
.box-social-footer{
	width: 100%;
    text-align: center;
    margin: 10px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
}
.box-bottom-footer{
	padding:0px 0px 0px 0px;
}
.info-footer{
	    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
        max-width: 100%;
}
.txt-email{
    width: 80%;
    margin: 0px 0px 0px 2%;
    padding: 0px 0px 0px 3%;
}
.submit-contact-email{
	width: 10%;
    margin: 0px 0px 0px 0px;
    background-size: 100% 100%;
    height: 40px;
    border: none;
}
#images-content .item{
	margin:0px 0px 0px 0px;
}
#images-content .item img{
	width: 100%;
    height: initial;
}
.listnew-box-1 {
    width: 90%;
    padding: 0px 5%;
}
#post-slider .owl-next{
	top:25%;
}
#post-slider .owl-prev{
	top:25%;
}
.header-contact{
	display:none;
}
.header-logo{
	margin:0px 0px 0px 20px;
	    width: 25%;
}
.muti-language {
    top: 5px;
    width: 20%;
    left: 40%;
}
.main-header{
	padding:0px 0px 0px 0px;
}
.product-item {
    width: 46%;
    margin: 0px 2%;
}
.product-item .name, .product-item .name a{
	font-size: 13px;
}
}




@media screen and (max-width:550px) {
	.product-item .image img {
    width: 100%;
    height: 100px;
}
  .main-navigation {
    width:100%;
  }
  .sbutton {
    float:right;
  }
  read-more {
    font-size:16px;
  }
  .f-widget {
    width:95%;
  }
  footer #s {
    width:65%;
  }
  #library-images img {
    height: 250px !important;
}
#project-index .image-project img {
    height: 220px !important;
}
}

@media screen and (max-width:480px) {
  .featured-thumbnail {
    margin-top:0;
    width:100%;
  }
  .featured-thumbnail img {
    width:100%;
  }
  .post-content {
    width:100%;
    padding:0 0 0 0;
    font-size:14px;
    line-height:1.5;
  }
  .post header .title {
    font-size:18px;
  }
  .muti-language{
  	top:5px;
  }
  
.muti-language a img {
    margin: 0px 4px;
    vertical-align: middle;
    width: 25px;
}
.related-posts li {
  width:45%;
}
.header-logo img {
    height: 35px !important;
    width: initial;
	margin: 3px 0px 0px 0px;
}
#showmenu1 img {
    top: 0px;
    right: 2px;
    z-index: 69696969;
    width: 33px;
    position: relative;
}
.banner-header {
    height: 40px;
}
.form-search {
    position: absolute;
    top: 42px;
    z-index: 696969;
    right: inherit;
    width: 99%;
    margin: 0px 0%;
}
.slider-wrapper {
    margin: 10px 0px 0px 0px;
}
.main-header {
    height: initial;
}
.article-index{
	margin:0px 0px 0px 0px;
}
.mobile-menu-panel{
	margin: 20px 0px 0px 0px;
}
#project-index .image-project img {
    height: 200px !important;
}
.top-header{
	height:50px;
}
}

@media screen and (max-width:400px) {
  article header {
    overflow:hidden;
  }
  
}

@media screen and (max-width:300px) {
  nav fieldset,
  .js #navigation select {
    width:100%;
    float:left;
  }
 
  
}