/* Responsive CSS */

@media screen and (max-width:1250px) and (min-width:850px) {
	html{overflow-x:hidden; }
	.banner-wrap h2{
		font-size: 35px !important;
	}
	.counter-inner-box p{
		font-size: 16px !important;
	}
}

@media screen and (max-width: 980px){
	.fse-overlap-image{ position:relative !important; right:auto !important; bottom:auto !important; margin:25px 0 !important;}
	.wp-block-section-01 h2, .wp-block-section-02 h2{ font-size:28px !important; }
	.wpcf7 input[type="text"], 
	.wpcf7 input[type="tel"], 
	.wpcf7 input[type="email"], 
	.wpcf7 textarea{ 
		width:100%;
	}	
	.blog-area .wp-block-post-template{
		grid-template-columns: auto auto;
	}
	.menu-header,
	.menu-header p,
	.banner-wrap h2,
	.banner-wrap p,
	.counter-box,
	.about-box{
		text-align: center;
	}	
	.menu-header nav,
	.menu-header ul,
	.menu-header .wp-block-buttons,
	.banner-wrap .wp-block-buttons,
	.logo-box,
	.about-box .wp-block-buttons{
		justify-content: center;
	}
	.counter-inner-box,
	.services-inner-box {
	    display: grid !important;
	    grid-template-columns: auto auto;
	    gap: 60px !important;
	}	
}

@media screen and (max-width:767px) {
	*{box-sizing:border-box;}
	.wp-block-navigation__responsive-container.is-menu-open.has-modal-open{ padding:25px;}
	.banner-wrap h2{
		font-size: 30px !important;
	}
	.service-btn {
	    padding: 5px;
	    width: 45px;
	    height: 45px;
	}
	.about-box h3{
		font-size: 25px !important;
	}
	.services-inner-box {
		display: flex !important;
		gap: 24px !important;
	}
	.counter-inner-box{
		gap: 24px !important;
	}
}



@media screen and (max-width:1550px) and (min-width:1300px) {
	.banner-headd{
		font-size: 52px !important;
	}
}

@media screen and (max-width:1250px) and (min-width:850px) {
	.man-image img {
		position: relative;
		bottom: -45px;
		height: 500px;
		object-fit: contain;
	}
	.main-slider button.owl-prev {
		position: absolute;
		left: -45px;
	}
	.main-slider button.owl-next {
		position: absolute;
		right: -45px;
	}
	.menu-header .wp-block-navigation ul {
		gap: 15px;
	}
	.menu-header .wp-block-navigation ul li{
		font-size: 17px !important;
	}

	.menu-header .wp-block-site-title{
		font-size: 16px !important;
	}
	.menu-header .wp-block-button a{
		padding: 10px 15px !important;
	}

	.banner-wrap{
		min-height: 400px !important;
	}

	.banner-image figure {
		height: 400px;
	}
	.banner-content-div{
		margin-top: -60px !important;
	}

	.columnn-1{
		flex-basis: 19% !important;
	}
	.columnn-2{
		flex-basis: 30% !important;
	}
	.columnn-3{
		flex-basis: 26% !important;
	}
	.columnn-4{
		flex-basis: 25% !important;
	}

	.columnn-4 .wp-block-social-links{
		gap: 10px !important;
	}
	
	.columnn-1 p,.columnn-2 p,.columnn-3 p,.columnn-4 p{
		font-size: 14px !important;
	}


	.columnn-4 .wp-block-social-links .wp-social-link svg{
		height: 0.9em;
		width: 0.9em;
	}

	.banner-btnn a {
		padding: 10px 15px;
		font-size: 14px !important;
	}

}

@media screen and (max-width:850px) and (min-width:0px) {
	.banner-btnn a {
		padding: 10px 15px;
		font-size: 16px !important;
	}
	.banner-image figure {
		height: 400px;
	}
	.man-image img {
		position: relative;
		bottom: -45px;
		height: 500px;
		object-fit: contain;
	}
	.main-slider button.owl-prev {
		position: absolute;
		left: -20px;
	}
	.main-slider button.owl-next {
		position: absolute;
		right: -20px;
	}
	.banner-headd{
		font-size: 40px !important;
	}
	.counter-inner-box, .services-inner-box {
        display: grid !important;
        grid-template-columns: auto auto;
        gap: 30px !important;
    }
	.services-box {
		box-shadow: 0 0 10px 1px #cfcfcf;
		max-width: 90% !important;
		margin: 0 auto !important;
	}
}

@media screen and (max-width:550px) and (min-width:0px) {
	.banner-image figure {
		height: 400px;
	}
	.man-image img {
		position: relative;
		bottom: -45px;
		height: 500px;
		object-fit: contain;
	}
	.main-slider button.owl-prev {
		position: absolute;
		left: -20px;
	}
	.main-slider button.owl-next {
		position: absolute;
		right: -20px;
	}
	.banner-headd{
		font-size: 40px !important;
	}
	.counter-inner-box, .services-inner-box {
        display: grid !important;
        grid-template-columns: auto;
        gap: 30px !important;
    }
	.services-box {
		box-shadow: 0 0 10px 1px #cfcfcf;
		max-width: 90% !important;
		margin: 0 auto !important;
	}
}

@media screen and (max-width:1300px) and (min-width:1px) {
	[class*="wp-container-core-group-is-layout-"] > :where(:not(.alignleft):not(.alignright):not(.alignfull)),.banner-innerr,.bannerr-slider {
		max-width: 90%;
	}
	.main-slider,.main-slider .owl-stage-outer,.about-sectionnn{
		max-width: 100% !important;
	}
}