.navbar{
	background-color:#042d79 !important
}


.navbar-brand{
    margin-left:0px;
    color:white;
}


.navbar-toggler{
   margin-left:10px;
   border-style: none;
}


.navbar-toggler:hover{
   border-style: none;
}


.topFlex{
    padding-left: 120px !important;
    padding-right:120px !important;
    color: white !important;
}

.iconDiv{
    padding-right: 120px !important;
    color: white !important;
}

.fa-bars{
    font-size: 3vw !important;
    color: white !important;
}

#logo{
    width: 20% !important;
}

.ddropCover{
	display: flex;
	column-gap: 30px;
    /*background-image: linear-gradient(rgba(1, 1, 124), rgba(1, 1, 124));*/
    background: #2a619b;
    background: linear-gradient(180deg, rgba(42, 97, 155, 1) 0%, rgba(217, 241, 250, 0.94) 15%, rgba(6, 104, 196, 1) 100%);
	opacity: 1;
}
	
.dshow .rap{
	width: 180px;
	line-height: 45px;
	opacity: 0;
	position: absolute;
	visibility: hidden;
	
}
	
.rap{
  background: white;
  color: black;
  top:60px;
}

.dshow p{
    font-size:3vw;
	
}

.dshow:hover .rap{
	top:30px;
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease;
}


.pShow{
    display: none;
}

#pMobi{
   display: none;
}
		
ul li{
  font-size: 3vw !important;
}

a{
    color: white !important;
    text-decoration: none !important;
}

 /*For Desktop View*/

@media screen and (min-device-width: 1025px){

.fa-bars{
    font-size: 2vw !important;
}


.navbar-brand{
    max-width: 200px !important;
}

 #logo{
    width: 100% !important;
    margin-left: 0px !important;
}

.ds1{
    margin-left: -100px !important;
}

.dshow p{
    font-size:1vw;
	
}

ul li{
    font-size: 1.2vw !important;
  }
  

}

	
/* For Tablet Landscape View */
@media only screen and (min-device-width: 641px)
and (max-device-width: 1024px) {


.topFlex{
    padding-left: 20px !important;
    padding-right:20px !important;
    color: white !important;
}

.iconDiv{
    padding-right: 20px !important;
    color: white !important;
}

.topFlex p{
    font-size: 1.3vw !important;
}

.iconDiv p {
   font-size: 1.3vw !important;
}

.navbar-toggler{
   margin-left:-10px !important;
   border-style: none;
}


.fa-bars{
    font-size: 3vw !important;
}


.navbar-brand{
    max-width: 100px !important;
    margin-left: 0px !important;
}

 #logo{
    width: 40% !important;
    margin-left: -60px !important;
}

.ds1{
    margin-left: -100px !important;
}

.dshow p{
    font-size:1.5vw !important;
	
}

#desk{
   display: none !important;
}

#pDesk{
   display: none !important;
}

.pShow{
    display: block !important;
}


#pMobi{
    display: block !important;
    margin-left:0px !important;
}

 ul li{
    font-size: 1.6vw !important;
  }
  

}
	
	


/* For Tablet Portrait View */
@media only screen and (min-device-width: 421px)
and (max-device-width: 640px) {


.topFlex{
    padding-left: 20px !important;
    padding-right:20px !important;
    color: white !important;
}

.iconDiv{
    padding-right: 20px !important;
    color: white !important;
}

.topFlex p{
    font-size: 1.4vw !important;
}

.iconDiv p {
   font-size: 1.4vw !important;
}

.navbar-toggler{
   margin-left:-10px !important;
   border-style: none;
}


.fa-bars{
    font-size: 3.8vw !important;
}


.navbar-brand{
    max-width: 100px !important;
    margin-left: 0px !important;
}

 #logo{
    width: 35% !important;
    margin-left: -60px !important;
}

.ds1{
    margin-left: -100px !important;
}

.dshow p{
    font-size:2vw !important;
	
}

#desk{
   display: none !important;
}

#pDesk{
   display: none !important;
}

.pShow{
    display: block !important;
}


#pMobi{
    display: block !important;
    margin-left:0px !important;
}

ul li{
    font-size: 2.5vw !important;
}
  
	
}


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

    
.topFlex{
    padding-left: 0px !important;
    padding-right:0px !important;
    color: white !important;
}

.iconDiv{
    padding-right: 0px !important;
    color: white !important;
}

.topFlex p{
    font-size: 2.8vw !important;
}

.iconDiv p {
   font-size: 2.8vw !important;
}

.ddropCover{
	display: flex;
	column-gap: 10px !important;
} 


#desk{
   display: none !important;
}

#pDesk{
   display: none !important;
}

.pShow{
    display: block !important;
}


#pMobi{
    display: block !important;
    margin-left:0px !important;
}


.navbar-toggler{
   margin-left:0px !important;
   border-style: none;
}


.fa-bars{
    font-size: 8vw !important;
    margin-right: -10px !important;
}


.navbar-brand{
    max-width: 100px !important;
    margin-left: 0px !important;
}

 #logo{
    width: 100% !important;
    margin-left: 0px !important;
}


.ds1{
    margin-left: -40px !important;
}

.dshow p{
    font-size:3.4vw !important;
	
}

#mModa{
    margin-left: 10px !important;
}


}