@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');

@media only screen and (max-width:1025px) {
.inner_banner img, .para_container, .product-section .catalog-product-img img {
height:auto
}
.main { margin:0; padding:0; width:auto }

.imagePart { min-height:auto }
.btn_search_cont { width:50% }
.next11, .next12, .prev11, .prev12 { bottom:300px }
.btn_icon a { padding:0 50px }
.best-seller-title::after, .category-title::after { background-image:none }
.cataloge-product-page-area>.col-md-12 { padding-left:15px; padding-right:15px }
}

@media only screen and (max-width:801px) {
#slider, .ban2, .banner_cont, .mobile_cont, .para_bg, .right_ban_cont, .right_banner, .welcome, .showcase, .about_img, .categ_section, .para_img, .para_img1, .para_img2, .footer_pro, .para_icon, .para_icon1, .mddl_para, .comp_fact, .static_prod1, .prod_categ, .logo1, .para_box_Left,  .fact_box, .social_icons, .para_area_img, .prod_bg1, .prod_bg2, .prod_bg3, .top_email, .vision_img, .static_para, .company_vision::after, .fact, .get_quote_btn, .small_para_img {display:none}
	.main_nav { margin: 0; }
	.small_para_txt {width: auto; float: none; margin: 0;}
	.banner-area {width: auto; float: none;}
	.header_strip {margin: 0;}
	.fixed-header.headerFixed {position: relative;}
	.header_right {	margin: 10px 0 0;	}
	.lang_main { z-index: 9999;}
	.logo {margin:0 0 10px; float: left;}
	#search {margin: 0;}
	#search {width: 77%; float: left;}
	.content_panel {padding: 0 20px;}
	.content_area { padding:40px 20px 0; margin: 0; }
	.para_flex {display: block;}
	.search_main { float: right; margin:5px 10px 0 0; z-index: 999; }
	.go_icon {height: 37px; width: 37px;}
	.search_main form {top: 37px;}
	.para_txt_area, .para_txt_area1, .para_txt_area2 { width:auto; float:none; margin:0; padding:0; }
.matterPart, .matterPart1 { margin: 10px 2%; float: none; display: inline-block;}	
.key_per_btn_cont, .para, .proName2, .product-section .catalog-product-img img { height:auto }
.search_cont { width:100% }
.ban1, .mpp_right, .nav, .para, .swiper2, .para_box_matter, .para_box_matter1, .small_txt_area, .para_box_Right, .para_area, .form_txt_area, .form_area, .vision_area, .para_box1 { width:auto; float:none }
.para_box, .para_box1  { text-align: center;}
.para_box h3, .para_box1 h3 {text-align: center;}
.vision_area {margin: 0;}
.vision_panel {padding: 40px 20px 0;}
	.flex {  display: block;}
	.form_txt_area {margin: 0; padding:0 20px;}
	.form_pannel {background: none; padding: 0 0 40px;}
	.mid_para {  margin: 10px 0 0;}
	.content_bottom {margin: 0;}
.para_box_matter, .para_box_matter1 { text-align:justify; }
.para_box_matter h3 { text-align:left; }
.default_title_txt1 {padding: 0;}
.send_inq { float:none;  text-align:center; background:0 0!important }
.header { padding:10px 15px; position:relative; margin: 0; width: auto; }
.content_wrapper { padding:30px 20px; }
.small_para {padding: 40px 20px 0;}

.home_txt_inn {width: auto; padding: 40px 20px;}
.form_area_panel {padding: 40px 20px; }
.para_area_panel {background: none; padding: 40px 20px;}
.form_left, .form_inn {margin: 0 0 20px;width: auto;float: none;}
.form_inn {padding: 20px;}
.form_area_panel {bottom: 0;}
.static_txt {padding: 0 0 15px;}
.para_heading {padding: 0;}
.hotProducts, .homeProducts {padding: 40px 20px;}
.contact_main_cont, .footer_link li, .quick_services { float:none; width:auto; margin:15px 0 0; }
.home_txt_area  {width: auto; float: none; margin: 0;}
.btn_icon a { padding:0 5px }
.trust_stamp { margin:0; float:none; padding:10px 0; width:auto; text-align:center }
.social_left_cont { margin:0 auto; float:none; width:auto; padding:10px 0 0 }
.cont_left_cont, .key_per_btn_cont { padding:0 0 10px; background:0 0; width:auto }
.cont_left_cont { float:none }
.key_per_btn_cont { float:none }
.inner_btn_cont { padding:0; float:none }
.para_box, .left_para, .mid_para, .right_para {width: auto; float: none; }
.lead_col_cont, .social_stmp_cont, .welcome, .add_area, .footer_para, .add_area ul, .add_box ul, .left_prod, .showcase_area { width:auto; float:none }
.left_prod {padding: 0;}
.inner_btn_cont { width:auto; margin:0 }
.footer { padding:40px 20px; }
.contact_detail { background:none; padding:0; border: 0; }
.inner_btn_cont a { float:none; width:auto; margin:50px 0 0 }
.container { width:100% }
.footer_punchline { padding:40px 20px; }
.punchline_title { padding:0; }
.best-seller-title::after, .category-title::after { background-image:none }
.cataloge-product-page-area>.col-md-12 { padding-left:15px; padding-right:15px }
.contact_detail, .co_name_small, .contact, .footer_link, .add_box h3, .left_prod, .left_prod h3 { text-align:center; }
.viewAll {margin: 25px auto 0;}
.contact_detail::after { right:0; margin:0 auto; }
.co_name_small::after { right: 0; margin: 0 auto; }
	.form_area_inn {margin: 0; padding: 0; width: auto; float: none;}
.company_vision h1 {padding: 0;}
.company_vision {margin: 0;}
	.header::before, .header::after, .company_vision h1::before, .company_vision h1::after {display: none;}
.address_area, .extra_cont { width:auto; float:none; margin: 0; }
.footer_key { width:auto; float:none; margin:15px 0 0; }
.footer_key ul, .extra_cont ul { width:auto; float:none; }
.extra_cont { margin:0; }
.add_icon, .footer_strip { display:none; }
	.add_box {width: auto; float: none;}
	.co_name_small {border: 0; }

}
@media only screen and (max-width:769px) {
.search_cont { margin:10px 0 }

.shortDisc { height:auto }
.cont_head, .price, .proName { text-align:center; }
.category, .category-ccontainer, .default_title2, .homeProducts_inner, .left_cont, .left_main_cont, .static_send_inq, .trade_lead_main_con, .view_more, .static_prod, .company_growth, .form_left {display:none;}
.btn_icon a { padding:0 8px }

.footer_link li a { padding:0 10px }
.product_big_img_container img { width:auto }
.imagePart { float:none; width:100% }
.cont_head { margin:0 }
.shortDisc { overflow:visible }
.category a, .category a:hover {
background:0 0!important;
padding:24px 18px!important
}
.buy { position:relative;  top:auto; left:auto; float:none!important; opacity:1; transition:.25s; -webkit-transition:.25s }
.imagePart2 { background:0 0 }
.imagePart2 img { opacity:1; width:auto; -webkit-transform:none; transform:none }
.buy { opacity:1; top:auto; transition:none; -webkit-transition:none; margin-top:10px!important }
.second_ul { width:30% }
.sb-slidebar { top:2.5% }
}
@media (max-width:768px) {
.logo_cont {width: 50%;}	
.left_area, .top_trust { display:none; }
.right_prod { width:auto; float:none; }

	.static_img_panel {padding: 0 15px;}
.buy1, .remove-button, .wishlist-button { position:static }
.search-inquiry-right { float:none; padding:0 0 20px }
.form-left-area { width:100%; padding:0 2% }
.form-icon { display:none }
.btn-continue, .product-section .btn-inquiry { padding:10px 12px }
share-button { width:100% }
.addto-Favorites { margin:0 0 20px; width:100% }
.padding-none { padding:0; text-align:left }
.shopping-cart-bg .login-box-area, .shopping-cart-bg .register-here { width:70% }
.shopping-cart-bg .register-page-link ul li { padding:15px }
.right_container { padding-right:20px }
.product-section .catalog-button-area { margin-bottom:36px }
.share-button { float:none; text-align:center }
.laun_converter { padding:0 0 5px; float:none; margin:0 auto 20px; display:none; }

.btn-inquiry-grid a { padding:4px 12px }
.sb-navbar .sb-toggle-left { padding:10px 0 0 }
figure.effect-bubba { width:auto; margin:10px 0 }
.buy1 { left:15%; opacity:1 }
.contact_btn { width:auto }
.nav-container { padding:4px 0 }
.buy_now a { border-radius:0 }
.re_matterPart:hover .re_imagePart img {
opacity:10;
width:100%;
-webkit-transform:none;
transform:none
}
}
@media all and (max-width:641px) {
	.logo img {   max-width: 100%;}
	.logo_cont { width:auto; float: none;}
	.company_vision h2, .default_title, .para_area h2, .rotate_heading, .home_txt_area h2 {font-size: 32px;}
		.header_strip { padding:10px 10px 5px; }


.marquee_txt { display:none; }
.punchline_title h2 { font-size:28px; }
.punchline_area {padding: 40px 20px;}
.punchline_left, .punchline_right {width: auto; float: none;}
.punchline_right {padding: 40px 0 0;}
	.header_right { margin: 0; float: none;}
	.video_area { margin:-20px 0 0; }
	.social_punchline {padding: 17px; display: none;}
	.social_follow_txt {display: none;}
	.static_img_left, .static_img_mid, .static_img_right {width: auto; float: none;}
	.static_img_mid { margin: 10px 0; }
	.add_area ul { width:auto;; float:none; }
	
.head_strip {text-align: center;}
	.head_link, .head_link1 {margin: 0 0 10px; display:none;}	

.para_box {  }
.mdle_para { margin: 10px 0;}
.para_area_txt { margin:0 0 20px; }
	.flex-control-paging li a {}
.pdp-right .prod-info, .selected -prod .s-p-item .slidepro { width:auto }
.pdp-left>div>div, .swiper-slide img { height:auto!important }
.add-product-section, .zoomContainer { display:none }
.best_seller_banner, .swiper-container-seller, .swiper_mpp { float:none; width:auto }
.pdp-left, .pdp-right { width:100% }
.swiper_mpp { margin:30px 0 0 }
.product-name-heading { padding:20px 0 0 }
.cataloge-product-page-area .col-md-4 { padding-left:20px; padding-right:20px }
.pdp-left { margin-right:0 }
.summary { position:static!important; overflow:visible }
.continue-button { padding:0 }
.position-abslute { position:static }
.shopping-cart-bg .address-left { margin:0 0 20px }
.buy-now {  width:auto!important }
.share-button { width:100% }
.tab-container-amount { clear:both; float:none; width:100% }
.contact-details-left, .tab-container { width:100% }
.ti-services-right { width:100%; float:left }
.contact-form-supplier-bg {
padding:30px
}
.select-country-area {
width:100%;
text-align:center
}
.continue-shopping {
float:none;
margin:20px 0
}
.contact-address-section {
font-size:15px;
text-align:center;
width:100%;
margin:0 0 25px
}
.company-profile-left, .company-profile-right, .contact-form-section, .product-image-right img {
width:100%
}
.fix-send-inquiry-responsive {
display:block
}
.inquiry-button-bottom { display:none; }

.search_cont_m {
display:block!important
}
}
@media only screen and (max-width:500px) {
.grid figure, .hot_deal, .re_matterPart { float:none; width:auto }
.shopping-cart-product-box_img img, .vision_txt { height:auto }
.contact_btn { font-size:1.8rem }
.re_matterPart { margin:1% 0 }
.grid figure { margin:10px 0 }
.hot_deal_imgs { right:-10px; top:-10px}
.footer_link li { display:inline-grid }
.top_bar { border-bottom:0 }
.swiper_mpp { margin:30px 0 50px }
.best_seller_container { padding:0; margin:0 0 20px }
.hot_bg, .hot_pro_cont { width:auto; height:auto }
.jm-item { width:auto; margin:3% 0 }
.swiper-pagination { left:35% }
.btn_icon { padding:0 }
.btn_icon a { width:100%; float:left; padding:20px 0 }
.ban1, .scrollToTop, .swiper-button-next2, .swiper-button-prev2 { display:none!important }
.btn_cont {  float:none; width:auto }
.para1 { text-align:left }
#chc-search-input { width:78% }
.search_cont { width:100%; }
.vision_txt { margin:20px 0 }
.second_ul { width:56% }
.contentArea, .imagePart { width:auto; float:none }
.btn_cont a { display:block; margin:35px 0 0; float:left; padding:0 10px }
.footer_cont h2, .quick_inquiry h1 {  padding:0 }
.add-cart-right { width:30px; margin:0 auto; float:none }
.col-xs-6 { width:100% }
.cataloge-product-page-area .col-md-4 { padding-left:0!important; padding-right:0 }
.breadcrumb, .product-section .breadcrumb { font-size:14px; display:none }
.cataloge-product-page-area>.col-md-12 { padding-left:0; padding-right:0 }
.shopping-cart-bg .login-box-area, .shopping-cart-bg .register-here { width:90% }
.shopping-cart-matter .col-xs-7 { width:30% }
.shopping-cart-matter .col-xs-1 { width:20% }
.shopping-cart-matter .col-xs-2 { width:25% }
.remove-button-area, .shopping-cart-product-box_img, .shopping-cart-product-box_img_txt { width:100% }
.shopping-cart-product-box_img_txt { padding:0 0 10px }
.shopping-cart-product-box, .shopping-cart-product-title { font-size:14px }
.contact-supplier-img { width:22% }
.security-code-input { width:66% }
.inquiry-form-img { padding:0 } 
#cboxContent, #cboxLoadedContent, #cboxmain {
width:100%!important
}
#colorbox {
width:86%!important;
left:50%!important;
margin-left:-43%!important
}
}
@media (max-width:480px) {
	.phone {float: left; display: none;}
	.form_area li {margin: 6px 0; width: 99%;}
	
	.para_title {font-size: 34px;}
	.content_title p { font-size:24px; line-height:28px; }
	.static_categ img {max-width: 47%;}
.default_title1 { font-size:25px; }
.para_txt_area h2, .para_txt_area1 h2, .para_txt_area2 h2,  .group_website_heading, .small_para_txt h2 { font-size:35px; }
.form_title { font-size:28px; }
.top_right { float:none; text-align: center;}	
.co_name { padding:5px 0; width:auto; float:none; text-align:center }	
	.proName { font-size:15px; }

.proName a { height:70px; }
.imagePart1 img {height: auto;}	

	
}
@media (max-width:400px) {
	.logo {width: 50%;}
.matterPart, .matterPart1 {width: 98%; float: none; margin: 10px 0;}
}
@media (max-width:360px) {

	.logo img {	max-width: 100%;	}

	.social_punchline {padding: 5px;}
	.proName { height: auto;}
	.matterPart {width: 98%; float: none; margin: 10px 0;}	
	
.all-bank-input, .btn-continue, .btn-continue-shopping, .contact-form-bg dd, .contact-form-bg dt, .form-section-left, .left_container, .right_container { width:100% }
.selected-product .pull-right {
float:none!important;
margin:10px 0 0;
display:inline-block
}
.shopping-cart-bg .register-page-link ul {
padding:0
}
.shopping-cart-bg .register-page-link ul li {
font-size:15px
}
.continue-button, .continue-shopping {
float:none
}
.select-country-input {
margin:10px 0 0;
width:100%
}
.all-bank-input {
margin-left:0
}
.all-bank {
text-align:left
}

}

@media (max-width:320px) {
	.lang_main { display:none; }
.video_area { margin:-20px 0 0 -20px; }
}
@media(max-width:480px) {
.sb-slidebar { width:70% }

@media(min-width:481px) {
.sb-slidebar { width:55% }
}
@media(min-width:768px) {
.sb-slidebar {
width:40%
}
}
@media(min-width:992px) {
.sb-slidebar { width:30% }
}
@media(min-width:1200px) {
.sb-slidebar { width:20% }
}
@media (max-width:768px) {
.nav { display:none }
.hilight, .menu-links { display:block!important }
}


@media all and (max-width: 801px) {
#cssmenu > ul > li.has-sub:hover > a:before, #cssmenu ul ul li.has-sub:hover > a:before { display:none;}	
#cssmenu{width:auto; max-width:300px; z-index:99; background:#f80e28; float:none; position:absolute; right:15px; margin:5px 0 0; padding: 0; border: 0;}
#cssmenu ul{width: 100%; min-width:300px; display: none; background:#f80e28;}
#cssmenu.align-center > ul {text-align: left;}
#cssmenu ul li{width: 100%; border-top: 1px solid rgba(120, 120, 120, 0.2);}
#cssmenu ul ul li,#cssmenu li:hover > ul > li {height: auto;}
#cssmenu ul li a, #cssmenu ul ul li a {width: 100%; border-bottom: 0; padding:15px 25px; color:#fff;}
#cssmenu > ul > li {float: none; background:none;}
#cssmenu > ul > li:hover > a{color:#000 !important;}
#cssmenu ul ul li a {padding-left: 25px;}
#cssmenu ul ul ul li a {padding-left: 35px;}	
#cssmenu ul ul,
#cssmenu ul ul ul,
#cssmenu.align-right ul ul{position: relative; left: 0; width: 100%; margin: 0; text-align: left;}
#cssmenu > ul > li.has-sub > a:after,
#cssmenu > ul > li.has-sub > a:before,
#cssmenu ul ul > li.has-sub > a:after,
#cssmenu ul ul > li.has-sub > a:before {display: none;}
#cssmenu ul ul li a {background: none;}
#cssmenu #menu-button{display: block; padding:12px 17px 20px 35px; cursor: pointer; font-size: 0px; text-transform: uppercase; font-weight: 700;}
#cssmenu #menu-button:after{position: absolute; top:16px; right: 17px; display: block; height: 8px; width: 20px; content: '';}
#cssmenu #menu-button:before {position: absolute; top:10px; right: 17px; display: block; height: 2px; width: 20px; content: '';}
#cssmenu #menu-button.menu-opened:after {top: 23px; border: 0; height: 2px; width: 15px; -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#cssmenu #menu-button.menu-opened:before{top: 23px;  width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#cssmenu .submenu-button {position: absolute; z-index: 99; right: 0; top: 0; display: block; height: 46px; width: 46px; cursor: pointer;} 
#cssmenu ul ul .submenu-button {height: 34px; width: 34px;}
#cssmenu .submenu-button:after{position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; content: ''; background:#fff;}
#cssmenu ul ul .submenu-button:after {top: 15px; right: 13px;}
#cssmenu .submenu-button:before{position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; content: ''; background:#fff;}
#cssmenu ul ul .submenu-button:before {top: 12px; right: 16px;}
#cssmenu .submenu-button.submenu-opened:before {display: none;}
}