@media (min-width: 1200px) {
	#navbarsMenu .nav-link:hover,
	#navbarsMenu .nav-link.active {
		opacity: 1;
	}

	#navbarsMenu .nav-item .dropdown i {
		color: #fff;
	}

	#navbarsMenu .nav-item:hover .dropdown-menu {
		display: block;
		visibility: visible;
		opacity:1;
		transform: translateY(8px);
		transition:.5s ease all;
		margin-top: 0;
	}

    #navbarsMenu .nav-item:hover .nav-link:after {
        width: 100%;
    }
	
	#navbarsMenu .nav-item .dropdown-menu {
		display: block;
		visibility: hidden;
		opacity:0;
		transform: translateY(50px);
		transition:.5s ease all;
		min-width: 200px;
	} 

	.search-dropdown button.dropdown-toggle:hover {
		background-color: rgb(255 255 255 / 100%);
	}
}

@media (max-width: 1199.99px) {
	#navbarsMenu .nav-item {
		width: 100%;
		padding: 0;
		border-bottom: 1px solid;
	}

	#navbarsMenu .nav-item .dropdown .nav-link {
		width: calc(100% - 53px);
	}

	#navbarsMenu .nav-item .dropdown span.dropdown-toggle {
		width: 48px;
		height: 48px;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}

	#navbarsMenu .nav-item .dropdown span.dropdown-toggle:hover {
		color: #70e000;
	}

	#navbarsMenu .nav-link:hover {
		color: #70e000;
	}

	#navbarsMenu .dropdown-menu .dropdown-item {
		text-align: left;
	}

	#navbarsMenu .dropdown-menu {
		border: 0;
		padding: 0;
		margin: 0;
		margin-bottom: 16px;
		margin-left: 16px;
    	border-left: 1px solid #6c757d;
		border-radius: 0;
	}

	#navbarsMenu .nav-link {
		padding: 12px 10px;
		margin-right: 0;
		margin-left: 0;
		color: #1a1a1a;
		
	}

	.partner-slider .partner-item {
		width: calc((100% - 24px) / 4);
	}

	.photo-slider .photo-item {
		width: calc((100%/4) - 10px);
	}

	.header-main > div {
		padding-left: 0;
		padding-right: 0;
	}

	.header-main .navbar {
		padding-left: 12px;
		padding-right: 12px;
	}

	.navbar .button-group {
		order: 2;
		flex: 1;
	}

	.navbar .navbar-toggler {
		order: 3;
		height: 40px;
		background-color: rgb(255 255 255 / 80%);
		color: #1a1a1a;
		padding: 0.25rem 0.5rem;
		margin-left: 1rem;
	}
}

@media (max-width: 991.99px) {
	.ytb-player img.thumb, .img-about-us {
		height: 450px;
	}
}

@media (max-width: 767.99px) {
	.photo-slider .photo-item {
		width: calc((100%/3) - 10px);
	}
	.section-parallax {
		background-attachment: scroll;
	}

	.footer .footer-main {
		padding: 50px 0px 50px 0px;
	}

	.partner-slider .partner-item {
		width: calc((100% - 16px) / 3);
	}

	.section-wrap {
		position: relative;
		padding: 40px 0;
	}
	
	.section-parallax {
		padding: 80px 0;
	}
	
	.section-products,
	.section-news {
		padding-top: 80px;
	}
	
	.section-feature {
		padding-bottom: 80px;
	}
	
	.section-why-choose-us {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
	.section-wrap#services,
	.section-wrap#gallery,
	.section-wrap#contact,
	.section-wrap#sectionArchive,
	.section-wrap#sectionEmpty {
		padding: 80px 0;
	}

	.section-wrap#about {
		padding-top: 80px;
	}
	
	.page-template-about-us .section-why-choose-us {
		padding-bottom: 40px;
	}

	.section-single article h1,
	.section-single .product-info .product-description h1 {
		font-size: 32px;
	}
	.section-single article h2,
	.section-single .product-info .product-description h2 {
		font-size: 24px;
	}
	.section-single article h3,
	.section-single .product-info .product-description h3 {
		font-size: 20px;
	}
	.section-single article h4,
	.section-single .product-info .product-description h4 {
		font-size: 18px;
	}
	.section-single article h5,
	.section-single .product-info .product-description h5 {
		font-size: 17px;
	}
	.section-single article h6,
	.section-single .product-info .product-description h6 {
		font-size: 16px;
	}
	
	h3.search-query {
	    font-size: 24px;
	}
	
	.ytb-player img.thumb, .img-about-us{
		height: 400px;
		min-height: 400px;
	}
}

@media (max-width: 576.99px) {
    #navbarsMenu {
        width: 100%;
    }
    
	#header .header-logo {
		width: 200px;
	}
	.title,
	.section-single .post-name {
		font-size: 28px;
	}

	.service-item .service-img img {
		max-width: 275px;
	}

	.photo-slider .photo-item {
		width: 100%;
	}

	#services .service-name {
		font-size: 28px;
	}

	.section-page-title h2 {
		font-size: 28px;
	}
	
	.header-main .navbar {
	    justify-content: center;
	}

	.feature-box .icon {
		width: 80px;
	}

	#videoModal .modal-body {
		padding: 0.5rem;
	}

	.partner-slider .partner-item {
		width: calc((100% - 8px) / 2);
	}

	.section-wrap {
		position: relative;
		padding: 30px 0;
	}
	
	.section-parallax {
		padding: 60px 0;
	}
	
	.section-products,
	.section-news {
		padding-top: 60px;
	}
	
	.section-feature {
		padding-bottom: 60px;
	}
	
	.section-why-choose-us {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.section-wrap#services,
	.section-wrap#gallery,
	.section-wrap#contact,
	.section-wrap#sectionArchive,
	.section-wrap#sectionEmpty {
		padding: 60px 0;
	}

	.section-wrap#about {
		padding-top: 60px;
	}
	
	.page-template-about-us .section-why-choose-us {
		padding-bottom: 30px;
	}
	
	.btn-hotline-fixed {
	    bottom: 20px;
	    right: 20px;
	}
	
	.btn-hotline-fixed.active {
	    bottom: 20px;
	    right: 80px;
	}

	.ytb-player img.thumb, .img-about-us {
		height: 300px;
		min-height: 300px;
	}
}