/*  Website Name: Self-Maximization
 *  Author: ...
 *  Description: Responsive CSS File
 *  Version: CSS
 */

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 900px) {
    .dizme_tm_contact .left .list_inner {
        display: contents;
    }
    .dizme_tm_contact .left .icon {
        left: 17px;
    }
}

@media only screen and (max-width: 812px) {
    .flex-container {
        margin-top: 80px !important;
    }
    .overlaye h3 {
        line-height: 23px !important;
        font-size: 19px !important;
    }
    .dizme_tm_contact .left .list_inner {
        display: contents;
    }
    .dizme_tm_contact .left .icon {
        left: 17px;
    }
}

@media only screen and (max-width: 768px) {
    .flex-container {
        margin-top: 90px !important;
    }
    .overlaye h3 {
        line-height: 23px !important;
        font-size: 19px !important;
    }
    .dizme_tm_contact .left .list_inner {
        display: contents;
    }
    .dizme_tm_contact .left .icon {
        left: 17px;
    }
}

@media only screen and (max-width: 600px) {
    .flex-container {
        margin-top: 74px !important;
    }
    .overlaye h3 {
        line-height: 23px !important;
        font-size: 16px !important;
    }
    .dizme_tm_contact .left .list_inner {
        display: contents;
    }
    .dizme_tm_contact .left .icon {
        left: 17px;
    }
}

@media only screen and (max-width: 570px) {
    .flex-container {
        margin-top: 74px !important;
    }
    .overlaye h3 {
        line-height: 23px !important;
        font-size: 16px !important;
    }
    .dizme_tm_contact .left .list_inner {
        display: contents;
    }
    .dizme_tm_contact .left .icon {
        left: 17px;
    }
}

@media only screen and (max-width: 568px) {
    .flex-container {
        margin-top: 74px !important;
    }
    .overlaye h3 {
        line-height: 23px !important;
        font-size: 16px !important;
    }
    .dizme_tm_contact .left .list_inner {
        display: contents;
    }
    .dizme_tm_contact .left .icon {
        left: 17px;
    }
}

@media only screen and (max-width: 540px) {
    .flex-container {
        margin-top: 74px !important;
    }
    .overlaye h3 {
        line-height: 23px !important;
        font-size: 16px !important;
    }
    .dizme_tm_contact .left .list_inner {
        display: contents;
    }
    .dizme_tm_contact .left .icon {
        left: 17px;
    }
}

@media only screen and (max-width: 500px) {
    .flex-container {
        margin-top: 74px !important;
    }
    .overlaye h3 {
        line-height: 23px !important;
        font-size: 16px !important;
    }
    .dizme_tm_contact .left .list_inner {
        display: contents;
    }
    .dizme_tm_contact .left .icon {
        left: 17px;
    }
}

@media only screen and (max-width: 414px) {
    .flex-container {
        margin-top: 74px !important;
    }
    .overlaye h3 {
        line-height: 23px !important;
        font-size: 16px !important;
    }
    .dizme_tm_contact .left .list_inner {
        display: contents;
    }
    .dizme_tm_contact .left .icon {
        left: 17px;
    }
}

@media only screen and (max-width: 375px) {
    .dizme_tm_hero .avatar img {
        width: 100%;
        max-width: 100%;
    }
    .dizme_tm_about .left .image img {
        width: 100%;
    }
    .dizme_tm_hero .name h3 {
        font-size: 25px;
    }
    .dizme_tm_hero .text p {
        font-size: 15px;
        line-height: 24px;
    }
    .dizme_tm_down {
        bottom: -130px;
    }
    .short span {
        font-size: 15px;
    }
    .dizme_tm_contact .left .short {
        padding-left: 16px;
    }
    .dizme_tm_contact .left .short h3 {
        font-size: 17px !important;
    }
    .dizme_tm_contact .left .list_inner {
        display: contents;
    }
    .dizme_tm_contact .left .icon {
        left: 17px;
    }
}

@media screen and (min-width:1200px) {}