@media(max-width:1300px){

    .menubar .logo{height:100%;width:200px}

    .menubar .logo img{padding: 2px 15px; width: 100%;}

    .navigation .menu ul li a{padding:18px 18px;font-size:13px}

    }

    @media(max-width:1200px){

    .menubar .logo{height:100%;width:180px}

    .px-lg-5{padding-right:1rem!important;padding-left:1rem!important}

    .header_appointment_btn span{width:135px;margin-left:5px;padding:0 8px;font-size:15px}

    .navigation .menu ul li a{padding:15px 15px;font-size:13px}

    .search_action{padding:15px 0 15px 8px}

    .header_appointment_btn{width:170px;margin-top:10px}

    .blog-content2 .titleBlog{font-size:18px;height:auto}

    .blog-content2 .titleBlog span{position:relative;top:0;left:0;max-width:100%;transform:none;width:100%;max-height:100%;line-height:normal}

    .softwareSupport .img-wrap{height:auto}

    .features .feature-panel-holder .feature-panel{height:185px}

    .menubar .logo {

        padding: 0 5px 0 0;

        height: 100%;

        border-right: 1px solid #eee;

        z-index: 999;

        display: flex;

        align-items: center;

        justify-content: center;

        position: relative;

        width: 100%;

    }

    .header_appointment_btn{width:145px;margin:0}

    .header_appointment_btn span{height:35px}

    .navigation .menu ul li ul.cs-dropdown li a{font-size:15px}

    .singleProduct .service_info{padding:10px}

    .wps_introduce .h1_title{padding:0 0 10px}

    .introImg{margin-bottom:10px}

    .singleProduct figure .image{height:210px}

    .navigation .menu ul li a{padding:15px 15px;font-size:13px;letter-spacing:-.5px;font-weight:500}

    .menubar .container-fluid.px-lg-5{padding:0 10px!important}

    .navigation .menu ul li.cs_mega ul.cs-dropdown li a, .navigation .menu ul li.cs_mega:hover ul.cs-dropdown li a{

        font-size: 12px;

    }

    }

    @media (min-width:1024px){

        .ti-text{height: 270px !important;}

    }

    @media(max-width:1023px){

        .col_logo{

            position: absolute;

            left: 0;

            top: 0;

        }
.navigation .menu ul li.cs_mega ul.cs-dropdown li { 
        display: block;
        width: 100%;
    }

    .navigation .menu ul li ul.cs-dropdown li a { 
        border-bottom: 1px solid #7f9fe9;}
    .navigation .menu ul li.cs_mega ul.cs-dropdown li a {
    display: flex
;
    background: #5674b9 !important;
    color: #fff !important;
}
.navigation .menu ul li a .menuIcon svg {
    width: 24px;
    height: 24px;
    transform: rotateZ(0);
    color: #fff;
}
.navigation .menu ul li.cs_mega:hover ul.cs-dropdown li a .menuIcon svg {
 width: 24px;
    height: 24px;
    transform: rotateZ(0);
    color: #fff;
}
.navigation .menu ul li.cs_mega ul.cs-dropdown ul.cs-dropdown li {
    width: 100%;
    display: block;
}
    .navigation .menu ul li.cs_mega ul.cs-dropdown li {
    width: 100%;
    display: block;
    background: #3f5faa !important;
}
        .menubar{height: auto;}

    .menubar .logo{width:250px;height:auto}

    .menubar .container-fluid.px-lg-5{padding:0 20px!important}

    .menubar .row{justify-content:space-between!important}

    .menubar .logo img{width:auto;padding:7px 10px;height:64px}

    .wps_copy .text-right{text-align:right}

    .softwareSupport .service_content .center_box{padding:0 25px}

    .menubar .col-xxl-10.col-xl-10.col-lg-10.col-md-10{width:100%}

    .home_slider .swiper-slide .content .info .sliderTitle{font-size:18px}

    .home_slider .swiper-slide .content .info .sliderTag{font-size:17px}

    .title{font-size:25px}

    .customFeature .col-xxl-2.col-xl-2.col-lg-2.col-md-2.col-sm-6.col-6{width:33%;margin-bottom:15px}

    .interactiveCaption .title2{font-size:25px;margin-bottom:9px}

    .interactiveCaption .tag2{font-size:18px;margin-bottom:3px}

    .evotaSectionContent .center_box h3{font-size:20px;margin-bottom:5px}

    .img-wrap{height:186px}

    .home_blog .col-xxl-4.col-xl-4.col-lg-4.col-md-4.col-12{width:50%}

    .evotaSectionContent .center_box{padding:0 20px}

    .wps_introduce .h1_title{font-size:25px}

    .info2{margin-top:3%}

    .sliderUl ul li{font-size:14px;letter-spacing:.5px}

    .header_appointment_btn{display:none}

    .navigation{float:left;width:100%;position:relative}

    .navigation .navbar{display:block;float:left;width:100%}

    .navigation .menu ul {float: right; width: 100%; margin: 0; padding: 0;}

    .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:#294a97;left:0;right:0;text-align:left; aspect-ratio: inherit;}

    .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 #3f5faa;display:block}

    .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}

    .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:0;right:15px;background:0 0;border:0;color:#fff;font-size:16px;height:30px;outline:0;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(0)}

    .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:#3f5faa}

    .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.active a,.navigation .menu ul li:hover a{color:#e6e6e6}

    .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:3px 15px;line-height:normal;border-bottom:1px solid #5176cc;background:#3f5faa; width: 100%;}

    .navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li a{background:#666}

    .mobile_hide{display:none!important}

    .navigation .menu ul li.active a,.navigation .menu ul li:hover a{border-color:transparent}

    .navigation .menu ul>li.active>a:before,.navigation .menu ul>li>a:hover:before{opacity:0}

    .navigation .menu ul li:hover ul.cs-dropdown{display:none}

    .navigation .menu ul li:hover a:before{border:0}

    .features .features-holder{display:flex;justify-content:center;flex-wrap:wrap}

    .features .feature-panel-holder .feature-panel{height:auto}

    .features .feature-panel-holder{padding-top:25px}

    .navigation .menu ul li.cs_mega ul.cs-dropdown{padding:0;max-height:initial;overflow:hidden}

    .navigation .menu ul li.cs_mega ul.cs-dropdown li{border:0;width:100%; padding: 0;}

    .features .feature-panel-holder .feature-panel{margin-bottom:0}

    .features .feature-panel-holder{width:30%}

    .features .more-features{margin:20px 0}

    .features .more-features.more-features-2 p a{color:#7e8dff}

    .features .features-card .card-panel .panel-body .titleCat{line-height:24px}

    .features .features-card .card-panel{padding:20px}

    .modal-body .col-xxl-7.col-xl-7.col-lg-7.col-md-7.col-sm-7.col-12{width:100%}

    .modal-body .col-xxl-5.col-xl-5.col-lg-5.col-md-5.col-sm-5.col-12{width:100%}

    .right-content .read_more_1{line-height:40px;padding:0 15px}

    .more_info{max-height:290px;overflow-y:auto;margin-bottom:15px;padding-right:20px}

    .right-content .read_more_1 svg{margin-top:-7px}

    .navigation .menu ul li.cs_mega ul.cs-dropdown li a,.navigation .menu ul li.cs_mega:hover ul.cs-dropdown li a{color:#fff}

    .navigation .menu ul li.cs_mega ul.cs-dropdown li a, .navigation .menu ul li.cs_mega:hover ul.cs-dropdown li a{

        display: flex;

        align-items: center;

    }

    .navigation .menu ul li a{letter-spacing:.5px}

    .menuIcon{display:inline-block}

    .interactiveTechItem:last-child{text-align:left}

    .topRight li{line-height:28px}

    .top_contact li a{font-size:14px}

    .heading_banner .cat_title{font-size:25px}

    h1{font-size:25px}

    .blog_page{padding:40px 0}

    .features .feature-panel-holder .feature-panel{padding:10px}

    .right-content{padding:0 15px}

    img {

        max-width: 100%;

        height: auto;

    }

    .blog-thumb2 img{

        height: auto;

    }

    .navigation .menu ul li.cs_mega:hover ul.cs-dropdown{

        display: none;

    }

    }

    @media (max-width:767px){

        .FeaturedTitle{

            text-align: center;

        }
        .tab-content .active { 
    overflow-x: auto;
}
.hero-overlay.text-start p.mb-3.text-white.pe-lg-4 {
    line-height: 18px;
}
.evotaAlter .ritlew { 
    margin-bottom: 10px;
}
        .hero-overlay.text-start p.mb-3.text-white.pe-4 {
    line-height: 17px;
}
.cat_title2.text-dark.fs-4 { 
        padding: 0px;
    }
    .right-content{padding-left:15px;padding-right:15px}

    .topRight{display:none}

    .top_contact li{padding:0 5px;margin:0}

    .introImg{max-width:100%}

    .top_contact li:first-child{padding-left:5px}

    .top_contact li a{font-size:14px}

    header{position:relative;background:#333}

    .interactiveCaption{padding-top:15px;padding-right:25px;padding-bottom:20px;padding-left:25px}

    .top_social li a{width:30px;height:30px;line-height:30px}

    .top_contact li a{line-height:30px}

    .about-right-part{max-width:100%;width:100%}

    .introduce_images{max-width:100%;width:100%}

    .features .features-holder{display:block}

    .features .feature-panel-holder .feature-panel{margin-bottom:0;padding:23px 20px 40px;min-height:auto;border-radius:8px}

    .features .feature-panel-holder{float:left;width:48%;padding-top:0;margin:3% 1% 0}

    .features .more-features{float:left;width:100%;margin:30px 0}

    .features .features-card{float:left;width:100%;display:block}

    .features .features-card .card-panel{float:left;width:100%;display:flex;margin-bottom:20px}

    .read_more_btn{padding:8px 20px}

    .home_interior{border:1px solid #ccc;margin-bottom: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}

    .home_selling h2{font-size:18px}

    .h2_title{font-size:22px}

    .kitchen_step{margin-bottom:30px}

    .home_gallery_nav{bottom:40px}

    .home_galley_left{height:auto;padding:25px 0}

    .home_galley_left h2{font-size:18px}

    .fact-counter .count-box .count{float:none;margin:0 0 10px;font-size:30px;line-height:normal}

    .fact-counter .count-box .count-text{font-size:30px}

    .fact-counter .count-box{border:1px solid #eee;text-align:center;margin-bottom:20px;padding:15px}

    .sm-height-auto{height:280px}

    .text_content h3{font-size:18px}

    .text_content p{font-size:15px}

    .bg-theme-colored2{border-bottom:1px solid #39569b}

    .bg-theme-colored{border-bottom:1px solid #1572ac}

    .box-hover-effect.effect-siberia .info-box .info-title h3{font-size:18px}

    #popularCourse .owl-nav .owl-prev{left:-10px}

    #popularCourse .owl-nav .owl-next{right:-10px}

    .blog-content2 h5{height:auto}

    .blog-content2 h5 span{position:relative;top:0;left:0;transform:none}

    .footer-menu ul{margin-bottom:20px}

    .social-icons li a span{display:none}

    .text-right{text-align:left}

    .wps_copy{line-height:normal;padding:10px 0}

    .blog_details_img{height:auto}

    .container,.container-fluid.px-lg-5,.container-sm{max-width:96%}

    .container-fluid.p0{padding:0 5%}

    .home_slider .swiper-slide .content .info a.read_more_1.bg_btn_1{display:none}

    .product_listing .col-xxl-4.col-xl-4.col-lg-4.col-md-4.col-sm-4.col-12{width:100%}

    .product_listing .col-xxl-8.col-xl-8.col-lg-8.col-md-8.col-sm-8.col-12{width:100%}

    .wps_copy .col-xxl-5.col-xl-5.col-lg-5.col-md-4.col-sm-4.col-12{width:100%;text-align:center;margin:4px 0}

    .wps_copy .col-xxl-7.col-xl-7.col-lg-7.col-md-8.col-sm-8.col-12.text-right{width:100%;text-align:center}

    .product_right_image{float:none;max-width:100%;width:100%;margin:0 0 10px;text-align:center}

    .single_image img#largeImage{width:100%}

    .heading_banner{padding:40px 0}

    h2{font-size:25px}

    .inner_breadcrumb .breadcrumb li{line-height:30px}

    .left_image{width:100%}

    .introImg{margin-bottom:25px}

    .softwareSupport .service_content{height:280px}

    .center_box ul li{font-size:15px}

    .more_info{max-height:inherit;padding:0}

    .softwareSupport{padding:40px 0}

    .market-list li{width:100%}

    .productFeature .item-bx{width:calc(100% / 2);min-height:205px}

    .productFeature .item-bx .titleH4{line-height:normal;min-height:40px}

    .productFeature .item-bx p{height:auto}

    .img-wrap{margin-bottom:15px}

    .featureList li{

        width: calc(100% / 1);

    }

    }

    @media (max-width:650px){

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

    .topbar .col-xxl-6.col-xl-6.col-lg-7.col-md-6.col-sm-6.col-5{display:none}

    .left_image .left_centered{min-height:290px;height:290px}

    .top_contact li:first-child{padding-left:0}

    .left_image .left_centered .image{height:100%}

    .sliderUl{display:none}

    .bannerSection .info .sliderTag{font-size:14px;line-height:16px}

    .bannerSection .info .sliderTitle{font-size:15px}

    .bannerSection .info .read_more_1{padding:5px 15px 5px 15px}

    .features .features-card .card-panel.reversed .panel-icon{margin-right:0;margin-left:8px}

    .features .features-card .card-panel .panel-icon img{min-width:40px;width:40px}

    .features .features-card{z-index:0}

    .product_listing .product .image1{height:280px}

    .features .feature-panel-holder{width:100%;margin:5% 0 0}

    .home_slider .swiper-slide .content .info .sliderTag{font-size:14px;line-height:16px}

    .home_slider .swiper-slide .content .info .sliderTitle{font-size:15px}

    .title{line-height:27px}

    .customFeature .col-xxl-2.col-xl-2.col-lg-2.col-md-2.col-sm-6.col-6{width:50%}

    .introImg img+img{display:none}

    .send_enquiry,.whatapp_btn{z-index:1;left:5px}

    .menubar .logo img{width:auto;padding:10px 10px;height:55px}

    .interactiveTechItem{margin:10px 0}

    .interactiveCaption img{width:65px}

    .col-xxl-6.col-xl-6.col-lg-6.col-md-7.col-7.p0.wow.fadeInLeft,.evotaSection .col-xxl-6.col-xl-6.col-lg-6.col-md-5.col-5.p0.wow.fadeInLeft{width:100%}

    .evotaSectionContent .center_box{position:relative;top:0;left:0;max-width:100%;transform:inherit;max-height:100%;width:100%;padding:0 20px;margin:20px 0}

    .home_blog .col-xxl-4.col-xl-4.col-lg-4.col-md-4.col-12{width:100%}

    .disscussBox{padding:20px!important}

    .orText{padding:0 20px;width:100%;display:block}

    .buttonDiv a.read_more_2{PADDING:10PX;margin:5px;width:auto}

    .evotaSectionContent{height:auto}

    .col-xxl-6.col-xl-6.col-lg-6.col-md-5.col-5.p0.wow.fadeInRight,.evotaSection .col-xxl-6.col-xl-6.col-lg-6.col-md-7.col-7.p0.wow.fadeInRight{width:100%}

    .interactiveCaption .title2{font-size:22px;margin-bottom:5px}

    .menubar .logo{width:180px;height:auto}

    .heading_banner .cat_title{font-size:20px;line-height:25px}

    .product_popup_image{height:270px}

    #web-pulse-scroll-up{z-index:1;bottom:10px;right:5px}

    .ti-text{padding-left:40px}

    .sitemap_page{padding:50px 0 30px}

    .customFeature{

        aspect-ratio: 375/729;

    }

    }

    @media (max-width:480px){

    .trending_item .trending_box{margin:0}

    .featureBox{aspect-ratio: 163/175;}

    }