/******************************************
    Version: 1.0
/****************************************** */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.address-item{
		width: 30%;
	}
	.header_style_01 .navbar-light .navbar-nav > li a{
		padding: 10px 12px;
		font-size: 14px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.social-box{
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.left-top{
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.email-box{
		margin: 0px;
	}
	.email-box a{
		font-size: 14px;
	}
	.phone-box a{
		font-size: 14px;
	}
	.megamenu .navbar-header{
		width: 100%;
	}
	.header_style_01 .navbar-light .navbar-nav > li a{
		display: block;
	}
	.navbar-light .navbar-brand img{
		max-width: 170px;
	}
	.slide-text h1{
		font-size: 28px;
	}
	.slide-text h2{
		font-size: 13px;
	}
	.btn11{
		font-size: 13px;
		padding: 10px 30px;
	}
	.owl-next i, .owl-prev i{
		line-height: 40px;
	}
	.slider-wrapper .owl-nav .owl-prev, .slider-wrapper .owl-nav .owl-next{
		height: 40px;
		width: 40px;
	}
	.home-one-slider-otem .slider-content-area{
		height: 400px;
	}
	.message-box{
		margin-bottom: 30px;
	}
	hr.hr1{
		margin: 30px 0;
	}
	.stat-wrap div{
		margin-bottom: 30px;
	}
	.stat-wrap p{
		font-size: 28px;
	}
	.section-title h3{
		font-size: 32px;
	}
	.customwidget h1{
		font-size: 32px;
	}
	.image-center img{
		margin: 30px 0 0px;
		padding: 0px;
	}
	.footer .widget{
		margin-bottom: 30px;
	}
	.footer-recent{
		margin-bottom: 30px;
	}
	.megamenu .navbar-collapse ul{
		margin-top: 30px;
	}
	.banner h2{
		font-size: 38px;
	}
	.banner h2::after{
		top: 0px;
	}
	.portfolio-filter ul li .btn-dark{
		padding: 10px 20px;
	}
	.address-item{
		width: 100%;
		margin: 0px;
		margin-bottom: 30px;
	}
}

@media (max-width: 767px) {
	/* --- Top bar --- */
	.top-bar { padding: 6px 0; }
	.top-bar .col-md-6,
	.top-bar .col-sm-6 { text-align: center; }
	.social-box, .left-top {
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.email-box { margin: 0px; }
	.email-box a, .phone-box a { font-size: 13px; }

	/* --- Header/Nav --- */
	.megamenu .navbar-header { width: 100%; }
	.navbar-light .navbar-brand img { max-width: 150px; }
	.navbar-light .navbar-toggler {
		min-width: 44px;
		min-height: 44px;
		padding: 10px;
	}
	.header_style_01 .navbar-light .navbar-nav > li a {
		display: block;
		padding: 12px 20px;
		min-height: 44px;
	}
	.megamenu .navbar-collapse ul { margin-top: 15px; }

	/* --- Banner --- */
	.banner .glass-box { padding: 15px 20px; }
	.banner h2 { font-size: 22px; }
	.banner h2::after { top: 0px; }

	/* --- Slider --- */
	.home-one-slider-otem .slider-content-area { height: 350px; }
	.slide-text h1 { font-size: 22px; line-height: 1.3; }
	.slide-text h2 { font-size: 12px; line-height: 1.5; }
	.slider-wrapper .owl-nav .owl-prev,
	.slider-wrapper .owl-nav .owl-next {
		width: 44px;
		height: 44px;
	}
	.slider-wrapper .owl-nav .owl-prev i,
	.slider-wrapper .owl-nav .owl-next i {
		line-height: 44px;
		font-size: 16px;
	}

	/* --- Buttons — 44px touch target --- */
	.btn11 {
		font-size: 14px;
		padding: 12px 24px;
		min-height: 44px;
		margin: 5px 4px;
	}

	/* --- Sections --- */
	.section { padding: 40px 0; }
	.section-title h3 { font-size: 24px; }
	.customwidget h1 { font-size: 24px; }
	.message-box { margin-bottom: 25px; }
	hr.hr1 { margin: 25px 0; }
	.image-center img { margin: 20px 0 0px; padding: 0px; }

	/* --- Stats --- */
	.stat-wrap div { margin-bottom: 20px; }
	.stat-wrap p { font-size: 28px; }

	/* --- Services --- */
	.service-widget { margin-bottom: 20px; }

	/* --- Parallax text (override inline) --- */
	.parallax h3 { font-size: 22px !important; }
	.parallax p { font-size: 15px !important; }
	.parallax .btn11 { font-size: 14px !important; padding: 12px 30px !important; }

	/* --- Portfolio filter --- */
	.portfolio-filter ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
	.portfolio-filter ul li { margin: 0; }
	.portfolio-filter ul li .btn-dark {
		padding: 10px 16px;
		min-height: 44px;
		font-size: 13px;
	}

	/* --- Contact form --- */
	.contact_form .form-control {
		height: 48px;
		margin-bottom: 15px;
		padding: 10px 15px;
		font-size: 16px;
	}
	.contact_form textarea.form-control { height: auto; min-height: 100px; }
	.cont-btn { margin-top: 5px; }

	/* --- Footer --- */
	.footer .widget { margin-bottom: 25px; }
	.footer-recent { margin-bottom: 25px; }
	.footer .col-md-6.col-lg-3:first-child { padding-right: 15px; }
	.footer .col-md-6.col-lg-3:nth-child(2) { padding-left: 15px; }
	.footer iframe { height: 200px; }

	/* --- Google Maps responsive --- */
	iframe[src*="google.com/maps"] {
		height: 200px;
		min-height: 180px;
	}

	/* --- Misc --- */
	.address-item {
		width: 100%;
		margin: 0px;
		margin-bottom: 20px;
	}
	.owl-next i, .owl-prev i { line-height: 44px; }
}

@media only screen and (min-width: 280px) and (max-width: 575px) {
	/* --- Top bar: stack and center --- */
	.top-bar .email-box,
	.top-bar .phone-box { font-size: 12px; }
	.top-bar .row > div { text-align: center; }

	/* --- Header --- */
	.navbar-light .navbar-brand img { max-width: 130px; }
	.megamenu .navbar-collapse ul { margin-top: 10px; }

	/* --- Slider: compact --- */
	.home-one-slider-otem .slider-content-area { height: 280px; }
	.slide-text h1 { font-size: 18px; line-height: 1.3; }
	.slide-text h2 { font-size: 11px; }
	.slider-content-btn { display: flex; flex-direction: column; align-items: center; gap: 8px; }
	.slider-content-btn .btn11 { width: 80%; margin: 0; }

	/* --- Banner --- */
	.banner h2 { font-size: 20px; }
	.banner .glass-box { padding: 12px 15px; }

	/* --- Buttons --- */
	.btn11 {
		font-size: 13px;
		padding: 12px 20px;
		min-height: 44px;
		margin: 4px 2px;
		display: block;
		width: 100%;
		text-align: center;
	}
	.message-box .btn11,
	#services .btn11,
	.cont-btn .btn11 {
		display: inline-block;
		width: auto;
		min-width: 200px;
	}

	/* --- Sections: tighter --- */
	.section { padding: 30px 0; }
	.section-title h3 { font-size: 22px; }
	.customwidget h1 { font-size: 22px; }
	.message-box { margin-bottom: 20px; }

	/* --- Stats --- */
	.stat-wrap div { margin-bottom: 15px; }
	.stat-wrap p { font-size: 24px; }
	.stat-wrap h3.line-hv { font-size: 14px; }

	/* --- Parallax override --- */
	.parallax h3 { font-size: 18px !important; line-height: 1.4 !important; }
	.parallax p { font-size: 14px !important; }

	/* --- Contact form --- */
	.contact_form .form-control { height: 48px; margin-bottom: 12px; padding: 10px 12px; }
	.contact_form fieldset.row { margin: 0; }
	.contact_form .col-lg-6,
	.contact_form .col-md-6,
	.contact_form .col-sm-6 { flex: 0 0 100%; max-width: 100%; padding: 0 8px; }

	/* --- Portfolio filter --- */
	.portfolio-filter ul li .btn-dark { padding: 10px 12px; font-size: 12px; min-height: 44px; }

	/* --- Footer --- */
	.footer .widget { margin-bottom: 20px; }
	.footer .col-md-6.col-lg-3:first-child { padding-right: 15px; }
	.footer .col-md-6.col-lg-3:nth-child(2) { padding-left: 15px; }
	.footer iframe { height: 180px; }
	.footer-left p { font-size: 12px; }

	/* --- Misc --- */
	.address-item { width: 100%; margin: 0 0 20px; }
	hr.hr1 { margin: 20px 0; }
	.image-center img { margin: 15px 0 0; padding: 0; }
	.footer-recent { margin-bottom: 20px; }
}