@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: -41px!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; }
.bannerlogo{ position:static; text-align:center; transform:translateX(0%); -o-transform:translateX(0%); 
-moz-transform:translateX(0%); -webkit-transform:translateX(0%);  }
.banner-caption{position:static; left:0px; top:40%; transform:translateY(0%); -o-transform:translateY(0%);
 -moz-transform:translateY(0%); -webkit-transform:translateY(0%); width:100%; z-index:5; background:#000; padding:15px;}
.bx-controls{ top:2%; }
.bx-pager-item a{ width:20px; height:20px; font-size:12px; line-height:20px; }
.herobanner h1, .herobanner h2{ font-size:22px; line-height:26px; }
.sitesearch{ width:100%; }
.sitesearch input[type="text"], .sitesearch input[type="search"]{ padding:0px 8px; }
.sitesearch input[type="submit"]{ position:static; width:100%; padding:15px 0px; }
.popularcate-section{padding:20px 0px;}
.popularcate-section h2{ font-size:32px; line-height:38px; }
.productsale-section{padding:20px 0px;}
.productsale-section h2{font-size:19px; line-height:26px;}
.productslider-next{ right:15px!important; }
.productslider-prev{ left:15px!important; }
.welcome-section{padding:20px 0px;}
.welcome-section h1, .welcome-section h2{ font-size:30px; line-height:34px; }
.welcome-section p{ font-size:15px; line-height:25px; }
.latestblog-section{ padding-top:20px; padding-bottom:20px; }
.latestblog-section h2{ font-size:30px; line-height:35px; }
.sponsorslogo-section ul{ display:block; }
.sponsorslogo-section ul li{ width:45%; border-right:none;  }
.footer{ background:#004584; padding:15px 0px; }
.footerlogo{position:static; left:0%; top:0%; transform:translateY(0%); -o-transform:translateY(0%); 
-moz-transform:translateY(0%); -webkit-transform:translateY(0%); width:100%; text-align:center; margin-bottom:20px;}
.subscribe-block{ max-width:100%; text-align:center; }
.subscribe-block h5{ font-size:17px; }
.subscribe-block h2{ font-size:25px; line-height:32px; }
.footermenu{ margin-top:25px; }
.navigation{ text-align:left; float:right; }
.latestblog-section h3{ font-size:20px; line-height:24px; }
.latestblog-section p{ font-size:13px; line-height:22px; }
.header-right{padding:8px 0 0 0px; text-align:center;}

/*==============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-left .boxsec{ width:100%; float:none; margin:0px auto 20px auto; }
.blog-sectiontext-left .boxsec .textsec h3{ font-size:22px; line-height:normal; }

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


}

@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: -41px!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; }
.bannerlogo{ position:static; text-align:center; transform:translateX(0%); -o-transform:translateX(0%); 
-moz-transform:translateX(0%); -webkit-transform:translateX(0%);  }
.banner-caption{position:static; left:0px; top:40%; transform:translateY(0%); -o-transform:translateY(0%);
 -moz-transform:translateY(0%); -webkit-transform:translateY(0%); width:100%; z-index:5; background:#000; padding:15px;}
 .bx-controls{ top:2%; }
 .bx-pager-item a{ width:20px; height:20px; font-size:12px; line-height:20px; }
 .herobanner h1, .herobanner h2{ font-size:22px; line-height:26px; }
.sitesearch{ width:100%; }
.sitesearch input[type="text"], .sitesearch input[type="search"]{ padding:0px 8px; }
.sitesearch input[type="submit"]{ position:static; width:100%; padding:15px 0px; }
.popularcate-section{padding:20px 0px;}
.popularcate-section h2{ font-size:32px; line-height:38px; }
.productsale-section{padding:20px 0px;}
.productsale-section h2{font-size:19px; line-height:26px;}
.productslider-next{ right:15px!important; }
.productslider-prev{ left:15px!important; }
.welcome-section{padding:20px 0px;}
.welcome-section h1, .welcome-section h2{ font-size:30px; line-height:34px; }
.welcome-section p{ font-size:15px; line-height:25px; }
.latestblog-section{ padding-top:20px; padding-bottom:20px; }
.latestblog-section h2{ font-size:30px; line-height:35px; }
.sponsorslogo-section ul{ display:block; }
.sponsorslogo-section ul li{ width:45%; border-right:none;  }
.footer{ background:#004584; padding:15px 0px; }
.footerlogo{position:static; left:0%; top:0%; transform:translateY(0%); -o-transform:translateY(0%); 
-moz-transform:translateY(0%); -webkit-transform:translateY(0%); width:100%; text-align:center; margin-bottom:20px;}
.subscribe-block{ max-width:100%; text-align:center; }
.subscribe-block h5{ font-size:17px; }
.subscribe-block h2{ font-size:25px; line-height:32px; }
.footermenu{ margin-top:25px; }
.navigation{ text-align:left; float:right; }
.latestblog-section h3{ font-size:20px; line-height:24px; }
.latestblog-section p{ font-size:13px; line-height:22px; }
.header-right{padding:8px 0 0 0px; text-align:center;}

/*==============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-left .boxsec{ width:100%; float:none; margin:0px auto 20px auto; }
.blog-sectiontext-left .boxsec .textsec h3{ font-size:22px; line-height:normal; }

/*============contact-section start================*/
.contact-section{ padding-top:20px; padding-bottom:20px; }
.contact-section .titelsec h2{ font-size:30px; line-height:34px; }
.contact-section-topright{ margin-top:20px; }
.contact-section-topleft01{ width:100%; }
	
.innercontent ul{ margin-left:0px!important;}
	
	
/*===========6.01.2022============*/
.product-template-default .container .type-product{ width:100%; display:block!important;}
.innercontent{ padding-top:30px!important; padding-bottom:30px!important;}
.product-template-default .container .summary label{ font-size:11px; line-height:22px;}

}