body {
overflow-x: hidden;
font-family: var(--wp--preset--font-family--inter);
}
.entry-content .alignfull {
margin-left: calc( -50vw + 50%);
margin-right: calc( -50vw + 50%);
max-width: 100vw;
width: 100vw;
} .wp-site-blocks > * {
margin-block-start: 0;
} @media screen and (min-width: 600px){
.wp-block-navigation ul.wp-block-navigation-submenu li {
border-bottom: 1px solid rgba(0,0,0,.15);
}
.wp-block-navigation ul.wp-block-navigation-submenu li:last-child {
border: none;
}
} .wp-block-social-links li:hover{
color: var(--wp--preset--color--secondary-accent-text) !important;
}
.footer-right p a{
text-decoration: none;
}
.footer-right p a:hover{
color: var(--wp--preset--color--secondary-accent-text) !important;
}
.footer-main ul.wp-block-social-links li a:hover {
color: var(--wp--preset--color--pure-black);
fill: var(--wp--preset--color--pure-black);
}
.wp-block-woocommerce-product-categories.wc-block-product-categories.is-dropdown {
justify-content: center;
}
.wc-block-product-categories__dropdown select {
background: transparent !important;
border: 0px !important;
color: #fff !important;
}
.wc-block-product-categories__dropdown option{
color: #000 !important;
}
.has-secaccent-background-color {
background-color: var(--wp--preset--color--secaccent) !important;
}
.wc-block-product-categories__button{
display: none !important;
}
.wc-block-product-categories__dropdown select {
background: transparent !important;
border: 0px !important;
color: #000000 !important;
font-family: Open Sans;
font-size: 15px;
font-weight: 400;
text-align: center;
}
.wp-block-image img{
vertical-align: middle;
}
button.wp-block-search__button.has-icon.wp-element-button {
margin: 0px;
}
input#wp-block-search__input-1 {
background: #F2F4F6;
border: 0px;
font-family: Open Sans;
font-size: 15px;
font-weight: 400;
text-align: left;
padding-left: 30px;
} @media screen and (min-width: 320px) and (max-width: 781px){
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){
display: none;
}
.logo-bg{
clip-path: none;
}
.blog-meta{
display: flex !important;
}
.main-header-top{
background: var(--wp--preset--color--primary) !important;
}
.header-menu ul li a{
color: var(--wp--preset--color--accent-text) !important;
}
.banner-btn{
max-width: 100% !important;
}
.wp-block-navigation__responsive-container-close{
background-color: var(--wp--preset--color--secaccent) !important;
}
.social-main-box form.wp-block-search__button-only.wp-block-search__icon-button.wp-block-search{
float: none;
}
.gallery-section .service-column img{
height: 250px !important;
}
.service-content{
padding-right: 30px !important;
padding-left: 25px !important;
}
.counter-main{
min-height: 260px !important;
width: 260px !important;
margin: 0 auto !important;
margin-bottom: 20px !important;
}
.header-menu{
margin-top: 10px !important;
}
.header-menu button.wp-block-navigation__responsive-container-open{
display: inline-block !important;
color: #fff;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input {
right: -12px;
}
.short-image {
position: relative;
top: 0px;
left: 0px;
right: 0px;
margin: 0 auto;
}
.header-menu ul li a:hover{
background: transparent !important;
color: var(--wp--preset--color--secaccent) !important;
}
.main-header{
text-align: center;
margin-top: 0px !important;
}
.bk-hide-tab.bk-hide-mob p{
border: 0px !important;
padding-left: 0px !important;
}
.slider-content-box{
padding-left: 0px !important;
text-align: center;
max-width: 100% !important;
}
.service-short-heading{
text-align: center !important;
}
.footer-contact-box{
margin-bottom: 20px !important;
}
#slider .owl-nav{
display: none;
}
.banner-left-main img {
width: 100%;
height: 300px;
margin-top: 20px !important;
}
.wp-block-search__inside-wrapper{
justify-content: center !important;
}
body .is-layout-flex{
display: block;
text-align: center;
}
.footer-main p{
padding-right: 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 767px){
.header-menu ul li a:hover:after{
display: none;
}
.service-box{
margin-bottom: 20px !important;
}
.blog-meta img{
margin-bottom: 10px !important;
}
.blog-meta p{
padding-left: 0px !important;
padding-right: 0px !important;
margin-bottom: 10px !important;
border-right: 0px !important;
}
.slider-content-box h2,.slider-content-box p,.slider-content-box .wp-block-buttons{
text-align: center;
}
}
@media screen and (min-width: 567px) and (max-width: 767px){
.service-column{
display: grid !important;
grid-template-columns: auto auto;
}
.header-menu{
margin-bottom: 30px !important;
}
}
@media screen and (min-width: 768px) and (max-width: 781px){
.service-column{
display: grid !important;
grid-template-columns: auto auto;
}
.header-menu ul li a:hover:after{
display: none;
}
.banner-btn{
text-align: center;
}
.footer-contact-main{
display: grid !important;
align-items: center;
grid-template-columns: auto auto auto auto;
}
.footer-contact-box{
margin-bottom: 0px !important;
}
.service-box{
margin-bottom: 20px !important;
}
.icon-box{
left: 0px !important;
right: 0px;
}
.counter-main,.service-column{
max-width: 90% !important;
}
.blog-meta{
display: flex !important;
}
.blog-meta img{
margin-bottom: 10px !important;
}
.blog-meta p{
padding-left: 0px !important;
padding-right: 0px !important;
margin-bottom: 10px !important;
border-right: 0px !important;
}
.service-content p,.service-content .wp-block-buttons{
text-align: left;
}
}
@media screen and (min-width: 782px) and (max-width: 1024px){
.logo-main{
flex-basis: 21% !important;
}
.social-main-box{
flex-basis: 11% !important;
}
.header-menu{
flex-basis: 68% !important;
}
.main-header,.blog-group,.banner-group{
max-width: 95% !important;
}
.gallery-section img{
object-fit: cover;
height: 250px;
}
.bk-hide-tab.bk-hide-mob.social-icon{
flex-basis: 35% !important;
}
.slider-left,.banner-right-box {
flex-basis: 50% !important;
}
.main-header{
gap:0px !important;
}
.banner-right-box.right-main p,.banner-btn{
max-width: 100% !important;
}
.counter-main{
min-height: 240px !important;
}
.header-menu ul li a {
padding: 5px 11px !important;
}
.banner-column{
gap:0px !important;
}
}
@media screen and (min-width: 1025px) and (max-width: 1299px){
.main-header,.blog-group{
max-width: 95% !important;
}
.banner-right-box.right-main p,.banner-btn{
max-width: 100% !important;
}
.counter-main{
max-width: 90% !important;
}
.gallery-section img{
object-fit: cover;
}
.contact-box-banner h6{
padding-left: 30px !important;
}
.header-btn {
flex-basis: 20% !important;
}
.contact-main-box{
flex-basis: 24% !important;
}
.header-btn a{
font-size: 11px !important;
}
.header-menu ul li a{
padding: 5px 19px !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1100px){
.footer-contact p{
font-size: 11px !important;
}
.social-main-box ul{
gap:7px !important;
}
.logo-main{
flex-basis: 21% !important;
}
.social-main-box{
flex-basis: 11% !important;
}
.header-menu{
flex-basis: 68% !important;
}
.social-main-box ul li a{
font-size: 17px !important;
}
.header-nav{
left: 0px !important;
}
.counter-main{
min-height: 230px !important;
}
.header-nav .wp-block-columns{
max-width: 100% !important;
}
.header-menu ul {
gap:0px !important;
}
}
@media screen and (min-width: 1101px) and (max-width: 1440px){
.footer-contact p{
font-size: 11px !important;
}
.logo-main{
flex-basis: 21% !important;
}
.social-main-box{
flex-basis: 11% !important;
}
.header-menu{
flex-basis: 68% !important;
}
.blog-box h5{
font-size: 20px !important;
}
.logo-bg{
background-size: 100% 100% !important;
}
.counter-main{
min-height: 230px !important;
}
.social-main-box ul li a {
font-size: 20px !important;
}
.gallery-section img{
object-fit: cover;
}
.header-btn a{
font-size: 13px !important;
}
.banner-btn,.slider-content-box h5,.slider-content-box h2,.slider-content-box p,.slider-content-box form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search,.banner-team{
max-width: 100% !important;
}
.header-menu ul{
gap:0px !important;
}
}
@media screen and (min-width: 1201px) and (max-width: 1440px){
.footer-contact p{
font-size: 10px !important;
}
.counter-main{
min-height: 230px !important;
}
.footer-contact-main{
gap:5px !important;
}
.logo-bg{
background-size: 100% 100% !important;
}
.header-menu ul{
gap: 7px !important;
}
}
@media screen and (min-width: 782px) and (max-width: 1200px){
.service-column{
max-width: 95% !important;
gap:10px !important;
}
.main-header .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex,
.header-nav .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex,
.footer-main .wp-block-columns.are-vertically-aligned-top.is-layout-flex.wp-container-core-columns-is-layout-5.wp-block-columns-is-layout-flex{
max-width: 90% !important;
}
}