@media screen and (min-width: 1200px) {
    .container {
        max-width: 1240px;
    }

}

@media screen and (min-width: 992px) {


    .mobile-footer, .mobile-intro {
        display: none;
    }

    .section-event .owl-prev {
        display: none;
    }

    .myscroll_down, .myscroll_up {
        display: none;
    }

    .row-10 {
        margin-left: -10px;
        margin-right: -10px;
    }

    .row-10 > [class*="col-"] {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .cwrap {
        width: 960px;
        margin: 0 auto;
        padding-right: 15px;
        padding-left: 15px;
    }


    .section-footer .col-md-5.cl-right {
        transform: translate(10vw, 0vh);
        transition: all 1.5s;

    }


    .section-footer .col-md-5.cl-left {
        transform: translate(-10vw, 0vh);
        transition: all 1.5s;

    }


    .fp-viewing-footer .section-footer .col-md-5 {
        transform: translate(0vw, 0vh);
    }


    .section-blog .post-item {
        transition: all 1.5s;
        transform: translate(0vw, 15vh);
    }

    .section-blog .post-item .post-cat {
        transition: all 1.5s;
    }

    .section-blog .col-md-4:nth-child(2) .post-item {
        transition: all 1.5s;
        transform: translate(0vw, -15vh);
    }

    .fp-viewing-blog .section-blog .post-item {
        transform: translate(0vw, 0vh) !important;
    }


    .section-whyus .col-lg-9 li {
        transform: translate(10vw, 0vh);
        transition: all 1.5s;
    }

    .section-whyus .img-about-home {
        transform: translate(10vw, 0vh);
        transition: all 1.5s;
    }


    .fp-viewing-whyus .col-lg-9 li {
        transform: translate(0vw, 0vh) !important;
    }

    .fp-viewing-whyus .img-about-home {
        transform: translate(0vw, 0vh);
    }


    .section-online .cwrap {
        transform: translate(-10vw, 0vh);
        transition: all 1.5s;
    }

    .fp-viewing-online .section-online .cwrap {
        transform: translate(0vw, 0vh);
    }


    .mcounter {
        transition: all 1.5s;
        transform: translate(0vw, 15vh);
    }


    .factory-bg {
        transition: all 1.5s;
        transform: translate(0vw, -15vh);
    }

    .fp-viewing-counter .mcounter, .fp-viewing-counter .factory-bg {
        transform: translate(0vw, 0vh) !important;
    }


    .section-product .cwrap, .section-award .cwrap, .section-intro .container {
        transition: all 1.5s;
        transform: scale(0.5);
    }


    .fp-viewing-products .section-product .cwrap, .fp-viewing-awards .section-award .cwrap, .fp-viewing-intro .section-intro .container {

        transform: scale(1);

    }


    .section-event .cwrap {
        transition: all 1.5s;
        position: relative;
        top: 150px;
    }

    .body_half_dark .section-event .cwrap {
        top: 0px;
    }


}


@media screen and (min-width: 768px) {

    .item-prj {
        width: 50%;

    }

    .mcounter ul {
        margin-right: 150px;
    }

    .cform .form-row-first {
        float: right;
        width: 49.3%;
    }

    .cform .form-row-last {
        float: left;
        width: 49.3%;
    }


    .comment-part {
        width: 768px;
        margin: 0 auto;
    }

    .section-online .h-100 {
        padding-right: 50px;
    }

    .cfooter-inner .standards {
        padding-right: 50px;
    }
}


@media screen and (min-width: 576px) {

}


@media screen and (max-width: 1240px) {

    #fp-nav {
        width: 100%
    }

}


@media screen and (max-width: 1200px) {

    .section-award .cwrap {
        width: 100%;
    }

    .mcounter ul {
        margin-right: 100px;
    }

    .mcounter li {
        padding-right: 0px;
    }

    .container {
        max-width: 95%;
    }

    .post-item-video h2, .post-item-project h2 {
        bottom: 0;
        font-size: 16px;
        line-height: 30px;
        margin-top: 10px;
    }

    .post-item-project a::after {
        height: 100%;
    }

    .post-item-video h2, .post-item-project h2 {
        padding: 0 5px;
    }

}

@media screen and (max-width: 992px) {

    .section-whyus .cwrap {
        padding-top: 40px;
    }

    .section-event .owl-prev {
        display: block;
    }


    .section-event .owl-next i {
        border: solid #e6e6e6;
        border-width: 0 6px 6px 0;
        display: inline-block;
        padding: 8px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        /*! height: 50px; */
        /*! background: green; */
        padding-bottom: 10px;
        /*! width: 50px; */
        position: relative;
        top: -7px;
    }


    .section-event .owl-next {

        float: left;

        position: relative;

        left: 5px;

        top: 10px;
    }


    .section-event .owl-prev i {
        border: solid #e6e6e6;
        border-width: 0 6px 6px 0;
        display: inline-block;
        padding: 8px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        /*! height: 50px; */
        /*! background: green; */
        padding-bottom: 10px;
        /*! width: 50px; */
        position: relative;
        top: 0px;
    }


    .section-event .owl-prev {

        float: right;

        position: relative;

        right: 5px;


    }


    .mobile-footer {

        min-height: 200px;

    }


    .mobile-footer b {
        color: #404040;
    }


    .mobile-footer a, .mobile-footer a {
        color: #fff;
        font-size: 12px;
    }


    .mobile-intro b {
        color: #d9d9d9;
        display: block;
        margin-bottom: 20px;
    }


    .mobile-intro a, .mobile-intro a {

        color: var(--main-color);
        font-size: 12px;
    }


    .factory-bg i {
        height: 240px;
        width: 100%;
        background-position: center center;
    }


    .myscroll_up {
        margin-top: 50px;
        display: none;
    }


    .myscroll_down {
        margin-bottom: 30px;
        display: none;
    }


    .section-intro .cbackground {
        filter: brightness(60%);
    }

    .logo-move {
        transform: scale(.7);
        transform-origin: center right;
        height: 50px;
    }


    .home .chead {
        padding: 5px 0 !important;
    }

    .home .menumob {
        position: relative;
        top: 7px;
    }


    .cfooter {
        display: none !important;
    }


    .title-section-intro {
        width: 100%;
        position: static;
        margin-bottom: 20px;
    }


    .section-intro h1 {
        width: 100%;
        text-align: center;

    }

    .section-intro .bricks1 {
        float: right;
        max-width: 40% !important;
        height: auto;
    }

    .section-intro .bricks2 {
        float: left;
        max-width: 40% !important;
        height: auto;
    }


    .home .chead {
        padding: 20px 0;
        border-top: 0;
        transition: all 0.5s;
    }

    #logo_top_site_home {
        top: 0 !important;
        transform: scaleY(1) !important;
        -webkit-transform: scaleY(1) !important;
    }

    .logo-move.mltop #logo_top_site_dark {
        top: 0 !important;
    }


    .factory-bg i {
        left: 50px;
    }


    .img-about-home img {
        max-width: 100%;
        height: auto;
    }


    .ftmt {
        display: none;
    }


    #fp-nav {
        margin-right: 5px;
    }

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

    .fp-tooltip.fp-right {
        display: none !important;
    }

    #fp-nav ul li, .fp-slidesNav ul li {
        margin: 12px 7px;
    }

    #fp-nav ul li a span, .fp-slidesNav ul li a span {
        height: 15px;
        width: 8px !important;

    }

    #fp-nav ul li a.active span {
        width: 8px !important;
    }


    .body_dark.home .menumob i {
        color: #fff;
    }

    .body_dark.home .logo-move.mltop #logo_top_site_dark {
        top: -50px !important;
    }


    .body_dark.home .logo-move.mltop #logo_top_site_home {
        top: -50px !important;
    }

    .home .langs {
   
        top: auto;
        min-width: 100px;
        text-align: center;
    }


    .body_half_dark .lang-auth span small {
        color: #222;
    }

    .body_half_dark .lang-auth span i {
        color: #222;
    }


    #fp-nav ul li, .fp-slidesNav ul li {
        margin: 2px 7px;
        border-radius: 0;
    }

    #fp-nav ul li a span {
        border-radius: 0 !important;
    }


    #fp-nav .liactive {
        margin-bottom: 12px;
    }

    #fp-nav ul li a.active span {
        border-radius: 50px !important;
        height: 25px !important;
        pointer-events: none;
    }

    #fp-nav ul li a.active {
        pointer-events: none !important;
    }

    #fp-nav ul li:hover a span {
        height: 15px !important;
        width: 8px !important;
        border-radius: 0 !important;
    }


    #fp-nav li:first-child {
        margin-bottom: 0 !important;
    }


    #fp-nav ul li:first-child a span {
        border-radius: 50px 50px 0 0 !important;
        margin-bottom: 10px !important;
    }

    #fp-nav ul li:last-child a span {
        border-radius: 0 0 50px 50px !important;
    }

    #fp-nav ul li {
    }

    #fp-nav .liactive {

    }

    .home .lang-auth span {
        margin-right: 5px;
    }


}


@media screen and (max-width: 768px) {

    .iphone .mcounter h3, .safari .mcounter h3 {
        color: #999;
    }


    .section-footer .container, .section-blog .container {
        padding-top: 50px;
    }


    .section-intro .container {
        margin-top: -50px;
    }


    .home .aboutft {

        color: #fff;
        text-align: center !important;

    }


    .section-award .cbtn {
        top: 0;
    }

    .filshopmob {
        width: 100%;
    }


    .tablesc {
        overflow: hidden;
        overflow-x: hidden;
        overflow-x: visible;
        -webkit-overflow-scrolling: touch;
        white-space: normal !important;
    }

    .woocommerce-orders-table {
        width: 600px;
    }

    .tablesc form {
        width: 800px;
    }

    .section-intro .cbackground {
        /*! width: 100%; */
        /*! height: auto; */
        background-size: contain !important;
        max-width: 100%;
        height: 200px;
        width: 100%;
        background-position: center center;
    }


    .post-item-blog h2 {
        align-items: center;

    }


    .factory-bg i {
        left: 0px;
        margin: 0 auto;
        margin-top: 30px;
    }

    .mcounter ul {
        margin-right: 0px;
    }

    .mcounter li {

        text-align: center;
    }


    .section-whyus li {
        padding-left: 10px;
    }


    .title-online h3 {
        line-height: 38px;
        font-size: 1.5rem;
    }

    .title-online {
        text-align: center;
        width: 100%;
    }


    .page-template-texture .post-item img {
        display: block;
        margin: 0 auto;
    }

    .post-item .main-cataloge {
        text-align: center;
    }

    .post-item .main-cataloge h2 {
        align-items: center;
    }

    .single-project .item-prj:nth-child(n) {
        background: #f9f9f9;
        border-left: 0 !important;
    }

    .single-project .item-prj:nth-child(2n) {
        background: #fff;
    }


    .item-prj .w-50 {
        width: 100%;
    }

    .detail_item {
        margin-left: 20px;
    }

    .single-product .price-pk {
        padding-left: 0;
        margin-bottom: 15px;
        margin-top: 10px;
        align-items: end;
        text-align: left;

        float: right;
        width: 100%;
    }

    .single_add_to_cart_button {
        float: left;
    }

    .single-product .quantity {
        float: right;
        position: relative;
        margin: 0;
    }

    .contact-ways {
        text-align: center;
        margin-bottom: 20px;
    }

    .standards {
        padding-top: 40px;
    }

    .standards .col-4 {
        margin-bottom: 40PX;
    }

    .cfooter-inner .container > .row:first-child::after {
        display: none;
    }

    .logoft:after {
        content: '';
        height: 1px;
        display: block;
        background: linear-gradient(to right, transparent, var(--color2), transparent);
        width: 100%;
        margin: 30px 15px;
        margin-bottom: 40px;
    }

    .menuft {
        text-align: center;
        margin-bottom: 20px;
    }

    .searchbar button {
        padding: 0;
    }

    .tax-product_tag .select2-container--default .select2-selection--single, .post-type-archive-product .select2-container--default .select2-selection--single, .tax-product_cat .select2-container--default .select2-selection--single {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .single_add_to_cart_button {
        float: none;
        width: 50%;
        text-align: center;
        top: 0;
        min-width: 145px;
    }

    .meta_single_buy {
        display: flex;
        flex-direction: column-reverse;
    }

    .cart {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
    }

    .home .post-item:hover {
        padding-top: 0px;
        padding-bottom: 0;
    }

    .home .post-item .clearfix *, .home .post-item .price-pk {
        float: none !important;
        text-align: center !important;
    }


    .home .cfooter b {
        font-size: 14px;
    }

    .home .address-ft span, .tel-ft a {
        font-size: 15px;
    }

    .home .tel-ft {
        text-align: left;
    }


    .home #footer_bot .tel-ft a {
        font-size: 13px;
    }

    .home .searchbar {
        display: none;
    }


    .home #footer_bot {
        display: none;
    }


    .fp-viewing-intro #footer_bot {
        display: block;
    }


    .section-intro h1::before {
        display: none;
    }

    .section-product .post-item a img {
        margin: 0 auto;
    }


    .section-whyus li {
        width: 100%;
        float: none;
        padding-left: 0;

    }

    .section-whyus li p {
        text-align: justify;
    }

    .post-item-cataloge img {
        margin-bottom: 10px;
    }


    .title-template h1 {
        line-height: 35px;
    }

    .post-item-project .post-item-logo {
        width: 100px;
        height: 20px;
    }


    .post-item a {
        display: block;
    }

    .searchmob {
        width: 100%;
    }

    .chead-inner .searchbar {
        margin-bottom: 40px;
    }

    .chead-inner .searchbar input {
        width: 90%;
        float: right;
    }

    .chead-inner .searchbar button {
        float: left;
        width: 10%;
        text-align: left;
    }


    .post-item img {
        display: inline-block;
    }

    .address-ft a {
        width: 160px;
        font-size: 14px;
        line-height: 25px;
    }

    .mobile-footer b {
        color: #404040;
        position: relative;
        top: -15px;
    }
}


@media screen and (max-width: 450px) {

    .section-whyus .cwrap, .section-blog .cwrap {
        padding-top: 70px;
    }

    .section-whyus ul {
        margin-top: 0px;
    }

    .logo_mob {
        width: 60%;
    }

    .float-address {
        width: 50%;
    }

    .section-intro h1 {
        font-size: 25px;
        line-height: 45px;

    }


    .section-intro .bricks1 {
        float: right;

        max-width: 50% !important;

        height: auto;

        right: 15px;
    }

    .section-intro .bricks2 {
        float: left;

        max-width: 50% !important;

        height: auto;

        left: 15px;
    }

    .byadmin .author-avatar img {
        margin-bottom: 15px;

    }

    .mcounter li h3 {
        font-size: 20px;

        height: 50px;

        display: flex;

        justify-content: center;

        align-items: center;
    }

    .mcounter span {

        font-size: 22px;

    }

    .factory-bg i {
        max-width: 100%;

    }

    .chead-inner .menu-top {
        padding: 10px 0;
        margin-top: 40px;
    }

    .post-item-video .icon-movie-roll, .post-item-video .icon-icon {
        font-size: 35px;
        height: 35px;
    }


    .page-template-fair .post-item-project a span, .page-template-video .post-item-project a span {
        padding: 5px;
        font-size: 11px;
    }

    .page-template-video .post-item-project a span i {
        font-size: 12px;
        vertical-align: middle;
    }

    .img-about-home {
        position: relative;
    }


}


@media screen and (max-width: 400px) {


    .single-product .quantity {
        text-align: center;

    }

    .single-product .price-pk {
        float: none;
        text-align: center;
        width: 100%;
        display: block;
    }

    .page-template-panaroma .post-item-project a span, .page-template-project .post-item-project a span {
        padding: 5px;
        font-size: 11px;
    }
}


@media screen and (max-height: 420px) {

    .section-intro .container, .section-product .container, .section-counter .container, .section-online .container, .section-blog .container, .section-footer .container {
        padding-top: 60px;
    }


    #boxscroll {
        height: 200px;
        overflow: hidden;
    }

    .mobile-intro, .mobile-footer {
        min-height: 200px;
    }

    .mobile-intro b, .mobile-footer b {
        margin-bottom: 10px;
    }

    .mobile-intro span, .mobile-intro a {
        line-height: 26px;
    }


    .section-award .cwrap, .section-product .cwrap, .section-blog .cwrap, .section-online .cwrap {
        padding-bottom: 100px;
    }


,.section-event .cwrap {
     padding-bottom: 200px;
 }


    .section-award .cwrap {
        padding-top: 50px;
    }

}


@media screen and (min-width: 860px) and (max-width: 1200px) {
    #fp-nav.fp-right {
        padding-right: 15px;
    }
}


@media screen and (max-height: 667px) {

    .safari.iphone.home .section-intro .title-section-intro, .safari.iphone.home .section-product .title_mobile_sec {
        margin-top: 50px;
    }

}