/*
====================================
large Screen - Others
====================================
*/

@media screen and (min-width: 1201px) and (max-width: 1400px) {




.slider-area .container {
    max-width: 1000px;
}

.carousel-caption h2 {
    font-size: 50px;
}

.banner-area {
    padding: 200px 0 180px;
}

.banner-item h2 {
    font-size: 60px;
}
























}









@media screen and (min-width: 992px) and (max-width: 1200px) {




.slider-area .container {
    max-width: 820px;
}

.slider-item2 {
    padding: 196px 0 175px;
}

.carousel-caption h2 {
    font-size: 38px;
}

.carousel-caption p {
    font-size: 22px;
    margin-bottom: 38px;
}

.carousel-indicators li {
    width: 22px;
    height: 22px;
    border: 4px solid #4f576e!important;
}

.carousel-indicators .active {
    width: 22px;
    height: 22px;
}

.inner-container h2 {
    font-size: 26px;
    margin-bottom: 20px;
}

.inner-container > form {
    padding: 7px;
}

.inner-container > form input {
    font-size: 18px;
    padding: 10px 25px;
}

.inner-container > form button {
    width: 45px;
    height: 45px;
    line-height: 45px;
}

.inner-container form button i {
    font-size: 20px;
}

.search-item h3 {
    font-size: 24px;
}

.search-area ul li select {
    font-size: 22px;
    padding: 9px 20px;
    padding-left: 15px;
    background-size: 15px;
}

.search-area ul li:last-of-type a {
    font-size: 20px;
    padding: 14px 30px;
}

.fresh-item {
    margin-bottom: 30px;
}

.fresh-item-inner h2 {
    font-size: 28px;
}

.fresh-item3 {
    padding: 25px 40px 0;
}

.fresh-item3 a {
    font-size: 28px;
    padding: 25px;
    margin-bottom: 30px;
}

.inner-container2 h2 {
    font-size: 40px;
}

.news-item-inner2 h3 a {
    font-size: 24px;
}

.news-item-inner2 h4 {
    font-size: 18px;
}

.news-item-inner2 p {
    font-size: 17px;
}

.news-item2 a {
    font-size: 28px;
    padding: 25px;
}

.heyden-item {
	width: 80%;
}

.heyden-item h2 {
    font-size: 36px;
}

.heyden-item h3 {
    font-size: 20px;
}

.heyden-item-inner ul li a {
    font-size: 22px;
}

.heyden-item-inner2 ul li a {
    font-size: 22px;
}

.heyden-item-inner3 ul li a {
    font-size: 22px;
}

.heyden-item-inner4 a {
    font-size: 20px;
    padding: 10px 40px;
}

.heyden-item-inner4 span {
    font-size: 18px;
}

.company-item-inner ul li a {
    font-size: 22px;
}

.company-item-inner4 {
    flex: 0 0 130px;
    width: 130px;
    height: 130px;
    margin-bottom: 45px;
}

.company-item-inner4 h6 {
    font-size: 18px;
}

.company-item-inner4 h3 {
    font-size: 18px;
}

.company-item-inner4 h3 span {
    font-size: 10px
}

.company-item-inner4 h2 {
    font-size: 16px;
}

.company-item-inner4 h4 {
    font-size: 18px;
}

.company-item-inner4 h4 span {
    font-size: 12px;
}

.company-item-inner6 {
    margin-bottom: 7px;
}

.company-item-inner6 span {
    width: 15px;
    height: 15px;
    margin-right: 15px;
    margin-top: 4px;
}

.company-item-inner6 h5 {
    font-size: 18px;
}

.company-item-inner9 h2 {
    font-size: 18px;
}

.company-item-inner9 ul li {
    font-size: 18px;
}

.company-item2 a {
    font-size: 28px;
    padding: 25px;
    margin-bottom: 50px;
}

.banner-area {
    padding: 190px 0 160px;
}

.banner-item h2 {
    font-size: 50px;
}

.accordion-item > h5 {
    font-size: 40px;
}

.touch-item p {
    font-size: 24px;
}

.touch-item2 > h2 {
    font-size: 40px;
}

.touch-item2-inner2 h3 {
    font-size: 28px;
    margin-bottom: 30px;
}

.touch-item2-inner2 p {
    font-size: 20px;
    margin-bottom: 50px;
}

.touch-item2-inner3 form label {
    font-size: 18px;
}

.touch-item2-inner3 form input,
.touch-item2-inner3 form textarea {
    font-size: 18px;
    padding: 3px 20px;
    margin-bottom: 15px;
}

.useful-item h2 {
    font-size: 40px;
}

.useful-item ul li a {
    font-size: 24px;
    padding: 15px 25px;
    border-radius: 15px;
    margin-bottom: 30px;
}

.useful-item ul li a img {
    max-width: 40%;
}

.useful-item ul li:nth-of-type(3) a img {
    width: 70px;
}

.useful-item ul li:nth-of-type(4) a img {
    width: 70px;
}



























}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

#printableArea table.table.tabledesign.dataTable tbody th h5{font-size:14px;}
#printableArea .lastupdatedesk p {
    padding:0  0 0 5px!important;
}
 .lastupdatedesk    {font-size: 10px;}
 #printableArea table.table.tabledesign.dataTable tbody th h5{margin-bottom:10px;}

.chartnew{height:200px;}
.header-area {padding: 10px 0;}
.slider-area .container {max-width: 630px;}
.slider-item2 {padding: 190px 0 170px;}
.carousel-caption h2 {font-size: 32px;}
.carousel-caption p {font-size: 20px; margin-bottom: 38px;}
.carousel-indicators li {width: 18px; height: 18px; border: 3px solid #4f576e!important;}
.carousel-indicators .active {width: 18px; height: 18px;}
.ln_wrapper{padding: 45px 0;}
.ln_right ul li {font-size: 14px; margin-right: 25px;}
.ln_right ul li span {font-size: 14px;}
.ln_right2 ul li {font-size: 14px; margin-right: 35px;}
.ln_right2 ul li span {font-size: 14px;}
.inner-container h2 {font-size: 26px; margin-bottom: 20px;}
.inner-container > form { padding: 5px; margin-bottom: 20px;}
.inner-container > form input {font-size: 14px; padding: 10px 25px;}
.inner-container > form button {width: 35px;height: 35px;line-height: 35px;}
.inner-container form button i {font-size: 15px;}
.search-item h3 {font-size: 15px;}
.search-item img {width: 20px;}
.search-item img:first-of-type {margin-right: 10px;}
.search-area ul { margin-top: 20px;}
.search-area ul li select {
    font-size: 14px;
    padding: 7px 20px;
    padding-left: 10px;
    background-size: 12px;
}

.search-area ul li select option {
    font-size: 12px;
}

.search-area ul li:last-of-type a {
    font-size: 13px;
    padding: 10px 30px;
}

.fresh-item {
    margin-bottom: 24px;
}

.fresh-item-inner h2 {
    font-size: 18px;
}

.fresh-item-inner ul li > a {
    font-size: 12px;
    padding: 7px 10px;
}

.fresh-item-inner ul li a i {
	margin-left: 10px;
}

.fresh-item-inner .dropdown-menu {
	width: 100px!important;
	padding: 8px;
}

.fresh-item-inner .dropdown-menu a {
    font-size: 12px;    
}

.fresh-item-inner3 h3 {
    font-size: 14px;
    margin-bottom: 17px;
}

.fresh-item-inner3 h3 i {
    margin-right: 8px;
}

.fresh-item-inner4 ul {
    padding: 5px 0;
    margin-bottom: 12px;
}

.fresh-item-inner4 ul li a {
    font-size: 12px;
}

.fresh-item-inner5 ul {
    padding: 5px 0;
    margin-bottom: 12px;
}

.fresh-item-inner5 ul li a {
    font-size: 12px;
}

.fresh-item-inner6 ul {
    padding: 5px 0;
}

.fresh-item-inner6 ul li a {
    font-size: 12px;
}

.fresh-item-inner7 {
    margin-top: 10px;
}

.fresh-item-inner7 a {
    font-size: 14px;
    padding: 10px 15px;
}

.fresh-item-inner8 ul {
    padding: 5px 0;
    width: 90%;
}

.fresh-item-inner8 ul li a {
    font-size: 12px;
}

.fresh-item-inner9 ul {
    padding: 5px 0;
    width: 90%;
}

.fresh-item-inner9 ul li a {
    font-size: 12px;
}

.fresh-item-inner10 ul {
    padding: 5px 0;
    width: 90%;
}

.fresh-item-inner10 ul li a {
    font-size: 12px;
}

.fresh-item3 {
    padding: 20px 40px 0;
}

.fresh-item3 a {
    font-size: 18px;
    padding: 18px;
    margin-bottom: 30px;
}

.inner-container2 h2 {
    font-size: 32px;
}

.news-item-inner2 {
    padding-top: 12px;
    padding-left: 15px;
}

.news-item-inner2 h3 a {
    font-size: 19px;
}

.news-item-inner2 h4 {
    font-size: 15px;
}

.news-item-inner2 p {
    font-size: 13px;
}

.news-item2 a {
    font-size: 23px;
    padding: 18px;
    margin-bottom: 20px;
}

.footer-item > a {
    font-size: 24px;
    margin-bottom: 20px;
}

.footer-item-inner {
    margin-bottom: 25px;
}

.footer-item-inner ul li a {
    font-size: 18px;
}

.footer-item p {
    font-size: 16px;
}

.footer-item h2 {
    font-size: 20px;
    margin-bottom: 20px;
}

.footer-item-inner2 ul li a {
    font-size: 13px;
    margin-bottom: 12px;
}

.heyden-item2 {
	width: 125px;
}

.heyden-item2 img {
    width: 100px;
    margin-right: 25px;
}

.heyden-item {
	width: 80%;
}

.heyden-item h2 {
    font-size: 20px;
}

.heyden-item h3 {
    font-size: 14px;
}

.heyden-item h3 i {
    margin-right: 10px;
}

.heyden-item-inner ul {
    padding: 6px 0;
    margin-bottom: 12px;
}

.heyden-item-inner ul li a {
    font-size: 14px;
}

.heyden-item-inner2 ul {
    padding: 6px 0;
    margin-bottom: 12px;
}

.heyden-item-inner2 ul li a {
    font-size: 14px;
}

.heyden-item-inner3 ul {
    padding: 6px 0;
    margin-bottom: 12px;
}

.heyden-item-inner3 ul li a {
    font-size: 14px;
}

.heyden-item-inner4 {
    margin-top: 25px;
}

.heyden-item-inner4 a {
    font-size: 14px;
    padding: 8px 25px;
}

.heyden-item-inner4 span {
    font-size: 13px;
}

.company-item p {
    font-size: 21px;
}

.company-item-inner {
    padding-right: 25px;
}

.company-item-inner ul li a {
    font-size: 15px;
}

.company-item-inner4 {
    flex: 0 0 100px;
    width: 100px;
    height: 100px;
    border: 5px solid #FF866A;
    margin-bottom: 30px;
}

.company-item-inner4 h6 {
    font-size: 10px;
}

.company-item-inner4 h3 {
    font-size: 12px;
}

.company-item-inner4 h3 span {
    font-size: 9px
}

.company-item-inner4 h2 {
    font-size: 12px;
}

.company-item-inner4 h4 {
    font-size: 14px;
}

.company-item-inner4 h4 span {
    font-size: 9px;
}

.company-item-inner6 {
    margin-bottom: 5px;
}

.company-item-inner6 span {
    width: 10px;
    height: 10px;
    margin-right: 10px;
    margin-top: 3px;
}

.company-item-inner6 h5 {
    font-size: 14px;
}

.company-item-inner7 {
    padding-left: 18px;
}

.company-item-inner7 h4 {
    font-size: 24px;
}

.company-item-inner7 p {
    font-size: 22px;
}

.company-item-inner9 h2 {
    font-size: 14px;
}

.company-item-inner9 ul li {
    font-size: 14px;
}

.company-item2 a {
    font-size: 23px;
    padding:18px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.banner-area {
    padding: 160px 0 130px;
}

.banner-item h2 {
    font-size: 32px;
}

.ziehharmonika h3 {
    font-size: 28px;
    padding: 15px 40px;
}

.ziehharmonika > div {
    padding: 10px 40px 25px;
}

.ziehharmonika > div p {
    border-width: 2px;
}

.ziehharmonika .collapseIcon {
    right: 40px;
    font-size: 20px;
    width: 25px;
    height: 25px;
    line-height: 25px;
}

.ziehharmonika > span {
    height: 30px;
}

.accordion-item > h5 {
    font-size: 32px;
}

.touch-item p {
    font-size: 18px;
    margin-bottom: 15px;
}

.touch-item2 > h2 {
    font-size: 32px;
    margin-bottom: 40px;
    margin-top: 40px;
}

.touch-item2-inner {
    padding: 30px 20px;
    padding-right: 60px;
    padding-bottom: 30px;
    border-radius: 8px;
}

.touch-item2-inner2 {
    padding: 25px 20px;
    border-radius: 8px;
}

.touch-item2-inner2 h3 {
    font-size: 20px;
    margin-bottom: 30px;
}

.touch-item2-inner2 p {
    font-size: 17px;
    margin-bottom: 50px;
}

.touch-item2-inner3 form label {
    font-size: 17px;
}

.touch-item2-inner3 form input,
.touch-item2-inner3 form textarea {
    font-size: 17px;
    padding: 3px 20px;
    margin-bottom: 18px;
}

.touch-item2-inner3 form button {
    font-size: 19px;
    padding: 15px 30px;
}

.useful-item h2 {
    font-size: 36px;
    margin-bottom: 30px;
}

.useful-item ul li a {
    font-size: 18px;
    padding: 15px 15px;
    border-radius: 15px;
    margin-bottom: 30px;
}

.useful-item ul li a img {
    max-width: 40%;
}

.useful-item ul li:nth-of-type(3) a img {
    width: 50px;
}

.useful-item ul li:nth-of-type(4) a img {
    width: 50px;
}




.news-item-inner img{height: 100%; object-fit: cover;}
.news-area .container {max-width: 100%;}






















}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {	
.header-area {padding: 8px 0;background-color: #fcfcfc;}
.header-area3 {margin-bottom: 30px;position: relative;}
#my-navigation {display: flex;}
.header-area3:after {content: '';position: absolute;width: 100%;height: 30px;background-color: #f3f2f7;top: 100%;left: 0;}
.slider-area .container {max-width: 310px;}
.slider-item-inner {padding: 15px 0 30px;}
.slider-item2 {padding: 119px 0 80px;}
.carousel-caption h2 {font-size: 22px;margin-bottom: 10px;}
.carousel-caption p {font-size: 14px;margin-bottom: 20px;}
.carousel-caption p br {display: none;}
.carousel-caption a {font-size: 14px;padding: 10px 25px;}
.carousel-indicators li {width: 12px;height: 12px;border: 3px solid #4f576e!important;}
.carousel-indicators .active {width: 12px;height: 12px;}
.ln_wrapper{padding: 25px 0;}
.ln_right ul li {font-size: 7px;margin-right: 15px;}
.ln_right ul li span {font-size: 7px;}
.ln_right2 ul li {font-size: 7px;margin-right: 15px;}
.ln_right2 ul li span {font-size: 7px;}
.inner-container {padding: 0 0;}
.inner-container h2 {font-size: 21px;margin-bottom: 20px;}
.inner-container > form {padding: 3px;margin-bottom: 20px;}
.inner-container > form input {font-size: 9px;    padding: 10px 25px;}
.inner-container > form button {width: 25px;height: 25px;line-height: 16px;}
.inner-container form button i {font-size: 12px;}
.search-item h3 {font-size: 9px;}
.search-item img {width: 20px;}
.search-item img:first-of-type {margin-right: 7px;}
.search-area ul {margin-top: 15px;}
.search-area ul li select {font-size: .8rem;letter-spacing: -0.0977778px;  padding: 5px 7px;padding-left: 2px;  border: 1.1px solid #D0CDDE;border-radius: 2.2px; background-size: 5px;}
#printableArea .dataTables_wrapper .dataTables_length select,#printableArea .dataTables_wrapper .dataTables_filter input{width:100%;}
#printableArea  label{text-align:left;}
.search-area ul li select option {font-size: 5px;}
.search-area ul li:last-of-type a {font-size: 7.7px;letter-spacing: -0.0855556px;padding: 7px 15px;border-radius: 2.2px;}
.dropdown-menu {width: 100px;padding-top: 0;padding-bottom: 15px;}
.navbar-nav .nav-link{padding:6px 0px!important;}
.navbar-nav a.nav-link.btn.btn-danger {display: inline;font-size: 1rem;padding: 6px 5px !important;}
ul.navbar-nav.ml-auto {margin-bottom: 10px;}
.d-none-sm{display:none;}
.d-none-md{display:inline-block;}
.mobiledropdown li a{font-size: 0.6rem; padding: 4px 5px;   border: 0.63px solid #E4E3EB;  border-radius: 1.26px;    font-weight: 700;    box-sizing: border-box;background-color: #fff;    white-space: nowrap;color: #C7C5CF;}
ul.mobiledropdown {float: right;margin-top: -30px;}
.form-group label {font-size: 1rem; padding-left: 5px;}
.form-group label:before {border: 0.6px solid #F1500B;border-radius: 1.2px;margin-right: 5px;width: 8px;height: 8px;left: -5px;}
.form-group label:after {top: .5px;left: 2.5px;width: 3px;height: 6px;border-width: 0 1.5px 1.5px 0;}
.fresh-item {margin-bottom: 14px;padding-left: 15px;padding-top: 10px;padding-right: 15px;padding-bottom: 10px;border-radius: 6px;}
.fresh-item-inner h2 {font-size: 1rem;}
#printableArea div#DataTables_Table_0_length {width: auto;float: left;}
#printableArea .table-responsive table.dataTable tbody th,#printableArea .table-responsive table.dataTable tbody td {font-size: 0.7rem;    padding: 5px;}
#printableArea .table-responsive table.dataTable tbody th h5 {width: auto !important;font-size: 0.6rem !important;}
#printableArea .table-responsive table.dataTable th.sorting {padding: 5px !important;}
.fresh-item-inner ul li > a {font-size: 5.04px;padding: 4px 5px;border: 0.63px solid #E4E3EB; border-radius: 1.26px;}
.fresh-item-inner ul li a i {margin-left: 8px;}
.fresh-item-inner .dropdown-menu {width: 70px!important;padding: 4px;}
.fresh-item-inner .dropdown-menu a {font-size: 5px;}
.fresh-item-inner3 h3 {font-size: .8rem;margin-bottom: 10px;}
.fresh-item-inner3 h3 i {margin-right: 5px;}
.fresh-item-inner4 ul {padding: 4px 0; margin-bottom: 8px;}
.fresh-item-inner4 ul li a {font-size: 12px;border-right: 1.5px solid #ccd0da;}
.fresh-item-inner5 ul {padding: 4px 0;margin-bottom: 8px;}
.fresh-item-inner5 ul li a {font-size: 12px;}
.fresh-item-inner6 ul {padding: 4px 0;margin-bottom: 8px;}
.fresh-item-inner6 ul li a {font-size: 12px;}
.fresh-item-inner7 span.d-inline-flex.p-2.bd-highlight {font-size: 12px;}
.fresh-item-inner7 {margin-top: -5px;}

.fresh-item-inner7 a {
    font-size: .6rem;
    padding: 4px 10px;
    border-radius: 1.6px;
}

.fresh-item-inner8 ul li a {
    font-size: 12px;
}

.fresh-item-inner8 ul {
    padding: 4px 0;
    margin-bottom: 8px;
    width: 90%;
}

.fresh-item-inner8 ul li a {
    font-size: 7.488px;
    border-right: 1.5px solid #ccd0da;
}

.fresh-item-inner9 ul {
    padding: 4px 0;
    margin-bottom: 8px;
    width: 90%;
}

.fresh-item-inner9 ul li a {
    font-size: 6.552px;
}

.fresh-item-inner10 ul {
    padding: 4px 0;
    margin-bottom: 8px;
    width: 90%;
}

.fresh-item-inner10 ul li a {
    font-size: 7.488px;
}

.fresh-item3 {
    padding: 10px 0px 0;
}

.fresh-item3 a {
    font-size: 13px;
    padding: 13px;
    border-radius: 2px;
    margin-bottom: 25px;
}

.news-area {
    padding-bottom: 30px;
}

.news-area-inner {
	padding: 65px 0 0;display: block;
}

.inner-container2 h2 {
    font-size: 21px;
    text-align: left;
    margin-bottom: 15px;
}

.news-item {
    box-shadow: 0px 5px 17px 4px #F3F2F7;
	border-radius: 6px;
    margin-bottom: 17px;        width: 100%;
}

.news-item-inner img {
    width: 100%;
    border-radius: 6px 0 0 6px;
}

.news-item-inner2 {
    padding-top: 8px;
    padding-left: 10px;
}

.news-item-inner2 h3 a {
     
    margin-bottom: 10px;
}

.news-item-inner2 h4 {
    font-size: 8px;
}

.news-item-inner2 p {
    font-size: 6px;
}

.news-item2 a {
    font-size: 13px;
    padding: 13px;
    border-radius: 2px;
    margin-bottom: 25px;
}

.footer-area {
 
}

.footer-area2 {
	display: block;
}

.heyden-area {
    padding: 30px 0 30px;
    background-color: #fff;
}

.heyden-item2 img {
    width: 50px;
    margin-right: 15px;
}

.heyden-item2 {
    width: 65px;
}

.heyden-item {
    width: 100%;
}

.heyden-item h2 {
    font-size: 14px;
    margin-bottom: 10px;
}

.heyden-item h3 {
    font-size: 6.3px;
    margin-bottom: 18px;
}

.heyden-item h3 i {
    margin-right: 6px;
}

.heyden-item-inner ul {
    box-shadow: 0px 0px 12px 2px rgba(234, 234, 241, 0.774557);
	border-radius: 2px;
    padding: 4px 0;
    margin-bottom: 10px;
}

.heyden-item-inner ul li a {
    font-size: 8px;
    border-right: 1.5px solid #d7dbe4;
}

.heyden-item-inner2 ul {
    box-shadow: 0px 0px 12px 2px rgba(234, 234, 241, 0.774557);
	border-radius: 2px;
    padding: 4px 0;
    margin-bottom: 10px;
}

.heyden-item-inner2 ul li a {
    font-size: 7px!important;
}

.heyden-item-inner3 ul {
    box-shadow: 0px 0px 12px 2px rgba(234, 234, 241, 0.774557);
	border-radius: 2px;
    padding: 4px 0;
    margin-bottom: 10px;
}

.heyden-item-inner3 ul li a {
    font-size: 8px;
}

.heyden-item-inner4 {
    margin-top: 20px;
}

.heyden-item-inner4 a {
    font-size: 6.4px;
    padding: 5px 15px;
    border-radius: 1.6px;
}

.heyden-item-inner4 span {
    font-size: 6px;
}

.company-area {
    padding: 40px 0;
    background-color: #F3F2F7;
}

.company-item {
    box-shadow: 0px 5px 17px 4px #ECECF0;
	border-radius: 2px;
    padding: 0 11px;
    padding-right: 10px;
    padding-bottom: 16px;
    margin-bottom: 18px;
}

.company-item h2 a {
    font-size: 9px;
    padding: 4px 10px;
    border-radius: 2px;
    margin-bottom: 15px;
    width: 77px;
}

.company-item p {
    font-size: 7px;
}

.company-item-inner {
    padding-right: 14px;
}

.company-item-inner ul li a {
    font-size: 7px;
}

.company-item-inner4 {
    flex: 0 0 120px;
    width: 120px;
    height: 120px;
    border: 2.4px solid #FF866A;
    margin-bottom: 20px;
}

.company-item-inner4 h6 {
    font-size:14px;
}

.company-item-inner4 h3 {
    font-size: 12px;
}
.company-item-inner4 span {
    font-size: 10px;
}

.company-item-inner4 h3 span {
    font-size: 4.5px
}

.company-item-inner4 h2 {
    font-size: 14px;
}

.company-item-inner4 h4 {
    font-size: 7px;
}

.company-item-inner4 h4 span {
    font-size: 4.5px;
}

.company-item-inner6 {
    margin-bottom: 3px;width:100%;
}

.company-item-inner6 span {
    width: 6px;
    height: 6px;
    margin-right: 5px;
    margin-top: 2px;
}

.company-item-inner6 h5 {
    font-size: 14px;
}

.company-item-inner7 {
    padding-left: 12px;
}

.company-item-inner7 h4 {
    font-size: 9px;
}

.company-item-inner7 p {
    font-size: 9px;
}

.company-item-inner7 p br {display: block;}
.company-item-inner9 h2 {font-size: 6.5px; margin-bottom: 10px;}
.company-item-inner9 ul li {font-size: 6.5px; margin-bottom: 5px;}
.company-item2 {padding: 0 0px;}
.company-item2 a {font-size: 11px;padding: 13px; border-radius: 2px;margin-bottom: 20px;}
.company-item2-inner {padding: 0 0;}
.banner-area {background-image: none;padding: 0;}
.banner-item {padding: 14px; background-color: #F3F2F7; border-radius: 5px;}
.banner-item h2 {font-size: 24px;letter-spacing: -1.15556px; color: #485169;}
.ziehharmonika h3 {border-radius: 5px;font-size: 16px;font-weight: 600; padding: 12px 20px;}
.ziehharmonika h3.active {border-radius: 5px 5px 0 0;    }
.ziehharmonika > div {border-radius: 0 0 5px 5px; padding: 10px 20px 25px;}
.ziehharmonika > div p {border-width: 1px;    font-size: 1rem;}
.ziehharmonika .collapseIcon {right: 20px;font-size: 12px;width: 14px;height: 14px;line-height: 14px;}
.ziehharmonika > span {height: 15px;}
.accordion-item > h5 {display: none;}
.banner-area2 {padding: 50px 0 50px;}
.banner-item2 h2 {font-size: 28px;}
.touch-item p {font-size: 14px;margin-bottom: 15px;}
.touch-item img {margin: 20px 0;}
.touch-item2 > h2 {font-size: 28px;margin-bottom: 30px;margin-top: 30px;}
.mt-30-sm{margin-top:30px;}
.touch-item2-inner {padding: 20px 10px;border-radius: 6px;}
.touch-item2-inner2 {padding: 20px 10px;border-radius: 6px;}
.touch-item2-inner2 h3 {font-size: 1.4rem;margin-bottom: 10px;}
.touch-item2-inner2 p {font-size: 1rem;margin-bottom: 20px;}
.touch-item2-inner2 p br {display: none;}
.touch-item2-inner2 .media {align-items: flex-start;margin-bottom: 15px;}
.touch-item2-inner2 .media i {font-size: 1rem;margin-right: 10px; margin-top: 2px;}
.touch-item2-inner2 .media h6 {font-size: 1rem;}
.touch-item2-inner2 .media h6 br {display: none;}
.touch-item2-inner2 ul {margin-top: 20px;}
.touch-item2-inner2 ul li a {font-size: 1.2rem; margin-right: 10px;}
.ptb-30-sm{padding:30px 0;}
.aboutdata p{text-align:left;  font-size: 1rem;    line-height: normal;}
.touch-item2-inner3 form label {font-size: 1rem;}
.touch-item2-inner3 form input,
.touch-item2-inner3 form textarea {font-size: 10px;padding: 0px 15px;margin-bottom: 10px;}
.touch-item2-inner3 form button {font-size: 1rem;padding: 8px 22px; margin-top: 10px;}
.useful-item h2 {font-size: 32px;margin-bottom: 30px;}
.useful-item ul li a {font-size: 10px;padding: 15px 15px;border-radius: 12px;margin-bottom: 20px;}
.useful-item ul li a img {max-width: 30%;}
.useful-item ul li:nth-of-type(3) a img {width: 30px;}
.useful-item ul li:nth-of-type(4) a img {width: 30px;}
.company-item select#showchart {width: 100% !important; padding: 5px; height: auto; font-size: 0.8rem;}
div#chart_div1 {margin-left: -120px;}
table.dataTable thead th.sorting {font-size: 0.8rem;}
.signpage p {display: flex; width: 100%; justify-content: space-between;}
.signpage p a {white-space: nowrap;word-wrap: normal; font-size: 13px;display: inline-block;margin: 0 !important;}
.footer-area-inner {padding: 0 0px;}
.footer-item-inner ul li a{margin-right:0;}
.touch-area.accounttypechnge {padding-top: 0;}
.accounttypechnge .card-body {padding: 0;}
.accounttypechnge h3 {font-size: 1.2rem;}
.changebuttonRow {display: flex; gap: 5px;width: 100%;justify-content: space-evenly;}
.changebuttonRow button.btn.btn-danger {font-size: 0.6rem; padding:.3rem .5rem;}
.mobhide{display:none;}
.paginaionlsit{display:none!important;}
.mobshow{display:block;}
button#printpricelist{float:none;}
.tabledata ul.nav.nav-tabs {display: grid;  grid-template-columns: 24% 24% 24% 24%; gap: 2%;border: none;}
.tabledata ul.nav.nav-tabs a.nav-link {border: none;background: #f0f0f0; text-align: center;border-radius: 100px;color:#444;}
.tabledata ul.nav.nav-tabs a.nav-link.active{background: #2e3434; color:#fff;}
ul.listtable {margin-top: 20px;}
ul.listtable li {width: 100%;display: flex; border-bottom: 1px solid #ccc; margin-bottom: 20px;padding-bottom: 10px;        flex-wrap: wrap;}
ul.listtable li h2 {font-size: 20px;font-weight: bold; color: #444;}
ul.listtable li h5 {font-size: 15px;color: #787878; font-weight: 400;}
ul.listtable li h5 i {color: #ff6216;}
ul.listtable li .lefttable {width: 70%; padding-right: 15px;}
ul.listtable li .righttable {width: 30%; text-align: right;position: relative;padding-right: 20px;}
ul.listtable li .righttable p {margin-bottom: 0;}
ul.listtable li .righttable.green span{color: #0e9353;}
ul.listtable li .righttable.red span{color: #ff2572;}
ul.listtable li .righttable i {position: absolute; top: 3px; right: 0;font-size: 20px;}
ul.listtable li .righttable.red i{color: #ff2572;}
ul.listtable li .righttable.green i{color: #0e9353;}
}


@media screen and (max-width:350px) {	
    
    #printableArea .dataTables_wrapper .dataTables_length select{width: 80px;   display: block;}
    #chart_div1 text {font-size: 0.6rem;}
    
    
}