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

.container { width: 100%; }

}

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

.container { width: 100%; }

}



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

	

	.text-bar .servicesbox { padding-left: 45px; padding-right: 45px; }

	.text-bar .servicesbox > .vc_column_container > .vc_column-inner { padding: 80px 60px 0px 60px !important; }

	.text-bar .servicesbox .vc_column-inner .wpb_column { padding: 24px 40px 48px 40px !important; }

	

	.domains-bar .container { padding: 0 30px; }

	

	.hero-bar .container { padding: 0 30px; }

	.plan-bar .container { padding: 0 30px; }

	

	.services-bar .lefttabs { padding: 10px 0px 0px 30px; }

	.services-bar { padding-right: 30px; }

	

	.plan-bar > .wpb_column > .vc_column-inner > .wpb_wrapper { overflow: auto; }

	.plan-bar .wpb_wrapper .servicebox { width: 1260px; }

	

}



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

	

	.testimonial-bar .content { padding: 45px 100px 20px 70px; }	

	.nav-bar li a { padding: 37px 19px 33px 18px; }

	.et .nav-bar li a { padding: 37px 17px 33px 17px; }

	

	.banner-bar .bg { width: 58.3333333333%; }

	

	.text-bar .servicesbox > .vc_column_container > .vc_column-inner { padding: 80px 20px 0px 20px !important; }

	.text-bar .servicesbox .vc_column-inner .wpb_column { padding: 24px 30px 48px 30px !important; }

	

	.text-bar .contactintro { width: calc(100% - 60px) !important; width: -webkit-calc(100% - 60px) !important; margin-left: 30px; margin-right: 30px; }

	

	.text-bar .paymentbox { padding: 102px 30px 90px 30px; }

	.text-bar .teambox { padding: 42px 15px 22px 15px !important; }

	

	.servicemiddle { padding-top: 30px; overflow: auto; }

	.servicemiddle .servicebox { width: 1260px; }

	

	.plan-bar { margin-top: -258px; }

	

	.loginbox { width: 80%; }

	

	.hero-bar.vc_row-fluid { background-position: right -300px top; }

	

	.textbox.error { padding: 100px 15px; }

	.maintitleerror { padding: 100px 15px; }

	

	.tablecontents .tablebox { overflow: auto; }

	.middlebox { }



}



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

	

	h4, .h4 { font-size: 30px; }

	h5, .h5 { font-size: 25px; }

	h6, .h6 { font-size: 14px; }



	#header-part .language { margin-left: 14px; }

	.nav-bar { padding-right: 18px; }

	.et .nav-bar { padding-right: 18px; }

	.nav-bar li { font-size: 13px; }

	.nav-bar li a { padding: 37px 11px 33px 10px; }

	.et .nav-bar li a { padding: 37px 9px 33px 8px; }

	

	.banner-bar .rightslider .text { padding: 104px 0px 0px 40px; }

	.banner-bar .bg { right: -200px; }

	.banner-bar .forms .input-field { width: 70%; max-width: 360px; }	

	.banner-bar .forms .sl1 { width: 88px; }

	

	.introtext-bar p { line-height: 22px; }

	

	.testimonial-bar .content { padding: 45px 70px 20px 40px; }

	.help-bar { background-position: right -160px center; }

	

	.hero-bar1 .wpb_text_column { padding: 132px 0px 400px 18px; max-width: 550px; }

	body .hero-bar1 { background-position: right -300px top !important; }

	body .heading-bar { background-position: right -300px top !important; }

	

	.text-bar .servicesbox { margin-top: -400px; }

	

	.text-bar .servicesbox > .vc_column_container > .vc_column-inner { padding: 40px 0px 0px 0px !important; }

	.text-bar .servicesbox .vc_column-inner .wpb_column { padding: 24px 0px 48px 0px !important; }

	

	.text-bar .banner-contact { overflow: hidden; }	

	

	.text-bar .contactintro .vc_col-sm-8 { padding: 102px 10px 0px 50px; }

	.text-bar .contactintro ul { width: 48%; }

	.text-bar .contactintro ul + ul{ width: 48%; }

	

	.text-bar .paymentbox.vc_row-fluid .vc_column_container.vc_col-sm-3 { padding: 0px 20px 50px 0px; width: 50%; }

	.text-bar .paymentbox.vc_row-fluid .vc_column_container.vc_col-sm-3:nth-child(3) { clear: left; }

	.text-bar .paymentbox { padding: 70px 30px 0px 30px; }

	.text-bar .teambox.vc_row-fluid .vc_column_container.vc_col-sm-3 { width: 33.33%; }

	.text-bar .teambox .vc_clearfix:after, .text-bar .teambox .vc_column-inner::after, .text-bar .teambox.vc_el-clearfix, .text-bar .teambox .vc_row:after { clear: none; }

	

	.domains-bar ul.tabs li a { font-size: 30px; }

	.hero-bar.support .heroinner { background: none !important; }

	

	.hero-bar.domains { background-size: 60%; }

	

	.page-template-packages-detail .hero-bar, .hero-bar.defaultpages { background-position: right -300px top; }

	.hero-bar .col { padding-right: 20px; }

	

	.services-bar .lefttabs { padding: 10px 20px 0px 30px; }

	.services-bar ul.tabs li { padding: 0 10px 10px 10px; }

	.services-bar .text { padding: 7px 15px 30px 5px; }

	.services-bar .imglist .text, .services-bar .imglist .text:nth-child(even) { padding: 0px 15px; width: 50%; }

	

	.text-bar .contactintro .vc_column-inner { padding-right: 0px; }

	.text-bar .contactintro .vc_col-sm-4 { padding: 88px 20px 10px 30px; }

	

	.services-bar .text h4 { padding-bottom: 20px; }

					

}



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

	

	.container { padding: 0; }



	#header-part { z-index: 10003; overflow: hidden; background: #FFF; }

	#header-part a.button-collapse { padding: 24px 65px 0px 30px; position: relative; overflow: hidden; margin-left: 20px; color: #FFF; font-size: 14px; text-transform: uppercase; height: 70px; background: #00c05f; text-align: left; }

	#header-part a.button-collapse span { position: absolute; right: 30px; top: 27px; width: 24px; height: 2px; background: #FFF; }

	#header-part a.button-collapse span:before, #header-part a.button-collapse span:after { content: ""; position: absolute; left: 0px; top: 7px; width: 100%; height: 2px; background: #FFF;  }

	#header-part a.button-collapse span:after { top: 14px; }

	#header-part a.loginbtn { margin-top: 14px; }

	#header-part a.logo { margin: 15px 0px 0px 15px; max-width: 135px; }

	#header-part a.logo img { max-width: 100%; }

	

	#header-part { overflow: visible; }

	#sidenav-overlay { z-index: 9999; background: rgba(25,25,25,0.85); }

	.side-nav.right-aligned { padding: 10px 30px 0px 30px; max-height: inherit; position: absolute; top: 70px; height: 500px !important; z-index: 10001; will-change: none; background: var(--color-primary); }

	.side-nav.withtoplist{ }

	.side-nav li { padding: 15px 0px 7px 30px; line-height: 25px; }

	.side-nav li a { padding: 0px; font-size: 30px; color: #FFF; font-weight: 300; font-family: 'Rubik', sans-serif; }

	.side-nav li a:hover, .side-nav li.current-menu-item a { color: #333; background: none !important; }

	#header-part .language { padding: 38px 0px 52px 0px; margin-top: 25px; width: 100%; float: none; border-top: var(--color-primary-hover) solid 1px; }

	#header-part .language ul { list-style: none; overflow: hidden; text-align: center; }

	#header-part .language ul li { padding: 0 5px; display: inline-block; }

	#header-part .language ul li a { padding: 0px 25px 0px 40px; font-size: 14px; text-transform: uppercase; color: #FFF; height: 40px; display: block; line-height: 38px; border: var(--color-primary-hover) solid 1px; border-radius: 6px; -webkit-border-radius: 6px; background: url('../images/world-hover.png') 10px no-repeat; }

	#header-part .language ul li a:hover, #header-part .language ul li.wpml-ls-current-language a { background: var(--color-primary-hover) url('../images/world-hover.png') 10px no-repeat; }

	#header-part .language .wpml-ls-legacy-list-horizontal { padding: 0px; }

	

	.banner-bar .leftcontent { overflow: hidden; -webkit-box-shadow: inset 0 10px 15px -5px rgba(0,0,0,0.05); box-shadow: inset 0 10px 15px -5px rgba(0,0,0,0.05); }

	.banner-bar .intro { padding: 48px 0px 0px 30px; width: 50%; float: left; height: 333px; }

	.banner-bar .forms { padding: 70px 0px 0px 25px; float: right; width: 50%; height: 333px; -webkit-box-shadow: inset 0 10px 15px -5px rgba(0,0,0,0.05); box-shadow: inset 0 10px 15px -5px rgba(0,0,0,0.05); }

	.banner-bar .forms:before { display: none; }

	.banner-bar .forms h1 { font-size: 40px; line-height: 62px; }

	

	.banner-bar .rightslider { padding: 0px; height: 664px; background: #000000; }

	.banner-bar .bg { height: 664px; bottom: 0px; top: auto; right: -150px; width: 100%; }

	.banner-bar .rightslider:before { display: none; }

	.banner-bar .rightslider .text { padding: 60px 0px 0px 30px; }

	.banner-bar .rightslider .banner-slider { height: 664px; }

	.banner-bar .bg .slick-slide { height: 664px; }

	.banner-bar .rightslider .carousel.carousel-slider .carousel-fixed-item { }

	

	.introtext-bar { padding: 70px 50px 10px 50px; }

	.introtext-bar li { padding-bottom: 30px !important; }

	

	.testimonial-bar { padding: 0 30px 78px; }

	.testimonial-bar .content { padding: 25px 50px 60px 40px; min-height: 285px; }

	.testimonial-bar .content h4 { font-size: 35px; line-height: 45px; }

	.testimonial-bar .carousel.carousel-slider .carousel-fixed-item { bottom: auto; top: 234px; }

	.testimonial-bar .carousel { height: 463px !important; }

	

	.help-bar { padding: 50px 30px 55px; }

	.help-bar h3, .help-bar h2 { font-size: 45px; line-height: 55px; }

	

	.footer-bar { padding: 20px 30px 40px; }

	

	.hero-bar1 .wpb_text_column { padding: 110px 0px 215px 18px; max-width: 470px; }

	.hero-bar1 h1 { padding-bottom: 40px; }

	

	.text-bar .servicesbox { margin-top: -200px; padding-bottom: 10px; }

	.text-bar .servicesbox .vc_column_container { overflow: hidden; }

	.text-bar .servicesbox .vc_col-sm-4 { width: 50% !important; }

	.text-bar .servicesbox .vc_column-inner .wpb_column { padding: 24px 20px 48px 20px !important; }

	.text-bar .vc_clearfix:after, .text-bar .vc_column-inner::after, .text-bar .vc_el-clearfix, .text-bar .vc_row:after { clear: none !important; }

	body .hero-bar1 { background-position: right -600px top !important; }

	

	.heading-bar .wpb_text_column { padding: 50px 0px 35px 15px; max-width: 530px; }

	body .heading-bar { background-position: right -500px top !important; }

	

	.text-bar .textbox { padding: 20px 15px 35px 15px; max-width: 735px; }

	.heading-bar h1 { padding-bottom: 40px; }

	

	.text-bar .banner-contact .wf-gmp-canvas { height: 500px !important; }

	

	.text-bar .contactintro { margin-top: -135px; }

	.text-bar .contactintro .vc_col-sm-4 { padding: 50px 20px 10px 25px; height: 512px; width: 41% !important; }

	.text-bar .contactintro .vc_btn3-container { }

	.text-bar .contactintro .vc_col-sm-8 { padding: 50px 10px 0px 58px; width: 59% !important; }

	.text-bar .contactintro ul { width: 100% !important; float: none; }

	.text-bar .contactintro li { padding: 18px 0px; }

	.text-bar .contactintro h2 { font-size: 35px; }

	.text-bar .contactintro .vc_btn3-container { padding-top: 0px; }

	

	.text-bar .teambox.vc_row-fluid .vc_column_container.vc_col-sm-3 { width: 45%; }

	

	.hero-bar.support { background-position: right -500px center; }

	.hero-bar.support .heroinner { padding: 110px 0px 110px 0px; }

	.hero-bar.support .maincontent form { padding-bottom: 100px; }

	.hero-bar.domains.support { background-position: right -600px top; background-size: auto; }

	

	.domains-bar.support { margin-top: -75px; }

	.domains-bar ul.tabs li a { height: 150px; line-height: 150px; font-size: 20px; }

	.domains-bar ul.tabs li.indicator { background-size: auto 10px; }

	

	.form-bar { background: #191919; background-image: none !important; }

	.form-bar .formmid { background-position: left -150px bottom -150px; }

	.domains-bar.support .searchresults { padding: 45px 20px; }

	

	.hero-bar.domains .heroinner { padding: 110px 0px 200px 0px; background: none !important; }

	.hero-bar.domains.support .heroinner { padding: 110px 0px 100px 0px; }

	.domains-bar { margin-top: -80px; }

	

	.addservices-bar { padding: 92px 30px 95px 30px; background-position: -230px -40px; }

	.addservices-bar .intro { padding: 0px 0px 31px 0px; }

	

	.content-bar { padding: 70px 30px 40px 30px; }

	

	.page-template-packages-detail .hero-bar, .hero-bar.defaultpages { padding: 114px 0px 291px 0px; background-position: right -550px top; }

	.hero-bar.defaultpages { padding: 70px 0px 70px 0px; }

	.page-template-packages-detail .hero-bar .col, .hero-bar.defaultpages .col { max-width: 500px; }

	.hero-bar ul { padding: 20px 0px 35px 0px; }

	

	.services-bar { padding: 0 30px; }

	.services-bar .lefttabs { padding: 10px 0px 50px 0px; float: none; height: 110px; position: relative; z-index: 10; }

	.services-bar ul.tabs { padding: 60px 0 0 0; position: absolute; left: 0px; top: 0px; background: none; height: auto; max-height: 60px; max-width: 100%; display: block; border-radius: 0px; -webkit-border-radius: 0px; }

	.services-bar ul.tabs.tablisting { max-height: 260px; }

	.services-bar ul.tabs li:before { display: none; }

	.services-bar ul.tabs li { padding: 0; float: none; width: 100%; }

	.services-bar ul.tabs li a { background: var(--color-primary-hover); border-bottom: #02c563 solid 1px; border-radius: 0px; -webkit-border-radius: 0px; text-align: center; display: block; z-index: 10; position: relative; }

	.services-bar ul.tabs li a.active { padding: 20px 10px; height: 60px; line-height: 20px; position: absolute; left: 0px; top: 0px; border-radius: 6px; -webkit-border-radius: 6px; border: 0px; background: #02c563; }

	.services-bar ul.tabs.tablisting li a.active { border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px;  }

	.services-bar ul.tabs li a.active span { padding-right: 20px; position: relative; }

	.services-bar ul.tabs li a.active span:after { content: ""; position: absolute; right: 0px; top: 3px; border-right: #fff solid 2px; border-bottom: #fff solid 2px; width: 8px; height: 8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index: 10; }

	.services-bar ul.tabs li { position: static; }

	.services-bar p { font-size: 18px; line-height: 28px; }

	.services-bar li { font-size: 18px; }

	.services-bar .text.s6 { width: 48%; }

	.services-bar .col.l9 { width: 100%; }

	

	.loginbox { height: 415px; top: 50% !important; width: 90%; max-width: 710px; }

	.loginbox a.modal-close { right: 0px; }

	.loginbox .leftimg { padding: 50px 10px 0px 40px; height: 415px; }

	.loginbox .rightform { padding: 55px 55px 10px 55px; }

	

	.hero-bar.vc_row-fluid { background-position: right -500px top; }

	.hero-bar .wpb_text_column { width: 100%; }

	

	.hero-bar.vc_row-fluid { padding: 80px 0px 270px 0px; }

	

	.notifications .text { padding: 25px 80px 5px 60px; }

	

	.addservices-bar .plan { padding: 25px 0px 20px 0px; }

	.form-bar div.wpcf7-response-output { margin-top: 0px; padding-bottom: 160px; }

	.loginbox .leftimg h4 { min-height: 270px; }

	.notifications a.close { font-size: 0px; }

	.notifications .text { padding: 25px 40px 5px 60px; }

	

	.plan-bar h2 { padding-bottom: 85px; }

	.plan-bar .footnote { position: absolute; right: 20px; top: 90px; }

	

	.plan-bar { margin-top: -288px; }

	

	#back-to-top { font-size: 0px; bottom: 15px; }

	.footer-bar { padding: 20px 30px 50px; }

	

	.testimonial-bar .slick-arrow { }

	

	.text-bar .servicesbox > .vc_column_container > .vc_column-inner { padding: 40px 15px 0px 15px !important; }

	.text-bar .servicesbox .vc_column-inner .wpb_column { padding: 24px 10px 48px 10px !important; }



}



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

	

	.loginmob { padding: 15px 0px 0px 0px; margin-top: 15px; display: block; border-top: var(--color-primary-hover) solid 1px; overflow: hidden; }

	#header-part a.loginbtn { padding: 0 30px; color: #FFF; border: var(--color-primary-hover) solid 1px; float: left; display: none; }

	#header-part .loginmob a.loginbtn { display: block; }

	.side-nav li { padding: 15px 0px 7px 0px; }

	#header-part a.loginbtn:hover { background: var(--color-primary-hover); }

	.side-nav.right-aligned { padding: 10px 15px 50px 15px; max-width: 100%; height: calc(100vh - 70px) !important; height: -webkit-calc(100vh - 70px) !important; max-height: inherit; position: absolute; top: 70px; }

	.side-nav.withtoplist { height: calc(100vh - 179px) !important; height: -webkit-calc(100vh - 179px) !important; }

	

	.banner-bar .intro { padding: 40px 15px 30px; width: 100%; height: auto; }

	.banner-bar .forms { padding: 40px 15px 60px; width: 100%; height: auto; }

	

	.banner-bar .rightslider span.mainheading { font-size: 40px; line-height: 50px; }

	.banner-bar .rightslider .banner-slider p strong { font-size: 54px; }

	.banner-bar .rightslider .text { padding: 50px 0px 0px 15px; }

	.banner-bar .rightslider .carousel.carousel-slider .carousel-fixed-item { display: none; }

	.banner-bar .rightslider .banner-slider { height: 620px; }

	.banner-bar .bg .slick-slide { height: 664px; }

	.banner-bar .rightslider { height: 620px; }

	

	.introtext-bar { padding: 50px 50px 0px 50px; }

	.introtext-bar li { width: 100% !important; padding-bottom: 15px !important; }

	

	.testimonial-bar { padding: 0 15px 62px; }

	.testimonial-bar .col.offset-m3 { margin-left: 0px !important; }

	.testimonial-bar .content { width: 100% !important; min-height: inherit; padding-bottom: 70px; }

	.testimonial-bar .carousel.carousel-slider .carousel-fixed-item { bottom: 159px; top: auto; }

	.testimonial-bar .carousel { height: auto !important; min-height: 580px; }

	.testimonial-bar .img { width: 157px !important; }

	.testimonial-bar .text { padding: 28px 0px 0px 15px; width: calc(100% - 157px) !important; width: -webkit-calc(100% - 157px) !important; }

	

	.help-bar { padding: 35px 80px 35px 15px; background-position: right -210px center !important; }

	.help-bar h3, .help-bar h2 { font-size: 40px; line-height: 50px; }

	

	.footer-bar { padding: 20px 20px 40px; }

	.footer-bar .left { float: none !important; text-align: center; }

	.footer-bar .left li { float: none; display: inline-block; }

	.footer-bar .right { padding-top: 25px; float: none !important; text-align: center; }

	.footer-bar .left .copy { padding-bottom: 10px; }

	

	.banner-bar .bg { background-position: left; right: 0px; }

	

	.hero-bar1 .wpb_text_column { padding: 50px 0px 235px 18px; max-width: 320px; }

	body .hero-bar1 { background-position: right -700px top !important; }

	

	.text-bar .servicesbox .vc_col-sm-4 { width: 100% !important; max-width: 300px; }

	.text-bar .servicesbox .vc_column-inner .wpb_column { padding: 24px 0px 48px 0px !important; }

	.text-bar .servicesbox > .vc_column_container > .vc_column-inner { padding: 10px 0px 0px 0px !important; }

	.text-bar .servicesbox .vc_column-inner .wpb_column { padding: 24px 0px 20px 0px !important; }

	

	.heading-bar .wpb_text_column { padding: 50px 0px 35px 0px; max-width: 335px; }

	body .heading-bar { background-position: right -650px top !important; }

	.text-bar .textbox { padding: 20px 0px 35px 0px; }

	

	.text-bar .banner-contact .wf-gmp-canvas { height: 595px !important; }

	.text-bar .contactintro { margin-top: -200px; width: calc(100% - 30px) !important; width: -webkit-calc(100% - 30px) !important; margin-left: 15px; margin-right: 15px; }

	.text-bar .contactintro .vc_col-sm-4 { padding: 50px 20px 10px 25px; height: 270px; width: 100% !important; }

	.text-bar .contactintro .vc_btn3-container { padding-top: 20px; }

	.text-bar .contactintro .vc_col-sm-8 { padding: 55px 10px 30px 25px; width: 100% !important; }

	

	.text-bar .paymentbox { padding: 70px 15px 0px 15px; }

	.text-bar .paymentbox.vc_row-fluid .vc_column_container.vc_col-sm-3 { padding: 0px 20px 70px 0px; width: 100%; }

	.text-bar .paymentbox h2 { font-size: 40px; padding-bottom: 0px; }

	

	.text-bar .teambox { padding: 0px 0px 22px 0px !important; }

	.text-bar .teambox h3 { padding-bottom: 15px; font-size: 40px; }

	.text-bar .teambox.vc_row-fluid .vc_column_container.vc_col-sm-3 { width: 100%; max-width: 375px; padding: 0px; }

	.text-bar .teambox.vc_row-fluid .vc_column_container.vc_col-sm-3 img { width: 100%; }

	.text-bar .teambox p { padding-bottom: 0px; }

	

	.hero-bar.support { background-position: right -700px center; }

	.hero-bar.domains .heroinner { padding: 70px 0px 65px 0px; }

	.hero-bar.support .maincontent form { padding: 0 15px; padding-bottom: 50px; }

	.hero-bar.support .maincontent .input-field { width: calc(100% - 80px); width: -webkit-calc(100% - 80px); }

	

	.domains-bar.support { margin-top: -33px; }

	.domains-bar .container { padding: 0 15px; }

	.domains-bar.support ul.tabs { padding-top: 60px; display: block; max-height: 60px; overflow: hidden; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; }

	.domains-bar.support ul.tabs.tablisting { max-height: 200px; }

	.domains-bar.support ul.tabs li { padding: 0px; width: 100%; border: 0px; float: none; display: block; }

	.domains-bar.support ul.tabs li.indicator { display: none; }

	.domains-bar.support ul.tabs li a { display: block; padding: 0px 0px 0px 30px; position: relative; font-size: 14px; text-transform: uppercase; height: 60px; line-height: 60px; text-align: left; border-bottom: #FFF solid 1px; }

	.domains-bar.support ul.tabs li a.active { position: absolute; left: 0px; top: 0px; z-index: 10; }

	.domains-bar.support ul.tabs li a.active:after { content: ""; position: absolute; right: 28px; top: 25px; border-right: #fff solid 2px; border-bottom: #fff solid 2px; width: 8px; height: 8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index: 10; }

	

	.domains-bar.support .listbox { padding: 25px 0px 0px 0px; }

	.domains-bar.support .listbox ul { padding-bottom: 15px; }

	

	.form-bar .form { padding: 36px 15px 28px 15px; }

	.form-bar p.fl, .form-bar p.fr { float: none; width: 100%; }

	

	.domains-bar.support .searchresults { padding: 20px 15px; }

	.domains-bar.support .searchresults h2 { font-size: 40px; }

	

	.hero-bar.domains .heroinner { padding: 60px 0px 65px 0px; }

	.hero-bar .maincontent { padding: 0 15px; max-width: 100%; text-align: left; margin: 0px; }

	.hero-bar h1 { font-size: 40px; line-height: 50px; }

	.hero-bar .maincontent form { padding: 50px 0px 0px 0px; }

	.hero-bar .maincontent .input-field { width: 65%; }

	.hero-bar .maincontent .sl1 { width: 88px; }

	.hero-bar.domains .heroinner { padding: 70px 0px 170px 0px; }

	.page-domains .domains-bar ul.tabs li a { padding-top: 40px; height: 110px; line-height: 30px; font-size: 25px; }

	

	.domains-bar { margin-top: -60px; padding-bottom: 70px; }

	.domains-bar .domainlist { overflow: auto; }

	.domains-bar .domainlist .domainlistmid { width: 736px; }

	

	.addservices-bar { padding: 60px 15px 55px 15px; background-position: -280px -60px; }

	.addservices-bar h3, .addservices-bar h2 { font-size: 40px; }

	.addservices-bar .intro { padding: 0px 0px 20px 0px; }

	.addservices-bar .plan { padding: 20px 0px 18px 0px; }

	.addservices-bar .plan .text { padding-bottom: 20px; float: none; }

	.addservices-bar .plan .price { float: none; width: auto; }

	

	.content-bar { padding: 70px 15px 30px 15px; }

	.content-bar h3 { font-size: 40px; line-height: 50px; padding-bottom: 25px; }

	

	.page-template-packages-detail .hero-bar, .hero-bar.defaultpages { padding: 55px 0px 50px 0px; background-position: right -650px top -200px; }	

	.page-template-packages-detail .hero-bar h1 { font-size: 54px; }

	.hero-bar .container { padding: 0 15px; }

	

	.plan-bar h2 { font-size: 40px; padding-bottom: 80px; }

	.plan-bar { margin-top: -285px; padding-bottom: 50px; }

	.plan-bar .container { padding: 0 15px; }

	.services-bar {  padding: 0 30px; }

	

	.services-bar ul.tabs li a.active { border-radius: 0px !important; -webkit-border-radius: 0px !important; padding: 20px 10px 20px 30px; }

	.services-bar ul.tabs li a { text-align: left; padding: 20px 10px 20px 30px; }

	.services-bar .text { padding: 0px 0px 30px 0px; float: none; width: 100% !important; }

	.services-bar #test1 .text { padding: 0px; }

	.services-bar h4 { padding-bottom: 20px; }

	.services-bar .lefttabs { padding: 10px 0px 30px 0px; height: 90px; }

	.services-bar .text h4.mobilehide { display: none; }

	.services-bar .imglist .text { padding: 0 5px; float: left; width: 50% !important; }

	.services-bar .imglist .text + .text { padding: 51px 5px 0 5px; }

	

	.modal-overlay { z-index: 99999 !important; }

	.loginbox { z-index: 999999 !important; width: 95%; max-width: 345px; height: auto; }

	.loginbox .leftimg { padding: 38px 10px 28px 40px; height: auto; float: none; width: 100%; background-position: -150px -50px; }

	.loginbox .leftimg h4 { min-height: inherit; }

	.loginbox .rightform { padding: 35px 35px 40px 35px; float: none; width: 100%; }



	.hero-bar.vc_row-fluid { background-position: right -700px top; margin-left: 0px !important; margin-right: 0px !important;}

	

	.plan-bar.vc_row-fluid { margin-left: 0px !important; margin-right: 0px !important; }

	.plan-bar.vc_row-fluid .servicebox { overflow: hidden; }

	.plan-bar.vc_row-fluid .servicebox .vc_col-sm-3 { float: left; width: 25% !important; }

	.plan-bar .vc_column_container>.vc_column-inner { padding: 0px; }

	

	.hero-bar.vc_row-fluid { padding: 50px 0px 250px 0px; background-position: right -750px top; }

	.hero-bar .wpb_text_column { padding-left: 0px; }

	

	.textbox.error { padding: 70px 15px; }

	.maintitleerror { padding: 50px 15px; background-position: right -750px top; }

	

	.notifications .text { padding: 25px 40px 5px 60px; margin-left: 15px; background-position: left 25px; }

	.notifications a.close { right: 20px; font-size: 0px; }

	

	.footer-bar .left { padding-top: 70px; position: relative; }

	.footer-bar .right { padding-top: 0px; }

	.footer-bar .left ul { width: 100%; position: absolute; left: 0px; top: 10px; }

	

	.services-bar ul.tabs li a.active span { display: block; }

	.services-bar ul.tabs li a.active span:after { right: 10px; }

	.hero-bar.domains.support .maincontent h1 { text-align: center; }

	

	.loginbox.modal { padding-top: 32px; overflow: auto; background: none; box-shadow: 0 0px 0px 0px rgba(0,0,0,0), 0 0px 0px 0px rgba(0,0,0,0), 0 0px 0px 0px rgba(0,0,0,0); -webkit-box-shadow: 0 0px 0px 0px rgba(0,0,0,0), 0 0px 0px 0px rgba(0,0,0,0), 0 0px 0px 0px rgba(0,0,0,0); -webkit-overflow-scrolling: touch; }

	.loginbox.modal .modal-content { background: #FFF; }

	.loginbox a.modal-close { top: 0px; }

	.loginbox form { -webkit-overflow-scrolling: touch; }

	

	.testimonial-bar .slick-arrow { top: auto; bottom: 157px; }

	.testimonial-bar .image { min-height: 157px; }

	

	.testimonial-bar .content h4 span { margin-left: -12px; }

	

	.servicemiddle { padding-top: 60px; }	

	

	.services-bar .textleft, .services-bar .textcenter, .services-bar .textright { text-align: left; }

	.services-bar .text.s4 { padding-right: 0px; }

	.services-bar .text img { margin: 0 auto; }

		

}



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

	

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

	.banner-bar .rightslider { width: 100%; }

	

	body .heading-bar { background-position: right -750px top !important; }

	

	.hero-bar .maincontent .input-field { width: 50%; }

	.hero-bar .maincontent input[type="text"] { padding: 0 15px; }

	.hero-bar .maincontent .sl1 { width: 70px; }

	.hero-bar .maincontent .sl1 input[type="text"] { padding: 0 10px; }

	.hero-bar .maincontent .select-wrapper span.caret { right: 10px; }

	.page-domains .domains-bar ul.tabs li:first-child a { padding-top: 25px; }

	

	.plan-bar .footnote span.vat { width: 100%; text-align: left; margin-bottom: 10px; }

	.plan-bar .footnote span.pay { padding-left: 0px; }

	.plan-bar .footnote .footmid { float: none; }

	.plan-bar .footnote { right: auto; top: 75px; }

	

	.side-nav.withtoplist { }

	.services-bar .text h4 { padding-bottom: 10px; font-size: 25px; }

	

}



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

	

	.banner-bar .intro h1 { font-size: 45px; line-height: 55px; }

	.banner-bar .forms h1 { font-size: 36px; line-height: 45px; }

	.banner-bar .forms input[type="submit"] { margin-left: 10px; }

	.banner-bar .forms .sl1 { width: 75px; }

	.banner-bar .forms .sl1 input[type="text"] { padding: 0 10px; }

	

	.testimonial-bar .content { padding: 20px 20px 60px 20px; }

	.testimonial-bar .content h4 { font-size: 30px; line-height: 40px; }

	

	.hero-bar1 .wpb_text_column { padding: 50px 0px 235px 0px; }

	.text-bar .servicesbox { padding-left: 30px; padding-right: 30px; }

	.help-bar { padding: 35px 20px 35px 15px; }

	

	.heading-bar p { font-size: 22px; line-height: 35px; }

	

	.hero-bar .maincontent input[type="submit"] { margin-left: 10px; }

	.content-bar { padding: 50px 15px 30px 15px; }

	

	#header-part .language ul li { padding: 0 1px; }

	

	.plan-bar h2 { font-size: 35px; padding-bottom: 95px; }			

	

	.testimonial-bar .img { width: 140px !important; }

	.testimonial-bar .text { width: calc(100% - 140px) !important; width: -webkit-calc(100% - 140px) !important; }

	.testimonial-bar .slick-arrow { bottom: 140px; }

	.testimonial-bar .text h5 { font-size: 23px; }

	.testimonial-bar .text p { padding-bottom: 0px; line-height: 22px; }



}

/* Mobile overflow fix 2026-05-25: Materialize col s3/s4/s6 stack-uvad mobiilis */
@media only screen and (max-width: 767px) {
	/* services-bar: tekstiveerud üksteise alla (incl. s12 — vaikimisi `.text` padding 50px parem rikub mobiili) */
	.services-bar .text.s4,
	.services-bar .text.s6,
	.services-bar .text.s12,
	.services-bar .col.s4,
	.services-bar .col.s6,
	.services-bar .col.s12 {
		width: 100% !important;
		float: none !important;
		padding: 7px 15px 30px 15px !important;
	}
	.services-bar .boxpack { display: block; overflow: visible; }
	.services-bar img { max-width: 100%; height: auto; }
	/* VPS plan-bar: paketid col s2/s3 → stack mobile-l (fallback kui plan-tabs-mobile.js ei lae) */
	.plan-bar .col.s2,
	.plan-bar .col.s3,
	.plan-bar .col.s4,
	.plan-bar .col.s6 {
		width: 100% !important;
		float: none !important;
	}
	/* VPS vps-card sees olevad veerud (säilita text-align - võib olla teadlikult centered) */
	.vps-card .col.s3,
	.vps-card .col.s4,
	.vps-card .col.s6 {
		width: 100% !important;
		float: none !important;
	}
	/* Pildid mõjutatud sektsioonides — mitte globaalne .container img */
	.services-bar img,
	.plan-bar img,
	.vps-card img,
	.boxpack img { max-width: 100%; height: auto; }

	/* Hero-bar mobile 2026-05-26: eemalda kirju taustapilt (loetavus) + compact paddings/fontid/list
	   Mõjutab /teenused/veebimajutus/, /teenused/domeenid/, /teenused/vps/ ja teisi .hero-bar lehti */
	.hero-bar {
		padding: 40px 0 40px 0 !important;
		background-image: none !important;
		background-color: #000000 !important;
	}
	.hero-bar .col,
	.hero-bar .col.l6 { padding-right: 15px !important; width: 100% !important; }
	.hero-bar h1 {
		font-size: 38px !important;
		line-height: 1.15 !important;
		padding-bottom: 16px !important;
	}
	.hero-bar ul { padding: 16px 0 16px 0 !important; }
	.hero-bar ul li {
		padding: 4px 0 4px 18px !important;
		line-height: 1.4 !important;
	}
	.hero-bar p { margin-bottom: 12px !important; }
	.hero-bar .btn1,
	.hero-bar a.btn1 { margin: 8px 5px 8px 0 !important; }

	/* Hinnatabelid: .middlebox 1248px laiune desktop-l → mobile-l peab horisontaalselt scrollima
	   (vana-haru = .heading > .column css-table; võrdlus-lehed 430/1223 perekond = semantiline <table.ctable>) */
	.tablecontents { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
	.tablecontents .tablebox { overflow-x: auto !important; overflow-y: hidden; }
	.tablecontents .middlebox { min-width: 700px !important; width: 700px !important; }

	/* Services-bar parent-elementide laius mobile-l (vältida 1660px desktop-cascade) */
	.services-bar .container,
	.services-bar .row,
	.services-bar .col.l12,
	.services-bar #info1,
	.services-bar #info2,
	.services-bar #info3 {
		max-width: 100% !important;
		width: auto !important;
	}

	/* Avalehe .banner-bar .rightslider — CTA jookseb kastist välja kuna sisu pikem kui height:620px.
	   Eemalda fix height mobile-l, lisa min-height. Slick recalc-ib slaidi kõrguse adaptiivselt. */
	.banner-bar .rightslider,
	.banner-bar .rightslider .banner-slider {
		height: auto !important;
		min-height: 620px;
	}
	.banner-bar .rightslider .text {
		padding-bottom: 30px !important;
	}
}

/* Tablet 601-991px: 2 veergu (mitte 4 nagu mobile, mitte 4 nagu desktop) */
@media only screen and (min-width: 601px) and (max-width: 991px) {
	.plan-bar .col.s3,
	.vps-card .col.s3 {
		width: 50% !important;
	}
	/* VPS 6 paketti (col s2) → 3 veergu tabletil (2 rida) */
	.plan-bar .col.s2 {
		width: 33.33% !important;
	}
}

/* Kontakt 2026-05-26: peida Google Maps CTA (Tanel-i sõnul ebavajalik) */
a[href*="google.com/maps"].vc_btn3 { display: none !important; }

/* ============================================================
   MOBILE UX AUDIT 2026-05-27 — PRIO 1 (kriitilised)
   ============================================================ */

/* 1. KOGU SAIDI horisontaalne overflow kaitse (header 357px ületäide)
      mobile + tablet. Desktop puutumata (>991px).
      KRIITILINE: explicit overflow-y, mitte shorthand — desktop #wrapper
      { overflow: hidden } lõikas side-nav-i menüü-paneeli ära. */
@media only screen and (max-width: 991px) {
	html { overflow-x: hidden !important; overflow-y: auto !important; max-width: 100vw; }
	body { overflow-x: hidden !important; overflow-y: auto !important; max-width: 100vw; }
	#wrapper { overflow-x: hidden !important; overflow-y: visible !important; }
	#header-part { overflow: visible !important; }
	/* Side-nav peab olema fixed et katta kogu viewport, mitte limiteeritud header-iga */
	.side-nav { position: fixed !important; }
}

/* 2. PEALKIRJADE clamp() — väldi "Väärt kvaliteet[i]", "Privaatsusting[imused]" jt
      lõikumist mobile-l. Desktop säilitab praegust suurust (clamp max). */
@media only screen and (max-width: 767px) {
	h1, .h1 {
		font-size: clamp(28px, 7vw, 38px) !important;
		line-height: 1.15 !important;
		hyphens: manual;
		-webkit-hyphens: manual;
		-ms-hyphens: manual;
		word-break: normal;
		overflow-wrap: break-word;
	}
	h2, .h2 {
		font-size: clamp(22px, 5.5vw, 30px) !important;
		line-height: 1.2 !important;
		hyphens: manual;
		-webkit-hyphens: manual;
		-ms-hyphens: manual;
		word-break: normal;
		overflow-wrap: break-word;
	}
	h3 { font-size: clamp(18px, 4.5vw, 24px) !important; line-height: 1.25 !important; }
	/* Banner-bar avalehe "Väärt kvaliteet" */
	.banner-bar .intro h1 {
		font-size: clamp(28px, 7vw, 38px) !important;
		line-height: 1.15 !important;
	}
	/* Banner-slider "Võta kiirem veebimajutus" mainheading */
	.banner-bar .rightslider span.mainheading {
		font-size: clamp(28px, 7vw, 40px) !important;
		line-height: 1.15 !important;
	}
	/* Hero h1 — eelmise sessiooni 38px säilib, lisa hyphens */
	.hero-bar h1 {
		hyphens: manual;
		-webkit-hyphens: manual;
		word-break: normal;
	}
}

/* 3. SEKTSIOONIDE vertikaal-paddingu compact mobile-l (oli 80-100px → 32-48px) */
@media only screen and (max-width: 767px) {
	.testimonial-bar,
	.help-bar,
	.addservices-bar,
	.text-bar,
	.services-bar,
	.form-bar,
	.introtext-bar,
	.features-bar { padding-top: 48px !important; padding-bottom: 48px !important; }
	.banner-bar .intro { padding: 32px 15px 24px !important; height: auto !important; }
	.banner-bar .forms { padding: 32px 15px 40px !important; height: auto !important; }
	/* Hero-bar väiksem padding (eelmise 40px säilis, üle-täpsustus) */
	.hero-bar { min-height: auto !important; }
}

/* 4. ÕIGUSDOKUMENDID — hero h1 lõikumise fix (Privaatsustingimused jt)
      Eemalda dekoratiivne taustpilt mobile-l, et pealkiri mahuks */
@media only screen and (max-width: 767px) {
	.heading-bar,
	.hero-bar1,
	.hero-bar.defaultpages {
		background-image: none !important;
		background-color: #000000 !important;
	}
	.heading-bar h1,
	.hero-bar1 h1,
	.heading-bar .wpb_text_column,
	.hero-bar1 .wpb_text_column {
		max-width: 100% !important;
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
}

/* 5. AVALEHE statistika-plokk (5* / 2000+ / 22 / cPanel) 2×2 grid mobile-l
      (oli vertikaalne 1×4 → raiskab 600px). responsive.css L613 oli 100%,
      asendame 2-veerulise gridiga. */
@media only screen and (max-width: 767px) {
	.introtext-bar ul {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 16px 12px !important;
		padding: 0 !important;
		text-align: center;
	}
	.introtext-bar li {
		display: block !important;
		width: 100% !important;
		padding: 0 !important;
	}
	.introtext-bar h4 {
		font-size: clamp(28px, 8vw, 42px) !important;
		line-height: 1 !important;
	}
}

/* 6. AVALEHE "Miks valida Virtuaal.com?" feature-box 2-veeruline grid mobile-l
      VAJAB KÕRGEMA SPETSIIFILISUSE — inline <style> features-bar sees kasutab
      `.features-bar .feature-row { display: flex !important }`. Et võita,
      kasutame body+article selektorit (1,1,0 + !important). */
@media only screen and (max-width: 767px) {
	body article.features-bar .feature-row,
	body article.features-bar .row.feature-row {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 12px !important;
		flex: unset !important;
	}
	body article.features-bar .feature-col {
		width: 100% !important;
		max-width: 100% !important;
		flex-basis: auto !important;
		padding: 0 !important;
		margin: 0 !important;
		float: none !important;
		display: block !important;
	}
	body article.features-bar .feature-box {
		min-height: auto !important;
		padding: 20px 12px !important;
		width: 100% !important;
	}
	body article.features-bar .feature-icon {
		width: 56px !important;
		height: 56px !important;
		margin-bottom: 14px !important;
	}
	body article.features-bar .feature-title {
		font-size: clamp(15px, 4vw, 18px) !important;
	}
	body article.features-bar .feature-description {
		font-size: clamp(12px, 3vw, 14px) !important;
	}
	body article.features-bar .section-title {
		font-size: clamp(24px, 6vw, 32px) !important;
	}
}

/* 9. HERO TÜHI MUST ALA — Variant B fix laiendus
      Lehed: VPS, Domeenid, Abikeskus, Võrdlus konkurentidega, Kontakt — hero
      tühi must alaala pärast pealkirja. Põhjus: `.col l6` sisemine .wpb-content
      jätab tühja vasaku-veeru. Mobile-l peita `.col l6` (üks-veeruliseks). */
@media only screen and (max-width: 767px) {
	/* Hero-bar min-height = auto, eemalda must tühi ala lehtedele kus on .col.l6 sees tühi col */
	.hero-bar { min-height: auto !important; }
	.hero-bar > .container > .row > .col.l6,
	.hero-bar > .container > .row > .col { padding-bottom: 0 !important; }
	.hero-bar .wpb-content-wrapper .vc_col-sm-12:empty,
	.hero-bar .wpb-content-wrapper .wpb_wrapper:empty { display: none !important; }
	/* Heading-bar (õigusdokumendid) — sama */
	.heading-bar { min-height: auto !important; padding: 40px 0 !important; }
	.heading-bar .container { padding: 0 15px !important; }
}

/* 10. SÕNAMURDUMISE TÄIUSTUS — väldi "Virtuaal.com" murdumist "Virtuaal.co/m"
       overflow-wrap: anywhere → break-word juba asendatud (kogu fail).
       Lisaks: domain-nimi pealkirjades kunagi ei murdu.
       VPS h1 fix: hyphens: manual + auto-fallback. */
@media only screen and (max-width: 767px) {
	h1, h2, h3 {
		word-break: keep-all !important;
		hyphens: manual !important;
		-webkit-hyphens: manual !important;
		-ms-hyphens: manual !important;
	}
	.section-title, .features-bar .section-title { word-break: keep-all !important; }
}

/* ============================================================
   HOT-FIX 2026-05-27 öö — Tanel-i visual feedback + CiC verify
   ============================================================ */

/* HOT 1: features-bar 2-tulbaline grid — eemalda fixed laius, kasuta 1fr + gap */
@media only screen and (max-width: 767px) {
	body article.features-bar .feature-row,
	body article.features-bar .row.feature-row {
		grid-template-columns: 1fr 1fr !important;
		gap: 12px !important;
		padding: 0 15px !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
	body article.features-bar .feature-col {
		min-width: 0 !important;
		box-sizing: border-box !important;
	}
}

/* HOT 2: "Miks valida Virtuaal.com" pealkiri + alapealkiri tsentreeritud mobile-l */
@media only screen and (max-width: 767px) {
	.features-bar { text-align: center !important; }
	.features-bar .section-title,
	.features-bar .subtitle,
	.features-bar .bar-heading,
	.features-bar > .container > h2,
	.features-bar > .container > p { text-align: center !important; }
}

/* HOT 3: "Alusta siit" → hero üleminek — vahekaugus mobile-l */
@media only screen and (max-width: 767px) {
	.banner-bar .forms + .rightslider,
	.banner-bar .forms { margin-bottom: 0 !important; }
	.banner-bar .rightslider {
		margin-top: 16px !important;
		border-radius: 8px;
	}
}

/* HOT 4: Hero müra — banner-img + lilla particle pildi peal tume gradient
   (väldi teksti loetavuse-prob mobile-l). Säilitada animeeritud pilt. */
@media only screen and (max-width: 767px) {
	.banner-bar .rightslider {
		position: relative;
	}
	.banner-bar .rightslider::before {
		content: '' !important;
		position: absolute !important;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		width: auto !important;
		height: auto !important;
		background: linear-gradient(180deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.45) 60%, rgba(0,0,0,0.2) 100%) !important;
		display: block !important;
		pointer-events: none;
		z-index: 5;
	}
	.banner-bar .rightslider .text,
	.banner-bar .rightslider .banner-slider { position: relative; z-index: 10; }
}

/* LCP-fix 2026-07-28: partikli-taustapilt (banner-bg, 122,7 KB) oli mobiilis
   LCP-element (3,2 s), kuigi esimeses vaateaknas täielikult kaetud rohelise
   plokiga. Eemaldame mobiilist (Taneli otsus 28.07, tühistab HOT 4 "säilitada
   animeeritud pilt"). !important on vajalik inline-style'i (front-page.php)
   ülekaalumiseks — ilma selleta brauser laeks pildi ikkagi. */
@media only screen and (max-width: 767px) {
	.banner-bar .bg .banner-img { background-image: none !important; }
}

/* HOT 5: Testimonial-bar mobile-l — eemalda min-height 600px (oli 868px,
   sisu vaid 150px, raisak ~700px). */
@media only screen and (max-width: 767px) {
	.testimonial-bar,
	.testimonial-bar .content,
	.testimonial-bar .carousel,
	.testimonial-bar .testimonial-item {
		min-height: 0 !important;
		height: auto !important;
	}
	.testimonial-bar .carousel { min-height: 0 !important; }
	.testimonial-bar .content { padding: 32px 20px 60px !important; }
}

/* HOT 6: "VAATA KÕIKI TEENUSEID" CTA — single-line, tsentreeritud, min-width */
@media only screen and (max-width: 767px) {
	a.btn-large,
	.features-bar a.btn-large,
	.btn1.cta-large {
		display: inline-block !important;
		white-space: nowrap !important;
		padding: 14px 28px !important;
		min-width: 240px !important;
		text-align: center !important;
		box-shadow: none !important;
	}
	.features-bar { text-align: center; }
	.features-bar a.btn-large,
	.cta-button-wrapper { text-align: center !important; margin: 24px auto !important; }
}

/* ============================================================
   HOT-FIX #2 2026-05-27 öö #2 — CiC re-test feedback
   ============================================================ */

/* H1: features-bar 15px overflow — Materialize `.row { margin: 0 -0.75rem }`
   lisab negatiivse margin-i. Mobile-l eemalda. */
@media only screen and (max-width: 767px) {
	body article.features-bar .row,
	body article.features-bar .row.feature-row,
	body article.features-bar .row.center-align {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/* H2: testimonial-bar 880px → kompakt mobile-l. Slick-slider arvestab
   desktop slide-i kõrgust. Vaja kõikidele slick-elementidele height: auto. */
@media only screen and (max-width: 767px) {
	.testimonial-bar .slick-slider,
	.testimonial-bar .slick-list,
	.testimonial-bar .slick-track,
	.testimonial-bar .slick-slide,
	.testimonial-bar .slick-slide > div,
	.testimonial-bar .testimonial-item,
	.testimonial-bar .col,
	.testimonial-bar .row {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
	}
	.testimonial-bar .content {
		padding: 28px 20px !important;
		min-height: 0 !important;
	}
	.testimonial-bar .text {
		padding: 20px 0 0 0 !important;
		width: 100% !important;
	}
}

/* H3: banner-bar tekst loetavus — gradient on .rightslider-l, AGA tekst
   eraldi .leftcontent-is. Lisa text-shadow + gradient ka .leftcontent-le. */
@media only screen and (max-width: 767px) {
	.banner-bar .rightslider .text h3,
	.banner-bar .rightslider .text .mainheading,
	.banner-bar .rightslider .text ul,
	.banner-bar .rightslider .text p,
	.banner-bar .rightslider .text {
		text-shadow: 0 1px 6px rgba(0, 0, 0, 0.9), 0 0 12px rgba(0, 0, 0, 0.7) !important;
		position: relative;
		z-index: 10;
	}
	.banner-bar .rightslider .text strong { text-shadow: 0 1px 6px rgba(0, 0, 0, 0.9) !important; }
}

/* H4: "Alusta siit" + banner-bar — visuaalse separatsiooni FORCE */
@media only screen and (max-width: 767px) {
	.banner-bar { padding-bottom: 0 !important; }
	.banner-bar .leftcontent,
	.banner-bar .forms {
		padding-bottom: 24px !important;
	}
	/* Tagatud margin banner-bar lõpus enne järgmist sektsiooni */
	.banner-bar + article,
	.banner-bar + section { margin-top: 0 !important; padding-top: 32px !important; }
}

/* ============================================================
   HOT-FIX #3 2026-05-27 — Testimonial 880px lõplik fix
   LSC eemaldas eelmise hot-fix-#2 selectori-loendi (.slick-list,
   .slick-track, .slick-slide). Igal selektoril nüüd OMA reegel,
   et minify ei kustutaks. + ülekirjutame style.css L241 `.carousel
   { height: 580px !important }` + L231 `.content { min-height: 371px }`.
   ============================================================ */
@media only screen and (max-width: 767px) {
	.testimonial-bar .slick-slider { height: auto !important; min-height: 0 !important; }
	.testimonial-bar .slick-list { height: auto !important; min-height: 0 !important; }
	.testimonial-bar .slick-track { height: auto !important; min-height: 0 !important; }
	.testimonial-bar .slick-slide { height: auto !important; min-height: 0 !important; }
	.testimonial-bar .slick-slide > div { height: auto !important; }
	.testimonial-bar .carousel { height: auto !important; min-height: 0 !important; }
	.testimonial-bar .carousel.carousel-slider { height: auto !important; min-height: 0 !important; }
	.testimonial-bar .content {
		min-height: 0 !important;
		padding: 24px 20px !important;
	}
	.testimonial-bar .content h4 {
		font-size: clamp(18px, 5vw, 26px) !important;
		line-height: 1.4 !important;
	}
	.testimonial-bar .image { min-height: 0 !important; }
	.testimonial-bar .testimonial-item { height: auto !important; min-height: 0 !important; }
	/* Inline style="height:786.297px" võitmine — !important CSS võidab
	   inline style ilma !important. Vaja max-height piir + JS-init järgmise
	   recalc-i. Pluss slick lazyLoad: 'ondemand' algusest. */
	.testimonial-bar .slick-slide[style] { height: auto !important; }
}

/* ============================================================
   HOT-FIX #4 2026-05-27 — Tanel + CiC 7 punkti final polish
   ============================================================ */

/* P1: Banner-bar CTA-nuppude (btn1) text-shadow eemaldus mobile-l
       — H3 hot-fix kandis tekst-varju kõigile .text alamelementidele,
       sh CTA nuppudele rohelisel taustal (ülearuline) */
@media only screen and (max-width: 991px) {
	.banner-bar a.btn1,
	.banner-bar .btn1,
	.banner-bar a.button,
	.banner-bar a[class*="btn"] {
		text-shadow: none !important;
	}
}

/* P2 + P5: Sektsioonide vahekaugused mobile-l (98px → ~44-48px)
       Eelmine fix oli 48px/48px — kasutaja-tagasiside: liiga palju.
       Kombineeritud paddingid 98px = 48+50 üleminek. Vähenda igale poolele. */
@media only screen and (max-width: 991px) {
	.introtext-bar { padding-bottom: 20px !important; padding-top: 32px !important; }
	.features-bar { padding-top: 24px !important; padding-bottom: 24px !important; }
	.testimonial-bar { padding-top: 24px !important; padding-bottom: 24px !important; }
}

/* P3: feature-box pealkirjad mobile-l mahuvad ("Usaldusväärsus",
       "Funktsionaalsus" lõikuvad väiketele ekraanidele) */
@media only screen and (max-width: 480px) {
	body article.features-bar .feature-box h3,
	body article.features-bar .feature-box .feature-title,
	body article.features-bar .feature-title {
		font-size: clamp(13px, 3.8vw, 16px) !important;
		line-height: 1.2 !important;
		word-break: keep-all !important;
		hyphens: manual !important;
		-webkit-hyphens: manual !important;
	}
}

/* P4: "VAATA KÕIKI TEENUSEID" CTA tsentreerimine — flex layout
       (oli padding-top 14 + line-height 48 = tekst alumisel serval) */
@media only screen and (max-width: 991px) {
	.features-bar a.btn,
	.features-bar a.btn-large,
	.features-bar a[class*="btn"],
	.features-bar .cta-button-wrapper a {
		line-height: 1.2 !important;
		padding: 14px 28px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: 48px !important;
		height: auto !important;
	}
}

/* P6: VPS + Veebimajutus + muude .hero-bar lehtede tühja musta ala kaotamine
       WPBakery .vc_col-sm-6 2-kolonni layout — mobile-l üks tühi kolonn
       jätab 300-500px tühja musta. Peita tühjad/sisuta WPBakery kolonnid. */
@media only screen and (max-width: 991px) {
	.hero-bar .vc_col-sm-6:empty,
	.hero-bar .vc_col-sm-4:empty,
	.hero-bar .wpb_column:empty,
	.hero-bar .vc_column-inner:empty,
	.hero-bar .wpb_wrapper:empty,
	.hero-bar .wpb_text_column:empty { display: none !important; }
	/* Fallback: kolonn pole 'empty' (whitespace) aga ei sisalda sisu-elemente */
	.hero-bar .vc_col-sm-6:not(:has(h1)):not(:has(h2)):not(:has(p)):not(:has(li)):not(:has(img)):not(:has(a)) {
		display: none !important;
	}
	/* min-height: auto — sisu määrab hero kõrguse */
	.hero-bar { min-height: 0 !important; }
	.hero-bar > .container > .row { min-height: 0 !important; }
}

/* P7: Veebimajutuse + muude lehtede tekst-sisu padding mobile-l
       (paremal 31px asümmeetria — Materialize .row + WPBakery
       .vc_column-inner kombineerituna jättis 311/357 = 87% laiusest) */
@media only screen and (max-width: 991px) {
	article .vc_row,
	article .vc_row-fluid,
	article .wpb_column,
	article .vc_column-inner,
	article .vc_column_container {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	/* Sisemine teksti-padding 15px sümmeetriline mõlemal pool */
	article .wpb_text_column,
	article .wpb_wrapper { padding-left: 15px !important; padding-right: 15px !important; }
}

/* ============================================================
   HOT-FIX #5 2026-05-27 — CiC re-test verify follow-up
   ============================================================ */

/* P2+P5 fix-up: features-bar padding kõrgem spetsifikus (eelmise lihtne
   .features-bar reegli LSC dedupe-i probleem). body article = 1,1,0 */
@media only screen and (max-width: 991px) {
	body article.features-bar {
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}
	body article.introtext-bar {
		padding-top: 32px !important;
		padding-bottom: 20px !important;
	}
	body article.testimonial-bar {
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}
}

/* P6 fix-up: hero tühja musta ala lõplik — laiendatud selector
   Kõigele .vc_col-sm-* sisuta kolonidele mobile-l + .hero-bar enda
   padding-bottom piir + .wpb_wrapper:not(:has) */
@media only screen and (max-width: 991px) {
	/* Peita kõik WPBakery sisuta kolonid hero-s — ka need mis pole :empty
	   (sisaldavad whitespace child-div-e) */
	.hero-bar .vc_col-sm-12:not(:has(h1)):not(:has(h2)):not(:has(h3)):not(:has(p)):not(:has(li)):not(:has(a)):not(:has(img)),
	.hero-bar .vc_col-sm-6:not(:has(h1)):not(:has(h2)):not(:has(h3)):not(:has(p)):not(:has(li)):not(:has(a)):not(:has(img)),
	.hero-bar .vc_col-sm-4:not(:has(h1)):not(:has(h2)):not(:has(h3)):not(:has(p)):not(:has(li)):not(:has(a)):not(:has(img)),
	.hero-bar .wpb_column:not(:has(h1)):not(:has(h2)):not(:has(h3)):not(:has(p)):not(:has(li)):not(:has(a)):not(:has(img)),
	.hero-bar .vc_column-inner:not(:has(h1)):not(:has(h2)):not(:has(h3)):not(:has(p)):not(:has(li)):not(:has(a)):not(:has(img)) {
		display: none !important;
	}
	/* Hero ise — piir padding-bottom mobile-l (vältida 300-500px tühja alaala) */
	.hero-bar { padding-bottom: 24px !important; }
}

/* ============================================================
   ABIKESKUS 5-CTA GRID + SEARCH 2026-05-28 v4 (Tanel-i v3-tagasiside)
   Searchbar nagu avalehel (search-form .input-field input + submit).
   Kaardid eemaldatud ikoonid + asendatud .btn1 stiilis CTA-nuppudega.
   ============================================================ */

/* Hero-bar compact (säilita eelmise) */
body article.hero-bar.domains.support,
body article.hero-bar.support {
	padding: 0 !important;
	background-position: right center !important;
}
body article.hero-bar.domains.support .heroinner,
body article.hero-bar.support .heroinner {
	padding: 48px 0 48px 0 !important;
	background: none !important;
}
body article.hero-bar.domains.support .maincontent,
body article.hero-bar.support .maincontent {
	max-width: 640px;
	padding: 0 16px;
}
body article.hero-bar.support .maincontent form {
	padding: 12px 0 0 0 !important;
	margin-top: 0 !important;
}
body article.hero-bar.support .maincontent h1,
body article.hero-bar.domains.support .maincontent h1 {
	margin: 0 !important;
	padding: 0 !important;
}

/* Otsing — sama stiil kui avalehe .banner-bar .forms (search-form + input-field + submit) */
.hero-bar .abikeskus-search {
	display: flex;
	align-items: center;
	gap: 16px;
	max-width: 520px;
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
	padding: 0;
	float: none;
}
.hero-bar .abikeskus-search .input-field {
	flex: 1;
	margin: 0 !important;
	float: none !important;
	width: auto !important;
}
.hero-bar .abikeskus-search input[type="text"],
.hero-bar .maincontent .abikeskus-search input[type="text"] {
	padding: 0 24px !important;
	margin: 0 !important;
	color: var(--color-dark, #111827) !important;
	font-size: 14px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	border: 0 !important;
	height: 60px !important;
	min-height: 60px !important;
	width: 100% !important;
	max-width: none !important;
	box-sizing: border-box !important;
	background: #ffffff !important;
	border-radius: 6px !important;
	outline: none !important;
	font-family: 'Rubik', sans-serif !important;
	float: none !important;
}
.hero-bar .abikeskus-search input[type="text"]::placeholder {
	color: rgba(0, 0, 0, 0.4);
}
.hero-bar .abikeskus-search input[type="submit"] {
	margin: 0 !important;
	padding: 0 28px !important;
	background: var(--color-primary, #00c05f) !important;
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	border: 0 !important;
	border-radius: 6px !important;
	height: 60px !important;
	width: auto !important;
	min-width: 100px !important;
	cursor: pointer !important;
	transition: background 0.2s ease, transform 0.2s ease;
	float: none !important;
}
.hero-bar .abikeskus-search input[type="submit"]:hover {
	background: var(--color-primary-hover, #00a854) !important;
	transform: translateY(-2px);
}

/* 5-CTA grid — fix CiC tuvastus: .domains-bar.support margin-top:-103px
   katab CTA-d overlay-na. z-index 2 tõstab CTA-d peale. */
.abikeskus-grid {
	padding: 32px 0;
	background: #f9fafb;
	width: 100%;
	float: left;
	position: relative;
	z-index: 2;
}
article.domains-bar.support {
	position: relative;
	z-index: 1;
}

/* KKK + Juhised 3-veerg DESKTOP — CSS Grid AINULT visible tab-idele
   (Materialize seab inactive listbox-idele inline style="display: none"
   — kui `display: grid !important` ülekirjutab, kõik tabid kuvatakse korraga).
   #abi3 (Teavitused) EI grid — see on 1-veeruline (Tanel täpsustus). */
#abi1.listbox:not([style*="display: none"]):not([style*="display:none"]),
#abi2.listbox:not([style*="display: none"]):not([style*="display:none"]) {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 24px 32px;
}
.domains-bar.support .listbox .abi-listbox-col,
.domains-bar.support .listbox .col {
	width: 100% !important;
	float: none !important;
	padding: 0 !important;
	box-sizing: border-box;
}

/* Tablet 768-991: 2 veergu (KKK + Juhised) */
@media only screen and (max-width: 991px) {
	#abi1.listbox:not([style*="display: none"]):not([style*="display:none"]),
	#abi2.listbox:not([style*="display: none"]):not([style*="display:none"]) {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 20px 24px;
	}
}

/* Mobile <=767: 1-veerg (kõik tabid) */
@media only screen and (max-width: 767px) {
	#abi1.listbox:not([style*="display: none"]):not([style*="display:none"]),
	#abi2.listbox:not([style*="display: none"]):not([style*="display:none"]) {
		grid-template-columns: 1fr !important;
		gap: 16px;
	}
}

/* Keele-nupud medium-suuruseks mobile-l (vahepealne lahendus v2)
   Kõrgem spetsifikus body + #header-part — võitma desktop L100/L101 reegli */
@media only screen and (max-width: 767px) {
	body #slide-out.side-nav .language ul li a,
	body .side-nav .language ul li a,
	body #header-part .side-nav .language ul li a {
		padding: 10px 18px 10px 38px !important;
		font-size: 14px !important;
		height: 42px !important;
		min-height: 42px !important;
		line-height: 22px !important;
		background-position: 14px center !important;
		background-size: 18px !important;
		border-radius: 8px !important;
	}
	/* Side-nav overflow scroll — keele-nupud overflow alumisest äärest (Tanel pilt) */
	body #slide-out.side-nav,
	body .side-nav {
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 24px !important;
	}
}

/* MENÜÜ-nupp paremas servas — hamburger (span) on right:30 + width:24, nõuab
   ~60px right-paddingit et tekst ei kattuks ikooniga. Min-width 130px hoiab
   nupu visuaalselt piisavalt suur. */
@media only screen and (max-width: 991px) {
	body #header-part a.button-collapse {
		margin: 0 !important;
		padding: 24px 60px 0 20px !important;
		min-width: 130px !important;
		right: 0 !important;
		white-space: nowrap !important;
		overflow: visible !important;
	}
	body #header-part a.button-collapse span { right: 24px !important; }
	body #header-part > .container { padding: 0 !important; }
	body #header-part a.logo { margin: 15px 0 0 15px !important; }
}

/* Avalehe "Alusta siit" full-width mobile-l — parent .col.m12.leftcontent
   pole tsentris viewport-i suhtes (20.8px asümmeetria), seega break-out
   patterns calc(50%-50vw) / left:50%+margin:-50vw EI tööta. Robustne
   lahendus: hoia natural column-width + laienda green background pseudo-
   elemendiga mõlemale poole 5000px (existing :before laiendab paremale,
   uus :after laiendab vasakule). #wrapper overflow:hidden clip-ib. */
@media only screen and (max-width: 767px) {
	body .banner-bar .forms {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		left: auto !important;
		right: auto !important;
		position: relative !important;
		padding: 32px 20px !important;
		box-sizing: border-box;
		overflow: visible !important;
	}
	body .banner-bar .forms:after {
		content: "";
		position: absolute;
		left: -5000px;
		top: 0;
		width: 5000px;
		height: 100%;
		background: var(--color-primary);
		z-index: 0;
	}
	body .banner-bar .forms h2,
	body .banner-bar .forms form { position: relative; z-index: 10; }
	body .banner-bar .forms h2 { margin: 0 0 16px 0 !important; }
}

/* Help-bar "Kuidas saame abiks olla? Teenused ›" — eemalda alakriips
   (desktop + mobile), force 1-rea nowrap, vähenda font mobiilis et mahuks. */
body .help-bar h3 a,
body .help-bar h2 a,
body .help-bar h3 a:hover,
body .help-bar h2 a:hover {
	border-bottom: none !important;
}

@media only screen and (max-width: 767px) {
	body .help-bar h2,
	body .help-bar h3 {
		white-space: nowrap !important;
		font-size: clamp(16px, 4.6vw, 28px) !important;
		line-height: 1.35 !important;
		letter-spacing: -0.01em !important;
		margin: 0 !important;
	}
	body .help-bar h2 a,
	body .help-bar h3 a { white-space: nowrap !important; }
	body .help-bar { padding: 28px 15px !important; }
}

/* Header ↔ hero valge ala mobile-l — v2 LAIENDATUD
   Põhjus 1: #header-part background #FFF (style.css L96), hero pärast seda.
   Põhjus 2: hero-tüüpe on mitu — .heading-bar, .hero-bar, .hero-bar1,
   .hero-bar.defaultpages, .vc_row.hero-bar1. Mu eelmine ei katnud kõiki. */
@media only screen and (max-width: 991px) {
	body .heading-bar,
	body .hero-bar.defaultpages,
	body .hero-bar1,
	body .vc_row.hero-bar1,
	body article.hero-bar1 {
		background-color: #000000 !important;
		background-image: none !important;
		margin-top: 0 !important;
		padding-top: 32px !important;
		padding-bottom: 24px !important;
	}
	body .hero-bar1 h1,
	body .vc_row.hero-bar1 h1 {
		color: var(--color-primary, #00c05f) !important;
		margin: 0 0 12px 0 !important;
		padding: 0 !important;
	}
	body .hero-bar1 p,
	body .vc_row.hero-bar1 p,
	body .hero-bar1 .wpb_wrapper p,
	body .vc_row.hero-bar1 .wpb_wrapper p {
		color: #ffffff !important;
	}
	/* Header + hero üleminek ilma valge ribita */
	body #header-part + article,
	body #header-part + section,
	body #header-part + div,
	body header + article { margin-top: 0 !important; }
	body #wrapper > article:first-of-type,
	body #wrapper > section:first-of-type { margin-top: 0 !important; }
}

/* Mobile FULL-WIDTH üldine reegel — Tanel: "kastid mis jätavad vasakule ja
   paremale tühja ruumi pole praktilised mobile-l". Container muutub
   100vw, sisu täislaius. Eelmine `padding: 0 15px` säilib article-tasandil. */
@media only screen and (max-width: 767px) {
	body .container { width: 100% !important; max-width: 100% !important; padding: 0 15px !important; box-sizing: border-box; }
	body .row { margin: 0 !important; }
}

/* HEADER ↔ HERO GAP 115px FIX v3 — POOLEAS PROBLEEMI ALLIKAS:
   1. #header-part ülaserv 0, height 70px (fix)
   2. AGA #content-part > article.text-bar / hero-bar1 lisab 45+ margin-top
      WPBakery custom CSS-iga (vc_custom_xxx classid). Vaja explicit
      margin-top: 0 + padding-top: 0 esimesele article-le. */
@media only screen and (max-width: 991px) {
	#header-part { min-height: 70px !important; height: 70px !important; overflow: visible !important; }
	#header-part > .container,
	#header-part .container {
		min-height: 70px !important;
		height: 70px !important;
		position: relative;
	}
	#header-part > .container::after,
	#header-part .container::after {
		content: "" !important;
		display: table !important;
		clear: both !important;
	}
	/* #content-part esimene laps margin-top 0 — eemalda 45px gap */
	#content-part { margin-top: 0 !important; padding-top: 0 !important; }
	#content-part > article:first-child,
	#content-part > section:first-child,
	#content-part > div:first-child {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	/* .text-bar esimene laps (hero-bar1 wpb_row) margin-top 0 — WPBakery
	   vc_custom_xxx lisab tihti margin/padding */
	#content-part > article.text-bar:first-child,
	#content-part > article.text-bar:first-child > .wpb-content-wrapper > .vc_row:first-child,
	#content-part > article.text-bar:first-child > .vc_row:first-child {
		margin-top: 0 !important;
		padding-top: 24px !important;
	}
	/* Plan-bar margin-top: -228/-258/-288px desktop tõstab hero-bar peale.
	   Mobile-l 0 — vältida overlap (Tanel: "WordPressi majutuse paketid
	   osaliselt hero sees"). */
	body article.plan-bar,
	body .plan-bar {
		margin-top: 0 !important;
		padding-top: 32px !important;
	}
}

/* Kontakt-leht Google Maps + "Võta ühendust" — TÜHISTA desktop -235px overlay
   style.css L448 `.text-bar .contactintro { margin: -235px auto 0 auto }` =
   roheline kast tõuseb maps-i peale (desktop disain). Mobile-l see kattub
   ekraani vasaku poolega. Tanel screenshot näitas täpselt seda. */
@media only screen and (max-width: 767px) {
	#wf-gmp_1,
	.wf-gmp-canvas {
		height: 280px !important;
		max-height: 280px !important;
		width: 100vw !important;
		max-width: 100vw !important;
		margin-left: -50vw !important;
		margin-right: -50vw !important;
		left: 50% !important;
		right: 50% !important;
		position: relative !important;
		display: block;
	}
	/* Maps parent padding 0 (CiC: .wpb_text_column padding 15+15 + parent
	   .vc_col-sm padding 15+15 = 60px kaotust mobile-l) */
	body .text-bar .banner-contact .wpb_text_column,
	body .banner-contact .wpb_text_column,
	body .banner-contact .vc_col-sm-12,
	body .banner-contact .vc_column-inner,
	body .banner-contact .wpb_wrapper {
		padding: 0 !important;
		margin: 0 !important;
		max-width: 100vw !important;
	}
	body .text-bar .banner-contact { margin-bottom: 0 !important; }
	/* Eemalda whitespace Maps + Võta ühendust vahelt (CiC: 47px) */
	body .text-bar .banner-contact + .vc_row-full-width,
	body .banner-contact + .vc_row-full-width { display: none !important; }
	body .text-bar .contactintro,
	body .contactintro { margin-top: 0 !important; }
	/* Banner-contact FULL-WIDTH mobile (Tanel: maps üle lehe laiuselt) */
	body .text-bar .banner-contact,
	body .banner-contact {
		width: 100vw !important;
		max-width: 100vw !important;
		margin-left: -50vw !important;
		margin-right: -50vw !important;
		left: 50% !important;
		right: 50% !important;
		padding: 0 !important;
		float: none !important;
		position: relative !important;
	}
	/* TÜHISTA -235px overlay margin + FULL-WIDTH mobile (Tanel: "üle lehe laiuselt") */
	body .text-bar .contactintro,
	body .contactintro {
		margin: 0 !important;
		padding: 0 !important;
		max-width: 100vw !important;
		width: 100vw !important;
		float: none !important;
		box-shadow: none !important;
		background: #fff !important;
		overflow: visible !important;
		position: relative !important;
		left: 50% !important;
		right: 50% !important;
		margin-left: -50vw !important;
		margin-right: -50vw !important;
	}
	/* Roheline kast .vc_col-sm-4 = "Võta ühendust" — kompaktne, mitte 440px */
	body .text-bar .contactintro .vc_col-sm-4,
	body .contactintro .vc_col-sm-4 {
		height: auto !important;
		padding: 24px 16px !important;
		background: var(--color-primary, #00c05f) !important;
		text-align: center !important;
		width: 100% !important;
		float: none !important;
		box-sizing: border-box !important;
	}
	body .text-bar .contactintro .vc_col-sm-4 .vc_btn3-container,
	body .contactintro .vc_col-sm-4 .vc_btn3-container {
		padding-top: 16px !important;
		text-align: center !important;
	}
	body .text-bar .contactintro .vc_col-sm-8,
	body .contactintro .vc_col-sm-8 {
		padding: 24px 16px !important;
		width: 100% !important;
		float: none !important;
		box-sizing: border-box !important;
	}
	body .text-bar .contactintro h2,
	body .contactintro h2 {
		font-size: clamp(24px, 6vw, 32px) !important;
		color: #fff !important;
		text-align: center !important;
		margin: 0 !important;
		padding: 0 !important;
	}
}

/* Mobile sisuteksti laius — universaalne v2 (Tanel: Teenused leht .hero-bar1 jt)
   Teenused HTML on `<div class="vc_row hero-bar1">` (mitte <article>). Selector
   peab katma ka `.vc_row` ja `.hero-bar1` parent-eid. */
@media only screen and (max-width: 991px) {
	/* Article + section + vc_row + hero-bar1 — kõik tüüpilised parent-id */
	article > .container,
	section > .container,
	.vc_row > .container,
	.hero-bar1 > .container,
	.heading-bar > .container { padding-left: 15px !important; padding-right: 15px !important; }
	body .container > .row,
	body article .row,
	body .vc_row.hero-bar1,
	body .vc_row { margin-left: 0 !important; margin-right: 0 !important; }
	body .wpb_column,
	body .vc_column_container,
	body .vc_column-inner,
	body .wpb-content-wrapper,
	body .wpb_wrapper,
	body .wpb_text_column { padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important; }
	body .wpb_text_column .wpb_wrapper { padding-left: 0 !important; padding-right: 0 !important; }
	/* Lihtne sisu-padding 15px äärtest (mitte topelt) */
	body .hero-bar1 .wpb_text_column,
	body .vc_row .wpb_text_column,
	body article .wpb_text_column,
	body .hero-bar1 .wpb_wrapper > p,
	body .vc_row .wpb_wrapper > p,
	body article .wpb_wrapper > p { padding-left: 15px !important; padding-right: 15px !important; }
	/* Nested wpb_wrapper paddingu eemaldus */
	body .wpb_wrapper .wpb_wrapper { padding-left: 0 !important; padding-right: 0 !important; }
}

/* Domeenid lehe hero + otsing-form — Tanel screenshot näitas et input katki
   (inline style="width: 450px; max-width: 80vw" + submit 80px → overflow).
   Vaja override inline-style spetsifikus + flex shrink mobile-l. */
@media only screen and (max-width: 991px) {
	body article.hero-bar.domains:not(.support) {
		padding: 0 !important;
		background-position: right -200px center !important;
	}
	body article.hero-bar.domains:not(.support) .heroinner {
		padding: 32px 0 24px 0 !important;
		background: none !important;
	}
	body article.hero-bar.domains:not(.support) .maincontent {
		max-width: 100% !important;
		padding: 0 16px !important;
	}
	body article.hero-bar.domains:not(.support) .maincontent h1 {
		margin: 0 0 8px 0 !important;
		padding: 0 !important;
	}
	body article.hero-bar.domains:not(.support) .maincontent p {
		margin: 0 0 16px 0 !important;
	}
	/* Form-flex shrink mobile-l — input + submit ÜHENDATUD (Tanel: "vahe sees") */
	body article.hero-bar.domains:not(.support) .maincontent form.search-form,
	body article.hero-bar.domains:not(.support) form[class="search-form"] {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		margin: 0 auto !important;
		padding: 12px 0 0 0 !important;
		gap: 0 !important;
		width: 100% !important;
		max-width: 480px !important;
		justify-content: center !important;
	}
	body article.hero-bar.domains:not(.support) .maincontent form .input-field {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
	}
	body article.hero-bar.domains:not(.support) .maincontent form input[type="text"],
	body article.hero-bar.domains:not(.support) form input#domain-check {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: 50px !important;
		padding: 0 18px !important;
		border-radius: 30px 0 0 30px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
		font-size: 13px !important;
		border-right: 0 !important;
	}
	body article.hero-bar.domains:not(.support) form input[type="submit"] {
		width: 56px !important;
		height: 50px !important;
		min-width: 56px !important;
		flex-shrink: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 0 30px 30px 0 !important;
		background-size: 22px !important;
		border: 0 !important;
		display: block !important;
	}
	/* .domains-bar margin-top: -100px desktop tõstab tabid hero-bar peale —
	   mobile-l see tekitab visual overlap (Tanel: tabid otsingu peal). */
	body article.domains-bar:not(.support) {
		margin-top: 0 !important;
		padding-top: 24px !important;
	}
	body article.hero-bar.domains:not(.support) { position: relative; z-index: 2; }
	body article.domains-bar:not(.support) { position: relative; z-index: 1; }
}
.abikeskus-grid .container {
	max-width: 1280px;
	padding: 0 20px;
}
.abikeskus-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	justify-content: center;
	align-items: stretch;
}
/* abikeskus-cta = .btn1 baseline (pärib brand-värvi + uppercase + radius) */
.abikeskus-cta {
	flex: 1 1 0;
	min-width: 180px;
	max-width: 240px;
	text-align: center !important;
	padding: 18px 24px !important;
	line-height: 1.2 !important;
	color: #ffffff !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}
/* Tagatud klõpsumine — pole pointer-events: none child-elementidel (pole child-i) */

/* Tablet 601-991px: 3 reas (5 ei mahu) */
@media only screen and (max-width: 991px) {
	.abikeskus-grid { padding: 24px 0; }
	.abikeskus-cards { gap: 12px; }
	.abikeskus-cta {
		flex: 1 1 calc(33.33% - 12px);
		max-width: calc(33.33% - 12px);
		padding: 16px 18px !important;
		font-size: 13px !important;
	}
}

/* Mobile <=600px: 2 reas (kompaktsem kui 1) */
@media only screen and (max-width: 600px) {
	.abikeskus-grid { padding: 20px 0; }
	.abikeskus-cards { gap: 10px; }
	.abikeskus-cta {
		flex: 1 1 calc(50% - 10px);
		max-width: calc(50% - 10px);
		min-width: 0;
		padding: 14px 12px !important;
		font-size: 12px !important;
	}
	/* Searchbar mobile compact */
	.hero-bar .abikeskus-search { flex-direction: column; gap: 10px; }
	.hero-bar .abikeskus-search .input-field,
	.hero-bar .abikeskus-search input[type="submit"] { width: 100% !important; }
	.hero-bar .abikeskus-search input[type="text"] { height: 48px !important; min-height: 48px !important; }
	.hero-bar .abikeskus-search input[type="submit"] { height: 48px !important; }
}

/* ============================================================
   SESSIOON LÕPP 2026-05-27 — Tanel-i 3 visuaalset probleemi (final fix)
   ============================================================ */

/* FINAL #1: Plan-tabs whitespace + KLIENTIDE LEMMIK badge ruum
   Tanel screenshot: tabid kokku-pigistatud, "KLIENTIDE LEMMIK" üleval visuaalne segadus */
@media only screen and (max-width: 767px) {
	.plan-bar .servicebox .plan-tabs-mobile {
		gap: 10px !important;
		margin: 12px 15px 36px 15px !important;
	}
	.plan-bar .plan-tab-btn {
		padding: 14px 10px !important;
		letter-spacing: 0.02em;
	}
	/* "KLIENTIDE LEMMIK" / "POPULAARSEIM" badge ruumi paketinime ette */
	.plan-bar .servicebox .col.popular {
		padding-top: 28px !important;
		position: relative;
	}
	.plan-bar .popularchoice {
		top: 0 !important;
		margin-left: -90px !important;
	}
}

/* FINAL #2: Sisutekst äärest-ääreni — Materialize .container + .col topelt-padding
   Tanel: "Veebimajutus, VPS, Teenused lehel sisutekst pole äärest-ääreni" (üldine
   seade). Materialize globaalne `.container { padding: 0 0.75rem }` + `.col {
   padding: 0 0.75rem }` = topelt 30px mobile-l. Lahendus: eemalda .col padding
   sisemiselt, jätta vaid .container 15px äärtelt (sümmeetria). */
@media only screen and (max-width: 991px) {
	/* article sees olevad Materialize-grid col-id mobile-l ilma padding-iga */
	article .container,
	article .container.row { padding-left: 15px !important; padding-right: 15px !important; }
	article .container > .row > .col,
	article .row > .col[class*="l"],
	article .row > .col[class*="m"],
	article .row > .col[class*="s"] {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	/* Erand: plan-bar paketid säilita sümmeetria (16px gap kaartide vahel) */
	.plan-bar .servicebox .row > .col { padding-left: 0 !important; padding-right: 0 !important; }
	/* services-bar (Tanel mainis "Teenused leht") + features-bar säilita
	   eelmise prio CSS-fix, ainult article-üldine padding clean */
}

/* FINAL #3: Mobiili-menüü keelevaliku 3 nuppu kompaktsemad
   Tanel screenshot: EST/ENG/RUS nupud liiga domineerivad, RUS jääb 2. reale */
@media only screen and (max-width: 767px) {
	#slide-out .language .wpml-ls-legacy-list-horizontal,
	.side-nav .wpml-ls-legacy-list-horizontal,
	.side-nav .language ul {
		display: flex !important;
		flex-wrap: nowrap !important;
		gap: 6px !important;
		justify-content: center !important;
		padding: 8px 0 !important;
	}
	#slide-out .language ul li,
	.side-nav .language ul li {
		flex: 1 1 0 !important;
		min-width: 0 !important;
		padding: 0 !important;
		max-width: none !important;
	}
	#slide-out .language ul li a,
	.side-nav .language ul li a {
		padding: 6px 8px !important;
		font-size: 12px !important;
		line-height: 1 !important;
		height: 32px !important;
		min-height: 32px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		background-position: 6px center !important;
		background-size: 14px !important;
		white-space: nowrap !important;
	}
}

/* ============================================================
   PRIO 3 2026-05-27 — PSI/LCP optimisatsioon + UX polish
   ============================================================ */

/* PRIO 3 #1 — Testimonial 5-tärni pilt (1600×1600 JPEG) → CSS Unicode tärnid
   Säästab 5× 80KB = 400KB lehe laadimisel (audit-tuvastus). */
.testimonial-bar .img img {
	display: none !important;
}
.testimonial-bar .img {
	position: relative;
	min-height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.testimonial-bar .img::before {
	content: "★★★★★";
	font-size: clamp(20px, 6vw, 36px);
	color: #ffc107;
	letter-spacing: 4px;
	line-height: 1;
	text-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

/* PRIO 3 #2 — Footer linkide pikkus mobile-l (lühem tekst CSS data-content)
   "KVM VPS TEADLIKULE ARENDAJALE" → "VPS"
   "TEENUSTE TINGIMUSED JA LEPINGUD" → "TINGIMUSED" */
@media only screen and (max-width: 767px) {
	#footer-part .menu li a[href*="/vps"] { font-size: 0; }
	#footer-part .menu li a[href*="/vps"]::after {
		content: "VPS";
		font-size: 14px;
		display: inline-block;
	}
	#footer-part .menu li a[href*="teenuste-tingimused"] { font-size: 0; }
	#footer-part .menu li a[href*="teenuste-tingimused"]::after {
		content: "TINGIMUSED";
		font-size: 14px;
		display: inline-block;
	}
	#footer-part .menu li a[href*="privaatsus"] { font-size: 0; }
	#footer-part .menu li a[href*="privaatsus"]::after {
		content: "PRIVAATSUS";
		font-size: 14px;
		display: inline-block;
	}
}

/* HOT-FIX #7 2026-05-27 — Hero sisuteksti laius 222px → ~327px (CiC tagasiside)
   Mõjutab VPS, Veebimajutus, Domeenid, WordPress jt hero-lehti.
   Topelt-padding 90px (col.l6 + wpb_wrapper outer + wpb_wrapper inner)
   sõi 35-38% paremalt laiust. Tanel raporteeris "tekst condensed". */
@media only screen and (max-width: 991px) {
	article.hero-bar .col,
	article.hero-bar .col.l6,
	article.hero-bar .col.l7,
	article.hero-bar .col.l5 {
		padding-left: 15px !important;
		padding-right: 15px !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	/* Topelt wpb_wrapper padding eemaldus */
	article.hero-bar .wpb-content-wrapper .wpb_wrapper,
	article.hero-bar .vc_column-inner .wpb_wrapper,
	article.hero-bar .wpb_raw_code .wpb_wrapper,
	article.hero-bar .wpb_text_column .wpb_wrapper,
	article.hero-bar .vc_column_container .wpb_wrapper {
		padding: 0 !important;
	}
	article.hero-bar .wpb_text_column,
	article.hero-bar p,
	article.hero-bar ul,
	article.hero-bar ol,
	article.hero-bar .wpb_raw_html,
	article.hero-bar .wpb_raw_code {
		max-width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/* PRIO 2 #4 — Kontakt-leht mobile ümberkorraldus 2026-05-27
   Google Maps mobile-l 701→280px (säästab 421px), kontaktinfo enne kaarti
   flex order-iga. .contactintro vc_col-sm-4/8 layout mobile-l 100%. */
@media only screen and (max-width: 767px) {
	/* Google Maps konteiner — kompaktne 280px (oli 701px = 60% viewport-st) */
	#wf-gmp_1,
	.wf-gmp-canvas {
		height: 280px !important;
		max-height: 280px !important;
	}
	/* Kontakt-info üles, kaart alla — flex order */
	.banner-contact,
	.contactintro {
		display: block !important;
		width: 100% !important;
	}
	/* Kontakt-banner sisemine padding compact */
	.banner-contact .vc_col-sm-12,
	.contactintro .vc_col-sm-4,
	.contactintro .vc_col-sm-8,
	.paymentbox .vc_col-sm-3 {
		width: 100% !important;
		padding: 12px 15px !important;
		flex: unset !important;
	}
	/* "Võta ühendust!" pealkiri tsentreeritud + kompaktne */
	.contactintro h2 {
		text-align: center !important;
		font-size: clamp(24px, 6vw, 32px) !important;
		margin-bottom: 12px !important;
	}
	/* "Edasta teade" CTA — tsentreeritud, full-width */
	.contactintro .vc_btn3-container {
		text-align: center !important;
		margin: 0 0 24px 0 !important;
	}
	.contactintro a.vc_btn3 {
		display: inline-block !important;
		min-width: 200px !important;
	}
	/* Kontaktiinfo ul-id (aadress + e-mailid) — tsentreeritud */
	.contactintro h4 {
		text-align: center !important;
		font-size: clamp(18px, 4.5vw, 22px) !important;
	}
	.contactintro ul {
		list-style: none !important;
		padding: 0 !important;
		text-align: center !important;
	}
	.contactintro ul li { margin-bottom: 12px !important; }
	/* Rekvisiidid (paymentbox) — pildi + number paari kuvamine */
	.paymentbox .vc_row.vc_inner {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
	}
	.paymentbox img { max-width: 100px !important; height: auto !important; }
	.paymentbox h3 {
		text-align: center !important;
		font-size: clamp(20px, 5vw, 26px) !important;
	}
}

/* PRIO 2 #3 — Mobiilimenüü full-width drawer mobile-l 2026-05-27
   Materialize sideNav JS init `menuWidth: 384` (custom.js L103) — mobile-l
   357-372px viewport-l 384 võtab ainult ~60%. Force 100% mobile-l. */
@media only screen and (max-width: 600px) {
	.side-nav,
	#slide-out.side-nav,
	.side-nav.right-aligned {
		width: 100vw !important;
		max-width: 100vw !important;
		min-width: 0 !important;
		left: 0 !important;
		right: 0 !important;
		transform: translateX(100%);
	}
	.side-nav.active,
	#slide-out.side-nav.active {
		transform: translateX(0) !important;
	}
	/* Sisemine padding compact mobile-l */
	.side-nav li { padding: 12px 24px !important; }
	.side-nav li a { font-size: clamp(20px, 6vw, 28px) !important; }
}

/* PRIO 2 #1 — plan-bar mobile tab-style 2026-05-27
   JS-fail js/plan-tabs-mobile.js loob tab-id .servicebox alguses mobile-l,
   lisab paketikastidele .plan-col-active / .plan-col-hidden klassid. */
.plan-tabs-mobile { display: none; }

@media only screen and (max-width: 767px) {
	/* Tab-button-id ülevalt */
	.plan-bar .servicebox .plan-tabs-mobile {
		display: flex !important;
		flex-wrap: wrap;
		gap: 6px;
		margin: 0 15px 24px 15px;
		padding: 0;
		justify-content: stretch;
	}
	.plan-bar .plan-tab-btn {
		flex: 1 1 33.33%;
		padding: 12px 8px;
		font-size: clamp(13px, 3.5vw, 16px);
		font-weight: 600;
		line-height: 1.2;
		border: 1px solid #e5e7eb;
		background: #ffffff;
		color: #111827;
		border-radius: 6px;
		cursor: pointer;
		transition: background 0.2s, color 0.2s, border-color 0.2s;
		font-family: inherit;
		text-transform: uppercase;
		letter-spacing: 0.01em;
	}
	.plan-bar .plan-tab-btn:hover {
		border-color: var(--color-primary, #00c05f);
		color: var(--color-primary, #00c05f);
	}
	.plan-bar .plan-tab-btn.plan-tab-active {
		background: var(--color-primary, #00c05f);
		color: #ffffff;
		border-color: var(--color-primary, #00c05f);
	}
	/* Paketikastide nähtavus tab-vahetuse järgi */
	.plan-bar .servicebox .row > .col.plan-col-hidden {
		display: none !important;
	}
	.plan-bar .servicebox .row > .col.plan-col-active {
		width: 100% !important;
		float: none !important;
		max-width: 100% !important;
	}
}

/* P-uus: Universaalne h1 sõnamurdumise vältimine kõigil lehtedel
   ("Registreeri domeeninimi" → "domeenini-mi" Domeenid lehel) */
@media only screen and (max-width: 991px) {
	article h1,
	.hero-bar h1,
	.heading-bar h1,
	.banner-bar h1 {
		word-break: keep-all !important;
		overflow-wrap: break-word !important;
		hyphens: manual !important;
		-webkit-hyphens: manual !important;
		-ms-hyphens: manual !important;
	}
}

/* ============================================================
   HOT-FIX #6 2026-05-27 — Hero h1 font-size + sisutekst täislaius (PRIO 1 LÕPP)
   ============================================================ */

/* Vana reegel `@media (max-width: 992px) .hero-bar h1 { font-size: 2.5rem !important }`
   = 50px (root 20px), võidab spetsiifikuse poolest. Vaja sama või kõrgem spetsifikus. */
@media only screen and (max-width: 991px) {
	article.hero-bar h1,
	article.hero-bar .wpb_text_column h1,
	article.hero-bar .wpb_wrapper h1,
	article.hero-bar .heroinner h1,
	article.hero-bar > .container h1,
	body article.hero-bar h1 {
		font-size: clamp(26px, 6.5vw, 36px) !important;
		line-height: 1.2 !important;
		padding-bottom: 16px !important;
		word-break: keep-all !important;
		overflow-wrap: break-word !important;
		hyphens: manual !important;
		-webkit-hyphens: manual !important;
	}

	/* Hero-s sisutekst täislaiusele — kaotab vasak-parem padding-piiri mis
	   sundis teksti 174px laiusele (vertikaalne kõrgenemine) */
	.hero-bar .wpb_text_column,
	.hero-bar .wpb_wrapper,
	.hero-bar .wpb-content-wrapper {
		max-width: 100% !important;
	}
	.hero-bar p,
	.hero-bar ul,
	.hero-bar ol { max-width: 100% !important; }

	/* Materialize .row -15px margin hero-s — tekst kasutaks täislaiust */
	.hero-bar > .container > .row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/* 7. FOOTER lingid 2-tulbalisse gridi (8 linki vertikaalselt → 4×2) */
@media only screen and (max-width: 767px) {
	.footer-bar .menu,
	.footer-bar ul.footer-menu,
	#footer-part .menu {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 8px 16px !important;
		list-style: none !important;
		padding: 0 !important;
	}
	.footer-bar .menu li,
	#footer-part .menu li { padding: 0 !important; }
}

/* 8. "↑ üles" nupp — kuva alates 1.5× viewport (vältida varase ilmumist) */
@media only screen and (max-width: 767px) {
	#back-to-top { bottom: 70px !important; right: 15px !important; opacity: 0.85; }
}



/* ===== Võrdlustabel mobiil (page-id-430/3092/3100) — sticky label-veerg 2026-06-23 ===== */
@media only screen and (max-width: 768px) {
  /* Veerud px-fikseeritud: column1 sticky 140px + 3 pakett-veergu 120px → middlebox 500px.
     Ekraanil 375px jääb sticky column1 (140) järele ~235px = ~2 pakett-veergu nähtavale, scroll sujuv. */
  body.page-id-430 .tablecontents .middlebox,
  body.page-id-3092 .tablecontents .middlebox,
  body.page-id-3100 .tablecontents .middlebox { min-width: 500px !important; width: 500px !important; }
  body.page-id-430 .tablecontents .column1,
  body.page-id-3092 .tablecontents .column1,
  body.page-id-3100 .tablecontents .column1 { position: sticky; left: 0; z-index: 3; width: 140px !important; }
  body.page-id-430 .tablecontents .column2, body.page-id-430 .tablecontents .column3, body.page-id-430 .tablecontents .column4,
  body.page-id-3092 .tablecontents .column2, body.page-id-3092 .tablecontents .column3, body.page-id-3092 .tablecontents .column4,
  body.page-id-3100 .tablecontents .column2, body.page-id-3100 .tablecontents .column3, body.page-id-3100 .tablecontents .column4 { width: 120px !important; }
  /* Tooltip topelt-fix: mobiilis ainult JS-popup, peida KÕIK CSS-tooltipid (data-tip JA title;
     .tablecontents katab ka incl-list/.textbgbox, mis on .tablecontents sees). tap = hover. */
  body.page-id-430 .tablecontents a[data-tip]::after, body.page-id-430 .tablecontents a[data-tip]::before,
  body.page-id-430 .tablecontents a[title]:hover::after, body.page-id-430 .tablecontents a[title]:hover::before,
  body.page-id-3092 .tablecontents a[data-tip]::after, body.page-id-3092 .tablecontents a[data-tip]::before,
  body.page-id-3092 .tablecontents a[title]:hover::after, body.page-id-3092 .tablecontents a[title]:hover::before,
  body.page-id-3100 .tablecontents a[data-tip]::after, body.page-id-3100 .tablecontents a[data-tip]::before,
  body.page-id-3100 .tablecontents a[title]:hover::after, body.page-id-3100 .tablecontents a[title]:hover::before { display: none !important; }
  /* Päise font mobiilis väiksemaks (30px → 16px) — veerud ei kattu, mahub 120px veergu */
  body.page-id-430 .tablecontents .heading .column, body.page-id-3092 .tablecontents .heading .column, body.page-id-3100 .tablecontents .heading .column { font-size: 16px !important; line-height: 1.25 !important; }
  body.page-id-430 .tablecontents .heading .column1,
  body.page-id-3092 .tablecontents .heading .column1,
  body.page-id-3100 .tablecontents .heading .column1 { background: var(--color-primary); }
  body.page-id-430 .tablecontents .content .column1,
  body.page-id-3092 .tablecontents .content .column1,
  body.page-id-3100 .tablecontents .content .column1 { background: #fff; box-shadow: 2px 0 5px rgb(0 0 0 / .07); }
  body.page-id-430 .tablecontents .content .contentlist:nth-child(even) .column1,
  body.page-id-3092 .tablecontents .content .contentlist:nth-child(even) .column1,
  body.page-id-3100 .tablecontents .content .contentlist:nth-child(even) .column1 { background: #edfbf4; }
  body.page-id-430 .incl-list, body.page-id-3092 .incl-list, body.page-id-3100 .incl-list { columns: 1 !important; }
}

/* ===== Vordlus konkurentidega mobiil (page-id-1223/3072/3077) — sticky label-veerg 2026-06-23 ===== */
@media only screen and (max-width: 768px) {
  body.page-id-1223 .tablecontents .middlebox,
  body.page-id-3072 .tablecontents .middlebox,
  body.page-id-3077 .tablecontents .middlebox { min-width: 500px !important; width: 500px !important; }
  body.page-id-1223 .tablecontents .column1,
  body.page-id-3072 .tablecontents .column1,
  body.page-id-3077 .tablecontents .column1 { position: sticky; left: 0; z-index: 3; width: 140px !important; }
  body.page-id-1223 .tablecontents .column2, body.page-id-1223 .tablecontents .column3, body.page-id-1223 .tablecontents .column4,
  body.page-id-3072 .tablecontents .column2, body.page-id-3072 .tablecontents .column3, body.page-id-3072 .tablecontents .column4,
  body.page-id-3077 .tablecontents .column2, body.page-id-3077 .tablecontents .column3, body.page-id-3077 .tablecontents .column4 { width: 120px !important; }
  body.page-id-1223 .tablecontents a[data-tip]::after, body.page-id-1223 .tablecontents a[data-tip]::before,
  body.page-id-1223 .tablecontents a[title]:hover::after, body.page-id-1223 .tablecontents a[title]:hover::before,
  body.page-id-3072 .tablecontents a[data-tip]::after, body.page-id-3072 .tablecontents a[data-tip]::before,
  body.page-id-3072 .tablecontents a[title]:hover::after, body.page-id-3072 .tablecontents a[title]:hover::before,
  body.page-id-3077 .tablecontents a[data-tip]::after, body.page-id-3077 .tablecontents a[data-tip]::before,
  body.page-id-3077 .tablecontents a[title]:hover::after, body.page-id-3077 .tablecontents a[title]:hover::before { display: none !important; }
  body.page-id-1223 .tablecontents .heading .column, body.page-id-3072 .tablecontents .heading .column, body.page-id-3077 .tablecontents .heading .column { font-size: 16px !important; line-height: 1.25 !important; }
  body.page-id-1223 .tablecontents .heading .column1,
  body.page-id-3072 .tablecontents .heading .column1,
  body.page-id-3077 .tablecontents .heading .column1 { background: var(--color-primary); }
  body.page-id-1223 .tablecontents .content .column1,
  body.page-id-3072 .tablecontents .content .column1,
  body.page-id-3077 .tablecontents .content .column1 { background: #fff; box-shadow: 2px 0 5px rgb(0 0 0 / .07); }
  body.page-id-1223 .tablecontents .content .contentlist:nth-child(even) .column1,
  body.page-id-3072 .tablecontents .content .contentlist:nth-child(even) .column1,
  body.page-id-3077 .tablecontents .content .contentlist:nth-child(even) .column1 { background: #edfbf4; }
}

/* ===== Võrdlus-lehed hero õhk mobiilis (2026-06-24, CiC QA #4) =====
   Probleem: hero padding-top=0 mobiilis → h1 header'i küljes; hero↔tabel liiga palju õhku. */
@media only screen and (max-width: 768px) {
  /* NB: #content-part > article:first-child{padding-top:0!important} (ID-spetsiifilisus 1,0,1)
     võidab klassi-selektorid → minu selektor PEAB sisaldama #content-part (→ 1,3,2). */
  body.page-id-430 #content-part > article.hero-bar.defaultpages, body.page-id-3092 #content-part > article.hero-bar.defaultpages, body.page-id-3100 #content-part > article.hero-bar.defaultpages,
  body.page-id-1223 #content-part > article.hero-bar.defaultpages, body.page-id-3072 #content-part > article.hero-bar.defaultpages, body.page-id-3077 #content-part > article.hero-bar.defaultpages {
    padding: 40px 0 24px !important; margin-bottom: 8px !important;
  }
  /* 430/3092/3100: text-bar on TÜHI (the_content peidetud) → eemalda 48px raiskav padding.
     1223/3072/3077 EI puutu — seal text-bar sisaldab eelis-kaarte. */
  body.page-id-430 .text-bar, body.page-id-3092 .text-bar, body.page-id-3100 .text-bar { padding-top: 0 !important; }
}

/* ===== Endorsal tagasiside-karusselli hüppe-fix (2026-07-06) =====
   Juurpõhjus: Endorsal-vidin (veebimajutus 301 "Klientide tagasiside") süstib sisu
   ~3s pärast esimest interaktsiooni (LiteSpeed delayed-JS) JA karussell vahetab eri
   kõrgusega slaide (mõõdetud: desktop 259–377px, mobiil 281–683px) → kogu allpool
   olev sisu hüppab iga ~6s. Slick adaptiveHeight EI puutunud asjasse (sel lehel
   Slicki pole). Fix: min-height = max slaidi kõrgus → konteiner ei muuda kõrgust.
   NB: #ndrsl-id peab olema UCSS whitelistis (QUIC.cloud strip'iks muidu). */
#ndrsl-64c6a7ec6f3cc2622cc21707 { min-height: 380px; display: flex; flex-direction: column; justify-content: center; }
@media only screen and (max-width: 768px) {
  /* mobiilis slaidid 281–683px → suurem reserv; flex-tsentreering jagab lühikese
     slaidi tühja ruumi sümmeetriliselt üla/alla (muidu ~400px "auk" slaidi all) */
  #ndrsl-64c6a7ec6f3cc2622cc21707 { min-height: 690px; }
}

/* Jaluse kaks linkveergu mobiilis ÜKSTEISE ALLA (paariline style.css .footer-cols reeglile,
   2026-07-06). Flex-rida ei mahu 390px sisse (ülevool mõlemast servast, QA-screenshot) →
   block taastab senise mobiili-välimuse: üks tsentreeritud vertikaalne loend. */
@media only screen and (max-width: 767px) {
	.footer-bar .right .footer-cols { display: block; }
	.footer-bar .right .footer-cols ul { text-align: center; }
}

/* ============================================================
   MOBIILI-VIIMISTLUS 2026-07-28 (Taneli punch-list)
   ============================================================ */

/* 1. Avaleht: "Alusta siit" roheline plokk äärest-ääreni (nagu hero must osa).
   Selektor PEAB olema "body .banner-bar .forms" (0,2,1) — mobiili-UX pakk (ülal)
   seab margin/width/padding sama selektoriga !important; madalam jääb alla.
   Lõksud, mis lihtsama variandi nurjasid: max-width:100% klambrib 100vw ära;
   float:right + width:auto = shrink-to-fit → width peab olema eksplitsiitne 100vw,
   full-bleed tuleb parema serva negatiivsest marginist (float on parem-ankurdatud).
   Padding kompenseerib container-inseti, et sisu jääks samasse kohta (35px servast). */
@media only screen and (max-width: 767px) {
	body .banner-bar .forms {
		width: 100vw !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: calc(50% - 50vw) !important;
		padding-left: calc(50vw - 50% + 20px) !important;
		padding-right: calc(50vw - 50% + 20px) !important;
	}
	/* Ring 4b (Taneli päris-iPhone, WebKit-repro dockeris): .forms % marginid
	   sõltuvad parenti laiusest, aga parent (float-veerg ILMA laiuseta, s-klassi
	   pole) võtab shrink-to-fit laiuse LASTE järgi → ringsõltuvus. Chrome lahendab
	   % → 0 (kast õige), WebKit itereerib veeru 360px-ni (320px viewportis!) →
	   margin-right +20 → vasak valge riba 35px. Eksplitsiitne laius murrab ringi;
	   WebKit-verify: x=0, w=100vw. */
	body .banner-bar .col.leftcontent {
		width: 100% !important;
	}
}

/* 2. Hero h1 oli headeri küljes (0px vahet) veebimajutuse/vps/e-posti/cpanel-lehel:
   üldine #content-part > article:first-child { padding-top: 0 !important } (ülal,
   ID-spetsiifilisus 1,1,1) nullib hero ülapaddingu lehtedel, mida 2026-06-24
   page-id-parandus ei katnud. Sama relv vastu: ID-selektor (1,2,2). Page-id
   reeglid (1,3,2) jäävad võitma → vordlustabeli-perekonna 40px säilib. */
@media only screen and (max-width: 991px) {
	body.page-template-packages-detail #content-part > article.hero-bar,
	body.page-template-packages-detail-vps #content-part > article.hero-bar,
	body #content-part > article.hero-bar.defaultpages {
		padding-top: 32px !important;
	}
}

/* 3. Packages-hero (veebimajutus/vps/e-post) alumine must tühjus: WPBakery
   vc_column-inner kannab 90px alumist paddingut → teaseri ja järgmise sektsiooni
   vahel ~150px tühja musta. Mobiilis maha (õhuks jäävad hero pb 24 + raw mb).
   NB 768px, mitte 767: 90px padding kehtib kuni 768 (kaasa arvatud) — 767 jätaks
   täpselt 768px-laiusele vaatele prao (Codex post-flight leid). */
@media only screen and (max-width: 768px) {
	body.page-template-packages-detail #content-part > article.hero-bar .vc_column-inner,
	body.page-template-packages-detail-vps #content-part > article.hero-bar .vc_column-inner {
		padding-bottom: 0 !important;
	}
}

/* 4. text-bar esilehed (teenused/kontakt/tingimused/rakendused; Tanel 28.07 õhtu):
   headeri ja sisu vahel oli ~98px valget = artikli 24 + esimese vc_row 24 +
   WPBakery vc_custom tekstiveeru 50 (inline-disain, teemas nähtamatu). Jätame
   artikli 24px, rea ja veeru paddingud nulli. "body"-prefiks tõstab olemasoleva
   24px-reegli (ülal, sama selektor ilma body-ta) üle. Ainult :first-child —
   keset lehte olevad text-bar'id jäävad puutumata. */
@media only screen and (max-width: 991px) {
	body #content-part > article.text-bar:first-child > .wpb-content-wrapper > .vc_row:first-child {
		padding-top: 0 !important;
	}
	body #content-part > article.text-bar:first-child > .wpb-content-wrapper > .vc_row:first-child .wpb_text_column:first-child {
		padding-top: 0 !important;
	}
}

/* 4b. Tume esiriba H1-ga (teenused/meist/tingimused + alamlehed/rakendused;
   Tanel 28.07 ring 3): punkt 4 nullis ka musta riba SISEMISE ülapaddingu →
   H1 kleepus riba tippu, samas WPBakery inline padding-bottom (235px, meist 35px)
   jättis alla paksu tühjuse. :has(h1) eristab tumedad ribad kontaktist (kontakti
   esireas h1 pole → jääb punkt 4 tihe). Ilma :has-toeta brauser jääb punkti 4
   olekusse (mitte halvem). NB need selektorid vajavad UCSS-whitelisti kirjet.
   235px reserv teenindas .servicesbox pulltop'i (-200px üles-tõmme, resp rida 363):
   reservi kärpides PEAB tõmbe nullima, muidu valged kaardid kaanevad riba teksti
   (mõõdetud simulatsioonis). Pull'ita lehtedel (meist/rakendused/tingimuste
   alamlehed) sibling-reegel lihtsalt ei match'i. */
@media only screen and (max-width: 991px) {
	body #content-part > article.text-bar:first-child > .wpb-content-wrapper > .vc_row:first-child:has(h1) {
		padding-top: 24px !important;
		padding-bottom: 12px !important; /* 0 jätaks meist-lehe teksti riba serva (gap 0) */
	}
	body #content-part > article.text-bar:first-child > .wpb-content-wrapper > .vc_row:first-child:has(h1) .wpb_text_column:first-child {
		padding-bottom: 0 !important;
	}
	body #content-part > article.text-bar:first-child > .wpb-content-wrapper > .vc_row:first-child:has(h1) ~ .servicesbox {
		margin-top: 0 !important;
	}
	/* Ring 3b (Tanel: "alumine õhk endine"): 24+24 padding + teksti 35px marginaal
	   andis pull-lehel (teenused) 94 → 83px = visuaalselt null muutust. Paddingud
	   nulli — riba alla jääb ainult viimase elemendi enda marginaal (~35px). */
	/* 4c (ring 4, Tanel: "menüü ja hero vaheline valge riba püsib"): kolm ringi
	   optimeerisid VALET sihti — artikli 24px VALGE padding jäi teadlikult alles,
	   aga Tanel tahab tumeda riba/kaardi FLUSH headerini (nagu avalehe hero).
	   Artikli ülapadding nulli KÕIGIL text-bar esilehtedel (ka kontakt: kaart
	   headerini); sisemine õhk H1-le tuleb 4b :has-reeglist (24px riba SEES). */
	body #content-part > article.text-bar:first-child {
		padding-top: 0 !important;
	}
}