/* Mobile Style */
.is_mobile{
	display:none;
}
@media (max-width: 1800px) {
}
@media (max-width: 1699px) {
	footer .fm_newsletter .input-group input[type='email']{
		width: 280px;
	}
}
@media (max-width: 1550px) {
	#navbar_main .navbarmain .nav-item > a{
		padding: 15px 10px;
		font-size: 14px;
	}
	#mainmenu .navbar-nav .dropdown-menu .dropdown-item{
		font-size: 14px;
	}
	footer .fm_newsletter .input-group input[type='email']{
		width: 200px;
	}
	footer .ft_md .name{
		font-size: 16px;
	}
	footer .ft_md .address{
		font-size: 13px;
	}
	.sec_head h2{
		font-size: 30px;
	}
	.product_card .slidestock > ul > li .price{
		font-size: 30px;
	}
	.product_card .slidestock > ul > li .price .far{
		font-size: 26px;
		margin-top:5px;
	}
}
@media (max-width: 1440px) {
	.html_col_data > li .val{
		font-size: 16px;
	}
	.p_card .card-header{
		font-size: 18px;
	}
}
@media (max-width: 1199px) {
	footer .ft_top .col-lg-7,
	footer .ft_top .col-lg-5{
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
    }
    footer .ft_top ul > li > a{
    	display: block;
    }
    .sec_head h2{
    	font-size: 26px;
    }
    .sec_head .seemore{
    	font-size: 16px;
    }
    .headpade .page_name{
    	padding: 60px 0;
    	font-size: 30px;
    }
    #navbar_main .navbarmain .nav-item > a{
    	white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
    }
}
@media (max-width: 1199px) {
	.p_card .card-header{
		font-size: 18px;
	}
}
@media (max-width: 1023px) {
	.html_col_data > li .val,
	.p_card{
		font-size: 14px;
	}
	.p_table.group .tb_headgroup > td{
		font-size: 20px;
	}
}
@media (max-width: 991px) {
	.is_mobile{
		display: block;
	}
	#mainmenu .navbar-brand{
		position: inherit;
		display: block;
		text-align: left;
		margin: 0;
		padding: 15px 0;
		padding-top: 10px;
		padding-left: 70px;
		top: 0;
		position: inherit;
	}
	#mainmenu .navbar-brand img{
		height: 50px;
		width: auto;
	}
	#mainmenu > .container{
		display: block;

	}
	#mainmenu .navbar-toggler{
		position: absolute;
		top: 20px;
		left: 15px;
		z-index: 1;
		width: 40px;
		height: 40px;
		padding: 0;
		margin: 0;
		border: none;
		outline: none;
	}
	#mainmenu .navbar-toggler > span,
	#mainmenu .navbar-toggler::before,
	#mainmenu .navbar-toggler::after{
		position: absolute;
		display: block;
		content: '';
		width: 27px;
		height: 4px;
		background: #222;
		border-radius: 2px;
		left: 5px;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	#mainmenu .navbar-toggler[aria-expanded="true"] > span,
	#mainmenu .navbar-toggler[aria-expanded="true"]::before,
	#mainmenu .navbar-toggler[aria-expanded="true"]::after{
		background: #62686A;
	}
	#mainmenu .navbar-toggler::before{
		top: 8px;
	}
	#mainmenu .navbar-toggler > span{
		top: calc(50% - 2px);
		width: 20px;
	}
	#mainmenu .navbar-toggler::after{
		bottom: 8px;
	}
	#mainmenu .navbar-toggler[aria-expanded="true"]  > span{
		opacity: 0;
		-webkit-transform: translateX(10px);
		   -moz-transform: translateX(10px);
		    -ms-transform: translateX(10px);
		     -o-transform: translateX(10px);
		        transform: translateX(10px);
	}
	#mainmenu .navbar-toggler[aria-expanded="true"]::before,
	#mainmenu .navbar-toggler[aria-expanded="true"]::after{
		width: 35px;
	}
	#mainmenu .navbar-toggler[aria-expanded="true"]::before{
		-webkit-transform: rotate(45deg) translate(5px,7px);
		   -moz-transform: rotate(45deg) translate(5px,7px);
		    -ms-transform: rotate(45deg) translate(5px,7px);
		     -o-transform: rotate(45deg) translate(5px,7px);
		        transform: rotate(45deg) translate(5px,7px);
	}
	#mainmenu .navbar-toggler[aria-expanded="true"]::after{
		-webkit-transform: rotate(-45deg) translate(7px,-9px);
		   -moz-transform: rotate(-45deg) translate(7px,-9px);
		    -ms-transform: rotate(-45deg) translate(7px,-9px);
		     -o-transform: rotate(-45deg) translate(7px,-9px);
		        transform: rotate(-45deg) translate(7px,-9px);
	}
	.menuflex .quickmenu{
		position: absolute;
		right: 15px;
		bottom: 100%;
		z-index: 2;
	}
	.quickmenu{
		padding: 0;
		padding-bottom: 15px;
	}
	.quickmenu .btn{
		display: none;
	}
	.quickmenu .search,
	.quickmenu .tel{
		width: 42px;
		height: 42px;
		padding: 7px;
		margin-right: 0;
		margin-left: 10px;
	}
	.quickmenu .search svg,
	.quickmenu .tel svg{
		height: 20px;
	}
	.quickmenu .search.show input{
		width: 270px;
	}
	.menuflex{
		display: block;
		position: relative;
	}
	header > .navbar{
		padding: 0;
	}
	#navbar_main{
		padding-bottom: 15px;
	}
	#navbar_main .navbarmain{
		display: block;
		position: relative;
		padding-top: 40px;
	}
	#navbar_main .navbarmain .li_lang{
		position: absolute;
		top: 10px;
		right: 15px;
	}
	#navbar_main .navbarmain .nav-item > a{
		font-size: 18px;
		padding: 15px 15px;
		position: relative;
	}
	#navbar_main .navbarmain .nav-item > a.dropdown-toggle::before{
		content: '';
		font-weight: 900;
		font-family: "Font Awesome 5 Free";
		content: "\f054";
		position: absolute;
		right: 15px;
		top: 20px;
		font-size: 14px;
		color: #B42124;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	#navbar_main .navbarmain .nav-item.show > a.dropdown-toggle::before{
		-webkit-transform: rotate(90deg);
		   -moz-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		     -o-transform: rotate(90deg);
		        transform: rotate(90deg);
	}
	#navbar_main .dropdown-menu{
		box-shadow: none;
		background: #F6F8F8;
	}
	#mainmenu .navbar-nav .dropdown-menu .dropdown-item{
		font-size: 18px;
		font-weight: 300;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 35px;
	}
	#mainmenu .navbar-nav .dropdown-menu .dropdown-item i{
		font-size: 14px;
		margin-top: 5px;
	}
	#mainmenu .dropright .dropdown-toggle::after{
		display: none;
	}
	#navbar_main .dropright .dropdown-menu{
		background: #ECF0F1;
		margin: 0;
		padding-left: 15px;
	}
	#navbar_main .dropright .dropdown-menu > a{
		font-size: 16px!important;
	}
	#navbar_main .show > .dropdown-menu{
		display: block;
	}
	#navbar_main a > .fas{
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	#navbar_main .show > a > .fas{
		-webkit-transform: rotate(90deg);
		   -moz-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		     -o-transform: rotate(90deg);
		        transform: rotate(90deg);
	}
	footer .ft_top .col-lg-7,
	footer .ft_top .col-lg-5{
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
    }
    footer .fm_newsletter{
    	justify-content: center;
    }
    footer .ft_top .col-lg-7{
    	text-align: center;
    }
    footer .copyright .col-md-12{
    	padding-top: 5px;
    	padding-bottom: 5px;
    	text-align: center;
    }
    footer .copyright .col-md-12.text-right{
    	text-align: center!important;
    }
	.about_history .row .col{
		padding-bottom: 15px;
	}
	.about_management > h2{
		font-size: 26px;
	}
	.accordion>.card>.card-header .name{
		font-size: 20px;
		padding: 15px;
	}
	.headpade .page_name{
		padding: 60px 0;
		font-size: 30px;
	}
	.table-html{
		font-size: 14px;
	}
	.table-html thead th{
		vertical-align: middle;
	}
	.table-html tbody td{
		padding: 5px 10px;
	}
	#popup_warning .bottom_box .btn,
	.btn-light.btn-lg{
		padding: 10px 20px;
		font-size: 16px;
	}
	.html_top_click_to_funds > h2{
		font-size: 28px;
	}
	.html_top_ms{
		padding-top: 30px;
	}
	.html_top_ms .btn-main{
		font-size: 16px;
	}
	.p_table .table thead th{
		white-space: nowrap;
	}
	.chart_tools{
		display: block;
	}
	.chart_tools .select_date{
		margin-top: 15px;
	}
	#date_chart_range{
		width: 260px;
	}
	footer .fm_newsletter .input-group input[type='email']{
		width: 300px;
	}
}
@media (max-width: 850px) {

}
@media (max-width: 779px) {

}
@media (max-width: 768px) {
	.footer_logo a > img{
		width: 100px;
	}
}
@media (max-width: 767px) {
	.page_name,
	.headpade .page_name{
		padding: 40px 0 !important;
		font-size: 24px !important;
	}
	.sec_head h2{
		font-size: 26px;
	}
	.sec_head .seemore{
		margin-top: 5px;
	}
	.about_management .detail > .img > img{
		width: 150px;
	}
	.about_management .detail > .info{
		font-size: 14px;
	}
	.about_management > h2{
		font-size: 20px;
	}
	.about_management > p{
		font-size: 16px;
	}
	.about_management .detail{
		padding-top: 0;
	}
	.about_info > .info > h2{
		font-size: 20px;
	}
	.about_info > .info > .position{
		font-size: 16px;
	}
	.about_info{
		margin-top: 20px;
	}
	.html_head_date .name{
		font-size: 18px;
	}
	.html_head_date .date{
		font-size: 14px;
		padding-top: 5px;
	}
	.html_left_image .img{
		width: 70px;
	}
	.html_left_image .img > img{
		max-width: 100%;
	}
	.html_left_image .html{
		padding-left: 90px;
	}
	.html_left_image .html > h5{
		font-size: 18px;
	}
	.html_top_click_to_funds > h2{
		font-size: 20px;
	}
	ul.html_icon_lists > li .info .name{
		font-size: 18px;
		font-weight: 400;
	}
	ul.html_icon_lists > li{
		padding-bottom: 10px;
	}
	.p_card .card-header{
		font-size: 18px;
	}
	.html_col_data > li .name,
	.html_col_data > li .val{
		font-size: 14px;
	}
	.p_table.group .tb_headgroup > td{
		font-size: 18px;
	}
	#popup_warning{
		padding: 20px;
		padding-top: 30px;
	}
	#popup_warning h2{
		font-size: 30px;
		margin-bottom: 20px;
	}
}
@media (max-width: 575px) {
	footer{
		padding-top: 20px;
	}
	footer .ft_top ul > li > a{
		padding: 5px 10px;
	}
	.footer_logo > a{
		display: block;
		padding-bottom: 20px;
		text-align: left;
	}
	.footer_logo > img{
		width: 100px;
	}
	.footer_address{
		text-align: left;
	}
	footer .fm_newsletter .ms{
		padding-right: 0;
		padding-bottom: 5px;
	}
	footer .ft_md{
		padding-bottom: 30px;
	}
	footer .fm_newsletter{
		justify-content: flex-end;
	}
	footer .fm_newsletter form{
		width: 100%;
	}
	footer .ft_md .btn-tel{
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 18px;
	}
	footer .ft_top .col-lg-7{
		text-align: left;
	}
	
	footer .ft_top ul > li > a{
		padding-left: 0;
	}
	.about_history > h2{
		font-size: 20px;
	}
	.about_history{
		font-size: 14px;
	}
	.about_management .detail{
		display: block;
	}
	.about_management .detail > .img{
		margin-right: 0;
		text-align: center;
		padding-bottom: 15px;
	}
	.about_management > p,
	.about_management > h2{
		text-align: center;
	}
	.html_head_date{
		display: block;
	}
	.accordion>.card>.card-header .name{
		padding-left: 35px;
		font-size: 18px;
		padding-right: 0;
	}
	.accordion>.card>.card-header .name::after, .accordion>.card>.card-header .name::before{
		left: 0;
		top: 25px;
		bottom: auto;
	}
	.html_left_image .img{
		width: 50px;
	}
	.html_left_image .html{
		padding-left: 70px;
	}
	.container > .card-body{
		padding: 15px 0;
		padding-bottom: 0;
	}
	.html_top_ms{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	ul.html_icon_lists > li > svg{
		width: 50px;
	}
	#popup_warning h2{
		font-size: 26px;
	}
}
@media (max-width: 550px) {
	/* .html_col_data > li{
		display: block;
	} */
	.html_col_data > li .name{
		font-size: 16px;
	}
	.chart_tools > ul.select_range{
		display: flex;
		white-space: nowrap;
		overflow: hidden;
		overflow-x: auto;
	}
	#popup_warning .info > ul,
	#popup_warning .info > ol{
		padding-left: 15px;
	}
}
@media (max-width: 425px) {
	.quickmenu .search.show input{
		width: 65vw;
	}
}