﻿@charset "utf-8";
@media (min-width: 576px){

}
@media (min-width: 768px){
	.main .side{
		margin-bottom:0;
	}
}
@media (min-width: 992px){

}
@media (max-width: 1800px) {
   
    .footer .copyrights {
        padding-right: 0;
    }
    .footer-bottom .container {
        width: auto;
        padding-left: 0;
    }

}
@media (max-width: 1400px) {
	
}

@media (max-width: 1399px) {
	.header .navbar .container-fluid {
		width: 100%;
	}
}
@media (max-width: 1199px) {
	.banner .banner_tit .p_t {
		font-size: 50px;
	}
	.font_100{
		font-size:90px;
	}
}

@media (max-width: 991px) {

	.navbar.newtop .navbar-brand,
	.navbar .navbar-brand {
		padding:0;
	}
	.header .navbar.newtop .nav-brand-wrapper {
		margin:0;
	}

	body.home .header .navbar.newtop .small-btn-box,
	body.home .navbar.newtop .navbar-collapse {
		margin-top: 0;
	}

	.header .navbar.newtop .small-btn-box,
	.navbar.newtop .navbar-collapse,
	.header .navbar .small-btn-box,
	.navbar .navbar-collapse {
		margin-top: 0;
	}
	.cspt-heading-desc,
	.about_en {
		font-size: 80px;
	}
	.company_name {
		padding:15px 0 10px;
	}
	.wid-float-section, body.scroll-down .wid-float-section.mobile-animate{
		bottom:0;
	}
	.wid-float-section ul li{
		margin:0;
	}
	.wid-float-section ul li a{
		width:100%;
	}
	.wid-float-section .b1.icon_l {
		background: #06c152;
		width: 50% !important;
		height: auto !important;
		border-radius: 0;
	}
	.wid-float-section ul li.b1.icon_l a .icon {
		margin: 8px auto 0;
		font-size:36px;
	}
	.wid-float-section .gotop_btn{
		width: 50% !important;
		height: auto !important;
		border-radius: 0;
	}
	.wid-float-section .gotop_btn a{
		font-size: 22px;
	}
	body.home .banner .banner_tit{
		
	}
	.banner .banner_tit .p_t {
        font-size: 40px;
    }
	.font_100{
		font-size:60px;
	}
	.banner .banner_tit .p_1{
		font-size: 30px;
		padding: 7px 40px;
	    margin: 20px auto;
	}
	.service_flex{
	    flex-direction: column;
	}
	.a_box{
		margin-bottom:10px;
	}
	.service_flex .feature-link .info{
		bottom:45%;
	}
	.home_news .cspt-heading-desc {
		top: 0px;
	}
}

@media (max-width: 767px) {
	.header .navbar {
		position: fixed;
		box-shadow:none;
	}

	.side .h3 {
		margin-top: 20px;
	}

	.side .filter-title .collapsed-btn, .side .filter-sidebar.multiple-collapse .collapsed-btn {
		font-size: 16px;
	}

	.side .h3 .txt-tw {
		font-size: 20px;
	}

	.article-grid .item .info .date {
		font-size: 12px;
	}

	.article-grid.ar-img .item .info {
		padding: 10px 0;
	}

	.article-grid .item .info .kind a {
		font-size: 12px;
		padding: 1px 7px;
	}

	.article-grid.ar-img .item .info .desc,
	.article-grid.ar-img .item .info .title,
	.article-grid.ar-img .item .info .desc a,
	.article-grid.ar-img .item .info .title a {
		font-size: 14px;
	}

	.product .gallery-list .item .title {
		font-size: 14px;
	}

	.product .gallery-list .item .info {
		padding: 0;
		margin-top: 0 !important;
	}

	.header .btn-group.lang .dropdown-item {
		padding: 6px 19px;
		font-size: 12px;
	}

	.footer .fot_sitemp ul li a:before {
		left: 4px;
		top: 15px;
		width: 4px;
	}

   .footer ul li a {
		padding: 0 4px;
	}
	.flex-column {
		flex-direction: unset !important;
	}

    .bsnav-mobile.full .navbar-nav .nav-item .navbar-nav .nav-link:hover {
        background-color: #008ccf;
        color: #fff;
    }
    .bsnav-mobile.full .navbar-nav .nav-item > ul {
        margin:0;
    }
    .bsnav-mobile.full .navbar-nav .nav-item > ul > li.nav-item {
        background: #fff;
    }
    .bsnav-mobile.full .navbar-nav .nav-item > ul > li.nav-item > a{
        border:none;
        padding: 10px 0;
        font-size: 15px;
        color: #333;
    }

	.header .navbar-nav.navbar-mobile > .nav-item > .nav-link:before {
		left: 2px;
		top: 16px;
		display: none;
	}

    .bsnav-mobile .navbar-nav {
        padding: 0;
    }
    .bsnav-mobile.full .navbar-nav .nav-item > .nav-link {
        padding: 20px 0px 20px;
        border-bottom: solid 1px #fff;
        color: #fff;
    }
    .bsnav-mobile.full .navbar-nav .nav-item > .nav-link:hover{
        color:#93d0d7;
    }

	.header .bsnav-mobile .navbar {
		padding: 0;
	}


	.bsnav-mobile.full.in .navbar {
		background: rgb(0 0 0 / 100%);
	}
    .bsnav-mobile.in {
        z-index:50;
    }

	.article-grid.info-absolute .item a {
		font-size: 14px;
	}

	.article-grid.info-absolute .item {
		padding: 10px 10px 10px;
	}

	.footer .copyrights {
		font-size: 12px;
		text-align: center;
	}

	.footer .footer_content.fc_seperate_bottom .footer-bottom .copyrights-info .footer-logo {
		margin-top: 0;
		text-align: center;
	}

	.navbar .navbar-brand {
		/*width: 60px !important;
		height: 52px !important;
		background: url(../images/all/logos.png) no-repeat !important;*/
	}

    .navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before {
        background-color: #93d0d7;
		background-image:none;
        height: 2px;
    }

	.banner {
		padding-top: 54px;
	}
    .copyrights_box {
        flex-direction: column;
    }
	.bsnav-mobile.full.in > .navbar-brand{
		width:170px !important;
		height:auto !important;
	}
	body.home .banner .banner_tit {
        top: 15%;
    }
    .banner .banner_tit .p_1 {
        font-size: 24px;	
	}
	.banner .banner_tit .p_s{
		font-size: 20px;
	}
	.navbar-mobile-wrapper a.navbar-brand{
		display:none;
	}
	.bsnav-mobile.full .navbar{
		justify-content: flex-start;
		padding-top: 80px;
	}
	.navbar.newtop .navbar-brand{
		width: 120px !important;
   		height: 48px !important;
	}
	.multiple-slick.slick {
        padding: 0 20px;
    }
	.slick-multi-cusarrow .slick-btn .btn-prev {
		left: -10px;
	}
	.slick-multi-cusarrow .slick-btn .btn-next {
		right: -10px;
	}	

}
@media (max-width: 690px) {
	.banner .banner_tit .p_t{
	    flex-direction: column;
		margin-bottom: 0;
	}
	.mobile_block{
		display:block;
		margin:15px auto;		
	}
	.point_b{
		display:none;
	}
	.navbar-toggler-icon{
		background-image:none;
	}
	body.home .banner .banner_tit {
        top: 0;
		padding:30px 0;
    }
}

@media (max-width: 575px) {
	.news-sec {
		margin: 0 0;
		padding-bottom: 20px;
	}

	.btn.more {
		padding: 9px 50px;
		font-size: 0.75rem;
	}
	.banner .slick-dots {
		bottom: 7px;
	}
	.service_flex .feature-link .info {
        bottom: 37%;
    }
	body.home .banner .banner_tit {
		padding:10px 0 0;
    }	
	.banner .banner_tit .p_1{
		margin:0 auto;
	}
}
@media (max-width: 490px) {
	.slick-multi-cusarrow .slick-btn .btn-prev, .slick-multi-cusarrow .slick-btn .btn-next {
		top: 45%;
	}
    .font_100 {
        font-size: 33px;
    }
	.banner .banner_tit .p_t {
        font-size: 26px;
    }
	.banner .banner_tit .p_1 {
        font-size: 18px;
        padding: 5px 7px;
        margin: 0px auto;
    }
	.mobile_block{
	    margin: 5px auto;		
	}
	.cspt-heading-desc, .about_en {
        font-size: 38px;
		top: -50px;
    }
	.home_service .cspt-heading-desc {
		top: -15px;
	}	
	.home_news .cspt-heading-desc {
        top: 50px;
		font-size: 38px;
	}	
	.home .h3{
		margin-bottom:0;
		font-size:24px;
	}	
	.footer .footer-info ul li{
		padding:0;
	}	
	.more-btn-area .btn.more{
		font-size:14px;
	}
}
@media (max-width: 380px) {
	body.home .banner .banner_tit{
		padding:0;
        top: 0;
	}

	.service_flex{
		margin:20px 0;
	}
	.item_note{
		font-size:16px;
		line-height:30px;
	}
	.service_flex .feature-link .info {
        bottom: 35%;
    }
	.banner .banner_tit .p_s {
        font-size: 16px;
    }


}
