#wachat a {
    position: fixed;
    z-index: 9999;
    right: 0;
    float: right;
    top: 30%;
    margin-top: -25px;
    cursor: pointer;
    min-width: 45px;
    max-width: 45px;
    color: #fff;
    text-align: center;
    margin: 0px;
    -webkit-transition: All .5s ease;
    -moz-transition: All .5s ease;
    -o-transition: All .5s ease;
    -ms-transition: All .5s ease;
    transition: All .5s ease;

    
    cursor: pointer;
    user-select: none;
    line-height: 1;
    /*overflow: hidden;*/
    min-width: 40px;
    max-width: 350px;
    bottom: 15px !important;
    top: auto !important;
    border-radius: 50%;
    right: 15px;
    -webkit-animation-name: ok_bounceInUp;
    animation-name: ok_bounceInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#wachat a img {
    padding: 0px;
    height: 50px;
    width: 50px;
    background: rgba(0, 0, 0, 0);
}

#wachat a:before {
    transition: opacity .5s ease;
    content: "";
    background-color: rgba(0, 0, 0, .05);
    width: 45px;
    position: absolute;
    left: 2px;
    bottom: 2px;
    height: 45px;
    z-index: 1;
    opacity: 0;
    border-radius: 50px;
}

#wachat a:after {
    display: block;
    border-width: 1px;
    border-style: solid;
    border-radius: 55px;
    height: 40px;
    width: 40px;
    content: "";
    -webkit-animation: ok_widgetPulse infinite 1.5s;
    animation: ok_widgetPulse infinite 1.5s;
    position: absolute;
    top: 5px;
    left: 5px;
    border-color: #0dc152;
}
.wpfFilterVerScroll {
     max-height: inherit!important; overflow: visible!important;
}
#instagram-gallery-feed-0 .swiper-container .swiper-button-prev, #instagram-gallery-feed-0 .swiper-container .swiper-button-next {
    color: #333!important;
}
#instagram-gallery-feed-0 .swiper-container .swiper-pagination .swiper-pagination-bullet {
    background-color: #333!important;
}

@-webkit-keyframes ok_widgetPulse {
    0% {
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0
    }
}

@keyframes ok_widgetPulse {
    0% {
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0
    }
}


.wpcf7 .ajax-loader{display:none!important}

@media (min-width: 1950px){
.container {
    max-width: 1900px;
}

}
@media (min-width: 1100px){
    .container {
        max-width: calc(100% - 60px);
    }
    .page-id-196 .woocommerce-cart-form{width: 60%; float: left;}
    .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{width: 35%; float: right;}
    .woocommerce-cart .cart-collaterals .cart_totals tr th, .woo_checkout_pay table.shop_table th:first-child,
    .woo_checkout_pay table.shop_table td:first-child{padding-left: 29px;}

    .cart_totals th:last-child, .cart_totals td:last-child,
   .woo_checkout_pay table.shop_table th:last-child,
   .woo_checkout_pay table.shop_table td:last-child{padding-right: 29px!important;}
    }
    .btn_filter{margin-bottom: 15px;}
    @media only screen and (min-width: 700px){  .btn_filter{ display: none!important;}}
@media only screen and (min-width: 780px){
    .contact_section_events{ padding: 150px 0;}
    .for_mobile {
        display: none!important;
    }
    .section_inside_page .col-md-6:first-child, .our_projects_section_latest .col-md-6:first-child {padding-right: 30px;}
    .section_inside_page .col-md-6:last-child, .our_projects_section_latest .col-md-6:last-child{padding-left: 30px;}
    .section_list_section .row:not(.flex-md-row-reverse) .col-md-6:first-child{padding-right: 40px;}
    .section_list_section .row:not(.flex-md-row-reverse) .col-md-6:last-child{padding-left: 40px;}

    .section_list_section .row.flex-md-row-reverse .col-md-6:first-child{padding-left:40px;}
    .section_list_section .row.flex-md-row-reverse .col-md-6:last-child{padding-right: 40px;}
    .row_mg_top{margin-top: 150px;}
    .contactus_section h1{margin-bottom: 60px;}
    .blog_list_popup{padding: 20px; display: block; margin-bottom: 30px;}
    .our_blog_related a{padding: 0;}
    .our_blog_related img{margin-bottom: 0;}
.our_blog_related .blog_list_popup h2{margin-bottom: 0; font-size:18px;}
.about_us_section .col-md-6:last-child{padding-right: 40px;}
.our_blog_details_section .wp-block-image{display: inline-block; margin-bottom:20px; vertical-align: top; width: 46%; margin-right: 3%;}
.our_blog_details_section .wp-block-image:first-child{width: 100%; margin-right: 0;}
.collapse {
    display: block;
}
.page-id-117 .image_have_p .post-thumbnail{margin-top: 87px;}
.section_inside_page .col-md-4 .title_heading{font-size: 42px;}
}
@media only screen and (max-width: 1400px){   
    .our_projects_related .img_pro {
        max-height: 500px;
    }
    .slider_home{height: auto;}
    .slider_home video{position: relative; width: 100%;}
}
@media only screen and (max-width: 1100px){   
   
    .title_heading_small {
        font-size: 18px;margin-bottom: 6px;
    }
    .title_heading, .page_header_top h1, .slides .container h1 {
        font-size: 28px;
        margin-bottom: 15px; line-height: 38px;
    }
    .owl-carousel .owl-nav button.owl-prev{left: -45px;}
    .owl-carousel .owl-nav button.owl-next{right: -45px;}
    #primary-menu-list li {
        margin-left: 10px;
    }
    #primary-menu-list a{font-size: 12px;}
    
}

@media only screen and (max-width: 780px){
    .for_desktop, .wpfMainWrapper .wpfCount {
        display: none!important;
    }  
    body{font-size: 14px;padding-top: 117px;}
    .header{padding: 0px 0;}
    .top_msg{padding: 3px;}
    .left_menu a{margin-right: 5px;        padding-right: 5px;}
    .header.fixed {
        padding: 5px 0;
    }
    section.related{padding-top: 30px;}
    .logo{height: 40px;} 
    p{margin-bottom: 15px;} 
    .logo img {
        width: auto;
        display: block;
        height: 100%;
    }
    .navbar-toggler{position: absolute; right: 20px; top: -18px;padding: 0; width: 34px;right: 10px;  top: 9px;    z-index: 9;}
    .primary-menu-container {height: 100vh;    overflow: scroll;    padding-top:10%;}
    .header .col-md-3{max-width: 25%;}
    .header .col-md-9{max-width: 75%;}
    .slider_home{height: auto;}
    .slider_home video{position: relative;}
    body > section{padding: 30px 0;}
    .col-md-features_home{padding-bottom: 30px;}
   .col-md-4:last-child .col-md-features_home {padding-bottom: 0;}
    .about_us_section img{margin-bottom: 20px;}
    
    .btn_arrow {
        font-size: 16px;
    }
    .projects_category_ul li a{font-size: 14px;}
    .review_div{padding: 30px; font-size: 16px;}
    .review_div::after {       
        font-size: 200px;        
        left: 20px;
        line-height: 77px;
    }
    .review_div h3 {
        font-size: 22px;
    }
    .review_div span {
        font-size: 14px;
    }
    footer {
        padding: 30px 0;
    }
    .footer_contact_details{margin-top: 0;}
    footer h4{margin-bottom: 15px;}
    footer li {
        margin-bottom: 5px;
    }
    .footer_contact_details li{margin-bottom: 10px;
		margin-top: 15px;}
    .copy_footer_payment {
        margin-top: 0;
    }
    .copy_footer{margin-top: 0px; margin-bottom: 0;}
    #wachat a img{    height: 40px;        width: 40px; z-index: 1;}
    #wachat a:after{height: 30px;        width: 30px;}
    #site-navigation{position: fixed; left: 0; top: 0; right: 0; background: var(--brown); min-height: 100vh;z-index: 10000001;}
    #site-navigation .navbar-toggler{top: 18px;color: #000; right: 10px;}
   
    #primary-menu-list {}
    #primary-menu-list li {
        float: left;
        
        width: 100%;
        text-align: left;
        margin: 0px 0;padding-left: 30px; 
    }
    #primary-menu-list li a{font-size: 18px;    padding-bottom: 6px;   display: inline-block;     text-align: left;
           margin-bottom: 10px;}
    #primary-menu-list > li.menu-item-has-children > ul {
        position: relative;
        left: 0;
        background: transparent;
        display: none;
        padding: 0px;
        width: 100%;
        margin-left: 0;
    }
    #primary-menu-list > li.menu-item-has-children > ul > li, #primary-menu-list > li.menu-item-has-children > ul ul > li{width: 100%;text-align: left; padding: 0;}
    #primary-menu-list > li.menu-item-has-children > ul > li li > a{padding-bottom: 3px;}
    .page_header_top{margin-top: 30px;}
    .collapse.show {
        display: flex; align-items: center;
    }
    .page_header_top{height: 100px;}
    .section_inside_page_menu ul li {
        margin: 0 10px 15px;
    }
    .select2-container {
        min-width: 100%!important;
    }
    .team_list_div img {
        margin-bottom: 10px;

    }
    .page_header_top.min_3 {
        height: 125px;
    }
    .page_header_top h1{margin-top:13px;}
    .our_projects_section_inside {
        
    }
    .contact_form_div, .title_heading_top{margin-top: 0;}
    .contactus_section .footer_contact_details li{margin-bottom: 25px;}
    .contact_form_div {
      
        margin-bottom: 0px;
    }
    .wpcf7-acceptance label {
        line-height: 25px;
    }
    .projects_category_ul li a {        
        padding: 6px 1px;       
        font-size: 13px;
    }
    .our_projects_section_latest .product_list_popup {
        margin-bottom: 20px;
    }
    .blog_list_popup img {
        margin-bottom: 10px;
    }
    .our_blog_details_section h3, .blog_list_popup h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .blog_list_popup{margin-bottom: 20px; display: block;}
    .our_blog_details_section {
        font-size: 14px;
    }
    .our_blog_related .blog_list_popup .btn_main {
        position: inherit;
        bottom: 15px;
        margin-top: 15px;
    }
    .back_to_page {
        font-size: 18px;
        padding-left: 30px;
        margin-bottom: 15px;
    }
    .logo {
        height: 40px;
        margin: 0;
        margin-top: 5px;
    }
    .address_contact_details li svg {
        margin-right: 20px;
        height: 20px;
        margin-top: 4px;
    }
    
    .wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .form-control, input[type="text"], input[type="email"], input[type="number"], select, textarea, input[type="password"], input[type="tel"]{padding: 8px;}
    .woocommerce-result-count{margin-top: 5px;}
    .wpfFilterButton.wpfButton, .wpfClearButton.wpfButton{min-height: inherit!important;}
    .lrm-form a.button, .lrm-form button, .lrm-form button[type=submit], .lrm-form #buddypress input[type=submit], .lrm-form input[type=submit], .wpfFilterButton.wpfButton, .wpfClearButton.wpfButton, .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button, .feature_link_home{padding: 10px 25px!important;}
    .news_letter_footer .wpcf7-submit{height: 38px; background-size: auto 22px;}
    .woocommerce div.product .woocommerce-tabs ul.tabs li{margin: 0 10px;font-size: 16px;}
    .is-medium.wc-block-components-sidebar-layout, .is-mobile.wc-block-components-sidebar-layout, .is-small.wc-block-components-sidebar-layout,
    .is-medium .wc-block-cart__sidebar, .is-mobile .wc-block-cart__sidebar, .is-small .wc-block-cart__sidebar {
        margin-bottom: 0!important;
    }
    .section_inside_workshops img, .section_inside_page img{margin-bottom: 15px;}
    .card-header button{padding: 10px 20px; padding-left: 0;}
    .card-body {
        padding-bottom: 0px;
    }
    .col-md-features_work h2{margin-top: 0;}
    .no_banner_image{padding-bottom: 0px!important;height: auto!important;}
    .wpcf7-list-item{line-height: 26px;}
    .header .col-md-6, .header .col-md-12{position: inherit;}
    .header .container{position: relative;}
   .left_menu_cart  {    margin-right: 30px;}
   #coupon_code{width: 48%;}
   .woocommerce form .form-row{padding: 0;}
   .woocommerce ul.order_details li{margin-bottom: 20px;}
}



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

    .wpfMainWrapper:not(.hide_show){display: none!important;}
   
    .h3, h3 {
        font-size: 18px;
    }
    .footer_logo{margin-bottom: 15px;}
    .container_footer .col-md-2, .container_footer .row > div:nth-child(2), .container_footer .row > div:nth-child(3){max-width: 49%;}
    .container_footer .row > div{margin-bottom: 15px;}
    .section_list_section img{margin-bottom: 15px;}
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{width: 30px;height: 30px;}
    .owl-carousel .owl-nav button.owl-next{right: 5px;}
    .owl-carousel .owl-nav button.owl-prev{left: 5px;}
    header .col-md-6{ width: auto; position: inherit; }
    .navbar-toggler{
        position: absolute;
        right: -38px;
        top: -41px;
        right: 10px;
    top: 9px;
    }
    .header .col-md-3 {
        max-width: inherit;
        width: auto;
    }
    .slides .container{position: inherit; padding-top: 10px;}
    .woocommerce-page .woocommerce-ordering select{
        width: 130px;    margin-top: -6px;
    }
    .wpfPriceRangeField#wpfMinPrice, .wpfPriceRangeField#wpfMaxPrice{width: auto!important;}
}
@media only screen and (max-width: 375px){
body {
    font-size: 12px;
}
.left_menu a img {
    margin-right: 4px;
    width: 14px;
}
}