@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@charset "utf-8";
/* CSS Document */

::selection {
	background: #000; /* Safari */
	color:#fff;
	}
::-moz-selection {
	background: #000; /* Firefox */
	color:#fff;
} 

 
/*font-family: "Figtree", sans-serif; 
  font-family: "Playfair Display", serif;*/

	
* { margin:0; padding:0; outline:none;}
.container {  position:relative;}
body { margin:0; padding:0; font-family: "Figtree", sans-serif; font-weight:400; line-height:normal; overflow-x: hidden; }
p { margin:0; padding:15px 0 0 0; font-family: "Figtree", sans-serif; font-weight:400; font-size:16px; line-height:24px; color:#666666; }
h1, h2, h3, h4, h5, h6  { margin:0; padding:0; font-weight:800; font-family: "Figtree", sans-serif;}
ul, li { margin:0; padding:0; font-family: "Figtree", sans-serif;}
a { color:#000; text-decoration:none;}
a:hover  { text-decoration:none; color:#000;}
img { width:100%;}
.form-control:focus {box-shadow:none;}
.width_100 { float:left; width:100%;}

h1 {font-size:40px; line-height:50px;}
h2 {font-size:36px; line-height:44px;}
h3 {font-size:30px; line-height:40px;} 
h4 {font-size:24px; line-height:30px;}
h5 {font-size:20px; line-height:24px;}
h6 {font-size:20px; line-height:24px; color:#264A7E; font-weight:600;  font-family: "Playfair Display", serif; padding-bottom:5px;}


.btn {background:#222; font-size:16px; line-height:24px; font-weight:500; padding:10px 25px; border-radius:40px; color:#fff; text-decoration:none; align-items: center; text-transform:uppercase; }
.btn:hover {background:#264A7E; color:#fff;}   
   
   
header {float:left; width:100%;} 
.header_top_bg { background:#fff; padding:12px 0;}
.header_top_bg .container {display: flex; justify-content: space-between; align-items: center;}
.header_top_bg .logo { width:96px;}
.header_top_bg .right_side {display: flex;}
.header_top_bg .right_side .call_text { display:flex; align-items:center; padding:0 50px 0 0;}
.header_top_bg .right_side .call_text .icon  { width:36px; margin-right:12px;}
.header_top_bg .right_side .call_text h6 { font-size:16px; line-height:20px; color:#222; font-family: "Figtree", sans-serif; font-weight:700;}
.header_top_bg .right_side .call_text p { padding:0; font-size:16px; line-height:20px; color:#666666;}
.header_top_bg .right_side .call_text p a {color:#76797F;}


nav .navbar-collapse {flex-grow: 0;} 
.navbar { padding:0; width:100%; z-index:9;}
.navbar .navbar-collapse {background:#FBF8F3; border-radius:40px; flex-basis: -webkit-fill-available; width: 100%;}
.navbar .navbar-nav   {align-items: center; width:100%; justify-content:space-around !important;}
.navbar .navbar-nav .nav-item { padding:0;}
.navbar .navbar-nav .nav-link { margin:0; padding:20px 0; font-size:16px; color:#222; font-weight:700;}
.navbar .navbar-nav .nav-link:hover { color:#264A7E;}
.navbar .navbar-nav .nav-link.active { color:#264A7E;}
.navbar .navbar-toggler {border:2px solid #264A7E; background:url(../images/menu-icon.png) center center no-repeat #F8F4EC; padding:4px 8px; margin:9px 0;}
.navbar .navbar-toggler:focus { box-shadow:none;}
.navbar .btn { float:right; background:#F8F4EC; color:#333;}
.navbar .btn:hover { background:#222; color:#fff;}
.navbar .menu_left {display:none; }

.f-nav { z-index: 9; position: fixed; top: 0; width: 100%; background:#FBF8F3; border:1px solid #E1E1E1; }
.f-nav .navbar-brand { max-width:200px; padding:12px 0; transition: all 800ms ease; } 

.dropdown:hover .dropdown-menu {display: block; margin:0; padding:0; min-width:220px; border-radius:0; background:#fff;}
.dropdown:hover .dropdown-menu.witdhmenu { min-width:220px;}
.dropdown:hover .dropdown-menu li { padding:0;}
.dropdown:hover .dropdown-menu li a { float:left; width:100%; padding:8px 15px; font-size:15px; color:#333333; } 
.dropdown:hover .dropdown-menu li a:hover { color:#fff; background:#264A7E;}
.dropdown-toggle::after { position:relative; top:1px;}

section { float:left; width:100%; background:#ffffff; }
.banner_top_bg { float:left; width:100%; background:url(../images/banner-bg.png) center bottom no-repeat; background-size:cover; padding:70px 0; position:relative; top:-30px;}
.banner_top_bg .carousel-caption { top:0; bottom:auto; left:0; right:0; padding:0; text-align:left; display:flex; align-items:center;}
.banner_top_bg .carousel-item { height:540px;}
.banner_top_bg .banner_text { text-align:left; width:50%;} 
.banner_top_bg .banner_text h1 { font-size:90px; line-height:100px; color:#fff; padding:0; }
.banner_top_bg .banner_text h1 span { font-family: "Playfair Display", serif; font-weight:400; }
.banner_top_bg .banner_text p { float:none; width:100%; text-align:left; padding:10px 0 0 0; }
.banner_top_bg .banner_text .btn { margin-top:20px;}
.banner_top_bg .banner_text .btn:hover {background:#FBF8F3; color:#222;}
.banner_top_bg .banner_img { width:45%; margin-left:5%;} 
 
.banner_top_bg .carousel-control-prev { background:url(../images/aro-left.png) center center no-repeat; width:52px; height:52px; background-size:52px; top:43%; left:15px;}
.banner_top_bg .carousel-control-next { background:url(../images/aro-right.png) center center no-repeat; width:52px; height:52px; background-size:52px; top:43%; right:15px;}
.banner_top_bg .carousel-indicators {margin-bottom: 0;}
.banner_top_bg .carousel-indicators [data-bs-target] { width:10px; height:10px; background:#222222; opacity:1; border-radius:50%; border:none; margin:0 6px;}
.banner_top_bg .carousel-indicators .active { background:#fff; opacity:1;}

.marquee-container { width: 100%; overflow: hidden; background: #fff; padding:0 0 30px 0; }
.marquee-container .marquee { display: inline-flex; color: #222; font-weight:600; font-size:20px; white-space:nowrap; animation:scroll-left-right 30s linear infinite; }
.marquee-container .marquee span { padding:0 40px;}
.marquee-container:hover .marquee { animation-play-state: paused;}
@keyframes scroll-left-right {
  from { transform: translateX(100%);}
  to {transform: translateX(-100%);}
} 

.home_aboutus_bg { float:left; width:100%; padding:50px 0 80px 0; position:relative;} 
.home_aboutus_bg:before { content:''; position:absolute; top:0; left:0; background:#FBF8F3; width:100%; height:75%;  }
.about_img { width:100%; margin-top:30px;}
.about_text { width:100%; margin-top:30px;}
.mission_vision_box { width:100%; margin:30px 0 0 0; background:#fff; box-shadow:0 1px 5px #CCC; padding:20px; border-radius:10px;}
.mission_vision_box .icon { width:48px;}
.mission_vision_box .icon img { transition: all .5s ease;}
.mission_vision_box:hover .icon img {transform: rotateY(180deg);}
.mission_vision_box h5 { padding:15px 0 0 0; text-align:left;}
.mission_vision_box p { padding:10px 0 0 0; text-align:left;}


.home_product_section_bg { float:left; width:100%; padding:0;}
.home_product_box {float:left; width:100%; }
.home_product_box .row {align-items: center;}
.home_product_box .product_bg {background:url(../images/product-bg.png) center center no-repeat; background-size:cover; text-align:center; padding:80px 0;}
.home_product_box .product_bg img { max-width:360px; margin:0 auto;}
.home_product_box .product_bg:hover img {transform: translateY(-8px); transition: all .4s; }
.home_product_box .product_text { padding:40px;}
.home_product_box .product_text .quality_tag { font-size:16px; margin-top:15px;} 
.home_product_box .product_text .quality_tag span {background:#FFF6BB; border-radius:25px; padding:5px 12px;}
.home_product_box .product_text p { width:100%;}
.home_product_box .product_text ul { margin:0; padding:5px 0 0 0; list-style:none;}
.home_product_box .product_text li { margin:0; padding:10px 0 0 20px; list-style:none; font-size:16px; line-height:24px; color:#666666; background:url(../images/check-badge-icon.svg) left 14px no-repeat; font-weight:400;}
.home_product_box .product_text .btn { margin-top:15px;}

.home_why_choose_bg {float:left; width:100%; background:#FBF8F3; padding:0 0 80px 0; margin-top:170px; position:relative;}
.home_why_choose_bg .row {align-items: center}
.review_clients_bg { background:#264A7E; padding:40px; border-radius:10px; position:relative; top:-85px; width:100%; }
.review_clients_bg .clients_box {display:flex; align-items:center;}
.review_clients_bg .clients_box .icon img { width:94px; transition: all .5s ease;}
.review_clients_bg .clients_box:hover .icon img {transform: rotateY(180deg);}
.review_clients_bg .clients_box .text { margin-left:20px;}
.review_clients_bg .clients_box .text h2 { color:#fff;}
.review_clients_bg .clients_box .text p { font-size:20px; padding:5px 0 0 0; color:#fff;}
.home_why_choose_bg .whychoose_img img { border-radius:50%;}
.home_why_choose_bg ul { margin:0; padding:5px 0 0 0; list-style:none;}
.home_why_choose_bg li { margin:0; padding:10px 0 0 20px; list-style:none; font-size:16px; line-height:24px; color: #666666; background:url(../images/check-badge-icon.svg) left 15px no-repeat;}
.whychoose_right_img { width:35%; position:absolute; bottom:-80px; right:-60px;}

.home_testimonials_bg { float:left; width:100%; padding:80px 0; text-align:center;}
.testimonial_box { float:left; width:100%; margin-top:46px;}
.testimonial_box .testimonial_card { border:1px solid #E1E1E1; border-radius:10px; padding:30px; position:relative; min-height:227px;}
.testimonial_box .testimonial_card .quote_icon { position:absolute; width:36px; left:30px; top:-16px;}
.testimonial_box .testimonial_card .stars { width:95px; margin-top:10px;}
.testimonial_box .testimonial_card p { text-align:left;}
.testimonial_box .testimonial_user {display: flex; align-items: center; margin-top:20px;}
.testimonial_box .testimonial_user img { width:50px; border:1px solid #E1E1E1; border-radius:50%; padding:4px; margin-right:12px;}
.testimonial_box .testimonial_user h5 { font-size:16px; line-height:20px; color:#264A7E; text-align:left;}
.testimonial_box .testimonial_user h5 span { float:left; width:100%; font-weight:400; color:#666;}
.testimonial_slider { margin:0 -15px;}

.export_global_presence_bg { float:left; width:100%; background:#FBF8F3; padding:80px 0;}
.export_global_presence_bg .row { align-items: center;}
.export_global_presence_bg .icon_text {display: flex; align-items: center; margin-top:20px; font-size:16px; font-weight:700; color:#222;}
.export_global_presence_bg .icon_text img { width:54px; margin-right:12px;}
.export_global_presence_bg .right_img img { border-radius:10px;}

.industries_buyers_serve_bg { float:left; width:100%; text-align:center; padding:80px 0;}
.industries_box { float:left; width:100%; margin-top:30px;}
.industries_box .icon img { width:100px; transition: all .5s ease; background:#264A7E; border-radius:50%; }
.industries_box:hover .icon img {transform: rotateY(180deg);}  
.industries_box h5 { padding:15px 0 0 0; max-width:160px; margin:0 auto;}

footer { float:left; width:100%; background:#131313; padding:0; position:relative;}
.footer_top_bg { padding:35px 0; border-bottom:1px solid #4D4D4D;}
.footer_top_bg .row {align-items: center;}
.footer_top_bg h4 { color:#fff;}
.footer_top_bg p { color:#fff; padding:5px 0 0 0;}
.footer_top_bg .btn { float:right; background:#264A7E;}
.footer_top_bg .btn:hover { background:#222;}

.footer_box { float:left; width:100%; padding:70px 0 0 0;}  
.footer_box h4 { color:#fff; padding-bottom:5px;}
.footer_box p { float:left; width:100%; font-size:16px; line-height:20px; text-align:left; color:#fff; padding:15px 0 0 0;}
.footer_box p i { float:left; font-size:18px; color:#fff; padding:2px 5px 0 0;}
.footer_box p i.fa-location-dot{ font-size:22px; margin-bottom:22px;}
.footer_box p a {color:#fff;}
.footer_box p a:hover { color:#CCCCCC;}
.footer_box ul { float:left; width:50%; list-style:none; padding:7px 0 0 0; margin:0;}
.footer_box li { float:left; width:100%; list-style:none; padding:8px 0 8px 0; margin:0;}
.footer_box li a { float:left; font-size:16px; color:#fff; padding:0 0 0 14px; background:url(../images/bottom-ellipse.svg) left 7px no-repeat;}
.footer_box li a:hover { color:#CCCCCC;}
.footer_box .left_icon a { margin:20px 10px 0 0; background:#264A7E; width:40px; height:40px; line-height:40px; border-radius:40px; color:#fff; font-size:20px; text-align:center;}
.footer_box .left_icon a:hover { background:#fff; color:#000; }
.footer_newsletter_box { float:left; width:100%; position:relative; }
.footer_newsletter_box .newsletter_input { float:left; width:100%; margin-top:15px; padding:0 0 0 20px; background:#333333; font-size:16px; color:#fff; height:50px; border:none; border-radius:40px;}
.footer_newsletter_box .btn { float:left; margin-top:15px; background:#264A7E;}
.footer_newsletter_box .btn:hover { background:#222;}
.copyright_text_bottom { float:left; width:100%; text-align:center; color:#cccccc; font-size:15px; border-top:1px solid #4D4D4D; padding:25px 0; margin-top:70px;} 

.requestquote_popup .modal-header { padding:15px 20px; background:#FBF8F3; border-radius:10px 10px 0 0;}
.requestquote_popup .modal-body { padding:5px 20px 20px 20px; background:#FBF8F3; border-radius:0 0 10px 10px;}
.requestquote_popup .modal-title { color:#000; text-align:left;}
.requestquote_popup .form-control { width:100%; font-size:16px; color:#000; background:#fff; border:1px solid #ccc; min-height:50px; padding:8px 15px; margin-top:15px; border-radius:5px;} 
.requestquote_popup .form-select { width:100%; font-size:16px; color:#000; background-color:#fff; border:1px solid #ccc; min-height:50px; padding:8px 15px; margin-top:15px; border-radius:5px;}
.requestquote_popup .btn { margin-top:15px; }

.inner_page_main { float:left; width:100%; padding-bottom:50px; }
.inner_page_title_bg {float:left; width:100%; background:url(../images/inner-page-bg.jpg) center center no-repeat; background-size:cover;  padding:120px 0 90px 0; position:relative; top:-30px;}
.inner_page_title_bg:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6);}
.inner_page_title_bg h1 { float:left; width:100%; text-align:center; color:#fff;}
.inner_page_title_bg .header_link { float:left; width:100%; text-align:center; font-size:16px; color:#fff; padding:10px 0 0 0;}
.inner_page_title_bg .header_link a { text-align:center;  font-size:16px; color:#fff;}
.inner_page_title_bg .header_link span { padding:0 15px;}

.about_text_bg { float:left; width:100%; padding:50px 0 30px 0;}
.about_text_bg .row {align-items: center;}
.about_text_bg .image img { border-radius:10px;}
.about_text_bg h5 { padding:15px 0 0 0;}
.about_text_bg ul { margin:0; padding:5px 0 0 0; list-style:none;}
.about_text_bg li { margin:0; padding:10px 0 0 20px; list-style:none; font-size:16px; line-height:24px; color:#666666; background:url(../images/check-badge-icon.svg) left 14px no-repeat;}
.about_text_bg .btn { margin-top:15px;}

.what_we_do_bg { float:left; width:100%; padding:80px 0 50px 0; position:relative; text-align:center; margin-top:50px;} 
.what_we_do_bg:before { content:''; position:absolute; top:0; left:0; background:#FBF8F3; width:100%; height:72%;  }
.what_we_do_bg .box { float:left; width:100%; margin-top:30px;}
.what_we_do_bg .box.bg {background: #fff; box-shadow: 0 1px 5px #CCC; padding:30px; border-radius:10px;}
.what_we_do_bg .box.bg p { font-weight:700; color:#222; font-size:18px;}
.what_we_do_bg .box .icon img { width:94px; transition: all .5s ease;}
.what_we_do_bg .box:hover .icon img {transform: rotateY(180deg);}  

.why_partner_withus_bg { float:left; width:100%; padding:50px 0 30px 0; text-align:center;}
.why_partner_withus_bg .box { position: relative; overflow: hidden; padding:20px; border:1px solid #ccc; margin-top:30px; border-radius:10px;display:flex; align-items: center;}
.why_partner_withus_bg .box p { padding:10px; font-weight:600;}
.why_partner_withus_bg .box img { width:100%; height:100%; display:block; transition: transform 0.5s ease;}
.why_partner_withus_bg .img-overlay { position: absolute; left: 0; bottom: -108%; width:100%; height: 100%; display:flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding:0; transition: bottom 0.5s ease;}
.why_partner_withus_bg .box:hover .img-overlay { bottom:0; }

.why_partner_withus_bg .box:hover img { transform: scale(1.05);}
.why_partner_withus_bg .box:hover p {background: rgba(0, 0, 0, 0.7); z-index:9; position:relative; color:#fff;}

.quality_inspection_bg { float:left; width:100%; padding:30px 0;}
.quality_inspection_bg .btn { margin-top:20px;}
.quality_inspection_box { float:left; width:100%; border:1px solid #E1E1E1; padding:30px; border-radius:10px; margin-bottom:30px;}
.quality_inspection_box h4 {display:flex; align-items:center;}
.quality_inspection_box h4 img { width:90px; margin-right:15px; border:1px solid #264A7E; border-radius:10px;}
.quality_inspection_box ul { margin:0; padding:5px 0 0 0; list-style:none;}
.quality_inspection_box li { margin:0; padding:10px 0 0 20px; list-style:none; font-size:16px; line-height:24px; color:#666666; background:url(../images/check-badge-icon.svg) left 14px no-repeat; font-weight:400;}
.quality_inspection_box:hover {transform: translateY(-8px); transition: all .4s; background: #FBF8F3;}

.product_page_main { float:left; width:100%; padding:50px 0 30px 0;}
.product_banner_img { border:1px solid #E1E1E1; padding:5px;}
.product_banner_img .carousel-indicators { overflow:hidden; height:5px;}
.product_banner_img .carousel-indicators [data-bs-target] { background:#000; width:25px; height:5px !important;}
.product_text_right .quality_tag { color:#000; font-weight:700; padding:15px 0 0 0;}
.product_text_right .quality_tag span { background: #FFF6BB; border-radius: 25px; padding: 5px 12px;}
.product_text_right .btn { margin-top:15px; width:100%; text-align:center;}
.product_text_right ul { margin:0; padding:5px 0 0 0; list-style:none;}
.product_text_right li { margin:0; padding:10px 0 0 20px; list-style:none; font-size:16px; line-height:24px; color:#666666; background:url(../images/check-badge-icon.svg) left 14px no-repeat; font-weight:400;}

.faq_question { max-width:1000px; width:auto; margin:0 auto; padding:5px 0 0 0;}
.faq_question .accordion-item { border:none; margin-top:10px;  border:1px solid #E1E1E1;}
.faq_question .accordion-button { background:#fff; font-weight:600; font-size:18px; line-height:24px; color:#000; padding:12px 20px; }
.faq_question .accordion-button:not(.collapsed) { background:#F3F3F3 !important; color:#000000 !important; padding:12px 20px; box-shadow: none;}
.faq_question .accordion-button::after { background-color:#fff; border-radius:50%; background-position: center center; background-size:14px;}
.faq_question .accordion-button:focus { box-shadow: none;}
.faq_question .accordion-body { padding:0 20px 20px 20px;} 
.faq_question .accordion-button::after { background:url(../images/plus-icon.svg) right center no-repeat; width:24px; height:24px;}
.faq_question .accordion-button:not(.collapsed)::after {background:url(../images/minus-icon.svg) right center no-repeat; width:24px; height:24px; transform: rotate(0); }
.faq_question .accordion-body p {color:#333; padding:15px 0 0 0; font-size:16px; line-height:24px;}
.faq_question .accordion-body ul { margin:0; padding:5px 0 0 0; list-style:none;}
.faq_question .accordion-body li { margin:0; padding:10px 0 0 20px; list-style:none; font-size:16px; line-height:24px; color:#666666; background:url(../images/check-badge-icon.svg) left 14px no-repeat; font-weight:400;}

.importers_box {display:flex; align-items: center; margin-top:30px; border:1px solid #E1E1E1; border-radius: 10px; padding:30px;}
.importers_box .icon img { width:94px; transition: all .5s ease; margin-right:15px;}
.importers_box:hover .icon img {transform: rotateY(180deg);}  
.importers_box .text h5 { padding:0;}
.importers_box .text p { padding:0;}

.industries_we_cater_bg { float:left; width:100%; background:#FBF8F3; padding:80px 0; margin:30px 0;}
.industries_we_cater_bg .row {align-items: center;}
.industries_we_cater_bg ul { margin:0; padding:5px 0 0 0; list-style:none;}
.industries_we_cater_bg li { margin:0; padding:10px 0 0 20px; list-style:none; font-size:16px; line-height:24px; color:#666666; background:url(../images/check-badge-icon.svg) left 14px no-repeat; font-weight:400;}
.industries_we_cater_bg .image img { border-radius:10px;}


.contact_map { float:left; width:100%; position:relative; top:-30px;}
.get_touch_withus { float:left; width:100%; padding:20px 0 30px 0;}
.contact_info_right { float:left; width:100%; padding:0; margin:30px 0 0 0; }
.contact_info_right p { padding:0; color:#333; text-transform:uppercase;}
.contact_info_right h5 { padding:30px 0 0 0; color:#264A7E; font-weight:500; }
.contact_info_right h4 {text-transform:lowercase; padding:5px 0 0 0; color:#000;}
.contact_info_right a { font-size:20px; line-height:30px; margin-top:5px; font-weight:700;}
.contact_info_right a:hover { color:#E52125}
.contact_info_right .left_icon { margin-top:10px; float:left; width:100%;}
.contact_info_right .left_icon a { margin:20px 10px 0 0; background:#264A7E; width:40px; height:40px; line-height:40px; border-radius:40px; color:#fff; font-size:20px; text-align:center;}
.contact_info_right .left_icon a:hover { background:#222; color:#fff; }
.contact_from_box { float:left; width:100%; padding:30px; margin:30px 0 0 0; text-align:left; background:#FBF8F3; border-radius:15px;}
.contact_from_box h2 { text-align:left; padding:0;}
.contact_from_box p {float:left; width:100%;  font-size:18px; line-height:26px; color:#333; padding:0;}
.contact_from_box .form-label { margin:15px 0 5px 0;}
.contact_from_box .form-control { float:left; width:100%; margin:15px 0 0 0; background:#fff;  border:1px solid #E1E1E1; min-height:50px; font-size:16px; color:#000; padding:0 15px; }
.contact_from_box .form-select { float:left; width:100%; margin:15px 0 0 0; border:1px solid #E1E1E1; min-height:50px; font-size:16px; color:#000; padding:0 15px; }
.contact_from_box .btn { margin:15px 0 0 0;} 

.testimonial_page_main { float:left; width:100%; padding:20px 0 30px 0;}

.distributor_form_bg { float:left; width:100%; margin-top:30px;}
.distributor_form_bg .container { max-width:1000px; margin:0 auto;}
.distributor_form_bg h2 { text-align:center;}
.distributor_form_bg p { text-align:center; padding:0;}
.distributor_form_bg .box_bg {background: #FBF8F3; border-radius:15px; padding:30px; margin:15px 0 0 0;}
.distributor_form_bg .form-label { margin:15px 0 5px 0;}
.distributor_form_bg .form-control { background:#fff; border:1px solid #E1E1E1; min-height:50px; font-size:16px; color:#000;  padding:10px 15px;}
.distributor_form_bg .form-select {  border:1px solid #E1E1E1; min-height:50px; font-size:16px; color:#000;  padding:10px 15px;}
.distributor_form_bg .form-check { margin:10px 0 0 0;}
.distributor_form_bg .form-check .form-check-input { margin-top:1px;}
.distributor_form_bg .btn { margin-top:15px;}

@media (min-width:1100px) {
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width:1300px;}
}
 
@media only screen and (min-width:220px) and (max-width:1120px) {
.container, .container-lg, .container-md, .container-sm, .container-xl  {max-width: 1020px;} 
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-right: var(--bs-gutter-x, 20px); padding-left: var(--bs-gutter-x, 20px);}
}

@media only screen and (min-width:220px) and (max-width:1260px) { 
.navbar .navbar-nav .nav-link { font-size:15px; margin: 0 20px 0 0;} 
.whychoose_right_img { right:0;}
}

@media only screen and (min-width:220px) and (max-width:1130px) { 
.navbar .navbar-nav .nav-link { font-size:14px; margin: 0 12px 0 0;} 
.navbar .btn {padding: 10px 18px; font-size:14px;}
.banner_top_bg .banner_text h1 { font-size:60px; line-height:70px;}
.banner_top_bg .carousel-item { height:420px;}
}

@media only screen and (min-width:220px) and (max-width:1040px) { 
 
}

@media only screen and (min-width:220px) and (max-width:991px) {
h1 { font-size:36px; line-height:44px;}
h2 { font-size:30px; line-height:40px;}
h3 { font-size:26px; line-height:34px;} 
h4 { font-size:20px; line-height:28px;}
h5 { font-size:18px; line-height:22px;}
h6 { font-size:18px; line-height:22px;}
.navbar { background:#FBF8F3;}
.banner_top_bg { top:0;}
.banner_top_bg .carousel-item { height:380px;}
.navbar .navbar-nav .nav-item { width:100%;}
.navbar .navbar-nav .nav-link { padding:0; margin:6px 0; font-size:16px;}
.navbar .menu_left { display:block; font-size:16px; font-weight:700;}
.whychoose_right_img { display:none;}
.about_text_bg .image img { margin-bottom:20px;}
}
 
@media only screen and (min-width:220px) and (max-width:860px) {
.header_top_bg .right_side .call_text { padding:0 25px 0 0;}
.banner_top_bg .banner_text h1 { font-size:40px; line-height:50px;}
.home_aboutus_bg { padding:10px 0 40px 0;} 
.home_why_choose_bg { margin:0; padding:0 0 40px 0;}
.review_clients_bg { position:inherit; top:0; margin:30px 0;}
.home_testimonials_bg { padding:40px 0;}
.export_global_presence_bg { padding:40px 0;}
.inner_page_main { padding-bottom:10px; }	
.about_text_bg { padding:10px 0 30px 0;}
.what_we_do_bg { padding:40px 0 30px 0; margin-top:10px;}
.why_partner_withus_bg { padding:10px 0 30px 0;}
.quality_inspection_bg { padding:10px 0 30px 0;}
.product_page_main {padding:10px 0 30px 0;}
.industries_we_cater_bg { padding:40px 0; margin:10px 0 30px 0;}
.get_touch_withus {  padding:0 0 30px 0;}
.testimonial_page_main {  padding:0 0 30px 0;}
}


@media only screen and (min-width:220px) and (max-width:768px) {
h1 { font-size:30px; line-height:38px;}
h2 { font-size:24px; line-height:32px;}
h3 { font-size:20px; line-height:28px;} 	
.header_top_bg .right_side .call_text { display:none;}
.banner_top_bg { padding:30px 0;}	
.banner_top_bg .carousel-caption {  display:flex; flex-wrap: wrap;}
.banner_top_bg .carousel-item { height:840px;}
.banner_top_bg .banner_text { text-align:left; width:100%;} 
.banner_top_bg .banner_img { width:100%; margin:15px 0 0 0;}  
.banner_top_bg .carousel-indicators { margin-bottom:20px; }
.marquee-container { padding:20px 0;}
.home_why_choose_bg .whychoose_img img { margin-bottom:30px;}
.review_clients_bg { padding:15px 25px;} 
.review_clients_bg .clients_box { padding:10px 0;}
.export_global_presence_bg .right_img img { margin-bottom:30px;}
.testimonial_box .testimonial_card {  min-height:inherit;}

.footer_top_bg .btn { float:left; margin-top:20px;}
.footer_box { padding:30px 0 0 0;}
.copyright_text_bottom {margin-top:40px;}

}

@media only screen and (min-width:220px) and (max-width:700px) {
.banner_top_bg .carousel-item { height:750px;}
}

@media only screen and (min-width:220px) and (max-width:640px) {
.btn { padding:10px 20px;}
.header_top_bg .logo { width:90px;}
.home_product_box_bg .box .img img { width:100%; height:auto;} 
.home_product_box .product_text {padding:30px 0;}
}

@media only screen and (min-width:220px) and (max-width:580px) {
.banner_top_bg .carousel-item { height:660px;}
.home_product_box_bg .box .text { padding-left:20px; width:60%;}
.home_product_box_bg .box .img { width:40%; margin-bottom:10px;}
.importers_box {  padding:20px;}
.contact_from_box  {  padding:30px 20px;}
}

@media only screen and (min-width:220px) and (max-width:480px) {
.home_product_box_bg .box {flex-wrap: wrap;}
.home_product_box_bg .box .text { width:100%; padding:0 20px; order: 2;}	
.home_product_box_bg .box .img { width:100%; margin-bottom:10px; order: 1;}
.home_product_box_bg .box .text .btn { position:inherit; margin-top:10px;}
} 

@media only screen and (min-width:220px) and (max-width:400px) {
.banner_top_bg .carousel-item { height:550px;}
}