/*############## Responsive ################*/


@media (max-width: 1900px) {

	.ban-video iframe {
		height: 902px;
	}

}

@media (max-width: 1600px) {

	.ban-video iframe {
		height: 800px;
	}

}

@media(min-width:1200px) and (max-width: 1400px) {
	.banner .banner-inner-section .banner-txt h2 {
		font-size: 60px;
	}
	.banner .banner-inner-section .banner-txt {
		left: 6%;
	}
	.banner .banner-slider {
		height: 525px;
	}
	.ban-video iframe {
		height: 675px;
	}

}

@media (max-width: 1199.98px) {
	.logo {
		width: 180px;
	}	
	.banner .banner-inner-section .banner-txt {
		left: 6%;
	}
	.banner-slider .owl-dots {
		bottom: 20px;
	}
	.btn-outline-dark {
		padding: 8px 20px !important;
		font-size: 14px;
	}
	.btn-danger {
		padding: 9px 20px !important;
		font-size: 14px;
	}
	.header .top-srch {
		width: 180px;
	}
	.banner .banner-inner-section .banner-txt h2 {
		font-size: 52px;
	}
	.banner .banner-slider {
		height: 426px;
	}
	.header .navbar .navbar-nav li {
		padding: 0px 15px;
	}
	.main-title {
		font-size: 40px;
	}
	.category-bx .cate-img {
		height: 316px;
	}
	.category-bx .pro-name-prt h3 {
		font-size: 18px;
	}
	.abt-txt ul li {
		font-size: 18px;
		margin: 0 0 12px;
	}
	.abt-txt h3 {
		font-size: 34px;
	}
	.pro-bx {
		height: 260px;
	}
	.pro-bx .text-overlay h4 {
		font-size: 18px;
	}
	.headquarter-sec .quarter-txt .contact-list li {
		font-size: 25px;
	}
	.headquarter-sec .quarter-txt .contact-list li span {
		width: 30px;
	}
	.news-title.px-5 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.footer .f-top .f-title {
		font-size: 38px;
	}
	.ban-video iframe {
		height: 558px;
	}
	.abt-video iframe {
		height: 550px;
	}
	
}

@media (max-width: 991.98px) {

	.navbar-toggler {
		padding: 2px 6px;
		background-color: #ddd;
	}

	.navbar-collapse {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, .8);
		padding: 15px 10px;
		border-radius: 5px;
		z-index: 99;
	}

	.navbar .navbar-collapse .navbar-nav {
		display: block;
	}

	.navbar .navbar-collapse .navbar-nav li {
		margin: 0;
		float: none;
	}

	.navbar .navbar-collapse .navbar-nav li a.nav-link {
		font-size: 15px;
		padding: 8px 0 !important;
		color: #ddd;
	}
	.banner .banner-slider {
		height: 330px;
	}	
	.banner .banner-inner-section .banner-txt h2 {
		font-size: 42px;
	}
	.main-title {
		font-size: 34px;
		width: 90%;
	}
	.sub-title {
		font-size: 16px;
		letter-spacing: 3px;
	}
	.abt-txt.ps-4 {
		padding-left: 0 !important;
	}
	.abt-txt h4 {
		font-size: 15px;
		letter-spacing: 3px;
	}
	.abt-txt h3 {
		font-size: 28px;
	}
	.abt-txt ul li {
		font-size: 16px;
		margin: 0 0 10px;
	}
	.abt-txt p {
		margin: 10px 0 0;
		line-height: 24px;
	}
	.title-prt h3 {
		font-size: 37px;
	}
	.pro-bx .text-overlay {
		padding: 10px;
	}
	.headquarter-sec .quarter-txt h3 {
		font-size: 32px;
	}
	.news-sec {
		padding: 50px 0;
	}
	.main-wrap{
		padding: 50px 0;
	}
	.news-sec .news-title h3 {
		font-size: 28px;
	}
	.footer .f-top .f-title {
		font-size: 30px;
	}
	.footer .f-top h5 {
		font-size: 14px;
	}
	.footer .f-top .f-social li {
		margin: 0px 8px 0px 0px;
		width: 32px;
		height: 32px;
	}
	.footer .f-top .f-social li i {
		font-size: 16px;
		line-height: 32px;
	}
	.woo-variation-product-gallery {
		margin-right: 25px;
	}
	.woocommerce ul.products li.product a img {
		height: 210px;
	}
	.woocommerce div.product .product_title {
		font-size: 24px;
	}
	.error-page{
		height: 250px;
	  }
	.ban-video iframe {
		height: 432px;
	}
	.abt-video iframe {
		height: 428px;
	}

}

@media (max-width: 767.98px) {

	.header .navbar-brand {
		width: 100px;
		margin: 0;
	}
	.navbar .d-flex {
		flex-wrap: wrap;
	}
	.navbar-toggler {
		position: absolute;
		right: 15px;
		top: 22px;
	}
	.header .top-srch {
		width: 100%;
	}
	.head-brand-menu {
		justify-content: center;
	}
	.banner .banner-slider {
		height: auto;
	}
	.banner .banner-inner-section {
		height: 260px;
	}
	.banner .banner-inner-section img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.banner .banner-inner-section video {
		object-fit: cover;
	}
	.banner .banner-inner-section .banner-txt {
		left: 4%;
		width: 72%;
	}
	.banner .banner-inner-section .banner-txt h2 {
		font-size: 18px;
	}
	.btn-info {
		padding: 8px 20px !important;
		font-size: 14px;
	}
	.btn-info.mt-4 {
		margin-top: .4rem !important;
	}
	.main-title {
		font-size: 32px;
		width: 100%;
	}
	.abt-txt {
		margin: 20px 0 0;
	}
	.title-prt h3 {
		font-size: 30px;
	}
	.headquarter-sec {
		padding: 40px 0;
	}
	.main-wrap {
		padding: 40px 0;
	}
	.quarter-txt {
		margin: 20px 0 0;
	}
	.headquarter-sec .quarter-txt h3 {
		font-size: 28px;
	}
	.headquarter-sec .quarter-txt .contact-list li span {
		width: 24px;
	}
	.headquarter-sec .quarter-txt .contact-list li {
		font-size: 20px;
	}
	.news-sec .news-title h3 {
		font-size: 24px;
	}
	.footer .f-top .f-title {
		font-size: 24px;
	}
	.footer .f-top .f-title.pe-5 {
		padding-right: 0 !important;
	}
	.footer .f-top .footer-title {
		font-size: 20px;
		margin: 25px 0;
	}
	.footer .f-top {
		padding: 50px 0;
	}
	.footer .f-bttm {
		flex-direction: column;
	}
	.footer .f-bttm .copyright {
		margin: 15px 0 0;
	}
	.abt-img.pe-5 {
		padding-right: 0 !important;
	}
	.inr-ban {
		height: 200px;
	}
	.mt-5 {
		margin-top: 2rem !important;
	}
	.woo-variation-product-gallery {
		max-width: 100% !important;
		width: 100%;
		margin: 0 0 20px;
	}
	.header .top-srch {
		width: 60%;
	}
	.head-brand-menu .btn-outline-dark {
		padding: 5px 12px !important;
		font-size: 12px;
	}
	.gap-3 {
		gap: .5rem !important;
	}
	.head-brand-menu {
		width: 100%;
		justify-content: space-between;
	}
	.banner-logo {
		top: 12px;
		right: 12px;
		width: 85px;
	}
	.woocommerce ul.products li.product a img {
		height: 200px;
	}
	.error-page{
		height: 110px;
	  }
	.ban-video iframe {
		height: 241px;
	}
	.abt-video iframe {
	  height: 220px;
	}
	.banner .banner-inner-section .banner-txt {
		top: 45%;
	}
	.banner .banner-inner-section .banner-txt {
        width: 51%;
    }

}