.navbar{
	background-color:red;
}


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


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


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


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

#logo{
    width: 20% !important;
}

.ddropCover{
	display: flex;
	column-gap: 30px;
    /*background-color: blue !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;
}
	

 /*For Desktop View*/

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

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


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

 #logo{
    width: 22% !important;
    margin-left: -150px !important;
}

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

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


}

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


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


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


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

 #logo{
    width: 30% !important;
    margin-left: -130px !important;
}

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

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


}
	
	


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

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


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


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

 #logo{
    width: 25% !important;
    margin-left: -150px !important;
}

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

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


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

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

#pDesk{
   display: none;
}

.pShow{
    display: block !important;
}


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


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


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


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

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


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

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



}