.navbar{
  /*background-color:#6c99ec !important
  background-image: linear-gradient(rgba(21, 21, 24, 0.01), rgba(2, 3, 10, 0.1)),  url("images/patternbg.jpg");*/
  background-color: rgba(11, 9, 20, 1);
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.navbar-brand{
    margin-left:0px;
    color:black !important;
}


.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: black !important;
}

#logo{
    width: 20% !important;
}

.ddropCover{
	display: flex;
	column-gap: 30px;
    /*background-image: linear-gradient(rgba(1, 1, 124), rgba(1, 1, 124));*/
    background: white !important;
	opacity: 1;
    max-height: 50px !important;
}
	
.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: black !important;
    text-decoration: none !important;
}


#mModa{
    display: block !important;
    position: absolute;
    margin-top:-10px ! important;
    right:13% !important;
}


#topMobile{
    display:none ! important;
}

#topDesk{
    display:inline-block ! important;
}



 /*For Desktop View*/

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

#mModa{
    display: block !important;
    position: absolute;
    margin-top:-15px ! important;
    right:15% !important;
}

#topMobile{
    display:none ! important;
}

#topDesk{
    display:inline-block ! important;
    font-size:0.8vw ! important;
}


.fa-bars{
    font-size: 2vw !important;
    margin-top:-50px !important;
}


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

 #logo{
    width: 25% !important;
    margin-top: -5px !important;
    margin-left: 0px !important;
}

#logoSide{
    width: 10% !important; 
}

.ds1{
    margin-left: 0px !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;
}

#topMobile{
    display:none ! important;
}

#topDesk{
    display:inline-block ! 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;
}

#mModa{
    display: block !important;
    position: absolute;
    margin-top:-9px ! important;
    right:20% !important;
}

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

#logoSide{
    width: 10% !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;
}

#topMobile{
    display:inline-block ! important;
}

#topDesk{
    display:none ! 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;
}


#mModa{
    display: block !important;
    position: absolute;
    margin-top:-9px ! important;
    right:22% !important;
}

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

#logoSide{
    width: 10% !important; 
}

.ds1{
    margin-left: -150px !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;
}

#mModa{
    display: block !important;
    position: absolute;
    margin-top:-17px ! important;
    right:34% !important;
}

#topMobile{
    display:inline-block ! important;
}

#topDesk{
    display:none ! important;
}

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


#desk{
   display: none !important;
}

#pDesk, .mobview{
   display: none !important;
}

.pShow{
    display: block !important;
}


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


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

#kat{
    margin-left:20px ! important;
}

.fa-bars{
    font-size: 9vw !important;
    margin-top:-7px ! important;
    margin-right: -6px !important;
}


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

.nav-link{
    font-size:4vw ! important;
}

 #logo{
    width: 50px !important;
    margin-top:-7px ! important;
    margin-left: 0px !important;
}

#logoSide{
    width: 15% !important; 
}


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

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


}