/*========================================================
	Responsive CSS for Big Bo`s Grill 2021
=========================================================*/
/*========================================================
										General
=========================================================*/
/*========================================================
										Mobile Menu
=========================================================*/
@media only screen  and (max-width: 1023px){

	.smobitrigger,
	.mnuclose {
		display: inline-block;
	}
	.smobitrigger {
	color: transparent;
	width: 30%;
		margin: 0 auto;
	}
	.smobitrigger {
		background: url("../images/menuopen.png") center top 15px no-repeat;
        background-size: 50px 50px;
		width: 40px;
		height: 82px;
	}
	.mnuclose {
		background: url('../images/menuclose.png') right top no-repeat;
		color: transparent;
		height: 60px;
		margin: 0 0 10px 0;
		width: 100%;
		text-align: right;
		display: inline-block;
	}
	.menu  ul {
		padding: 0 20px 10px 20px;
		overflow-y: auto;
		margin: 0 auto;
	}
	.menu ul li.mlinks,
	.menu ul li.extrLinks {
		text-align: left;
		width: 100%;
        border-bottom: 1px solid #f1f1f1;
	}
	.menu ul li.extrLinks{
		display: inline-block;
	}
	.menu ul li.mlinks a,
	.menu ul li.extrLinks a {
		font-size: 18px;
		line-height: 50px;
		text-transform: uppercase;
		width: 100%;
		display: inline-block;
        height: 50px;
	}
	.menu ul li.extrLinks a {
		text-align: center;
		font-weight: 600;
	}
    .menu ul li.mlinks a:hover,
		.menu ul li.extrLinks a:hover {
        color: #fff!important;
    }
	.menu ul li.mlogo {
			margin: 20px auto 0 auto;
			height: auto;
			display: inline-block;
        width: 100%;
        text-align: center;
	}
	.menu ul li.mlogo  img {
		width: 200px;
    margin: 0 auto 30px auto;
	}
	.menu ul li.mphone {
		display: inline-block;
        text-align: center;
		width: 100%;
		padding-bottom: 30px;
        margin: 0 auto;
        color: #777;
	}
	.menu ul li.mphone a {
		font-size: 32px;
	}
	.menu ul li.maddress,
    .menu ul li.mhours {
		display: inline-block;
        text-align: center;
		font-size: 20px;
		line-height: 1.5;
		text-transform: capitalize;
		margin: 40px auto 20px auto;
		width: 100%;
		display: inline-block;
		 color: #777;
	}
	.menu ul li.mhours{
		font-size: 18px;
	}
	.menu ul li.maddress span,
  .menu ul li.mhours span{
			display: block;
	}
	.menu ul li.mhours span{
		font-weight: 700;
	}
    .menu ul li.mhours  {
        margin: 0 auto 20px;
    }
	.menu ul li.msocial {
		display: inline-block;
		margin-top: 35px;
		text-align: center;
		width: 100%;
	}
    .menu ul li.msocial a:before {
   display: inline-block;
   padding: 10px 5px 0 5px;
   vertical-align: middle;
   font-weight: 900;
    font-size: 24px;
color: #A4AAB3;
}
.fooSocial ul li a {
    display: inline-block;
    width: 64px;
    height: 54px;
}
.menu ul li.msocial a.fbicon:before {
    font-family: "FontAwesome";
   content: "\f09a";
}
.menu ul li.msocial a.fbicon:hover {
    background: #395996;
    color: #fff;
}
.menu ul li.msocial a.twiticon:before {
    font-family: "FontAwesome";
   content: "\f099";
}
.menu ul li.msocial a.twiticon:hover {
    background: #4099fd;
    color: #fff;
}
.menu ul li.msocial a.gplusicon:before {
    font-family: "FontAwesome";
   content: "\f0d5";
}
.menu ul li.msocial a.gplusicon:hover {
    background: #da4c38;
    color: #fff;
}
.menu ul li.msocial a.instaicon:before {
    font-family: "FontAwesome";
   content: "\f16d";
}
.menu ul li.msocial a.instaicon:hover {
    background: #6b4b3a;
    color: #fff;
}

		.mobimenu {
			padding: 0;
			margin: 0px;
			width: 19.9375em;
			position: fixed;
			height: 100%!important;
			top: 0px;
			left: -24.625em;
	 }
	.mnuopn {
		left: 0px !important;
	}
	.ovrActv {
		position: fixed;
		background: rgba(0, 0, 0, 0.79);
		width: 100%;
		height: 100%;
		z-index: 9998;
			-webkit-transition: 0.5s;
			-moz-transition: 0.5s;
			-ms-transition: 0.5s;
			-o-transition: 0.5s;
		transition: 0.5s;
	}
.topWrap {
        position: static;
    }
}

/*========================================================
										0- 1023
=========================================================*/
@media only screen and (max-width: 1023px) {
    .mainFrame {
        width: 100%;
    }
    .pageiSize {
        width: 100%;
    }
    .pageSize {
        width: 90%;
    }
    .bannerTop {
        background-attachment: scroll;
    }
    .logoBox img {
        width: 118px;
				margin-top: 2px;
    }
    .navFrame {
            position: static;
        height: 73px;
        background: #A41116;
    }
    .logoBox {
        width: 50%;
        padding-left: 5px;
    }
    .navBox {
        width: 50%;
        height: auto;
    }
    .locMob,
    .phoneMob {
        display: inline-block;
        width: 32%;
    }
    nav {
        width: 32%;
    }
    .navW {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 73px;
        width: 100%;
    }
    .locMob img,
    .phoneMob img{
        width: 35px;
    }
    .menu {
        height: auto;
        padding-right: 5px;
    }
    .telTop,
    .adrTop {
        display: none;
    }
    .companyData {
        width: 100%;
        height: auto;
    }


}


/*========================================================
										0 - 767
=========================================================*/
@media only screen and (max-width: 767px) {
.belowbb {
        font-size: 30px;
    }
    .belowbb span,
    .belowBpp p {
        font-size: 16px;
    }
    .belowBpp {
        width: 80%;
    }
    .belowBbg {
        padding: 0 0 50px;
    }
    .belowBBox img {
        width: 90%;
    }
    .belowBWrap {
        flex-direction: column;
    }
    .belowBBox {
        width: 100%;
    }
}

/*========================================================
										0 - 479
=========================================================*/
@media only screen and (max-width: 479px) {
	body {
		font-size: 16px;
	}
   .parBox {
        padding-top: 60px;
    }
		.logoBox img {
			width: 110px;
			margin-top: 2px;
		}
    .innerwrapper {
        width: 90%;
    }
    .innerwrapper img {
        width: 235px;
    }
    .banSec {
        height: auto;
    }
    .banSec h1 {
        font-size: 38px;
        padding-bottom: 0;
        line-height: 1.2;
    }
    .banSec p {
        font-size: 28px;
        line-height: 40px;
    }
    .btnIndex {
        font-size: 16px;
        padding: 10px 20px;
        margin-top: 20px;
    }
    .bannerTop {
			  background: url(../images/bannerMob.jpg) center center no-repeat;
			  background-size: cover;
        height: 600px;
    }
    .boxes3 {
        width: 288px;
        float: none;
        margin: 0 auto 20px;
        height: auto;
    }
    .boxes3Wrap {
        margin: 20px auto;
        display: inline-block;
        height: auto;
    }
    .box3cont h2 {
        font-size: 28px;
    }
    .belowContent {
        height: 1440px;
    }
    .summerContent {
        height: 680px;
    }
    .belowStemp h3 {
        font-size: 28px;
    }
    .belowStempB p {
        padding: 0 20px 20px 20px;
        font-size: 21px;
    }
    .adventBox,
    .summerBox {
        width: 90%;
    }
    .adventBox h3,
    .summerBox h3 {
        font-size: 36px;
    }
    .adventL, .adventR {
        width: 100%;
        float: none;
    }
    .advenContent {
        height: 560px;
    }
    .summerR img {
        width: 280px;
    }
    .summerL, .summerR {
        width: 100%;
        float: none;
    }
    .summerR {
        text-align: center;
    }
    .summerR img {
        margin-top: 20px;
    }
    .smokeyContent {
        height: 780px;
    }
    .adventBox p {
        width: 100%;

    }
    .flogo img {
        width: 280px;
    }
    .floc {
        width: 100%;
        float: none;
        padding: 20px 0;
    }
    .fphone {
        font-size: 28px;
    }
    .fadr {
        font-size: 18px;
    }
    .fhours {
        font-size: 16px;
    }
    .fadr span {
        display: block;
    }
    .footer ul li {
        display: block;
        padding: 10px 0;
    }
    .prodContent {
        padding-top: 35px;
    }
    .prodsWrap {
        padding: 20px 10px;
    }
    .contactPage {
        padding: 0 0 20px 0;
    }
    ul li.dishcat a {
        font-size: 24px;
    }
    .prodbgb {
        margin-bottom: 20px;
				margin-top: 20px;
    }
    .menuWrap h1 {
        padding-bottom: 20px;
        font-size: 30px;
    }
		.item {
			width: 70%;
			float: left;
			font-size: 21px;
			text-align: left;
			padding: 10px 0 0 0;
		}
		.price {
			width: 30%;
			float: left;
			font-size: 24px;
			padding: 5px 0 0 0;
			font-weight: 600;
			text-align: right;
		}
    .descrip {
        width: 100%;
        font-size: 18px;
        display: inline-block;
        padding-top: 10px;
    }
    .menuWrap h1 ~ p,
		.menuWrap h2 ~ p {
        font-size: 16px;
    }
		.menuWrap h1 ~ p span,
		.menuWrap h2 ~ p span{
			display: block;
		}
    .aboutPage {
        padding: 10px;
    }
    .infoAdress h1 {
        font-size: 32px;
    }
    .cloc {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .clocWrap {
        margin: 20px auto;
    }
    .contForm {
        padding-top: 0;
    }
    .contAdr, .contWHours {
        font-size: 18px;
    }
    .contAdr span {
        display: block;
    }
    .contTel a {
        font-size: 24px;
    }
    .formHalfWrapper {
        display: inline-block;
        width: 100%;
        padding-top: 20px;
    }
    .stoneFormHalf {
        width: 100%;
        float: none;
        padding: 0 0 10px 0;
    }
    .stoneForm input[type="text"] {
        font-size: 16px;
        width: 100%;
        margin: 0 auto;
        height: 50px;
    }
    .stoneFormFull input[type="submit"] {
        padding: 10px 20px;
        height: 50px;
            margin: 10px auto 10px!important;
    }
    p.sendUsMes {
        font-size: 21px;
    }
    .stoneFormFull textarea {
        margin: 0 auto 10px;
    }
    form.stoneForm {
        margin: 0 auto;
    }
    .menuItemDesc {
        width: 100%;
        margin: 0 auto 25px;
    }
    .prodBottom p {
        font-size: 16px;
        margin: 0 auto;
    }
    .item span {
        font-size: 17px;
    }
     .centeringSticky {
        width: 100%;
    }
    .stickyFooter {
        padding: 15px 0;
    }
    .innerStickyFooter a p {
        font-size: 30px;
    }
    .fooCont {
        margin: 0 auto 20px;
    }
    .fcopy {
        margin-bottom: 60px;
    }
    .fcopy span {
        display: block;
    }
    .infoAdress img {
        width: 270px;
    }
    .contWHours span {
        display: block;
    }
    .belowBtn {
        padding: 20px;
    }
		.menuWrap h2 {
				font-size: 30px;
		}
		.item a img {
			width: 22px;
			margin-left: 6px;
		}
		/******* about 479 ******/
		.aboutPage h1,
		.aboutPage h2{
			font-size: 30px;
		}
		.aboutPage h1 span{
			display: block;
		}
}
/*========================================================
										480 - 767
=========================================================*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body {
		font-size: 16px;
	}
    .logoBox {
        width: 60%;
    }
    .navBox {
        width: 40%;
    }
    .parBox {
        padding-top: 100px;
    }
    .innerwrapper {
        width: 90%;
    }
    .innerwrapper img {
        width: 250px;
    }
    .banSec {
        height: auto;
    }
    .banSec h1 {
        font-size: 50px;
        padding-bottom: 0;
        line-height: 1.2;
    }
    .banSec p {
        font-size: 36px;
        line-height: 40px;
    }
    .btnIndex {
        font-size: 16px;
        padding: 10px 20px;
        margin-top: 20px;
    }
    .bannerTop {
			background: url(../images/bannerMob.jpg) center center no-repeat;
			background-size: cover;
        height: 760px;
    }
    .boxes3 {
        width: 432px;
        float: none;
        margin: 0 auto 20px;
    }
    .boxes3Wrap {
        margin: 20px auto;
        display: inline-block;
        height: auto;
    }
    .belowContent {
        height: 1960px;
    }
    .summerContent {
        height: 530px;
    }
    .adventBox,
    .summerBox {
        width: 90%;
    }
    .adventBox h3,
    .summerBox h3 {
        font-size: 48px;
    }
    .adventL, .adventR {
        width: 100%;
        float: none;
    }
    .advenContent {
        height: 560px;
    }
    .summerL, .summerR {
        width: 100%;
        float: none;
    }
    .summerR img {
        margin-top: 20px;
    }
    .smokeyContent {
        height: 700px;
    }
    .flogo img {
        width: 250px;
    }
    .floc {
        width: 100%;
        float: none;
        padding: 20px 0;
    }
    .fphone {
        font-size: 28px;
    }
    .fadr,
    .fhours {
        font-size: 18px;
    }
    .footer ul li {
        display: block;
        padding: 10px 0;
    }
    .prodContent {
        padding-top: 60px;
    }
    .prodsWrap {
        padding: 20px;
    }
    .contactPage {
        padding: 0 0 20px 0;
    }
    ul li.dishcat a {
        font-size: 24px;
    }
    .prodbgb {
        margin-bottom: 20px;
    }
    .menuWrap h1 {
        padding-bottom: 20px;
        font-size: 32px;
    }
    .menuItemDesc {
        width: 100%;
        margin: 0 auto 20px;
    }
    .item {
        width: 69%;
        font-size: 21px;
        padding: 10px 0 0 5px;
    }
    .price {
        width: 31%;
        font-size: 24px;
        padding: 5px 5px 0 0;
        text-align: right;
    }
		.item a img {
			margin-left: 5px;
		}
    .descrip {
        width: 100%;
        font-size: 18px;
        display: inline-block;
        padding-top: 10px;
    }
    .infoAdress h1 {
        font-size: 32px;
    }
    .cloc {
        width: 100%;
        float: none;
    }
    .clocWrap {
        margin: 20px auto;
    }
    .contAdr, .contWHours {
        font-size: 18px;
    }
    .contAdr span {
        display: block;
    }
    .contTel a {
        font-size: 24px;
    }
    .formHalfWrapper {
        display: inline-block;
        width: 100%;
        padding-top: 20px;
    }
    .stoneFormHalf {
        width: 100%;
        float: none;
        padding: 0 0 10px 0;
    }
    .stoneForm input[type="text"] {
        font-size: 16px;
        width: 100%;
        margin: 0 auto;
        height: 50px;
    }
    .stoneFormFull input[type="submit"] {
        padding: 10px 20px;
        height: 50px;
            margin: 10px auto 10px!important;
    }
    .prodBottom p {
        font-size: 16px;
    }
     .centeringSticky {
        width: 90%;
    }
    .stickyFooter {
        padding: 15px 0;
    }
    .innerStickyFooter a p {
        font-size: 36px;
    }
    .fooCont {
        margin: 0 auto 70px;
    }
    .fcopy {
        margin-bottom: 60px;
    }
    .fcopy span {
        display: block;
    }
    .belowStemp h3 {
        font-size: 42px;
    }
    .item span {
        font-size: 16px;
    }
    .infoAdress img {
        width: 280px;
    }
    .menuWrap h1 ~ p,
		.menuWrap h2 ~ p {
        font-size: 16px;
    }
		.menuWrap h2 {
				font-size: 32px;
		}
		/******* about 480 ******/
		.aboutPage h1,
		.aboutPage h2{
			font-size: 32px;
		}
		.aboutPage h1 span{
			display: block;
		}
}
/*========================================================
										1024 -
=========================================================*/
@media only screen and (min-width: 1024px) {
	.menu ul {
		background: none!important;
	}
	ul.mobimenu li.mlinks a {
		color: #fff!important;
	}

}
/*========================================================
										768 - 1023
=========================================================*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	body {
		font-size: 16px;
	}
    .logoBox {
        width: 70%;
    }
    .navBox {
        width: 30%;
    }
    .pageiSize {
        width: 100%;
    }
    .pageSize {
        width: 90%;
    }
    .parBox {
        padding-top: 30px;
    }
    .innerwrapper img {
        width: 240px;
        margin-top: 20px;
    }
    .banSec h1 {
        line-height: 100px;
        font-size: 68px;
        padding-bottom: 0;
    }
    .banSec p {
        line-height: 60px;
        line-height: 60px;
        padding-bottom: 20px;
    }
    .btnIndex {
        font-size: 16px;
        padding: 10px 20px;
    }
    .banSec {
        height: auto;
    }
    .banSec p {
        font-size: 36px;
    }
    .bannerTop {
        height: 720px;
    }
    .box3cont h2 span {
        font-size: .7em;
    }
    .box3cont h2 {
        font-size: 22px;
    }
    .boxes3Wrap {
        margin: 30px auto;
    }
    .belowContent {
        height: 860px;
    }
    .belowStemp h3 {
        font-size: 42px;
    }
    .adventBox h3,
    .summerBox h3 {
        font-size: 42px;
    }
    .summerBox,
    .adventBox {
        width: 100%;
    }
    .summerR img {
        width: 90%;
    }
    .summerContent {
        height: 520px;
    }
    .advenContent {
        height: 560px;
    }
    .smokeyContent {
        height: 640px;
    }
    .flogo img {
        width: 250px;
    }
    .fphone {
        font-size: 28px;
    }
    .fadr {
        font-size: 16px;
    }
    .fhours {
        font-size: 14px;
    }
    .btnFoo {
        font-size: 14px;
    }
    .prodContent {
        padding-top: 60px;
    }
    .companyData {
        height: 133px;
        width: 100%;
        padding: 0 20px;
    }
    .prodsWrap {
        padding: 20px 60px;
    }
    .contactPage {
        padding: 0 0 20px 0;
    }
    ul li.dishcat a {
        font-size: 24px;
    }
    .prodbgb {
        margin-bottom: 35px;
    }
    .menuWrap h1 {
        padding: 20px 0;
        font-size: 42px;
    }
    .menuItemDesc {
        width: 100%;
        margin: 0 auto 15px;
    }
    .item {
        font-size: 18px;
        width: 75%;
    }
    .price {
        font-size: 21px;
        width: 25%;
    }
    .menuWrap h1 ~ p,
		.menuWrap h2 ~ p {
        font-size: 16px;
    }
    .descrip {
        font-size: 16px;
    }
    .aboutPage p {
        font-size: 18px;
    }
    .infoAdress h1 {
        font-size: 28px;
        padding: 20px 0;
    }
    .clocWrap {
        margin: 20px auto;
    }
    .contTel a {
        font-size: 24px;
    }
    .contAdr, .contWHours {
        font-size: 16px;
    }
    .contAdr span {
        display: block;
    }
    p.sendUsMes {
        font-size: 24px;
    }
    .stoneForm input[type="text"] {
        font-size: 16px;
    }
    .stoneFormFull input[type="submit"] {
        margin: 10px auto!important;
    }
    .prodBottom p {
        font-size: 16px;
    }
    .prodBgSnacks {
        background-size: cover;
        background-position: left top;
    }
     .centeringSticky {
        width: 90%;
    }
    .stickyFooter {
        padding: 15px 0;
    }
    .fooCont {
        margin: 0 auto 70px;
    }
    .fcopy {
        margin-bottom: 100px;
    }
    .infoAdress img {
        width: 360px;
    }
    .belowBWrap {
        flex-direction: column;
    }
    .belowBBox {
        width: 700px;
        margin: 0 auto;
    }
    .belowbb {
        font-size: 24px;
    }
    .belowbb span,
    .belowBpp p {
        font-size: 16px;
    }
    .belowBpp {
        width: 80%;
    }
    .belowpad {
        padding: 0 0 50px;
    }
    .belowBBox img {
        width: 90%;
    }
    .item span {
        font-size: 16px;
    }
		.menuWrap h2 {
				font-size: 42px;
		}
		/******* about 768 ******/
		.aboutPage h1,
		.aboutPage h2{
			font-size: 42px;
		}
}
/*========================================================
										1024 - 1300
=========================================================*/
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
	body {
		font-size: 18px;
	}
    .pageiSize {
        width: 100%;
    }
    .pageSize {
        width: 90%;
    }
    .logoBox {
        width: 25%;
        padding-left: 20px;
    }
    .navBox {
        width: 75%;
    }
    .logoBox img {
        width: 117px;
        margin-top: 5px;
    }
    .navFrame {
            position: static;
        height: 73px;
    }
    .telTop,
    .adrTop,
    .navBox,
    .menu,
    .menu ul {
        height: 73px;
    }
    .companyData {
        height: 130px;
    }
    .parBox {
        padding-top: 30px;
    }
    .menu ul li.mlinks a {
        font-size: 12px;
        padding: 0 10px;
        line-height: 73px;
    }
    .innerwrapper img {
        width: 300px;
        margin-top: 20px;
    }
    .menuWrap h1 ~ p,
		.menuWrap h2 ~ p {
        font-size: 16px;
    }
    .banSec h1 {
        font-size: 75px;
        line-height: 75px;
        padding-bottom: 20px;
    }
    .banSec {
        height: auto;
    }
    .banSec p {
        font-size: 48px;
        line-height: 48px;
    }
    .btnBann {
        padding-top: 20px;
    }
    .btnIndex {
        padding: 10px 20px;
        font-size: 16px;
    }
    .bannerTop {
        height: 760px;
    }
    .box3cont h2 {
        font-size: 30px;
    }
    .boxes3Wrap {
            margin: 60px auto;
    }
    .belowContent {
        height: 840px;
    }
    .belowStemp h3,
     .adventBox h3,
    .summerBox h3 {
        font-size: 42px;
    }
    .adventL img,
    .summerR img {
        width: 90%;
    }
    .adventBox p,
    .summerL p {
        font-size: 21px;
    }
    .advenContent {
        height: 520px;
    }
    .summerContent {
        height: 480px;
    }
    .smokeyContent {
        height: 580px;
    }
    .prodContent {
        padding-top: 60px;
    }
    .prodsWrap {
        padding: 30px 60px;
    }
    .contactPage {
        padding: 0 30px;
    }
    ul li.dishcat a {
        font-size: 28px;
    }
    .prodbgb {
        margin-bottom: 30px;
    }
    .footer {
        padding: 30px 0 30px 0;
    }
    .flogo img {
        width: 320px;
    }
    .fphone {
        font-size: 28px;
    }
    .fadr {
        font-size: 18px;
    }
    .fhours {
        font-size: 16px;
    }
    .btnFoo {
        font-size: 14px;
    }
    .menuWrap h1 {
        padding: 20px 0;
        font-size: 38px;
    }
    .menuItemDesc {
        margin: 0 auto 20px;
    }
    .lastPar {
        margin-bottom: 0;
    }
    .infoAdress h1 {
        padding-top: 20px;
        font-size: 32px;
    }
    .contWHours {
        font-size: 16px;
    }
    .stoneForm input[type="text"] {
        font-size: 16px;
    }
    .clocWrap {
        margin: 30px auto;
    }
    .item{
        width: 80%;
    }
    .price {
        width: 20%;
    }
    .item,
    .price {
        font-size: 24px;
    }
    .prodBottom p {
        font-size: 16px;
    }
    .prodBgSnacks {
        background-size: cover;
        background-position: left top;
    }
    .telTop {
        padding-left: 20px;
        width: 16%;
    }
    .adrTop {
        padding-right: 20px;

    }
    .companyData {

    }
    .adrTop p {
        font-size: 14px;
    }
    .telTop a {
        font-size: 18px;
    }
    .menu ul {
        text-align: center;
    }
    .centeringSticky {
        width: 90%;
    }
    .stickyFooter {
        padding: 15px 0;
    }
		.infoAdress img {
			max-width: 360px;
		}
    .belowbb {
        font-size: 24px;
    }
    .belowbb span,
    .belowBpp p {
        font-size: 16px;
    }
    .belowBpp {
        width: 80%;
    }
    .belowpad {
        padding: 50px 0 80px;
    }
    .belowBBox img {
        width: 90%;
    }
    .belowBtn {
        font-size: 14px;
    }
    .item span {
        font-size: 16px;
    }
		.menuWrap h2 {
		    font-size: 38px;
		}
		/******* about 768 ******/
		.aboutPage h1,
		.aboutPage h2{
			font-size: 42px;
		}
}

/*========================================================
										1301 - 1919
=========================================================*/
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    body {
		font-size: 21px;
	}
    .pageiSize {
        width: 100%;
    }
    .pageSize {
        width: 90%;
    }
		.navFrame,
		.adrTop,
		.menu ul{
			height: 90px;
		}
		.menu ul li.mlinks a {
			line-height: 90px;
		}
    .logoBox {
        width: 27%;
        padding-left: 20px;
    }
    .navBox {
        width: 73%;
    }
    .logoBox img {
        margin-top: 12px;
        width: 205px;
    }
		.innerStickyFooter a p {
			font-size: 30px;
		}
    .innerwrapper img {
        width: 360px;
    }
    .menu ul {
        text-align: center;
    }
    .menu ul li.mlinks a {
        font-size: 16px;
        padding: 0 12px;
    }
    .banSec h1 {
        font-size: 90px;
        line-height: 90px;
        padding-bottom: 20px;
    }
    .banSec p {
        font-size: 42px;
        line-height: 60px;
    }
    .box3cont h2 {
        font-size: 36px;
    }
    .adventBox h3,
    .summerBox h3 {
        font-size: 50px;
    }
    .adventR {

    }
    .summerL {
        padding-right: 30px;
    }
    .adventBox p,
    .summerL p {
        font-size: 21px;
    }
    .btnIndex {
        font-size: 18px;
    }
    .prodsWrap {
        padding: 30px 60px;
    }
    .contactPage {
        padding: 0;
    }
    .menuWrap h1 {
        padding: 30px 0;
    }
    .infoAdress h1 {
        padding-top: 20px;
    }
     .bannerTop {
        height: 1000px;
    }
    .belowContent {
        height: 1024px;
    }
    .advenContent {
        height: 720px;
    }
    .smokeyContent {
        height: 720px;
    }
    .prodbgb {
        margin-bottom:0;
    }
    .prodBottom p {
        font-size: 16px;
    }
    .prodBgSnacks {
        background-size: cover;
        background-position: left top;
    }
    .telTop {
        padding-left: 20px;
        width: 15%;
    }
    .adrTop {
        padding-right: 20px;

    }
    .adrTop p {
        font-size: 16px;
    }
    .telTop a {
        font-size: 18px;
    }
    .item,
    .price {
        font-size: 24px;
    }
    .stickyFooter {
        padding: 10px 0;
    }
		.prodContent {
			padding-bottom: 60px;
		}
		.infoAdress img {
			max-width: 360px;
		}
    .belowbb {
        font-size: 32px;
    }
    .belowbb span,
    .belowBpp p {
        font-size: 16px;
    }
    .belowBpp {
        width: 80%;
    }
    .belowpad {
        padding: 80px 0;
    }
     .belowBBox img {
        max-width: 400px;
    }
    .belowBtn {
        font-size: 14px;
    }
}

/*========================================================
										1920 - 2559
=========================================================*/
@media only screen and (min-width: 1920px){
	.item a img {
		width: 30px;
	}
}

/*========================================================
										1920 - 2559
=========================================================*/
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .innerwrapper img {
        width: 460px;
        margin-top: 60px;
    }
    .belowContent {
        height: 1000px;
    }
    .telTop {
        padding-left: 20px;
        width: 20%;
    }
    .adrTop p {
        font-size: 18px;
    }
    .navBox {
        width: 72%;
    }
    .logoBox {
        width: 28%;
    }
    .menu ul li.mlinks a {
        font-size: 18px;
    }

}