.blk{color:black;}
@media only screen and (max-width: 230px) {
	
/* Media Query 800px Container   */


#newnavcontainer{ width:100%; position:fixed; top:2vw; z-index:10;  color:white; transition: ease 0s;}
#newnavcontainerMenu{ padding:10vw;  background:black; color:white; width:100%; display:flex; flex-direction:column; transition: ease 2s; position:fixed; top:6vh; left:0vw; height:80vh; z-index:30; text-align:left; z-index:4;}
#newnavcontainerMenu a{display:block;text-decoration:none; color:white; text-align:center; font-size:3vw; padding:2vw; font-family: 'Patua One', cursive; text-transform:; }
#newnavcontainerMenu a:hover{display:block;text-decoration:none; color:orange; text-align:center; font-size:3vw; padding:2vw; font-family: 'Patua One', cursive; text-transform:;}
#newnavcontainerMenu .leftMenu{position:relative; left:0vw; 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{width:auto; border:.0vh solid white;  line-height:2; text-align:left; margin:0px auto;}
#newnavcontainerMenu .rightMenu{right:0px; position:relative; width:50vw;  border:.0vh solid white; display:flex; flex-direction:column;}
#newnavcontainerMenu .rightMenu .rightmenuBox{width:auto; border:.0vh solid white;  line-height:2; text-align:left; margin:0px auto;}
#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;}
#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:-20vw; left:40vw; z-index:30; display:block!important;}
#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:0vw;}
#newnavcontainerItems  a{ text-decoration:none; color: rgba(0, 0, 0, 0.3); font-size:5vw; text-align:left text-transform:uppercase;   padding:.0vw .0vw .0vw .0vw; margin:1.5vw; 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:22vw; 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:8vw; }
#obwhatsapp a:hover{}
#obcontactPhone{width:22vw; 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:8vw;}
#obcontactPhone a:hover{}
.parentbox{height:100vh;}
.whiteSpace{padding:2vw;}
.leftnavsilderbox1{font-size: 10vw; color: #4d2c21; text-align: center; text-transform: uppercase; font-family: 'Rubik', sans-serif; line-height: 18vw;}
.leftnavsilderbox2{font-size:10vw; color:white; text-align:center; text-transform:uppercase ; font-family: 'Rubik', sans-serif; line-height:15vw;}
.leftnavsilderbox3{font-size:3vw; color:#4d2c21; text-align:center; font-family: 'Rubik', sans-serif;line-height:12vw;}

.leftnavsilderbox{width:44vw;  margin:0px auto; padding:1vw;}
.leftnavsilderbox4{}
.leftnavsilderbox4Btn{ margin:0px auto;  width:15vw; border-radius:20vw; text-transform:uppercase;  padding:1vw 2vw;}
.leftnavsilderbox a{font-size:1vw; display:block; width:15vw; color:white; text-decoration:none;  text-align:center; font-family: 'Rubik', sans-serif; background:#e4584b; }
.leftnavsilderbox a{font-size:1vw; display:block; width:15vw; color:white; text-decoration:none;  text-align:center; font-family: 'Rubik', sans-serif; background:#e4584b; }
.leftSpace{padding:1.5vw;}
.leftSpaceM{padding:1.5vw;}
.rightnavsilderbox {
    width: 100%;
    margin: 0px auto;
    text-align: center;
}
 #navlogoBox{
	 width:21vw; position:fixed; top:1vw; left:39%; 
	 z-index:6;
	 /*  background:#fccc4c; */
	 text-align:center;
	 padding:1vw;
	 border:.0vh solid black;
	 transition: ease 0s;
	 
 }
 .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:-.5%; 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; }
/* Sildder Button  */
.leftnavsilderbox4Btn{ margin:0px auto;  width:45vw; border-radius:20vw; text-transform:uppercase;  padding:2vw 3vw;}
.leftnavsilderbox a{font-size:1vw; display:block; color:white; width:10vw; text-decoration:none;  text-align:center; font-family: 'Rubik', sans-serif; background:#e4584b; }
.leftnavsilderbox a:hover{color:white; background:black;}
.boxText a {
    font-size: 4vw; display: block; color: white; text-decoration: none; text-align: center; font-family: 'Rubik', sans-serif; background: #e4584b;}
/* Social Media  Responsive Tags */
#newnavcontainerItemsResp{display:flex; flex-direction:row;  position:fixed; top:2vw; z-index:5; width:100%; background:black;  height:10vw;}
#newnavcontainerItemsResp a{font-size:3vw; padding: 0; padding-left: 3vw; padding-top: 4vw; 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;}

/* Logo Setting */
.navlogoBoxrp { width: 21vw; display: blcok; position: absolute; top: 1vw; left: 3vw; z-index: 12;}
.show-menu-btn i {
line-height: 16vw;
    font-size: 6vw;
}
.minSpace{
	padding:10vw;
}
ob-footer a, #ob-footer-info a {
    margin: .5vw;
    padding: .5vw;
    color: #fff;
    font-size: 3vw;
}
#ob-footer-info, #ob-footer-logo {
    background: #000;
    line-height: 8;
}
#fixed-logo {
    position: absolute;
    top: 0;
    left: 38%;
}
#fixed-logo .logo {
    width: 24vw !important;
    height: auto;
}
#ob-footer-bottom {
    color: #fff;
    text-align: center;
    font-size: 3vw;
}
#ob-footer-bottom a {
    color: #fff;
    font-size: 3vw;
}
.social-icon-1, .social-icon-1{
    margin: -0vw;
    padding: .0vw;
    font-size: 3vw;
}
.social-icon-1, .social-icon-1:hover {
    margin: -0vw;
    padding: .0vw;
    font-size: 3vw;
}
.container {
    width: 100%;
    margin: 0 auto;
}
.container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
	#ob-footer, #ob-footer-bottom, #ob-footer-info, #ob-footer-logo {
    background: #000;
    line-height: 3;
}
.boxImgeArea{width:0vw;}
	.minSpace1{padding:3vw;}
	
.mobile-silderImage{width:100%; }
.bdr{border:1vh solid black;}
.mobile-silderImageBox{}
.mobile-silderImageBox img{width:100%;}
.mobile-silderImageBoxRes{width:100%;}	
.rm{display:none;}

.colorRed{color:red; line-height:2.5; font-size:4vw!important; text-transform:uppercase; margin:.5vw 2vw 2vw 10vw!important; font-weight:900; border:.0vh solid white;}
.colorblk{color:white!important; display:none; font-size:4vw!important; margin:.5vw!important; font-weight:900;border:.0vh solid white;}
.colorYlw{color:orange; font-size:4vw!important; text-transform:uppercase; margin:.5vw 2vw 2vw 42vw!important; font-weight:900;border:.0vh solid white;}

/* Responsive End Area */
}