/* Responsive CSS */

@media screen and (max-width:1169px) and (min-width:800px) { 
	html{overflow-x:hidden; }	
	.header-wrap .wp-block-social-links .wp-social-link svg {
	    height: 20px;
	    width: 20px;
	}
	.inner-menu-header .wp-block-button__link{
		padding: 10px;
	}
	.banner-wrap h2{
		font-size: 40px !important;
	}
	.counter-main-box {
	    display: grid !important;
	    grid-template-columns: auto auto;
	}
	.services-main-box,.team-main-box {
	    display: grid !important;
	    grid-template-columns: auto auto;
	    gap: 80px;
	}
}

@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;
	}
	.header-wrap,
	.header-wrap p,
	.banner-wrap h2,
	.banner-wrap p,
	.testimonial-box,
	.team-text-box{		
		text-align: center;
	}
	.header-wrap .wp-block-social-links,
	.header-wrap nav,
	.header-wrap ul,
	.header-search-box .wp-block-search__inside-wrapper,
	.header-wrap .wp-block-buttons,
	.banner-wrap .wp-block-buttons,
	.logo-box {
		justify-content: center;
	}
	.services-main-box,.team-main-box {
	    display: grid !important;
	    grid-template-columns: auto auto;
	    gap: 80px;
	}
	.testimonial-inner-box{
		margin: 0 !important;
	}
	.counter-main-box {
	    display: grid !important;
	    grid-template-columns: auto auto;
	}
	.counter-box{
	    flex-wrap: nowrap !important;
	}
	.call-info figure, .call-info img {
        width: 40px !important;
        height: 40px !important;
        margin: 0 auto;
    }
	.nav-div-header{
		padding: 10px 0 !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:after {
	    width: auto;
	}
	.banner-wrap h2{
		font-size: 28px !important;
	}
	.quotes-box{
		position: static;
	}
	.services-main-box,	.counter-main-box, .team-main-box {
	    display: flex !important;
	}
}

@media screen and (max-width:1550px) and (min-width:1300px) {
	.top-bar .header-social-icons ul.social-icons{
		gap: 15px !important;
	}
	.wp-block-button.header-btn a {
		padding: 10px !important;
	}
	.call-info h4{
		font-size: 16px !important;
	}
}

@media screen and (max-width:1250px) and (min-width:769px) {
	.columnn-1{
		flex-basis: 33% !important;
	}
	.columnn-2{
		flex-basis: 33% !important;
	}
	.columnn-3{
		flex-basis: 33% !important;
	}

	.cols-1{
		flex-basis: 32% !important;
	}
	.cols-2{
		flex-basis: 34% !important;
	}
	.cols-3{
		flex-basis: 34% !important;
	}
	.cols-2 h4,.cols-3 h4{
		font-size: 15px !important;
	}

	.colom-1{
		flex-basis: 65% !important;
	}
	.colom-2{
		flex-basis: 5% !important;
	}
	.colom-3{
		flex-basis: 30% !important;
	}

	.slider-dot{
		flex-basis: 60% !important;
	}
	
	.header-navv .wp-block-navigation ul {
		gap: 10px;
	}
	.header-navv .wp-block-navigation ul li{
		font-size: 15px !important;
	}
	.header-btn a {
		font-size: 14px !important;
		padding: 10px !important;
	}
	.banner-wrap{
		min-height: 530px !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)) {
		max-width: 90%;
	}
	.logo-div,.nav-div-header,.top-bar,.header-wrap,.main-slider .owl-stage-outer{
		max-width: 100%;
	}
	.services-box{
		width: auto !important;
	}
}