/* Responsive CSS */

@media screen and (max-width:1169px) and (min-width:800px) { 
	html{overflow-x:hidden; }	
	
	.inner-menu-header .wp-block-button__link{
		padding: 10px;
	}
	.counter-main-box {
	    display: grid !important;
	    grid-template-columns: auto auto;
	}
}

@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;
	}
	.testimonial-box,
	.work-text-box{		
		text-align: center;
	}
	.services-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:991px){
	.home .header-wrap{
		position: relative;
		padding-top: 0 !important;
		background-color: var(--wp--preset--color--extra-tertiary);
	}
	.header-wrap .header-info .header-social-icon{
		justify-content: left;
	}
	.header-wrap nav,
	.header-wrap ul,
	.header-search-box .wp-block-search__inside-wrapper,
	.header-wrap .wp-block-buttons,
	.logo-box ,
	.header-wrap .header-right-box{
		justify-content: center;
	}
	.header-wrap .nav-div-header{
		border-radius: 0 !important;
	}
	.header-wrap .header-phone-box, .header-wrap .header-mail-box, .header-wrap .header-location-box{
		flex-wrap: nowrap !important;
	}
	.header-wrap .header-phone-box:not(.is-not-stacked-on-mobile)>.header-phone-icon,
	.header-wrap .header-mail-box:not(.is-not-stacked-on-mobile)>.header-mail-icon,
	.header-wrap .header-location-box:not(.is-not-stacked-on-mobile)>.header-location-icon{
		flex-basis: 10% !important;
	}
	.header-wrap .header-phone-box:not(.is-not-stacked-on-mobile)>.header-phone-info,
	.header-wrap .header-mail-box:not(.is-not-stacked-on-mobile)>.header-mail-info,
	.header-wrap .header-location-box:not(.is-not-stacked-on-mobile)>.header-location-info{
		flex-basis: 90% !important;
	}
	.header-wrap .header-wrap-boxes{
		flex-wrap: wrap !important;
	}
	.header-wrap .header-logo-box, .header-wrap .header-navv, .header-wrap .header-btm-right{
		flex-basis: 100% !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;
	}
	.quotes-box{
		position: static;
	}
	.slider-section .slider-dot .banner-title, .service-sec-title, .testimonial-box .testimonial-sec-title, .blog-sec-title{
		font-size: 32px !important;
	}
	.header-wrap .header-info{
		width: 300px;
	}
	.banner-wrap .banner-title:after{
		left: 50%;
		transform: translateX(-50%);
	}
	.banner-wrap{
		align-items: flex-start;
	}
	.slider-wrapper .custom-controls{
		right: 50%;
		transform: translateX(50%);
	}
	.services-main-box,	.counter-main-box {
	    display: flex !important;
	}
	.our-work-section .work-sec-head-box .work-title{
		font-size: 30px !important;
	}
	.slider-section .slider-boxes .slider-dot{
		padding-top: 20px;
	}
	.slider-wrapper .custom-controls .custom-dots{
		align-items: center;
	}
	.slider-section .slider-boxes .slider-dot,
	.slider-wrapper .custom-controls .num-dot,
	.our-work-section .work-sec-head-box,
	.our-work-section .work-sec-head-box .work-sub-title,
	.our-work-section .work-sec-head-box .work-title{
		text-align: center;
	}
	.slider-section .slider-boxes .slider-dot .slider-btn,
	.our-work-section .work-sec-head-box{
		justify-content: center;
	}
	.our-work-section .work-sec-head-box .work-sec-title-box, .our-work-section .work-sec-head-box .work-sec-head-img {
    	width: 100%;
	}
}
@media screen and (max-width:991px) and (min-width:600px){
	.our-work-section .work-main-box{
		display: grid;
		grid-template-columns: auto auto;
	}
}
@media screen and (max-width:991px) and (min-width:768px){
	.banner-wrap .banner-title, .service-sec-title, .testimonial-box .testimonial-sec-title, .blog-sec-title{
		font-size: 45px !important;
	}
	.slider-wrapper .custom-controls{
		right: 30%;
	}
	.slider-section .slider-boxes{
		flex-wrap: nowrap !important;
	}
	.slider-section .slider-boxes:not(.is-not-stacked-on-mobile)>.slider-dot{
		flex-basis: 80% !important;
	}
	.slider-section .slider-boxes:not(.is-not-stacked-on-mobile)>.slider-dot + .wp-block-column{
		flex-basis: 20% !important;
	}
	.our-work-section .work-sec-head-box .work-sec-title-box{
		width: 60%;
	}
	.our-work-section .work-sec-head-box{
		flex-wrap: nowrap;
	}
}
@media screen and (max-width:1199px) and (min-width:992px){
	.header-wrap .header-search-box button.wp-block-search__button, .header-wrap .header-open-btn a{
		height: 30px;
    	width: 30px;
	}
	.header-wrap .header-right-box .header-top-btn a{
	    font-size: 12px !important;
	    padding: 8px !important;
	}
	.header-wrap .header-navv .wp-block-navigation__container a{
		font-size: 13px;
	}
	.header-wrap .header-logo-box{
		flex-basis: 20% !important;
	}
	.header-wrap .header-navv{
		flex-basis: 51% !important;
	}
	.header-wrap .header-btm-right{
		flex-basis: 29% !important;
	}
	.slider-section .slider-boxes .slider-dot{
		flex-basis: 60% !important;
	}
	.slider-section .slider-boxes .slider-dot + .wp-block-column{
		flex-basis: 40% !important;
	}
	.banner-wrap .banner-title {
        font-size: 45px !important;
    }
	.our-work-section .work-sec-head-box .work-sec-title-box{
		width: 55%;
	}
	.our-work-section .work-box .work-count{
		font-size: 50px !important;
	}
}
@media screen and (max-width:1399px) and (min-width:1200px){
	.slider-section .slider-boxes .slider-dot{
		flex-basis: 55% !important;
	}
	.slider-section .slider-boxes .slider-dot + .wp-block-column{
		flex-basis: 45% !important;
	}
	.header-wrap .header-navv .wp-block-navigation__container a{
		font-size: 14px;
	}
	.header-wrap .header-right-box .header-top-btn a {
        padding: 8px 12px !important;
    }
    .header-wrap .header-navv{
		flex-basis: 45% !important;
	}
	.header-wrap .header-btm-right{
		flex-basis: 30% !important;
	}
	.header-navv .wp-block-navigation ul {
		gap: 10px;
	}
}
@media screen and (max-width:1550px) and (min-width:1300px) {
	.header-wrap .header-navv{
		flex-basis: 50% !important;
	}
	.header-wrap .header-btm-right{
		flex-basis: 25% !important;
	}
	.slider-section .slider-boxes .slider-dot{
		flex-basis: 55% !important;
	}
	.slider-section .slider-boxes .slider-dot + .wp-block-column{
		flex-basis: 45% !important;
	}
	.header-wrap .header-right-box .header-top-btn a {
        padding: 8px 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;
	}
	.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;
	}
}

@media screen and (max-width:1300px) and (min-width:1px) {
	.services-box{
		width: auto !important;
	}
}