@media only screen and (max-width: 1375px) {
    .yc-shortcode--post-services .ShortCode-title {
        max-width:479px;
        margin-inline:0 !important}

    .yc-shortcode--box.yc-shortcode--review .-single-features-step-item {
        min-width: 279px
    }

    .custreviewsgoole-block,.goole-block {
        min-width: 48%
    }

    .YC-intro-page-primary-body.Yc-pages-steup .bottun {
        margin-inline:auto}

    .-Post-box-single-item {
        min-width: 280px;
        max-width: 390px
    }

    .-defult-widgets-title-style-1.-YC-Category-Grid-title {
        min-width: 450px;
        margin-inline:auto;align-items: center;
        text-align: center
    }

    header.fixedintro {
        max-width: 97%
    }

    .YC--YourColor-Intro-container-auto {
        min-width: 100%
    }

    .--Site--Menu>ul>li.-YourColor-Is-SubMenu>a {
        padding: 20px 4px 20px 29px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 1200px) {
    .custreviews--google-flex {
        flex-direction:column
    }

    .custreviews--google-flex>* {
        min-width: 100%;
        justify-content: space-between
    }

    .-single-features-step-item {
        max-width: 100%;
        padding: 30px
    }

    .-Post-box-single-item {
        max-width: 100%
    }

    .-Post-box-single-item:last-child {
        max-width: 430px
    }

    .--Site--Menu>ul>li>a {
        padding-inline: 9px
    }

    .-YC-Intro-image_intro-v2 {
        display: none
    }
}

@media only screen and (max-width: 1175px) {
    .--image-after-intro-list img,.-after__intro-image img {
        width:auto;
        height: auto
    }

    .-YC-FaqsSimple-Center-v1,.-YourColor-Intro-title,.YC-intro-container-pages-head.--is--video-category .bottun,.yc-shortcode--post-services .ShortCode-title .sup-title-widget-defualt {
        margin-inline: auto
    }

    body.is_open_menu,html.is_open_menu,root {
        overflow: hidden
    }

    .YC-post-context-boxed {
        margin-inline-end:0;margin-bottom: 0px;
        position: relative;
        top: 0;
        align-items: center;
        text-align: center;
        z-index: 1
    }

    .top-singular-post-cover {
        flex-direction: column-reverse;
        align-items: center
    }

    .your-image-wrapper.float-left,.your-image-wrapper.float-right {
        float: inherit;
        padding-inline:0}

    .YC-single-scroll-post {
        right: -17px
    }

    .-single-post-content h2:before {
        right: -21px;
        width: 10px;
        height: 10px;
        top: 34px
    }

    @keyframes ripple-animations {
        0% {
            -webkit-box-shadow: 0 0 0 0 var(--primary-light);
            box-shadow: 0 0 0 0 #b7c7ff
        }

        50% {
            -webkit-box-shadow: 0 0 0 20px rgba(1,93,199,0);
            box-shadow: 0 0 0 11px rgba(1,93,199,0)
        }

        100% {
            -webkit-box-shadow: 0 0 0 0 rgba(1,93,199,0);
            box-shadow: 0 0 0 0 rgba(1,93,199,0)
        }
    }

    .YC-single-scroll-bar {
        top: 0
    }

    .YC-single-headerFixed-container {
        bottom: 74px;
        top: inherit;
        padding-bottom: 11px;
        padding-top: 30px;
        transform: translate(0,180px) !important
    }

    .--footer-intro-title,.-YC-Category-Grid-Area-v2,.-after__intro-image,.-defult-widgets-title-style-1.-YC-Category-Grid-title,.YC-after-intro-info,.YC-intro-container-pages-left,.yc-shortcode--services--items {
        top: 0;
        position: relative
    }

    .YC-single-headerFixed-container.visible-header {
        transform: translate(0,75px) !important
    }

    .YC-related-posts-items .YC-related_articles-single-item {
        max-width: 100%;
        min-width: 100%
    }

    .yc-shortcode--single-services-item {
        min-width: 350px;
        max-width: 100%;
        flex: 1
    }

    .yc-shortcode--services--items {
        flex-direction: initial;
        flex-wrap: wrap;
        margin-top: 40px
    }

    .--footer--intro .container,.YC-after-intro-info,.yc-shortcode--box.yc-shortcode--post-services {
        flex-direction: column
    }

    .yc-shortcode--post-services .ShortCode-title {
        max-width: 100%;
        align-items: center;
        text-align: center;
        justify-content: center
    }

    .yc-shortcode--post-services .ShortCode-title p.--short--code--content {
        text-align: center
    }

    .YC-intro-page-primary-body {
        padding-bottom: 49px;
        padding-top: 90px
    }
 
    .-intro--page--category-video {
        justify-content: center;
        margin-top: 15px
    }

    .Yc-category--video-Youtube {
        max-width: 409px;
        min-width: 218px;
        height: 288px
    }

    .--container--category--info .bottun {
        margin-inline: auto;
        font-size: 18px
    }

    .-YC-FaqsSimple-Center-v1 .sup-title-widget-defualt,.-defult-widgets-title-style-1.-YC-Category-Grid-title .sup-title-widget-defualt {
        margin-inline:0}

    .YC-BreadCrumb>ol {
        justify-content: center
    }

    .YC-intro-container-pages-head {
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .--footer--title-H2 {
        text-align: center
    }

    .--footer-intro-title {
        margin-bottom: 32px;
        max-width: 100%
    }

    .--footer--content-P.animate-text-from-right {
        max-width: 100%;
        text-align: center
    }

    .-YC-widght_svg,.YC--seviesRequest--form-boxarea {
        display: none
    }

    .-owl-PriceLists-Center-v1 .-PriceBox-v1-box {
        min-width: 100%;
        max-width: 100%
    }

    .-YC-FaqsSimple-Center-v1 .-defult-widgets-title-style-1 {
        align-items: center;
        text-align: center
    }

    .-YC-FaqsSimple-Center-v1 .-widgets-h1-title,.-YC-FaqsSimple-Center-v1 .P-content {
        text-align: center
    }

    .Yc-app--video-Youtube-inner {
        height: 360px
    }

    .--image-after-intro--- {
        max-width: 390px;
        min-width: 320px;
        margin-inline-end:42px}

    .YC-after-intro-info {
        display: flex;
        align-items: center;
        text-align: center
    }

    .-after__intro-image {
        margin-top: 40px;
        max-width: 300px;
        min-width: 300px;
        height: 350px;
        display: none
    }

    .container--intro--items {
        flex-direction: column;
        align-items: center;
        text-align: center;
        justify-content: center
    }

    .--category--logoIcon {
        min-width: 100px;
        max-width: 100px;
        height: 99px
    }

    .--single--category--boxitem {
        min-width: 460px;
        max-width: 100%;
        flex: 31
    }

    .-YC-Category-Grid-title .P-content,.-defult-widgets-title-style-1.-YC-Category-Grid-title .-widgets-h1-title {
        text-align: center;
    }

    .-YC-Category-Grid-title .P-content {
        font-size: 14px;
    }

    .-YC-Category-Grid-Area-v2 {
        margin-top: 32px;
        min-width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 20px
    }

    .-YC-Category-Grid-container .container {
        flex-direction: column
    }

    .bg-item .item-6 {
        opacity: .05;
        top: 370px
    }

    .-YC-Intro-image_intro-box,.-YC-Intro-image_intro-v2 {
        display: none
    }

    .-YourColor-Intro-title {
        max-width: 643px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .-YC-Intro-image_intro-v1 {
        max-width: 340px;
        min-width: 320px;
        height: 320px
    }

    .YC-YourColor-Intro_title {
        font-size: 34px;
        font-weight: 700
    }

    header.fixedintro {
        max-width: 100%;
        min-width: 100%;
        border-radius: 0;
        transform: translate(0);
        margin-top: 0
    }

    body {
        overflow-x: hidden
    }

    .--Site--Menu>ul>li>ul.sub-menu,.--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu {
        position: relative;
        top: 0;
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        padding: 13px 21px;
        width: 100%;
        border-radius: 0;
        box-shadow: none;
        margin-top: 12px;
        border-right: 2px solid #f6f6f6;
        padding-inline-start:31px;display: none;
        right: 0
    }

    .--Site--Menu>ul>li>ul.sub-menu.active,.--Site--Menu>ul>li>ul.sub-menu>li>ul.sub-menu.active,.-mobile-menu-button {
        display: block
    }

    .--Site--Menu>ul>li>a {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 0 !important;
        font-weight: 500;
        color: var(--primary-text);
        text-decoration: none;
        border-radius: 8px;
        transition: .3s;
        text-align: right;
        justify-content: right
    }

    .--Site--Menu>ul>li {
        border-bottom: 1px solid var(--border-defult-hover);
        border-radius: 0;
        padding: 8px 0;
        position: relative;
        align-items: center
    }

    .--Site--Menu ul.sub-menu {
        padding-right: 20px;
        display: none
    }

    .--Site--Menu ul.sub-menu.active {
        display: block;
        animation: .3s ease-out slideDown
    }

    @keyframes slideDown {
        from {
            opacity: 0;
            transform: translateY(-10px)
        }

        to {
            opacity: 1;
            transform: translateY(0)
        }
    }

    .--Site--Menu>ul>li.-YourColor-Is-SubMenu>a {
        padding-inline: 0
    }

    .-Show-SubMenu-Icon>i {
        background: #efe1ff45;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--largeradius);
        transform: rotate(90deg);
        top: -19px
    }

    .-Show-SubMenu-Icon>i.trans {
        transform: rotate(0)
    }

    .background {
        border-radius: 16px;
        background: #f3f3fe;
        width: 46px;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-inline-end:18px}

    .menu__icon {
        padding: 4px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        border: 0 !important;
        background: 0 0;
        width: 28px;
        height: 28px
    }

    .menu__icon span {
        width: 100%;
        height: 2px;
        border-radius: .125rem;
        background-color: var(--primary-text);
        transition: transform .4s,background-color .4s,opacity .4s
    }

    .menu__icon.trans_menu span:nth-child(2) {
        transform: translate(-50%);
        opacity: 0
    }

    .menu__icon.trans_menu span:first-child {
        background-color: #ff3b30;
        transform: translateY(7px) rotate(-45deg)
    }

    .menu__icon.trans_menu span:nth-child(3) {
        background-color: #ff3b30;
        transform: translateY(-11px) rotate(45deg)
    }

    header .container {
        justify-content: space-between
    }

    .--Site--Menu {
        opacity: 0;
        visibility: hidden;
        min-width: 330px;
        border-radius: 0;
        color: var(--uicolor);
        z-index: 19;
        position: fixed;
        background: #fff;
        max-width: 360px;
        flex-direction: column;
        transition: .2s;
        top: 70px;
        overflow: scroll;
        padding: 0;
        min-height: 100vh
    }

    .--Site--Menu.open_menu {
        opacity: 1;
        visibility: visible;
        right: 0;
        justify-content: start;
        overflow: scroll
    }

    .-Header-Fix .--Site--Menu>span {
        font-size: 22px;
        margin: 20px 0
    }

    header.fixedintro .--Site--Menu {
        top: 99px !important
    }

    .--socialheader-mobile {
        display: block;
        margin-top: 20px
    }

    .--Site--Menu>ul {
        position: relative;
        list-style-type: none;
        direction: rtl;
        display: block;
        flex-direction: column;
        margin-inline:0;height: auto;
        flex: initial;
        padding: 18px
    }
}
.-YC-WidgetType-contact__form .-YC-Widgets-Inner-RowP{
        
    }
@media only screen and (max-width: 845px) {
    .-YC-WidgetType-contact__form .-YC-Widgets-Inner-Row{
        padding: 40px 0;
    }
    .yc-shortcode--single-image {
        display:flex;
        flex-wrap: wrap;
        column-gap: 19px
    }

    .yc-shortcode-gallry--image {
        min-width: 180px;
        max-width: 250px;
        flex: 1;
        height: 160px
    }

    .-p-FaqsSimple-vsingle-ContentValue-v1 {
        font-size: 20px
    }

    .-side--bar-widgets--videos-Ids {
        display: flex;
        justify-content: center;
        min-width: 100%;
        max-width: 100% !important;
        margin-bottom: 21px
    }

    .-side--bar-widgets--videos-Ids .YC__video-elements-items {
        min-width: 100%;
        max-width: 100%;
        height: 100%
    }

    .yc-shortcode--single-worksteps-item {
        max-width: 100% !important;
        min-width: 250px;
        flex: 1
    }

    .yc-shortcode--single-features-item {
        min-width: 250px;
        max-width: 100%;
        flex: 1
    }

    .YC-single-call--boxs>a.YC-BTN-phone {
        font-size: 23px
    }

    p.mini-content-single-posts {
        font-size: 18px
    }

    .single-post-title.single-post-post-title h1 {
        font-size: 35px
    }

    .YC-post-context-boxed {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        justify-content: center;
        margin-inline-end:0}

    .YC-post-context-boxed .sub-title {
        margin-inline:auto;font-size: 22px
    }

    .YC-single-headerFixed-boxed,.top-singular-post-cover {
        justify-content: center
    }

    .-single-parent-flexes--content-inner-thumb {
        --element--width: 350px;
        overflow: hidden;
        min-width: 250px;
        max-width: 416px;
        height: auto;
        margin-bottom: 24px;
    }

    .-single-parent-flexes--content-inner-thumb--inner {
        height: auto
    }

    .-TitleContent-section {
        flex-direction: column;
        font-size: 25px
    }

    .-TitleContent-section>p {
        text-align: center;
        font-size: 21px
    }

    .-TitleContent-section>a {
        margin-inline:auto;margin-top: 19px
    }

    .-single-post-content>* {
        font-size: 16px
    }

    .wp-caption {
        width: 100% !important;
        height: auto !important
    }

    .-single-post-content table td,.-single-post-content table th {
        font-size: 15px
    }

    .war-img {
        position: relative;
        right: 0px;
        z-index: -1;
        margin-inline-start:auto;}

    .-YourColor-SingleWidget-Section.-YC-WidgetType-after__intro .inner-circle,.YC-single-headerFixed-left {
        display: none
    }

    .-single-share-posts-area {
        padding: 27px
    }

    .-Post-box-single-item {
        min-width: 230px
    }

    .--container--category--info p {
        font-size: 19px;
        font-weight: 500
    }

    .YC-city--list {
        max-width: 100%;
        min-width: 120px;
        flex: 1
    }

    .--single--work-post-box {
        height: 390px !important;
        min-width: max-content
    }

    .-YC-FaqsSimple-Title>.title_faq {
        font-size: 18px
    }

    .-footer-widgets-links>li>a {
        justify-content: center
    }

    .GotoTop {
        bottom: 70px;
        left: 20px
    }

    .-row-shares-items {
        margin-bottom: 19px
    }

    .footer-bottom-current .container {
        flex-direction: column-reverse;
        align-items: center;
        text-align: center
    }

    .icon-video-play {
        width: 60px;
        height: 60px
    }

    .icon-video-play i {
        font-size: 21px
    }

    .YC--panner-features--after-intro {
        gap: 20px
    }

    .--after-intro-features-list {
        min-width: 100px;
        text-align: center
    }

    .-defult-widgets-title-style-1.-YC-Category-Grid-title {
        max-width: 100%;
        min-width: 100%
    }

    .-footer-widgets-single {
        min-width: 330px;
        max-width: 100%;
        margin-inline:0;display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        justify-content: center
    }

    footer-body {
        justify-content: center;
        align-items: center;
        text-align: right
    }

    .custreviews--google-flex>* {
        flex-direction: column;
        padding: 21px !important;
        gap: 9px;
    }

    .--image-after-intro---,.creative-shape-img {
        display: none
    }
}

@media only screen and (max-width: 580px) {
    
    .-YC-widght_video-container .inner-circle,.circle-animation.testimonial,.inner-circle,.yc-shortcode--section--contactus .inner-circle {
        display:none
    }

    .-p-FaqsSimple-vsingle-ContentValue-v1.-ToggleContentValue {
        font-size: 16px
    }

    .--is-feature-item {
        font-size: 14px;
        font-weight: 700
    }

    .--paner-content span {
        font-size: 17px
    }

    .YourColor-IntroBoxes {
        min-height: auto;
        padding-bottom: 20px;
    }

.total-IntroBoxes--parent {
    padding-inline: 0;
}

    .--Site--Menu {
        max-width: 100%;
        min-width: 100%
    }

    .YC-post-cover-post {
        padding-top: 189px
    }

    .yc-shortcode--single-services-item {
        flex-direction: column;
        align-items: self-start;
        gap: 10px
    }

    .yc-shortcode-step--image {
        min-width: 92px;
        max-width: 92px;
        height: 62px
    }

    .--widget--sidebar--title {
        font-size: 30px
    }

    .-YC-FaqsSimple-vsingle {
        padding: 21px
    }

    .yc-shortcode--section--contactus {
        padding: 25px !important
    }

    .-single-post-content iframe {
        width: 100%;
        height: 280px;
        margin-top: 30px;
        margin-bottom: 30px
    }

    .button-phonenumber span {
        font-size: 19px
    }

    .container {
        padding-inline: 10px; }

    .YC-BreadCrumb>ol>li>a {
        font-weight: 600;
        font-size: 17px;
    }

    .single-post-title.single-post-post-title h1 {
        font-size: 23px
    }

    .YC-single-headerFixed--boxs {
        min-width: 100%;
        padding: 0 19px;
        justify-content: center
    }

    .yc-shortcode--box.yc-shortcode--shortcode_video {
        padding: 20px !important
    }

    .yc-shortcode--services--info p {
        font-size: 17px
    }

    .yc-shortcode--services--info>h3 {
        font-size: 19px
    }

    .--Parent-URL-BTN a,.--contact--post-info>p {
        font-size: 16px
    }

    .--contact--post-info>.--shortcode--section--contactus--title {
        font-size: 22px;
        line-height: 1.4
    }

    .bg-item .item-3 {
        top: 450px
    }

    .YC-single-call--boxs>a.YC-BTN-phone {
        min-width: 100%;
        justify-content: space-between;
        font-size: 19px
    }

    a.YC-BTNs-whatsapp {
        margin-inline-start:0 !important}

    .YC-single-call--boxs {
        flex-direction: column;
        gap: 20px
    }

    .--short--code--title {
        font-size: 24px !important
    }

    .-single-post-content>h2 {
        font-size: 22px
    }

    .-single-post-content h2:before {
        top: 26px
    }

    .-single-post-content>h1,.-single-post-content>h2,.-single-post-content>h3,.-single-post-content>h4,.-single-post-content>h5,.-single-post-content>h6 {
        padding: 10px 0 !important
    }

    .-single-post-content,.links--sitemap-items-lists>a {
        font-size: 17px
    }

    .-P-content {
        font-size: 16px
    }

    .-Post-box-item-Info a {
        font-size: 18px
    }

    .-single-share-posts-area .-YC-owl-navs-items>div {
        --el-w: 49px;
        font-size: 20px
    }

    .links--sitemap-items-title h2 {
        font-size: 29px;
        font-weight: 700
    }

    .single-post_title-sitemaps h1 {
        font-size: 33px
    }

    .--info-content-- {
        font-size: 16px;
        font-weight: 500
    }

    .-site-logo img {
        width: auto;
        height: auto
    }

    .-widget-after-intro-h4 {
        font-size: 15px
    }

    .-p-category-desc {
        font-size: 17px
    }

    .-YC-category--info>a {
        font-size: 21px
    }

    .-YourColor-SingleWidget-Section.-YC-WidgetType-blog_v1 {
        padding: 0
    }

    .paner__icon {
        min-width: 55px;
        max-width: 55px;
        height: 55px
    }

    .paner__icon i {
        font-size: 27px
    }

    p.YC-YourColor-content {
        font-size: 14px;
        text-align: right
    }

    .YC-YourColor-features-list {
        min-width: 109px
    }

    .-p-content {
        font-size: 16px;
        line-height: 1.6;
        font-weight: 500
    }

    .--single--work--info {
        right: 0;
        min-width: 100%;
        bottom: 0;
        max-width: 100%
    }

    .--single--work--info:before {
        border-radius:0
    }

    .-p-FaqsSimple-ContentValue-v1 {
        font-size: 17px
    }

    .war-img {
        max-width: 60px;
        min-width: 80px;
        opacity: .5
    }

    p.goolge-content {
        font-size: 16px;
        font-weight: 600
    }

    .--title-goolge-- {
        font-size: 20px !important
    }

    .P-content {
        font-size: 16px;
        text-align: center;
        line-height: 1.6
    }

    p.-pp-content {
        font-size: 17px;
        line-height: 1.6;
        font-weight: 400
    }

    .-widget-after-intro-h1 {
        font-size: 29px;
        line-height: 1.4
    }

    .sup-title-widget-defualt {
        font-size: 14px;
        padding: 6px 9px;
    }

    .-widgets-h1-title {
        font-size: 29px !important
    }

    .-owl-PriceLists-Center-v1 {
        overflow: hidden;
        padding: 10px 2px
    }

    .custreviewsgoole-block .war-img {
        max-width: 89px;
        min-width: 120px
    }

    .--single--category--boxitem {
        flex-direction: column;
        align-items: self-start;
        gap: 10px;
        min-width: 210px !important;
        padding: 12px 0
    }

    .Yc-app--video-Youtube-inner {
        height: 220px;
        max-width: 420px;
        min-width: 299px
    }

    .YC_Intro_before_title {
        font-size: 24px;
        margin-bottom: 8px
    }

    .YC-YourColor-Intro_title {
        font-size: 27px;
        text-align: center
    }

    .bg-item .item-6 {
        opacity: .02
    }

    .bg-item .item-4 {
        opacity: .6
    }
}

@media only screen and (max-width: 499px) {
    .--category--logoIcon {
        min-width:80px;
        max-width: 80px;
        height: 80px
    }

    p.mini-content-single-posts {
        font-size: 16px
    }

    .-single-post-content table td,.-single-post-content table th {
        font-size: 14px
    }

    .--short--code--title {
        font-size: 18px !important
    }

    .YC-single-scroll-post.progress-100:after {
        width: 15px;
        height: 15px;
        right: -8px
    }

    .-single-features-step-item {
        padding: 22px !important
    }

    .-widgets-h1-title {
        font-size: 22px !important
    }

    .YC_Intro_before_title {
        font-size: 20px
    }

    .YC-YourColor-Intro_title {
        font-size: 23px
    }

    .-defult-widgets-title-style-1.-YC-Category-Grid-title .-widgets-h1-title {
        font-size: 24px !important;
    }

    .-defult-widgets-title--URLArea-v1 {
        display: flex;
        flex-direction: column;
        gap: 17px
    }

    .YC-YourColor-intro-BTN {
        flex-direction: column;
        align-items: self-start
    }

    .YC-YourColor-intro-BTN .--Parent-URL-BTN a {
        width: 100%;
        justify-content: space-between
    }

    .YC-YourColor-intro-BTN .--Parent-URL-BTN {
        width: 100%
    }

    .-Intro-button-phone {
        margin-inline-start:0}
}