body{ padding: 0px; margin: 0px; list-style: none; font: 300 17px/25px 'Roboto', sans-serif; color:#000; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}

/*font-family: 'Playfair Display', serif;
font-family:  'Roboto', sans-serif;*/
a{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}



/*header*/
.header_sec{ width: 100%; position: absolute; left: 0px; top: 0px; z-index: 5; padding: 10px 0; }

.nav_top{ padding: 0px; margin: 0px; width: 100%; }
.nav_top .navbar-brand{ padding: 0px; margin: 0px; }
.nav_top .navbar-brand img{ max-width: 100%; }

.menu_sec li{ margin-left: 30px; font: 400 18px/24px 'Roboto', sans-serif; color: #fff; padding: 0px; }
.menu_sec li:first-child{ margin-left: 0px; }
.menu_sec li a{ display: inline-block; padding: 0; color: #fff; text-transform: uppercase; }
.menu_sec li a:hover, .menu_sec li.actv a{ color:#9ad44c; }

.bannersecs{ width: 100%;  position: relative; }
.bannerItm{ width: 100%; position: relative;}
.bannerItm::before{ width: 100%; position: absolute; left: 0px; top: 0px; height: 100%; background: rgba(12, 39, 14, 0.42); content: ""; }
.bannerItm img{ width:100%; object-fit:cover; height: 790px; }
.bantext{ position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; 
-ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
 	transform: translate(-50%,-50%);
}
.bantext{ width: 100%; display: inline-block; }
.bantext strong, .bantext h1{ font: 700 65px/72px 'Playfair Display', serif; color: #fff; text-transform: capitalize; width: 100%; display: inline-block; }
.bantext strong em, .bantext h1 em{ font-style: normal; color:#9ad44c; }
.bannersecs .carousel-indicators { bottom: inherit; margin-right: 2%; margin-left: 2%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end;
 width: 34px; left: inherit; flex-direction: column;  top: 50%;transform: translate(0, -50%);}
.bannersecs .carousel-indicators li {  width: 34px;  height: 34px;  border-radius: 100%;  background: none;  margin: 6px 0;  border: none;
  position: relative;  cursor: pointer;  background: url(../images/white.png) no-repeat 0 0;  background-size: 100%;}
.bannersecs .carousel-indicators li.active {  background: url(../images/gren.png) no-repeat 0 0;  width: 34px;  height: 34px;  border: none;  background-size: 100%;}




.about_area{ width: 100%; padding: 65px 0; background: #fff; }
.about_description{ width: 100%; display: inline-block; padding: 20px 30px 0 0; }
.global_text{ width: 100%; }
/*.global_text h1, .global_text h2{ font: 700 30px/35px 'Playfair Display', serif; color: #000; position: relative; padding-bottom: 35px; text-transform: capitalize; }
.global_text h1:before, .global_text h2:before{ width: 70px; height: 12px; background: #a72a0e; position: absolute; left: 0px; bottom: 0px; content: ""; }*/
.about_description h1, .about_description h2{ font: 700 40px/45px 'Playfair Display', serif; color: #000; position: relative; padding: 35px 0 35px 65px; text-transform: capitalize; background: url(../images/leaf.png) no-repeat left top; }
.about_description p{ font: 400 16px/26px 'Roboto', sans-serif; color: #353535; padding-bottom: 20px; text-align: justify; }
.about_description ul{ width: 100%; display: inline-block; }
.about_description ul li{ width: 100%; display: inline-block; margin-bottom: 12px; font: 400 16px/26px 'Roboto', sans-serif; color: #353535; position: relative; padding: 3px; padding-left: 42px; background: url(../images/cirlce.png) no-repeat left top 3px; }
.about_description a{ padding: 15px 30px; background: #11a09a; border-radius: 50px; font: 700 16px/20px 'Roboto', sans-serif; color: #fff; display: inline-block; margin-top: 20px;  }
.about_description a i{ margin-left: 12px; }
.about_description a:hover{ background: #9ad44c; }
.about_image{ width: 100%; position: relative; }
.about_image img{ width: 100%; }

.product_area{ width: 100%; padding: 65px 0 200px 0; background-size: cover !important; text-align: center; }
.product_top_area{ width: 100%; display: inline-block; position: relative; }
.product_top_area h2{ font: 700 40px/45px 'Playfair Display', serif; color: #000; position: relative; padding: 82px 0 0; text-transform: capitalize; background: url(../images/leaf2.png) no-repeat center top; position: relative; }
.product_top_area em { font: 700 90px/60px 'Playfair Display', serif; color: #dddddc; text-transform: capitalize; opacity: 0.51; left: 50%; position: absolute; bottom: 1px;
transform: translate(-50%, 0); width: 100%; }
.product_area_inner{ width: 100%; margin-top: 65px; position: relative;  }
.product_area_inner img{ width: 100%;}
.product_area_small{ width: 302px; height: 186px; display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; transform: translate(-50%, 0); 
bottom: -122px; padding: 20px 30px; flex-direction: column; background: #fff; }
.product_area_small h4{ font: 700 22px/25px 'Playfair Display', serif; color: #052e4c; padding-bottom: 10px; }
.product_area_small p{ font: 400 16px/23px 'Playfair Display', serif; color: #000; }
.product_area .col-lg-4:nth-child(1) .product_area_small{ background: #b3a16f; }
.product_area .col-lg-4:nth-child(1) .product_area_small h4{ color:#fff; }
.product_area .col-lg-4:nth-child(1) .product_area_small p{ color:#fff; }
.product_area .col-lg-4:nth-child(2) .product_area_small{ background: #83bb4d; }
.product_area .col-lg-4:nth-child(2) .product_area_small h4{ color:#fff; }
.product_area .col-lg-4:nth-child(2) .product_area_small p{ color:#fff; }
.product_area_small .arrow{ width: auto; position: absolute; left: 50%; transform: translate(-50%, 0); bottom: -25px; }




.footer_part{ width: 100%; }
.footer_up{ width: 100%; background-size: cover !important; padding: 40px 0; }
.footer_content{ width: 100%; display: inline-block; }
.footer_content h4{ font: 700 20px/26px 'Playfair Display', serif; color: #fff; text-transform: capitalize; padding-bottom: 25px; }

.contact_footer{ width: 100%; }
.contact_footer input[type="text"], .contact_footer input[type="email"], .contact_footer textarea{ width: 100%; height: 50px; padding: 0 20px; border: none; outline: none; -webkit-appearance: none; margin-bottom: 12px; background: #0b4a78; font: 400 15px/24px 'Roboto', sans-serif; color: #fff; }
.contact_footer textarea{ height: 135px; resize: none; padding: 15px 20px; }
.contact_footer input[type="submit"]{ width: 117px; height: 50px; float: right; background: #11a09a; text-align: center; font: 500 16px/50px 'Roboto', sans-serif; color: #fff; text-transform: capitalize; outline: none; -webkit-appearance: none; border: none; float: right; cursor: pointer; border-radius: 50px; }
.contact_footer input[type="submit"]:hover{ background: #9ad44c; }
.footer_address li { position: relative; padding: 12px; padding-left: 53px; }
.footer_address li i {  width: 40px !important; height: 40px; background: #11a09a; text-align: center; line-height: 40px; font-size: 16px; color: #fff; position: absolute;
left: 0px; top: 7px; border-radius: 100%; margin: 0 !important; }


.footer_content ul{ width: 100%; display: inline-block; }
.footer_content ul li{ width: 100%; display: flex; margin-bottom: 12px; font: 400 16px/26px 'Roboto', sans-serif; color: #fff; }
.footer_content ul li a{ color:#fff; }
.footer_content ul li a:hover{ color:#9ad44c; }
.footer_content ul li i{ margin: 5px 10px 0 0; font-size: 18px; }

.footer_down{ width: 100%; background: #031b2c; padding: 20px 0; }
.footer_down p{  font: 400 15px/25px 'Roboto', sans-serif; color: #fff; }
.footer_down p a{ color:#fff; }
.footer_down p a:hover{ color:#9ad44c; }
.footer_down p span{ float: right;}

.footer_link{ padding: 15px 0 0; }
.footer_link li{ padding-left: 20px; position: relative; }
.footer_link li::before{ width: 10px; height: 10px; position: absolute; left: 0px; top: 9px; background: #11a09a; content: ""; border-radius: 100%; }


.footer_content .social_link{ width: 100%; display: inline-block; padding: 20px 0 0; }
.footer_content .social_link li{ float: left; margin: 0 15px 0 0; font-size: 20px; color:#fff; width: auto; }
.footer_content .social_link li:last-child{ margin-right: 0px; }
.footer_content .social_link li a{ color:#fff; }
.footer_content .social_link li a:hover{ color:#9ad44c; }




/*----------------------------about_us--------------------------*/
.inner_page .bannerItm img{ height: 500px; }
.mission_area{ width: 100%; padding: 0 0 60px; }
.mission_area_box{ width: 100%; }
.mission_area_box img{ width: 100%; }
.mission_content{ width: 100%; padding: 20px 25px; }
.mission_content h4{ font: 700 24px/26px 'Playfair Display', serif; color: #fff; padding: 0 0 15px; }
.mission_content p{ font: 400 16px/24px 'Roboto', sans-serif; color: #fff; padding: 0px; text-align: justify;  }
.mission_area .col-md-6:nth-child(1) .mission_content{ background: #b3a16f; }
.mission_area .col-md-6:nth-child(2) .mission_content{ background: #83bb4d; }




/*----------------------------products--------------------------*/
.product_area2{ width: 100%; padding: 50px 0 0; }
.product_area2_image{ width: 100%; box-shadow: 0 0 4px 3px #e7e7e7; padding: 10px; }
.product_area2_image img{ width: 100%; }
.product_area2_content{ width: 100%; }
.product_area2_content h2{ font: 700 40px/45px 'Playfair Display', serif; color: #000; padding-bottom: 15px; }
.product_area2_content h2 img{ max-width: 100%; margin-top: -20px; }
.product_area2_content ul{ width: 100%; display: inline-block; padding: 15px 0 0; }
.product_area2_content ul li{ width: 100%; display: inline-block; font: 400 16px/24px 'Roboto', sans-serif; color: #353535; margin-bottom: 6px; padding-left: 20px; position: relative;  }
.product_area2_content ul li:before{ width: 10px; height: 10px; background: #50b3dc; border-radius: 100%; position: absolute; left: 0px; top: 7px; content: ""; }
.product_area2 .row{ align-items: center; margin-bottom: 70px; }
.product_area2 .row:nth-child(even){ flex-direction: row-reverse; }




/*----------------------------contact--------------------------*/
.contact_top_area{ padding: 60px 0; width: 100%; }
.contact_top_map{ width: 100%; }
.contact_top_map iframe{ width: 100%; height: 490px;}
.contact_top_area .about_description{ padding: 0px; }
.contact_top_area .about_description h2{ padding-bottom: 25px; }
.contact_top_map{ width: 100%; }
.contact_top_right_main{ width: 100%; padding: 0 70px 70px 0; position: relative; }
.contact_top_right{ width: 100%; position: relative; padding: 10px 25px 30px; box-shadow: 0 0 11px -3px #ece2e2; position: relative; z-index: 5; background: #fff; min-height: 610px; }
.contact_top_right h4{ font: 700 22px/24px 'Playfair Display', serif; color: #000; padding-top: 25px; }
.contact_top_right p{ font: 400 16px/26px 'Roboto', sans-serif; color: #010101; padding-top: 10px; }
.contact_top_right p a{ color:#010101; }
.contact_top_right ul{ padding: 15px 0 0; width: 100%; display: inline-block; }
.contact_top_right ul li{ float: left; margin: 0 15px 0 0; font-size: 16px; color:#a8a8a8; }
.contact_top_right ul li a{ color:#a8a8a8; }
.contact_top_right ul li a:hover{ color:#b2d88d; }
.contact_top_right_main:after{ width: 80%; position: absolute; right: 0px; top: 50px; background: #b2d88d; height: 100%; content: ""; height: 90%; }
.contact_top_right p a:hover{ color:#b2d88d; }


.get_in_touch{ width: 100%; text-align: center; padding: 50px 0; background: #f0f1f5; }
.get_in_touch .about_description h2{ display: inline-block; background: url(../images/leaf6.png) no-repeat left top; }
.get_in_touch_inner{ width: 100%; padding: 0 150px; }
.get_in_touch_inner input[type="text"], .get_in_touch_inner input[type="email"], .get_in_touch_inner input[type="tel"], .get_in_touch_inner textarea{ width: 100%; height: 60px; padding: 0 20px; border: none; outline: none; -webkit-appearance: none; margin-bottom: 12px; background: #fff; font: 400 16px/24px 'Roboto', sans-serif; color: #000; margin-bottom: 15px; }
.get_in_touch_inner textarea{ height: 190px; resize: none; padding: 15px 20px; }
.get_in_touch_inner input[type="submit"]{ width: 210px; height: 60px; display: inline-block; background: #11a09a; text-align: center; font: 500 16px/58px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; outline: none; -webkit-appearance: none; border: none;  cursor: pointer; border-radius: 50px; margin-top: 15px; }
.get_in_touch_inner input[type="submit"]:hover{ background: #b2d88d; }
.get_in_touch .col-md-6, .get_in_touch .col-md-12{ padding: 0 10px; }
.get_in_touch .row{ padding: 0 -10px; }


.contact_footer .wpcf7 form .wpcf7-response-output{ border: none !important; padding: 5px 10px; text-align: center; font: 400 13px/16px 'Roboto', sans-serif; color:#fff;
 margin: 15px 0 0 !important; }
.contact_footer .invalid .wpcf7-response-output{ background:#dc3232; }
.contact_footer .sent .wpcf7-response-output{ background:#84c426; }
.contact_footer span.wpcf7-not-valid-tip { background: #dc3232; position: absolute; top: 24px; left: 0px; font: 400 11px/14px 'Roboto', sans-serif;
 border-radius: 5px; padding: 6px 14px; color: #fff; z-index: 1;}
.contact_footer span.wpcf7-not-valid-tip::before { position: absolute; top: -15px; left: 10px; border: 9px solid transparent; border-bottom: 10px solid #dc3232;
 content: ""; }

.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha.wpcf7-not-valid {  position: relative !important; width: 100%;display: inline-block;}

.wpcf7-form-control-wrap {  position: relative;}

.contact_footer span.wpcf7-not-valid-tip {  top: 100%;}
.contact_footer iframe {
  transform: scale(0.77);
  -webkit-transform: scale(0.77);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}


.get_in_touch_inner .wpcf7 form .wpcf7-response-output{ border: none !important; padding: 5px 10px; text-align: center; font: 400 13px/16px 'Roboto', sans-serif; color:#fff;
 margin: 15px 0 0 !important; }
.get_in_touch_inner .invalid .wpcf7-response-output{ background:#dc3232; }
.get_in_touch_inner .sent .wpcf7-response-output{ background:#84c426; }
.get_in_touch_inner span.wpcf7-not-valid-tip { background: #dc3232; position: absolute; top: 24px; left: 0px; font: 400 11px/14px 'Roboto', sans-serif;
 border-radius: 5px; padding: 6px 14px; color: #fff; z-index: 1;}
.get_in_touch_inner span.wpcf7-not-valid-tip::before { position: absolute; top: -15px; left: 10px; border: 9px solid transparent; border-bottom: 10px solid #dc3232;
 content: ""; }
.get_in_touch_inner span.wpcf7-not-valid-tip {  top: 100%;}
.get_in_touch_inner iframe {
  transform: scale(0.77);
  -webkit-transform: scale(0.77);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}




.product_area2 .owl-prev{ background: #fff; width: 40px; height: 40px; text-align: center;  color: #9ad44c; font-size: 0px; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.product_area2 .owl-prev:before{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: "\f104"; font-size: 20px; font-family: "Font Awesome 6 Pro"; font-weight: 900; }
.product_area2 .owl-next{ background: #fff; width: 40px; height: 40px; text-align: center;  color: #9ad44c; font-size: 0px; position: absolute; right: 0; top: 50%; transform: translate(0, -50%);}
.product_area2 .owl-next:before{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: "\f105"; font-size: 20px; font-family: "Font Awesome 6 Pro"; font-weight: 900; }
.product_area2 .owl-carousel .owl-item{ padding: 0; }

/*.product_area2 .owl-dots { width: 100%; position: absolute; left: 46%; bottom: 20px; transform: translate(0, -50%); }
.product_area2 .owl-dot {  width: 16px;  height: 16px;  background: #fff;  display: inline-block; margin: 0 6px; opacity: 0.5; border-radius: 100%; box-shadow: 0 0 9px 1px #000; }
.product_area2 .owl-dot.active { opacity: 1; }*/


.product_area2_image{ position: relative; }
.product_name{ width: 100%; position: absolute; left: 0px; bottom: 0px; background: rgba(124, 175, 56, 0.8); padding: 15px; }
.product_name h4{ font: 600 20px/26px 'Roboto', sans-serif; color: #fff; }
.contact_footer input[type="submit"] { float: left;}

.header_sec.fixed{position: fixed; left: 0px; top: 0px; z-index: 99;
  -webkit-animation-name: animationFade;
  -o-animation-name: animationFade;
  animation-name: animationFade;
  -webkit-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
 box-shadow: 0 0 7px 0px #333;
 background: #74ab2a;
 z-index: 555;
}
@keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
.fadeInDown{-webkit-animation-name:animationFade;animation-name:animationFade;}

.header_sec.fixed .nav_top .navbar-brand img { width: 150px;}
.menu_sec li a:hover, .menu_sec li.actv a { color: #bcf76e;}
.product_area_inner img:hover{ opacity: 0.75; }

.footer_content ul li { margin-bottom: 12px;}
.footer_address li { padding: 6px; padding-left: 53px; }
.footer_content h4 { padding-bottom: 20px;}
.contact_footer input[type="text"], .contact_footer input[type="email"], .contact_footer textarea{ height: 45px; }
.contact_footer textarea { height: 115px; padding: 15px 20px;}
.contact_footer input[type="submit"] { width: 117px; height: 45px; font-size: 16px; line-height: 45px; }

.product_area_small .arrow {
  width: 52px;
  height: 52px;
  background: #11a09a;
  border-radius: 100%;
  font-size: 20px;
  color:#fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product_area_small .arrow:hover{ background: #2491e1; }
.product_area_inner img{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.product_area_inner:hover .arrow{ background: #2491e1; }
 
.contact_footer input[type="submit"] {
  position: absolute;
  right: 0;
  bottom: 25px;
}
.contact_footer .wpcf7-spinner {
  display: none;
}
.product_area_inner img {
  height: 330px;
  object-fit: cover;
}
  
  
@media (min-width: 992px) and (max-width: 9000px) {
.nav_top .dropdown .dropdown-menu { /*-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s;*/ max-height: 0; display: block; opacity: 0;visibility: hidden;  margin:0px; 
    width: 180px; padding: 0px; max-height: 600px;
   border-radius: 0; left: 0; right: inherit; transform: translate(0, 10px);
transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); 
box-shadow: 0 6px 12px rgba(0,0,0,.175);  border: none; border-bottom: 5px solid #07479f;}
.nav_top .dropdown:hover .dropdown-menu {  opacity: 1; visibility: visible; height: auto; transform: translate(0,0); }


/*sub_sub_menu*/
.nav_top .dropdown-submenu >.dropdown-menu { max-height: 0; display: none; opacity: 0; visibility: hidden; left: 100%; top: 0; border: none;  
 width: 150px; min-width: 100%;  border-radius: 0px; box-shadow: inherit; padding: 0px; margin: 0px; background: rgba(0, 44, 32, 0.9); min-width: inherit; 
box-shadow: 5px 3px 10px 0 rgba(0,0,0,.175); }
.nav_top .dropdown-submenu:hover > .dropdown-menu { max-height: 400px; opacity: 1; visibility: visible;display: block; }



}





@media (min-width: 992px) and (max-width: 1199px) {
.menu_sec li {
  margin-left: 22px; font-size: 16px; line-height: 26px; }
.nav_top .navbar-brand img {
  max-width: 100%;
  width: 180px;
}  
.bannerItm img {
  height: 650px;
}  
.bantext strong, .bantext h1{ font-size: 45px; line-height: 52px; }
.bannersecs .carousel-indicators li {
  width: 28px !important;
  height: 28px !important;
}  
.about_description h1, .about_description h2{ font-size: 30px; line-height: 34px; padding: 21px 0 22px 48px; background-size: 45px; }
.about_area {
  padding: 50px 0;
}
.product_top_area h2{ font-size: 30px; line-height: 34px; padding: 58px 0 0; }
.product_top_area em{ font-size: 60px; line-height: 62px; bottom: -7px; }
.product_area_inner {
  margin-top: 50px;
}
.product_area_small {
  width: 250px;
  height: 165px;
  bottom: -121px;
  padding: 15px 20px;
}
.product_area_small h4{ font-size: 18px; line-height: 22px; }
.product_area_small p{ font-size: 15px; line-height: 21px; }
.product_area_small .arrow {
  height: 42px;
  width: 42px;
  bottom: -16px;
}
.product_area {
  padding: 50px 0 185px 0;
}
.footer_content h4{ font-size: 18px; line-height: 24px; padding-bottom: 20px; }
.footer_down {
  padding: 15px 0;
}
.footer_down p{ font-size: 14px; }




/*----------------------------about_us--------------------------*/
.inner_page .bannerItm img {height: 410px;}
.mission_area {padding: 0 0 50px;}




/*----------------------------products--------------------------*/
.product_area2_content h2{ font-size: 30px; line-height: 35px; }
.product_area2_content h2 img { max-width: 100%; margin-top: -10px; width: 40px;}
.product_area2 .row { margin-bottom: 60px;}




/*----------------------------contact--------------------------*/
.get_in_touch .about_description h2 { padding: 20px 0 20px 65px;  background-size: 60px;}
.get_in_touch_inner {  padding: 0 100px;  margin-top: 20px;}



}


@media only screen and (max-width: 991px) {
.nav_top .navbar-toggler{ border-color: #383e40; background: #383e40;}
.nav_top .navbar-toggler{ padding: 10px; margin-right: 0;}
.nav_top .navbar-toggler .icon-bar {display: block;width: 22px;height: 2px;  border-radius: 1px; background-color: #fff;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {  margin-top: 4px;}
.navbar-toggler .icon-bar { display: block;  width: 22px;  height: 2px;  border-radius: 1px;  background-color: #fff;}
.navbar-toggler { margin-right: 15px;}
.navbar-toggler { padding: 10px;}

.nav_top .navbar-toggler {border: none;background: none; margin: 0;}
.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-ms-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); 
	 -webkit-transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}
.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2) { opacity: 0;  width: 0px;}  
.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-ms-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); -webkit-transform: matrix(1, 1, 0, 1, 0, 0);
width: 25px;  margin-top: -11px;} 
.nav_top .navbar-toggler .icon-bar { display: block; width: 30px; height: 4px; border-radius: 3px; background-color: #fff; opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0); -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.nav_top .navbar-toggler { width: 45px; height: 40px; text-align: center; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-radius: 0px;
    border: 0px solid transparent; border-top-color: transparent;border-right-color: transparent;    border-bottom-color: transparent;
        border-left-color: transparent; position: relative; border: none; outline: none; }
.menu_sec li {
  margin: 0 0 10px !important;
  font-size: 16px;
  line-height: 26px;
}
.nav_top .navbar-brand img {
  max-width: 100%;
  width: 100px;
}
.bannerItm img {
  height: 500px;
}  
.bantext strong, .bantext h1 {
  font-size: 34px;
  line-height: 45px;
}
.bannersecs .carousel-indicators li {
  width: 24px !important;
  height: 24px !important;
}  
.about_description h1, .about_description h2{ font-size: 30px; line-height: 34px; padding: 21px 0 22px 48px; background-size: 45px; }
.about_area {
  padding: 40px 0;
}
.product_top_area h2{ font-size: 30px; line-height: 34px; padding: 58px 0 0; }
.product_top_area em{ font-size: 60px; line-height: 62px; bottom: -7px; }
.product_area_inner {
  margin-top: 60px;
}
.product_area_small {
  width: 220px;
  height: 150px;
  bottom: -19px;
  padding: 12px 15px;
}
.product_area_small h4{ font-size: 18px; line-height: 22px; }
.product_area_small p{ font-size: 15px; line-height: 21px; }
.product_area_small .arrow {
  height: 42px;
  width: 42px;
  bottom: -16px;
}
.product_area {
  padding: 50px 0 85px 0;
}
.footer_content h4{ font-size: 18px; line-height: 24px; padding-bottom: 20px; }
.footer_down {
  padding: 15px 0;
}
.footer_down p{ font-size: 14px; }

.menu_sec{ margin: 10px 0 0; padding: 10px 0 0; border-top: 1px solid #ccc; }
.header_sec {
  width: 100%;
  position: inherit;
  left: inherit;
  top: inherit;
  z-index: 5;
  padding: 10px 0;
  display: inline-block;
  background: #0c270e;
}
.footer_content .social_link {
  padding: 20px 0;
}
.footer_down p {
  font-size: 14px;
  text-align: center;
}
.footer_down p span {
  float: none;
  display: inline-block;
}




/*----------------------------about_us--------------------------*/
.inner_page .bannerItm img {height: 350px;}
.mission_area {padding: 0 0 40px;}
.mission_content { padding: 16px;}
.about_description {padding: 20px 0 0; }
.mission_area_box { margin-bottom: 20px;}




/*----------------------------products--------------------------*/
.product_area2_content h2 { font-size: 24px; line-height: 28px; }
.product_area2_content h2 img { max-width: 100%; margin-top: -10px; width: 40px;}
.product_area2 .row { margin-bottom: 60px;}
.product_area2_content ul { padding: 12px 0 0;}
.product_area2_content ul li{ font-size: 15px; line-height: 20px; }




/*----------------------------contact--------------------------*/
.get_in_touch .about_description h2 { padding: 20px 0 20px 65px;  background-size: 60px;}
.get_in_touch_inner {
  padding: 0;
  margin-top: 20px;
}
.contact_top_right_main {
  padding: 0 30px 30px 0;
}
.contact_top_right_main::after {
  width: 80%;
  top: 30px;
  height: 95%;
}
.contact_top_right h4{ font-size: 18px; line-height: 20px; padding-top: 15px; }
.contact_top_map iframe {
  width: 100%;
  height: 290px;
}
.contact_top_right {
  padding: 10px 20px 20px;
  min-height: 460px;
}
.contact_top_right p{ font-size: 15px; line-height: 25px; }
.contact_top_area {
  padding: 50px 0;
}
.get_in_touch {
  padding: 40px 0;
}
.get_in_touch_inner input[type="submit"] {
  width: 170px;
  height: 50px; line-height: 50px; }
.get_in_touch_inner input[type="text"], .get_in_touch_inner input[type="email"], .get_in_touch_inner input[type="tel"], .get_in_touch_inner textarea{ font-size: 15px; height: 50px; }
.get_in_touch_inner textarea{ height: 140px; }





}



 
 
@media only screen and (max-width: 767px){
.container{ max-width: 100%; } 

.bannerItm img {
  height: 300px;
}
.bantext strong, .bantext h1 {
  font-size: 24px;
  line-height: 35px;
}
.about_image {
  margin-top: 25px;
}




/*----------------------------about_us--------------------------*/
.inner_page .bannerItm img {height: 350px;}
.mission_area {padding: 0 0 40px;}
.mission_content { padding: 16px;}
.inner_page .bannerItm img { height: 290px;}


.product_area2_image { margin-top: 30px;}
.product_area2 .row { margin-bottom: 45px;}
.footer_link {
  padding: 0;
}

.contact_top_right_main {
  padding: 0 15px 15px 0;
  margin-top: 25px;
}
.contact_top_right {
  padding: 10px 20px 20px;
  min-height: inherit;
}
.contact_top_right_main::after {
  width: 91%;
  top: 30px;
  height: 93%;
}


}


@media only screen and (max-width: 575px){ 
.bannerItm img {
  height: 280px;
}
.bantext strong, .bantext h1 {
  font-size: 16px;
  line-height: 26px;
}
.bannersecs .carousel-indicators li {
  width: 16px !important;
  height: 16px !important;
  margin: 3px 0;
}
.bannersecs .carousel-indicators {
  width: 16px;
}
.about_description {
  padding: 0;
}
.about_description h1, .about_description h2 {
  font-size: 24px;
  line-height: 28px;
  padding: 15px 0 22px 48px;
  background-size: 40px;
}
.about_description a {
  padding: 13px 25px; font-size: 15px; }
.product_top_area h2 {
  font-size: 24px;
  line-height: 28px;
}
.product_top_area em {
  font-size: 36px;
  line-height: 44px;
  bottom: -7px;
}
.product_area_inner {
  margin: 40px 0 20px 0;
}
.product_area {
  padding: 40px 0 60px 0;
}




}


@media only screen and (max-width: 400px){ 
.contact_footer input[type="submit"] {
  position: inherit;
  right: inherit;
  bottom: inherit;
  float: left;
}

}