/*For device: tablet, mobile*/
/*Min -> 320px -> 768px ->992px -> 1024px -> 1200 -> Max*/
.topnav {
  overflow: hidden;
  position: fixed;
}
ul.menu-left {
    margin-left: 0;
}
.topnav a {
  float: left;
  display: block;
  color: #f9f9f9;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}
.topnav a:hover {
  /*background-color: #ddd;
  color: black;*/
}
.topnav .icon {
  display: none;
}
@media only screen and (min-width:1024px) {
    #navigation li a i {
    display: none;
}
}
@media only screen and (max-width: 1024px) {
	#banner-left img {
		float: left;
		height: auto !important;
	}
	.news-3tin-title {
		width: 100% !important;
		float: left;
		height: 200px;
	}
	.double-news .news-left {
		width: 100% !important;
		margin-right: 0 !important;
		margin-bottom: 4%;
		margin-left: 0;
		float: left;
	}
	.new-notifies-mt, .new-notifies-details-link {
		float: left;
		width: 100% !important;;
	}
	.new-notifies-img {
		width: 100% !important;
		 
	}
	.footer {
		height: 835px !important;
		background-position: bottom !important;
		background-repeat: no-repeat !important;
		background-color: hsl(263deg 100% 29%)!important;
		background: hsl(263deg 100% 29%)!important;
	}
	
.portlet-borderless-container {
		margin-bottom: 38px;
	}
.lap {display: none;}

.mobiles {
    display: block !important;
}
.lang_wap {
    position: absolute;
    right: 45%;
    text-align: center;
    padding-top: 10px;
}

.menuMobile {
    padding-top: 20px;
}

div#banner-left {
    padding-top: 15px;
}
.search.col-12 {
    display: block !important;
    bottom: 10px;
    position: absolute;
}
.login_header {
    float: right;
}

.search.col-12  form#_77_fm {
    float: left;
    width: 81%;
}
.nav li a i.fa.fa-caret-down {
    right: 15px !important;
    z-index: 9999;
    padding: 5px;
}
ul.child-menu.active {
    display: block !important;
}

.nav li, .nav .child-menu  {
    position: relative !important;
}
 .nav .child-menu li {
    width: 88% !important;
}
#navigation .child-menu li:hover > ul {
    left: 0 !important;
}
button#close-toggle {
    display: none;
}
button#close-toggle.active{
    display: block !important;
}
button#close-toggle {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 232px;
    background: #292828;
    color: white;
    padding: 5px 10px;
    text-align: center;
}
}
@media (min-width: 768px) and (max-width: 1024px){
	.imageCategory {
		width: 140px !important;
		height: 165px !important;
		overflow: hidden;
		position: relative;
		float: left;
		margin-top: -1px;
	}
	.new-top {
		background-color: #9c100f;
		width: 100%;
		height: 101px !important;
		margin-bottom: 15px;
		overflow: hidden;
	}
	.nameCategory .titleCatelogy {
		color: #fff;
		font-weight: bold;
		font-size: 18px;
		display: -moz-box;
		-moz-box-align: center;
		-moz-box-pack: center;
		display: -webkit-box;
		-webkit-box-align: center;
		-webkit-box-pack: center;
		box-align: center;
		box-pack: center;
		padding-top: 35px !important;
	}
}
@media (min-width: 480px) and (max-width: 768px){
	.news-mt-Ex.even, .news-mt-Ex.odd {
		width: 100% !important;
		height: 145px;
		float: left;
		margin-right: 0;
	}
	.news-3tin-title {
		width: 55% !important;
		float: left;
		height: 130px;
	}
	.news-mt-Ex p {
		float: left;
		margin-left: 3%;
		width: 37%;
	}
	.toplevel li {
		width: 45%;
		margin: 0;
		padding: 10px;
	}
	h1.title_page {
		width: 100%;
		text-align: center;
		padding: 5px 0;
		color: red;
		font-size: 20px;
	}
	.journal-content-menu .contentCell a {
		font-size: 15px !important;
	}
	.toplevel li {
	  width: 45%;
	}
 .col-right {
    width: 71%;
}

h3.title-doc a {
    line-height: normal !important;
}
}

@media only screen and (max-width:480px){
	.toplevel li {
		width: 90% !important;
		margin: 0 !important;
		padding: 10px !important;
	}
		.new-notifies-mt, .new-notifies-details-link {
		float: left;
		width: 100% !important;;
	}
	.news-3tin-title {
	  width:45% !important;
	  float:left;
	  height:130px!important;
	 }
	 .double-news .news-left .content-left {
		height: 110px !important;
		margin-top: 3%;
		padding: 0 !important;
		width: 98% !important;
	}
	.double-image-title {
		width: 100% !important;
		height: 210px !important;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.imageCategory {
		width: 48% !important;;
		height: 136px !important;;
	}
	.new-top {
		float: left;
		width: 100%;
		height:135px !important;
	}
	.journal-content-menu .contentCell a {
		font-size: 17px !important;
	}
	.news-3tin-title img {
		height: auto!important;
		width: 100% !important;
		object-fit: cover;
		margin-bottom: 15px;
	}
	.news-mt-Ex.even, .news-mt-Ex.odd {
		width: 100%;
		height: auto !important;
		float: left;
		margin-right: 0;
	}
	.new-notifies-img, .double-image-title {
		width: 100% !important;
		height: 230px !important;
	}
	h2.error_logo {
		font-size: 20px;
		width: 100%;
		float: left;
	}

	.login-left {
		width: 100%;
		margin: 0 !important;
	}
	.login-right {
		width: 100% !important;
	}
	form#_58_fm {
		text-align: center;
	}

	h1.portlet-title {
		width: 100%;
		text-align: center;
	}
   .col-right {
    width: 74%;
}

.col-right h3 {
    text-align: left !important;
}
}