@charset "utf-8";
/*----------intial declartaion of css----------*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0 }
/* remember to define focus styles! */
:focus { outline: 0; }
a:hover{text-decoration: none;}
img { border: 0 none; max-width: 100%; }
a { outline: none; cursor: pointer; }
:focus{outline: none;}
iframe {display: block;}

/********************************* MAIN CSS START ******************************/
@font-face {
    font-family: 'Rubik-Light';
    src: url('../fonts/Rubik-Light.ttf');
}
@font-face {
    font-family: 'Rubik-Medium';
    src: url('../fonts/Rubik-Medium.ttf');
}
@font-face {
    font-family: 'Rubik-Regular';
    src: url('../fonts/Rubik-Regular.ttf');
}

body{width: 100%;float: left;margin: 0;padding: 0;font-size: 16px;line-height:28px;color: #333333;font-family: 'Rubik-Regular';}
section{
	clear:both;
}
b{
	font-family: 'Rubik-Medium';
	font-weight: normal;
	color:#111;
}
/*************** COMMON TAG **************/
h1{font-size: 48px;font-family: 'Rubik-Medium';}
h2{font-size: 40px;font-family: 'Rubik-Light';}
h3{font-size: 30px;font-family: 'Rubik-Medium';color: #222222;}
h4{font-size: 30px;}
h5{font-size: 25px;}
h6{font-size: 20px;font-family: 'Rubik-Medium';}
.padding{padding: 60px 0px;}
.bg_color{background-color: #f8f8f8;}
/*************** COMMON TAG **************/

.fixed-top{background-color: rgba(0,0,0, 0.29);padding-top: 0;padding-bottom: 0;}
.fixed-top.top-none{background-color:#444;}
.navbar-brand{padding-top: 0;padding-bottom: 0;}
.top-none .navbar-brand img {width: 68px;}
a.nav-link {font-family: 'Rubik-Light';letter-spacing: 0.5px;font-size: 15px;color: #fff;padding-left:20px !important;padding-right:20px !important;position: relative;}
a.nav-link:hover{color: #f89f32;}
a.nav-link::after {content: "";position: absolute;background-color: #f89f32;width: 5px;height: 5px;
right: 0px;top: 19px;}
.top_social {width: 100%;float: left;}
.top-none .top_social {display: none;}
.top_social_ul {list-style-type: none;border-bottom:1px solid rgba(210, 210, 210, 0.29);text-align: right;margin: 0;padding:2px 0 12px;}
.header_inner {width: 100%;float: left;}
.top-none .collapse  {padding: 0px 0px 0px !important;}
.navbar-expand-lg .navbar-collapse {text-align: left;    width: 100%;float: left;padding:12px 0px 0px;}
.navbar-nav .nav-item.after_none a.nav-link::after{display: none;}
.navbar-nav .nav-item:last-child a.nav-link::after {content: none;}
.navbar > .container{
	position:relative;
}
.navbar-nav .nav-item:last-child a.nav-link{
	margin-right:70px;
}
.inquiry_btn{color: #fff;background-color: #f89f32;padding: 8px 29px;border-radius: 5px;border: 1px solid transparent;}
.inquiry_btn:hover{color: #f89f32;background-color: transparent;border: 1px solid #f89f32;}
.top_social_ul li {display: inline-block;}
.top_social_ul li:nth-child(1){padding-right: 60px;}
.top_social_ul li:nth-child(2){padding-right: 60px;}
.top_social_ul li:nth-child(3){padding-right: 18px;}
.top_social_ul li:nth-child(4){padding-right: 18px;}
.top_social_ul li:nth-child(5){padding-right: 18px;}
.top_social_ul li a{color: #fff;font-family: 'Rubik-Regular';font-size: 15px;}
.top_social_ul li a:hover{color: #f89f32;}
.top_social_ul li a i.fa{padding-right: 15px;}

.top_social_ul li:last-child {padding-right: 0px;}
.carousel-control-prev-icon{background-image: none;}
.carousel-control-next-icon{background-image: none;}
.carousel-control-prev-icon i.fa{font-size: 30px;color: #fff;}
.carousel-control-next-icon i.fa{font-size: 30px;color: #fff;}
a.read_btn {background-color: #f89f32;color: #fff;padding: 9px 38px;border-radius: 5px;border: 1px solid transparent;font-family: 'Rubik-Medium';display: inline-block;}
a.read_btn:hover{background-color: transparent;color: #f89f32;border: 1px solid #f89f32;}
.carousel-caption {position: absolute;right: inherit;bottom: inherit;left: inherit;z-index: 10;padding-top: 20px;padding-bottom: 20px;color: #fff;text-align: center;top: 50%;left: 10%;text-align: left;transform: translateY(-50%);width: 45%;}
.carousel-caption h1{margin-bottom: 25px;}
.carousel-caption h2{margin-bottom: 20px;}
.carousel-caption p{margin-bottom: 50px;}
.home_prodcts_sec{width: 100%;float: left;background-color: #f8f8f8;}
.home_prodcts_sec .prodcts_sec_box p{text-align: left; font-family: 'Rubik-Light'; line-height:28px;}
.all_pro_btn {font-size: 16px;font-family: 'Rubik-Medium';color: #222222;border: 1px solid #dddddd;padding: 11px 33px;border-radius: 5px;background-color: #fff;display: inline-block;}
.all_pro_btn:hover {color: #ffffff;background-color: #f89f32;border: 1px solid #f89f32;}

.one{padding: 45px 0px 0px;}
.one .owl-nav button {position: absolute;top: 50%;background-color: #000;color: #fff;margin: 0;  transition: all 0.3s ease-in-out;}
.one .owl-nav button.owl-prev {left: 0;}
.one .owl-nav button.owl-next {right: 0;}
.one .owl-dots {text-align: center;padding-top: 15px;}
.one .owl-dots button.owl-dot {width: 26px;height: 6px;border-radius: 0;display: inline-block;  background: #dedede;margin: 0 3px;}
.one .owl-dots button.owl-dot.active {background-color: #f89f32;}
.one .owl-dots button.owl-dot:focus {outline: none;}
.one .owl-nav button { position: absolute;top: 50%;transform: translateY(-50%);background: rgba(255, 255, 255, 0.38) !important;}
.one span {font-size: 70px;position: relative;top: -5px;}
.one .owl-nav button:focus {outline: none;}
.one .item {background-color: #fff;padding: 20px;border: 1px solid #dddddd;}
.one .item p{font-family: 'Rubik-Regular';font-size: 21px;color: #222222;height: 100px;line-height:30px;}
.one .item a{font-family: 'Rubik-Regular';font-size: 14px;color: #f89f32;}
.one .item a i.fa{padding-right: 5px;}
.one .item a:hover{color: #000;}

.about_company{width: 100%;float: left;position: relative;}
.about_company_left .hover_box{padding-bottom: 0;position: absolute;top: 0;background-color: #f89f32;padding: 60px 30px;color: #fff;}
.about_company_left .hover_box span{font-family: 'Rubik-Light';display: inherit;padding-bottom: 10px;text-align: center;}
.about_company_right h3{padding-bottom: 15px;line-height: 35px;}
.about_company .about_company_left, .about_company .about_company_right{position: inherit;}
.about_company_right p{font-size: 15px;line-height: 29px;}
.facilities{width: 100%;float: left;}
.tab_nav{padding: 20px 0px 20px 117px;width: 100%;float: left;}
.tab_nav h3{padding-bottom:1px;line-height:41px;font-size: 26px;}
.facilities a.nav-link {color: #666666;font-family: 'Rubik-Medium';position: relative;border-bottom: 1px solid #ebebeb;border-radius: 0;padding: 10px 0px;font-size: 16px;}
.facilities a.nav-link:hover{color: #f89f32;border-bottom: 1px solid #f89f32;}
.facilities a.nav-link::before{content: "";width: 0;height: 0;border-top: 5px solid transparent;
border-left:6px solid #555;border-bottom: 5px solid transparent;position: absolute;left: 0;   top: 17px;}
.facilities a.nav-link::after{display: none;}
.facilities .nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #f89f32;background-color: transparent;border-bottom: 1px solid #f89f32;}
.facilities .nav-pills .nav-link.active::before{border-left-color: #f89f32;}
.facilities .nav-pills .nav-link:hover::before{border-left-color: #f89f32;}
.tab_data{width: 100%;float: left;position: relative;}
.img_on {width: 435px;background-color: rgb(248, 159, 50, 0.9);color: #fff;padding: 50px 50px;position: absolute;bottom: 0;}
.img_on h6{padding-bottom: 20px;}
.img_on p{font-size: 16px;font-family: 'Rubik-Light';margin-bottom: 20px;}
a.read2_btn {background-color: #fff;color: #f89f32;padding: 9px 38px;border-radius: 5px;border: 1px solid transparent;font-family: 'Rubik-Medium';display: inline-block;font-size: 16px;}
a.read2_btn:hover {background-color: transparent;color: #fff;border: 1px solid #fff;}
.mission{width: 100%;float: left;}
.icon_box {width: 15%;float: left;}
.text_box {width: 85%;float: left;}
.text_box h3{padding-bottom: 20px;}
ul.miss_ul {padding: 10px 18px;width: 100%;float: left;list-style-type: none;}
ul.miss_ul li{padding-bottom: 10px;font-family: 'Rubik-Medium';font-size: 16px;color: #333333;position: relative;}
ul.miss_ul li::before{content: "";position: absolute;background-color: #f89f32;width: 5px;height: 5px;left: -17px;top: 10px;}
.mis_left_inner{width: 50%;float: left;background-color: #f89f32;padding: 50px;margin-top: 80px;}
.mis_left_inner h5{color: #fff;text-align: center;}
.mis_right_inner{width: 50%;float: left;}
.mis_right_inner img{-webkit-box-shadow: 0px 0px 15px 8px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 0px 15px 8px rgba(0,0,0,0.14);
box-shadow: 0px 0px 15px 8px rgba(0,0,0,0.14);}
.footer_inner {background-color: #666666;padding: 40px 0px 0px;width: 100%;float: left;}
.footer_top {padding-bottom: 30px;border-bottom: 1px solid #8f8f8f;}
.footer_top b{color: #fff;}
ul.fo_nav {width: 50%;float: left;padding: 0;list-style-type: none;}
ul.fo_nav li {margin-bottom:2px;}
.fo_nav li a {color: #fff;font-size: 14px;margin-bottom: 10px;font-family: 'Rubik-Regular';}
.fo_nav li a:not([href]):not([tabindex]) {
    color: #fff;
    text-decoration: none;
}
.fo_nav li a:hover:not([href]):not([tabindex]){
	color: #f89f32;
}
.fo_nav li a:hover {color: #f89f32;}
.inner_box {vertical-align: top;padding-left: 0;width: 80%;float: right;}
.inner_box h6 {color: #fff;font-size: 21px;padding:0 0 2px;font-family: 'Rubik-Regular';}
.inner_box p {color: #fff;font-family: 'Rubik-Regular';font-size:14px;}
.footer_bottom {padding: 20px 0px;}
.footer_bottom p {font-size: 14px;color: #fff;margin-bottom: 0;font-family: 'Rubik-Regular';}
.fo_social {padding: 0;list-style-type: none;margin-bottom: 0;}
.fo_social li {display: inline-block;float: none;}
/*.fo_social li a:hover {color: #f09200;}*/
.fo_social li a:hover i.fa {background-color: #fff;}
.footer_bottom a {font-size: 14px;color: #fff;padding-right: 15px;margin-bottom: 0;}
.fo_social li a i.fa {background-color: #f89f32;width: 35px;height: 35px;text-align: center;    border-radius: 100%;line-height: 35px;}
.fo_social li:last-child a {padding-right: 0;}
.inner_box a {font-size: 15px;color: #fff;padding-bottom: 5px;display: block;}
.inner_box a:hover{color: #f89f32;}
.footer_bottom a:hover {color: #f89f32;}
.gray_color{color: #a3a2a2;display: block;}
a.fo_bottom_link {font-size: 14px;margin-bottom: 0;font-family: 'Rubik-Regular';padding-right: 0;color: #a3a2a2;}
.banner_inner{width: 100%;float: left;position: relative;}
.banner_inner_txt {
    width: auto;
    float: left;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.banner_inner_txt h1{color: #fff;}
.banner_inner_txt .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0;
    text-align: center;
}
.banner{
	background-color:#000;
}
.banner .carousel-item img{
	opacity: 0.5;
}
.banner_inner_txt .breadcrumb .breadcrumb-item a{color: #f79f33;font-family: 'Rubik-Medium';}
.banner_inner_txt .breadcrumb-item.active {color: #ffffff;}
.sec_one{width: 100%;float: left;}
.btn-inq {
	background-color: #f89f32;
	color: #fff;
	padding:6px 24px;
	border-radius: 4px;
	font-size: 16px;
	position: absolute;
	right: 0;
	font-family: 'Rubik-Medium';
	top:73px;
	border:1px solid #f89f32
}
.btn-inq:hover{
	background-color:transparent;
	border-color:#f89f32;
	color: #fff;
}
.top-none .btn-inq{
	top: 9px;
}
.fo_logo{
	margin-top: -40px;
}
.dropdown-menu{
	padding: 1rem 0;
    margin: .125rem 0 0;
	border: 0px solid rgba(0,0,0,.15);
    border-radius: 0;
}
.dropdown-item:focus, .dropdown-item:hover {
    color:#f89f32;
}
.dropdown-item.active, .dropdown-item:active {
    color:#f89f32;
    background-color:transparent;
}
.inner-banner{
	position:relative;
	background-color:#000;
	height: 300px;
    overflow: hidden;
}
.inner-banner img{
	opacity: 0.4;
}
.inner-banner h1{
	position:absolute;
	bottom: 62px;
	left:0;
	right:0;
	text-align:center;
	color: #fff;
    text-transform: capitalize;
	font-size: 30px;
}
.list{
	list-style-type:none;
	padding-left:17px;
}
.list li{
	font-family: 'Rubik-Regular';
	color:#333;
	line-height:26px;
	position: relative;
	padding-bottom: 7px;
}
.list li::before {
    content: "";
    position: absolute;
    background-color: #f89f32;
    width: 5px;
    height: 5px;
    left: -17px;
    top: 10px;
}
.list li ul{
	list-style-type: none;
	padding-left: 15px;
	padding-top: 8px;
}
.list li ul li::before{
	content: none;
}
.fac-page h5 {
    font-size: 21px;
    text-transform: capitalize;
    color: #222;
	font-family: 'Rubik-Medium';
	font-weight:normal;
	line-height: 33px;
}
.lightbox-gallery{
	margin-top:40px;
}
.product-tab .owl-controls {
    position: absolute;
    top: -55px;
    float: left;
    width: 50px;
    z-index: -1;
    right: 0;
}
.owl-controls .owl-prev {
    float: left;
    margin-left: -30px;
    padding: 5px;
}
.product-tab .owl-controls .owl-prev {
    margin-left: 0;
}
.product-tab .owl-controls .fa {
    font-size: 25px;
    color: #c9c9c9;
}
.owl-controls .owl-next {
    float: right;
    margin-right: -30px;
    padding: 5px;
}
.product-tab .owl-controls .owl-next {
    margin-right: 0;
}
.white-box{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background-color:#fff;
	padding:0px 25px 25px 25px;
	border:1px solid #ddd;
}
.white-box ul{
	 display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style-type:none;
	padding:0;
	margin-top:35px;
	
}
.white-box ul li{
	-ms-flex: 0 0 22.666667%;
	flex: 0 0 22.666667%;
	max-width: 22.666667%;
	padding:15px;
	text-align: center;
	background-color: #fff9f1;
	border-radius: 50%;
	margin:10px;
}
.white-box h5{
	text-align: center;
	color: #fff;
	font-size:18px;
	margin: 0 auto;
	background-color: #f89f32;
	padding: 10px 30px;
	text-transform: uppercase;
}
#inquiry .modal-body {
    padding:1.5rem;
}
#inquiry .modal-body h1{
	margin-bottom: 6px;
	color:#f89f32;
	line-height: 50px;
    font-size:30px;
}
#inquiry .modal-body h1 small{
	font-size: 13px;
	color: #666;
	padding-left: 15px;
	margin-left: 15px;
	border-left: 1px solid #ddd;
}
#inquiry .modal-header{
	padding: 1rem 1.5rem;
}
.floating-form .form-control{
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:1px solid #c4c4c4;
	border-radius:0;
	position:relative;
	z-index:2;
	background-color:transparent;
	margin-top: 20px;
	color: #000;
}
.floating-form .form-group{
	position:relative;
}
.floating-form .form-control:focus {
    color: #222;
    background-color:transparent;
    border-color: #db3539;
    outline: 0;
    box-shadow: none;
}
.floating-form .col-form-label {
    color: #999;
    position: absolute;
	top:0;
	left: 13px;
	z-index:1;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.floating-form .label-top{
	color:#555;
	top: -22px;
	font-size:12px;
}
a.btn-inq:not([href]):not([tabindex]){
	color:#fff;
	cursor:pointer;
}
label.error {
    font-weight: normal;
    color: red;
    font-size: 14px;
    position: absolute;
    left: 14px;
    top: 41px;
    line-height: 13px;
}
.read_btn {
    background-color: #f89f32;
    color: #fff;
    padding: 9px 38px;
    border-radius: 5px;
    border: 1px solid transparent;
    font-family: 'Rubik-Medium';
    display: inline-block;
}
.con-page h5{
	font-family: 'Rubik-Regular';
	font-size:18px;
	color:222;
}
.fac-page h3{
	margin-bottom:20px;
}
.dropdown-toggle::after {
    border-top: .3em solid #f79f33;
}
.dropdown a.nav-link::after{
	background-color: transparent;
}
.lightbox-gallery .wow{
    margin: 15px 0;
}

/************************** RESPONSIVE CSS START *************************/
@media (min-width:1400px) and (max-width:1599px){
.container {max-width: 1270px;}

}
@media (min-width:1600px) and (max-width:3000px){
.container {max-width: 1400px;}
.tab_nav h3 {
	padding-bottom: 15px;
	line-height: 45px;
	padding-top: 14px;
	font-size: 34px;
	padding-right: 60px;
}
h3 {
    font-size: 34px;
 }

.one .item p {
    font-size: 28px;
    height: 140px;
    line-height: 40px;
}
.about_company_right h3 {
    padding-bottom:20px;
}
.about_company_right p {
    font-size: 16px;
    line-height: 32px;
}
.about_company_right a.read_btn{
	margin-top:20px;
}
.about_company .about_company_left{
	height: 390px;
   overflow: hidden;
}
.mis_left_inner {
    margin-top: 130px;
}
.banner .carousel-inner {
    height: 900px;
}
 
}
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
    button.navbar-toggler {border: 1px solid #fff;}
    .navbar-toggler-icon {width: 15px;height: 2px;background-color: #fff;display: block;margin-bottom: 5px;margin-top: 5px;}
    .navbar-expand-lg .navbar-collapse{padding: 0;background-color: #fff;}
    a.nav-link{color: #000;}
    a.nav-link:hover{color: #f79f33;}
    a.nav-link::after{display: none;}
    .navbar-nav .nav-item:last-child {padding-left: 0;text-align: center;color: #fff;}
    .top_social_ul li a{color: #000;}
    .top_social{display: none;}
    .inquiry_btn {color: #fff !important;}
    .carousel-caption {position: inherit;right: inherit;bottom: inherit;left: inherit;z-index: inherit;padding-top: inherit;padding-bottom: inherit;color: #fff;text-align: center;top: inherit;left: inherit;text-align: inherit;transform: inherit;width: inherit;background-color: #000;padding: 50px;}
    .all_pro_btn{font-size: 15px;}
    .about_company_left .hover_box {padding-bottom: 0;position: inherit;top: inherit;    background-color: #f89f32;padding: 30px 30px;color: #fff;text-align: center;}
    .tab_nav {padding: 20px 0px 20px 20px;}
    .img_on {width: auto;background-color: rgb(248, 159, 50, 0.9);color: #fff;padding: 50px 50px;
    position: inherit;bottom: inherit;height: auto;}
    .icon_box {width: 100%;text-align: center;padding-bottom: 20px;}
    .text_box {width: 100%;}
    .mis_left_inner {width: 100%;padding: 50px;margin-top: 0;text-align: center;}
    .mis_right_inner {width: 100%;float: left;}
    .mis_right_inner img{width: 100%;}
    .fo_logo_main {width: 100%;float: left;flex: 100%;max-width: 100%;margin-bottom: 20px;}
    ul.fo_nav {width: 50%;float: left;margin: 0;}
    .inner_main_div {flex: 0 0 100%;max-width: 100%;margin-bottom: 20px;}
    .fo_bottom_box {flex: 100%;max-width: 100%;text-align: center!important;padding-bottom: 20px;}
    .fo_bottom_box:last-child{padding-bottom: 0;}
    .fo_logo_main {text-align: center;}
    .footer_inner{padding: 20px 0px 0px;}
    .top_social_ul li:nth-child(1) {padding-right: 20px;}
    .top_social_ul li:nth-child(2) {padding-right: 30px;}
    .top_social_ul li:nth-child(3) {padding-right: 15px;}
    .top_social_ul li:nth-child(4) {padding-right: 15px;}
    .prodcts_sec_box {text-align: center!important;padding-bottom: 20px;}
    .one {padding: 20px 0px 0px;}
    .about_company_left{padding-bottom: 20px;}
    br {display: none;}
    .navbar-brand img {width: 68px;}
    .owl_img{padding-bottom: 20px;}
    .carousel-caption {width: 100% !important;}
    .top_social_ul li:last-child a i.fa {padding-right: 15px;}
    .inquiry_btn{border-radius: 0;}
    h3 {
    font-size: 24px;
    line-height: 32px;
}
    .tab_nav {padding: 20px 0px 20px 20px !important;}
.btn-inq {
    padding: 4px 13px;
    font-size: 14px;
    right: 50px;
    top: 15px;
  }
 .top-none .btn-inq {
    top: 16px;
}
.navbar-nav .nav-item:last-child a.nav-link {
    margin-right: 0;
    text-align: left;
 }
 .navbar-nav .dropdown-menu {
    padding-top: 0;
}
.banner .carousel-caption{
	padding:15px;
	background-color: #111;
}
.banner .carousel-caption h2 {
    margin-bottom: 10px;
    font-size: 15px;
}
.banner .carousel-caption h1 {
    margin-bottom:18px;
    font-size:20px;
}
.banner .carousel-caption p{
	display:none;
}
.banner .carousel-caption a.read_btn{
	padding: 4px 28px;
	font-size: 14px;
}
.padding {
    padding: 40px 0px;
}
.one .item p {
    font-size: 21px;
    height: auto;
    margin-bottom: 5px;
}
.img_on {
    width: 100%;
    padding: 25px;
    height: auto;
}
.inner-banner {
    height: 210px;
	overflow: hidden;
}
.inner-banner img {
    max-width: none;
    height: 100%;
}
.inner-banner h1{
	font-size: 24px;
}
.white-box ul li {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
    padding:5px;
	margin:2px;
}
.white-box{
	padding: 0px 15px 15px 15px;
}
.fac-page .img-fluid{
	margin:5px 0;
}
.fac-page h3{
	margin-top: 20px;
}
.quality-img{
    flex-direction: column;
}
 
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
    button.navbar-toggler {border: 1px solid #fff;}
    .navbar-toggler-icon {width: 15px;height: 2px;background-color: #fff;display: block;margin-bottom: 5px;margin-top: 5px;}
    .navbar-expand-lg .navbar-collapse{padding: 0px;background-color: #fff;}
    a.nav-link{color: #000;}
    a.nav-link:hover{color: #f79f33;}
    a.nav-link::after{display: none;}
    .navbar-nav .nav-item:last-child {padding-left: 0;text-align: center;color: #fff;}
    .top_social_ul li a{color: #000;}
    .top_social{background-color: #fff;}
    .inquiry_btn {color: #fff !important;border-radius: 0;}
    .carousel-caption {position: inherit;right: inherit;bottom: inherit;left: inherit;z-index: inherit;padding-top: inherit;padding-bottom: inherit;color: #fff;text-align: center;top: inherit;left: inherit;text-align: inherit;transform: inherit;width: inherit;background-color: #000;padding: 50px;}
    .all_pro_btn{font-size: 15px;}
    .about_company_left .hover_box {padding-bottom: 0;position: inherit;top: inherit;    background-color: #f89f32;padding: 30px 30px;color: #fff;text-align: center;}
    .tab_nav {padding: 20px 0px 20px 20px;}
    .img_on {width: auto;background-color: rgb(248, 159, 50, 0.9);color: #fff;padding: 50px 50px;
    position: inherit;bottom: inherit;height: auto;}
    .icon_box {width: 20%;}
    .text_box {width: 80%;}
    .mis_left_inner {width: 100%;padding: 50px;margin-top: 0;text-align: center;}
    .mis_right_inner {width: 100%;float: left;}
    .mis_right_inner img{width: 100%;}
    .fo_logo_main {width: 100%;float: left;flex: 100%;max-width: 100%;margin-bottom: 20px;}
    ul.fo_nav {width: 50%;float: left;margin: 0;}
    .inner_main_div {flex: 0 0 100%;max-width: 100%;margin-bottom: 20px;}
    .fo_bottom_box {flex: 100%;max-width: 100%;text-align: center!important;padding-bottom: 20px;}
    .fo_bottom_box:last-child{padding-bottom: 0;}
    .fo_logo_main {text-align: center;}
    .footer_inner{padding: 20px 0px 0px;}
    .top_social_ul li:nth-child(1) {padding-right: 20px;}
    .top_social_ul li:nth-child(2) {padding-right: 30px;}
    .top_social_ul li:nth-child(3) {padding-right: 15px;}
    .top_social_ul li:nth-child(4) {padding-right: 15px;}
    .prodcts_sec_box {text-align: center!important;padding-bottom: 20px;}
    .one {padding: 20px 0px 0px;}
    .about_company_left{padding-bottom: 20px;}
    br {display: none;}
    .navbar-brand img {width: 68px;}
    .owl_img{padding-bottom: 20px;}
    .carousel-caption {width: 100% !important;}
    .top_social_ul li:last-child a i.fa {padding-right: 15px;}
    h3 {font-size: 30px;}
    .tab_nav {padding: 20px 0px 20px 20px !important;}
.btn-inq {
    padding: 4px 13px;
    font-size: 14px;
    right:70px;
    top: 15px;
  }
 .top-none .btn-inq {
    top: 16px;
}
.navbar-nav .nav-item:last-child a.nav-link {
    margin-right: 0;
    text-align: left;
 }
 .navbar-nav .dropdown-menu {
    padding-top: 0;
}
.banner .carousel-caption{
	padding:15px;
	background-color: #111;
}
.banner .carousel-caption h2 {
    margin-bottom: 10px;
    font-size: 15px;
}
.banner .carousel-caption h1 {
    margin-bottom:18px;
    font-size:20px;
}
.banner .carousel-caption p{
	display:none;
}
.banner .carousel-caption a.read_btn{
	padding: 4px 28px;
	font-size: 14px;
}
.padding {
    padding: 40px 0px;
}
.one .item p {
    font-size: 21px;
    height: auto;
    margin-bottom: 5px;
}
.img_on {
    width: 100%;
    padding: 25px;
    height: auto;
}
.top_social {
    display: none;
}
.white-box ul li {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    padding:10px;
	margin:5px;
}
.white-box{
	padding: 0px 15px 15px 15px;
}
.inner-banner {
    height: auto;
}


}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
    button.navbar-toggler {border: 1px solid #fff;}
    .navbar-toggler-icon {width: 15px;height: 2px;background-color: #fff;display: block;margin-bottom: 5px;margin-top: 5px;}
    .navbar-expand-lg .navbar-collapse{padding: 15px 0px 15px;background-color: #fff;}
    a.nav-link{color: #000;}
    a.nav-link:hover{color: #f79f33;}
    a.nav-link::after{display: none;}
    .navbar-nav .nav-item:last-child {padding-left: 0;text-align: center;color: #fff;}
    .all_pro_btn{font-size: 15px;padding: 11px 22px;}
    .about_company_left .hover_box {padding-bottom: 0;position: inherit;top: inherit;    background-color: #f89f32;padding: 30px 30px;color: #fff;text-align: center;}
    .tab_nav {padding: 20px 0px 20px 20px;}
    .img_on {width: auto;background-color: rgb(248, 159, 50, 0.9);color: #fff;padding: 50px 50px;
    position: inherit;bottom: inherit;height: auto;}
    .icon_box {width: 30%;}
    .text_box {width: 70%;}
    .mis_left_inner {width: 100%;padding: 50px;margin-top: 0;text-align: center;}
    .mis_right_inner {width: 100%;float: left;}
    .mis_right_inner img{width: 100%;}
    .fo_logo_main {width: 100%;float: left;flex: 100%;max-width: 100%;margin-bottom: 20px;}
    ul.fo_nav {width: 100%;float: left;margin: 0;}
    .inner_main_div {flex: 0 0 100%;max-width: 100%;margin-bottom: 20px;}
    .fo_bottom_box {flex: 100%;max-width: 100%;text-align: center!important;padding-bottom: 20px;}
    .fo_bottom_box:last-child{padding-bottom: 0;}
    .carousel-caption {width: 100% !important;}
    .top_social_ul li:last-child a i.fa {padding-right: 15px;}
    h3 {font-size: 30px;}
	.navbar-brand img{
		width:96px;
	}
.btn-inq {
    padding: 4px 13px;
    font-size: 14px;
    right:70px;
    top:29px;
  }
 .top-none .btn-inq {
    top: 16px;
}
.navbar-nav .nav-item:last-child a.nav-link {
    margin-right: 0;
    text-align: left;
 }
 .navbar-nav .dropdown-menu {
    padding-top: 0;
}
.banner .carousel-caption{
	padding:15px;
	max-width: 460px;
}
.banner .carousel-caption h2 {
    margin-bottom: 10px;
    font-size: 15px;
}
.banner .carousel-caption h1 {
    margin-bottom:18px;
    font-size:20px;
}
.banner .carousel-caption a.read_btn{
	padding: 4px 28px;
	font-size: 14px;
}
.padding {
    padding: 40px 0px;
}
.one .item p {
    font-size: 21px;
    height: auto;
    margin-bottom: 5px;
}
.img_on {
    width: 100%;
    padding: 25px;
    height: auto;
}
.top_social {
    display: none;
}
.tab_nav h3 {
    line-height: 36px;
	font-size: 26px;
}
.facilities a.nav-link{
	font-size: 14px;
	line-height: 22px;
}
.img_on h6 {
    padding-bottom: 5px;
}
.about_company_right h3 {
    padding-bottom: 5px;
    line-height: 22px;
}
.white-box ul li {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    padding:10px;
	margin:5px;
}

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
    .carousel-caption{width: 60%;}
    .tab_nav{padding: 20px 0px 20px 40px;}
    a.nav-link{
		font-size: 14px;
		padding-left: 15px !important;
        padding-right: 15px !important;
	}
    .top_social_ul li a{font-size:14px;}
    .icon_box {width: 20%;}
    .text_box {width: 80%;}
.navbar-brand img{
    width: 120px;
}
.btn-inq {
    padding: 6px 17px;
    font-size: 14px;
    top: 55px;
}
.carousel-caption h1 {
    margin-bottom: 15px;
	font-size: 37px;
}
.carousel-caption h2 {
    margin-bottom: 10px;
	font-size: 25px;
}
.tab_nav h3 {
    line-height: 29px;
	font-size: 20px;
}
.img_on {
    padding: 30px;
    height: auto;
}
.fo_logo {
    width: 120px;
}
	
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px) { 
    .carousel-caption{width: 60%;}
    .tab_nav{padding: 20px 0px 20px 40px;}
}

/************************** RESPONSIVE CSS END *************************/