@media(max-width:1600px) {
    .container {
        max-width: 1170px
    }
    .sophia_tm_hero .image {
        width: 200px;
        height: 200px
    }
    .sophia_tm_hero .name {
        font-size: 50px
    }
    .sophia_tm_about .rightpart {
        padding-left: 120px
    }
    .sophia_tm_about .experience {
        width: 210px;
        height: 210px
    }
    .sophia_tm_about .experience .info h3 {
        font-size: 30px;
        line-height: 1.2
    }
    .sophia_tm_about .experience .info span {
        font-size: 16px
    }
    .sophia_tm_about .experience {
        bottom: -65px;
        left: -65px
    }
    .my_carousel .prev_button,
    .my_carousel .next_button {
        width: 65px;
        height: 65px
    }
    .sophia_tm_services ul li .list_inner {
        padding-right: 40px
    }
    .sophia_tm_services ul li h3 {
        font-size: 23px
    }
    .sophia_tm_testimonials .list .short h3 {
        font-size: 19px
    }
    .sophia_tm_testimonials .list .short span {
        font-size: 16px
    }
    .sophia_tm_testimonials .svg {
        width: 60px;
        height: 60px
    }
    .sophia_tm_testimonials .list .image {
        width: 100px;
        height: 100px
    }
    .sophia_tm_testimonials .list .text p {
        font-size: 18px
    }
    .sophia_tm_contact .mainpart .left .title p {
        font-size: 20px
    }
    .sophia_tm_sidebar .logo {
        padding: 30px 40px
    }
    .sophia_tm_sidebar .menu {
        padding: 50px 40px
    }
    .sophia_tm_sidebar .menu ul li a {
        padding: 2px 15px
    }
    .sophia_tm_sidebar .menu ul li {
        margin-bottom: 4px
    }
    .sophia_tm_sidebar .author .inner {
        padding: 30px 55px
    }
    .sophia_tm_hero .image {
        margin-bottom: 18px
    }
    .sophia_tm_hero .name {
        margin-bottom: 8px
    }
    .sophia_tm_hero .text {
        margin-bottom: 22px
    }
    .sophia_tm_about .about_title h3 {
        margin-bottom: 45px
    }
    .sophia_tm_about .content {
        padding-top: 50px
    }
    .sophia_tm_about .leftpart .info {
        margin-bottom: 45px
    }
    .sophia_tm_about .wrapper {
        padding-top: 30px
    }
    .progress_inner .label {
        margin-bottom: 5px
    }
    .progress_inner {
        margin-bottom: 20px
    }
}

@media(max-width:1200px) {
    .sophia_tm_modalbox.opened .box_inner {
        width: 700px
    }
    .sophia_tm_modalbox .close {
        margin-left: 20px
    }
}

@media(max-width:1040px) {
    .sophia_tm_mobile_menu {
        display: block
    }
    .sophia_tm_sidebar {
        display: none
    }
    .sophia_tm_mainpart {
        padding-left: 0
    }
    body.opened .sophia_tm_mainpart {
        padding-left: 0
    }
    .sophia_tm_about .content {
        flex-direction: column;
        align-items: baseline
    }
    .sophia_tm_about .leftpart .info p {
        max-width: 100%
    }
    .sophia_tm_about .desc {
        max-width: 100%
    }
    .sophia_tm_about .leftpart {
        width: 100%;
        margin-bottom: 100px
    }
    .sophia_tm_about .rightpart {
        width: 100%;
        padding-left: 0
    }
    .sophia_tm_about .experience {
        left: 50px
    }
    .sophia_tm_services ul li {
        width: 50%
    }
    .sophia_tm_contact .extra_info .wrapper {
        margin: 0
    }
    .sophia_tm_contact .extra_info .wrapper>li {
        width: 100%;
        padding-left: 0
    }
    .sophia_tm_contact .mainpart {
        flex-direction: column;
        align-items: baseline
    }
    .sophia_tm_contact .mainpart .left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px
    }
    .sophia_tm_contact .right {
        width: 100%;
        margin-left: 0
    }
    .sophia_tm_modalbox.opened .box_inner {
        width: 300px
    }
    .sophia_tm_modalbox .close {
        margin-left: -23px;
        top: -38px
    }
    .sophia_tm_modalbox .close .svg {
        width: 25px;
        height: 25px
    }
    .sophia_tm_modalbox .description_wrap {
        padding: 30px
    }
    .sophia_tm_modalbox .popup_informations h3 {
        font-size: 20px
    }
    .sophia_tm_modalbox .news_details span {
        font-size: 12px
    }
    .container {
        padding: 0 30px
    }
    .sophia_tm_intro .go_purchase h3 {
        font-size: 40px
    }
    .sophia_tm_intro .main_title h3 {
        font-size: 40px
    }
}

@media(max-width:768px) {
    .sophia_tm_about .wrapper {
        flex-direction: column;
        align-items: baseline
    }
    .sophia_tm_about .wrapper .left {
        width: 100%;
        padding: 0;
        margin-bottom: 30px
    }
    .sophia_tm_about .wrapper .right {
        width: 100%;
        padding: 0
    }
    .sophia_tm_about .experience {
        width: 150px;
        height: 150px;
        left: 15px
    }
    .sophia_tm_about .experience .info h3 {
        font-size: 20px
    }
    .sophia_tm_about .experience .info span {
        font-size: 13px
    }
    .sophia_tm_hero .name {
        font-size: 40px
    }
    .sophia_tm_hero .image {
        width: 200px;
        height: 200px
    }
    .sophia_tm_about .about_title h3 {
        font-size: 45px
    }
    .sophia_tm_title h3 {
        font-size: 45px
    }
    .sophia_tm_services ul {
        margin: 0
    }
    .sophia_tm_services ul li {
        width: 100%;
        padding-left: 0
    }
    .my_carousel .prev_button,
    .my_carousel .next_button {
        width: 50px;
        height: 50px
    }
    .my_carousel .next_button {
        right: -25px
    }
    .my_carousel .prev_button {
        left: -25px
    }
    .my_carousel .prev_button span,
    .my_carousel .next_button span {
        width: 25px
    }
    .my_carousel .next_button span:before {
        width: 15px;
        top: -5px
    }
    .my_carousel .next_button span:after {
        width: 15px;
        bottom: -5px
    }
    .my_carousel .prev_button span:before {
        width: 15px;
        top: -5px
    }
    .my_carousel .prev_button span:after {
        width: 15px;
        bottom: -5px
    }
    .sophia_tm_testimonials .list ul li .list_inner {
        padding-left: 20px;
        padding-right: 20px
    }
    .sophia_tm_services ul li .list_inner {
        padding-left: 20px;
        padding-right: 20px
    }
    .sophia_tm_contact .mainpart .left {
        padding-left: 20px;
        padding-right: 20px
    }
    .sophia_tm_contact .extra_info .wrapper>li .list_inner {
        padding-left: 20px;
        padding-right: 20px
    }
    .sophia_tm_intro .main_title h3 {
        font-size: 30px
    }
    .sophia_tm_intro .go_purchase h3 {
        font-size: 30px
    }
    .sophia_tm_intro .demo_list ul {
        margin: 0
    }
    .sophia_tm_intro .demo_list ul li {
        width: 100%;
        padding-left: 0
    }
}

@media(max-width:480px) {
    .sophia_tm_testimonials .list .details {
        flex-direction: column;
        align-items: baseline
    }
    .sophia_tm_testimonials .list .author {
        margin-bottom: 30px
    }
    .sophia_tm_testimonials .list .image {
        width: 75px;
        height: 75px
    }
    .sophia_tm_testimonials .list .short h3 {
        font-size: 17px
    }
    .sophia_tm_testimonials .list .short span {
        font-size: 14px
    }
    .sophia_tm_testimonials .list .text p {
        font-size: 17px
    }
    .sophia_tm_testimonials .list .details {
        margin-bottom: 25px
    }
}