.tpc{
    font-size: 43px;
    color: #3B4757;
    text-align:center;
}

.sp{
 color:#4998BF;   
}

ul{
    text-align:justify;
}

.backs{
  background-image: url(https://www.bachpanglobal.com/img/blue-wave.webp) ! important;
    background-repeat: no-repeat ! important;
    background-size: cover;
    background-size: 100%, 100%;
    /*padding: 171px 0;*/
  margin-top:-6% ! important;
}

.pw, h1, h2, h3{
    text-align:center;
}


@media screen and (max-width: 600px) {
 .backs{
  background-image: none ! important;   
 background-color:#E2F2F6;
 }   

.po{
margin-top: -184% ! important;    
}

.pu{
padding-top: 64% ! important;    
}

.valu{
 margin-top: -99% ! important;
        padding-bottom: 50% ! important;
        text-align: center; 
}
 
 ul{
     text-align:center;
 }   

.bn{
padding-top: 66%! important;    
}

.ty{
 margin-top: -218%! important;   
}  

.responsive{
    width:80% ! important;
}

.fg{
 margin-top: -99%;
    padding-bottom: 56%;
    text-align: center;   
}

.cj{
 margin-top: -19%;   
}    

.hg{
margin-top: -164%;    
}

.lk{
margin-top: 82%;    
}    

.table{
margin-top: -15% ! important;    
}    

.time{
margin-top: -110% ! important;
        padding-bottom: 66% ! important;
        text-align: center ! important; 
}
 
 .greg{
  margin-top: -4%;
    padding-bottom: 70%;   
 }   

    .tu{
 margin-top: -245%;       
    }

.sp{
margin-top: -105%;
    padding-bottom: 62%;    
}

.ps{
padding-bottom: 6%;
    margin-top: -19%;   
}    

.rigo{
padding-bottom: 47%;

}
 
 .rigo-img{
 margin-top: -184%;    
 }   

.lib{
  margin-top: -100%;
    padding-bottom: 50%;  
}

.lib-img{
margin-top: -21%;    
}    

.dp{
padding-bottom: 82%;

}

.pd{
margin-top: -240%;    
}    

.manage{
 margin-top: -103%;
    padding-bottom: 87%;   
    
}

.trans{
padding-bottom: 84%;    
}

.cctv{
 margin-top: -238%;   
}

    .kids{
 padding: 51px 0 !important;       
    margin-top: 14% ! important;
        
    }

    
.vir{
 padding-top: 16%;
    padding-bottom: 15%;   
}    

    .pose{
 position: relative !important;
    top: 5px !important;       
    }

    .feedb{
 padding-bottom: 23%;       
    }

    .inform{
   padding-bottom: 22%;     
    }

.dash{
  padding: 94px 0 ! important;  
}

.board{
 position: relative ! important;
    top: 45px ! important;   
}    

.rous{
 padding-bottom: 22%;   
}    

.oper{
 padding-bottom: 20% ! important;   
}

.roll{
    
}    

.search {
    position: absolute;
    top: 220px ! important;
    left: 44px ! important;
    width: 146px ! important;
    border: solid 1px white ;
    height: 20px ! important;
}

 ::placeholder {
 
  font-size:12px ! important;
}    

   #country-list{float:left;list-style:none;margin-top:-3px;padding:0;width:190px;position: absolute;}
#country-list li{padding: 10px; background: #f0f0f0; border-bottom: #bbb9b9 1px solid;}
#country-list li:hover{background:#ece3d2;cursor: pointer;}

    
}

.search {
  position: absolute;
    top: 450px;
    left: 160px;
    width: 243px;
    border: solid 1px white;
    height: 45px;
}

     ::placeholder {
  color: white ! important;
  text-align:center;
  font-weight:bold;
  font-size:20px;
}

    #country-list li {
    position: relative;
    top: 2px;
    left: 3px;
    z-index: 100;
text-align: center;
   }
      

   #country-list{float:left;list-style:none;margin-top:-3px;padding:0;width:190px;position: absolute;}
#country-list li{padding: 10px; background: #f0f0f0; border-bottom: #bbb9b9 1px solid;}
#country-list li:hover{background:#ece3d2;cursor: pointer;}

#suggesstion-box{
    position: relative;
   left: -100%;
    top: -114px;
    background-color: #f0f0f0;
}