﻿    @media(max-width:1023px) {
        .no-display-mobile-tablet {
            display: none !important
        }
    
        .design-contruct .container .item .content .col {
            padding: 10px !important;
        }
    }
    
    @media(min-width:740px) and (max-width:1023px) {
        .no-display-tablet {
            display: none !important
        }
    
        .design-contruct .pro.content-item {
            margin-bottom: 20px;
        }
    
        .design-contruct .container .item .btn-more::before {
            width: 98%;
        }
    
        .design-contruct .container .item .title span {
            font-size: 30px;
        }
    
        .design-contruct .container .item .title h3 {
            font-size: 15px;
        }
    }
    
    @media(max-width:739px) {
        .no-display-mobile {
            display: none !important
        }
    
    
    
        .design-contruct .container .item .content .col {
            padding: 5px !important;
        }
    
        .design-contruct .container .item .title h3 {
            font-size: 12px;
            line-height: calc(100% + 4px);
        }
    
        .design-contruct .container .item .heading {
            overflow: hidden;
            margin-bottom: 22px;
            align-items: center;
        }
    
        .design-contruct .container .item .btn-more {
            position: relative;
            font-size: 12px;
            padding: 14px;
            border: 1px solid var(--bg-selection-2);
            border-radius: 50%;
            width: 20px;
            height: 20px;
            background: var(--default-color-3);
        }
    
        .design-contruct .container .item {
        }
    
            .design-contruct .container .item:last-child {
                margin-bottom: 0;
            }
    
            .design-contruct .container .item .title span {
                font-size: 20px;
                white-space: nowrap;
            }
    
            .design-contruct .container .item .btn-more span {
                display: none;
            }
    
            .design-contruct .container .item .btn-more::before {
                display: none;
            }
    
            .design-contruct .container .item .btn-more:hover {
                background-color: var(--default-color-3);
                border-color: var(--default-color-3);
                color: #fff;
            }
    
            .design-contruct .container .item .title {
                padding-right: 35px;
            }
    
            .design-contruct .container .item .btn-more i {
                padding-left: 0;
            }
    
            .design-contruct .container .item .btn-more .decor {
                display: none;
            }
    
        .design-contruct .container .item {
            padding: 50px 0;
        }
    
    }
