@media only screen and (max-width: 980px) {
    .portfolio_item {
        width: 95%;
        margin: 34px 20% 0px 0;
    }
    .portfolio_item span{
        left:calc(50% + 53px);
    }
    .portfolio_item .thumb{
        width: 200px;
        height: 236px;
    }
    .portfolio_item span i {
        font-size: 15px;
    }
    .portfolio_item span b {
        font-size: 37px;
    }
    ul#tabs_price_list li {
        margin: 0 3px;
        width: 111px;
        font-size: 16px;
        text-align: center;
        line-height: 1.7;
    }
    


    .Seo-form {
        flex-direction: column;
    }
    .Seo-form input {
        margin: 0 0 7px 0 !important;
        display: inline-block;
    }
    .Seo-form .registerbtn {
        width: 100%!important;
    }
    .ListOfServices {
        height: auto;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0;
    }
    .ListOfServices:after {
        display: none;
    }
    .ListOfServices li {
        width: auto;
        font-size: 17px !important;
        padding: 2px 6px !important;
        border-left: 1px solid #42445A;
        border-right: 1px solid #42445A;
        margin: 0 0 9px 0;
    }
    .ListOfServices li.active {
        background: #ff6900;
        font-weight: normal;
    }
    .ListOfServices li.active:after {
        display: none;
    }


    .ListOfServices {
        height: auto;
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 0;
        overflow: auto;
        width: 785px;
        justify-content: start;
    }
    .ListOfServices:after {
        display: none;
    }
    .ListOfServices li {
        width: auto;
        font-size: 17px !important;
        padding: 2px 6px !important;
        border-left: 1px solid #42445A;
        border-right: 1px solid #42445A;
        margin: 0 0 9px 0;
    }
    .ListOfServices li.active {
        background: #ff6900;
        font-weight: normal;
    }
    .ListOfServices li.active:after {
        display: none;
    }
    #Services_left_item {
        height: auto;
        background: #35374d;
        top: 59px;
        z-index: 9;
        overflow: auto;
    }

    #IMGWhy img {
        width: 90%;
        margin: 0 5% !important;
        max-width: 90%;
    }
    .BackMobileMenuSideUp {
        position: fixed;
        width: 100%;
        height: 100%;
        bottom: 0;
        right: 0;
        background: rgba(0,0,0,0.9);
        z-index: 999;
        display: none;
    }
    .MobileMenuSideUp {
        position: fixed;
        width: 100%;
        height: 80%;
        background: #35374d;
        z-index: 999;
        bottom: -100%;
        border-radius: 10px 10px 0 0;
        padding: 30px;
        text-align: center;
        transition: 0.5s;
        opacity: 0;

    }
    .MobileMenuSideUp .menuLogo {
        width: 130px;
        margin: 0 auto;
        height:auto;
    }
    .MobileMenuSideUp .title {
        width: 100%;
        float: right;
        color: #fff;
        font-size: 20px;
        text-transform: uppercase;
        letter-spacing: 2px;
    }
    .MobileMenuSideUp .menu-new-menu-container {
        float: left;
        width: 100%;
        text-align: left;
        margin: 20px 0 0 0;
    }
    .MobileMenuSideUp .menu-new-menu-container ul {
        float: left;
        width: 100%;
        list-style: none;
    }
    .MobileMenuSideUp .menu-new-menu-container ul li {
        float: left;
        width: 100%;
        position: relative;
    }
    .MobileMenuSideUp .menu-new-menu-container ul li a {
        float: left;
        color: #fff;
        font-size: 16px;
        margin: 14px 0;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: normal;
        letter-spacing: 2px;
        background: #35374d;
        z-index: 9;
        position: relative;
        padding: 0 7px 0 0;
    }


    .MobileMenuSideUp .closeMenu {
        position: absolute;
        background: #fff;
        width: 30px;
        height: 30px;
        display: flex;

        align-items: center;
        justify-content: center;
        border-radius: 5px;
        top: -15px;
        left: calc(50% - 15px);
        cursor: pointer;
    }

    .MobileMenuSideUp .menu-main-menu-english-container ul li:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        border-bottom: 2px dotted #ffffff7a;
        left: 0;
        top: 27px;
    }
    .MobileMenuSideUp .menu-main-menu-english-container ul li .sub-menu {
        display: none;
    }
    .MobileMenuSideUp .menu-main-menu-english-container ul li:hover .sub-menu {
        display: block;
    }
    .MobileMenuSideUp .menu-main-menu-english-container ul li .sub-menu li a {
        padding: 2px 10px 0 9px;
        font-size: 15px;
        left: 26px;
        color: #fffc;
    }
    .MobileMenuSideUp.active {
        bottom: 0;
        transition: 0.5s;
        opacity: 1;
    }
    .BackMobileMenuSideUp.active {
        display: block;
    }
    
    #CustomerList .elementor-swiper-button {
        color: #000 !important;
        margin: -23px 0 0 0;
    }
    #CustomerList .elementor-swiper-button svg path {
        fill: #FF6900 !important;
    }
    #AboutUS #aboutusbg .elementor-widget-wrap {
        filter: unset !important;
    }
    #CustomerList {
        margin: -20px 0 0 0;
    }

    header.english .col-md-2 {
        width: 40% !important;
        margin: 0 !important;
        padding: 0 5px;
    }
    header.english #menu-main-menu-english {
    }
    header.english .col-md-8 {
        width: 20% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    header.english {
        padding: 10px;
    }
    header.english .MobileMenuIcon {
        display: block;
        color: #fff;
        position: relative;
        z-index: 9;
        font-size: 36px;
        width: 100%;
        cursor: pointer;
        text-align:right;
        top:4px;
    }
    
    header.english .MobileMenuIcon{
        font-size:;
    }
    header.english #header_logo {
        width: 100px;
    }
    header.english .menu-main-menu-english-container {
        display: none;
    }

    #CustomerList .swiper-slide-inner {
        height: 100px;
        padding: 13px;
    }
    .elementor-10 .elementor-element.elementor-element-0577b5a .elementor-heading-title {
        padding: 0;
        width: 100%;
    }
    #main-carousel #main-carousel-track #main-carousel-list .splide__slide {
        color: #fff;
        font-size: 16px;
        font-family: "Manrope", Sans-serif;
        font-weight: 400;
        letter-spacing: 0.05em;
        display: flex;
        align-items: center;
        height: 40px !important;
        margin: 20.5px 0;
        text-align: center;
        line-height: 1.8em;
    }

    .list_of_blogs .box_Blog_large .Blog_item .thumb {
        height: 200px;
    }
    .list_of_blogs .Blog_item .box_blog {
        width: 95%;
        margin: -53px 2.5% 16px;
    }
    .list_of_blogs .box_Blog_small {
        width: 100%;
        margin: 0;
    }
    footer.english #contact_form_footer {
        width: 100%;
        margin: 0 0 11px 0px;
        padding: 0;
    }
    footer.english .col-md-2 {
        width: 100% !important;
    }
    .footertitle {
        padding: 0 0;
        text-align: center;
    }
    .footertitle{
        margin-top:40px;
    }
    img.logofooter {
        width: 100%;
        scale:0.7;
        padding: 7px 0;
        height:auto;
    }

    footer.english ul li a {
        text-align: center;
    }
    footer.english .SocialMedia {
        justify-content: center;
    }
    footer.english ul {
        margin: 10px 0 0 0;
    }
    #HeroSlide .elementor-background-video-container.elementor-hidden-phone {
        display: block !important;
    }
    #HeroSlide .elementor-background-video-container.elementor-hidden-phone video {
        height: 100%;
    }

    #HeroSlide .elementor-background-video-container.elementor-hidden-phone video {
        height: 100%;
    }
    header.english .menu-new-menu-container #menu-new-menu {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    header.english .menu-new-menu-container #menu-new-menu li {
        width: 100%;
    }
    header.english .menu-new-menu-container #menu-new-menu a {
        float: left;
        width: 100%;
        text-align: center;
        padding: 11px 0;
        border-bottom: 1px solid #222;
    }
    header.english .menu-new-menu-container.active {
        display: block;
    }
    header.english .menu-new-menu-container {
        position: fixed;
        width: 100%;
        background: rgba(0,0,0,0.9);
        right: 0;
        top: 76px;
        display: none;
    }
    section#WGA-bg {
        background-position-x: 390px;
    }
    .Seo-form .registerbtn {
        width: 45%;
        margin: 2% 2%;
    }
    /*.Seo-form input[type=text], input[type=tel], input[type=email] {*/
    /*    width: 45%;*/
    /*    margin: 2% 2%;*/
    /*}*/
    section#WGA-bg {
        background-position-x: 240%;
    }



}

@media only screen and  (max-width: 768px) {
    .ExtraLine h2 {
        padding: 0 0 0 0;
        width: 100%;
    }
    
    textarea#comment {
    width: 100%!important;
    }
    
    .footertitle.Form{
        padding:0!important;
    }

    a.header_btn.logo_header.load.fadeUp.myBTN.loaded{
        padding:2px 14px!important;
        right:-24px;
    }
    header.english #menu-new-menu li .sub-menu {
        position: relative;
        float: right;
        width: 100%;
        text-align: center;
        background: #000;
    }

    header.english #menu-new-menu li .sub-menu li a {
        text-align: center;
        color: #fff;
        font-size: 13px;
        padding: 11px 0;
        border-color: #333;
    }

    header.english #menu-new-menu li .sub-menu:after {
        left: calc(50% - 10px);
        display: none;
    }

    #main-carousel #main-carousel-track #main-carousel-list .splide__slide {
        justify-content: center;
    }

    #main-carousel::after, #main-carousel::before {
        opacity: 0.8;
    }

    .Seo-form .registerbtn {
        width: 45%;
        margin: 2% 2.2%;
    }

    /*.Seo-form input[type=text], input[type=tel], input[type=email] {*/
    /*    width: 45%;*/
    /*    margin: 2% 2.2%;*/
    /*}*/

    div#tab_list {
        overflow-x: auto;
        display: flex;
    }

    ul#tabs_price_list {
        width: 100% !important;
        display: flex;
        list-style: none;
    }

    ul#tabs_price_list li {
        width: 110px;
    }

    .PackagePrice {
        float: left;
        width: 100%;
        margin: 0 1% 9px;
        background: #eee;
        position: relative;
        padding: 0 0 26px 0;
        border: 3px solid transparent;
    }

    .PackagePrice input {
        position: absolute;
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        cursor: pointer;
        opacity: 0;
    }

    .page404 .page_not_found img {
        width: 100%;
    }

    .page404 .content {
        position: absolute;
        top: 24%;
        right: 8%;
        z-index: 99;
        text-align: center;
    }

    .page404 .page_not_found .content h1 {
        color: white;
        font-size: 44px;
        font-weight: 800;
    }

    .page404 .page_not_found .content p {
        color: white;
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 16px;
    }

    .page404 .page_not_found .content a {
        background-color: #FF6900;
        text-decoration: none;
        padding: 9px 16px;
        color: white;
        font-size: 12px;
        border-radius: 2px;
    }

    .page404 .content {
        position: absolute;
        top: 37%;
        right: 23%;
        z-index: 99;
    }

    .page404 .page_not_found .content a {
        background-color: #FF6900;
        text-decoration: none;
        padding: 9px 16px;
        color: white;
        font-size: 20px;
        border-radius: 2px;
    }

    .page404 .page_not_found .content h1 {

        font-size: 74px;
    }

    .page404 .page_not_found .content p {

        font-size: 21px;
    }
    .page404 .page_not_found {
     
        width: 130%;
        height: 100vh;
        background-position: left center;
        background-size: cover;
    }
    footer.english p{
        margin:0;
    }
    footer .Form_footer {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    footer .Form_footer input#form-field-email {
        margin-bottom: 6px;
    }
    .BreadCrumbs h1{
        font-size:22px;
    }
    #breadcrumbs{
        font-size:12px;
    }
    .newBrandCarousel .elementor-32149 .elementor-element.elementor-element-f64a717 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-32149 .elementor-element.elementor-element-f64a717 .elementor-swiper-button.elementor-swiper-button-next {

    margin-right: -20px;
    }
    canvas{
        right:0;
    }
    footer.english{
        margin: 10px 0 50px 0;
        padding:10px;
    }
    
    .hide_mobile{
        display:none;
    }
    
    .hide_desktop {
    display: block;
    }
    
    header.english #header_logo img{
        scale:1.2;
        margin-top:4px;
    }
}