@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 {
        font-weight: 500;
        background: #fff;
    }
    /*.slicknav_nav .has-children ul li {
	    padding-left: 25px;
	}*/
    .mobile-pad {
        padding: 0px 10px !important;
    }
    .nav-item.has-children .dropdown .nav-item a:hover {
        margin-left: 0px;
    }
    .nav-image-height {
        height: 60px;
    }
    .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;
    }
    .main-nav .site-navigation .navbar-brand img {
        height: 95px;
        vertical-align: middle;
        object-fit: cover;
        width: auto;
        padding: 7px;
        line-height15px: ;
    }
    .owl-carousel .owl-item img {
        height: 200px;
    }
}
@media only screen and (max-width: 480px) and (min-width: 220px) {
    /*End Before Code*/
    .hero-slider-item {
        height: 200px;
    }
    .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;
    }
    .quick-background .quick-text {
        font-size: 27px;
    }
}

@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;
    }
}