@media (min-width: 576px) and (max-width: 992px) {

	

.section2 {
  height: 400px;
}

.tabletsbackground{
  background-image: url("images/home/mobile/home12.jpg");
  
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
 
  position: relative;
}



.tabletstext{
  margin-top: 225px !important;
}

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





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





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

}


   #mobileresponsive {
  	display: none !important;
  }

#desktopresponsive {
display: none;
}

 #mobileresponsive1 {
    display: none !important;
  }

#desktopresponsive1 {
display: block;
}

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



/*---1--*/
.ml10 {
  position: relative;
  font-weight: 500;
  font-size: 2em;
}

.ml10 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.2em;
  padding-right: 0.05em;
  padding-bottom: 0.1em;
  overflow: hidden;
}

.ml10 .letter {
  display: inline-block;
  line-height: 1em;
  transform-origin: 0 0;
}


/*---move Object---*/

#object1{
    position: absolute;
    top:20%;
    left: 50%;
    opacity: 0.5;
    
    transform: rotate(20deg);
}
#object2{
    position: absolute;
    top:70%;
    left: 5%;
    transform: rotate(90deg);
}
#object3{
    position: absolute;
    left: 950;
    top:200;
    opacity: 0.3;
    -webkit-filter:blur(3px);
    transform: rotate(-20deg);
}
#layer{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;
}
#msg{
    font-family: arial;
    font-size: 70px;
    color:#FAFAFA;
    position: absolute;
    top:50%;
    left: 40%;
    transform: translate(-50%,-50%);
    line-height: 60px;
    border-left: 2px solid #FAFAFA;
    padding-left: 10px;
    padding-top:5px;
}
#zero{
    font-size: 40px;
    letter-spacing: 31px;
}

.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;
}



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


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



.nav{
margin-left: 20% ;
padding-bottom: 5px;
}

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

}


.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); 
        } 
    } 

 }