

@import url('');

@media only screen and (max-width:1024px) {
.main{margin: 0px; padding: 0 30px; width: 100%;}
.logo_cont{width:35%;}
#search-bar{width:400px;}
.search_cont{margin: 0 77px 0px 0;padding: 22px 0px;}	
#cssmenu > ul > li:first-child a { padding: 15px 0;}
.vision-txt h1{padding: 0 50px;}
.matterPart{width: 30%;}
.about-company{font-size: 14px;}
.company-contact-details{width: 38%;}
.left-section{width:44%;float:right;}
 #cssmenu > ul > li > a::after {margin-left: 20px;}
 #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button{margin: 0 5px 0 5px;}
.banner-img img{max-width: 980px;}
.cont_left_cont{width:44%;}
.product-list{width: 21%;}
.product-list ul{height: 255px;}
.video-section{width: 34%;margin-top: 100px;}	
.top-seller .proName{min-height: 63px;}
.top-seller .proName a{font-size:13px;}
.top-seller .sendInquary a{font-size: 14px;}
.btnsArea .tag-price{font-size:15px;}
.banner-img{max-width: 85%;background-size: contain;margin-left: auto;margin-right: auto;}
.right-section-img{max-width: 52%;background-size: contain;}


.container {
	width: 100%;
}
.category-title::after, .best-seller-title::after {
	background-image:none;
}
.product-section .catalog-product-img img {
	height:auto;
}
.cataloge-product-page-area > .col-md-12 {
	padding-left: 15px;
	padding-right: 15px;
}



}
	
@media only screen and (max-width:900px) {

.container {
	width: 100%;
}
#cssmenu{margin: 0 0px 0 6px;}
#cssmenu > ul > li > a{padding: 22px 0px;font-size: 1.5rem;}
.category a{font-size: 16px !important;}	
.category-title::after, .best-seller-title::after {
	background-image:none;
}
.product-section .catalog-product-img img {
	height:auto;
}
.cataloge-product-page-area > .col-md-12 {
	padding-left: 15px;
	padding-right: 15px;
}
	
#search-bar{width: 311px;}	
.img-2{display:none;}
		

.vision-txt h1{font-size:14px;margin:0 0 0 0;}
.terms-section h2, h3{font-size: 25px;}
.default_title p{font-size:15px;}
.right-section-img{width: 51%;}
.left-section{width:39%;margin-right: 46px; }	
.top-seller .matterPart{width:44%;}
.proName a{font-size: 13px;}
.sendInquary a{font-size:14px;}	
.about-company h2{font-size:25px;}
.new-title p{font-size:15px;}
.banner-img img{max-width: 835px;}
	
}

	
	@media only screen and (max-width:768px) {
    .main{margin: 0px; padding: 0 15px; width: 100%; max-width: 768px;}
    .home-btn a, .recent-btn a{padding: 10px 20px;}
    .proName{min-height: 70px;}
    #search-bar{width: 240px;}
		


.category-ccontainer {
	display:none;
}

}

@media only screen and (max-width:800px) {
.main{padding: 0 15px;}
.co_name{font-size:1.9rem;}
.search_cont{margin: 0 30px 0 0;}
#search-bar{width: 303px;margin-top: 11px;}
#cssmenu > ul > li > a {padding: 17px 5px!important;}
.category a{width: 180px;background: url() no-repeat 140px 16px #000!important;font-size:14px;}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button{margin: 0 1px 0 3px;}
#cssmenu > ul > li > a{padding: 17px 15px; font-size: 1.3rem;}
.address{padding: 0px 0px 15px 0px;width: 100%;}
.company-contact-details {width: 100%; margin: 0 0 15px 0;}
.right-section-img{display: none;}
.left-section{padding: 10px 74px;width:100%;margin-right: 0;}
.top-seller .proName a{font-size:16px;}
.top-seller .sendInquary a{font-size:16px;}
.about-company{padding: 55px 0;}
.banner-img img{max-width: 700px;}
.top-selling .swiper-slide .swiper-slide-duplicate{width:180px;}
.cont_left_cont{width:56%;}
.product-list{width:35%;float: right;}
.btn_icon{font-size: 14px;}
.video-section{display: none;}
.footer_cont .right-section{float: right;width: 43%;margin-top: 15px;display: block;}
.trust_stamp_section{padding-left:0px;}	
.banner-img{margin-bottom: -36px;margin-top: -36px;}
.top-seller .matterPart{width: 45%;margin: 10px 2%;}
}


@media only screen and (max-width:768px) {
.main{padding: 0 15px;}
.co_name{font-size:1.9rem;}
.search_cont{margin: 0 30px 0 0;}
#cssmenu > ul > li > a {padding: 17px 5px!important;}
.category a{width: 180px;background: url() no-repeat 140px 16px #000!important;font-size:14px;}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button{margin: 0 1px 0 3px;}
#cssmenu > ul > li > a{padding: 17px 15px; font-size: 1.3rem;}
.address{padding: 0px 0px 15px 0px;width: 100%;}
.company-contact-details {width: 100%; margin: 0 0 15px 0;}
.right-section-img{display: none;}
.left-section{padding: 10px 74px;width:100%;margin-right: 0;}
.top-seller .proName a{font-size:16px;}
.top-seller .sendInquary a{font-size:16px;}
.about-company{padding: 55px 0;}
.banner-img img{max-width: 700px;}
.top-selling .swiper-slide .swiper-slide-duplicate{width:180px;}
.cont_left_cont{width:56%;}
.product-list{width:35%;float: right;}
.btn_icon{font-size: 14px;}
.video-section{display: none;}
.footer_cont .right-section{float: right;width: 43%;margin-top: 15px;display: block;}
.trust_stamp_section{padding-left:0px;}	
.banner-img{margin-bottom: -36px;margin-top: -36px;}
}
 .mpp-product .matterPart{padding: 5px;}

@media all and (max-width: 640px) {
  
	.category a{colo:#fff;}
	.category a:hover{colo:#fff;}
.welcome{font-size:13px;}
	#cssmenu ul ul ul {margin-left: 100%;}
.laun_converter{margin: 8px -5px 0px 0px;}
.co_name{font-size:20px;}
.left-section{padding: 10px 35px;}
.logo img{max-width:65%;}
.add-cart-right{padding: 0px 0px 0px 32px;}
.category a{background: none!important;font-size: 14px !important;text-align: left!important;border: none;}
#a.my-account{border-left:none!important;}
.banner-img img{max-width: 600px;}
.mpp-product .matterPart{margin: 18px 10px 0 30px;width: 40%;}
.top-seller .matterPart{width: 45%;margin: 10px 2%;}
#chc-search-input{    
	width: 80%;
    height: 38px;
    line-height: 20px;
    background: #ffffff;
    border: 0px;
    color: #888888;
    font-size: 12px;
    float: left;
    padding-left: 2px;
    padding-top: 0;
    margin: 5px 0px 0px 4px;
    outline: none;
}
#search-bar{width:222px;}
.search_btn{
position: absolute;
top: -3px;
padding: 15px;
border-radius: 0px 3px 3px 0px;
right: 0px;
max-width: 24%;
}

.nav{background:#000;}
#cssmenu > ul > li > a{color:#fff;}
	
	#cssmenu > ul > li > a::after {content: "";}
	
	

.product-name-heading{ padding:20px 0px 0px 0px;}	
.cataloge-product-page-area .col-md-4 {
	padding-left: 20px;
	padding-right: 20px;
}
.pdp-left {
	margin-right: 0;
	width: 100%;
}
.pdp-right {
	width: 100%;
}
.summary {
	position: static!important;
	overflow:visible;
}
.zoomContainer {
	display:none;
}
.pdp-left> div> div {
	height:auto!important;
}

.continue-shopping {
	float: left;
	margin: 0;
}
.continue-button {
	float: right;
	padding: 0;
}
.continue-button {
	float: none;
}
.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%;
}
.tab-container {
	width: 100%;
}

.contact-details-left{
width:100%;	
}
.ti-services-right{
width:100%;
float:left;		
}
.add-product-section {
display:none;
}
.contact-form-supplier-bg {
    padding: 30px;
}
.select-country-area{
 width: 100%; text-align:center;	
}
.select-country-input-area{
float:none;	
}
.continue-shopping {
    float: none;
    margin: 20px 0;
}
.continue-button {
    float: none;
}



.contact-address-section {
	font-size: 15px;
	text-align: center;
	width: 100%;
	margin:0 0 25px;
}
.contact-form-section {
	width: 100%;
}


.company-profile-right {
	width: 100%;
}
.company-profile-left {
	width: 100%;
}
.product-image-right img {
	width:100%;
}




.fix-send-inquiry-responsive{
display:block;	
}
.fix-send-inquiry{
display:none;
}	
	

	
	
#cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #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;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul li a {
    padding-left: 25px;
	width:auto !important;
  }
  #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: 17px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
  }
	
	#cssmenu #menu-button:after {
    position: absolute;
    top: 19px;
    right: 17px;
    display: block;
    height: 5px;
    width: 20px;
    content: '';
  }
  
   #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    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;
	background:#000000;
  }
  
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    content: '';
  }
  
  #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: '';
  }
  
   #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
  #cssmenu ul ul{ top:0px;}
  #cssmenu li:hover > ul {
  top:0px;
}
}
	

@media only screen and (max-width:500px) {
	.grid figure{ width:96%;}
	.swiper-button-prev, .swiper-button-next, .swiper-button-prev3, .swiper-button-next3{ top:-1%;}
	.cart{ float:none;}
.hot_pro_cont, .hot_bg, .sendInquary{ width:auto; height:auto;}
	.jm-item{ width:auto; margin:3% 0% 3% 0px;}
	.swiper-pagination{ left:35%;}
	.btn_icon{ padding:0px;}
	.btn_icon a{ width:100%; float:left; padding:20px 0px;}
.scrollToTop, .swiper-button-prev2, .swiper-button-next2, .ban1{ display:none !important;}
 .btn_cont{ float:none; width:auto;}
 .search_cont{float:none; width:100%; margin:10px 0px 0px 0px;}
#chc-search-input{ width:auto;}

.second_ul{ width:56%;}
.default_title{ text-align:center; font-size:24px; padding:15px 0;}
.imagePart, .contentArea{ width:auto; float:none;}
.matterPart{ width:100%; margin:15px 0px;}
#bg{ width:70%;}
.btn_cont a{ display:block; margin:35px 0px 0px 0px; float:left; padding:0px 10px;}
.footer_cont h2, .quick_inquiry h1{ padding:0px;}
.co_name{ font-size:20px;}
.laun_converter{ margin:0px auto; float:none;}

	
	
	
	
	.col-xs-6 {
	width:100%;
}
.cataloge-product-page-area .col-md-4 {
	padding-left: 0px !important;
	padding-right: 0;
}
.product-section .breadcrumb, .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 {
	width:90%;
}
.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%;
}
.shopping-cart-product-box_img, .shopping-cart-product-box_img_txt, .remove-button-area {
	width: 100%;
}
.shopping-cart-product-box_img_txt {
	padding: 0 0 10px;
}
.shopping-cart-product-title {
	font-size:14px;
}
.shopping-cart-product-box {
	font-size: 14px;
}
.shopping-cart-product-box_img img {
	height: auto;
}
.contact-supplier-img {
    width: 22%;
}
.security-code-input {
    width: 66%;
}

.inquiry-form-img{
padding:0;	
}

#cboxLoadedContent, #cboxContent, #cboxmain{
width:100%!important;	
}

#colorbox{
width:86%!important;
   left: 50%!important;
    margin-left: -43% !important;
}

	
	


		
		
	}
	
	
@media only screen and (max-width:500px){
	.swiper-button-prev, .swiper-button-next, .swiper-button-prev3, .swiper-button-next3{top: 60%;z-index: 2;}	
}

@media only screen and (max-width:414px){
  .laun_converter{display: none;}	
  .header{text-align: center;}
  .logo_cont{float: none; justify-content: center;}
  .cart {float: right; margin: 0;}
  .search_cont{float: left; width: auto; margin: 0 0 30px 0; padding: 0;}
  .default_title::before{display: none;}
  .swiper-button-prev, .swiper-button-next, .swiper-button-prev3, .swiper-button-next3{top: 4%;}
  .swiper-button-prev{right: 40px;}
  .swiper-button-next{right: 0;}
  .popular-products-section{text-align: center;}
  .right-section-img{width: 100%;}
  .home-btn, .recent-btn{width: 100%;}
  .left-section{width: 100%; margin-top: 0;}
  .contact_main_cont{width: 100%;}
}

@media only screen and (max-width:375px){
  .search_cont{display: inline-block;float: none;}
  .cart{float: none;display: inline-block; margin: 0 0 20px 0;}
  .swiper-button-prev { right: auto; left: 0;}
  .swiper-button-prev, .swiper-button-next, .swiper-button-prev3, .swiper-button-next3{top: 28%;}
}
	
	
	 @media (max-width: 360px) {

.selected-product .pull-right {
	float:none!important;
	margin:10px 0 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;
}
.contact-form-bg dt {
	width: 100%;
}
.contact-form-bg dd {
	width: 100%;
}
.continue-button {
	float: none;
}
.continue-shopping {
	float: none;
}
.btn-continue, .btn-continue-shopping {
	width: 100%;
}

.select-country-input {
	margin: 10px 0 0;
	width: 100%;
}
.form-section-left {
	width:100%;
}
.left_container {
	width: 100%;
}
.right_container {
	width: 100%;
}
.all-bank-input {
	margin-left: 0;
	width: 100%;
}
.all-bank {
	text-align: left;
}

}

@media only screen and (max-width:480px) {
	.main{padding: 0 12px;}
	#cssmenu ul ul ul {margin-left: -3px;}
	.vision-txt{padding: 0 0 20px 0px;}
	.logo_cont{float:none;justify-content: center;padding: 28px 0px 0px;width:100%;text-align: center;}
	.lang_translator{margin-left: 42px;margin-top: 8px;}	
	.new-title p{font-size: 15px;padding: 6px 20px 20px;}
	.welcome{font-size:10px;}
	#a.my-account span{font-size:12px!important;}
	.account-dd{margin: 9px 0px;}
	.my-account{padding: 11px 0 0 20px;background: url() 80px 16px no-repeat;border-left: none!important;margin: -12px 0 0 -8px;}
	.search_cont{float:none;padding: 22px 20px;}
	.default_title p{font-size:13px;}	
	.cart{float:right;}
	.category a{background: none!important;text-align: left;}
	.vision-txt h1{font-size:12px;}
	.banner-img{margin-top: -75px;margin-bottom: -75px;}
	.terms-section h2, h3{font-size:20px;}
	.default_title p{font-size:12px;}
	.left-section{padding: 10px 5px;}
	.top-seller .proName a{font-size:12px;}
	.top-seller .sendInquary a{font-size:14px;}
	.about-company{font-size: 13px;padding: 35px 0;}
	.about-company h2{font-size:22px;}
	.popular-products-section .mpp-product .matterPart{padding: 8px 5px;margin: 18px 10px 0px 5px;width: 45%;box-shadow: 0 0 3px #dedede;}
	.popular-products-section .proName a{font-size:15px;}
	.banner-img img{max-width: 349px;}
	.top-selling .swiper-slide .swiper-slide-duplicate{width: 100%!important;margin: 0px!important;}
	.cont_left_cont{width:100%;}
	.product-list{display: none;}
	.btn_icon a{width: 50%;float: none;padding: 16px 15px;margin-left: 14px;}
	.footer_cont .btn-section{border: none;}
	.footer_cont .right-section{width: 100%;margin-top: 40px;display: block;}
	.footer_cont .right-section .trust_stamp_section{float: right;margin-top: -8px;padding-left: 33px;margin-left: 22px;margin-right: 10px;}
	.swiper-button-prev, .swiper-button-next, .swiper-button-prev3, .swiper-button-next3{top: 30%;z-index: 2;}
	
}


@media only screen and (max-width:360px) {

	.search_cont{float: left;width: 48%;padding: 22px 10px;}
	#search-bar{width:199px;}
	.cart{float: right;margin: 21px -10px 20px 0px}
	.btn_icon a{width: 75%;float: left;padding: 10px 0;margin-top: 10px;text-align: center;display: block;;margin: o auto;margin-left: 45px;}
	.vision-txt h1{padding: 0 10px;}
	.default_title p{font-size:11px;}
	.cont_head{text-align: center;}
	.new-title p{font-size: 12px;}
	.contact{text-align: center;font-size:12px;}
	.footer_cont .right-section .trust_stamp_section{float: right;margin-top: -6px;
margin-left: 26px;margin-right:-10px;margin-bottom: -36px;}
	.social-links{float: left;}
	.banner-img img{max-width: 287px;}
	.my-account span{font-size: 10px!important;}
	.my-account{border-left:none!important;background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)79px 16px no-repeat!important;}
	.submenu-dd{top: 26px!important;margin-left: -24px!important;}
	.top-seller .proName{min-height: 85px;}
	.top-seller .matterPart{width: 90%;margin: 0 0px 24px 15px;}
	.top-seller .proName a{font-size:14px;}
	.banner-img{display:none;}
	.new-title{margin-top:0;}
	.popular-products-section{padding: 15px 0;}
	.popular-products-section .mpp-product .matterPart{margin: 8px 0 10px 30px;width: 80%;}
	.popular-products-section .proName{min-height: 30px;}
	.top-selling{padding: 25px 10px 10px 12px;}
	}

	

@media only screen and (max-width:320px) {

	.search_cont{float: left;width: 48%;padding: 22px 10px;}
	#search-bar{width:199px;}
	.cart{float: right;margin: 21px -10px 20px 0px}
	.btn_icon a{width: 75%;float: left;padding: 10px 0;margin-top: 10px;text-align: center;display: block;;margin: o auto;margin-left: 45px;}
	.vision-txt h1{padding: 0 10px;}
	.default_title p{font-size:11px;}
	.cont_head{text-align: center;}
	.new-title p{font-size: 12px;}
	.contact{text-align: center;font-size:12px;}
	.footer_cont .right-section .trust_stamp_section{float: right;margin-top: -6px;
margin-left: 26px;margin-right:-10px;margin-bottom: -36px;}
	.social-links{float: left;}
	.banner-img img{max-width: 287px;}
	.my-account span{font-size: 10px!important;}
	.my-account{border-left:none!important;background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)79px 16px no-repeat!important;}
	.submenu-dd{top: 26px!important;margin-left: -24px!important;}
	.top-seller .proName{min-height: 85px;}
	.top-seller .matterPart{width: 90%;margin: 0 0px 24px 15px;}
	.top-seller .proName a{font-size:14px;}
	.banner-img{display:none;}
	.new-title{margin-top:0;}
	.popular-products-section{padding: 15px 0;}
	.popular-products-section .mpp-product .matterPart{margin: 8px 0 10px 30px;width: 80%;}
	.popular-products-section .proName{min-height: 30px;}
	.top-selling{padding: 25px 10px 10px 12px;}
	}








