/**********************1440**********************/
@media only screen and (max-width: 1440px) {
    .event-popup-tv {
        margin-bottom: 20px;
    }
    .event-popup-tv {
        height: auto;
    }
    .product-detail-popup .event-popup-tv img {
        height: auto;
    }
    .product-detail-popup .event-popup-tv {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
/**********************1280**********************/
@media only screen and (max-width: 1280px) {
.product-detail-popup .event-popup-tv {
    width: 80%;
    margin: 0 auto;
    height: 420px;
}

.event-detail-popup .thumbnails {
    width: 80%;
    margin: 20px auto 0 auto;
}
}
/**********************1120**********************/
@media only screen and (max-width: 1120px) {
    .title.big h2 {
        font-size: 50px;
        line-height: normal;
    }
    
    .title h2 {
        font-size: 25px;
        line-height: normal;
    }
    .center-border:before {
        display: none;
    }
    .page-banner .title h2 {
        font-size: 60px;
        line-height: normal;
    }
    .product-block .content h3 {
        font-size: 19px;
        line-height: normal;
    } 
}

/**********************900**********************/
@media only screen and (max-width: 900px) {
    footer .menu {
        display: flex;
        gap: 10px;
    }
	.main-menu ul li.menu-item-has-children:after {
		display: none;
	}
	.main-menu ul li.menu-item-has-children ul {
		display: none;
	}
    .section-image.rounded-left {
        border-radius: 20px;
    }

    .sticky-content-section > div {
        position: static;
    }
    .usp-block {
        min-height: auto;
    }
    .modal-backdrop.fade.show {
        height: 140vh;
    }
    .main-menu nav.menu-header-main-menu-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: red;
        z-index: 50;
        /* transition: 0.4s; */
        transform: translateX(-100%);
    }
    
    .main-menu nav.menu-header-main-menu-container ul#menu-header-main-menu {
        display: block;
    }
    
    header .main-menu ul.nav > li > a {
        padding: 10px 20px;
        display: block;
        color: #fff;
    }
    .menu-nav-btn {
        width: 40px;
        height: 40px;
        border: none;
        background: #d44446;
        color: #fff;
    }
    
    .menu-nav-btn svg {
        width: 24px;
    }
    
    .main-menu {
        gap: 30px;
    }
header.menu-open .main-menu nav.menu-header-main-menu-container {
    transform: translateX(0);
}
header.menu-open .main-menu .menu-nav-btn {
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 99;
    background: #fff;
    color: #ff0000;
}
.close-btn{
    display: none;
}
header.menu-open .main-menu .menu-nav-btn svg.close-btn {
    display: block;
}

header.menu-open .main-menu .menu-nav-btn svg.open-btn {
    display: none;
}
.list-group a.list-group-item.list-group-item-action {
    padding: 10px 10px;
    font-size: 15px;
}

.category-dropdown-btn {
    width: 40px;
    height: 40px;
}
.list-group ul li ul li a.list-group-item.list-group-item-action {
    padding-left: 20px;
}
.event-popup-tv {
    height: auto;
}
}
/**********************480**********************/
@media only screen and (max-width: 480px) {
.btn .content {
    font-size: 12px;
    padding: 7px 5px;
    min-width: 100px;
}

.title.big h2 {
    font-size: 35px;
}

.title p {
    font-size: 14px;
    line-height: normal;
}

.customer-logo-block {
    grid-template-columns: auto auto auto;
}
header .logo img {
    height: 40px;
}

header {
    padding: 10px 0;
}
.page-banner .title h2 {
    font-size: 40px;
    margin-bottom: 0;
}

.page-banner .title nav ol.breadcrumb li a, .page-banner .title nav ol.breadcrumb li {
    font-size: 14px;
}

.page-banner img {
    height: 300px;
}

.section-space {
    padding: 30px 0;
}
.milestones-slider-section .milestones-content-panel {
    width: calc(100% - 60px);
    padding-left: 10px;
}
.milestones-slider-section {
    height: 400px;
}

.milestones-content-panel .milestones-content {
    padding: 0;
}

.milestones-content-panel .milestones-content p {
    font-size: 19px;
}
.milestones-slider .milestones-year {
    width: 40px;
    height: 40px;
    font-size: 12px;
}

.milestones-slider-section .milestones-year-panel {
    width: 50px;
}

.milestones-slider .swiper-slide.swiper-slide-active .milestones-year {
    scale: 1;
}
.title h5 {
    font-size: 13px;
}

.title {
    margin-bottom: 20px;
}
.usp-block h3 {
    font-size: 21px;
    line-height: normal;
    margin-bottom: 10px;
}

.usp-block p {
    font-size: 15px;
}
.sub-cate-tags .tag {
    font-size: 13px;
    padding: 0 0;
}
.product-detail-popup .event-popup-tv {
    height: auto;
    padding: 30px 0;
    width: 90%;
}

.event-detail-popup .modal-content .modal-header button.btn-close {
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    font-size: 10px;
    z-index: 500;
}

.event-detail-popup .thumbnails > div img {
    width: 80%;
    margin: 0 auto;
    display: block;
}

.event-detail-popup .thumbnails {
    gap: 10px;
}

.event-detail-popup .thumbnails > div {
    width: 50px;
    height: 50px;
}
.event-detail-popup .prev-photo-btn, .event-detail-popup .next-photo-btn {
    padding: 8px;
    left: 20px;
    top: calc(50% - 60px);
}

.event-detail-popup .next-photo-btn {
    left: auto;
    right: 20px;
}
.blog-block .content h3 {
    font-size: 18px;
    line-height: normal;
}
.event-popup-tv {
    height: auto;
    display: grid;
    place-content: center;
    min-height: auto;
}

.event-detail-popup .thumbnails .thumb.active {
    scale: 1;
}
.contact-details .contact-block .detail .info a, .contact-details .contact-block .detail .info {
    font-size: 14px;
    line-height: normal;
}
.contact-from {
    padding: 20px;
}

.form-control {
    font-size: 13px;
}
.business-svg{
    display:none;
}
.business-svg.mobile{
    display:block;
}
.animation-bottom-screen {
    padding-top: 60% ! IMPORTANT;
}
}