.hidden_lg{display:none}
@media(max-width:1300px){
.menubar .logo{width:200px}
.menubar .logo img{padding:8px 0}
.navigation .menu ul li a{padding:20px 8px;font-size:12px}
.top_contact li{margin-left:4px;padding-right:4px}
.top_contact li a{font-size:13px}
}
@media(max-width:1200px){
.menubar .logo{width:180px}
.top_contact li{font-size:12px}
.top_contact li a{font-size:11px}
.top_contact li a svg{width:12px;height:12px}
.topMenu li a{font-size:13px;padding:0 10px;letter-spacing:0}
.navigation .menu ul li a{padding:20px 5px;font-size:11px}
.search_action{padding:15px 0 15px 8px}
.header_appointment_btn{width:140px;margin-top:10px;font-size:13px}
}
@media(max-width:1100px){
.menubar .logo{float:left;width:160px;padding:0 5px 0 0;position:absolute;border-right:1px solid #eee;z-index:999}
.header_appointment_btn{width:140px;margin:7px 0 0;height:36px}
.navigation .menu ul li a{padding:20px 5px;font-size:10px}
.navigation ul li.cs-submenu a button svg{width:12px;height:11px}
}
@media(max-width:1023px){
.menubar .logo{width:250px;height:auto;border:0;top:-5px}
.menubar .logo img{width:100%;max-width:170px;padding:7px 5px 7px 0}
.header_appointment_btn{display:none}
.navigation{float:left;width:100%;position:relative}
.navigation .navbar{display:block;float:left;width:100%}
.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:#4a8b69;left:0;right:0;text-align:left}
.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 #69a887;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:#4a8b69}
.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:#4a8b69}
.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 #97c1ab;background:#69a887}
.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li a{background:#97c1ab;border-bottom:1px solid #a6ccb8}
.mobile_hide{display:none!important}
.navigation .menu ul li.active a,.navigation .menu ul li:hover a{border-bottom:1px solid #69a887}
.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}
.navigation .menu ul li.cs_mega ul.cs-dropdown{padding:0;max-height:initial;overflow:hidden;columns:1;-webkit-columns:1;-moz-columns:1}
.navigation .menu ul li.cs_mega ul.cs-dropdown li a{padding:5px 15px}
.navigation .menu ul li.cs_mega ul.cs-dropdown li a button{display:inline-block}
.navigation .menu ul li.cs_mega ul.cs-dropdown li ul.cs-dropdown{display:block}
.navigation .menu ul li.cs_mega ul.cs-dropdown li ul.cs-dropdown li a{display:block;width:100%;padding:5px 15px;line-height:normal}
.navigation .menu ul li.cs_mega ul.cs-dropdown li{border:0;width:100%}
.navigation ul li.cs-submenu ul.cs-dropdown li a button svg{transform:rotateZ(0);color:#fff}
.navigation .menu ul li.cs_mega ul.cs-dropdown li a span{font-weight:400;color:#fff;font-size:inherit}
.navigation .menu ul li.cs_mega ul.cs-dropdown li ul.cs-dropdown{display:none}
.right-content{padding:0 15px}
.hidden_xs{display:none!important}
.hidden_lg{display:block!important}
.navigation .menu ul li:nth-child(3) ul.cs-dropdown{width:100%}
.navigation .menu ul li:nth-child(3) ul.cs-dropdown li{width:100%;float:left;position:relative}
.navigation .menu ul li:nth-child(3) li:nth-child(2n){border-left:0 solid #eee}
}
@media (max-width:768px){
.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;background:#333}
.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:240px;border-radius:8px}
.features .feature-panel-holder{float:left;width:50%;padding-top: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:block;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}
.market-list li{width:50%}
.allSlider{display:block}
.allSlider .item{width:50%;float:left}
.features{overflow:hidden}
}
@media (max-width:650px){
.features .feature-panel-holder{float:left;width:100%;padding-top:0;margin:5px 0}
.services_block figure{aspect-ratio:1}
.about-us-three-content{padding:0 30px 0 15px}
.about-us-three-sec .fid-style-area{padding:25px 0 0 10px}
.pbminfotech-ele-fid-style-2 .pbmit-fid-inner{font-size:60px;line-height:70px}
.about-us-three-sec{padding-top:50px;padding-bottom:35px}
.pbmit-title{font-size:30px;line-height:40px}
.pbmit-heading-desc{margin:5px 0 25px 0}
.about-us-three-sec.aboutDirector{padding-top:0}
.blog-content2 .titleBlog span{line-height:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical}
.footer-menu ul{margin-bottom:0!important}
.appointment-form{padding:20px 15px}
.blog-content2 .titleBlog{height:52px}
.features{background-color:#478966}
.left_image .left_centered .image{height:auto;aspect-ratio:1}
.left_image .left_centered{min-height:auto}
.left_image{width:100%}
.heading_banner{padding:30px 0 20px}
.heading_banner .cat_title{font-size:20px}
.funfact-one__shape5 img{display:none}
.blog-content2 .titleBlog span{line-height:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical}
.awardsRecognitions{background:#f7f7f7}
.market-list li{width:100%}
.more_info{max-height:max-content}
}
@media (max-width:480px){
.trending_item .trending_box{margin:0}
}