@media (max-width:1199px) {
  #header-nav .header-logo { padding: 15px 0;}
  .nav-icon { position: absolute; z-index: 999; top: 8px; right: 10px;}
	#main-nav { background: none; height: auto;}
	.navbar	{ float: none;}
	.navbar-nav { padding: 1rem 0 1rem 0;}
	#main-nav ul li { list-style: none;}
	#main-nav ul li a:hover:after, #main-nav ul li.active a:after { content:none;}
	#main-nav button { display:block; background:none; border:none;margin: 6px; padding: 0;}
	#main-nav ul.navbar-nav li { margin:0; float:none; border-bottom: 1px solid rgba(255, 255, 255, .1);}
	#main-nav ul li.nav-btn a { background:#4A90E2; width:100%; padding:10px 15px; text-align:left;}
	#main-nav ul li a { padding:10px 15px; color:#fff;}
	.navbar-nav { padding: 4rem 0 2rem 0;}
	#main-nav ul li a:hover:after, #main-nav ul li.active a:after { content:none;}
	#main-nav button { display:block; background:none; border:none;margin: 15px 20px; padding: 0;}
	#main-nav ul.navbar-nav li { margin:0; float:none; border-bottom: 1px solid rgba(255, 255, 255, .1);}
	#main-nav ul li.nav-btn a { background:#4A90E2; width:100%; padding:10px 15px; text-align:left;}
	#main-nav ul li a { padding:10px 15px; color:#fff; display: inline-block;}
	#main-nav ul li a:hover, #main-nav ul li.active a { color:#fff;}
}

@media (max-width:991px) {
  #top-banner .content-container h1 { font-size: 30px;}
  #top-banner .content-container { font-size: 15px; line-height: 22px;}
  #about-section .content-container { padding: 75px 30px; height: auto;}
  #about-section .mCustomScrollbar { font-size: 14px;}
  #qgreens .content-block { height: auto;}
  #qgreens .content-container { margin: 0; max-width: 100%; float: none; padding: 75px 30px; font-size: 14px; line-height: 24px;}
  #latest-news ul li { max-width: 100%;}
  #latest-news { margin-bottom: 70px;}
  #element-block h2,#contact-section .contact-details h2 { font-size: 30px;}
	.qgreen-img { display:none;}
	footer .col-lg-2,footer .copyrights { text-align:center;}
	footer ul { justify-content:center;}
}

@media (max-width:767px) {
#top-banner { min-height: auto; padding-bottom: 90px;}
.sub-group .stainless { margin: 30px 0;}
.sub-group .cold-rolled,.sub-group .hose-division { text-align: center;}
#top-banner .content-container { padding-top: 40px;}
#about-section h2,#gallery-section h2 { font-size: 30px;}
#latest-news ul li h3 { font-size: 20px;}
#contact-section .contact-details { width: 100%; float: none;}
.owl-carousel .owl-nav button.owl-prev { margin-left: 0;}
.owl-carousel .owl-nav button.owl-next { margin-right: 0;}
footer { text-align: center; font-size: 13px; }
footer ul { display: block;}
footer .copyrights { text-align: center;}
footer ul li { border-bottom: 1px solid #333;}
footer ul li a { padding: 5px; display: block;}
#qgreens .content-container {padding: 75px 30px;}
#about-section .mCustomScrollbar { padding-right: 0;}
#qgreens .mCustomScrollbar { padding-right:0;}
.bsi-logo { margin-top:15px;}
	.header-right-logo { justify-content:center!important; padding-bottom:10px;}
	#about-section { background:none!important;}
}

@media (max-width:574px) {
#element-block h2, #contact-section .contact-details h2 { font-size: 24px;}
#contact-section .contact-details h2 { margin-bottom: 10px;}
.nav-icon {top: -65px;}
}