@media only screen and (min-width:768px) and (max-width:991px) {
img{max-width:100%; height:auto;}

.herobanner h1, .herobanner h2{ font-size:30px; line-height:36px; margin-bottom:15px; }
.popularcate-section h2{ font-size:38px; line-height:45px; }
.productsale-section h2{font-size:38px; line-height:45px; }
.productsale-cont{ padding:10px; min-height:230px; }
.productsale-cont h2{ font-size:18px; line-height:23px; }
.welcome-section h1, .welcome-section h2{ font-size:30px; line-height:35px; }
.welcome-section p{ font-size:15px; line-height:23px; }
.welcome-section{ padding:25px 0px; }
.latestblog-section{padding:25px 0px;}
.latestblog-section h2{font-size:30px; line-height:35px;}
.subscribe-block h2{ font-size:20px; line-height:25px; }
.productslider-next{ right:15px!important; }
.productslider-prev{ left:15px!important; }
.seller-btn{ font-size:12px; line-height:normal; text-align:center; padding:10px 0px; }
.footerlogo{ left:33.5%; z-index:999; }

/*==============blog-section start==========*/
.blog-section{ padding-top:20px; padding-bottom:20px; }
.blog-section .titelsec h2{ font-size:30px; line-height:34px; margin-bottom:10px; }
.blog-sectiontext-right .searchsec input[type="text"]{ width:75%; }
.blog-sectiontext-left .boxsec .textsec h3{ font-size:20px; line-height:normal; }
.blog-sectiontext-left .boxsec{ padding:10px; }

/*============contact-section start================*/
.contact-section{ padding-top:20px; padding-bottom:20px; }
.contact-section .titelsec h2{ font-size:40px; line-height:44px; }
.contact-section-topright{ margin-top:20px; }
.contact-section-topleft01{ width:100%; }




}

@media only screen and (min-width:480px) and (max-width:767px) {
img{max-width:100%; height:auto;}
.sitelogo{width:auto; width:70%; margin:0px;}
#cssmenu{text-align:left; position:static;}
#cssmenu ul{top:42px;}
#cssmenu > ul > li{margin:0px;}
#cssmenu > ul > li > a{padding:0px 10px; font-size:15px; line-height:36px;}
#cssmenu ul.open{z-index:999; position:absolute !important; top:42px; left:0px; right:0px; width:auto; padding-bottom:0px;}
#cssmenu ul.open ul.open{position:static; padding:0 3%; top:36px;}
#cssmenu > ul.open > li:hover > a{color:#000;}
#cssmenu > ul > li:last-child{float:none; text-align:left;}
#cssmenu > ul > li:last-child > a{padding-right:15px;}
#cssmenu > ul > li > a::after{display:none;}
#cssmenu > ul > li:hover > a::after{display:none;}
#cssmenu > ul > li.active > a::after{display:none;}
#cssmenu > ul.open > li > a:hover{color:#3ba5d0;}
#cssmenu ul.open li{position:relative !important; padding:0px}
#cssmenu > ul.open > li > a{padding:0px 15px;}
#cssmenu #menu-button{padding:0px; width:38px; height:34px; float:right; top:0px; background:#fff; margin-top: 0px!important;}
#cssmenu #menu-button::before{top:10px; right:9px; background:#000;}
#cssmenu #menu-button::after{top:16px; right:9px; height:8px; border-color:#000;}
#cssmenu #menu-button.menu-opened::before{top:17px; right:11px; background:#000;}
#cssmenu #menu-button.menu-opened::after{top:17px; right:11px; background:#000;}
.cbp-af-header{overflow: initial;}
.cbp-af-header.cbp-af-header-shrink .header{padding:10px 0px;}
.cbp-af-header.cbp-af-header-shrink .header-right{padding:0px 0 0 0px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu > ul > li > a{padding:0px 10px; font-size:13px;}
.cbp-af-header.cbp-af-header-shrink .sitelogo{margin-bottom:0px;}
.cbp-af-header.cbp-af-header-shrink .header-cart{margin:5px 0 0 0px; padding:0px 20px 0 0;}
.cbp-af-header.cbp-af-header-shrink .header-cart ul li{margin:0px 4px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu ul{top:53px;}
.cbp-af-header.cbp-af-header-shrink{ position:static; }

.menu-panel{position:relative; padding:10px 0px;}
.home-header-text{ background:#404a3d; position:relative; top:0px; transform:none!important; }
.banner-border-box-middle h1{ font-size:28px; line-height:32px; margin-top:0px; }
.three-button-row::before{ background:none;}
.banner-border-box-middle h2{ font-size: 13px; line-height:18px; }
.second-btn, .third-btn, .first-btn{ margin-top:0px; font-size:12px;}
.countdown-row h2{ font-size:48px;}
.get-involve h2{ font-size:32px;}
.involve-box{ position:relative; width:100%; bottom:0px; left:0px; margin-bottom:30px;}
.get-involve{ padding:50px 0px 50px;}
.show-blog h2{ font-size:42px;}
.blog-card-box:first-child{ width:100%;}
.blog-card-box{ width:100%; float:none;}
.footer-panel h5{ margin-top:40px;}
.welcome-section h2{ font-size:32px;}
.banner-border-box-top::after, .banner-border-box-middle::after{ display:none;}

#countdown{ display:table; width:100%; margin:0px auto;}

.banner-border-box-top::before{ display:none;}
.banner-logo img{ max-width:80px;}
.banner-border-box-bottom::before{ display:none;}
#countdown ul li span{ font-size:40px;}
.all-welcome-img .second-img{ bottom:0px;}

}

@media only screen and (min-width:320px) and (max-width:479px){
img{max-width:100%; height:auto;}
.sitelogo{width:auto; width:70%; margin:0px;}
#cssmenu{text-align:left; position:static;}
#cssmenu ul{top:42px;}
#cssmenu > ul > li{margin:0px;}
#cssmenu > ul > li > a{padding:0px 10px; font-size:15px; line-height:36px;}
#cssmenu ul.open{z-index:999; position:absolute !important; top:42px; left:0px; right:0px; width:auto; padding-bottom:0px;}
#cssmenu ul.open ul.open{position:static; padding:0 3%; top:36px;}
#cssmenu > ul.open > li:hover > a{color:#000;}
#cssmenu > ul > li:last-child{float:none; text-align:left;}
#cssmenu > ul > li:last-child > a{padding-right:15px;}
#cssmenu > ul > li > a::after{display:none;}
#cssmenu > ul > li:hover > a::after{display:none;}
#cssmenu > ul > li.active > a::after{display:none;}
#cssmenu > ul.open > li > a:hover{color:#3ba5d0;}
#cssmenu ul.open li{position:relative !important; padding:0px}
#cssmenu > ul.open > li > a{padding:0px 15px;}
#cssmenu #menu-button{padding:0px; width:38px; height:34px; float:right; top:0px; background:#fff; margin-top: 0px!important;}
#cssmenu #menu-button::before{top:10px; right:9px; background:#000;}
#cssmenu #menu-button::after{top:16px; right:9px; height:8px; border-color:#000;}
#cssmenu #menu-button.menu-opened::before{top:17px; right:11px; background:#000;}
#cssmenu #menu-button.menu-opened::after{top:17px; right:11px; background:#000;}
.cbp-af-header{overflow: initial;}
.cbp-af-header.cbp-af-header-shrink .header{padding:10px 0px;}
.cbp-af-header.cbp-af-header-shrink .header-right{padding:0px 0 0 0px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu > ul > li > a{padding:0px 10px; font-size:13px;}
.cbp-af-header.cbp-af-header-shrink .sitelogo{margin-bottom:0px;}
.cbp-af-header.cbp-af-header-shrink .header-cart{margin:5px 0 0 0px; padding:0px 20px 0 0;}
.cbp-af-header.cbp-af-header-shrink .header-cart ul li{margin:0px 4px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu ul{top:53px;}
.cbp-af-header.cbp-af-header-shrink{ position:static; }

.menu-panel{position:relative; padding:10px 0px;}
.home-header-text{ background:#404a3d; position:relative; top:0px; transform:none!important; }
.banner-border-box-middle h1{ font-size:28px; line-height:32px; margin-top:0px; }
.three-button-row::before{ background:none;}
.banner-border-box-middle h2{ font-size: 13px; line-height:18px; }
.second-btn, .third-btn, .first-btn{ margin-top:0px; font-size:12px;}
.countdown-row h2{ font-size:48px;}
.get-involve h2{ font-size:32px;}
.involve-box{ position:relative; width:100%; bottom:0px; left:0px; margin-bottom:30px; padding:10px;}
.get-involve{ padding:50px 0px 50px;}
.show-blog h2{ font-size:42px;}
.blog-card-box:first-child{ width:100%;}
.blog-card-box{ width:100%; float:none;}
.footer-panel h5{ margin-top:40px;}
.welcome-section h2{ font-size:32px;}
.banner-border-box-top::after, .banner-border-box-middle::after{ display:none;}

#countdown{ display:table; width:100%; margin:0px auto;}

.banner-border-box-top::before{ display:none;}
.banner-logo img{ max-width:80px;}
.banner-border-box-bottom::before{ display:none;}
#countdown ul li span{ font-size:40px;}
.all-welcome-img .second-img{ bottom:0px;}


	.innercontent{ padding:30px 0px;}	
	.standbooking-section h2{ font-size:20px; line-height:23px;} 
 	.standbooking-sectionbbox-left{ width:100%; float:none; text-align:left;}
	.standbooking-sectionbbox-right{ width:100%; float:none;}
	.standRequirements-sec-left{ width:100%; float:none; text-align:left;}
	.standRequirements-sec-right{ width:100%; float:none;}
	.standbooking-section01{ padding:10px;}
	.standbooking-section h4{ font-size:17px; line-height:20px;}
	
	
}