/* Responsive CSS */

@media screen and (max-width:1300px) 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 .slider-title{
		font-size: 40px !important;
	}
	.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;
	}

	.main-header{
		position: static;
	}

	
	.services-main-box,.team-main-box {
	    display: grid !important;
	    grid-template-columns: auto auto;
	    gap: 80px;
	}
	.search-box-wrap,.about-us-box {
	    flex-wrap: nowrap !important;
		justify-content: center !important;
		align-items: center !important;
	}	
}

@media screen and (max-width:900px) {
	.banner-wrap .slider-title{
		font-size: 40px !important;
	}
	
}
@media screen and (max-width:991px) and (min-width:450px){
	.main-header .menu-header .header-btm-right .header-phone-in-box{
		flex-wrap: nowrap !important;
	}
	.main-header .menu-header .header-btm-right .header-phone-in-box {
    	width: auto;
	}
	.main-header .menu-header .header-phone-in-box:not(.is-not-stacked-on-mobile)>.header-phone-icon-box{
		flex-basis: 17% !important;
	}
	.main-header .menu-header .header-phone-in-box:not(.is-not-stacked-on-mobile)>.header-phone-info-box{
		flex-basis: 83% !important;
	}
}
@media screen and (max-width:767px) {
	*{box-sizing:border-box;}
	.wp-block-navigation__responsive-container.is-menu-open.has-modal-open{ 
		padding:25px;
	}
	.main-header,
	.main-header p,
	.banner-wrap .slider-title,
	.banner-wrap p,
	.team-text-box{
		text-align: center;
	}
	.main-header .wp-block-social-links,
	.main-header nav,
	.main-header ul,
	.header-search-box .wp-block-search__inside-wrapper,
	.main-header .wp-block-buttons,
	.banner-wrap .wp-block-buttons,
	.logo-box {
		justify-content: center;
	}

	.main-header .menu-header .header-search-box .wp-block-search__input{
		position: absolute;
		bottom: -45px;
		right: auto;
		left: 0;
	}
	.main-slider .banner-wrap{
		min-height: 550px !important;
	}
	.main-slider .owl-nav{
		bottom: 15px;
		left: 50%;
		transform: translateX(-50%);
		top: auto;
		flex-direction: row;
		justify-content: center;
	}
	.main-slider .slider-content .slider-title:after{
		content: none;
	}
	.category-section .category-card .category-img img{
		height: 250px !important;
	}
	.category-section .category-card .category-title-box{
		width: 80%;
	}














	

	.banner-wrap .slider-title{
		font-size: 35px !important;
	}
	.services-main-box,	.team-main-box {
	    display: flex !important;
	}	
	.top-bar{
		padding: 10px 0 !important;
	}
	
	.search-box-wrap {
	    flex-wrap: nowrap !important;
	}
	.about-us-box {
	    flex-wrap: wrap !important;
	}	
}

@media screen and (max-width:991px) and (min-width:768px) {
	.main-header .top-bar .top-boxes{
		display: grid;
		grid-template-columns: auto auto;
	}
	.main-header .top-bar .columnn-2{
		text-align: right;
	}
	.main-header .top-bar .columnn-3 p{
		text-align: left;
	}
	.main-header .menu-header .header-bottom .logo-box, .header-navv .wp-block-navigation ul, .main-header .menu-header .header-btm-right .header-btm-in-right {
		justify-content: center;
	}
	.main-header .menu-header .cols-1, .main-header .menu-header .cols-2, .main-header .menu-header .cols-3 {
		flex-basis: 100% !important;
	}
	.main-header .menu-header .header-bottom{
		flex-wrap: wrap !important;
	}


	.main-slider .slider-in-boxes{
		flex-wrap: nowrap !important;
	}
	.main-slider .slider-in-boxes:not(.is-not-stacked-on-mobile)>.slider-content{
		flex-basis: 60% !important;
	}
	.main-slider .slider-in-boxes:not(.is-not-stacked-on-mobile)>.slider-content + .wp-block-column{
		flex-basis: 40% !important;
	}
	.category-section .category-boxes{
		flex-wrap: nowrap !important;
		gap: 10px;
	}
	.category-section .category-card .category-img img{
		height: 250px !important;
	}
	.category-section .category-card .category-title-box{
		width: 80%;
	}


}


@media screen and (max-width:1199px) and (min-width:992px){
	.main-header .top-boxes .columnn-2{
		flex-basis: 25% !important;
	}
	.main-header .top-boxes .columnn-3{
		flex-basis: 25% !important;
	}
	.main-header .menu-header .header-bottom .cols-1{
		flex-basis: 20% !important;
	}
	.main-header .menu-header .header-bottom .header-navv{
		flex-basis: 45% !important;
	}
	.main-header .menu-header .header-bottom .cols-3.header-btm-right{
		flex-basis: 35% !important;
	}
	.main-header .menu-header .header-btm-right .header-phone-in-box{
		gap: 2px;
	}



	.main-slider .slider-in-boxes .slider-content, .main-slider .slider-in-boxes .slider-content + .wp-block-column{
		flex-basis: 50% !important;
	}
	
}
@media screen and (max-width:1599px) and (min-width:1200px){
	.main-header .menu-header .header-bottom .cols-1{
		flex-basis: 20% !important;
	}
	.main-header .menu-header .header-bottom .header-navv{
		flex-basis: 50% !important;
	}
	.main-header .menu-header .header-bottom .cols-3.header-btm-right{
		flex-basis: 30% !important;
	}


	.main-slider .slider-in-boxes .slider-content{
		flex-basis: 40% !important;
	} 
	.main-slider .slider-in-boxes .slider-content + .wp-block-column{
		flex-basis: 60% !important;
	}
	
}


@media screen and (max-width:1790px) and (min-width:1600px){
	.main-header .menu-header .header-bottom .cols-1{
		flex-basis: 25% !important;
	}
	.main-header .menu-header .header-bottom .header-navv{
		flex-basis: 50% !important;
	}
	.main-header .menu-header .header-bottom .cols-3.header-btm-right{
		flex-basis: 25% !important;
	}
}

@media screen and (max-width:1250px) and (min-width:850px) {
	

	.header-navv .wp-block-navigation ul {
		gap: 10px;
	}
	.header-navv .wp-block-navigation ul li{
		font-size: 14px !important;
	}
	
	.slider-in-boxes{
		padding-top: 50px !important;
	}
}

@media screen and (max-width:1250px) and (min-width:0px) {
	.services-box{
		width: auto !important;
	}
}

@media screen and (max-width:1300px) and (min-width:1px) {
	
	
}