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


	.bodySection .background {
		overflow-y: auto;
		overflow-x: hidden;
	}
	
	.header{
	  	height: 80px;
	  	border-bottom: 2px solid white;
	}
	
	.header .headerBox{
		gap: 10px;
	}
	
	.input-group{
		flex-wrap: nowrap;
	}
	
	.titleBox{
	    text-align: center;
	}
	
	.header .titleBox h1 {
		font-size: 18px;
	}
	
	.header .titleBox h3{
		font-size: 8px;
		text-align: center;
	}
	
	.header .menuBox{
		flex-wrap: wrap;
	}
	
	#searchMapName {
		width: 100px;
        height: 27px;
        font-size: 9px;       
        padding-left: 1px;
	}
	
	.srchBtn {
		font-size: 12px;
	}
	
	.mapDiv{
	    display: flex !important;
	    flex-direction: column;
	}
	
	.mapDiv .map{
		overflow-x: auto;
		overflow-y: hidden;
	}
	
	.mapDiv .map div{
		width: 140px !important;
	}
	
	.header .menuBox .menuLink a{
		display: block;
		font-size: 9px !important;
	}
	
	.backLogor{
		display: none;
	}
	
	.bodySection .ackn, .bodySection .desc {
    	font-size: 1.5vh;
	}
	
	#searchBtn {
        width: 32px !important;
        font-size: 12px !important;
    }
    
    .footer{
       	position: absolute;
       	bottom: 0px;
    } 
    
    .pwrdBy img{
       height: 6px;
    }
    
    .ridd{     
       text-align: center !important;
    }
    
    .ridd img{
      	display: none;
    }
    
    .bodySection .background{
      	border: none;
    }
    
    .footer .footerBox{
       	font-size: 11px;
    }
    /* for map page */
     
     .menuIC{
        display: block;
     }
     
     .headerMap .nav{
	    position: absolute;
	    display: none;      
	    right: 0;
	    left: 0;       
       	top: 98%;
	    z-index: 1000;
     }
     
     #leftPnlDiv{
       	display: none;
        margin-top: 35px;
     }
     
     .leftPanel{
        position: absolute;
    	width: 70% !important;
    	left:-60%;
    	z-index: 99;
     }
     
     .leftPanel.tgl{
     	left:0%;
     }
     
      #leftPnlDiv.showCls{
      	display: block;
     }
     
     .arrCls #arrSVG{
        display: inline-block;
     }
     
     .backLogo{
        width: 250px;
     }
     
     .mapBody{
        display: flex !important;
     }
     
     .headerMap .nav button{
        min-width: 55px;
     }
  }