@media only screen and (max-width: 992px) and (min-width: 220px) {
	body {
		overflow-x: hidden;
	}
	.main-nav .site-navigation {	   
	    padding: 0px 20px 0px 20px;
	}
	.flaticon-angle-arrow-down {
		display: none;
	}
	.nav-item.has-children .dropdown .nav-item a {
	    color: #fff;
	    padding: 8px 0px;
	    font-weight: 500;
	}
	.slicknav_nav .has-children ul li {
	    padding-left: 25px;
	}

	.nav-item.has-children .dropdown .nav-item a:hover {
	    margin-left: 0px;
	}

    .header-navigation-area {display: none; }
    .mobile-menu-trigger {display: block; }
	 .header-top .header-top-right {
	    text-align: center;
	}
 	.site-menu{
 		display: none;
 	}
 	.header{
 		padding: 0;
 	}
 	.main-nav{
 		border-radius: 0px;
 		background: #fff;
 	}
 	.header-top{
 		display: none;
 	}
 	.mid-header-top{
 		display: none;
 	}
 	.navbar-brand{
 		display: flex!important;
 	}
 	.main-nav{
 		padding: 0px;
 	}
 	.hero-slide-content .animated h2 {
	    font-size: 15px!important;
	    padding-top: 50px!important;
	}
	.hero-slide-content .animated span{
		display: none!important;
	}
	.about-upper{
		display: none;
	}
	.company-footer{
		text-align: left!important;
	}
	.main-nav .site-navigation .navbar-brand img {
	    width: auto;
	}
}
@media only screen and (max-width: 480px) and (min-width: 220px) {
	/*End Before Code*/
	.hero-slider-item{
		height: 295px;
	}
	.hero-slide-content h1{
		font-size: 30px;
	}
	.header-top-left{
		display: none;
	}
	.header-top-right{
		text-align: center;
	}
	.box-area {
	    margin-top: 35px;
	}

	.footer-widget .contact-info-widget ul li a{
		display: contents;
	} 
	.main-footer{
		text-align: center;
    	padding: 40px 0px 0px;
	}
	.footer-widget .title {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.page-title-area{
		padding: 25px 0px 35px;
	}
	.page-title-area .page-title-content h2 {
	    font-size: 28px;
	}
	.equal-height{
		height: 120px;
	}
	.ini_iamge{
		object-fit: contain;
    	height: 40px;
	}
}

@media only screen and (max-width: 768px) and (min-width: 481px) {
 	.header-top{
 		display: none;
 	}
}
@media only screen and (max-width: 992px) and (min-width: 769px) {
	.header-top ul li a {
		display: contents;
	}
}

@media (min-width: 991px) {
	.card-head{
		overflow: hidden;
	}
	.card-head:hover .product-logo{
	    transform: scale(1.5);
	    transition: transform 7s ease;
	}
}