@media (max-width: 1400px){

}
@media (max-width: 1260px){
    .header-wrap .menu a{
        padding: 8px 10px;
    }
    .header-wrap .menu {
        padding: 9px 10px;
    }
}
@media (max-width: 1024px){

}
@media (max-width: 991px) {
    .breadcrumb-section .page-title {
        font-size: 30px;
    }
    .header-right{
        margin-left: auto;
    }
    .menu-toggle {
        display: initial;
    }
    .header-wrap .menu, .header-wrap .btn_item{
        display: none;
    }
    footer .top-footer {
        margin-bottom: 20px;
        display: block;
        text-align: center;
    }
    footer .top-footer .menu {
        gap: 14px;
        display: flex;
        justify-content: center;
        margin-top: 24px;
        flex-wrap: wrap;
    }
    .home-text {
        font-size: 26px;
        line-height: 38px;
    }
    .story-tools-section {
        padding: 60px 0 40px;
    }
    .section-title .title {
        font-size: 30px;
    }
    .story-section {
        margin-bottom: 50px;
    }
    .tool-item .content {
        height: auto;
        padding: 16px;
    }
    .tool-item .content .title {
        font-size: 20px;
        margin-bottom: 14px;
    }
    .service-item .hover-cart ._title {
        font-size: 20px;
        margin-bottom: 14px;
    }
    .section-title{
        margin-bottom: 30px;
    }
    .why-us-section {
        margin-bottom: 40px;
    }
    .team-item .info {
        padding: 14px;
    }
    .clients-section {
        padding-bottom: 40px;
    }
    .team-section {
        padding: 30px 0 60px;
    }
    .case-item {
        padding: 30px 20px 0;
    }
    .case-item .text .title {
        font-size: 20px;
        margin-bottom: 14px;
    }
    .case-item .text {
        margin-bottom: 30px;
    }
    .case-section {
        margin: 60px 0;
    }
    .text-slider .text {
        font-size: 68px;
    }
    .text-marquee-section {
        margin-bottom: 60px;
    }
    .contact-info .title {
        font-size: 30px;
        line-height: 40px;
    }
    .contact-info .subtitle {
        font-size: 14px;
    }
    .contact-info {
        margin-bottom: 24px;
    }
    .contact-links .contact-link {
        margin-bottom: 16px;
    }
    .contact-form {
        padding: 20px;
    }
    .popup-item .popup-content {
        padding: 40px 20px;
        margin: 60px 0;
    }
    .popup-item .close-popup {
        right: 40px;
        top: -25px;
        width: 50px;
        height: 50px;
    }
    .case-details .case-details-content .title {
        font-size: 20px;
    }
    .case-details .case-details-content h1, .case-details .case-details-content h2, .case-details .case-details-content h3, .case-details .case-details-content h4, .case-details .case-details-content h5, .case-details .case-details-content h6 {
        font-size: 18px;
        margin: 0 0 14px;
    }
    .clients-slider .marquee-slider.first{
        margin-bottom: 40px;
    }
    .owl-theme .owl-nav [class*=owl-]{
        opacity: 1 !important;
    }
}
@media (max-width: 767px) {
    footer .btm-footer-wrap {
        display: block;
        text-align: center;
    }
    footer .copyrights {
        margin: 10px auto;
    }
    .story-section .img {
        margin-bottom: 20px;
    }
    .contact-social {
        margin-bottom: 34px;
    }
    .home-hero .home-video.desktop{
        display: none;
    }
    .home-hero .home-video.mobile{
        display: block;
    }

}
@media (max-width: 576px) {
    .home-text {
        top: 160px;
    }
    .case-details .img img {
        margin-bottom: 30px;
    }
    .radio-item.first {
        margin-bottom: 16px;
    }
}
@media (max-width: 480px) {
    .case-item .img img {
        width: 100%;
        height: 300px;
    }
    .why-item {
        height: 300px;
    }
    .service-item {
        height: 340px;
    }
}
@media (max-width: 380px) {

}