@media screen and (min-width:280px) and (max-width:388px) {
   .sidebar { width: 100% !important; padding: 0 12px !important; }
   #mainNav { background: linear-gradient(135deg, #fff 40%, #fff 40%, #fff 51%) !important; }
   .kidg { padding: 5px 11px; font-size: 14px; color: #000; background: #fff; } 
   .navbar-brand img { max-width: 150px !important; }
   .hsuf { padding: 30px 5px !important; }
   .hero-heading { font-size: 20px !important; }
   .hero-desc { font-size: 14px !important; line-height: 20px; margin-bottom: 11px; }
   .btn-primary-custom span, .btn-primary-custom i { font-size: 12px; }
   .btn-primary-custom { padding: 6px 8px; }
   .popup-content-side { padding: 18px 16px; }
   #heroCarousel, .hero-slide { height: 33vh; min-height: 429px; }
   .navbar-toggler { background: #fff; } 
   #mainNav.scrolled { background: linear-gradient(135deg, #fff 55%, #fff 31%, #fff 50%) !important; padding: 5px 0; }
   .enquiry-card { margin: 1rem auto 0 auto !important; }
   .adm-pge-capth { display: block !important; }
   #captchaprod { margin-bottom: 12px !important; }
   .btn-submit-enquiry { padding: 14px 12px !important; font-size: 16px !important; margin-top: 15px !important; }
}
@media screen and (min-width:389px) and (max-width:476px) {
   .sidebar { width: 100% !important; padding: 0 12px !important; }
   #mainNav { background: linear-gradient(135deg, #fff 40%, #fff 40%, #fff 51%) !important; }
   .kidg { padding: 5px 11px; font-size: 14px; color: #000; background: #fff; } 
   .navbar-brand img { max-width: 150px !important; }
   .hsuf { padding: 30px 5px !important; }
   .hero-heading { font-size: 20px !important; }
   .hero-desc { font-size: 14px !important; line-height: 20px; margin-bottom: 11px; }
   .btn-primary-custom span, .btn-primary-custom i { font-size: 12px; }
   .btn-primary-custom { padding: 6px 8px; }
   .popup-content-side { padding: 18px 16px; }
   #heroCarousel, .hero-slide { height: 33vh; min-height: 429px; }
   .navbar-toggler { background: #fff; } 
   #mainNav.scrolled { background: linear-gradient(135deg, #fff 55%, #fff 31%, #fff 50%) !important; padding: 5px 0; }   
   .enquiry-card { margin: 1rem auto 0 auto !important; }
   .adm-pge-capth { display: block !important; }
   #captchaprod { margin-bottom: 12px !important; }
   .btn-submit-enquiry { padding: 14px 12px !important; font-size: 16px !important; margin-top: 15px !important; }
}  
@media screen and (min-width:477px) and (max-width:575px) {
   .sidebar { width: 100% !important; padding: 0 12px !important; }
   #mainNav { background: linear-gradient(135deg, #fff 40%, #fff 40%, #fff 51%) !important; }
   .kidg { padding: 5px 11px; font-size: 14px; color: #000; background: #fff; } 
   .navbar-brand img { max-width: 150px !important; }
   .hsuf { padding: 30px 5px !important; }
   .hero-heading { font-size: 20px !important; }
   .hero-desc { font-size: 14px !important; line-height: 20px; margin-bottom: 11px; }
   .btn-primary-custom span, .btn-primary-custom i { font-size: 12px; }
   .btn-primary-custom { padding: 6px 8px; }
   .popup-content-side { padding: 18px 16px; }
   #heroCarousel, .hero-slide { height: 33vh; min-height: 429px; }
   .navbar-toggler { background: #fff; } 
   #mainNav.scrolled { background: linear-gradient(135deg, #fff 55%, #fff 31%, #fff 50%) !important; padding: 5px 0; }   
   .enquiry-card { margin: 1rem auto 0 auto !important; }
   .adm-pge-capth { display: block !important; }
   #captchaprod { margin-bottom: 12px !important; }
   .btn-submit-enquiry { padding: 14px 12px !important; font-size: 16px !important; margin-top: 15px !important; }
}
@media screen and (min-width:576px) and (max-width:767px) {
   .sidebar { width: 100% !important; padding: 0 12px !important; }
   #mainNav { background: linear-gradient(135deg, #fff 40%, #fff 40%, #fff 51%) !important; }
   .kidg { padding: 5px 11px; font-size: 14px; color: #000; background: #fff; } 
   .navbar-brand img { max-width: 150px !important; }
   .hsuf { padding: 30px 5px !important; }
   .hero-heading { font-size: 20px !important; }
   .hero-desc { font-size: 14px !important; line-height: 20px; margin-bottom: 11px; }
   .btn-primary-custom span, .btn-primary-custom i { font-size: 12px; }
   .btn-primary-custom { padding: 6px 8px; }
   .popup-content-side { padding: 18px 16px; }
   #heroCarousel, .hero-slide { height: 33vh; min-height: 429px; }
   .navbar-toggler { background: #fff; } 
   #mainNav.scrolled { background: linear-gradient(135deg, #fff 55%, #fff 31%, #fff 50%) !important; padding: 5px 0; }   
   .adm-pge-capth { display: block !important; }
   #captchaprod { margin-bottom: 12px !important; }
   .btn-submit-enquiry { padding: 14px 12px !important; font-size: 16px !important; margin-top: 15px !important; }
}
@media screen and (min-width:768px) and (max-width:991px) {
   #mainNav.scrolled { background: linear-gradient(135deg, #fff 52%, #0286cb 51%, #00528a 50%) !important; }
   .btn-submit-enquiry { padding: 9px 20px; font-size: 15px; }
}
@media screen and (min-width:992px) and (max-width:1150px) {
  	.navbar-brand img { max-width: 238px; width: 100%; }
   #mainNav.scrolled { background: linear-gradient(135deg, #fff 52%, #0286cb 51%, #00528a 90%) !important; }
   .btn-submit-enquiry { padding: 9px 20px; font-size: 15px; }
}
@media screen and (min-width:1150px) and (max-width:1240px) {
   .navbar-brand img { max-width: 236px; width: 100%; } 
   #mainNav.scrolled { background: linear-gradient(135deg, #fff 52%, #0286cb 51%, #00528a 90%) !important; padding: 5px 0; }
   #mainNav { background: linear-gradient(116deg, #fff 27%, #0286cb00 21%, #00528a00 10%) !important; }
   #mainNav .nav-link { font-size: 15px; padding: 8px 3px !important; }
   .btn-submit-enquiry { padding: 9px 20px; font-size: 15px; }
} 
@media screen and (min-width:1241px) and (max-width:1340px) {
   .navbar-brand img { max-width: 236px; width: 100%; } 
   #mainNav.scrolled { background: linear-gradient(135deg, #fff 52%, #0286cb 51%, #00528a 90%) !important; padding: 5px 0; }
   #mainNav { background: linear-gradient(116deg, #fff 27%, #0286cb00 21%, #00528a00 10%) !important; }
   #mainNav .nav-link { font-size: 15px; padding: 8px 3px !important; }   
}
@media screen and (min-width:1341px) and (max-width:1399px) {
   .navbar-brand img { max-width: 284px; width: 100%; } 
   #mainNav.scrolled { background: linear-gradient(120deg, #fff 22%, #0286cb 22%, #00528a 90%) !important; padding: 5px 0; }
   #mainNav { background: linear-gradient(121deg, #fff 28%, #0286cb00 21%, #00528a00 10%) !important; }
}
@media screen and (min-width:1400px) and (max-width:1499px) {
	
}
@media screen and (min-width:1500px) and (max-width:1599px) {
  
}
@media screen and (min-width:1600px) and (max-width:1699px) {
   
}
@media screen and (min-width:1700px) and (max-width:1799px) {
   
}
@media screen and (min-width:1800px) and (max-width:1899px) {
  
}
@media screen and (min-width:1900px) and (max-width:1999px) {
   
}
@media screen and (min-width:2000px) and (max-width:2999px) {
   
}
@media screen and (min-width:3000px) and (max-width:3999px) {
   
}
@media screen and (min-width:4000px) and (max-width:4999px) {
   
}
@media screen and (min-width:5000px) and (max-width:5999px) {
   
}