@charset "utf-8";
/* CSS Document */



/* ----m-b------------mobile---normal------------------------------------------*/

@media only screen 
and (min-width : 300px) 
and (max-width : 479px) {

}


@media only screen 
and (min-width : 330px) 
and (max-width : 480px) {

}

/* ----m-a------------Extra small devices--------mob after-------------------------------------*/

@media only screen 
and (min-width : 480px) 
and (max-width : 767px) {
.nav-mob{
  text-align: center !important;
    margin: 4em 0 0 0 !important;
}
.sub-serv{
	left: 44%;
    z-index: 200;
    background-color: #444444 !important;
}
}


/* -------x-s---------Extra small devices---------------------------------------------*/
@media only screen 
and (min-width : 0px) 
and (max-width : 380px) {

}

@media only screen 
and (min-width : 0px) 
and (max-width : 767px) {

.nav-mob{
  text-align: center !important;
    margin: 4em 0 0 0 !important;

}

.sub-serv{
	    left: 44%;
    z-index: 200;
     background-color: #444444 !important;
}
}
/* -------s-m---------Small devices Tablets---------------------------------------------*/
@media only screen 
and (min-width : 640px) 
and (max-width : 991px) {

.nav-mob{
  text-align: center !important;
    margin: 4em 0 0 0 !important;
}
.sub-serv{
	 background: #444444 !important;
	    left: 44%;
    z-index: 200;
}
}

@media only screen 
and (min-width : 768px) 
and (max-width : 991px) {

}

/* -------m-d---------Medium devices---------------------------------------------*/
@media only screen 
and (min-width : 960px) 
and (max-width : 991px) {
	

}

@media only screen 
and (min-width : 992px) 
and (max-width : 1199px) {

}

@media only screen 
and (min-width : 1200px) 
and (max-width : 1262px) {

}

/* -------l-g---------Large devices Desktops ---------------------------------------------*/