.side-button-wrap,
 .hero-boxes {
    display: none;
 }


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

    [data-sidebar]{
      width: 450px;  
    }

    .about-image.image-mask{
	height:50vw;
} 
.hero-banner_container{
    min-height: calc(88vh - calc(var(--header-height) * 2));
}

}     

@media (min-width:992px){


    .header-right{
        display: block;
    }

   

    .header-left{
        	left:0;
    }

 

    .heroslider{
        position: relative;
    }

    .about-image.image-mask{
    	height:45%;
} 

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

.line-center::before{
    content:"";
}

   .video-play-icon{	
	width:6rem;
	
} 

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

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

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

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

    

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

    .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) {

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

}

.Navtools li a{
    font-size:var(--size-small);
}

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

.hero-action-fixed{
   display: block;
}

   .mobile-hidden{
    display: block !important;
}

   .mobile-show{
    display:none !important;
}

}

@media (min-width:1280px) {

.about-image.image-mask{
    height:65%;
}
    
.hero-boxes{
    display: block;
}

.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:1660px) {

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

    }
	
}



@media (min-width:1920px) {

   
	
}