@media only screen and (max-width: 1500px) and (min-width: 992px) {
    .feature-services {
        padding-left: 50px;
        padding-right: 50px;
    }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) {
    .feedback.container-c{
        max-width: 1120px;
    }
}
@media only screen and (min-width: 1600px) {

    .feedback .swiper-slide .box-option {
        width: 453.33px;
        background: url("./images/icons/feedback_bg_big.svg") no-repeat top left;
    }

    .feedback .swiper-slide.swiper-slide-active + .swiper-slide .box-option {
        background:  url("./images/icons/feedback_shadow_bg.svg") no-repeat top left;
    }
}
@media only screen and (min-width:992px) {
    .mobile.custom-sidebar {
        display: none !important;
    }

    .content-section-blog .blog-tab.active {
        display: flex !important;
        gap: 40px;
    }

    .content-section-blog .blog-tab .swiper-slide-item {
        width: calc(100%/3);
    }

    #masthead #site-navigation #mega-menu-wrap-menu-1 {
        background: none;
    }

    #masthead #site-navigation #mega-menu-wrap-menu-1 ul#mega-menu-menu-1 {
        display: flex;
        justify-content: center;
    }

    #masthead #site-navigation #mega-menu-wrap-menu-1 li.mega-menu-item.mega-toggle-on>a.mega-menu-link, #masthead #site-navigation #mega-menu-wrap-menu-1 a.mega-menu-link:hover, .mega-current-menu-item>a.mega-menu-link {
        color: #F37322 !important;
        background: none !important;
        transition: all .3s;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item a.mega-menu-link:before {
        content: '';
        display: inline-block;
        width: 8.11px;
        height: 8.94px;
        background: url('./images/icons/menu-item-hover-icon.svg');
        visibility: hidden;
        position: absolute;
        left: -20px;
        top: 50%;
        transform: translateY(-50%);
        transition: all .3s;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item a.mega-menu-link:hover:before {
        visibility: visible;
        left: -16px !important;
    }

    .mega-menu-column ul.mega-sub-menu .widget_custom_html {
        display: flex;
        flex-direction: column;
    }

    .mega-menu-column ul.mega-sub-menu .widget_custom_html img {
        width: 80px;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item>ul.mega-sub-menu {
        position: fixed !important;
        top: 72px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
        display: none !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
        width: 10.33px;
        height: 5.67px;
        margin-left: 10.83px;
        top: -2px;
        background: url('./images/icons/down.svg');
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
        padding: 0 16px;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu {
        background: #fff;
        box-shadow: 0 15px 22.5px -3px #F3793633;
        border-radius: 20px 20px 20px 20px;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu ul.mega-sub-menu {
        overflow: hidden;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu ul.mega-sub-menu .mega-menu-item.widget_custom_html {
        display: flex;
        margin-bottom: 20px;
        padding: 0 !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu ul.mega-sub-menu .mega-menu-item.widget_custom_html .mega-block-title {
        font-size: 20px !important;
        font-weight: 700;
        color: #3A3735;
        margin-top: 20px;
        padding: 0;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu ul.mega-sub-menu .mega-menu-item.widget_custom_html .textwidget {
        display: flex;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu {
        max-width: 1120px;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu {
        display: flex;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-3-of-12 {
        border-right: 1px solid #EBE7E5;
        padding: 48px 40px 40px 40px;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-3-of-12:last-child {
        border: none;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 .textwidget {
        width: 80px;
        height: 80px;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item>ul.mega-sub-menu {
        left: 50% !important;
        transform: translate(-50%, 10px) !important;
        transition: all 0.1s !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu {
        transform: translate(-50%, 0) !important;
    }

    .view-all-mobile {
        display: none;
    }

    .feature-services .swiper-scrollbar {
        display: none !important;
    }

    .tab-service-mobile, .view-all-services {
        display: none !important;
    }

}

@media only screen and (max-width:1120px) {
    body.services_template .service-block.style2 .cc-cat {
        max-width: 800px;
    }

    body.services_template .service-block.style4 {
        max-width: 800px !important;
        padding-bottom: 120px;
    }

    body.services_template .service-block .service-item {
        padding: 20px;
    }

}

@media only screen and (max-width:991px) {
    .feature-services .container-c{
        padding: 0;
    }
    .service-template-default.single #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{
        background: none;
    }
    .custom-btn{
        display: none;
    }
    body.services_template .service-block .cc-cat{
        padding-bottom: 140px !important;
    }
    body.services_template .service-block .post-block{
        padding-bottom: 120px !important;
    }
    .error404 .error-404 {
        padding: 60px 20px
    }

    .single-post .post-thumbnail {
        margin-bottom: 20px;
    }

    .single-post h2.post-title {
        font-size: 40px;
        line-height: 48px;
    }

    .custom-sidebar.mobile {
        padding: 60px 20px;
    }

    .des.custom-sidebar {
        display: none !important;
    }

    .category .top-blog > .container-c .left, .category .top-blog > .container-c .right {
        width: 100%;
    }

    .blog-post {
        width: 100%;
    }

    .content_service_item.type7 .container-b > h3,.content_service_item.type7 .container-b > h2, .content_service_item.type7 .mix-blocks ul.listing_with_icon li h3 {
        font-size: 40px;
        line-height: 48px;
    }

    .content_service_item.type7 .mix-blocks {
        flex-direction: column;
    }

    .content_service_item.type7 .mix-blocks ul {
        width: 100% !important;
        gap: 40px !important;
    }

    .content_service_item.type7 .mix-blocks ul.listing_with_icon li h3 {
        margin-top: 0;
    }

    .content_service_item.type7 .mix-blocks ul.image_description li {
        flex-direction: column;
        padding: 40px;
        gap: 40px !important;
    }

    .content_service_item.type7 .mix-blocks ul.image_description li > div {
        width: 100%;
    }

    .content_service_item.type6 .items ul {
        flex-direction: column;
    }

    .content_service_item.type6 .items ul li {
        width: 100%;
        gap: 40px;
    }

    .content_service_item.type6 ul li:nth-child(2) .item {
        flex-direction: column;
        gap: 40px;
    }

    .content_service_item.type6 ul li:nth-child(2) .item > div {
        width: 100% !important;
    }

    .content_service_item.type6 h3,
    .content_service_item.type6 h2 {
        font-size: 40px;
        line-height: 48px;
    }

    .service-template-default.single .content_service_item.type3 {
        padding: 60px 20px;
    }

    .service-template-default.single .content_service_item.type3 h3,
    .service-template-default.single .content_service_item.type3 h2 {
        font-size: 40px;
        line-height: 48px;
    }

    .service-template-default.single .content_service_item.type3 .hosting-package {
        flex-direction: column;
    }

    .service-template-default.single .content_service_item.type3 .hosting-package .package-item {
        width: 100%;
    }

    .single-service .content_service_item.type2 {
        flex-direction: column;
        gap: 40px;
    }

    .single-service .content_service_item.type2 > h3 {
        width: 100%;
        font-size: 40px;
        line-break: 48px;
    }

    .single-service .content_service_item.type2 .features-block {
        width: 100%;
    }

    .service-template-default.single .about-service .container-c {
        flex-direction: column;
        gap: 40px;
    }

    .service-template-default.single .about-service .container-c h3 {
        font-size: 40px !important;
        line-height: 48px !important;
    }

    .service-template-default.single .about-service .container-c > div {
        width: 100% !important;
        padding: 0 20px;
    }

    .service-template-default.single .content_service_item.type1 > div strong,.service-template-default.single .content_service_item.type1 > div h2, .single-service .contact-section .gform_title strong, .single-service .more-knowledge .container-c > h3,.single-service .more-knowledge .container-c > h2
    
     {
        font-size: 40px !important;
        line-height: 48px !important;
    }

    .single-service .more-knowledge .container-c > h3 {
        margin-bottom: 40px;
    }

    .service-template-default.single .content_service_item.type1 {
        flex-direction: column;
        padding: 40px 20px;
    }

    .service-template-default.single .content_service_item.type1 > div {
        width: 100% !important;
    }

    .service-template-default.single .content_service_item.type1 > div .img {
        max-width: 500px;
        margin: 0 auto;
    }

    .service-template-default.single .content_service_item.type_5 {
        padding: 0 20px;
    }

    .service-template-default.single .content_service_item.type_5 ul {
        flex-direction: column;
    }

    .service-template-default.single .content_service_item.type_5 ul li {
        width: 100%;
        margin: 0 !important;
    }

    .single-service .contact-section .form-container {
        flex-direction: column;
    }

    .single-service .contact-section .form-container .gform_description {
        width: 100%;
    }

    .single-service .contact-section .form-container form {
        width: 100%;
    }

    .single-service .more-knowledge .container-c ul li > h3 {
        padding: 15px 20px;
        font-size: 24px;
        min-height: 60px;
    }

    .single-service .more-knowledge .container-c ul li .content-knowledge {
        padding: 20px;
        text-align: justify;
    }

    .single-service .more-knowledge .container-c ul li .read-all {
        height: 42px;
        right: 20px;
        padding: 0;
    }

    .single-service .contact-section .form-container .gform_description img {
        max-width: 350px;
    }

    .single-service .contact-section .form-container form {
        padding: 30px 20px;
    }

    #breadcrumbs {
        padding: 20px;
    }

    .service-template-default.single .top-head {
        padding: 20px;
    }

    .service-template-default.single .banner-service {
        margin-bottom: -125px;
    }

    .service-template-default.single .top-head{
        margin-bottom: 180px;
    }

    body.services_template .service-block.style3 .cat-block {
        margin: 0 0 180px;
        order: -1;
    }

    body.services_template .service-block.style3 {
        padding-top: 60px;
    }

    body.services_template .service-block.style4 {
        margin: 0 20px;
        border-radius: 20px;
        transform: none;
        padding: 20px;
        margin-bottom: 170px;
    }

    body.services_template .service-block.style4 .cc-cat {
        padding: 0 !important;
    }

    body.services_template .service-block.style4 .cat-block .img-block-s {
        bottom: -90px !important;
        right: auto !important;
    }

    body.services_template .service-block.style1 .post-block ul.col3 li:last-child {
        margin-bottom: 0;
    }

    body.services_template .service-block .container-b {
        flex-direction: column;
    }

    body.services_template .service-block .container-b > div {
        width: 100% !important;
    }

    body.services_template .service-block .post-block {
        margin-left: 0 !important;
    }

    body.services_template .service-block .post-block ul {
        flex-direction: column;
    }

    body.services_template .service-block .post-block ul li {
        width: 100% !important;
    }

    body.services_template .service-block {
        padding: 60px 20px;
    }

    body.services_template .service-block.style1 .post-block {
        margin-top: 110px;
    }

    body.services_template .service-block .cc-cat {
        width: 100%;
        max-width: 100% !important;
        padding: 20px 20px 120px !important;
        border-radius: 20px !important;
    }

    body.services_template .service-block .cat-block .img-block-s {
        bottom: -110px !important;
        left: 50% !important;
        top: auto !important;
        transform: translatex(-50%) !important;
    }
    .service-block.visible .cat-block *{
                animation: none !important;
        transform: none !important;
        opacity: 1 !important;
    }
    body.services_template .service-block.style3 .cat-block .cc-cat .img-block-s{
        transform: translatex(-50%) !important;
    }

    body.services_template .service-block.style2 .cc-cat {
        margin-bottom: 170px !important;
    }

    body.services_template .service-block.style2 .img-block-s {
        bottom: -90px !important;
    }

    body.services_template .service-block.style2 {
        padding-top: 60px;
    }

    .page-template-about-us-template .bottom {
        padding: 60px 20px;
    }

    .page-template-about-us-template .bottom h4,
    .page-template-about-us-template .bottom h3,
    .page-template-about-us-template .bottom h2 {
        text-align: left;
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 20px;
    }

    .page-template-about-us-template .bottom a {
        width: 100%;
    }

    .page-template-about-us-template .bottom .ds-core_value {
        margin-bottom: 20px;
    }

    .page-template-about-us-template .philosophy .container-c .img img {
        position: static;
        transform: none !important;
        margin: 0 auto;
        display: block;
    }

    .page-template-about-us-template .philosophy .container-c .img {
        margin: 0 auto;
        margin-top: -190px;
        margin-bottom: 60px;
    }

    .page-template-about-us-template .philosophy .top {
        padding: 0;
    }

    .page-template-about-us-template .philosophy .container-c {
        flex-direction: column;
        flex-wrap: initial;
    }

    .page-template-about-us-template .philosophy .top .philosophy-item {
        width: 100%;
        height: auto;
        padding: 60px 20px;
    }

    .page-template-about-us-template .philosophy .top:before, .page-template-about-us-template .philosophy .top:after {
        display: none;
    }

    .page-template-about-us-template .philosophy .top .philosophy-item h4 {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 20px;
    }

    .page-template-about-us-template .philosophy .top .philosophy-item .ds-core_value {
        max-width: 100%;
    }

    .page-template-about-us-template .philosophy .top .philosophy-item:nth-child(1) {
        background: url(./images/col1.png) no-repeat center center;
        padding-bottom: 190px;
        background-size: cover !important;
    }

    .page-template-about-us-template .philosophy .top .philosophy-item:nth-child(2) {
        background: linear-gradient(180deg, #FAAA78 0%, #F37322 100%);
        order: 2;
    }

    .page-template-about-us-template .philosophy .top .philosophy-item:nth-child(2) * {
        float: none;
    }

    .page-template-about-us-template .philosophy .container-c .img img {
        top: 50%;
        transform: translate(-50%);
        z-index: 2;
        max-width: 340px;
        bottom: auto;
    }

    .page-template-about-us-template .philosophy .container-c .img {
        order: 1;
    }

    .page-template-about-us-template .philosophy .top {
        height: auto;
    }

    .page-template-about-us-template .mission-statement .container-c .left {
        width: 100%;
    }

    .page-template-about-us-template .core_values h3,
    .page-template-about-us-template .core_values h2 {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 20px;
    }

    .page-template-about-us-template .core_values {
        padding-bottom: 60px;
    }

    .core_values_detail {
        background: none !important;
    }

    .page-template-about-us-template .core_values .core_values_detail ul {
        flex-direction: column;
        gap: 20px;
    }

    .page-template-about-us-template .core_values .core_values_detail ul li {
        width: 100%;
        gap: 20px;
    }

    .page-template-about-us-template .core_values .core_values_detail ul li:nth-child(2) {
        margin-bottom: 0;
    }

    .page-template-about-us-template .mission-statement .container-c .right ul li:nth-child(3) {
        margin-bottom: 20px;
    }

    .page-template-about-us-template .our_team .container-c {
        flex-direction: column;
    }

    .page-template-about-us-template .our_team .container-c .left {
        width: 100%;
    }

    .page-template-about-us-template .our_team .container-c .left h3,
    .page-template-about-us-template .our_team .container-c .left h2 {
        font-size: 40px;
        line-height: 48px;
    }

    .page-template-about-us-template .our_team .container-c .left .ds-our_team p {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .page-template-about-us-template .our_team .container-c .right {
        width: 100%;
        padding-bottom: 80px;
    }

    .page-template-about-us-template .mission-statement .container-c {
        margin-top: 0;
    }

    .page-template-about-us-template .our-services {
        border-radius: 0;
        background: url(./images/bg-service.png) no-repeat left -100px center;
    }

    .page-template-about-us-template .mission-statement .container-c {
        flex-direction: column;
        gap: 40px;
    }

    .page-template-about-us-template .mission-statement .container-c .left h3,
    .page-template-about-us-template .mission-statement .container-c .left h2 {
        font-size: 40px;
        line-height: 48px;
    }

    .page-template-about-us-template .mission-statement .container-c .right {
        width: 100%;
    }

    .page-template-about-us-template .mission-statement .container-c .right ul {
        padding: 0;
        flex-direction: column;
        background: none;
        width: 100%;
        gap: 0;
    }

    .page-template-about-us-template .mission-statement .container-c .right ul li {
        width: 100%;
    }

    .page-template-about-us-template .our_vision .content_our_vision {
        margin-left: auto;
        margin-right: auto;
        margin-top: -100px;
        z-index: 3;
    }

    .page-template-about-us-template .our_vision .container-c {
        padding: 0 20px;
    }

    .page-template-about-us-template .our_vision {
        height: 588px;
        margin-top: 220px;
        position: relative;
    }

    .page-template-about-us-template .our_vision:before {
        height: 160px;
        width: 100%;
        content: '';
        display: block;
        background: #FAA874;
        z-index: 2;
        position: absolute;
        top: -160px;
    }

    .page-template-about-us-template .our_vision h3,
    .page-template-about-us-template .our_vision h2 {
        margin-bottom: 20px;
    }

    .page-template-about-us-template .our_vision .content_our_vision {
        padding: 20px;
    }

    .page-template-about-us-template header > div, .page-template-about-us-template .entry-title {
        width: 100% !important;
    }

    .page-template-about-us-template header.entry-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .page-template-about-us-template .entry-title strong {
        font-size: 40px;
        font-weight: 700;
        line-height: 48px;
    }

    .page-template-about-us-template .our-services .container-c {
        flex-direction: column;
        gap: 0;
    }

    .page-template-about-us-template .our-services .container-c > div {
        width: 100%;
        max-width: 700px;
        margin: 0 auto;
    }

    .page-template-about-us-template .our-services .ds-s {
        margin-bottom: 20px;
    }

    .page-template-about-us-template .our-services .left-our-services img {
        position: static;
        display: block;
        margin: 0 auto;
        max-width: 400px;
    }

    .page-template-about-us-template .our-services .container-c > div:not(.left-our-services) {
        margin-top: 40px;
    }

    .page-template-contact-template .contact-infor ul {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 40px;
    }

    .page-template-contact-template .contact-action {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 40px;
    }

    #masthead {
        padding-left: 20px;
        padding-right: 20px;
    }

    .feature-services .swiper {
        padding-bottom: 60px;
    }

    .site-branding {
        height: 100%;
    }

    .site-branding .site-title {
        height: 100%;
    }

    .site-branding .site-title a {
        height: 100%;
    }

    .site-branding .site-title a img {
        display: block;
        height: 100%;
    }

    .privacy-links {
        margin-top: 20px !important;
    }

    .content-section-blog .blog-tab.active {
        display: flex !important;
        flex-direction: column;
        gap: 40px;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    #masthead #site-navigation .mega-menu-toggle {
        width: 40px;
        background: none;
        padding: 0;
    }

    #masthead #site-navigation .mega-menu-toggle .mega-toggle-block {
        margin: 0;
    }

    #site-navigation {
        width: 40px;
    }

    .header-right {
        display: none;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
        background: #F37322;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle+#mega-menu-menu-1 {
        background: #fff;
        position: fixed;
        top: 72px;
        left: 0;
        right: 0;
        padding-left: 15px;
        padding-right: 15px;
        height: calc(100% - 72px);
        overflow: auto;
    }

    #masthead #site-navigation #mega-menu-wrap-menu-1 a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
        background: #fff;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 input, #mega-menu-wrap-menu-1 #mega-menu-menu-1 img {
        max-width: 100px;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu {
        padding: 0;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu ul.mega-sub-menu .mega-menu-item:not(.widget_custom_html) {
        padding-left: 35px !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
        width: 10.33px;
        height: 5.67px;
        margin-left: 8px;
        top: -2px;
        background: url(./images/icons/down.svg);
        content: '' !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children.mega-toggle-on>a.mega-menu-link>span.mega-indicator:after {
        transform: rotate(180deg);
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
        display: flex;
        align-items: center;
        justify-items: center;
        margin: 0;
        padding: 0;
        height: 100%;
    }

    #footer, #footer #right-footer {
        flex-wrap: wrap;
    }

    #footer #left-footer, #footer #right-footer, #footer #right-footer .col-3, #footer #right-footer .col-7, #footer #right-footer .col-7 .footer-item-content ul {
        width: 100%;
        margin-bottom: 20px;
    }

    #footer #right-footer {
        margin-bottom: 0;
    }

    #footer #right-footer .col-7 .footer-item-content ul:last-child, #footer #right-footer .col-7, #footer #left-footer {
        margin-bottom: 0;
    }

    .content-slide {
        flex-direction: column;
    }

    .content-slide .des-slide h3 {
        font-size: 40px;
        line-height: 48px;
        letter-spacing: 0.02em;
    }

    .content-slide .des-slide h3.color,
    .content-slide .des-slide h1.color,
    .content-slide .des-slide div.color {
        font-weight: 500;
    }

    .content-slide .des-slide .action-slide {
        justify-content: center;
    }

    .content-slide .des-slide .action-slide > a {
        max-width: 159px;
    }

    .home-services .top-home-services {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 20px;
    }

    .home-services .top-home-services h3,
     .home-services .top-home-services h2{
        font-size: 56px;
        font-weight: 700;
        line-height: 67.2px;
        letter-spacing: 0.02em;
        margin-bottom: 40px;
    }

    .content-hs {
        width: 100%;
    }

    .content-hs ul {
        gap: 20px;
    }

    .content-hs ul li {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 20px 20px 20px 10px;
    }

    .content-hs ul li img {
        max-width: 125px;
    }

    .content-hs ul li div {
        text-align: left;
        margin-left: 10px;
    }

    .content-hs ul li div * {
        text-align: left;
    }

    .main-home-services {
        flex-direction: column;
    }

    .tab-service-mobile a.active .text {
        font-size: 16px;
        font-weight: 700;
        color: #F37322;
    }

    .main-home-services .tab-hs {
        order: -1;
        width: 100%;
        display: none;
    }

    .main-home-services .tab-hs ul {
        width: 100%;
    }

    .main-home-services .tab-hs ul li {
        margin-bottom: 20px;
    }

    .main-home-services .tab-hs ul li a {
        flex-direction: row;
    }

    .main-home-services .tab-hs ul li a .line {
        display: none;
    }

    .main-home-services .tab-hs ul li a .circle {
        width: 50px;
        height: 50px;
        margin-right: 20px;
        margin-bottom: 0;
    }

    .main-home-services .tab-hs ul li a .circle img {
        width: 100%;
    }

    .top-home-services div {
        width: 100%;
    }

    .view-all-services {
        width: 100%;
        margin-top: 20px;
    }

    .view-all-services a {
        padding: 12px 24px;
        border-radius: 100px;
        display: block;
        width: 100%;
        text-decoration: none;
        background: #F37322;
        color: #fff;
        text-align: center;
        margin: 0 auto;
    }

    #view-all-services {
        display: none;
    }

    .tab-service-mobile a {
        display: flex;
        flex-direction: row;
        align-items: center;
        text-decoration: none;
        color: #fff;
        margin-bottom: 20px;
        outline: none;
    }

    .tab-service-mobile .circle {
        width: 50px;
        height: 50px;
        margin-right: 20px;
        margin-bottom: 0;
        transition: all .1s;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .tab-service-mobile .circle img {
        width: 100%;
    }

    .tab-service-mobile a {
        display: flex;
        margin-bottom: 0;
        height: 100%;
        align-items: center;
        position: relative;
        border-bottom: 1px solid #FFFFFF14;
        height: 72px;
    }

    .tab-service-mobile a.active {
        height: 104px;
    }

    .tab-service-mobile a:not(.active) .icon img {
        transform: rotate(-180deg);
    }

    .tab-service-mobile a:not(.active) .circle {
        width: 0;
        height: 0;
    }

    .tab-service-mobile a .icon {
        position: absolute;
        top: 50%;
        transform: translatey(-50%);
        right: 0;
    }

    .content-hs > div:not(.tab-service-mobile) {
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .why-choose-us {
        flex-direction: column;
    }

    .why-choose-us > div {
        width: 100%;
    }

    .why-choose-us .left-wcs {
        order: -1;
        width: 100%;
    }

    .why-choose-us .left-wcs img {
        max-width: 500px;
        width: 100%;
    }

    .why-choose-us .right-wcs {
        margin-top: 20px;
    }

    .why-choose-us .right-wcs h3,
    .why-choose-us .right-wcs h2 {
        font-size: 40px;
        font-weight: 700;
        line-height: 48px;
        letter-spacing: 0.02em;
        margin-bottom: 20px;
    }

    .why-choose-us .right-wcs p {
        margin-bottom: 20px;
    }

    .why-choose-us .right-wcs ul {
        padding-left: 20px;
    }

    .customers .swiper-slide img {
        max-width: 200px;
    }

    .feedback h3,
    .feedback h2 {
        font-size: 40px;
        font-weight: 700;
        line-height: 48px;
        letter-spacing: 0.02em;
    }

    .feedback .swiper-slide .box-option {
        max-width: 348px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 40px 40px 90px 40px;
    }

    .feedback .swiper-wrapper {
        padding-top: 0;
    }

    .feedback .swiper-slide-active+.swiper-slide {
        transform: none !important;
    }

    .feedback .swiper-slide.swiper-slide-active .box-option {
        background:  url(./images/icons/feedback_shadow.svg) no-repeat top left;
    }

    .feedback .swiper-slide .reviewer {
        margin-top: -26px;
        z-index: 2;
        position: relative;
    }

    .portfolio {
        padding: 60px 20px;
    }

    .portfolio .title-portfolio {
        flex-direction: column;
        align-items: flex-start;
    }

    .portfolio .title-portfolio > div {
        width: 100%;
    }

    .title-portfolio .left-tp {
        margin-bottom: 40px;
    }

    .portfolio .title-portfolio {
        margin-bottom: 20px;
    }

    .right-tp .tab.view-all {
        margin-top: 10px;
    }

    .title-portfolio .left-tp h3,
    .title-portfolio .left-tp h2 {
        font-size: 56px;
        font-weight: 700;
        line-height: 67.2px;
        letter-spacing: 0.02em;
        text-align: left;
    }

    .title-portfolio .left-tp h3 img {
        width: 60px;
    }

    .right-tp .tab {
        padding: 6px 20px;
        margin-right: 0;
    }

    .view-all-mobile a {
        text-decoration: none;
        color: #FBFAF9;
        padding: 12px 24px 12px 24px;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .view-all-mobile {
        height: 48px;
        width: 100%;
        border-radius: 100px;
        text-align: center;
        color: #FBFAF9;
        font-size: 16px;
        font-weight: 700;
        line-height: 19.2px;
        background: #F37322;
        margin-top: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .right-tp .tab.view-all {
        display: none;
    }

    .right-tp ul {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .cta-section .container-c {
        flex-direction: column;
        max-width: 340px;
    }

    .cta-section .container-c > div {
        width: 100%;
    }

    .cta-section .container-c > div.left-container {
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .cta-section .container-c > div.left-container .numberism {
        width: 100%;
    }

    .cta-section .container-c > div.left-container .numberism ul li {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .cta-section .container-c > div.left-container .numberism ul li:nth-child(1) {
        width: 100%;
    }

    .cta-section .container-c > div.left-container .numberism ul {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        max-width: 340px;
        margin: 0 auto;
    }

    .cta-section .container-c > div.left-container .numberism ul li:nth-child(2), .cta-section .container-c > div.left-container .numberism ul li:nth-child(3) {
        width: 160px;
    }

    .cta-section .container-c > div.left-container .textbox {
        border-radius: 20px;
        max-width: 340px;
        margin: 0 auto;
    }

    .cta-section form {
        padding: 20px;
    }

    .cta-section .container-c > div.left-container .textbox h3 {
        font-size: 40px;
        font-weight: 700;
        line-height: 48px;
        letter-spacing: 0.02em;
        text-align: left;
    }

    .blog-section .container-c > h3 {
        font-size: 40px;
        font-weight: 700;
        line-height: 48px;
        letter-spacing: 0.02em;
        text-align: center;
        margin-top: 60px;
        margin-bottom: 40px;
    }

    .blog-section .tab-blog {
        flex-wrap: wrap;
        gap: 10px;
    }

    .blog-section .tab-blog li {
        margin: 0;
    }

    .blog-section .btn-vew-all-blog a {
        width: 100%;
    }

}

@media only screen and (max-width:1360px) {
    body.services_template .service-block.style4 {
        max-width: 991px;
    }

    body.services_template .service-block {
        padding: 60px 20px;
    }

    .service-template-default.single .content_service_item.type3 {
        margin-left: 20px;
        margin-right: 20px;
    }

}

@media only screen and (max-width:1280px) {
    .service-template-default.single .content_service_item:not(.contact_form_service_field), .service-template-default.single .about-service .container-c > div {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .page-template-about-us-template header.entry-header, .mission-statement, .page-template-about-us-template .our_team, .page-template-about-us-template .bottom {
        padding-left: 20px;
        padding-right: 20px;
    }

    .page-template-about-us-template .our_vision .content_our_vision {
        margin-right: 20px;
        margin-left: 20px;
    }

    .page-template-portfolio-template .container-c {
        padding: 0 20px;
    }

    .feedback.container-c {
        max-width: 755px;
        margin: 0 auto;
    }

    .feedback .swiper-slide-active + .swiper-slide {
        transform: none !important;
    }

    .feedback .swiper-slide .box-option {
        margin: 0 auto;
    }

    .feedback .swiper-slide .reviewer {
        margin-top: -30px;
    }

    .feedback .swiper-slide.swiper-slide-active .box-option {
        background: url("./images/icons/feedback_shadow.svg") no-repeat top left;
    }

    .container {
        padding-left: 30px;
        padding-right: 30px;
    }

    #footer #left-footer, #footer #right-footer {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .content-slide, .home-services, .why-choose-us.container-c, .customers, .feedback, .blog-section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-slide .swiper-pagination {
        right: 20px !important;
    }

    .feature-services {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
    }

    

}

@media only screen and (max-width:767px) {
    .single-service .form-wrap{
    flex-direction: column;
}
.single-service .form-wrap .form_description{
    width: 100%;
}
.single-service .form-wrap .gform_wrapper{
    width: 100%;
}

    .single-service .content_service_item.type2 .features-block ul {
        flex-direction: column;
    }

    .single-service .content_service_item.type2 .features-block ul li {
        width: 100%;
    }

    .contact-with-phone .gform_wrapper {
        width: 100%;
    }

    .contact-with-phone .container-c {
        flex-direction: column;
        justify-content: center;
        height: 324px;
        padding: 60px 0;
        max-width: 340px;
        width: 100%;
    }

    .contact-with-phone .container-c > h3 {
        margin-bottom: 20px;
    }

    .contact-with-phone .container-c .right-cwp {
        flex-direction: column;
        width: 100%;
    }

    .contact-with-phone .container-c .right-cwp span {
        margin: 10px 0;
    }

    .contact-with-phone .container-c form input, .contact-with-phone .container-c .right-cwp a {
        width: 100% !important;
    }

    .page-template-portfolio-template .portfolio .title-portfolio {
        margin-bottom: 60px;
    }

    .page-template-portfolio-template .entry-content .content-portfolio > div.active {
        flex-direction: column;
        gap: 20px;
    }

    .page-template-portfolio-template .entry-content .content-portfolio > div.active .swiper-slide-item {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .load-more {
        margin-top: 20px;
    }

}

@media only screen and (max-width:380px) {
    .contact-with-phone .container-c {
        padding: 60px 20px !important;
    }

}

@media only screen and (min-width:1441px) {
    .left-wcs{
        min-height: 500px;
    }
    .container-c, .content-slide {
        max-width: 1440px;
    }

    .top-home-services h3,
    .home-services .top-home-services h2 {
        width: 680px;
    }

    .top-home-services div {
        width: calc(100% - 760px);
    }

    .content-hs ul li {
        width: calc(25% - 30px);
    }

    

    .page-template-about-us-template .our-services {
        max-width: 1800px;
                margin-left: 60px;
        margin-right: 60px;
    }

    .page-template-about-us-template .our_vision .content_our_vision {
        max-width: 960px;
    }

    .page-template-about-us-template .our_team .container-c .left {
        width: 420px;
    }

    .page-template-about-us-template .our_team .container-c .right {
        width: calc(100% - 480px);
    }

    .page-template-about-us-template .philosophy .top .philosophy-item > * {
        max-width: 480px;
    }

    .page-template-about-us-template .bottom {
        max-width: 1158px;
    }

    .container-b, body.services_template .service-block > div {
        max-width: 1800px;
    }

    body.services_template .service-block.style1 .cat-block, body.services_template .service-block.style3 .cat-block {
        width: 560px;
    }

    body.services_template .service-block.style1 .post-block, body.services_template .service-block.style3 .post-block {
        width: calc(100% - 620px);
    }

    body.services_template .service-block.style2 .cc-cat {
        max-width: 1230px;
    }

    body.services_template .service-block.style4 {
        max-width: 1703px;
        margin-left: 100px;
        margin-right: 100px;
    }
    .page-template-portfolio-template .entry-content .content-portfolio > div.active .swiper-slide-item {
        width: calc(25% - 30px);
    }
    .top-blog > .container-c .right {
        width: 426px;
    }
    .top-blog > .container-c .left {
        width: calc(100% - 506px);
    }
    .blog-post {
        width: calc(25% - 30px);
    }
    .page-template-contact-template .contact-action{
        gap:160px;
    }
     #enquiry_form .container-c{
        max-width: 1600px;
    }
    .page-template-contact-template #enquiry_form .des-form{
        max-width: 990px;
    }
}
@media only screen and (max-width:1440px) and (min-width:992px) {
    .home-slide-wrap .content-slide{
        display: flex;
        flex-wrap: wrap;
        gap:40px;
    }
    .home-slide-wrap .content-slide > div{
        width: calc(50% - 20px);
    }
    
    .home-slide .image-slide {
      
        max-width: 100%;
    }
}