@media only screen and (min-width:1201px) and (max-width:1300px) {
.charqueen-header-navbar .nav-link {font-size: 13px;width: 120px;padding-left:0!important;padding-right:0!important;}
.banner-inner-info h1 {font-size: 82.56px;line-height: 83px;}
.banner-inner-info h1 span {font-size: 16px;line-height: 62px;}
.banner-inner-info p {font-size: 14px;line-height: 62px;}
	.navigation-main-outer li a {

	margin:0;}
}

@media only screen and (min-width:992px) and (max-width:1200px) {
	.charqueen-header-logo img{width:136px;}
.charqueen-header-navbar .nav-link {font-size: 11px;width: 103px;padding-left:0!important;padding-right:0!important;height: 40px;line-height: 25px;}
.banner-inner-info h1 {font-size: 62.56px;line-height: 66px;}
.banner-inner-info h1 span {font-size: 14px;line-height: 45px;}
.banner-inner-info p {font-size: 13px;line-height: 42px;}
.banner-inner-info a { width: 147px; font-size: 13px;border: 2px solid; height: 47px;
line-height: 43px;}
.charqueen-more-info-outer { padding: 50px 0 100px;}
.charqueen-more-info-inner h2 { font-size: 38px;line-height: 74px;}
.charqueen-more-info1 { padding: 20px 21px;}
.charqueen-more-info p {font-size: 16px;line-height: 25px;}
.info_btn a {width: 247px; line-height: 45px;height: auto;font-size: 15px;}
.porch_barbeque span {width: 305px;font-size: 14px;line-height: 35px;}
.charqueen-barbeque-inner h2 { font-size: 52px; line-height: 65px;}
.charqueen-barbeque-inner p { font-size: 17px;line-height: 49px;}
.buy_btn a {width: 169px;line-height: 43px;height: auto;}
.charcoal_outer { padding: 100px 0;}
.charcoal_inner_left h2 {font-size: 38px;line-height: 46px;}
.charcoal_inner_left p {font-size: 15px;line-height: 24px;}
.process_Charqueen span { width: 140px!important;}
.process_inner_left {padding: 0 35px 0 120px;}
.process_inner_right ul li { font-size: 14px;  line-height: 31px;}
.offer_inner_right h2 { margin: 15px 0 10px; line-height: 45px;font-size: 40px;}
.offer_inner_right p {margin: 15px 0 12px; line-height: 26px;font-size: 15px;}
.contact_inner h3 {font-size: 47px;line-height: 48px;margin-bottom: 33px;}
.contact_inner span a {font-size: 26px; line-height: 47px;}

.navigation-main-outer li a {
    padding: 10px 9px;
    text-decoration: none;
font-size: 15px;
margin:0;}
}
@media (min-width:768px) and (max-width:991px)
{
	.navigation-main-outer li a {
    padding: 8px;
    text-decoration: none;
    font-size: 13px;
	margin:0;}
.charcoal_inner { padding: 0 50px;}
.charqueen-barbeque-inner { padding: 0px 17%;}
.charqueen-more-info1 img{width:100px;}
.charqueen-header-logo{    width: 136px;}
.navbar-light .navbar-toggler-icon { filter: brightness(0) invert(1);}
.navbar-light .navbar-toggler { border-color: #fff;}
.charqueen-header-navbar {display: flex; justify-content: right;    width: 80%;}
.banner-inner-info h1 {font-size: 62.56px;line-height: 66px;}
.banner-inner-info h1 span {font-size: 14px;line-height: 45px;}
.banner-inner-info p {font-size: 12px;line-height: 40px;}
.banner-inner-info a { width: 147px; font-size: 13px;border: 2px solid; height: auto;
line-height: 39px;}
.charqueen-more-info-outer {     padding: 30px 0 60px;}
.charqueen-more-info-inner h2 { font-size: 38px;line-height: 74px;}
.charqueen-more-info1 { padding: 15px;}
.charqueen-more-info p {font-size: 15px;line-height: 26px;}
.info_btn a {width: 247px; line-height: 45px;height: auto;font-size: 15px;}
.porch_barbeque span {width: 305px;font-size: 14px;line-height: 35px;}
.charqueen-barbeque-inner h2 { font-size: 48px; line-height: 61px;}
.charqueen-barbeque-inner p { font-size: 14px;line-height: 38px;}
.buy_btn a {width: 169px;line-height: 43px;height: auto;}
.charcoal_outer { padding: 100px 0;}
.charcoal_inner_left h2 {font-size: 32px;line-height: 43px;}
.charcoal_inner_left p {font-size: 13px;line-height: 23px;}
.process_Charqueen span { width: 140px!important;}
.process_inner_left {padding: 0;}
.process_inner_right ul li { font-size: 13px;  line-height: 31px;}
.offer_inner_right h2 { margin: 15px 0 10px; line-height: 37px;font-size: 32px;}
.offer_inner_right p {margin: 15px 0 12px; line-height: 24px;font-size: 14px;}
.contact_inner h3 {font-size: 41px;line-height: 48px;margin-bottom: 33px;}
.contact_inner span a {font-size: 26px; line-height: 47px;}
.info_btn a {width: 200px;line-height: 45px;font-size: 14px;}
.process_inner_right {padding-left: 45px;}
.process_inner_right ul li img { margin-right: 6px; width: 18px;}
.footer_inner img{width:112px;}
 .charqueen-header-navbar .nav-link { text-align: left;  }
 .charqueen-header-navbar .nav-link:hover { text-align: center!important;  }
 .charqueen-header-navbar .active {text-align: center!important;}
 .navbar-collapse{
background: rgb(82, 55, 29);
    border-radius: 10px;
opacity: 0.9;}
.navbar-collapse ul{
padding:15px;}
/*toogle*/
.navbar-collapse{
position: absolute;
    top: 55px;
right: 0px;}
.navbar-light .navbar-toggler {
    border-color: #dbaf3a;
    background-color: #dbaf3a;
}
}

@media (min-width:640px) and (max-width:767px)
{.navbar-light .navbar-toggler {
    border-color: #dbaf3a;
    background-color: #dbaf3a;
}
.navigation-main-outer button.navbar-toggle {
	position: absolute;
	right: 15%;
top: 40%;}
	.navbar-collapse{
position: absolute;
    top: 55px;
right: 0px;}
	
.info_btn {margin: 10px 0;}
.charqueen-more-info-inner h2 span img {margin-top: 0;}
.charcoal_inner { padding: 0;}
.charqueen-barbeque-inner { padding: 0;}
.charqueen-more-info1 img{width:100px;}
.charqueen-header-logo{    width: 136px;}
.navbar-light .navbar-toggler-icon { filter: brightness(0) invert(1);}
.navbar-light .navbar-toggler { border-color: #fff;}
.charqueen-header-navbar {display: flex; justify-content: right;}
.banner-inner-info h1 {font-size: 62.56px;line-height: 66px;}
.banner-inner-info h1 span {font-size: 14px;line-height: 45px;}
.banner-inner-info p {font-size: 12px;line-height: 40px;}
.banner-inner-info a { width: 147px; font-size: 13px;border: 2px solid; height: auto;
line-height: 39px;}
.charqueen-more-info-outer {     padding: 30px 0 60px;}
.charqueen-more-info-inner h2 { font-size: 32px;line-height: 50px;}
.charqueen-more-info1 { padding: 0;}
.charqueen-more-info p {font-size: 13px;line-height: 22px;}
.info_btn a {width: 247px; line-height: 45px;height: auto;font-size: 15px;}
.porch_barbeque span {width: 305px;font-size: 14px;line-height: 35px;}
.charqueen-barbeque-inner h2 { font-size: 48px; line-height: 61px;}
.charqueen-barbeque-inner p { font-size: 14px;line-height: 38px;}
.buy_btn a {width: 143px;line-height: 39px;height: auto;}
.charcoal_outer { padding: 100px 0;}
.charcoal_inner_left h2 {font-size: 28px;line-height: 36Px;}
.charcoal_inner_left p {font-size: 13px;line-height: 19px; margin-bottom:10px;}
.process_Charqueen span { width: 140px!important;}
.process_inner_left {padding: 0;}
.process_inner_right ul li { font-size: 12px;  line-height: 28px;}
.offer_inner_right h2 { margin: 15px 0 10px; line-height: 32px;font-size: 27px;}
.offer_inner_right p {margin: 15px 0 12px; line-height: 21px;font-size: 13px;}
.contact_inner h3 {font-size: 36px;line-height: 48px;margin-bottom: 21px;}
.contact_inner span a {font-size: 26px; line-height: 47px;}
.info_btn a {width: 186px;line-height: 42px;font-size: 13px;}
.process_inner_right {padding-left: 45px;}
.process_inner_right ul li img { margin-right: 6px; width: 18px;}
.footer_inner img{width:112px;}
 .charqueen-header-navbar .nav-link { text-align: left;  }
 .charqueen-header-navbar .nav-link:hover { text-align: center!important;  }
 .charqueen-header-navbar .active {text-align: center!important;}
 .offer_inner_right { padding-left: 20px;}
 .offer_inner_left { padding-left: 20px;}
 .navbar-collapse{
background: rgb(82, 55, 29);
    border-radius: 10px;
opacity: 0.9;}
.navbar-collapse ul{
padding:15px;}
}
@media (max-width:575px)
{
	.navigation-main-outer button.navbar-toggle {
	
	right: 12px!important;
	top: 40%;
}
}
@media (min-width:480px) and (max-width:639px)
{
	.navigation-main-outer button.navbar-toggle {
	position: absolute;
	right: auto;
top: 40%;}
	
	.navbar-light .navbar-toggler {
    border-color: #dbaf3a;
    background-color: #dbaf3a;
}
	.navbar-collapse{
position: absolute;
    top: 55px;
right: 0px;}
.info_btn {margin: 40px 0 10px;text-align:center;}
.charqueen-more-info-inner h2 span img {margin-top: 0;}
.charcoal_inner { padding: 0;}
.charqueen-barbeque-inner { padding: 0;}
.charqueen-more-info1 img{width:100px;}
.charqueen-header-logo{    width: 136px;}
.navbar-light .navbar-toggler-icon { filter: brightness(0) invert(1);}
.navbar-light .navbar-toggler { border-color: #fff;}
.charqueen-header-navbar {display: flex; justify-content: right;}
.banner-inner-info h1 {font-size: 62.56px;line-height: 66px;}
.banner-inner-info h1 span {font-size: 14px;line-height: 45px;}
.banner-inner-info p {font-size: 12px;line-height: 40px;}
.banner-inner-info a { width: 147px; font-size: 13px;border: 2px solid; height: auto;
line-height: 39px;}
.offer_inner {flex-direction: column;}
.charqueen-more-info-outer {     padding: 30px 0 60px;}
.charqueen-more-info-inner h2 { font-size: 32px;line-height: 50px;}
.charqueen-more-info1 { padding: 0;text-align: center;width: 100%;float: left;}
.charqueen-more-info p {font-size: 13px;line-height: 22px;}
.info_btn a {width: 247px; line-height: 45px;height: auto;font-size: 15px;}
.porch_barbeque span {width: 270px;font-size: 13px;line-height: 35px;}
.charqueen-barbeque-inner h2 { font-size: 36px; line-height: 50px;}
.charqueen-barbeque-inner p { font-size: 12px;line-height: 31px;}
.charcoal_inner_left {text-align: center; padding: 20px 15px;}
.buy_btn a {width: 143px;line-height: 39px;height: auto;}
.charcoal_outer { padding: 50px 0;}
.charcoal_inner_left h2 {font-size: 28px;line-height: 36Px;}
.charcoal_inner_left p {font-size: 14px;line-height: 19px; margin-bottom:12px;}
.process_Charqueen span { width: 140px!important;}
.process_inner_left {padding: 0;}
.process_inner_right ul li { font-size: 13px;  line-height: 28px;}
.offer_inner_right h2 { margin: 15px 0 10px; line-height: 32px;font-size: 27px;}
.offer_inner_right p {margin: 15px 0 12px; line-height: 21px;font-size: 13px;}
.contact_inner h3 {font-size: 36px;line-height: 48px;margin-bottom: 21px;}
.contact_inner span a {font-size: 26px; line-height: 47px;}
.info_btn a {width: 186px;line-height: 42px;font-size: 12px;}
.process_inner_right {padding: 0;    margin-top: 82px;}
.process_inner_right ul li img { margin-right: 6px; width: 18px;}
.footer_inner img{width:112px;}
 .charqueen-header-navbar .nav-link { text-align: left;  }
 .charqueen-header-navbar .nav-link:hover { text-align: center!important;  }
 .charqueen-header-navbar .active {text-align: center!important;}
 .offer_inner_right { padding-left: 20px;}
 .offer_inner_left { padding: 20px 0}
 .charqueen-more-info { display: inline;}
 .contact_outer {padding: 70px 0;}
 .process_outer:before {
    content: "";
    position: absolute;
    width: 100%;
    background: url(../images/process_right_bg.png);
    right: 0;
    height: 54%;
    bottom: 0;
	top:auto;
}
.navbar-collapse{
background: rgb(82, 55, 29);
    border-radius: 10px;
opacity: 0.9;}
.navbar-collapse ul{
padding:15px;
width:300px;}
}

@media (max-width:479px)
{
	
	.navbar-collapse{
position: absolute;
    top: 55px;
right: 0px;}
.info_btn {margin: 40px 0 10px;text-align:center;}
.charqueen-more-info-inner h2 span img {margin-top: 0;}
.charcoal_inner { padding: 0;}
.charqueen-barbeque-inner { padding: 0;}
.charqueen-more-info1 img{width:100px;}
.charqueen-header-logo img{    width: 100px;}
.navbar-light .navbar-toggler-icon { filter: brightness(0) invert(1);}
.navbar-light .navbar-toggler { border-color: #dbaf3a;background-color: #dbaf3a;}
.charqueen-header-navbar {display: flex; justify-content: right;}
.banner-inner-info h1 {font-size: 41px;line-height: 46px;}
.banner-inner-info h1 span {font-size: 14px;line-height: 45px;}
.banner-inner-info p {font-size: 11px;line-height: 40px;}
.banner-inner-info a { width: 120px; font-size: 12px;border: 2px solid; height: auto;
line-height: 39px;}
.offer_inner {flex-direction: column;}
.charqueen-more-info-outer {     padding: 30px 0 60px;}
.charqueen-more-info-inner h2 { font-size: 32px;line-height: 50px;}
.charqueen-more-info1 { padding: 0;text-align: center;width: 100%;float: left;}
.charqueen-more-info p {font-size: 13px;line-height: 22px;}
.info_btn a {width: 247px; line-height: 45px;height: auto;font-size: 15px;}
.porch_barbeque span {width: 270px;font-size: 13px;line-height: 35px;}
.charqueen-barbeque-inner h2 { font-size: 30px; line-height: 38px;}
.charqueen-barbeque-inner p { font-size: 12px;line-height: 31px;}
.charcoal_inner_left {text-align: center; padding: 20px 15px;}
.buy_btn a {width: 143px;line-height: 39px;height: auto;}
.charcoal_outer { padding: 50px 0;}
.charcoal_inner_left h2 {font-size: 28px;line-height: 36Px;}
.charcoal_inner_left p {font-size: 12px;line-height: 19px; margin-bottom:12px;}
.process_Charqueen span { width: 140px!important;}
.process_inner_left {padding: 0;}
.process_inner_right ul li { font-size: 12px;  line-height: 28px;}
.offer_inner_right h2 { margin: 15px 0 10px; line-height: 32px;font-size: 27px;}
.offer_inner_right p {margin: 15px 0 12px; line-height: 21px;font-size: 12px;}
.contact_inner h3 {font-size: 36px;line-height: 48px;margin-bottom: 21px;}
.contact_inner span a {font-size: 23px; line-height: 47px;}
..contact_inner span {font-size:15px;}
.footer_inner span {font-size: 12px;}
.info_btn a {width: 186px;line-height: 42px;font-size: 12px;}
.process_inner_right {padding: 0;    margin-top: 82px;}
.process_inner_right ul li img { margin-right: 6px; width: 18px;}
.footer_inner img{width:112px;}
 .charqueen-header-navbar .nav-link { text-align: left;font-size:13px;  }

 .charqueen-header-navbar .active {background:transparent!important;color:#fff!important;}
 .offer_inner_right { padding-left: 20px;}
 .offer_inner_left { padding: 20px 0}
 .charqueen-more-info { display: inline;}
 .contact_outer {padding: 70px 0;}
 .process_outer:before {
    content: "";
    position: absolute;
    width: 100%;
    background: url(../images/process_right_bg.png);
    right: 0;
    height: 54%;
    bottom: 0;
	top:auto;
}
.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
     display:block!important;
}
.navbar-collapse{
background: rgb(82, 55, 29);
    border-radius: 10px;
opacity: 0.9;}
.navbar-collapse ul{
padding:15px;width: 300px;}
 .charqueen-header-navbar .nav-link:hover {  background:transparent!important;color:#dbaf3a!important; }
 
}
@media (min-width:320px) and (max-width:767px){
.navbar-collapse ul{
padding:15px;width: 300px;}
 .charqueen-header-navbar .nav-link:hover {  text-align:left!important;background:transparent!important;color:#dbaf3a!important; }
 .charqueen-header-navbar .active { text-align:left!important; background:transparent!important;color:#fff!important; }
	 }
	 @media (max-width:767px)
{
.pushmenu-push {display: none;}

.navigation-main-outer button.navbar-toggle {
	position: absolute;

	z-index: 99;
	margin: 0;
	padding: 0;
	cursor: pointer;
	display: block !important;
	background: none !important;
	border: 0px;
	outline: none;
	left: auto;
	z-index:999999;
}
.navigation-main-outer button.navbar-toggle .icon-bar {
	display: block;
	width: 30px;
	height: 5px;
	border-radius: 1px;
	background: #dbaf3a;
	margin: 0 0 5px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.nav-open .navigation-main-outer button.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 4px;
}
.nav-open .navigation-main-outer button.navbar-toggle .icon-bar:nth-child(1) {
	transform: rotate(45deg);
	-webkit-transform: rotate(44deg);
	left: 0px;
	position: relative;
	top: 7px;
}
.nav-open .navigation-main-outer button.navbar-toggle .icon-bar:nth-child(3) {
	transform: rotate(45deg);
	-webkit-transform: rotate(134deg);
	left: 0px;
	position: relative;
	top: -3px;
}
.nav-open .navigation-main-outer button.navbar-toggle .icon-bar:nth-child(2) {
	display: none;
}
.nav-open .navigation-main-outer button.navbar-toggle .icon-bar {
	background: #fff;
}
 .pushmenu-push {
	position: fixed;
	width: 300px;
	height: 100vh;
	overflow:auto;
	background: #52371d;
	top: 0;
	display: block;
	padding: 110px 20px 80px;
	z-index: 9999;
	transition: .3s all ease;
	-webkit-transition: .3s all ease;
	right: -450px;	
}

.nav-open .pushmenu-push{right:0;}
.nav_barul {float: left;width:100%;margin: 30px 0 0;}
.navigation-main-outer li {float: left;width: 100%;margin: 0 0 10px;}
.navigation-main-outer li a {float: left;text-align: left;width: 100%;font-size:17px;line-height:20px;margin: 0 0 5px;	color: #fff;}
}