@media (min-width:576px){
   
    .ui-widget.ui-widget-content {
         width:70% !important;
    }

    [data-sidebar]{
      width:50%;  
    }

    .block-wrap{
         padding: var(--block-space);
    }

      .hero-banner-image{
     height:43.125em !important ;
      
    }

}     

@media (min-width:992px){


   
    .header-center {
        text-align:center;
    }

 

    .mobile-hidden{
        display: block;
    }


   

    .hero-swiperbutton {
        left:var(--container-padding);
        bottom:3rem;
        right:auto;
      
    }    


    .hero-boxes{
       
        max-width:50rem;
	left:50%;
	transform:translateX(-50%);
    }


    .hero-buttons{
        display: block;
    }

    .carousel-buttons{
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        right:0;
    }

    .in-line-block{
        display: flex;
        align-items: flex-start; 
    }

    .title-block{
        width: 30rem;
    }

    .banner-container-wrap{
        max-width:50rem;
    }

    .banner-image:before{
        content: none;
    }

    .breadcrumbs{
        position: absolute;
    }

  

    .fw-menu.menu-block ul,
.fw-menu.menu-block li{	
	text-align: left;
}

    .hero-desc{
        padding-right: 30%;
    }

    .hero-boxes{
        display: block;
    }
  

    .block-image{
        height:100% !important;
    }

    .block + .block{
        margin-top:0;
    }

    .side-video{
        position: absolute;	
        left:5%;
        width:25%;
        height:65vh;
    }

    .space-left{
        padding-left:35%;
    }

 

    .block-center-image.image-mask {
        width:70%;
    }

    .block-image-overlay{
        width:40%;
    }

    .menu-thumbimage.ratio-square:before{
	   padding-bottom:140%;
    }

    .side-bg{
        width:40%;
        opacity:1;
    }

    .fw-image {
	    top:calc(var(--section-space) * -1.5)
    }

    .fw-image-wrap{
	    margin-bottom:calc(var(--section-space) * -1);
}



    .section-action .swiper-button-wrapper{
        position: absolute;
        bottom:0;
        right:0;
    }

    .ba-container{
        height: 100vh;
    }

    .image-container {
  aspect-ratio:0/0;
}

.ui-widget.ui-widget-content {
    width:25% !important;
}

    .mouse {
    height:80px;
    width:40px;
    
    }
.banner-parallax .banner-image{
        height: 100vh;
}

    .tile{
    width:33.33%;
}

.tile-title{		
	font-size:var(--size-xx-large);	
}

.section-action.position-01{
    position: absolute;
	right:var(--container-padding);
	bottom:0;
}

.fw + .fw {
    margin-top:0;
}

}

@media (min-width:1199px) {

     .header-right{
        display: block;
    }


#cssmenu > ul > li > a{
        padding:1rem 1rem;

}

.side-button-wrap{
    display:flex;
}


}

@media (min-width:1280px) {



.tile{
    width:25%;
}

.tile-image.ratio-square:before{
	    padding-bottom:160%;
}


.tile:nth-child(3) .tile-image.ratio-square:before,
.tile:nth-child(4) .tile-image.ratio-square:before,
.tile:nth-child(5) .tile-image.ratio-square:before,
.tile:nth-child(6) .tile-image.ratio-square:before{
	padding-bottom: calc( 80% - var(--col-gap));
}

.tile:nth-child(5){
    position: absolute;
	right:25%;
	bottom:0;

    }

.tile:nth-child(3) .tile-title,
.tile:nth-child(4) .tile-title,
.tile:nth-child(5) .tile-title,
.tile:nth-child(6) .tile-title {
	font-size:calc(var(--size-xx-large) * 0.6);
}

.tile:nth-child(3) .btn-txt.small,
.tile:nth-child(4) .btn-txt.small,
.tile:nth-child(5) .btn-txt.small,
.tile:nth-child(6) .btn-txt.small {
	font-size:calc(var(--size-xxx-small) * 0.7);
}


}






@media (min-width:1650px) {

     #cssmenu > ul > li > a{
         padding:1rem 1.5rem;

    }
	
}

@media (min-width:1920px) {

     #cssmenu > ul > li > a{
         padding:1rem 2rem;

    }
	
}



@media (min-width:1920px) {
	
}