/*
Theme Name:   hdsecuritysys child theme
Description:  Write here a brief description about your child-theme
Author:       tdeadminlog
Author URL:   Write here the author's blog or website url
Template:     hdsecuritysys
Version:      1.6
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  hdsecuritysys-child
*/

/* Write here your own personal stylesheet */
.categorypagecontent #gallery-1 .gallery-item img {
	height: 550px;
	width: 100%;
}
.bx-wrapper {
	max-width: 1150px !important;
}
.gallery-images {
	position: relative;
}
.slides-thumb {
	margin: 0;
	width: 100%;
	float: left;
	max-width: 100px;
}
.gallery-images .slides-thumb li {
	list-style: none !important;
	margin: 0 0 5px!important;
}
.slides {
	width: 100%;
	max-width: 430px;
	float: left;
}
.slides img {
	width: 100%;
	height: auto;
}
.gallery-images .slides li {
	margin: 0 !important;
	list-style: none !important;
}
.slide-thumb {
	opacity: 0.4;
	cursor: pointer;
}
.slide1 {
	opacity: 1;
}
.slide {
	display: none;
}
.slidebig1 {
	display: block;
}
.show {
	display: block;
}
.hide {
	display: none;
}




@media (min-width: 240px) and (max-width: 480px) {
	
.slides-thumb {
	float: none;
	max-width: 100%;
}
.gallery-images .slides-thumb li {
	margin: 0 2px 5px !important;
	width: 60px;
	float: left;
}
.gallery-images .slides-thumb li img{ max-width:100%; height:auto;}
.col-sm-6.pro_contents {
	clear: both;
	display: block;
}

}
@media (min-width: 481px) and (max-width: 767px) {
	
.slides-thumb {
	float: none;
	max-width: 100%;
}
.col-sm-6.pro_contents {
	clear: both;
	display: block;
}
.gallery-images .slides-thumb li {
	margin: 0 2px 5px !important;
	float: left;
}
}

@media (min-width: 240px) and (max-width: 767px) {
	.sub-menu .sub-menu:last-child {
	background: #fff;
}

#mg-wprm-wrap ul#wprmenu_menu_ul .sub-menu .sub-menu li.menu-item a {
	color: #ff8a00 !important;
}
	
}

@media only screen and (max-width: 767px)
{
	body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
    padding-top: 15px !important;
}
h3 {
margin-top: 0;
}
	.mob-menu-logo-holder {
    margin-top: 15px !important;
}
	li.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.current_page_item.menu-item-home {
    background: #c4c4c4;
}

}



/* Keep homepage feature boxes above the Revolution Slider on first load */
#intro { position: relative; z-index: 1; }
#about { position: relative; z-index: 2; }

/* No focus border on mouse click; keep it for keyboard users */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible) { outline: none; }

/* Homepage feature boxes: overlap the slider, equal height, no empty band (tablet/desktop) */
@media (min-width: 768px) {
	#about { margin-bottom: 0; padding-bottom: 60px; }
	#about .box-part { display: flex; flex-wrap: wrap; margin-top: calc(-1 * min(110px, 9.5vw)); }
	#about .box-part > [class*="col-"] { float: none; display: flex; }
	#about .box {
		position: relative; top: auto; width: 100%;
		box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
		transition: transform .3s ease, box-shadow .3s ease;
	}
	#about .box:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(0, 0, 0, .22); }
}

/* Gallery: justified rows – full images, same height per row, no gaps (see inc/gallery.php --ar) */
.gallery { display: flex; flex-wrap: wrap; gap: 16px; margin: 0 0 30px !important; }
.gallery br { display: none; }
.gallery .gallery-item { flex: var(--ar, 1) 1 calc(var(--ar, 1) * 260px); float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; }
.gallery .gallery-icon { margin: 0; }
.gallery .gallery-icon a { display: block; overflow: hidden; border-radius: 6px; box-shadow: 0 6px 18px rgba(0,0,0,.12); }
.gallery .gallery-icon img { width: 100%; height: auto; border: 0 !important; display: block; transition: transform .4s ease; }
.gallery .gallery-icon a:hover img { transform: scale(1.03); }
.gallery .gallery-caption { margin: 8px 0 0 !important; font-size: 14px; text-align: center; }
@media (max-width: 480px) { .gallery .gallery-item { flex-basis: 100%; } }

/* Lightbox */
.hd-lb { position: fixed; inset: 0; z-index: 99999; background: rgba(0,0,0,.9); display: flex; align-items: center; justify-content: center; }
.hd-lb[hidden] { display: none; }
.hd-lb img { max-width: 90vw; max-height: 88vh; box-shadow: 0 10px 40px rgba(0,0,0,.5); }
.hd-lb button { position: absolute; background: none; border: 0; color: #fff; font-size: 48px; line-height: 1; cursor: pointer; padding: 10px 16px; opacity: .8; }
.hd-lb button:hover { opacity: 1; }
.hd-lb-x { top: 10px; right: 10px; }
.hd-lb-p { left: 10px; top: 50%; transform: translateY(-50%); }
.hd-lb-n { right: 10px; top: 50%; transform: translateY(-50%); }