.sub-menu ul>li>ul {
    position: initial;
    width: 100%;
    max-height: 0;
}
.sub-menu ul>li.open>ul {
    max-height: 100%;
}
.sub-menu ul>li:hover>ul a {
    color: #000;
}
.sub-menu ul>li:hover>ul>li:hover {
    background: rgba(0, 205, 151, 0.8);
}
.sub-menu ul>li:hover>ul>li:hover a {
    color: #fff;
}
.from-md {
    display: none !important;
}
.from-650 {
    display: none !important;
}
@media all and (min-width: 1460px){
    .service-blocks {
        height: 800px;
    }
    .service-blocks .item-block:first-child {
        height: 400px;
    }
    .service-blocks .item-block:nth-child(3) {
        height: 400px;
    }
    .home-page .quote {
        padding: 60px 0;
    }
    .home-page .feedback-panel {
        border-radius: 60px;
        margin-top: -60px;
        background: #fff;
        margin-left: 8.5%;
        margin-right: 8.5%;
    }
    .home-page .client-review {
        margin-top: -60px;
        padding-top: 60px;
    }
}
h1{
    font-size: 24px;
}
h2 {
    font-size: 22px;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 14px;
}
@media all and (max-width: 1199px){
    .news-card .image, .home-page .news-card .image {
        height: auto;
        width: 181px;
        text-align: center;
    }
    .news-card .news-body, .home-page .news-body {
        width: calc(100% - 181px);
    }
    .news-card .news-body .desc, .home-page .news-body .desc {
        height: 90px;
    }
    .home-page .news-card {
        padding: 0;
        margin-bottom: 20px;
    }
    .intro-block .slogan {
        bottom: 7.15em;
    }
    blockquote {
        font-size: 24px;
    }
    .intro-block .slogan {
        font-size: 24px;
        bottom: 7.15em;
    }
    .service-blocks .item-block .title {
        font-size: 20px;
    }
    .text-block h2  {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .home-page .news-list h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .card-block, .feedback-panel {
        overflow: hidden;
    }
}
@media all and (max-width: 991px) {
    .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .hidden-md {
        display: none !important;
    }
    .justify-content-around-md {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important;
    }
    footer {
        font-size: 12px;
    }
    .to-up img {
        height: 60px;
        width: auto;
    }
    .infoWindow h2 {
        font-size: 24px;
    }
    .infoWindow .head-section {
        font-size: 14px;
    }
    .infoWindow .body-section a.tel, .infoWindow .body-section a.tel:hover, .infoWindow .body-section a.tel:active, .infoWindow .body-section a.tel:visited, .infoWindow .body-section a.tel:focus {
        font-size: 18px;
    }
    .infoWindow .body-section {
        font-size: 14px;
    }

    h1{
        font-size: 22px;
    }
    h2 {
        font-size: 20px;
    }
    h3 {
        font-size: 18px;
    }
    h4 {
        font-size: 16px;
    }
    h5 {
        font-size: 14px;
    }
    h6 {
        font-size: 12px;
    }
    .menu-inline ul {
        font-size: 14px;
    }
    .feedback-panel h2 {
        margin-left: 0px;
    }
    .feedback-panel h4 {
        margin-left: 4%;
    }
    .feedback-panel input, .feedback-panel textarea {
        font-size: 14px;
    }
    .feedback-panel button[type=submit] {
        font-size: 14px;
    }
    .news-card .image, .home-page .news-card .image {
        height: auto;
        width: 141px;
        text-align: center;
    }
    .news-card .news-body, .home-page .news-body {
        width: calc(100% - 141px);
    }
    .news-card .news-body .body-caption, .home-page .news-body .body-caption {
        font-size: 16px;
        height: 25px;
    }
    .intro-block .slogan {
        bottom: 5.15em;
    }
    .service-blocks {
        height: 500px;
    }
    .service-blocks .item-block:first-child {
        height: 250px;
    }
    .service-blocks .item-block:nth-child(3) {
        height: 250px;
    }
    .intro-block .image {
        height: 490px;
    }
    .service-blocks .item-block .title {
        height: 75px;
    }
    .service-blocks .item-block .title img {
        height: 45px;
    }
    .service-blocks .item-block .desc {
        height: 117px;
    }
    .card-block h2, .text-block h2, .home-page .news-list h2 {
        font-size: 21px;
    }
    .card-item .image {
        height: 160px;
        line-height: 160px;
    }
    .card-item {
        font-size: 16px !important;
    }
    .text-block {
        clip-path: polygon(0% 70px, 100% 0%, 100% 100%, 0% 100%);
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .home-page .news-list {
        margin-top: -70px;
        clip-path: polygon(0% 70px, 100% 0%, 100% 100%, 0% 100%);
        padding-top: 70px;
    }
    .our-partners .partners-card {
        height: 110px;
        line-height: 110px;
    }
    .from-md {
        display: block !important;
    }    
}
@media all and (min-width: 769px){
    .show-sm {
        display: none;
    }
}
@media all and (max-width: 768px) {
    header, header .row {
        height: 75px;
    }
    .wrapper.page {
        min-height: calc(100vh - 75px);
        margin-top: 75px;
    }
    .contact-page ul.breadcrumbs {
        margin-top: 95px;
    }
    .hidden-sm {
        display: none !important;
    }
    ul.menu {
        text-align: center;
    }
    footer .brand-block {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding-bottom: 20px;
        padding-top: 10px;
    }
    footer .brand-block a {
        margin: 0 !important;
    }
    footer .brand-block img {
        max-width: 95px;
    }
    footer .in-network img {
        max-width: 70px;
    }
    .in-network {
        margin: 12px 0;
    }
    .images-block .images-thumbs {
        padding-right: 0;
    }
    h1{
        font-size: 20px;
    }
    h2 {
        font-size: 18px;
    }
    h3 {
        font-size: 16px;
    }
    h4 {
        font-size: 14px;
    }
    h5 {
        font-size: 12px;
    }
    h6 {
        font-size: 10px;
    }
    .wrapper.page .body {
        font-size: 12px;
    }
    .menu-inline ul {
        font-size: 12px;
    }
    .feedback-panel input, .feedback-panel textarea {
        font-size: 12px;
    }
    .feedback-panel h4 {
        margin-left: 0%;
    }
    .feedback-panel {
        padding: 15px;
        background-size: contain;
    }
    .feedback-panel button[type=submit] {
        font-size: 12px;
    }
    .intro-block .image {
        height: 350px;
    }
    .home-page .quote {
        padding: 15px;
    }
    blockquote {
        font-size: 17px;
    }
    .quote:before {
        content: url("../imgs/icons/11-sm.png");
        padding-right: 15px;
    }
    .quote:after {
        content: url("../imgs/icons/22-sm.png");
        padding-left: 15px;
    }
    .service-blocks {
        height: 380px;
    }
    .service-blocks .item-block:first-child {
        height: 190px;
    }
    .service-blocks .item-block:nth-child(3) {
        height: 190px;
    }
    .intro-block .slogan {
        bottom: 4.05em;
        font-size: 17px;
    }
    .service-blocks .item-block .title {
        font-size: 16px;
    }
    .service-blocks .item-block .title img {
        height: 35px;
    }
    .service-blocks .item-block:hover .desc {
        display: none;
    }
    .card-item .image {
        height: 120px;
        line-height: 120px;
    }
    .card-item {
        font-size: 14px !important;
    }
    .card-block h2 {
        font-size: 18px;
    }
    .text-block {
        font-size: 12px;
    }
    .our-partners .partners-card {
        height: 80px;
        line-height: 80px;
    }
    .our-partners .caption {
        font-size: 16px;
    }
    .service-line {
        height: 90px;
        line-height: 90px;
        font-size: 14px;
    }
    .calculate-btn:hover {
        transform: translateX(331px);
    }
}
@media all and (max-width: 650px){
    .hidden-xs {
        display: none !important;
    }
    header, header .row {
        height: 60px;
    }
    .wrapper.page {
        min-height: calc(100vh - 60px);
        margin-top: 60px;
    }
    header .menu-inline ul {
        margin-top: 10px;
    }
    .contact-page ul.breadcrumbs {
        margin-top: 80px;
    }
    .sub-menu ul {
        top: 15px;
    }
    .text-block {
        padding: 70px 15px;
    }
    .service-line {
        height: 80px;
        line-height: 80px;
    }
    .service-line .main-bl {
        font-size: 14px;
    }
    .from-650 {
        display: block !important;
    }
}
@media all and (max-width: 751px) {
    .owl-carousel .owl-item img {
        max-height: 320px;
    }
}
@media all and (min-width: 576px) {
    .show-xs {
        display: none !important;
    }
}
@media all and (max-width: 575px) {
    .hidden-575 {
        display: none !important;
    }
    footer .brand-block{
        padding-bottom: 0px;
        padding-top: 0px;
    }
    .images-block .images-thumbs {
        display: none;
    }
    .wrapper.page .body h1{
        font-size: 18px;
    }
    .wrapper.page .body h2 {
        font-size: 16px;
    }
    .wrapper.page .body h3 {
        font-size: 14px;
    }
    .wrapper.page .body h3 {
        font-size: 12px;
    }
    .wrapper.page .body h5 {
        font-size: 10px;
    }
    .wrapper.page .body h6 {
        font-size: 8px;
    }
    .wrapper.page .body {
        font-size: 12px;
    }
    ul.breadcrumbs {
        font-size: 10px;
    }
    .intro-block .image {
        height: 290px;
    }
    blockquote {
        font-size: 14px;
    }
    .service-blocks {
        height: auto;
    }
    .service-blocks .item-block {
        height: 190px;
        margin-bottom: 10px;
    }
    .service-blocks .item-block:first-child {
        height: 190px;
        clip-path: none;
    }
    .service-blocks .item-block:nth-child(2) {
        position: relative;
        margin-left: 0;
        margin-right: 0;
    }
    .service-blocks .item-block:nth-child(3) {
        height: 190px;
        clip-path: none;
    }
    .intro-block .slogan {
        bottom: 5.85em;
        font-size: 14px;
    }
    .service-blocks .item-block:first-child .inline-block, .service-blocks .item-block:nth-child(3) .inline-block {
        margin-left: 0;
        text-align: center;
        width: 100%;
    }
    .service-blocks .item-block .title {
        align-self: center;
    }
    .service-blocks .item-block .service-button {
        display: block;
    }
    .service-blocks .item-block:nth-child(2) .inline-block {
        margin-right: 0;
        width: 100%;
    }
    .card-item .image {
        height: 80px;
        line-height: 80px;
    }
    .card-item {
        font-size: 12px !important;
    }
    .card-block h2 {
        margin: 10px 0;
        margin-bottom: 0px;
    }
    .our-partners .partners-card {
        display: none;
    }
    .our-partners .partners-card:nth-child(1) {
        display: flex;
    }
    .our-partners .partners-card:nth-child(2) {
        display: flex;
    }
    .our-partners .partners-card:nth-child(3) {
        display: flex;
    }
    .our-partners .partners-card {
        height: 70px;
        line-height: 70px;
    }
    .our-partners .caption {
        font-size: 16px;
    }
}
@media all and (max-width: 550px) {
    header .brand-block img {
        max-width: 55px;
    }
}
@media all and (max-width: 490px) {
    .sub-menu ul {
        left: -120px;
    }
    .sub-menu ul li {
        margin-left: 0px !important;
    }
    .our-partners .partners-card {
        height: 60px;
        line-height: 60px;
    }
}
@media all and (max-width: 479px) {
    .hidden-xxs {
        display: none !important;
    }
    header .menu-inline {
        max-width: calc(100% - 90px);
        -ms-flex: 0 0 calc(100% - 90px);
        flex: 0 0 calc(100% - 90px);
    }
    header .menu-inline ul {
        -ms-flex-pack: space-around!important;
        justify-content: space-around!important;
    }
    header .menu-inline ul li {
        margin-left: 10%;
    }
    header .brand-block {
        max-width: 90px;
    }
    .news-card .image, .home-page .news-card .image {
        height: auto;
        width: 114px;
        text-align: center;
    }
    .news-card .news-body, .home-page .news-card .news-body {
        width: calc(100% - 114px);
    }
    .news-card .news-body .desc {
        height: 55px;
    }
    .news-card .news-body .read-more, .news-card .news-body .read-more:hover, .news-card .news-body .read-more:active, .news-card .news-body .read-more:visited, .news-card .news-body .read-more:focus {
        font-size: 14px;
    }
    .news-card .news-body .body-caption {
        font-size: 14px;
        height: 20px;
    }
    .news-card .news-body .created_at {
        font-size: 14px;
    }
    .service-line .add-bl, .service-line .main-bl {
        padding-left: 8.333333%;
        overflow: initial;
        text-overflow: initial;
        line-height: initial;
        white-space: initial;
        align-items: center;
        height: 100%;
        display: flex;
    }
}
@media all and (max-width: 340px) {
    footer {
        font-size: 11px;
    }
    .studio-info img {
        max-width: 100%;
    }
    .card-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}