#newnavcontainerItemsResp{display:none;}
.show-menu-btn{
float:right;	
}
.mobile-silderImage{width:0vw;}
.show-menu-btn i{
	line-height:11vw;
}
.show-menu-btn,.hide-menu-btn{
	transition:0.4s;
	font-size:5vw;
	cursor:pointer;
	display:none;
    border-radius:20vw; 
    color:white	
}
#newnavcontainer a:hover,
.show-menu-btn:hover,
.hide-menu-btn:hover{
	color:orange;
}

#chk{
	position:absolute;
	visibility:hidden;
	z-index:-111;	
}
@media only screen and (max-width: 900px) {
	
/* Media Query 800px Container   */


#newnavcontainer{ width:100%; position:fixed; top:2vw; z-index:10;  color:white; transition: ease 1s;}
#newnavcontainerMenu{ padding:10vw;  background:black; color:white; width:100%; display:flex; flex-direction:column; transition: ease 2s; position:fixed; top:18.9vh; left:0vw; height:100vh; z-index:30; text-align:left; line-height:3vw; z-index:5!important;}
#newnavcontainerMenu a{display:block;text-decoration:none; color:white; text-align:left; font-size:3vw; padding:2vw; font-family: 'Patua One', cursive; text-transform:;}
#newnavcontainerMenu a:hover{display:block;text-decoration:none; color:orange; text-align:left; font-size:3vw; padding:2vw; font-family: 'Patua One', cursive; text-transform:;}
#newnavcontainerMenu .leftMenu{position:relative; left:15vw; width:50vw;    border:.0vh solid white;  display:flex; flex-direction:column;}
#newnavcontainerMenu .centerMenu{position:relative; left:0px; width:07vw;   justify-content: center;  border:.0vh solid white;  display:flex; flex-direction:row;}
#newnavcontainerMenu .leftMenu .leftmenuBox{display:block; width:auto; border:.0vh solid white;  line-height:2; text-align:center; margin:0px auto;font-size:5vw;}
#newnavcontainerMenu .rightMenu{display:block; left:15vw; position:relative; width:50vw;  border:.0vh solid white; display:flex; flex-direction:column; font-size:5vw;text-align:center;}
#newnavcontainerMenu .rightMenu .rightmenuBox{width:auto; border:.0vh solid white;  line-height:2; text-align:center; margin:0px auto;font-size:5vw;}
#effects a{text-decoration:none; color:orange; font-size:1vw; padding:1vw; font-family: 'Patua One', cursive; text-transform:;}
#effects a:hover{text-decoration:none; color:white; font-size:1vw; padding:1vw; font-family: 'Patua One', cursive; text-transform:;}

.active{color:orange; }
.active:hover{color:white; }

#newnavcontainerContact{ padding:0vw;  background:; color:black; width:100%; height:8vw; position:relative; transition: ease 2s;display:none;}
#newnavcontainerContact .leftcontainerContact{position:absolute; display:flex; justify-content:center; flex-direction:column; left:14vw; top:2vw; width:14vw;  background:white; border-radius:5vw; /*box-shadow:0vw .1vw .5vw black;*/ padding:.6vw; }
#newnavcontainerContact .rightcontainerContact{width:18vw; display:flex; justify-content:space-between; flex-direction:row;  background:#fff; border-radius:5vw;  position:fixed; right:15vw; top:2vw;  padding:1.5vw; padding-right:1vw; /*box-shadow:0vw .1vw .5vw black;*/ z-index:20;}
#newnavcontainerContact .rightcontainerContact a{font-size:1vw;text-decoration:none; text-align:center;  transition: ease 1s; display:inline-block;}
#newnavcontainerContact .rightcontainerContact a:hover{font-size:1vw; text-align:center;  text-decoration:none;  display:inline-block;}

/* #newnavcontainerContact1{padding:0vw;  background:white; color:black; width:100%; height:9vw; position:relative; transition: ease 1s;} */





#newnavcontainerItems{ padding:0vw;  background:#fccc4c;  color:white; width:90%; margin:0px auto; height:100vh; display:none!important; flex-direction:column;  position:absolute; top:0vw; left:40vw; z-index:30;}
#newnavcontainerItems:before, #newnavcontainerItems:after{position:absolute; content:''; bottom:0vw; left:0vw; top:0vw; border:.0vh solid black; width:0%; background:#fccc4c; z-index:0; box-shadow:0px .0vw 0vw black; transform:rotate(0deg); height:0vw; }
#newnavcontainerItems:after{transform:rotate(0deg); right:0vw; left:auto; top:0vw;}
#newnavcontainerItems .newnavcontainerItemsBox{ line-height:1vw;}
#newnavcontainerItems  a{ text-decoration:none; color: rgba(0, 0, 0, 0.3); font-size:3vw; text-align:left text-transform:uppercase;   padding:.0vw .0vw .0vw .0vw; margin:2vw; transition: ease 1s;}
#newnavcontainerItems  a:hover{color: rgba(0, 0, 0, 1); transition: ease 1s;}
.navsilder{     background-image: url(bg.jpg); background-repeat: no-repeat; width:100vw; height:100vh; }

#obwhatsapp{width:10vw; height:auto; background-color: rgba(0, 0, 0, 0.3); z-index:12; border:.0vh solid black;  border-radius:10vw; text-align:center; position:fixed; top:80%; left:-2%;}
#obwhatsapp:hover{left:-0%; transition: ease 1s; box-shadow:0vw .1vw .5vw black;}
#obwhatsapp a{font-size:5vw; }
#obwhatsapp a:hover{}
#obcontactPhone{width:10vw; height:auto; border:.0vh solid black;  background-color: rgba(0, 0, 0, 0.3); z-index:12; border-radius:10vw; text-align:center;position:fixed; top:80%; right:-2%;}
#obcontactPhone:hover{right:-0%; transition: ease 1s; box-shadow:0vw .1vw .5vw black;}
#obcontactPhone a{font-size:5vw;}
#obcontactPhone a:hover{}
.parentbox{height:100vh;}
.whiteSpace{padding:2vw;}
.leftnavsilderbox1{font-size: 5vw; color: #4d2c21; text-align: center; text-transform: uppercase; font-family: 'Rubik', sans-serif; line-height: 3vw;}
.leftnavsilderbox2{font-size:4vw;}
.leftnavsilderbox3{}
.leftnavsilderbox4Btn{}
.boxImgeArea{}
.leftSpace{padding:1.5vw;}
.rightnavsilderbox {
    width: 50%;
    margin: 0px auto;
    text-align: center;
}
 #navlogoBox{
	 width:0vw; position:fixed; top:11vw; left:43%; 
	 z-index:99;
	 /*  background:#fccc4c; */
	 text-align:center;
	 padding:1vw;
	 border:.0vh solid black;
	 transition: ease 2s;
	 
 }
.navlogoBoxrp{width: 0vw; display: block; position: absolute; top: 1vw; left: 2vw; z-index: 12;}	
 .Obreponsive{
	 width:100%;
	 height:auto;
	 
 }
 #navlogoBox2{
	 width:10%; height:10vw; text-align:center; position:fixed; top:1vw; left:45%;  	background:#fccc4c;
	 z-index:2; overflow:hidden;
 }
 #navlogoBox2 .navlogoItems{position:absolute;height:auto;text-align:center; overflow:hidden; padding:2vw; z-index:2;}
 
/* Media Query 800px Container End  */
.show-menu-btn,.hide-menu-btn{display:block;}
.show-menu-btn{ position:fixed; top:-.2%; right:5%;  z-index:6}
 .hide-menu-btn{ position:fixed; top:5%; left:5%; z-index:30;}
#chk:checked ~ #newnavcontainer{ width:100%; display:none; position:fixed; top:2vw; z-index:10;  color:white; transition: ease 1s;}

.iconListBox{font-size:8vw; }

/* Social Media  Responsive Tags */
#newnavcontainerItemsResp{display:none; flex-direction:row;  position:fixed; top:2vw; z-index:5; width:100%; background:black; height:5.1vh; }
#newnavcontainerItemsResp a{font-size:3vw; padding:3.3vw 3vw 3vw 3vw; float:left; color:white}
.newnavcontainerItemsBoxResp{}
.fbbgs{color:white}
.fbbgs:hover{color:#3b5998;}
.tbbgs{color:white;}
.tbbgs:hover{color:#34526f;}
.ptbgs{color:white;}
.ptbgs:hover{color:#c8232c}
.inbgs{color:white;}
.inbgs:hover{color:#3f729b;}
.ybbgs{color:white;}
.ybbgs:hover{color:#c4302b;}
.boxImgeArea{width:0vw;}
}