@charset "utf-8";
/* CSS Document */

::selection {
	background: #000; /* Safari */
	color:#fff;
	}
::-moz-selection {
	background: #000; /* Firefox */
	color:#fff;
} 
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');

/*
    font-family: 'Roboto', sans-serif;
    font-family: 'Playfair Display', serif;
*/

	
* { margin:0; padding:0; outline:none;}
.container {  position:relative;}
body { margin:0; padding:0; font-family: 'Roboto', sans-serif; font-weight:400; line-height:normal; overflow-x: hidden !important; background:#F1FFE8; }
p { margin:0; padding:15px 0 0 0; font-family: 'Roboto', sans-serif; font-weight:400; font-size:16px; line-height:26px; color: #575757; }
h1, h2, h3, h4, h5, h6  { margin:0; padding:0;  font-family: 'Playfair Display', serif; font-weight:700; }
ul, li { margin:0; padding:0; font-family: 'Roboto', 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%;}

h2  { font-size:36px; line-height:44px; font-weight:700; color:#222222; padding:0;}
h2 span {color:#60B12D;}
  
header { width:100%; border-bottom:1px solid #B9C8B0; overflow-x: hidden !important;} 
nav .navbar-brand { padding:12px 0; max-width:200px;} 
nav .navbar-collapse {flex-grow: 0;}
.f-nav { z-index: 9999; position: fixed; top: 0; width: 100%; background:#F1FFE8 !important; box-shadow:0 1px 6px #CCC;}
.f-nav .navbar-brand { max-width:120px; transition: all 800ms ease;}
 
.navbar { padding:0;}
.navbar .navbar-nav .nav-item { padding:30px 0;}
.navbar .navbar-nav .nav-link { padding:0; margin:0 0 0 34px; font-size:16px; color:#111111; font-weight:500;}
.navbar .navbar-nav .nav-link:hover { color:#60B12D;  }
.navbar .navbar-nav .nav-link.active { color:#60B12D;  }
 
.navbar .navbar-toggler {border: 1px solid #000; background:url(../images/menu-icon.png) center center no-repeat; padding:4px 8px;}
 
 
 
section { background:#F1FFE8; overflow-x: hidden !important; overflow-y: clip;}
.banner_top_bg { float:left; width:100%; background:url(../images/banner-bg1.png) center bottom no-repeat; background-size:cover; padding:20px 0 0 0;}
.banner_top_bg .carousel-caption { top:0; bottom: auto; left: 5%; right: 5%; text-align: left; display: flex; align-items: center;}
.banner_top_bg .carousel-item { height:670px;}
.banner_top_bg .banner_text{ text-align:left; width:50%;} 
.banner_top_bg .banner_text h1 { font-size:50px; line-height:60px; color:#222222; font-weight:700; }
.banner_top_bg .banner_text h1 span { color:#60B12D; }
.banner_top_bg .banner_text p { float:none; width:100%; text-align:left; font-size:20px; line-height:30px; color:#575757; padding:20px 0 0 0; font-style:italic;}
.read_more_but { float:left; width:100%; margin:30px 0 0 0; text-align:left; }
.read_more_but a { float:none; background:#60B12D; font-size:18px; font-weight:500; padding:12px 35px; border-radius:30px; color:#fff; text-decoration:none; }
.read_more_but a:hover { background:#053245;} 
.banner_top_bg .banner_img { width:50%;} 
 
.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 [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:#60B12D; opacity:1;}


.about_bg_main {float:left; width:100%; padding:120px 0 0 0;}
.about_bg_main .row {align-items: center;}
.about_bg_main .about_left_img { width:100%;}
.expert_skill_main { float:left; width:100%;} 
.expert_skill_main p { float:left; width:100%; color:#222 !important; font-size:18px !important; text-align:center;  padding:10px 0 0 0 !important; line-height:24px !important; font-weight:500;}
/*===============progress bar================*/ 
.progress1{ width: 160px; height: 160px; line-height: 160px; background: none; margin: 40px auto 0 auto; box-shadow: none; position: relative;}
.progress1:after{ content: ""; width: 100%; height: 100%; border-radius: 50%; border: 8px solid #cccccc; position: absolute; top: 0; left: 0; }
.progress1 > span{ width: 50%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 1; }
.progress1 .progress-left{ left: 0; }
.progress1 .progress-bar{ width: 100%; height: 100%; background: none; border-width: 8px; border-style: solid; position: absolute; top: 0; }
.progress1 .progress-left .progress-bar{ left: 100%; border-top-right-radius: 80px; border-bottom-right-radius: 80px; border-left: 0; -webkit-transform-origin: center left; transform-origin: center left; }
.progress1 .progress-right{ right: 0; }
.progress1 .progress-right .progress-bar{ left: -100%; border-top-left-radius: 80px; border-bottom-left-radius: 80px; border-right: 0; -webkit-transform-origin: center right; transform-origin: center right; animation: loading-1 1.8s linear forwards; }
.progress1 .progress-value{ width: 85%; height: 85%; border-radius: 50%;  font-size:30px; line-height: 160px; text-align: center; position: absolute; top: 0; left: 7.5%; font-weight:700; color:#222;}
.progress1.blue1 .progress-bar{ border-color:#FF0000; }
.progress1.blue1 .progress-value{ color: #333333; }
.progress1.blue1 .progress-left .progress-bar{ animation: loading-3 2s linear forwards 1.8s; }
.progress1.blue2 .progress-bar{ border-color:#FAB623; }
.progress1.blue2 .progress-value{ color: #333333; }
.progress1.blue2 .progress-left .progress-bar{ animation: loading-2 2s linear forwards 1.8s; } 
.progress1.blue3 .progress-bar{ border-color:#60B12D; }
.progress1.blue3 .progress-value{ color: #333333; }
.progress1.blue3 .progress-left .progress-bar{ animation: loading-1 2s linear forwards 1.8s; }
@keyframes loading-1{ 0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100%{ -webkit-transform: rotate(180deg); transform: rotate(180deg); }
}
@keyframes loading-2{ 0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100%{ -webkit-transform: rotate(180deg); transform: rotate(125deg); }
}
@keyframes loading-3{ 0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100%{ -webkit-transform: rotate(180deg); transform: rotate(150deg); }
}
@media only screen and (max-width: 990px){ .progress1{ margin-bottom: 20px; }
}  
/*===============progress bar end================*/  
.social_media_icon { float:left; width:100%; margin-top:50px;}
.social_media_icon a { font-size:14px; font-weight:500px; color:#555555; border:1px solid #555555; border-radius:5px; padding:8px 20px; margin-right:15px;}
.social_media_icon a:hover { background:#555555; color:#fff;}
.about_bg_main .our_vision_img { width:100%; position:relative;}
.about_bg_main .our_vision_img img { width:85%; float:right;}
.about_bg_main .our_vision_img .ownername_bg { position:absolute; top:0; left:0; background:url(../images/owner-name.png) left top no-repeat; width:198px; height:198px; font-size:30px; color:#fff; font-weight:700; font-family: 'Playfair Display', serif; text-align: center; padding: 57px 0 0 0;}


.our_products_bg {float:left; width:100%; padding:120px 0; text-align:center; position:relative;}
.our_products_bg:before { content:''; position:absolute; top:0; left:-60px; width:466px; height:502px; background:url(../images/products-left-bg.png) left top no-repeat;}
.our_products_bg:after  { content:''; position:absolute; bottom:0; right:-90px; width:523px; height:477px; background:url(../images/products-right-bg.png) right bottom no-repeat;}

.our_products_box { float:left; width:100%; margin-top:50px;}
.our_products_box .img { float:left; width:100%;  text-align:center; padding-bottom:20px;}
.our_products_box .img img { max-width:330px; margin:0 auto;}
.our_products_box h5 {font-weight:700; font-size: 26px; line-height:26px; text-align: center; color: #222; font-family: 'Roboto', sans-serif;}  
.slick .slick-slide { margin:0;}
.our_products_bg .slick .slick-prev { background:url(../images/aro-left.png) left top no-repeat; width:30px; height:30px; background-size:30px; border:none; box-shadow:none; left:47%; top:auto; bottom:-90px; border-radius:0; z-index:4;}
.our_products_bg .slick .slick-next { background:url(../images/aro-right.png) left top no-repeat; width:30px; height:30px; background-size:30px; border:none; box-shadow:none; right:47%; left:auto; top:auto; bottom:-90px; border-radius:0;  z-index:4;}
.our_products_bg .slick .slick-prev::before {content: "";}
.our_products_bg .slick .slick-next::before {content: "";}
  
.our_products_bg .slick span {
  display: block;
  position: relative;
  text-align: center; 
  transform: translate(0, 0) scale(.4);
  transition: all .4s ease; display: inherit !important;
 }

.our_products_bg .slick-slide.lt2 span {
  transform: translate(20%, 0) scale(.5); display: inherit !important;
}
.our_products_bg .slick-slide.lt1 span {
   transform: translate(0, 0) scale(.7); display: inherit !important;
}
.our_products_bg .slick-slide.gt1 span {
   transform: translate(0, 0) scale(.7); display: inherit !important;
}
.our_products_bg .slick-slide.gt2 span {
  transform: translate(-20%, 0) scale(.5); display: inherit !important;
}
.our_products_bg .slick-slide.slick-center span {
  z-index: 1;
  transform: scale(1);
  opacity: 1;
  color: #e67e22; 
}    


.our_story_bg  {float:left; width:100%; padding:120px 0 0 0;}
.our_story_bg h3 { font-size:26px; color:#222222; font-weight:700; margin-top:30px; padding-bottom:15px; font-family: 'Roboto', sans-serif;}
.iconbox {display: flex; margin-top:15px;}
.iconbox .left { width:65px; margin-right:15px;}
.iconbox .left img { width:100%;}
.iconbox .right h4 {font-size:20px; color:#222222; font-weight:700;  font-family: 'Roboto', sans-serif;}
.iconbox .right p { font-size:16px; color:#575757; padding:2px 0 0 0;}
.our_story_slider .story_box { background:#fff; padding:25px 15px; border-radius:20px; text-align:center; margin-top:30px;}
.our_story_slider .story_box .icon { width:100px; margin:0 auto;}
.our_story_slider .story_box .icon img { background:#fff; border:2px solid #60B12D; border-radius:50%;}
.our_story_slider .story_box h4 {font-size:20px; color:#222222; font-weight:700; font-family: 'Roboto', sans-serif; padding:20px 0 0 0;}
.our_story_slider .story_box p { min-height:228px;}
.our_story_slider .story_box:hover{background: transparent linear-gradient(180deg, #60B12D 0%, #2C7F2C 100%) 0% 0% no-repeat padding-box;}
.our_story_slider .story_box:hover h4 { color:#fff;}
.our_story_slider .story_box:hover p { color:#fff;}
.our_story_slider .slick-next { top:-10px; right:0; background:url(../images/aro-right.png) left top no-repeat; width:30px; height:30px;}
.our_story_slider .slick-prev { top:-10px; right:45px; background:url(../images/aro-left.png) left top no-repeat; width:30px; height:30px; left: auto;}
.our_story_slider .slick-next::before { content: "";}
.our_story_slider .slick-prev::before { content: "";}

.our_news_bg  {float:left; width:100%; padding:120px 0;}
.home_news_box {display: flex !important; align-items: center; justify-content: space-between;}
.home_news_box .news_img { width:48.5%;}
.home_news_box .news_img img { margin-top:30px; }
.home_news_box .news_text { margin-top:30px; width:48.5%;}
.home_news_box .news_text h4 { font-size:30px; line-height:44px; color:#222222;}
.home_news_box .news_readmore {display: flex; align-items: center; justify-content: space-between; background:#053245; border-radius:20px; padding:25px; margin-top:30px;}
.home_news_box .news_readmore .read_more_but { width:auto; margin:0;} 
.home_news_box .news_readmore .read_more_but a:hover { background:#fff; color:#000;}
.home_news_box .news_readmore h5 { font-size:20px; color:#fff;}
.home_news_box .news_readmore p {  color:#AEAEAE; padding:5px 0 0 0;}
.news_slider .slick-next { top:-10px; right:0; background:url(../images/aro-right.png) left top no-repeat; width:30px; height:30px;}
.news_slider .slick-prev { top:-10px; right:45px; background:url(../images/aro-left.png) left top no-repeat; width:30px; height:30px; left: auto;}
.news_slider .slick-next::before { content: "";}
.news_slider .slick-prev::before { content: "";}

.our_partners_bg {float:left; width:100%; background:#fff; padding:100px 0 60px 0; text-align:center;}
.our_partners_bg .partners_logo {display: flex; align-items: center; justify-content: space-between;}
.our_partners_bg .partners_logo img { margin-top:30px;}

footer {overflow-x: hidden !important;}
.footer_top_bg { float:left; width:100%; background:url(../images/subscribe-bg.png) left top no-repeat; background-size:cover; padding:100px 0 60px 0;}
.footer_top_bg h2 { color:#053245;}
.footer_top_bg p { color:#053245; font-size:20px; padding:4px 0 0 0;}
.footer_subscribe { max-width:560px; position:relative; margin-top:20px;}
.footer_subscribe .newsletter_input { float:left; width:100%; font-size:16px; color:#000; height:72px; border:none; background:#fff; border-radius:40px; padding:0 20px; }
.footer_subscribe .footer_subscribe_but { float:right; margin-top:0; position:absolute; right:10px; top:10px;}
.footer_subscribe .footer_subscribe_but .btn {float:right; background:#60B12D; font-size:18px; font-weight:700; padding:0 35px; height:52px; color:#fff; text-decoration:none; border:none;  border-radius:40px; text-transform:uppercase; }
.footer_subscribe .footer_subscribe_but .btn:hover { background:#053245;} 

.footer_bottom { float:left; width:100%; background:#053245;}
.footer_box { float:left; width:100%; padding:60px 0 0 0;  z-index:2; position:relative;}  
.footer_box .footer_logo img { max-width:122px;}
.footer_box h6 { float:left; width:100%; font-size:24px; color:#fff; position:relative; margin-bottom:15px;}
.footer_box .left_icon { margin-top:25px;}
.footer_box .left_icon a { margin-top:20px; color:#60B12D; font-size:26px; margin-right:22px; text-align:center; float:left; }
.footer_box .left_icon a:hover { color:#fff;}
.footer_box p { float:left; width:100%; font-size:16px; line-height:22px; text-align:left; color:#fff; padding:15px 0 0 0;}
.footer_box p i { float:left; font-size:20px; color:#60B12D	; padding:2px 5px 0 0 ; width:30px;}
.footer_box p i.fa-map-marker { margin-bottom:25px;}
.footer_box p a { color:#fff;}
.footer_box p a:hover { color:#fff;}
.footer_box ul { float:left; width:100%; list-style:none; padding:7px 0 0 0; margin:0;}
.footer_box li { float:left; width:100%; list-style:none; padding:12px 0 8px 0; margin:0;}
.footer_box li a { float:left; font-size:16px; color:#fff; background:url(../images/dotted.png) left 6px no-repeat; padding-left:15px;}
.footer_box li a:hover { color:#60B12D;}
.footer_copyright { color:#fff; font-size:16px; padding:20px 0; margin-top:50px; text-align:center; background:#032A3A;} 


.inner_page_main { float:left; width:100%; padding-bottom:0; }
.inner_page_title_bg {float:left; width:100%; background:url(../images/inner-page-bg.png) center center no-repeat; background-size:cover;  padding:120px 0; position:relative;}
.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; font-size:40px; color:#fff; z-index:1; position:relative;}
.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;}

.yourcity_bg { float:left; width:100%; padding:60px 0;}
.yourcity_bg h2 { text-align:center;}
.yourcity_bg .city_box { background:#fff; padding:50px 20px; border-radius:20px; text-align:center; margin-top:30px; border:1px solid #60B12D;}
.yourcity_bg .city_box .icon { width:100px; margin:0 auto;}
.yourcity_bg .city_box .icon img { background:#fff; border:2px solid #60B12D; border-radius:50%;}
.yourcity_bg .city_box h4 {font-size:20px; color:#222222; font-weight:700; font-family: 'Roboto', sans-serif; padding:20px 0 0 0;}
.yourcity_bg .city_box:hover{background: transparent linear-gradient(180deg, #60B12D 0%, #2C7F2C 100%) 0% 0% no-repeat padding-box;}
.yourcity_bg .city_box:hover h4 { color:#fff;}
.yourcity_bg .city_box:hover p { color:#fff;}

.our_services_bg { float:left; width:100%;  background:#053245; display:flex; align-items: center; flex-wrap: wrap; }
.our_services_left { float:left; width:35%; padding:50px; background:#60B12D;}
.our_services_left h2 { color:#fff;}
.our_services_left p { color:#fff;}
.our_services_right { float:left; width:65%; padding:50px;}
.our_services_right .iconbox { margin:15px 0; display: flex; align-items: center;}
.our_services_right .iconbox .right h4 { color:#fff;}
.our_services_right .iconbox .right p { color:#fff;}
.mission_vision_bg { float:left; width:100%; padding:60px 0;}

.contact_page_main { float:left; width:100%;}
.contact_box_text { float:left; width:100%; text-align:center; margin-top:60px; }
.contact_box_text .icon { width:100px; margin:0 auto;}
.contact_box_text .icon img { background:#60B12D; border:2px solid #60B12D; border-radius:50%;}
.contact_box_text h3 { float:left; width:100%; font-size:22px;  padding:15px 0 0 0; color:#000; text-align:center;   text-transform:uppercase;}
.contact_box_text p { float:left; width:100%; font-size:18px; color:#000; text-align:center; padding:10px 0 0 0;}
.contact_form_input { float:left; width:100%; font-size:16px; color:#000; background:#F1FFE8; border:1px solid #666; min-height:60px; padding:15px; margin-top:30px; border-radius:5px;}
.send_message_button  { float:left; width:100%; margin:30px 0 30px 0; text-align: center; }
.send_message_button .btn   { float:none; background:#60B12D; font-size:18px; font-weight:500; padding:12px 35px; border-radius:30px; color:#fff; text-decoration:none; }
.send_message_button .btn:hover { background:#053245;} 
.contact_map { float:left; width:100%; margin-top:35px;}

.infrastructure_bg { float:left; width:100%; position:relative; top:-30px;}
.infrastructure_box {background:#F1FFE8; padding:30px; border-radius:5px; text-align: center; box-shadow:0 2px 8px #CCCCCC; min-height:245px;}
.infrastructure_box h4 {font-size:20px; color:#222222; font-weight:700; font-family: 'Roboto', sans-serif; text-align:left;}
.infrastructure_box h4 img { width:40px; margin-right:12px;}
.infrastructure_box p { text-align:left;}

.infrastructure_gallery_bg { background:#fff; float:left; width:100%; padding:20px 0 40px 0; margin-top:60px; text-align:center;}
.infrastructure_gallery_bg .iconbox { margin-top:40px; align-items: center;}
.infrastructure_gallery_bg .iconbox .right h4 { font-size:20px; text-align:left; }
.infrastructure_gallery_bg h2 { margin-top:60px;}
.infrastructure_gallery_bg .gallery_box { float:left; width:100%; margin-top:30px;}

.process_page_bg { float:left; width:100%; padding-bottom:60px;}
.process_page_bg .row { align-items:center; margin-top:30px;}
.process_page_bg .process_img { width:100%; margin-top:30px;}
.process_page_bg .process_text { width:100%; display:flex; align-items:center; margin-top:30px;}
.process_page_bg .process_text span { font-size:26px; color:#fff; font-weight:700; margin-right:15px; background: #60B12D;
padding: 2px 12px; border-radius: 50%;}

.products_page_bg { float:left; width:100%;  }
.products_page_bg .row { align-items:center; margin-top:30px; padding-bottom:30px;}
.products_page_bg .productimg { width:100%; margin:30px 0;}
.products_page_bg .product_text_img { width:100%; display:flex; align-items:center; margin-top:30px;}
.product_text_img .our_products_box { background:#fff; padding:30px 20px; border-radius:20px; text-align:center; margin:0;}
.product_text_img .our_products_box .img img { max-width:120px; margin:0 auto;}
.product_text_img .our_products_box h5 { font-size:18px;}
.product_text_img .our_products_box .read_more_but { margin:30px 0 10px 0; text-align:center;}
.product_text_img .our_products_box .read_more_but a { font-size:15px; padding:12px 30px;}
.product_text_img .slick-next { top:55%; right:-15px; background:url(../images/aro-right.png) left top no-repeat; width:24px; height:24px; background-size:24px;}
.product_text_img .slick-prev { top:55%; left:-15px; background:url(../images/aro-left.png) left top no-repeat; width:24px; height:24px; background-size:24px;}
.product_text_img .slick-next::before { content:"";}
.product_text_img .slick-prev::before { content:"";}

.product_partners_bg {float:left; width:100%; padding:30px 0 60px 0; text-align:center;}
.product_partners_bg .partners_logo {display: flex; align-items: center; justify-content: space-between;}
.product_partners_bg .partners_logo img { margin-top:30px;}

.why_choose_organic_bg { float:left; width:100%; background:#fff; padding:30px 0;}
.why_choose_organic_bg .whychoose_img { margin-top:30px;} 
.why_choose_organic_bg .accordion_right { margin-top:30px;}
.why_choose_organic_bg .accordion_right h2 { padding-bottom:20px;}
.accordion_right .accordion-item { border:none; margin-top:10px;}
.accordion_right .accordion-button { background:#F1FFE8; font-weight:700; font-family: 'Roboto', sans-serif; font-size:18px;}
.accordion_right .accordion-button:not(.collapsed) { background:#60B12D !important; color:#fff !important;}
.accordion_right .accordion-button::after { background-color:#fff; border-radius:50%; background-position: center center; background-size:14px;}
.accordion_right .accordion-button:focus { box-shadow:none;}
.accordion_right .accordion-body { padding:10px 0;}

.quality_page_bg  { float:left; width:100%;  padding:30px 0;}
.company_text { margin-top:30px;}
.company_box { float:left; width:50%; background:#fff; text-align:center; margin-top:30px;}
.company_box h4 { font-size:26px; padding:100px 0;}

.quality_box_bottom_bg { float:left; width:100%; padding:60px 0 40px 0;}
.quality_box_bottom_bg .container { display: flex; flex-wrap: wrap; align-items: center;}
.quality_box_bottom_bg .img { width:50%;}
.quality_box_bottom_bg .img img { width:100%;}
.quality_box_bottom_bg .text { width:50%; padding:0 40px;}

.quality_contro_bg { float:left; width:100%; background:url(../images/quality-contro-bg.png) left top no-repeat; background-size:cover; padding:60px 0; margin-top:60px;}
.quality_contro_bg h2 { color:#fff; text-align:center;}
.quality_contro_bg .quality_contro_box { float:left; width:100%; margin-top:30px; position:relative;}
.quality_contro_bg .quality_contro_box h4 { position:absolute; bottom:0; font-size:20px; color:#fff; background: rgb(0,0,0, 0.7); width:100%; text-align:center; padding:10px 0; font-family: 'Roboto', sans-serif;}

@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: 960px;} 
.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);}

h2 { font-size:30px; line-height:38px;}
p { font-size:15px; line-height:22px;}
.banner_top_bg .banner_text h1 { font-size:40px; line-height:50px; } 
.banner_top_bg .banner_text p { font-size:16px; line-height:24px;}
.banner_top_bg .carousel-item { height: 500px; }  
.progress1 { width:120px; height:120px;}
.progress1 .progress-value { font-size:20px; line-height:120px;}
.expert_skill_main p {font-size: 14px !important;}
.our_story_bg h3 { font-size:18px;}
.iconbox .right h4 { font-size:16px;}
.home_news_box .news_text h4 { font-size:22px; line-height:28px;}
.our_products_bg .slick .slick-prev { left:45%;}
.our_products_bg .slick .slick-next { right:45%;} 

}


@media only screen and (min-width:220px) and (max-width:991px) { 
.navbar .navbar-nav .nav-item { padding:0;} 
.navbar .navbar-nav .nav-link { margin:5px 0;}
.banner_top_bg .carousel-caption { top:0; bottom: auto; left:3%; right:3%; }
.expert_skill_main p { font-size: 13px !important; padding:0 !important;} 
section {   overflow-x: hidden !important;  }
}
 
@media only screen and (min-width:220px) and (max-width:860px) {	
.banner_top_bg .banner_text h1 { font-size:30px;  line-height: 40px;}
.banner_top_bg .carousel-item { height: 400px; }  
.about_bg_main { padding:70px 0 0 0;}
.our_story_bg  { padding:70px 0 0 0;}
.our_news_bg  { padding:70px 0;}
.our_partners_bg { padding:70px 0 30px 0;}
.our_products_bg { padding:70px 0; }


.home_news_box {  flex-wrap: wrap;}
.home_news_box .news_img { width:100%;}
.home_news_box .news_text { margin-top:30px; border-radius:90px; width:100%;}
.our_products_bg::before { background:none;}
.our_products_bg::after { background:none;} 
 }
 
@media only screen and (min-width:220px) and (max-width:768px) {
.banner_top_bg .banner_text p { display:none;}	
.about_bg_main .about_left_img { margin-bottom:30px;}	
.social_media_icon { margin-bottom:50px;} 
.expert_skill_main p { font-size: 15px !important;}
.our_story_slider .slick-next { top:0px; }
.our_story_slider .slick-prev { top:0px; }
.news_slider .slick-next { top:0px; }
.news_slider .slick-prev { top:0px; } 

.footer_box { padding:35px 0 0 0;}
.footer_copyright { margin-top:30px;}
.footer_subscribe .footer_subscribe_but .btn {padding: 0 30px; font-size:15px;}
.our_services_left { float:left; width:100%; padding:40px 20px; background:#60B12D;}
.our_services_right { float:left; width:100%; padding:40px 20px;}
.inner_page_title_bg h1 { font-size:30px;}
.process_page_bg .process_text { align-items: flex-start}
.our_partners_bg .partners_logo  {justify-content: center;  flex-wrap: wrap;}
.product_partners_bg .partners_logo {justify-content: center; flex-wrap: wrap;}
.quality_box_bottom_bg .img { width:100%;}
.quality_box_bottom_bg .text { width:100%; padding:30px 0;}
.quality_page_bg { padding:10px 0;}
.quality_box_bottom_bg { padding:40px 0}
.quality_contro_bg { padding:40px 0; margin-top:40px;}
.product_partners_bg { padding:0 0 40px 0;}
.products_page_bg .row { padding-bottom:10px; margin-top:10px;}
.infrastructure_bg { float:left; width:100%; position:relative; top:0;}
.infrastructure_box { margin-top:40px;}
.yourcity_bg { padding:40px 0;}
.infrastructure_gallery_bg {padding:0 0 20px 0; margin-top:40px;}
.process_page_bg { padding-bottom:40px;}
.process_page_bg .row {margin-top: 10px;}
infrastructure_box { min-height:inherit;}

}

@media only screen and (min-width:220px) and (max-width:680px) {
.banner_top_bg .banner_text h1 { font-size:24px;  line-height:30px;}	
.banner_top_bg .carousel-item { height: 300px; } 
h2 { font-size:24px;  line-height:24px; }
.about_bg_main { padding:40px 0 0 0;}
.our_story_bg  { padding:40px 0 0 0;}
.our_news_bg  { padding:40px 0;}
.our_news_bg  { padding:40px 0;}
.our_partners_bg { padding:40px 0 20px 0;}
.our_products_bg { padding:60px 0; }
.yourcity_bg {  padding:40px 0;}
.mission_vision_bg {  padding:40px 0;}

.our_products_bg .slick .slick-prev { left:41%; bottom:-70px;}
.our_products_bg .slick .slick-next { right:41%;  bottom:-70px;}

.home_news_box .news_text h4 { font-size:16px;}
.home_news_box .news_readmore h5 { font-size:16px;} 
.read_more_but a { font-size:12px; padding:12px 30px;}
.footer_box h6 { font-size:20px; margin-bottom:5px;}
.footer_top_bg p { font-size:16px;}
.footer_copyright { font-size:14px;}
.inner_page_title_bg { padding:90px 0;}
 
}

@media only screen and (min-width:220px) and (max-width:560px) {
h3.title { font-size:12px; line-height:20px;}	
h2.subtitle { font-size:24px; line-height:32px; }
.social_media_icon a { font-size:12px; padding: 7px 14px; margin-right:7px;}
.about_bg_main .our_vision_img .ownername_bg { width:150px; height:150px; background-size:150px; padding:45px 0 0 0; font-size:20px;}
.company_box { float:left; width:100%;}
.company_box h4 { padding:30px 0;}

}

@media only screen and (min-width:220px) and (max-width:480px) {
.banner_top_bg .carousel-item { height: 230px; }  
.about_bg_main .our_vision_img .ownername_bg { width:120px; height:120px; background-size:120px; padding:35px 0 0 0; font-size:16px;}
.home_news_box .news_readmore {flex-wrap: wrap;}
.home_news_box .nametext { width:100%;}
.home_news_box .news_readmore .read_more_but { margin-top:30px;} 
.our_products_bg .slick .slick-prev { left:40%; bottom:-70px;}
.our_products_bg .slick .slick-next { right:40%;  bottom:-70px;
  
}