@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
--primary:#045C63;
--secondary:#E5A222;
--white:#fff;
--black:#000;
}

body{padding:0px; margin:0px; font-family:'Inter', sans-serif; color:#000; 
font-size:14px; background:#fff;}
h1,h2,h3,h4,h5,h6{display:block;}
ul {list-style:none;}

nav{
width: 100%;
position: fixed;
top: 0;
left: 0;
height: 80px;
padding: 5px 0px;
box-sizing: border-box;
transition: .5s;
z-index: 100;
background:#fff;
box-shadow: 0px 15px 10px -15px #c1c1c1;    
}
nav.black{
background:#fff;
height:80px;
padding:5px 50px;
box-shadow: 0px 15px 10px -15px #c1c1c1;}
nav .logo{float:left;}
nav .logo img{height:70px; transition:.5s;}
nav.black .logo img{height: 50px;}

.home-banner{margin-top:4%;}
.home-banner .owl-carousel.owl-drag .owl-item{width:100%;}
.hm-bnrImg{width:100%;}
.hm-bnrImg img{width:100%; height:500px; display: block; object-fit:cover; border-radius:30px;}
.home-banner .owl-carousel .owl-stage-outer{height:auto;}
.home-banner .owl-nav .owl-prev {
background: url(../images/prev.png) no-repeat;
background-size:100% 100%;
position: relative;
bottom: 320px;
text-indent: -9999px;
width: 40px;
height: 40px;
left:10px;}
.home-banner .owl-nav .owl-next {
background: url(../images/next.png) no-repeat;
background-size:100% 100%;
position: relative;
bottom:360px;
text-indent: -9999px;
width: 40px;
height: 40px;
left: 96.50%;}
.home-banner .owl-nav{display: none;}
.home-banner .banner-overflow{position:absolute; width:60%; height:101%; display:block;
 padding:5% 15% 0 2%; z-index:10; top:0px; left:-2px;
background:url(../images/overlayImg.png) no-repeat 0 0; background-size:100% 100%;}
.home-banner .banner-overflow h1{font-size:35px; color:var(--white); font-weight:700;
 text-transform:uppercase; letter-spacing:2px;}
 .home-banner .banner-overflow p{font-size:16px; color:var(--white);}

/*---------Footer section css----------*/
.footer-bg{background:#2f282e; padding:30px 0px;}
.footer-bg h2{font-size:25px; color:var(--secondary); font-weight:600; position:relative;}
.footer-bg h2:after{content:""; width:40px; height:4px; background:var(--white); border-radius:50px;
position:absolute; left: 0px; bottom:-16px;}
.ftr-logo{width:50%; background:#fff; padding:10px; border-radius:5px;}
.ftr-logo img{width:100%; display: block;}
.footer-bg p{color:var(--white);}
.footer-bg ul{padding:0px; margin:0px;}
.footer-bg ul li{display:block; background:url(../images/bullet.png) no-repeat 0 7px; padding-left:22px;}
.footer-bg ul li a{color:var(--white);}
.footer-bg ul li a:hover{color:var(--secondary);}
.ftr-map{width:100%; height:220px; border-radius:10px;}

.footer-bottom{background:var(--black); padding: 20px 0 20px;}
.footer-bottom p{color:var(--white);}
.footer-bottom p a{color: var(--secondary);}
.footer-bottom p a:hover{color:var(--primary);}
.footer-bottom ul{padding:0px; margin:0px;}
.footer-bottom ul li{display:inline-block; width:fit-content; margin:0px 7px; border-right:solid 2px var(--white);
padding-right:18px; height:18px; line-height:16px;}
.footer-bottom ul li a{color:var(--white);}
.footer-bottom ul li a:hover{color:var(--secondary);}
.footer-bottom ul li:last-child{border-right:none; margin-right:0px; padding-right:0px;}

/*---------Footer section css----------*/


ul.phone{}
ul.phone h2{font-size:20px; color:var(--black);}
ul.phone li{display:inline-block; color:var(--black); position:relative; padding-right:30px;
border-right:solid 1px #045C63; padding-left:27px; margin-right:27px;}
ul.phone li i{font-size:20px; color:var(--primary); position:absolute; left:0px;
top:2px;}
ul.phone li:last-child{margin-right:0px; padding-right:0px; border-right:none;}
ul.phone li a{color:var(--black); font-weight:600; font-size: 16px;}
ul.phone li a:hover{color:var(--primary);}

.sMedia{}
.sMedia h3{font-size:20px; color:var(--black); font-weight:600; padding-right:10%;}
.sMedia a{background:var(--white); width:40px; height:37px; border-radius:100%;
box-shadow:0 0 10px #cacaca; text-align:center; line-height:47px; display:inline-block;
margin:0px 7px;}
.sMedia a i{font-size:25px; color:var(--primary);}

.recnt-discvr{background:url(../images/recent-bg.png) no-repeat 0 0; 
 background-size:100% 100%;}
 .recnt-discvr h2{background:linear-gradient(to right, #F3F3F3 0%, #A7A3A3 100%);
-webkit-background-clip:text; -webkit-text-fill-color:transparent; font-size:60px;
text-transform:uppercase; font-weight:600;}
.recnt-discvr h3{background:linear-gradient(to right, #F3F3F3 0%, #A7A3A3 100%);
-webkit-background-clip:text; -webkit-text-fill-color:transparent; font-size:40px;
text-transform:uppercase; font-weight:600;}
.discvrImg{width:100%;}
.discvrImg img{width:100%; display:block; border-radius:10px;}
.page-header{background:linear-gradient(95deg, rgba(228,16,16,1) 0%, rgba(131,22,15,1) 100%);
border-bottom-left-radius:25px; border-top-right-radius:25px; width:fit-content;
padding:12px 30px; font-size:17px; color:var(--white);}
.page-header-02{background:linear-gradient(95deg, rgba(228,16,16,1) 0%, rgba(131,22,15,1) 100%);
border-bottom-left-radius:25px; border-top-right-radius:25px; width:15%; text-align: center;
padding:12px 0; font-size:17px; color:var(--white); margin:0 auto;}
.page-header-bk{font-size:30px; color:var(--black); font-weight:600;}
.gt-start-box{background:var(--white); border-radius:15px; box-shadow: 0 0 10px #c0c0c0;
height:270px;}
.gt-startImg{width:50%; margin: 0 auto;}
.gt-startImg img{width:100%; display:block;}
.gt-start-box span{font-size:16px; color:var(--black); font-weight:600;}
.red-circle{width:10%; position:absolute; right:30px; bottom:25px;}
.red-circle img{width:100%; display:block;}
.elavt-bg{background:#000;}
ul.art-wrk{}
ul.art-wrk li{display:block; position:relative; padding-left:18%;}
ul.art-wrk li strong{font-size:30px; color:var(--white); font-weight:600;}
ul.art-wrk li p{font-size:16px; color:#969191; font-weight:600;}
ul.art-wrk li dd{width:50px; height:50px; position:absolute; left:0px; 
top:0px; font-size:30px; text-align:center; line-height:50px; border-radius:100%;
color:var(--white);}
ul.art-wrk li dd:after{content:""; width:1px; height:60px; background:#fff; 
position:absolute; top:100%; left:0; right:0; margin:10px auto 0px;}

.corport-box{}
.corport-box img{width:100%; display: block;}
.corport-box .cont-area{position:absolute; width:100%; height:40%; bottom:0px;
background:url(../images/corporate-box-shadow.png) no-repeat 0 0;
background-size:100% 100%; border-bottom-left-radius:20px;
border-bottom-right-radius:20px;}
.corport-box .cont-area h3{font-size:25px; color:var(--white); font-weight:600;
text-transform:uppercase;}
.corport-box .cont-area p{font-size:15px; color:var(--white);}

.dynamic-bg{background-size:100% 100%!important;
background:url(../images/dynamic-bg.jpg) no-repeat 0 0;}
.dynamic-bg-overflow{width:100%; display:block; position:relative;
z-index:10; background:rgba(0, 0, 0, 0.6);}
.dynamic-bg-overflow h2{font-size:30px; color:var(--white); font-weight:600;}
.dynamic-bg-overflow b{font-size:16px; color: var(--white); font-weight:400;}
.dynamicImg{width:65%;}
.dynamicImg img{width:100%; display:block;}
.wht-box{background:var(--white); width:20%; height:70px; display:block;
border-radius:5px; text-align:center; padding-top:4px; float: left;}
.wht-box span{font-size:16px; color:var(--black); font-weight:600;}
.wht-box p{font-size:13px; color:#5C5656;}
.yelo-box{background:#F1A609; width:20%; height:70px; display:block; 
border-radius:5px; text-align:center; float: left;}
.yelo-box img{width:90%; display:block; margin:10px auto 0;}
.dynamic-red-circle{width:15%; position:absolute; bottom:0px; right:15%;}
.dynamic-red-circle img{width:100%; display:block;}
.abut-pd{padding:12px 80px;}
.work-bg{background:url(../images/work-bg.png) no-repeat 0 0; width:100%; 
background-size:100% 100%; display:block;}
.work-txt h2{background: linear-gradient(to right, #F3F3F3 0%, #A7A3A3 100%);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 100px;
text-transform: uppercase;font-weight: 600;}
.work-txt h3{background: linear-gradient(to right, #F3F3F3 0%, #A7A3A3 100%);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size:40px;
text-transform: uppercase;font-weight: 600;}
.cust-opsm{background: linear-gradient(0deg, rgba(1,3,5,1) 0%, rgba(17,29,58,1) 100%);
height:65px; border-radius:50px; display:flex; align-items:center; margin:0 auto;
justify-content:center; font-size:27px; color:var(--white); font-weight:600;}
.cust-opsm:first-child{width:60%;}
.cust-opsm:nth-child(2){width:80%;}
.cust-opsm:nth-child(3){width:100%;}
.cust-opsm:nth-child(4){width:40%;}

.greeb-bg{background: linear-gradient(0deg, rgba(2,46,51,1) 0%, rgba(53,109,116,1) 100%);
width: 100%; display:block;}
.greeb-bg-overlay{background:url(../images/green-bg-overlay.png) no-repeat 0 0; 
width:100%; height:100%; display:block; background-size:100% 100%; position:relative;
z-index:10; top: 0px; padding:25px 100px 50px;}
.greeb-bg-overlay h2{background: linear-gradient(to right, #F3F3F3 0%, #A7A3A3 100%);
-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 45px;
text-transform: uppercase; font-weight: 600; letter-spacing:-2px;}
.greeb-bg-overlay h2 span{background: linear-gradient(to right, #F3F3F3 0%, #A7A3A3 100%);
-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 25px;
font-weight: 600; display:inline-block; text-transform:none!important; 
position:relative; top:-8px;}
.greeb-bg-overlay h2 dd{font-size: 45px; color:#f3f3f3; display:inline-block;}
.greeb-bg-overlay p{font-size:15px; color:#fff;}
.cont-dtls-bg{background:#fff; border-radius:25px;}
.cont-dtls-bg h3{ font-size:20px; color:var(--black); font-weight:800; }
.form-field{background:#F9F9F9; border:solid 1px #929292; border-radius:10px;
height:50px; font-size:15px; color:#929292; width:100%;}
.form-field:focus{box-shadow:none;}
.form-field::placeholder{font-size:15px; color:#929292;}
.select-field{border:solid 1px #929292; border-radius:10px;
height:50px; font-size:15px; color:#929292; width:100%;}
.select-field:focus{box-shadow:none;}
.select-field::placeholder{font-size:15px; color:#929292;}
.txtarea-field{background:#F9F9F9; border:solid 1px #929292; border-radius:10px;
font-size:15px; color:#929292; overflow:auto; padding:15px; width:100%;}
.txtarea-field:focus{box-shadow:none;}
.txtarea-field::placeholder{font-size:15px; color:#929292;}
.green-bg{background:#109A2E; border-radius:7px;}
.green-bg figure {
position: relative;
overflow: hidden;}
.green-bg figure img{width:30px; display:block; margin:0 auto;}
.green-bg figure span{font-size:16px; color:var(--white); font-weight:700;}
.green-bg input {
position: absolute;
font-size: 50px;
opacity: 0;
right: 0;
top: 0;
cursor:pointer;}
.no-fil-bg{background: #E5A222; border-radius:8px; width:80%; text-align:center;
padding:15px 0; font-size:16px; color:var(--white); font-weight:600;}
.submit-Btn{background: linear-gradient(0deg, rgba(153,8,8,1) 0%, rgba(207,13,13,1) 100%);
border-radius:50px; font-size:16px; color:var(--white); font-weight:600;}
.cont-dtls-bg ul{padding:0; margin:0;}
.cont-dtls-bg ul li{display:block; position:relative; padding-left:13%; font-size:16px;}
.cont-dtls-bg ul li a{font-size:16px; color:var(--black);}
.cont-dtls-bg ul li a:hover{color:#028797!important;}
.cont-dtls-bg ul li i{font-size:27px; color:var(--black); position:absolute; left:0;
top:0px;}

.about .home-demo{box-shadow: 0 0 8px #d1d1d1; border-radius:20px; padding:50px 30px;}
.about .home-demo h3{font-size:20px; color:var(--black); font-weight:600;}
.about .red-bg{background: linear-gradient(0deg, rgba(217,217,217,1) 0%, rgba(255,24,24,1) 100%);
width:100%; height:300px; display:block;}
.aboutImg{width:100%;}
.aboutImg img{width:100%; display:block;}
.about-contArea{}
.about-contArea img{width:50px!important; display:block;}
.about-contArea p{font-size:15px; color:var(--black); line-height:35px;}
.about-contArea h4{font-size:25px; color:var(--black);}
.about-contArea i{color:var(--secondary); font-size:15px; display:inline-block;}
.star-grey{color:#D9D9D9;}
.about .owl-carousel .owl-nav .owl-prev{background-size:100% 100%!important; width:71px; 
height:70px; background:url(../images/about-prev-btn.png) no-repeat 0 0; position:absolute; 
top:30%; left:-80px; text-indent:-9999px;}
.about .owl-carousel .owl-nav .owl-next{background-size:100% 100%!important; width:71px; 
height:70px; background:url(../images/about-next-btn.png) no-repeat 0 0; position:absolute; 
top:30%; right:-80px; text-indent:-9999px;}

.suppliers h3{font-size:20px; color:var(--black); font-weight:600;}
.suppliers .home-demo{background:#A30A0A; border-radius:25px; padding:80px;}
.suppliers .owl-carousel .owl-nav .owl-prev{background-size:100% 100%!important; width:71px; 
height:70px; background:url(../images/about-prev-btn.png) no-repeat 0 0; 
position:absolute; top:30%; left:-115px; text-indent:-9999px;}
.suppliers .owl-carousel .owl-nav .owl-next{background-size:100% 100%!important; width:71px; 
height:70px; background:url(../images/about-next-btn.png) no-repeat 0 0; 
position:absolute; top:30%; right:-115px; text-indent:-9999px;}
.suppliers .owl-carousel .owl-nav.disabled{display:block;}
.biz-collsn{background:#D41313; border-radius:10px; padding-top:60px;
height:190px; position:relative;}
.biz-collsn img{width:170px!important; height:65px; display:block; position:absolute; 
left:0px; right:0px; top:17%; margin:0 auto;}
.biz-collsn strong{font-size:20px; color:var(--white); font-weight:600; width:100%;
text-align:center;}
.biz-collsn p{font-size:15px; color:var(--white);}
.biz-collsn i{font-size:25px; color:var(--white);}

footer{background:#f2f2f2;}
.ftr-logo{width: 100%;}
footer h2{font-size:20px; color:var(--black);}
ul.ftr-menu{}
ul.ftr-menu li{display:block;}
ul.ftr-menu li a{font-size:16px; color:#595959;}
ul.ftr-menu li a:hover{color:#045c63;}

ul.media{}
ul.media li{width:fit-content; display:inline-block; margin: 0px 4px;}
ul.media li a{background:var(--white); width:30px; height:30px; border-radius:100%;
box-shadow: 0 0 8px #c0c0c0; display:block; text-align:center; line-height:34px;
margin:0 auto;}
ul.media li a i{font-size:20px; color:#045c63;}

ul.ftr-conact{}
ul.ftr-conact li{font-size:15px; color:var(--black);font-weight:800;}
ul.ftr-conact li a{font-size:15px; color:var(--black); font-weight:800;}
ul.ftr-conact li a:hover{color:#045c63;}
ul.ftr-conact li img{width:20px; display:inline-block; position:relative; top:2px;}

.copyrght-bg{background:var(--black);}
.copyrght-bg p{font-size:15px; color:var(--white);}
.copyrght-bg p a{color:#c20c0c;}
.copyrght-bg p a:hover{color:#06effa;}

@media only screen and (max-width:1680px){
.home-banner{margin-top:6%;}
}

@media only screen and (max-width:1440px){
.wht-box{width:30%;} 
.yelo-box{width:30%;}
}

@media only screen and (max-width:1366px){
.page-header-02{width:22%;}
.home-banner{margin-top:7.50%;}
.cust-opsm{font-size:20px; height:55px;}
.work-txt h2{font-size:80px;}
.work-txt h3{font-size:30px;}
.gt-startImg{width:70%;}
}

@media only screen and (max-width:1280px){
.home-banner .banner-overflow h1{font-size:25px;}
.corport-box .cont-area{height:50%; bottom: 10px;}
.corport-box .cont-area h3{font-size:20px;}
.corport-box .cont-area p{font-size:13px;}
.biz-collsn{height:170px;}
.cont-dtls-bg ul li{font-size:14px; padding-left:16%;}
.cont-dtls-bg ul li a{font-size:14px;}
ul.ftr-conact li a{font-size:13px;}
ul.ftr-conact li img{width:15px; top:6px;}
ul.ftr-menu li a{font-size:13px;}
ul.media li a{width:40px; height:40px; line-height:42px;}
ul.media li a i{font-size:24px;}
.about .red-bg{height:269px;}
}

@media only screen and (max-width:1024px){
.home-banner .banner-overflow h1{font-size:20px;}
.wht-box{width:35%;}
.yelo-box{width:35%;}
.about .owl-carousel .owl-nav .owl-prev{width:51px; height:51px; left:-60px;}
.about .owl-carousel .owl-nav .owl-next{width:51px; height:51px; right:-60px;}
.suppliers .owl-carousel .owl-nav .owl-prev{width:51px; height:51px; left:-103px;}
.suppliers .owl-carousel .owl-nav .owl-next{width:51px; height:51px; right:-103px;}
}

@media only screen and (max-width: 993px){
ul.phone h2{padding-right:0%; font-size:17px; padding-left:7%;}
.sMedia h3{font-size:17px;}
ul.phone li i{font-size:17px;}
.sMedia a{width:26px; height:25px; line-height:26px;}
.sMedia a i{font-size:17px;}
.home-banner{margin-top:12.5%;}
.home-banner .banner-overflow{width:70%;}
.hm-bnrImg img{height:433px;}
.page-header-02{width:36%;}
.recnt-discvr h3{font-size:30px;}
.recnt-discvr h2{font-size:40px;}
ul.phone li{padding-right:15px; margin-right:15px;}
ul.phone li a{font-size:12px;}
ul.art-wrk li strong{font-size:25px;}
.work-txt h2{font-size:55px;}
.cust-opsm{font-size: 17px; height: 45px;}
.cust-opsm:first-child{width:70%;}
.cust-opsm:nth-child(2){width:85%;}
.cust-opsm:nth-child(4){width:50%;}
.greeb-bg-overlay{padding:25px 50px 50px;}
.cont-dtls-bg ul li i{font-size:16px; top:3px;}
.cont-dtls-bg ul li a{font-size:13px;}
.cont-dtls-bg ul li{font-size:13px;}

.mobile-menu-bg{background:#000;
position: fixed;
right: -75px;
bottom: 50%;
margin: 0 auto;
z-index: 1000;
width: 198px;
height: 50px;}
.navigation-menu .width-logo{font-size:20px;}
a.mb-menu-logo{width:50%; background:var(--white); padding:10px 0px;}
a.mb-menu-logo img{width:60%; display:block; padding-left:12px;}
a.ftr-sm-menu{width:100%; height:45px; display:flex; justify-content:center;
align-items:center;}
a.ftr-sm-menu i{font-size:20px; color:#fff;}

/*------------Hamburgar menu-----------*/
.hamburger-menu {
position: fixed;
bottom:0px;
left: 8%;
padding-top: 10px;
padding-left: 14px;
width: 30%;
height: 45px;
cursor: pointer;
z-index: 9998;
}

.bar,
.bar:after,
.bar:before {
  width: 30px;
  height: 3px;
}

.bar {
  position: relative;
  transform: translateY(10px);
  background:#fff;
  transition: all 0ms 300ms;
}

.bar.animate {
background: rgba(255, 255, 255, 0);
position:relative;
bottom:0px;
left: 0px;
cursor:pointer;
z-index: 100;
}

.bar:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 10px;
  background:#fff;
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar:after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  background:#fff;
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar.animate:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.mobile-menu ul {
  margin: 0;
  padding: 0;
}

.mobile-menu li {
  font-size: 15px;
  line-height: 20px;
  margin: 0;
  overflow: hidden;
  padding: 5px;
  position: relative;
  text-align: left;
  padding-left: 15px;
  margin-bottom:7px;
}

.mobile-menu li:first-child {
  margin-top: 20px;
}

.mobile-menu li:hover {color:#ff894c;}

.mobile-menu li a {
  text-decoration: none;
  color: #fff;
  font-size:20px;
}
.mobile-menu li a:hover{color:#ff894c;}
.mobile-menu {
  top: 0;
  padding-top:0px;
  max-width: 250px;
  left: -100%;
  width: 100%;
  background:#000;
  color: black;
  height: 100%;
  position: fixed;
  z-index: 9997;
  overflow-y: auto;
  -webkit-transform: translate3d(0, 0, 205px);
  -moz-transform: translate3d(0, 0, 205px);
  transform: translate3d(0, 0, 205px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.mobile-menu.active {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.has-children{color:#fff; cursor:pointer;}
.has-children:hover {
  cursor: hand;
}

.children {
  display: none;
  background:#393939;
  padding:6px 0px!important;
  border-radius:15px!important;
  margin-top:5px!important;
  width:90%!important;
}

.mobile-menu .children li:first-child {
  margin-top: 0px;
}

.icon-arrow {
  position: absolute;
  display: block;
  font-size: 0.7em;
  color:#fff;
  top: 5px;
  right: 10px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
}

.icon-arrow:after {
  content: "▼";
}

.icon-arrow.open {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;}
/*------------Hamburgar menu-----------*/
}


@media only screen and (max-width:767px){
nav{padding:0px 0px 5px; height:auto; position:inherit;}
nav.black{padding:0px 0px 5px; height:auto;}
nav .logo{float:none; text-align:center;}
ul.phone li a{font-size:13px;}
ul.phone li i{font-size:15px;}
ul.phone li{padding-right:10px; padding-left:20px; margin-right:7px;}
ul.phone li i{top:4px;}
ul.phone h2{font-size:15px; padding-right:0%;}
.sMedia h3{font-size:15px; padding-right:0%;}
.sMedia a{width:30px; height:27px; line-height:32px; margin:0px 5px;}
.sMedia a i{font-size:17px;}
.hamburger-menu{left:-3px;}
.bar.animate {bottom:0px; left:0px;}
.home-banner{margin-top:0%;}
.home-banner .banner-overflow h1{font-size:20px;}
.home-banner .banner-overflow h3{font-size:25px;}
.home-banner .banner-overflow h2{font-size:27px;}
.home-banner .banner-overflow a{font-size:20px; padding:10px 25px;}
.site-header .navigation-menu{padding:5px 0px;}
.home-banner .banner-overflow{padding-top:1%;}
.home-banner .owl-nav .owl-next{bottom:350px; left:92%;}
.home-banner .owl-nav .owl-prev{bottom:310px;}
.recnt-discvr {background: url(../images/recent-bg.png) no-repeat 0 0;
background-size: 100% 100%; border-radius:30px;}
.recnt-discvr h3{font-size:30px;}
.recnt-discvr h2{font-size:45px;}
.page-header-02{width:38%;}
.no-fil-bg{width:60%; padding:12px 0px; margin:0 auto;}
.gt-start-box{height:auto; padding-bottom:50px;}
ul.media li a{margin:inherit;}
ul.ftr-conact li{padding-left:6%;}
ul.ftr-conact li img{top:3px;}
.cont-dtls-bg ul li{padding-left:8%;}
.red-circle{right:15px; bottom:15px;}

.get-quors{background:#a30a0a!important; width:40%; padding:0px 10px;
border-radius:4px; color:var(--white)!important; font-size:14px!important; 
font-weight:600; height:35px; line-height:35px; border-radius:7px;}
.Hide{display:none; background:transparent; border:none; font-size:30px;
color:var(--white);}
.Show{display:block; background:transparent; border:none; font-size:30px;
color:var(--white);}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.9s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;}
#target {
background:var(--white);
box-shadow: 0 0 8px #c2c2c2;
width:95%;
height: auto;
padding: 10px;
display: none;
position: absolute;
z-index: 9999;
top: 74px;
left:15px;}
.dynamicImg{width:92%;} 
.dynamic-red-circle{width:12%; right:1%;}
.wht-box{width:40%;}
.yelo-box{width:40%;}
.dynamic-bg-overflow h2{font-size:25px;}
.about-contArea p{font-size:13px; line-height:19px;}
.about .home-demo{padding:20px 30px;}
.about-contArea h4{font-size:20px;}
.about .red-bg{height:230px;}
.about .owl-carousel .owl-nav .owl-prev{width:51px; height:50px; left:-60px;}
.about .owl-carousel .owl-nav .owl-next{width:51px; height:50px; right:-60px;}
}


@media only screen and (max-width:480px){
nav .logo img{height:45px;}
nav.black .logo img{height:35px;}
.site-header .navigation-menu{padding:2px 0px;}
.home-banner .banner-overflow{adding:1% 5% 0 2%; width:80%;}
.home-banner .banner-overflow p{font-size:12px;}
.home-banner .owl-carousel .owl-item img{height:450px;}
.home-banner .banner-overflow h1{font-size:14px;}
.home-banner .banner-overflow h3{font-size:22px;}
.home-banner .banner-overflow h2{font-size:22px;}
.home-banner .banner-overflow a{font-size:17px; padding:12px 25px;}
.home-banner .owl-nav .owl-prev{width:30px; height:30px; bottom:180px; left:5px;}
.home-banner .owl-nav .owl-next{width:30px; height:30px; bottom:210px; left:89%;}
.home-banner .owl-carousel .owl-stage-outer{height:auto;}
.footer-bg{padding:20px;}
.footer-bottom{margin-bottom:40px;}
.footer-bottom p{font-size:14px;}
.footer-bottom ul li a{font-size:14px;}
.recnt-discvr h3{font-size:22px;}
.recnt-discvr h2{font-size:32px;}
.page-header-02{width:70%; font-size:15px;}
ul.art-wrk li strong{font-size:20px;}
ul.art-wrk li p{font-size:14px;}
ul.art-wrk li{padding-left:21%;}
ul.art-wrk li dd{width:40px; height:40px; line-height:40px; font-size:25px;}
ul.phone{margin-bottom:5px;}
.hm-bnrImg img{height:450px;}
#target {top:50px;}
.get-quors{width: 100%;}
.greeb-bg-overlay{padding:25px 20px 50px;}
.greeb-bg-overlay h2{font-size:35px;}
.greeb-bg-overlay h2 dd{font-size:35px;}
.no-fil-bg{width:80%;}
.about .home-demo h3{font-size:18px;}
.about .owl-carousel .owl-nav .owl-prev{left:-40px;}
.suppliers .owl-carousel .owl-nav .owl-prev{left:-88px;}
.suppliers .owl-carousel .owl-nav .owl-next{right:-87px;}
.work-bg{border-radius:25px;}
.about .home-demo{height:480px;}
.about .owl-carousel .owl-nav .owl-next{right:-40px;}
.about .owl-carousel .owl-nav .owl-prev{left:-37px;}
ul.ftr-conact li{text-align:center;}
ul.ftr-conact li img{top:-1px;}
.biz-collsn{height:135px; padding-top:50px;}
.biz-collsn img{width:150px!important;}
.biz-collsn strong{font-size:16px;}
.biz-collsn p{font-size:13px;}
.biz-collsn i{font-size:20px; position:relative; bottom:5px;}
}

@media only screen and (max-width:375px){
.biz-collsn img{width:83%!important; height:58px;}
.suppliers .home-demo{padding:30px 40px;}
.suppliers .owl-carousel .owl-nav .owl-prev{left:-51px;}
.suppliers .owl-carousel .owl-nav .owl-next{right:-51px;}
}