/* --------------------------------------------------------------------------  
   SOMMARKAMPANJ 2025 | LB MAP | RESPONSIVE
--------------------------------|----------------------------------------- */

@media screen and (max-width:1340px) { 

#lb-map .lb-box { top:0; }
   
#lb-map .lb-content #gmap { border-radius:0; }
   
}

@media screen and (max-width: 1200px) {   
   
#lb-map { background:#545f62 !important; }
  
body.lb-map-active #lb-map .lb-content { margin-top:0; }

.lb-close.close-btn { top:13px; left:13px; }	     

#gmap { padding-top:60px; } 
   
#gmap-map { height:calc(100vh - 60px); }      
   
.gmap-filter-btn { top:12px; right:12px; padding:10px 14px 10px; font-size:17px !important; }
   
}

@media screen and (max-width: 767px) {   
  
.gmf-title, .gmf-btn { font-size:18px; }   

.lb-close.close-btn { top:10px; left:10px; }	     

#gmap { padding-top:54px; } 
   
#gmap-map { height:calc(100vh - 54px); }   
   
.gmap.gmi-show #gmap-info { bottom:15px; }   
   
.gmap-filter-btn { top:9px; right:9px; font-size:16px !important; }
   
.gmf-box { max-width:calc(100vw - 50px); } 
   
.gmf-title { font-size:17px; }   

a.gmf-btn { min-height:46px; margin:0 0 5px; font-size:17px; }
.gmf-btn > div { padding:9px 8px 10px 50px; }   
.gmf-btn .icon { top:0px; }   
#gmf-cat2.gmf-btn .icon { top:1px; }   

.gmf-close.text-btn { display:block; }   
   
.gmf-tips { padding:15px 0; }
.gmf-tips-text { font-size:15px; }
.gmf-tips-end-title svg { width:110px; }     

.gmi-close.close-btn            { top:7px; }	
.gmi-object .head               { padding:9px 35px 9px 45px; }
.gmi-object .head .title        { font-size:26px; }     
.gmi-object .head .icon         { top:5px; }
.gmi-object .image              { height:150px; }   
.gmi-object .content .title-1   { padding:4px 0 0 40px; font-size:21px; }   
.gmi-object .content .col-text  { padding:0 10px 0 0; font-size:15px;  }      
.gmi-object .content .title-2   { font-size:18px; }
.gmi-object .content .col-icons { width:110px; padding:0; }
.gmi-object .content .icons     { padding-left:4px; }
.gmi-object .content .icon-text { font-size:11px; }     
   
}

@media screen and (max-width: 460px) {   
   
#gmap-info { width:96%; }
   
.gmi-object.has-image { width:100%; }
    
}

@media screen and (max-width: 374px) {   
   
.gmf-butterfly:before { top:20px; }   
   
.gmi-object .head .title { font-size:24px; } 
    
}