@media (max-width:1400px) and (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 90%; } 
} 
@media(max-width:1300px) { 
header .logo img { position: absolute; left: 20px; top: 25px; max-width: 165px; width: 100%; } 
.sub_footer ul.social { justify-content: center; } 
.market { display: flex; align-items: center; } 
.navigation .menu ul li a { padding: 40px 15px 20px; font-size: 18px;} 
.countries_link p {   padding: 7px 12px;} header .logo:before { height: 115px; max-width: 16%; } 
.header.stricky-fixed .navigation .menu ul li a { padding: 25px 5px;} 
.left_panel { height: 100%; } 
.sub_footer .row { align-items: center; } 
.sub_footer p { line-height: 24px; } 
} 
@media (min-width:1023px) {
.navigation .menu ul li.mg-li { position: static; } 
.navigation .menu ul>li.mg-li ul.cs-dropdown.megaMenu { width: 92%; height: auto; max-height: 450px; overflow: hidden; overflow-y: auto; left: 50%; transform: translateX(-50%); background: #eee; } 
.navigation .menu ul>li.mg-li ul.cs-dropdown.megaMenu::-webkit-scrollbar { width: 8px; background-color: #eee; } 
.navigation .menu ul>li.mg-li ul.cs-dropdown.megaMenu::-webkit-scrollbar-thumb { width: 8px; background: var(--red); } 
.navigation .menu ul>li.mg-li ul.cs-dropdown .megaSection { width: 100%; height: auto; margin: 0; padding: 0; } 
.navigation .menu ul>li.mg-li ul.cs-dropdown .megaSection ul.megaSectionUl { width: 100%; height: auto; columns: 4; -webkit-columns: 4; -moz-columns: 4; padding-right: 5px; text-align: left; padding: 10px; } 
.navigation .menu ul>li.mg-li ul.cs-dropdown .megaSection ul.megaSectionUl li { display: block; } 
.navigation .menu ul>li.mg-li ul.cs-dropdown li:hover a { background: transparent; } 
.navigation .menu ul>li.mg-li ul.cs-dropdown li a { padding: 7px 9px; float: left; width: 100%; display: block; } 
.navigation .menu ul>li.mg-li ul.cs-dropdown li a span { font-weight: 600; color: var(--red); font-size: 16px; } 
.navigation .menu ul>li.mg-li ul.cs-dropdown li a button { display: none; } 
.navigation .menu ul>li.mg-li ul.cs-dropdown li ul.cs-dropdown { position: relative; display: block; width: 100%; left: 0; top: 100%; margin: 0 0 5px; box-shadow: none; opacity: 1; visibility: visible; background: #eee; } 
.navigation .menu ul>li.mg-li ul.cs-dropdown .megaSection ul.megaSectionUl li { display: block; border: 0; } 
.navigation .menu ul>li.mg-li ul.cs-dropdown li ul.cs-dropdown li a { font-size: 14px; padding: 2px 10px; display: flex; } 
.navigation .menu ul>li.mg-li ul.cs-dropdown li ul.cs-dropdown li a:hover { color: var(--red); padding-left: 15px; background: transparent; } 
} 
@media only screen and (min-width: 1920px) and (max-width: 2560px) { header .logo:before { width: 530px; } 
} 
@media(max-width:1200px) { header .logo:before { max-width: 24%; } 
.counter-block { height: 140px; } 
.article .content-post .title-post a {    height: 60px;overflow: hidden;} header .logo img { position: relative; position: relative; left: -25px; top: 12px; max-width: 200px; width: 200px; } header { height: 100px; } 
.navigation .menu ul li a { padding: 30px 5px 15px; font-size: 15px; } 
.header.stricky-fixed .navigation .menu ul li a { padding: 20px 5px 20px; font-size: 15px; } 
.services_feature .item-bx h4 { letter-spacing: 0px; } 
.services_feature .item-bx p { line-height: 24px; min-height: 192px; } 
.left_panel { height: 100%; } header .logo:before { width: 325px; /* background: #272727; */ padding: 39px 40px; height: 100px; } 
} 
@media (max-width:1023px) { header .logo img { position: relative; position: relative; left:0px; top: 0px; max-width: 130px; width: 130px; } header { height: auto;    background: #fff; } 
.wps_home_about .h1_title { margin: 0px 0px 10px;} 
.h1_title, .home_about_2 h2.h2_title { font-size: 30px;} 
.navigation { width: 100%; } 
.why_us .tt-bx .tt {  font-size: 30px;  line-height: 35px;} 
.about_img { max-width: 100%; margin: 0px 0px 25px; } 
.home_latest_blog .col-md-4.col-sm-12.col-12 { width: 50%; margin-bottom: 20px; } 
.gallery_page .col-xxl-4.col-xl-4.col-lg-4.col-md-4.col-sm-6.col-12 { width: 50%; } 
.hover_effect { height: 300px; } 
.hover_effect img { object-fit: cover; } 
.blog_page .col-md-4.col-sm-12.col-12 { width: 50%; } 
.right_news h4.title5 { height: auto;} 
.contact_form_grid1 .col-xxl-5.col-xl-5.col-lg-5.col-md-5.col-sm-12.col-12 { width: 100%; margin-bottom: 20px; } 
.contact_form_grid1 .col-xxl-7.col-xl-7.col-lg-7.col-md-7.col-sm-12.col-12 { width: 100%; } 
.fb_iframe_widget_fluid_desktop iframe { min-width: 100%;} 
.product_right_image {  margin: 0px 0 15px 15px;} 
.box-services-sub-front p { height: 70px; } 
.modal-body .col-xxl-7.col-xl-7.col-lg-7.col-md-7.col-sm-7.col-12, .modal-body .col-xxl-5.col-xl-5.col-lg-5.col-md-5.col-sm-5.col-12 { width: 100%; } 
.heading_banner .cat_title {  font-size: 20px;} 
.heading_banner { background-size: cover;} 
.webpulse_home_product {  padding: 40px 0;} 
.why_us { padding: 40px 0;} 
.navigation .navbar { display: block; float: left; width: 100%; } 
.testimonials { padding: 45px 0; } 
.testimonials .wht-say .wht-title { font-size: 30px; line-height: 35px;} 
.navigation .menu { display: none; width: 100%; overflow: hidden; overflow-y: visible; position: relative; z-index: 9999; max-height: 480px; overflow-y: auto; position: absolute; top: 100%; background: #181818; left: 0; right: 0; text-align: left; } 
.navigation .menu ul { float: right; display: block; padding: 0; margin: 0; width: 100%; } 
.navigation .menu ul li { padding: 0; float: left; width: 100%; display: block } 
.navigation .menu ul li a { padding: 7px 15px; text-align: left; font-size: 14px; border-right: 1px dashed transparent; color: #fff; border-bottom: 1px solid #262525; display: block; } 
.header.stricky-fixed .navigation .menu ul li a { padding: 7px 15px; color: #fff; } 
.header.stricky-fixed .navigation .menu ul li.cs-submenu a button svg { color: #fff; } 
.navigation .menu ul li ul.cs-dropdown { position: relative !important; opacity: 1 !important; visibility: visible !important; top: auto !important; left: auto !important; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; width: 100%; display: none; transition: none !important; transform: none; } 
.navigation .menu ul li ul.cs-dropdown, .navigation .menu ul li ul.cs-dropdown li .cs-dropdown { padding-top: 0; padding-left: 0; padding-bottom: 0; display: none; transition: none; padding-right: 0; width: 100%; background: #666 } 
.navigation .menu ul .cs-submenu a { position: relative } 
.navigation .menu ul li.cs-submenu a button { display: block; position: absolute; top: 0px; right: 15px; background: transparent; border: 0; color: #fff; font-size: 16px; height: 30px; outline: none; width: 30px; padding: 0; text-align: center; line-height: 18px } 
.navigation ul li.cs-submenu a button svg { width: 16px; height: 16px; } 
.navigation ul li.cs-submenu a button.rotated svg { transform: rotateZ(180deg); } 
.navigation ul li.cs-submenu:hover svg { transform: rotateZ(0deg); } 
.navigation .menu ul li ul.cs-dropdown, .navigation .menu ul li ul.cs-dropdown li .cs-dropdown li .cs-dropdown { padding-top: 0; padding-left: 0; padding-bottom: 0; display: none; transition: none; padding-right: 0; float: left; width: 100% !important; background: #444 } 
.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown { left: 100%; margin-top: 0 } 
.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li ul.cs-dropdown { left: -100%; margin-top: 0 } 
.navigation .menu ul li ul.cs-dropdown li { border-bottom: 0 } 
.navigation .menu ul li ul.cs-dropdown li a { color: #fff; display: block; font-size: 14px; padding: 7px 15px; line-height: normal; border-bottom: 1px solid #3c3a3a; background: #262525; } 
.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li a { background: #3c3a3a; border-bottom: 1px solid #484747; } 
.navigation .menu ul li:nth-child(3) ul.cs-dropdown li { width: 100%; border-left: 0 !important; } 
.navigation .menu ul li:nth-child(4) ul.cs-dropdown li { width: 100%; border-left: 0 !important; } 
.mobile_hidden { display: none !important; } 
.navigation ul li.cs-submenu ul.cs-dropdown li.cs-submenu a button { transform: rotate(0deg); } 
.navigation .menu ul li:hover ul.cs-dropdown { display: none; } 
.navigation .menu ul li:hover a:before { border: 0; } 
.navigation .menu ul li ul.cs-dropdown li:hover ul.cs-dropdown { display: none; } 
.mobile_hide { display: none !important; } 
.team_info { padding: 0 15px; } 
.right-content { padding: 0 15px; } 
.read_more { text-transform: inherit; } 
.navigation .menu ul li ul.cs-dropdown li:hover ul.cs-dropdown { display: none; } 
.navigation ul li.cs-submenu ul.cs-dropdown li a button svg { color: #fff; } 
} 
@media (max-width:980px) { header .logo:before { width: 260px; height: auto; padding: 24px 62px; } header .logo a { position: relative; z-index: 99; } 
.left_panel { display: none; } 
.home_only .left_panel { display: none; } 
.home_testimonials_webpulse { background-size: cover !important; } 
.img-wrap { height: auto; margin: 0; } 
.home_bgrid_1:nth-child(2) .service_content { border-radius: 0; } 
.service_content .center_box { padding: 15px; } 
.services_feature .item-bx { padding: 30px; min-height: initial; } 
.services_feature .item-bx p { height: auto; min-height: initial; } 
.testimonials-box { margin-bottom: 0; } article { margin-bottom: 20px; } 
.widget { margin-bottom: 25px; } footer .widget_info svg { left: 0; } 
.widget ul li { margin-bottom: 5px; } 
} 
@media (max-width:767px) {
 p.solution_dps.text-center.w-75.mx-auto { width: 100% !important; } 
.sub_footer_line { border-left: 0px solid rgba(255, 255, 255, 0.05); padding: 0; padding-top: 10px;} 
.market { justify-content: center; } 
header {z-index: 9999;}
.sub_footer p { line-height: 24px; text-align: center; } 
.sub_footer_line:last-child { border-right: 0px solid rgba(255, 255, 255, 0.05);padding: 0; } 
.product_right_image .detail_image img { width: 100%; height: 100%; object-fit: cover; } 
.product_listing .col-xxl-4.col-xl-4.col-lg-4.col-md-4.col-sm-5.col-12 { width: 100%; } 
.product_listing .col-xxl-8.col-xl-8.col-lg-8.col-md-8.col-sm-7.col-12 { width: 100%; } 
.product_listing .product .image1 img { position: relative; top: 0px; left: 0px; transform: inherit; width: 100%; object-fit: cover; height: auto; } 
.product_listing .product .image1 { height: auto;} 
.box-services-sub-front p { height: auto; } 
.gallery_page .col-xxl-6.col-xl-6.col-lg-6.col-md-6.col-sm-6.col-12 { width: 100%; } section.gallery_page.certificate-page .hover_effect { height: auto; } 
.hover_effect { height: auto; } 
.hover_effect img { position: relative; top: 0; left: 0; max-width: 100%; transform: inherit;} 
.get-touch-area .col-md-4 { margin: 15px 0px; } 
.product_right_image { max-width: 100%;} 
.testimonials .wht-say p{ margin-bottom: 30px; } header .logo:before { width: 290px; height: 60px; } header .logo img { left: 0; } 
.homeSlider #slider img { height: 60vh; width: 100%; object-position: center; object-fit: cover; } 
.homeSlider #slider .sliderCaption h2 { font-size: 26px; } 
.h1_title { font-size: 22px; } 
.wps_home_about .h1_title { margin-bottom: 10px; } 
.text .exp .valign { line-height: 20px; font-size: 18px; } 
.h2_title_1 { font-size: 22px; } 
.about_img .about_img { width: 64% !important; position: absolute; bottom: 0px; right: 10px; } 
.services_feature { padding: 50px 0; } 
.testimonials { padding: 70px 0; } 
.clients img { width: 100%; } 
.clients { padding: 50px 0 0; } 
.one_half article { width: 100%; margin-left: 0; margin-bottom: 20px; } 
.one_half article .content-post .title-post { height: 90px; font-size: 16px; } 
.read_more { padding: 0px 20px; } 
.top_contact li { padding: 0 5px; margin: 0; } 
.top_contact li:first-child { padding-left: 5px; } 
.top_contact li a { font-size: 14px; } header { position: relative; } 
.top_social li a { width: 30px; height: 30px; line-height: 30px; } 
.top_contact li a { line-height: 30px; } 
.homeSlider #slider .sliderCaption .title_h1 { font-size: 24px; } 
.homeSlider #slider .sliderCaption p { font-size: 16px; } 
.read_more_btn { padding: 8px 20px; } 
.about_video .about_text { width: 100%; height: auto; padding: 20px; } 
.about_video .about_text p { font-size: 16px; line-height: 26px; margin: 0; } 
.home_about_us p { float: left; width: 100%; } 
.about_video .about_video { float: left; width: 100%; height: 210px; margin: 0; } 
.home_trending h2 { font-size: 18px; } 
.heading_banner { padding: 20px 0; background-size: cover; } 
.heading_banner .cat_title { font-size: 25px; padding: 5px 15px; } 
.heading_banner .cat_title2 { display: none } 
.box_table { margin-bottom: 15px; max-height: inherit; overflow: inherit; overflow-y: inherit; padding-right: 0; } 
.about_img h2 { font-size: 18px; } 
#ourProducts .owl-nav .owl-prev { left: -10px; } 
#ourProducts .owl-nav .owl-next { right: -10px; } 
.home_testimonials_webpulse { background-size: cover; } 
.textRight { text-align: left; } 
.market-list li { width: 50%; } 
} 
@media (max-width:650px) {
.heading_banner { padding: 40px 0 30px; background-size: cover; } 
.homeSlider #slider img { height: 30vh;} header .logo img { width: 117px; top: 0; padding: 5px 0; } 
.title_1 { font-size: 25px; } 
.left_image {  width: 100%; margin: 0 0px 15px 0; }
a.whatapp_btn2.whatapp_btn {right: 5px;}
.blog_details_img {height: auto;}
.inner_breadcrumb.hidden_xs {display: none;}
.viewPDFButton { line-height: 37px; height: 36px;} 
.send_enquiry { bottom: 30px; height: 30px; left: 5px;    z-index: 9; min-width: 30px;} 
.whatapp_btn { width: 30px; height: 30px; left: 5px; bottom: 70px;} 
.homeSlider #slider .sliderCaption .bannerTitle { font-size: 30px; margin-bottom: 10px; } form.calcutator-class { overflow-x: auto; } 
.col-lg-8.col-md-12.mx-auto .form_grid.float-start.w-100.d-block { padding: 20px 5px; } 
.col-lg-8.col-md-12.mx-auto .form_grid.float-start.w-100.d-block td { padding: 3px; font-size: 14px !important; } 
.form_grid .table-responsive p select, .form_grid .table-responsive p input { width: 95%; padding-right: 15px; border: 1px solid #ccc; border-radius: 5px; padding: 0px 5px; font-size: 15px !important; } tr.bodytext div input { width: 68%; } 
.calcutator-class input, .form_grid .table-responsive div select, .form_grid .table-responsive div input, tr.bodytext input { border: 1px solid #ccc; border-radius: 5px; width: 95%; margin: 5px 5px; padding: 0px 5px; } footer .widget_info p { text-align: left; } footer .widget_info { text-align: left; } 
.gallery_page .col-xxl-4.col-xl-4.col-lg-4.col-md-4.col-sm-6.col-12 { width: 100%; } 
.market-list li { width: 100%; } 
.article .content-post { padding: 15px;} 
.contact_form_grid1 .form_grid, .contact_details { padding: 15px;} 
.blog_page .col-md-4.col-sm-12.col-12 { width: 100%; } 
.read_more { margin: 0 0 10px;} 
#scrollUp { right: 5px;    z-index: 9; width: 30px; height: 30px; line-height: 30px;} 
.homeSlider #slider .sliderCaption p { font-size: 15px; } 
.text .exp .exp_num { font-size: 40px;}
.h1_title, .home_about_2 h2.h2_title, .why_us .tt-bx .tt, .title_2, .testimonials .wht-say .wht-title {font-size: 20px;letter-spacing: 1px;} 
.testimonials-box { padding: 20PX; } 
.title_1 { line-height: 25px; } 
.product_popup_image img { object-fit: cover; } 
.product_popup_image { height: 250px; } 
.container-fluid.px-5 { width: 90%; padding: 0px 15px !important; } 
.countries_link { margin-top: 3px; margin-bottom: 15px;} 
.market { display: block; text-align: center; } footer .widget-title { font-size: 20px; line-height: 10px;} 
.home_latest_blog .col-md-4.col-sm-12.col-12 { width: 100%;} 
.sub_footer p { line-height: normal; } 
.why_us {background: #090c0b;}
.testimonials { background: #050505;}
.article .featured-post img {
    height: auto;
    width: 100%;
    object-fit: contain;
    object-position: center;
}
footer {
    background: #0f0f0f;
}
.about_img .img {
    padding: 0 0 10px 10px; 
    aspect-ratio: 510 / 347;
}
.home_about_2 h1 { 
    font-size: 22px; 
    display: flow-root;
    width: 100%;
}
.text p { 
    line-height: 20px; 
}
p { 
    line-height: 22px; }
.home_about_2 p { 
    line-height: 22px;}
.home_about_2 h2, .home_about_2 h3 { 
    font-size: 20px; 
}
.about_img .about_img { 
    display: none;
}
.product_right_image .detail_image { height: 355px; } 
} 
@media (max-width:480px) {} 
@media (max-width:320px) {}