@media (min-width: 1600px) {
    #mainMenu nav>ul>li>a {
        font-size: 18px !important;
        font-weight: 400 !important;
        padding: 10px 40px !important;
    }

    .videohome {
        position: absolute;
        z-index: 100;
        top: 115%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .margin-about {
        margin-top: 25% !important;
    }

    .fix-image {
        height: 280px !important;
        border-radius: 30px;
        object-fit: cover;
    }

    .fix-height {
        height: 575px !important;
    }

    /* TAB STYLE */
    .tab-titles {
        display: flex;
        margin: 20px 0 40px;
    }

    .tab-links {
        margin-right: 50px;
        font-size: 14px !important;
        font-weight: 500;
        cursor: pointer;
        position: relative;
    }

    .tab-links.active-link {
        color: #309A4F !important;
    }


    .tab-links.active-link::after {
        width: 100%;
    }

    .tab-contents {
        display: none;
    }

    .tab-contents.active-tab {
        display: block;
    }

    /* TAB STYLE */

    .mt-5-top {
        margin-top: 3rem!important;
    }

    .copyright-text {
        font-size: 12px !important;
    }
}

/* xl */
@media (min-width: 1200px) and (max-width:1599px) {
    #mainMenu nav>ul>li>a {
        font-size: 18px !important;
        font-weight: 400 !important;
        padding: 10px 40px !important;
    }

    .videohome {
        position: absolute;
        z-index: 100;
        top: 110%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .margin-about {
        margin-top: 25% !important;
    }

    /* TAB STYLE */
    .tab-titles {
        display: flex;
        margin: 20px 0 40px;
    }

    .tab-links {
        margin-right: 50px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        position: relative;
    }

    .tab-links.active-link {
        color: #309A4F !important;
    }


    .tab-links.active-link::after {
        width: 100%;
    }

    .tab-contents {
        display: none;
    }

    .tab-contents.active-tab {
        display: block;
    }

    /* TAB STYLE */

    .mt-5-top {
        margin-top: 3rem!important;
    }

    .copyright-text {
        font-size: 12px !important;
    }
}

/* lg */
@media (min-width: 992px) and (max-width:1199px) {
    #mainMenu nav>ul>li>a {
        font-size: 18px !important;
        font-weight: 400 !important;
        padding: 10px 24px !important;
    }

    .videohome {
        position: absolute;
        z-index: 100;
        top: 100%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

    .margin-about {
        margin-top: 19% !important;
    }

    /* TAB STYLE */
    .tab-titles {
        display: flex;
        margin: 20px 0 40px;
    }

    .tab-links {
        margin-right: 50px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        position: relative;
    }

    .tab-links.active-link {
        color: #309A4F !important;
    }


    .tab-links.active-link::after {
        width: 100%;
    }

    .tab-contents {
        display: none;
    }

    .tab-contents.active-tab {
        display: block;
    }

    /* TAB STYLE */

    .mt-5-top {
        margin-top: 3rem!important;
    }

    .copyright-text {
        font-size: 12px !important;
    }

}

/* md */
@media (min-width: 768px) and (max-width:991px) {
    #mainMenu nav>ul>li>a {
        font-size: 18px !important;
        font-weight: 400 !important;
        padding: 10px 40px !important;
    }

    .videohome {
        position: absolute;
        z-index: 100;
        top: 35%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

    .margin-about {
        margin-top: 18% !important;
    }

    .text-about-green {
        text-align: center !important;
        margin-top: 1rem !important;
    }

    .text-about {
        text-align: center !important;
    }

    /* TAB STYLE */
    .tab-titles {
        display: flex;
        margin: 20px 0 20px;
    }

    .tab-links {
        margin-right: 20px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        position: relative;
    }

    .tab-links.active-link {
        color: #309A4F !important;
    }


    .tab-links.active-link::after {
        width: 100%;
    }

    .tab-contents {
        display: none;
    }

    .tab-contents.active-tab {
        display: block;
    }

    /* TAB STYLE */

    .mt-5-top {
        margin-top: 3rem!important;
    }

    .margin-m {
        margin-bottom: 1rem !important;
    }
    .copyright-text {
        font-size: 12px !important;
    }
}

/* sm */
@media (min-width: 576px) and (max-width:767.98px) {
    #mainMenu nav>ul>li>a {
        font-size: 18px !important;
        font-weight: 400 !important;
        padding: 10px 40px !important;
    }

    .text-about-green {
        text-align: center !important;
        margin-top: 1rem !important;
    }

    .text-about {
        text-align: center !important;
    }

    .videohome {
        position: absolute;
        z-index: 100;
        top: 115%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .margin-about {
        margin-top: 25% !important;
    }

    /* TAB STYLE */
    .tab-titles {
        display: flex;
        margin: 20px 0 40px;
    }

    .tab-links {
        margin-right: 50px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        position: relative;
    }

    .tab-links.active-link {
        color: #309A4F !important;
    }


    .tab-links.active-link::after {
        width: 100%;
    }

    .tab-contents {
        display: none;
    }

    .tab-contents.active-tab {
        display: block;
    }

    /* TAB STYLE */

    .margin-m {
        margin-bottom: 1rem !important;
    }
    .copyright-text {
        font-size: 12px !important;
    }
}

/* xs */
@media (max-width:575.98px) {
    #mainMenu nav>ul>li>a {
        font-size: 18px !important;
        font-weight: 400 !important;
        padding: 10px 40px !important;
    }

    .text-about-green {
        text-align: center !important;
        margin-top: 1rem !important;
    }

    .text-about {
        text-align: center !important;
    }

    .videohome {
        position: absolute;
        z-index: 100;
        top: 115%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .margin-about {
        margin-top: 0 !important;
    }

    /* TAB STYLE */
    .tab-titles {
        display: flex;
        flex-direction:column;
        align-items:center;
        justify-content: center;
        margin: 10px 0 10px;
    }

    .tab-links {
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        position: relative;
    }

    .tab-links.active-link {
        color: #309A4F !important;
    }


    .tab-links.active-link::after {
        width: 100%;
    }

    .tab-contents {
        display: none;
    }

    .tab-contents.active-tab {
        display: block;
    }

    /* TAB STYLE */

    .margin-m {
        margin-bottom: 1rem !important;
    }
    .copyright-text {
        font-size: 8px !important;
    }
}



.w-400 {
    font-weight: 400 !important;
}

.w-500 {
    font-weight: 500 !important;
}

.w-600 {
    font-weight: 600 !important;
}

.text-green {
    color: #309A4F !important;
}

.bg-green {
    background-color: #309A4F !important;
}

.portfolio-item .portfolio-description a:hover i,
.portfolio-item .grid-description a:hover i,
.portfolio-item .portfolio-links a:hover i,
.grid-item .portfolio-description a:hover i,
.grid-item .grid-description a:hover i,
.grid-item .portfolio-links a:hover i {
    background-color: #309A4F !important;
    border-color: #309A4F !important;
}

 /* ICON */
 .ico-face {
    width: 40px;
    height: 40px;
    background-image: url('/images/iconface.png'); /* Replace 'path/to/your/image.png' with the path to your image */
    background-size: cover; /* Adjust image size */
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; /* Add some spacing between icon and text */
  }
  .ico-tel {
    width: 40px;
    height: 40px;
    background-image: url('/images/icontel.png'); /* Replace 'path/to/your/image.png' with the path to your image */
    background-size: cover; /* Adjust image size */
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; /* Add some spacing between icon and text */
  }
  .ico-mail {
    width: 40px;
    height: 40px;
    background-image: url('/images/iconmail.png'); /* Replace 'path/to/your/image.png' with the path to your image */
    background-size: cover; /* Adjust image size */
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; /* Add some spacing between icon and text */
  }
  .textico {
    display: inline-block;
    vertical-align: middle;
  }