html{margin:0px; padding:0px;}
body{margin:0px; padding:0px;}
#ourperson{
  display: grid;
  justify-content:space-around;
  grid-template-columns: auto auto auto auto auto auto auto auto auto;	
background:#000; color:white;
padding:1vw 0vw; 
}
.statelist{font-size:1vw; padding:1vw; border:.1vh solid #929497; margin:1vw; text-align:center; border-radius:1vw; }

#franchisemodelbox{display:flex; flex-direction:row; justify-content:space-around; background:#e5e7e7; padding-bottom:4vw;}
.franchisemodelboxcolone{width:30%; background:#00a0e3; border:2vh solid #00a0e3; border-radius:3vw;}
.franchisemodelboxcoltwo{width:30%; background:#ffed00; border:2vh solid #ffed00; border-radius:3vw;}
.franchisemodelboxcolthree{width:30%; background:#ff1e02; border:2vh solid #ff1e02; border-radius:3vw;}
.franchisemodelboxcolrs{width:100%; border-bottom:.1vh solid #f9ff0d; border-radius:3vw;}
.franchisemodelboxcolhd{text-align:center;  font-size:2vw; padding:1vw; background:fff; color:#f9ff0d; font-family: library-3; border-bottom:.0vh solid #f9ff0d;  border-radius:3vw;}
.franchisemodelboxcolhdp{text-align:center; font-size:2vw; padding-bottom:.5vw;  color:#f9ff0d; font-family: library-3; border-radius:3vw;}
.sizebox{font-size:1vw; text-align:center; color:#f9ff0d; display:block; padding-top:1vw;}

#franchiseprodbox{  display: grid; justify-content:space-evenly; grid-template-columns: auto auto auto auto auto auto auto auto auto auto; background:#f9f9f9; color:white; padding:0vw 0vw; }
.franchiseprodboxcol{margin:.5vw;}
.franchiseprodboxcolrs{width:8vw;}
.franchiseprodboxcolhd{text-align:center; font-size:2vw; padding:1vw; background:#000; color:#f9ff0d; font-family: library-3;}
.franchiseprodboxcolhdp{text-align:center; font-size:1vw; padding:1vw; background:transparent; color:#000; font-weight:700; }


#franchisefeaturebox{display:grid; grid-template-columns: auto auto auto; justify-content:center; background:#feeaa5; padding:0vw 0vw 3vw 0vw;}
.franchisefeatureboxcol{margin:2vw; width:25vw; border-radius:1vw; border:.1vh solid #000; background:#e60000;}
.franchisefeatureboxcol2{margin:2vw; width:25vw; border-radius:1vw; border:.1vh solid #000; background:#09a3e4;}
.franchisefeatureboxcol3{margin:2vw; width:25vw; border-radius:1vw; border:.1vh solid #000; background:#ffd45b;}
.franchisefeatureboxcol4{margin:2vw; width:25vw; border-radius:1vw; border:.1vh solid #000; background:#3a8839;}
.franchisefeatureboxcol5{margin:2vw; width:25vw; border-radius:1vw; border:.1vh solid #000; background:#ff5e63;}
.franchisefeatureboxcol6{margin:2vw; width:25vw; border-radius:1vw; border:.1vh solid #000; background:#272cc1;}
.franchisefeatureboxcolrs{width:100%;}
.franchisefeatureboxcolhd{text-align:center; border-bottom:.1vh solid #f9ff0d; font-size:1.5vw; padding:1vw;  color:#f9ff0d; font-family: library-3;}
.franchisefeatureboxcolhd1{text-align:center; height:4vw;  border-bottom:.1vh solid #f9ff0d; font-size:3vw; padding:1vw;  color:#f9ff0d; font-family: library-3; background:#e60000; font-weight:bold;}
.franchisefeatureboxcolhd2{text-align:center; height:4vw; border-bottom:.1vh solid #f9ff0d; font-size:3vw; padding:1vw;  color:#fff; font-family: library-3; background:#09a3e4; font-weight:bold;}
.franchisefeatureboxcolhd3{text-align:center;  height:4vw; border-bottom:.1vh solid #f9ff0d; font-size:3vw; padding:1vw;  color:#000; font-family: library-3; background:#ffd45b; font-weight:bold;}
.franchisefeatureboxcolhd4{text-align:center;  height:4vw; border-bottom:.1vh solid #f9ff0d; font-size:3vw; padding:1vw;  color:#fff; font-family: library-3; background:#3a8839; font-weight:bold;}
.franchisefeatureboxcolhd5{text-align:center;  height:4vw; border-bottom:.1vh solid #f9ff0d; font-size:3vw;padding:1vw;  color:#000; font-family: library-3; background:#ff5e63; font-weight:bold;}
.franchisefeatureboxcolhd6{text-align:center; height:4vw; border-bottom:.1vh solid #f9ff0d; font-size:3vw; padding:1vw;  color:#fff; font-family: library-3; background:#272cc1; font-weight:bold;}
.franchisefeatureboxcolhdp{text-align:center; width:92%; height:auto; font-size:1vw; padding:1vw; color:#f9ff0d; background:#000/* #4aafa7 */;  background:#e60000;}
.franchisefeatureboxcolhdp2{text-align:center; width:92%; height:auto; font-size:1.2vw; padding:1vw; color:#fff; background:#000/* #4aafa7 */; background:#09a3e4;}
.franchisefeatureboxcolhdp3{text-align:center; width:92%; height:auto; font-size:1.2vw; padding:1vw; color:#000; background:#/* #4aafa7 */; background:#ffd45b;}

.franchisefeatureboxcolhdp4{text-align:center; width:92%; height:auto; font-size:1.2vw; padding:1vw; color:#fff; background:#000/* #4aafa7 */;background:#3a8839; }
.franchisefeatureboxcolhdp5{text-align:center; width:92%; height:auto; font-size:1.2vw; padding:1vw; color:#000; background:#000/* #4aafa7 */; background:#ff5e63; }
.franchisefeatureboxcolhdp6{text-align:center; width:92%; height:auto; font-size:1.2vw; padding:1vw; color:#fff; background:#000/* #4aafa7 */; background:#272cc1;}


#silderbox{display:flex; flex-direction:row; justify-content:space-between; background:#000;}
.silderboxbs{width:100%;}

#storebox{position:relative; background:#000;}
.storeboxbs{width:100%;}
.storeboxbshd{position:absolute; font-family: library-3; border-bottom:.1vw solid #1298d5; font-size: 5vw; padding:2vw 0vw 1vw 0vw; text-align: center; margin: 2vw 0vw; background:#000; width:40%; right:15vw; top:5vw;}

#franchiescontactform{display:flex; flex-direction:row; justify-content:space-around; background:transparent;}
.franchiescontactformcon1{width:50%; border-left: .1vw solid #1298d5; background:#00a0e3;}
.franchiescontactformcon2{width:50%; border-left: .1vw solid #1298d5; background:#e60000;}
#franchiesformcontact{display:flex; flex-direction:column; width:95%; padding:1vw; align-items:center;}
.inputcol{width:90%; padding: 1vw; border: .1vw solid #ccc; border-radius:.2vw; resize: vertical; margin:.1vw;  background-color:transparent; color:#fff;}
.inputsubmitcol{ width:20%; background-color:#04AA6D; color:#fff; padding:1vw 2vw; margin:.3vw; border: none; border-radius:.4vw; cursor: pointer;}
.inputsubmitcol:hover{ background-color: #45a049;}

.inputcol:focus{ background-color:#000; color:#4aafa7;}
.inputcol::placeholder {
  color: white;
}
.frobqrcodebutton{width:80%; margin:0vw auto}
.scantocnnte{text-align:center; font-size:2vw; padding:2vw 1vw 1vw 1vw; border: .5vw solid #1298d5; background:#000; color:#fff; font-family: library-3;}
.scantocnntersp{width:100%; padding-top:3vw;}
.obhdbox-3{font-family: library-3; border-bottom:.1vw solid #fff; font-size: 2.5vw; padding:2vw 0vw 1vw 0vw; text-align: center; margin: 2vw 0vw; background: transparent; width:100%; margin:0vw auto}
.obhdbox-4{font-family: library-3; border-bottom:.1vw solid #fff; font-size: 2.5vw; padding:2vw 0vw 1vw 0vw; text-align: center; margin: 2vw 0vw; background: transparent; width:100%; margin:0vw auto}

.franchiseprodboxhedingone{text-align:center; font-size:3vw; padding:3.5vw 1vw 1vw 1vw; background:#f9f9f9; color:#a42401; font-family: library-3; font-weight:bold;}
.franchiseprodboxhedingtwo{text-align:center; padding:0vw 0vw; background:#e5e7e7; color:#000; font-family: library-3; font-weight:bold;}
.franchiseprodboxhedingtwo h1{text-align:center; padding:3vw 1vw 1.5vw 1vw; margin:0vw;}
.franchiseprodboxhedingthree{text-align:center; font-size:3vw; padding:4vw 1vw 1vw 1vw; background:#feeaa5; color:#0a0900; font-family: library-3; font-weight:bold;}
.franchiseprodboxhedingfour{text-align:center; font-size:3vw; padding:2vw 1vw 1vw 1vw; background:#000; color:#fff; font-family: library-3; font-weight:bold;}
.franchiseprodboxhedingfive{text-align:center; font-size:3vw; padding:2vw 1vw 1vw 1vw; background:#000; color:#fff; font-family: library-3; font-weight:bold;}
.franchiseprodboxhedingfoursub{text-align:center; font-size:3vw; padding-bottom:1vw; background:#000; color:#fff;}

	#silderd{display:none;}
	#storeboxm{display:none;}
	#storebox{display:block; z-index:-1;}
	.one{font-size:2vw; color:yellow;}
	.bite{font-size:2vw; color:#000;}
	.franchise{font-size:2vw; color:#ffe641;}
	.Presence{font-size:2vw; color:yellow;}
	.our{font-size:2vw; color:yellow;}
.addressicon{}
.phoneicon{}
.emailicon{}

@media screen and (max-width:600px){
	#ourperson{ display: grid; justify-content:space-evenly; grid-template-columns: auto auto auto auto auto;	background:#000; color:white; padding:1vw 0vw 3vw 0vw; }
	.one{font-size:5vw; color:yellow;}
	.bite{font-size:5vw; color:#000;}
	.franchise{font-size:5vw; color:#ffe641;}
		.Presence{font-size:5vw; color:yellow;}
	
	#franchiescontactform{display:flex; flex-direction:column; justify-content:space-around; background:#000;}
   .franchiescontactformcon1{width:100%; border-left: .1vw solid #1298d5; background:#00a0e3;}
   .franchiescontactformcon2{width:100%; border-left: .1vw solid #1298d5; background:#ff5e63;}
   .inputcol{width:90%; padding: 1vw; border: .1vw solid #ccc; border-radius:.2vw; resize: vertical; margin:1.5vw;  background-color:transparent; color:#fff;}
   .inputsubmitcol{ width:20%; background-color:#04AA6D; color:#fff; padding:1vw 2vw; margin:.3vw; border: none; border-radius:.4vw; cursor: pointer;}
   .obhdbox-3{font-family: library-3; border-bottom:.1vw solid #1298d5; font-size: 4vw; padding:4vw 0vw 3vw 0vw; text-align: center; margin: 2vw 0vw; background: transparent; width:60%; margin:0vw auto}
   .obhdbox-4{font-family: library-3; border-bottom:.1vw solid #1298d5; font-size: 4vw; padding:4vw 0vw 3vw 0vw; text-align: center; margin: 2vw 0vw; background: transparent; width:80%; margin:0vw auto}   
   
	.franchiseprodboxhedingone{text-align:center; font-size:3.5vw; padding:2vw 1vw; background:#fff; color:#a42401; font-family: library-3;}
	.franchiseprodboxhedingtwo{text-align:center; font-size:3.5vw; padding:3vw 2vw 0vw 1vw; background:##e5e7e7; color:#000; font-family: library-3;}
	.franchiseprodboxhedingthree{text-align:center; font-size:3.5vw; padding:4vw 2vw 0vw 1vw; background:#ffe641; color:#000; font-family: library-3;}
	.franchiseprodboxhedingfour{text-align:center; font-size:3.5vw; padding:3vw 2vw 0vw 1vw; background:#000; color:#fff; font-family: library-3;}
	.franchiseprodboxhedingfive{text-align:center; font-size:3.5vw; padding:2vw 1vw 1vw 1vw; background:#000; color:#fff; font-family: library-3;}
	
	#franchiseprodbox{  display: grid; justify-content:space-evenly; grid-template-columns:auto auto auto auto auto; background:#fff; color:white; padding:1vw 0vw 5vw 0vw; }
	.franchiseprodboxcol{margin:.5vw;}
	.franchiseprodboxcolrs{width:15vw;}
	.franchiseprodboxcolhd{text-align:center; font-size:1.5vw; padding:1vw; background:#000; color:#f9ff0d; font-family: library-3;}
	.franchiseprodboxcolhdp{text-align:center; font-size:1.5vw; padding:1vw; background:#000; color:#f9ff0d; font-family: library-3;}
	
	#silderbox{display:none;}
	#silderd{display:block; padding-top:0vw}
	.statelist{font-size:2vw; border:.0vh solid yellow;}
	
	.franchisefeatureboxcolhd{text-align:center; border-bottom:.1vh solid #f9ff0d; font-size:3vw; padding:1vw;  color:#f9ff0d; font-family: library-3;}
	#franchisemodelbox{display:flex; flex-direction:column; justify-content:center!important; background:#e5e7e7; padding-bottom:4vw;}
	.franchisemodelboxcolone{width:86%; background:#00a0e3; border:2vh solid #00a0e3; margin:3vw 0vw 3vw 3vw;}
	.franchisemodelboxcoltwo{width:86%; background:#f9ff0d; border:2vh solid #f9ff0d; margin:0vw 0vw 3vw 3vw;}
	.franchisemodelboxcolthree{width:86%; background:#ff1e02; border:2vh solid #ff1e02; margin:0vw 0vw 0vw 3vw;}
	.franchisemodelboxcolhd{text-align:center;  font-size:4vw; padding:1vw; background:fff; color:#f9ff0d; font-family: library-3; border-bottom:.0vh solid #f9ff0d}
	.franchisemodelboxcolhdp{text-align:center; font-size:4vw; padding-bottom:.5vw;  color:#f9ff0d; font-family: library-3; }
	.sizebox{font-size:2vw; text-align:center; color:#f9ff0d; display:block; padding-top:1vw;}
	
	#franchisefeaturebox { display: grid; grid-template-columns: auto auto auto; justify-content: center; background: #ffe641; padding:1vw 0vw 3vw 0vw;}
	
	#storeboxm{display:block; background:#000; text-align:center; padding:10vw 3vw; border:.5vh solid yellow;}
	#storebox{display:none;}
	.storeboxbs{width:0%;}
	.storeboxbsm{width:80%;}
	
.franchisefeatureboxcolhdp{font-size:2vw; }
.franchisefeatureboxcolhdp2{font-size:2vw; }
.franchisefeatureboxcolhdp3{font-size:2vw; }
.franchisefeatureboxcolhdp4{font-size:2vw; }
.franchisefeatureboxcolhdp5{font-size:2vw; }
.franchisefeatureboxcolhdp6{font-size:2vw; }

}