@media only screen and (max-width: 479px){
	.scroll_text{
		height:100vh;
		overflow:auto;
		padding:0px 15px;
	}
	.scroll_text::-webkit-scrollbar {  
	  width: 8px;  
	}  
	.scroll_text::-webkit-scrollbar-track {  
	  background-color: #E7E7E7
	}  
	.scroll_text::-webkit-scrollbar-thumb {  
	  background-color: var(--boxColor);
		border: 1px solid var(--boxColor);
		border-radius: 10px;
	}  
	.scroll_text::-webkit-scrollbar-thumb:hover {  
	  background-color: var(--boxColor);  
	}
	.menuFlex{
		display: block;
	}
	.xs-header-nav .header-nav .nav-menu > li > a {
    color: #333;
    padding: 9px 12px;
	}
	.xs-header-nav .header-nav .nav-menu > li > a .submenu-indicator {
	    margin-top: 0px;
	}
	.xs-header-nav .header-nav .nav-menu > li > a .submenu-indicator .submenu-indicator-chevron {
	    border-color: transparent #333 #333 transparent;
	}
	.nav-toggle:before {
    background-color: #fff;
    box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff;
	}
	.logoHeader img {
	    height: 80px;
	}
	.logoInfos p {
	   font-size: 16px;
	}
	.socialIconInfos strong {
	    font-size: 15px;
	    margin-bottom: 8px;
	}
	.topHeaderFlexRight ul{
		padding-left: 0;
	}
	.socialIcon i {
	   font-size: 18px;
	}
	.socialIconInfos p {
	    margin-bottom: 0;
	    line-height: 20px;
	    font-size: 14px;
	}
	.menuFlexRight {
	    display: block;
	    position: absolute;
	    top: 16px;
	}
	.navigation-portrait {
	    height: 58px;
	}
	.aboutLeft{
		margin-bottom: 15px;
	}
	.newsFeedWrap{
		margin-top: 50px;
	}
	.btmRight p {
	    text-align: left;
	}
	.logoHeader{
		margin: 0 auto;
	}
	.topHeaderFlexLeft {
	    display: flex;
	    flex-wrap: wrap;
	    align-items: center;
	    justify-content: center;
	}
	.colLeft {
    padding-right: 15px;
	}
	.textBox h2 {
	  font-size: 16px;
	}
	.textBox p {
		    font-size: 13px;
	}
	.topHeaderFlexRight ul li {
    margin-right: 5px;
	}
	.socialIcon {
	    float: left;
	    overflow: hidden;
	    margin-right: 2px;
	}
	.carousel-item img {
	    width: 100%;
	    height: 300px;
	    object-fit: cover;
	}
	.menuFlexRight ul li a {
    font-size: 12px;
    line-height: 22px;
    padding: 18px 12px;
	}
	.outer-search-box{
		right: 56px;
	}
	.search-box{
		right: -36px;
	}
	.footerMenu{
		margin-bottom: 20px;
	}
	.downloadBox span {
	  float: right;
	  font-size: 13px;
	}
	.newsBox.downloadBox h2 {
	   font-size: 14px;
     width: 240px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
	}


}
@media only screen and (min-width: 480px) and (max-width: 767px){
	.scroll_text{
		height:100vh;
		overflow:auto;
		padding:0px 15px;
	}
	.scroll_text::-webkit-scrollbar {  
	  width: 8px;  
	}  
	.scroll_text::-webkit-scrollbar-track {  
	  background-color: #E7E7E7
	}  
	.scroll_text::-webkit-scrollbar-thumb {  
	  background-color: var(--boxColor);
		border: 1px solid var(--boxColor);
		border-radius: 10px;
	}  
	.scroll_text::-webkit-scrollbar-thumb:hover {  
	  background-color: var(--boxColor);  
	}
	.menuFlex{
		display: block;
	}
	.xs-header-nav .header-nav .nav-menu > li > a {
    color: #333;
    padding: 9px 12px;
	}
	.xs-header-nav .header-nav .nav-menu > li > a .submenu-indicator {
	    margin-top: 0px;
	}
	.xs-header-nav .header-nav .nav-menu > li > a .submenu-indicator .submenu-indicator-chevron {
	    border-color: transparent #333 #333 transparent;
	}
	.nav-toggle:before {
    background-color: #fff;
    box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff;
	}
	.logoHeader img {
	    height: 80px;
	}
	.logoInfos p {
	   font-size: 16px;
	}
	.socialIconInfos strong {
	    font-size: 16px;
	    margin-bottom: 8px;
	}
	.topHeaderFlexRight ul{
		padding-left: 0;
	}
	.socialIcon i {
	   font-size: 22px;
	}
	.socialIconInfos p {
	    margin-bottom: 0;
	    line-height: 20px;
	    font-size: 14px;
	}
	.menuFlexRight {
	    display: block;
	    position: absolute;
	    top: 16px;
	}
	.navigation-portrait {
	    height: 58px;
	}
	.aboutLeft{
		margin-bottom: 15px;
	}
	.newsFeedWrap{
		margin-top: 50px;
	}
	.btmRight p {
	    text-align: left;
	}
		.colLeft {
	    padding-right: 15px;
	}
	.textBox h2 {
	  font-size: 16px;
	}
	.textBox p {
	    font-size: 13px;
	}
	.carousel-item img {
	    width: 100%;
	    height: 300px;
	    object-fit: cover;
	}
	.menuFlexRight ul li a {
    font-size: 12px;
    line-height: 22px;
    padding: 18px 12px;
	}
	.outer-search-box{
		right: 56px;
	}
	.search-box{
		right: -36px;
	}
	.footerMenu{
		margin-bottom: 20px;
	}
	.downloadBox span {
	  float: right;
	  font-size: 13px;
	}
		.newsBox.downloadBox h2 {
		   font-size: 14px;
	     width: 100%;
	     overflow: hidden;
	     text-overflow: ellipsis;
	     white-space: nowrap;
		}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
	.scroll_text{
		height:100vh;
		overflow:auto;
		padding:0px 15px;
	}
	.scroll_text::-webkit-scrollbar {  
	  width: 8px;  
	}  
	.scroll_text::-webkit-scrollbar-track {  
	  background-color: #E7E7E7
	}  
	.scroll_text::-webkit-scrollbar-thumb {  
	  background-color: var(--boxColor);
		border: 1px solid var(--boxColor);
		border-radius: 10px;
	}  
	.scroll_text::-webkit-scrollbar-thumb:hover {  
	  background-color: var(--boxColor);  
	}
	.menuFlex{
		display: block;
	}
	.xs-header-nav .header-nav .nav-menu > li > a {
    color: #333;
    padding: 9px 12px;
	}
	.xs-header-nav .header-nav .nav-menu > li > a .submenu-indicator {
	    margin-top: 0px;
	}
	.xs-header-nav .header-nav .nav-menu > li > a .submenu-indicator .submenu-indicator-chevron {
	    border-color: transparent #333 #333 transparent;
	}
	.nav-toggle:before {
    background-color: #fff;
    box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff;
	}
	.logoHeader img {
	    height: 60px;
	}
	.logoInfos p {
	   font-size: 14px;
	}
	.socialIconInfos strong {
	    font-size: 15px;
	    margin-bottom: 8px;
	}
	.topHeaderFlexRight ul{
		padding-left: 0;
	}
	.socialIcon i {
	   font-size: 20px;
	}
	.socialIconInfos p {
	    margin-bottom: 0;
	    line-height: 20px;
	    font-size: 13px;
	}
	.menuFlexRight {
	    display: block;
	    position: absolute;
	    top: 16px;
	}
	.navigation-portrait {
	    height: 57px;
	}
	.aboutLeft{
		margin-bottom: 15px;
	}
	.newsBox.downloadBox h2 {
	    font-size: 13px;
	    width: 230px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
		.colLeft {
	    padding-right: 15px;
	}
	.menuFlexRight ul li a{
		padding: 14px 12px;
	}
	.outer-search-box{
		right: 56px;
	}


}

@media only screen and (min-width: 992px) and (max-width: 1199px){
	.xs-header-nav .header-nav .nav-menu > li > a{
		font-size: 15px;
	}
	.menuFlexRight ul li a {
	  font-size: 14px;
	  padding: 17px 12px;
	}
	.outer-search-box{
		right: 204px;
	}
}