.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}
.dropdown-menu{
    width:250px !important;
}
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 
body{
      font-family: 'Poppins', sans-serif;
}

body a{
	text-decoration:none;
}
body a:hover{
	text-decoration:none;
}
body ul{
	padding:0px;
	margin:0px;
    list-style-type: none;
}
/*  menu bar start  */
header{
    padding: 0px 0px;
}
header .navbar {
    background: transparent !IMPORTANT;
}
header .navbar .navbar-brand{

}

header .navbar .collapse{
    flex-grow: unset;
}

header .navbar .navbar-nav{
    display: unset;
}

header .navbar .navbar-nav .nav-item{
    padding: 0px 0px 0px 50px;
    display: inline-block;
}
header .navbar .navbar-nav .nav-item .nav-link{
    padding: 3px 0px 0px 0px;
    margin: 0px;
    font-size: 21px;
    color: #000000 !important;
    font-weight: 400;
    font-family: 'Teko', sans-serif;
	border-bottom: none !important;
}
header .navbar .navbar-nav .nav-item .nav-link:hover{
	color: #2F2483 !important;
}
header .navbar .navbar-nav .nav-item .dropdown button{
    padding: 0px 0px 0px 0px;
    margin: -1px 0px 0px 0px;
    font-size: 20px;
    color: #000000 !important;
    font-weight: 400;
    font-family: 'Teko', sans-serif;
    border: none !important;
    background: #ffffff !important;
    box-shadow:none !important;
}
header .navbar .navbar-nav .nav-item .dropdown .dropdown-menu1{
    position: absolute;
    right: -42%;
    opacity: 1 !important;
    margin: auto;
    left: unset;
    top: 25px;
    width: 225px !important;
}
header .navbar .navbar-nav .nav-item .dropdown:hover  .dropdown-menu1{
    display: block !important;
}
header .navbar .navbar-nav .nav-item .dropdown  .dropdown-menu1  .dropdown-menu2{
  
}
header .navbar .navbar-nav .nav-item .dropdown dropdown-menu1:hover  .dropdown-menu2{
    display: block !important; 
    top:0px;
}
.dropdown-menu3{
    z-index:-1 !important;
}
.dropdown-menu4{
    z-index:-1 !important;
}
.dropdown-menu5{
    z-index:-1 !important;
}
header .navbar .navbar-nav .nav-item .dropdown .dropdown-menu3{
    position: absolute;
    right: -70%;
    opacity: 1 !important;
    margin: auto;
    left: unset;
    top: 3px;
    width: 225px !important;
}
header .navbar .navbar-nav .nav-item .dropdown .dropdown-menu4{
    position: absolute;
    right: -70%;
    opacity: 1 !important;
    margin: auto;
    left: unset;
    top: 32px;
    width: 225px !important;
}
header .navbar .navbar-nav .nav-item .dropdown .dropdown-menu5{
    position: absolute;
    right: -70%;
    opacity: 1 !important;
    margin: auto;
    left: unset;
    top: 52px;
    width: 225px !important;
}
header .navbar .navbar-nav .nav-item .dropdown .dropdown-menu6{
    position: absolute;
    right: -70%;
    opacity: 1 !important;
    margin: auto;
    left: unset;
    top: 100px;
    width: 225px !important;
}
header .navbar .navbar-nav .nav-item .dropdown button:hover{
    padding: 0px 0px 0px 0px;
    margin: -1px 0px 0px 0px;
    font-size: 20px;
    color: #000000 !important;
    font-weight: 400;
    font-family: 'Teko', sans-serif;
    border: none !important;
    background: #ffffff !important;
    box-shadow:none !important;
}
header .navbar .navbar-nav .nav-item .dropdown button:active{
   padding: 0px 0px 0px 0px;
    margin: -1px 0px 0px 0px;
    font-size: 20px;
    color: #000000 !important;
    font-weight: 400;
    font-family: 'Teko', sans-serif;
    border: none !important;
    background:#ffffff !important;
    box-shadow:none !important;
}
header .navbar .navbar-nav .nav-item .dropdown button:focus{
    border: none !important;
}
header .btn-check:focus+.btn{
    box-shadow: none !important;
}
.dropdown-menu ul li a{
    border:none !important;
    background:none !important;
    padding: 3px 0px 0px 0px;
    margin: 0px;
    font-size: 20px;
    color: #000000 !important;
    font-weight: 400;
    font-family: 'Teko', sans-serif;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 0px 0px 0px;
    clear: both;
    font-size: 20px;
    color: #000000 !important;
    font-weight: 400;
    font-family: 'Teko', sans-serif;
    margin: 0px;
}
.dropdown-menu>li>a:hover{
    color:#004f40 !important;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    padding: 10px;
}
.dropdown-menu>li>a:focus .dropdown button{
    color: #000000 !important;
    background-color: none !important;
    border-color: none !important;
}
.dropdown-menu>li>a:hover .dropdown button{
    color: #000000 !important;
    background-color: none !important;
    border-color: none !important;
}
.dropdown-menu>li>a:active .dropdown button{
    color: #000000 !important;
    background-color: none !important;
    border-color: none !important;
}


.top-bg{
    background:url("../images/top-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit;
	padding:20px 0px 20px 0px;
	margin:0px 0px 0px 0px;
}
.top-bg .top-left{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.top-bg .top-left ul{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.top-bg .top-left ul li{
	padding:0px 20px 0px 0px;
	margin:0px 0px 0px 0px;
	display:inline-block;
}
.top-bg .top-left ul li a{
	font-family: 'Teko', sans-serif;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#ffffff;
	font-size: 18px;
}
.top-bg .top-left ul li a:hover img{
	position:relative;
	bottom:5px;
}
.top-bg .top-left ul li a img{
	margin: 0px 10px 0px 0px;
}
.top-bg .top-right{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.top-bg .top-right ul{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float: right;
}
.top-bg .top-right ul li{
	padding:0px 0px 0px 0px;
	margin:0px 5px 0px 0px;
	display:inline-block;
}
.top-bg .top-right ul li a{
	
}
.top-bg .top-right ul li a img{
	
}
.top-bg .top-right ul li a:hover{
	position: relative;
	bottom:5px;
}
.dropbtn {
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 250px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 11;
  padding:10px;
}
.dropdown-content h4{
  color: #004F40;
  padding:0px 0px;
  text-decoration: none;
  display: block;
  font-family: 'Teko', sans-serif;
  font-size:18px;
  margin: 0px 0px 0px 0px;
}
.dropdown-content a {
  color: black;
  padding:0px 0px;
  text-decoration: none;
  display: block;
  font-family: 'Teko', sans-serif;
  font-size:20px;
  margin: 0px 0px 0px 0px;
}
.dropdown-content a:hover {
  color:#004F40;
}
.dropdown:hover .dropdown-content {
	display: block;
}
.dropdown:hover .dropbtn {
	
}
.banner-bg{
    padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height: 500px;
}
.banner-bg ul{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.banner-bg ul li{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.banner-bg ul li .box{
	background:url("../images/banner-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit;  
	height: 500px;
}
.banner-bg ul li .box2{
	background:url("../images/banner2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit; 
	height: 500px;
}
.banner-bg ul li .box3{
	background:url("../images/banner3.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: inherit;
	height: 500px;
}
.banner-bg ul li .box h1{
	padding: 195px 0px 0px 40px;
    margin: 0px auto 0px;
    font-family: 'Fira Sans', sans-serif;
    color: #ffffff;
    font-size: 60px;
    max-width: 1100px;
    font-weight: 400;
}
.about-bg{
	background: #D9D9D9;
	margin:0px 0px 0px 0px;
	padding:20px 0px 20px 0px;
}
.about-bg h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:40px;
	font-weight:400;
	color:#000000;
	font-family: 'Fira Sans', sans-serif;
}
.about-bg h2 span{
	color:#004F40;
}
.about-content-bg{
	/*background:url("../images/about-bg.png");*/
	background: url(../images/product-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit;  
	padding:30px 0px 30px 0px;
}
.about-content-bg h2{
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 40px;
    font-weight: 400;
    color: #000000;
    font-family: 'Fira Sans', sans-serif;
}
.about-content-bg h2 span{
	color:#004F40;
	display:block;
}
.about-content-bg h2 img{
	margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
	float:left;
}
.about-content-bg .about-content-left{
	margin: 30px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.about-content-bg .about-content-left img{
	width:100%;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height:400px;
}
.about-content-bg .about-content-right{
	margin: 30px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.about-content-bg .about-content-right h5{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-size:21px;
	font-weight:400;
	color:#484646;
	font-family: 'Teko', sans-serif;
	text-align:justify;
	line-height: 25px;
}
.about-content-bg .about-content-right p{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-size:21px;
	font-weight:400;
	color:#484646;
	font-family: 'Teko', sans-serif;
	text-align:justify;
	line-height: 25px;
}
.about-bottom{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}
.about-bottom h5{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-size:21px;
	font-weight:400;
	color:#484646;
	font-family: 'Teko', sans-serif;
	text-align:justify;
	line-height: 25px;
}
.about-bottom p{
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-size:21px;
	font-weight:400;
	color:#484646;
	font-family: 'Teko', sans-serif;
	text-align:justify;
	line-height: 25px;
}
.about-btn{
    margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.about-btn a{
    font-size: 28px;
    font-weight: 400;
    color: #004F40;
    font-family: 'Teko', sans-serif;
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-decoration: none;
}
.about-btn a:hover{
    color:#000000;
}
.gallary-bg{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.gallary-bg h1{
	margin: 0px auto 0px;
    padding: 0px 0px 0px 0px;
    font-size: 50px;
    font-weight: 600;
    color: #ffffff;
    font-family: 'Fira Sans', sans-serif;
    position: absolute;
    top: 265px;
    left: 100px;
    width: 80%;
}
.gallary-bg ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:flex;
}
.gallary-bg ul li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:inline-block;
	width:100%;
    height:230px;
}
.gallary-bg ul li .gallery1{
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.gallary-bg ul li .gallery2{
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.gallary-bg ul li .gallery3{
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.gallary-bg ul li .gallery4{
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.gallary-bg ul li .gallery5{
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.gallary-bg ul li .gallery6{
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.company-details p{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-size:21px;
	font-weight:400;
	color:#000000;
	font-family: 'Teko', sans-serif;
	text-align:justify;
	line-height: 25px;
}
.company-details{
	margin:0px 0px 0px 0px;
	padding:20px 0px 20px 0px;
	position:relative;
	background: url(../images/product-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit;
}
.company-details .gallery-left img{
	width:100%;
}
.company-details .gallery-right p{
	margin:10px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-size:21px;
	font-weight:400;
	color:#000000;
	font-family: 'Teko', sans-serif;
	text-align:justify;
	line-height: 25px;
}
.company-details .gallery-right p img{
	margin:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
}
.product-bg{
	/*background: url(../images/about-bg.png);*/
	background: url(../images/offer-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit;
    padding: 30px 0px 30px 0px;
}
.product-bg h2 img{
	margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
	float:left;
}
.product-bg h2{
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 40px;
    font-weight: 400;
    color: #000000;
    font-family: 'Fira Sans', sans-serif;
}
.product-bg h2 span{
	color:#004F40;
	display:block;
}
.product-bg .box{
	margin: 30px 5px 0px 0px;
    padding: 0px 0px 0px 0px;
	background:#000000;
	min-height: 475px;
}
.product-bg .box .product-image{
	width:100%;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.product-bg .box .round{
	margin: -40px auto 0px;
    padding: 0px 0px 0px 0px;
}
.product-bg .round-center{
	text-align:center;
}
.product-bg .box h3{
	margin: 10px 0px 0px 0px;
    padding: 0px 20px 0px 20px;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'Fira Sans', sans-serif;
	width: 80%;
}
.product-bg .box p{
	margin: 10px 0px 0px 0px;
    padding: 0px 20px 0px 20px;
    font-size: 21px;
    font-weight: 300;
    color: #ffffff;
    font-family: 'Teko', sans-serif;
	text-align:justify;
}
.project-bg{
	margin: 0px 0px 0px 0px;
    padding: 30px 0px 30px 0px;
	background:#ffffff;
}
.project-bg h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:40px;
	font-weight:400;
	color:#000000;
    font-family: 'Teko', sans-serif;
}
.project-bg h2 span{
	color:#004F40;
	display:block;
}
.project-bg h2 img{
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	float: left;
}
.project-bg ul{
	margin: 30px 0px 0px 0px;
    padding: 20px 100px 20px 100px;
    background: #2F2483;
    text-align: center;
    width: 100%;
}
.project-bg ul li{
	margin:0px 50px 0px 0px;
	padding:0px 0px 0px 0px;
}
.project-bg ul li button{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:18px;
	font-weight:400;
	color:#ffffff;
	font-family: 'Teko', sans-serif;
	background:none;
	border:none !important;
}
.project-bg .box{
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.project-bg .box img{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	height: 230px;
}
.client-bg{
	background: url(../images/about-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit;
    padding: 30px 0px 0px 0px;
}
.client-bg h2{
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 40px;
    font-weight: 400;
    color: #000000;
    font-family: 'Teko', sans-serif;
}
.client-bg h2 span{
	color: #004F40;
	display: block;
}
.client-bg h2 img{
	margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
	float:left;
}
.client-bg ul{
	margin: 30px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.client-bg ul li{
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	vertcal-align:middle;
}
.client-bg ul li img{
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	
}
 .nav-link.active{
	background-color: transparent !important;
    border-bottom: 1px solid #ffffff !important;
    border-radius: 0px !important;
}
.nav-link:hover{
	background-color: transparent !important;
    border-bottom: 1px solid #ffffff !important;
    border-radius: 0px !important;
	color:#ffffff !important;
}
.footer-bg{
	background: url(../images/footer-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit;
    padding: 30px 0px 30px 0px;
}
.footer-bg .first{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.footer-bg .first img{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.footer-bg .first p{
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:21px;
	font-weight:400;
	color:#000000;
	font-family: 'Teko', sans-serif;
	text-align:justify;
}
.footer-bg .box{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.footer-bg .box h3{
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 28px;
    font-weight: 400;
    color: #004F40;
    font-family: 'Fira Sans', sans-serif;
}
.footer-bg .box ul{
	margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.footer-bg .box ul li{
	margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    list-style-type: none;
    width: 49%;
}
.footer-bg .box ul li a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:21px;
	font-weight:400;
	color:#000000;
	font-family: 'Teko', sans-serif;
}
.footer-bg .box ul li a:hover{
	color:#004F40;
}
.footer-bg .box ul li a:hover img{
	position:relative;
	bottom:5px;
}
.footer-bg .box p{
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:21px;
	font-weight:400;
	color:#000000;
	font-family: 'Teko', sans-serif;
}
.footer-bg .box1 ul{
	margin:20px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}
.footer-bg .box1 ul li{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	display:inline-block;
	width: unset;
}
.footer-bg .box1 ul li a img{
	
}
.footer-bg .news{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.footer-bg .news img{
	margin:20px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}
.footer-bg .news h3{
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 28px;
    font-weight: 400;
    color: #004F40;
    font-family: 'Teko', sans-serif;
}
.footer-bg .news h5{
	margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 16px;
    font-weight: 400;
    color: #2f2483;
    font-family: 'Teko', sans-serif;
}
.footer-bg .news p{
	margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    font-family: 'Teko', sans-serif;
}
.last-bg{
	background:url("../images/top-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit;
	margin:0px 0px 0px 0px;
	padding:20px 0px 20px 0px;
}
.last-bg h4{
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'Teko', sans-serif;
	text-align:center;
}
.last-bg h4 a{
    
}
.last-bg h4 a:hover{
    color:#ffffff;
}
.whatsapp{
	position: fixed;
    right: 50px;
    bottom: 8px;
    animation: beat .25s infinite alternate;
    width: 40px;
    top: 450px;
	z-index: 1;
}
@keyframes beat
{
	to { transform: scale(1.1); }
}
.bottom-to-top{
	background: #2F2483;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position: fixed;
    right: 50px;
    bottom:50px;
	z-index: 1;
	width:40px;
	height: 35px;
	border-radius:5px;
}











@media only screen and (max-width: 1199px){
	header .navbar .navbar-nav .nav-item{
		padding: 0px 0px 0px 15px;
	}
	header .navbar .navbar-nav .nav-item .nav-link{
		font-size:20px;
	}
	header .navbar .navbar-nav .nav-item .dropdown .dropdown-menu3{
	    right:-30%;
	    width:175px !important;
	}
	header .navbar .navbar-nav .nav-item .dropdown .dropdown-menu4{
	    right:-30%;
	    width:175px !important;
	}
	header .navbar .navbar-nav .nav-item .dropdown .dropdown-menu5{
	    right:-30%;
	    width:175px !important;
	}
	header .navbar .navbar-nav .nav-item .dropdown .dropdown-menu6{
	    right:-30%;
	    width:175px !important;
	}
	.dropdown-content h4{
		font-size:16px;
	}
	.banner-bg ul li .box h1{
		font-size:50px;
		padding:200px 0px 0px 90px;
	}
	.gallary-bg ul li{
	    height:185px;
	}
	.about-content-bg .about-content-right h5{
		font-size:16px;
		line-height:22px;
	}
	.about-content-bg .about-content-right p{
		font-size:16px;
		line-height:22px;
	}
	.about-content-bg .about-content-left img{
		margin:25px 0px 0px 0px;
	}
	.about-bottom p{
		font-size:16px;
		line-height:22px;
	}
	.about-bottom h5{
		font-size:16px;
		line-height:22px;
	}
	.gallary-bg h1{
		font-size:40px;
		top: 135px;
	}
	.company-details p{
		font-size:16px;
	}
	.company-details .gallery-right p{
		font-size:16px;
	}
	.product-bg h2{
		font-size:36px;
	}
	.product-bg .box{
		width: 300px;
		min-height: 420px;
	}
	.product-bg .box .round{
		width:65px;
	}
	.product-bg .box h3{
		font-size:18px;
	}
	.product-bg .box p{
		font-size:14px;
	}
	.project-bg h2{
		font-size:36px;
	}
	.project-bg ul li button{
		font-size:16px;
	}
	.project-bg ul li{
		margin:0px 30px 0px 0px;
	}
	.client-bg h2{
		font-size:36px;
	}
	.footer-bg .first p{
		font-size:16px;
	}
	.footer-bg .box h3{
		font-size:22px;
	}
	.footer-bg .box ul li a{
		font-size:16px;
	}
	.footer-bg .box p {
		margin: 15px 0px 0px 0px;
		font-size: 16px;	
    }
	.footer-bg .news h3{
		font-size:22px;
	}
	.footer-bg .box1 ul li a img {
        width: 30px;
    }
	.footer-bg .news h5{
		font-size:14px;
	}
	.footer-bg .news p{
		font-size:16px;
	}
	.last-bg h4{
		font-size:16px;
	}
	.whatsapp{	
		right: 50px;
		top: 430px;   
    }
    .bottom-to-top{
		right: 100px;
		bottom: 8px;
		top: 480px;	
    }
}
@media only screen and (max-width: 991px){
	.banner-bg ul li .box h1{
		font-size:36px
	}
	.top-bg .top-left{
		text-align:center;
	}
	.top-bg .top-right{
		text-align:center;
	}
	.top-bg .top-right ul {
    margin: 10px 0px 0px 0px;
    float: unset;
    }
	header .navbar .navbar-nav{
        text-align: center !important;
		z-index: 11;
		display: flex;
	}
	.navbar-toggler{
		color:#2f2483 !important;
	}
	header .navbar .navbar-nav .nav-item {
        padding: 4px 0px 5px 0px;
    }
	header .navbar .navbar-nav .nav-item .nav-link p{
		width: fit-content;
        margin: auto;
	}
	.dropdown-content{
		right:-60px;
	}
	.gallary-bg ul li {
        height: 142px;
    }
	.about-bg h2{
		text-align:center;
		font-size:36px;
	}
	.about-content-bg .about-content-left img{
		width:250px;
	}
	.about-content-bg .about-content-left{
		text-align:center;
	}
	.about-content-bg .about-content-right{
		text-align:center;
	}
	.product-bg .box{
		margin:30px auto 0px;
	}
	.project-bg ul{
		padding:20px;
	}
	.project-bg ul li {
        margin: 0px 20px 0px 0px;
    }
	.project-bg .box img{
		width:300px;
	}
	.project-bg .box{
		text-align:center;
	}	
	.client-bg ul{
		text-align:center;
	}
	.footer-bg .first{
		text-align: center;
	}
	.footer-bg .box{
		text-align:center;
	}
	.footer-bg .box p{
	    text-align:center;
	}
	.footer-bg .news p{
	    text-align:center;
	}
	.footer-bg .box ul {
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
   }
	.footer-bg .box {
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
    }
	.footer-bg .news{
		text-align:center;
	}
	.center{
		
	}
	.center1{
		
	}
	.whatsapp{	
		right: 25px;
		top: 450px;   
    }
    .bottom-to-top{
		right: 50px;
		bottom: 8px;
		top: 520px;	
    }
    .project-bg .box img{
        
    }
}
@media only screen and (max-width: 767px){
	.banner-bg ul li .box h1{
		font-size:32px
	}
	.gallary-bg h1 {
		font-size: 32px;
		top: 100px;
		left: 50px;
    }
	.project-bg ul li {
		margin: 0px auto 0px;
		padding: 0px 10px 10px 10px;
    }
    .whatsapp{	
		   
    }
    .bottom-to-top{
		
    }
    .gallary-bg ul li {
        height: 100px;
    }
}
@media only screen and (max-width: 560px){
    .dropdown-submenu > .dropdown-menu{
        left:5%;
    }
	.top-bg .top-right ul li a img {
        width: 30px;
    }
	.banner-bg ul li .box h1{
		padding:190px 0px 0px 0px;
		text-align:center;
	}
	.about-content-bg h2{
		font-size:28px;
	}
	.product-bg h2{
		font-size:28px;
	}
	.banner-bg ul li .box h1{
		font-size:28px
	}
	.project-bg h2{
		font-size:28px;
	}
	.gallary-bg h1 {
		font-size: 20px;
		top: 38px;
    }
	.project-bg ul{
		margin:50px 0px 0px 0px;
	}
	.client-bg h2{
		font-size:28px;
	}
	.last-bg h4{
		font-size:14px;
	}
	.gallary-bg ul li {
        height: 75px;
    }
    .project-bg .box img{
		width:100%;
	}
}
@media only screen and (max-width: 420px){
	.product-bg .box{
	    width:267px;
    }
	.banner-bg ul li .box h1{
		font-size:24px
	}
	.gallary-bg ul li {
        height: 60px;
    }
}