@media only screen and (max-width:960px)
{
	.container{width: 100%;}
    .navbar{padding: 0;}
    nav ul li{padding: 16px 0px 6px 0px;}
    .header-in{padding: 30px 0px 23px 0px;}
    .search{margin: 0 15px 0 0px;}
	.panckers{left: 13.2%;}
	.kids{margin: 10px 0 0 0;}
	.deals-in{padding: 66px 42px 0 42px;}
	.recycle-in{padding: 0;}
	.recycle-rt-blk{margin: 0 auto;}
	.recycle-lft-blk{margin: 10px auto;}
	.community-in{text-align: center;margin: 0 auto;}
	.sponser-in{width: 100%;}
    .sponser-rt-blk{padding: 31px 0 47px 82px;}
	.sponser-rt-blk h4{font-size: 29px;line-height: 30px;}
	.sponser-rt-blk h5{font-size: 23px;line-height: 25px;}
	.sponser-rt-blk h6{padding: 4px 0 0px 0;}
	.sponser-rt-blk h4 span{font-size: 17px;line-height: 17px;}
	.footer-in{width: 100%;padding: 36px 7px 0 7px;}
	.footer-rt-blk ul li{padding: 0;}
	.cooking-in{width: 90%;margin: 0 auto;}
	.place-in{width: 100%;}
    .place-rt-blk h4{font-size: 25px;}
    .place-rt-blk p{padding: 2px 0 0 0px;}
    .step{margin: 0 23px 0 23px;}
    .place-in{height: auto;}
    .engage{padding: 0 23px 0 23px;margin: 0 auto;text-align: left;}
    .footer-rt-blk ul li{width: 30%;}
    .footer-lft-blk ul li{padding: 0 2px;}
    .footer-lft-blk ul li a{font-size: 11px;}
    .stack-in{padding: 20px 58px 26px 58px;height: auto;}
    .stack-in p{padding: 15px 0 15px 0;}
    .toast .stack-in{height: auto;}
    .home-blk-lft span{margin: -60px 0 0 285px;}
    .sponser-lft-blk{margin: 0 0px;}
    .community-sea-blk{height: 580px;}
    .place-lft-blk img{height: auto;}
    .engage-in p{padding: 0px 0px 0 0px;}
    .home-blk-lft strong{font-size: 30px;display: block;margin: -35px 0 0 0;}
    .eggs-blk{padding: 40px 24px 43px 24px !important;}
    .about-logo-in{padding: 27px 0 27px 23px;}
    .place-blk{margin: 0 23px 0 23px;}
    .place-lft-blk{padding: 0 0 0 23px;}
    .step-in{padding: 0;}
    .home-blk-lft small{font-size: 57px;}
    .navbar ul li.nav-item1 a:hover{background-size: inherit;}
    .our .fast img{height: auto;}
    .banner-in img{height: auto;}
    .cooking-lft strong {margin: -8px 0 0 0;}
    

}

@media only screen and (max-width: 767px)
{
	
	/* -- menu --*/
	.navbar-collapse{width: 100%;position: fixed;left: 0;top: 65px;padding: 0;height: calc(100% - 81px);text-align: center;background: rgba(18, 50, 109, 0.4);z-index: 3333;}
	.navbar-light .navbar-toggler{/* position: relative; *//* top: 0; *//* left: 0; */margin: 0 auto;}
	.navbar{padding: 0;width: 100%;}
    input{width: 123px;}
    .search{display: inline-block;padding: 0;margin: 0  0 20px 0;}
    .navbar-collapse{top: 81px;}
    .header-in{padding: 15px 0px 15px 0px;}
	/* -- menu --*/
    .home-blk-lft strong{margin: -26px 0 0 0 !important;font-size: 19px !important;}
    .logo{padding: 0;}
    .header-in{padding: 15px 23px 15px 23px;}
    .cooking-lft strong{font-size: 23px;display: block;}
	.btn{/* right: 216px; *//* top: 263px; */}
    nav ul li{padding: 3px 0 3px 0;}
    .navbar-light .navbar-toggler{/* left: 166px; *//* top: -38px; */position: absolute;right: 0;top: 11px;}
	.panckers{left: 17.2%;}
	.twitt{margin: 0 auto;text-align: center;display: block;}
	.happy{margin: 15px 0 5px 0;}
	.kids{padding: 10px 0 0 0;margin-bottom: 10px; margin: 10px auto;text-align: center;}
	.double{margin: 10px auto;}
	.happy{margin-bottom: 5px;margin: 0 auto;}
	.deals-main{padding: 10px 10px 10px 10px;}
	.deals-in{padding: 61px 0 0 25px;}
	.cooking-in{width: 85%;margin: 0 auto;}
	.sponser-rt-blk{padding: 14px 24px 14px 24px;}
	.cooking-lft small{font-size: 47px;line-height: 62px;}
	.cooking-lft span{width: 110px;margin: -48px 0 0 128px;display: block;padding: 0;font-size: 17px;}
    .place-lft-blk{padding: 0 23px 0 23px;object-fit: cover;}
    .step-in p{padding: 10px 0 0 4px;}
    .step-in{padding: 0 23px 0 23px;}
    .step-out p{padding: 0;}
    .step-out{padding: 0 23px 0 23px;}
    .step{margin: 0;padding: 25px 0 0px 0;} 
    .engage-in img{width:100%;}
    .engage-in h5{padding: 0 0 0px 0;}
    .engage{text-align: left;}
    .engage-in p{padding: 0px 15px 15px 0px;}
    .stack-in{padding: 35px 24px 35px 24px}
    .home .cooking-lft{padding: 4px 0 0 23px;}
    .toppings .bacon ul{padding: 0;}
    .footer-lft-blk{text-align: center;}
    .footer-in{padding: 12px 7px 12px 7px;height: 108px;}
    .footer-rt-blk{text-align: center;}
    .footer-lft-blk ul li{padding: 0 7px;}
    .cooking-out{padding: 95px 67px 0 0;}
    .home-blk-lft small{font-size: 38px;}
    .home-blk-lft span{margin: -52px 0 0 183px;width: 100px !important;}
    .home-btn{padding: 51px 13px 0 0;margin: 0;}
    .twitter-in:after{top: 30px;}
    .twitter-in:before{top: 30px;}
    .eggs-blk{padding: 40px 24px 43px 24px !important;}
    .becon-cnt > span{margin: 0 0 20px 0;}
    .navbar ul li.nav-item1 a:hover{margin: 0 auto;background-position: center center;}
    .navbar ul li.nav-item2 a:hover{margin: 0 auto;background-position: center center;}
    .navbar ul li.nav-item3 a:hover{margin: 0 auto;background-position: center center;}
    .navbar ul li.nav-item4 a:hover{margin: 0 auto;background-position: center center;}
    .navbar ul li.nav-item5 a:hover{margin: 0 auto;background-position: center center;}
    .navbar ul li.nav-item6 a:hover{margin: 0 auto;background-position: center center;}
    .twitter-in p{background-position: -3px 11px;}
    .cooking-lft strong span{font-size: 24px;}
    .navbar ul li a {position: relative;}
    .navbar ul li {line-height: 40px;}
    .navbar ul li.nav-item1 a:after{top: -8px;}
    .navbar ul li.nav-item2 a:after{top: -3px;}
    .navbar ul li.nav-item3 a:after{top: -7px;}
    .navbar ul li.nav-item4 a:after{top: -8px;}
    .navbar ul li.nav-item5 a:after{top: -12px;}
    .navbar ul li.nav-item6 a:after{top: -12px;}
    .cooking-lft strong {margin: -20px 0 0 0;}
   
}
@media only screen and (max-width:575px)
{
    
    .cooking-lft span:after{top: 2px;}
	.panckers h1{font-size: 71px;line-height: 80px;}
	.panckers h3{font-size: 23px;line-height: 35px;}
	.twitter-in{padding: 8px 13px 8px 13px;}
	.pankage-in{padding: 42px 3px 42px 3px;text-align: center;}
	.pankage-in h4{font-size: 28px;}
	.pankage-in h4 small{font-size: 28px;}
	.pankage-in h5{font-size: 28px;}
	.history{background-size: 100% auto;width: 273px;}
	.history h2{font-size: 20px;line-height: 22px;padding: 22px 0 0 5px;}
	.history p{line-height: 13px;padding: 5px 18px 5px 18px;}
	.sponser{margin: 40px 0 0 0;}
	.about-logo-in{padding: 27px 0 27px 0;text-align: center;}
	.cooking-lft span{font-size: 17px;width: 96px;margin: -39px 0 0 131px;}
    .cooking-lft span:after{left: 55px;}
	.cooking-out{text-align: center;padding: 0 61px 0 0;}
	.cooking-lft{padding: 35px 23px 0 23px;}
	.cooking-lft small{font-size: 46px;line-height: 49px;}
    .place-main{padding: 24px 0 24px 0;}
    .home-blk-lft small{font-size: 40px;line-height: 42px;}
    .becon-cnt > span{margin: 0 0 10px 0;}
    .cooking-out{padding: 10px 0 0 23px;text-align: left;margin: -19px 0 0 0;}
    .our .fast{margin: 0 23px 0 23px;}
    .our .banner-in h2{font-size: 50px;}
    .our .home{top: -12px;}
    .our .banner-in{text-align: center;}
    input{width:100%;}
    .stack-in p{padding: 16px 0 16px 0;}
    .copy-rt-blk{padding: 0;text-align: center;}
    .home-blk-lft span{width:86px !important;margin: -39px 0 0 189px;}
    .cooking-in{width: 79%;margin: 0 auto;}
    .pankage-in{background: url('../images/stack-img.png')no-repeat bottom right ;height: 637px;}
    
  
}
@media only screen and (max-width:479px)
{
	.panckers h1{font-size: 33px;line-height: 35px;}
	.panckers h3{font-size: 18px;line-height: 20px;}
	.history{width:219px;}
	.history p{font-size: 10px;line-height: 13px;}
	.pankage-in h4{font-size: 18px;}
	.pankage-in h4 small{font-size: 18px;}
	.pankage-in h5{font-size: 18px;line-height: 20px;}
	.deals-blk h4{font-size: 22px;line-height: 25px;}
	.deals-main{padding: 0px 5px 0px 5px;margin: 0;}
	.deals-in{padding: 29px 9px 0 9px;}
	.happy h4 span{font-size: 20px;}
	.happy{padding: 18px 0 0 11px;}
    .kids{padding: 40px 0 0 56px;}
    .sponser-lft-blk{margin: 0 -19px;}
	.deals-blk h4 span{font-size: 12px;line-height: 12px;width: 22px;}
	.community-in{padding: 20px 0 20px 0;}
	.sponser-rt-blk p{padding: 0;line-height: 14px;}
	.sponser-rt-blk h4{font-size: 22px;line-height: 22px;}
	.sponser-rt-blk h4 span{font-size: 13px;line-height: 13px;}
	.sponser-rt-blk h6{padding: 0;}
	.sponser-rt-blk h5{font-size: 18px;}
	.sponser-rt-blk h6{font-size: 19px;line-height: 20px;}
	.cooking-lft{padding: 24px 18px 0 18px;}
	.cooking-lft span{font-size: 15px;line-height: 18px;}
    .place-rt-blk h4{font-size: 18px;line-height: 20px;}
    .place-blk{margin: 0;padding:20px 23px 20px 23px;}
    .place-rt-blk{padding:20px 23px 0 23px; }
    .engage-in p{padding: 10px 15px 10px 15px;margin: 0;}
    .home .cooking-lft{padding: 4px 0 0 17px;}
    .our .home{right: -60px;}
    .our .banner-in{padding: 27px 0px 22px 0;}
    .menus{text-align: center;padding: 24px 0 41px 0;}
    .footer-in{min-height: 395px;}
    .footer-rt-blk ul li{margin: 5px auto;text-align: center;display: block;width: 59%;}
    .footer-lft-blk ul li{display: block;}
    .home-blk-lft strong{font-size: 13px !important;margin: -27px 0 0 0;padding: 0 0 15px 0 !important;}
    .home-blk-lft span:after{left: 30px !important;top: 0;}
    .banner-in img{}
    .our .home {left:88%;}   
    .cooking-in{padding: 0;}
    .cooking-in{width: 75%;margin: 0 auto;}
    .home-blk-lft small{font-size: 26px;}
    .home-blk-lft span{margin:-39px 0 0 121px !important;width: 71px !important;font-size: 12px;}
    .cooking-lft h6{font-size: 14px;}
    .cooking-out{margin: -53px 0 0 0;}
    .pankage-in{background: url('../images/stack-img.png')no-repeat bottom right ;height: 637px;}
    

}