@media (max-width: 576px) { 

html, body {
  overflow-x:hidden ;
} 
 .fontforicons{
  color: #13429A;
   font-size: 50px;
}




.nav .nav-link, .indexlinkcolour {
  color: #13429A !important;
  border-bottom: 3px solid #13429A;
  width: 50%;

}



#desktopresponsive {

	display: none ;
}
#mobileresponsive{
  display: block;
}
 #mobileresponsive1 {
    display: block ;
  }

#desktopresponsive1 {
display: none;
}

  .home-text {

  position: absolute;
  text-align: center;
  font-family: 'Poppins';
  font-size: 1.25rem;
  font-weight: 500;
  top: 55%;
  z-index: 7;
left: 18%;
line-height: 20px;
white-space: nowrap;
color: rgb(0,0,0);
}

.spacing-letter{
	letter-spacing: 1px;
}


.carousel-dark .carousel-indicators li{
	background-color: #13429A !important ;
	

}

/*---1--*/
.ml11 .text-wrapper {
  position: relative;
  display: inline-block;
  
}





.ml11 .letter {
  display: inline-block;
  line-height: 1em;
  font-size: 1.25rem;
}


.section2 {
	height: 300px;
}

.headline{
	text-decoration: 2px underline;
}


.maps1{
	margin-top: 10px !important ;
}


.nav .nav-link img{
  height: 50px;
  font-size: 100px;
}


.nav .nav-link i{
  font-size: 50px;
}






.nav .nav-link.active {
  color: #13429A !important;
  border-bottom: 3px solid #13429A;

}


.nav a:hover {
animation: rotate 1s linear;
color: #13429A !important;


    } 
  
    @keyframes rotate{ 
        0%{ 
            transform: translateY(-10px); 
        } 
        50%{ 
            transform: translateY(-20px); 
        } 
        100%{ 
            transform: translateY(-5px); 
        } 
    } 


.float{
  position:fixed;
  width:60px !important ;
  height:60px;
  bottom:40px;
  right:20px;
  background-color:#25d366;
  color:#FFF !important ;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
  margin-top:16px;
}



  }