html, body{
    font-size: 100%;
	background:	#fff;
	font-family: 'Titillium Web', sans-serif;
}
body a{
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
p{
	margin:0;
}
ul,label{
	margin:0;
	padding:0;
}
body a:hover{
	text-decoration:none;
}
/*-- Header Part Starts Here --*/
.header {
	padding: 1.8em 0;
	position: relative;
	text-align: center;
	background: #ffffff!important;
}
.logo {
	position: absolute;
	top: 0;
	z-index: 999;
}
.logo img{
	width:220px;
}
.navigation {
	float: right;
}
.navigation .menu:before{
	/*color:black;*/
	background: black
}
ul.navig{
	padding:0;
}
ul.navig li{
	display: inline-block;
	margin: 0 12px;
	position:relative;
}
ul.navig li a{
	font-size:1em;
	color:black;
	font-weight:600;
	text-decoration: none;
}
ul.navig li a:hover ,ul.navig li a.active{
	color: #97262A;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
ul.navig li a:hover ul.navig li a:after{
	display: block;
}
ul.navig li a:after{
	width:15px;
	height:15px;
	background:red;
	display: none;
	content:"";
	position:absolute;
	top:0;

}
.head_grid{
	text-align:center;
	width: 26.3%;
}
.head_grid_center{
	margin: 0 7em;
}
.grid_ba{
	width:100%;
	background:#dfdfdf;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	text-align:center;
	padding: 5em 1em;
	margin:0 auto;
}
.grid_ba p{
	margin:1em 0 0 0;
	font-size:1em;
	font-weight:600;
	color: #4c4a5a;
}
.stars {
	margin: 7em 0 2em 0;
	text-align: center;
	position: relative;
}
.stars:before {
	content: "";
	background: rgba(88, 86, 104, 0.33);
	height: 1px;
	width: 35%;
	position: absolute;
	top: 59%;
	left: 9%;
}
.stars:after {
	content: "";
	background: rgba(88, 86, 104, 0.33);
	height: 1px;
	width: 35%;
	position: absolute;
	top: 59%;
	right: 9%;
}
@media (max-width: 768px){
span.menu:before {
	content: url(../images/nav-icon.png);
	cursor: pointer;
	height:32px;
}
ul.navig {
	width: 11%;
	float: right;
	margin:0;
}
ul.navig{
	display:none;
}
ul.navig li {
	font-size: 12px;
	display:inline-block;
	width: 100%;
	margin:0;
}
ul.navig li a {
	padding: 7px;
	font-size: 14px;
	width: 100%;
	font-weight:600;
	display:block;
	color: #fff;
}
ul.navig li a:hover{
	color:#97262A;
}
span.menu{
	display:block;
	float:right;
	margin: 1px 0px 0 0;
}
ul.navig {
	margin: 0;
	z-index: 2222;
	position: absolute;
	width: 96%;
	text-align: center;
	top: 100%;
	left: 2%;
	padding: 10px 0px;
	background: #2A2017;
}
.navigation {
	height: 20px;
	padding: 0px 0px 0em;
	margin-bottom: 0em;
}
ul.navig li:nth-of-type(4) {
	margin: 0 0px 0 0em;
}
ul.navig li:nth-of-type(3) {
	margin: 0 0em 0 0px;
}
.logo {
	left: 33.5%;
}
}
/*--Header-Part-Ends-Here --*/
/*--banner-starts--*/
.banner{
	background:url(../images/111.jpg) no-repeat center;
	min-height:700px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}
.banner-top {
	  width: 75%;
  margin: 32% auto 0;
}
.bnr-one img {
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-o-border-radius: 100px;
	-ms-border-radius: 100px;
	width: 55% !important;
	margin: 0 auto;
}
.flex-direction-nav {
  display: none !important;
}
.bnr-one {
	background: rgba(252, 252, 252, 0.32);
	text-align: center;
	padding:1em 0;

	width: 94%;
	margin: 0 auto;
}
.bnr-one h3 {
	color: #fff;
	font-size: 1.25em;
	font-weight: 600;
	margin: 11px auto 11px;
	text-transform: uppercase;
	width: 50%;
	line-height: 1.2em;
}
.bnr-one a {
	  color: #FFFFFF;
  font-weight: 400;
  font-size: 12px;
  padding: 4px 7px;
  background: #97262A;
}
.bnr-one a:hover{
	background:#fff;
	color:#97262A;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
/*------------------ Slider Part starts Here----------*/
.callbacks_container {
	position: relative;
	float: left;
	width: 100%;
}
.callbacks li {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
.callbacks_nav {
  	position: absolute;
  	-webkit-tap-highlight-color: rgba(0,0,0,0);
  	top: 82%;
	left: 14%;
  	opacity: 0.7;
  	z-index: 3;
  	text-indent: -9999px;
  	overflow: hidden;
  	text-decoration: none;
  	height: 30px;
  	width: 30px;
  	background: transparent url("http://www.xrvppf.com/Public/images/arrows.png") no-repeat left top;
	display:none;
}
.callbacks_nav:active {
  	opacity: 1.0;
}
.callbacks_nav.next {
  	left: auto;
  	background-position: right top;
  	right: 82.2%;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides img {
  height: auto;
}
.callbacks_tabs {
  list-style: none;
  position: absolute;
  top: 4%;
  z-index: 999;
  left: 0%;
  width: 100%;
  text-align: right;
  margin: 0;
  display: block;
}
.callbacks_tabs li{
	display:inline-block;
}
@media screen and (max-width: 600px) {
  .callbacks_nav {
    top: 47%;
    }
}
/*----*/
.callbacks_tabs a{
 visibility: hidden;
}
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	height: 12px;
	width: 12px;
	display: inline-block;
	border:none;
	background:#2a2017;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
}
.callbacks_here a:after{
	background:#97262A;
}
ul.callbacks_tabs.callbacks2_tabs {
	display: block;
}
/*--Slider-Part-Ends-Here--*/
/*--banner-Part-Ends-Here --*/
/*--welcome-Part-starts-Here --*/
.welcome{
	padding:6em 0px;
}
.welcome-top{
	text-align:center;
}
.welcome-top h1{
	font-size:2.7em;
	font-weight:700;
	color:#464646;
}
.welcome-top p {
	font-size: 15px;
	margin: 1% auto 0;
	width: 75%;
	line-height:1.6em;
	color: #999;
}
.welcome-bottom{
	margin-top:3%;
}
.welcome-left h3{
	font-size:1.8em;
	font-weight:400;
	color:#97262A;
	margin: 0;
}
.welcome-left p{
	font-size: 15px;
	margin-top: 1.6%;
	line-height:1.6em;
	color: #999;
}
.welcome-left img{
	width:100%;
}
.welcome-one{
	margin-top:4%;
}
.col-md-6.welcome-one-left {
  padding: 0;
}
.welcome-left a.one-top {
  margin-top: 17px ;
    display: block;
}
/*--welcome-Part-Ends-Here --*/
/*--offer-Part-starts-Here --*/
.offer{
	padding:0em 0px 6em 0px;
}
.heading h3, .heading h2, .heading h1 {
	font-size: 2.7em;
	font-weight: 700;
	color: #464646;
	margin: 0;
}
.offer-top{
	text-align:center;
}
.offer-bottom{
	margin-top:3%;
}
.offer-left img{
	width:100%;
}
.offer-left h4 {
	font-size: 1.5em;
	font-weight: 400;
	margin: 15px 0 0 0;
}
.offer-left h4 a{

	color: #97262A;
	text-decoration:none;
}
.offer-left{
	text-align:center;
	position:relative;
}
.offer-left p{
	font-size: 15px;
	margin-top: 2.5%;
	line-height: 1.6em;
	color: #999;
}
.o-btn{
	margin-top:6%;
}
.o-btn a{
	color: #fff;
	font-weight: 400;
	font-size: 12px;
	padding: 4px 7px;
	background: #97262A;
}
.o-btn a:hover {
	background: #2a2017;
	color: #fff;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
.offer-left h6 {
	color: #fff;
	font-weight: 400;
	font-size: 18px;
	background: url(../images/prc.png) no-repeat;
	position: absolute;
	top: 0;
	left: 15px;
	padding: 3px 30px 7px 20px;
}
/*--offer-Part-end-Here--*/
/*--nature-Part-start-Here--*/
.nature{
	background:url(../images/nature.jpg) no-repeat;
	min-height:400px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}
.nature-top {
	width: 32%;
	float: right;
	background: rgba(92, 17, 20, 0.89);
	text-align: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	padding: 8% 21px;
	margin-top: 1.6%;
}
.nature-top h3{
	color:#fff;
	font-size:2.1em;
	font-weight:400;
}
.nature-top p{
	font-size: 15px;
	margin-top: 2.5%;
	line-height: 1.6em;
	color: #fff;
}
/*--nature-Part-end-Here--*/
/*--field-Part-start-Here--*/
.fields{
	padding:6em 0px;
}
.fields-left{
	text-align:center;
}
.fields-left span{
	background:url(../images/f-1.png) no-repeat;
	width:80px;
	height:80px;
	display:block;
	margin:0 auto;
}
.fields-left span.home{
	background-position:0px 0px;
}
.fields-left span.men{
	background-position:-80px 0px;
}
.fields-left span.pen{
	background-position:-160px 0px;
}
.fields-left h4 {
	font-size: 1.5em;
	font-weight: 400;
	color: #97262A;
	margin: 15px 0 0 0;
}
.fields-left p{
	font-size: 15px;
	margin-top: 1.6%;
	line-height: 1.6em;
	color: #999;
}
/*--field-Part-end-Here--*/
/*--footer-Part-start-Here--*/
.footer{
	padding:4em 0px;
	background:#2a2017;
}
.footer-left p{
	color:#fff;
	font-size:15px;
	font-weight:400;
	line-height: 1.6em;
}
.footer-left p  a{
	color:#fff;
}
.footer-left p  a:hover{
	color: #97262A;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.footer-left h3 {
	color: #fff;
	font-size: 1.8em;
	font-weight: 700;
	  margin: 0 0 5% 0;
}
.footer-left ul {
	padding: 0;
}
.footer-left ul li{
	list-style:none;
	display:inline-block;
	margin-right:10px;
}
.footer-left ul li a span{
	background:url(../images/social-icons.png) no-repeat;
	width:30px;
	height:30px;
	display:block;
}
.footer-left ul li a span:hover{
	transform: rotatey(360deg);
	-webkit-transform: rotatey(360deg);
	-moz-transform: rotatey(360deg);
	-o-transform: rotatey(360deg);
	-ms-transform: rotatey(360deg);
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
.footer-left ul li a span.fb{
	background-position:0px 0px;
}
.footer-left ul li a span.twit{
	background-position:-30px 0px;
}
.footer-left ul li a span.google{
	background-position:-60px 0px;
}
.footer-left ul li a span.pin{
	background-position:-90px 0px;
}
.footer-left p span{
	display:block;
}
/*--footer-Part-Ends-Here --*/
/*--contact-Part-starts-Here --*/
.contact{
	padding:6em 0px;
}
.contact-right iframe{
	border:none;
	width:100%;
	height:350px;
}
.contact-left p{
	font-size: 15px;
	margin-top: 1.6%;
	line-height: 1.6em;
	color: #999;
}
.contact-right input[type="text"]:nth-child(1){
	margin-right:11px;
}
.contact-right input[type="text"] {
  width: 49%;
  margin: 0px;
  color: #BCBCBC;
  background: none;
  padding: 15px 10px;
  outline: none;
  border: 1px solid #BCBCBC;
  font-family: 'Lato', sans-serif;
}
.contact-right textarea {
  width: 100%;
  color: #BCBCBC;
  resize: none;
  background: none;
  height: 12.7em;
  padding: 15px;
  outline: none;
  border: 1px solid #BCBCBC;
  margin-top: 1.4%;
  font-family: 'Lato', sans-serif;
}
.submit-btn input[type=submit] {
  color: #ffffff;
  padding: 10px 50px;
  font-size: 20px;
  cursor: pointer;
  font-weight: 500;
  margin: 20px 0 0 0px;
  border: none;
  background: #97262A;
  font-family: 'Lato', sans-serif;
  outline: none;
}
.submit-btn input[type=submit]:hover {
  background: #2a2017;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.contact-bottom{
	margin-top:5%;
}
/*--contact-Part-Ends-Here --*/
/*--gallery-Part-Ends-Here --*/
.gallery{
	padding:6em 0px;
}
.gallery-top{
	text-align:center;
}
.gallery-bottom{
	margin-top:5%;
}
.gallery-left img{
	width:100%;
}
.gallery-left{
	position: relative;
}
.gallery-1{
	margin-top:25px;
}
.gallery-1:nth-child(1){
	margin-top:0;
}
/*--gallery-Part-Ends-Here --*/
/*--about-Part-starts-Here --*/
.about{
	padding:6em 0px;
}
.about-top h4 {
	font-size: 1.5em;
	font-weight: 400;
	color: #97262A;
	margin: 18px 0 0 0;
}
.about-top p{
	font-size: 15px;
	margin-top: 1%;
	line-height: 1.6em;
	color: #999;
}
.about-bottom{
	margin-top:2%;
}
.about-left img{
	width:100%;
}
.about-left h5 {
	font-size: 1.25em;
	font-weight: 400;
	margin: 18px 0 6px 0;
}
.about-left h5 a{

	color: #97262A;
	text-decoration:none;
}
.advn-one {
	margin-top: 7%;
}
.ad-mian {
	margin-top: 3%;
}
.ad-left {
	width: 10%;
	float: left;
}
.ad-left p {
	color: #fff;
	background: #97262A;
	padding: 13px 0px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	text-align: center;
	font-size: 20px;
}
.ad-right {
	width: 84%;
	float: right;
}
.ad-right h4, .advn-two h4 {
	color: #97262A;
	font-size: 1.2em;
	font-weight: 400;
	margin: 0;
	line-height: 1.4em;
}
.ad-right h4 a{
	text-decoration:none;
		color: #97262A;
}
.ad-right p {
	color: #999;
	font-size: 15px;
	line-height: 1.6em;
	margin-top: 8px;
}
.advn-two ul {
	padding: 0;
	margin-top: 3%;
}
.advn-two ul li {
	list-style-image: url(../images/marker.png);
	margin: 0px 0px 12px 18px;
	vertical-align: top;
}
.advn-two p{
	color: #999;
	font-size: 15px;
	line-height: 1.6em;
	margin-top: 8px;
}
.advn-two {
	margin-top: 7%;
}
.advn-two ul li a {
	color: #999;
	font-size: 15px;
	font-weight: 400;
}
.advn-two ul li a:hover{
	color:#97262A;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
.team{
	padding:6em 0px;
}
.team-bottom{
	margin-top:4%;
}
.team-top{
	text-align:center;
}
/*--about-Part-Ends-Here --*/
/*--blog-starts--*/
.blog {
  padding: 6em 0;
}
span.glyphicon {
  color: #97262a;
}
.pager li > a, .pager li > span {
  border-radius: 15px;
  color: #353a3d;
}
.blog-main p {
	color: #999;
	font-size: 15px;
	margin-top: 5px;
}
.blog-head{
	text-align:center;
}
.blog-top {
  margin-top: 3%;
}
.blog-main p a{
	color:#97262a;
}
.blog-main p a:hover{
	text-decoration:underline;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	color:#999;
}
a.bg {
	color: #97262a;
	font-size: 1.5em;
	font-weight: 400;
	text-decoration: none;
}
.blog-one{
	margin-top:2em;
}
.blog-one img{
	width:100%;
}
.col-md-5.blog-one-left {
  	padding-left: 0;
}
.blog-comments {
  margin-top: 2.5em;
  border-top: 1px solid rgba(153, 153, 153, 0.2);
  padding: 1.3em 0px;
}
.blog-comments ul {
  padding: 0;
}
.b-btn {
	margin-top: 26px;
}
.blog-comments ul li{
	list-style:none;
	display:inline-block;
	margin-right:15px;
}
.b-btn a{
	color: #fff;
	padding: 5px 15px;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	outline: none;
	font-size: 13px;
	background: #97262a;
}
.b-btn a:hover{
	background:#2a2017;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
.blog-main-one {
	border-bottom: 1px solid rgba(153, 153, 153, 0.2);
}
.blog-right h3,.blog-right h2{
	color: #97262a;
	font-size: 1.5em;
	font-weight: 400;
}
.blog-right ul{
	padding:0;
	margin-top:1.5em;
}
.blog-right ul li{
	list-style:none;
	margin-bottom:8px;
}
.blog-right ul li a {
	color: #999;
	font-size: 15px;
}
.blog-right ul li a:hover{
	color:	#97262a;
	margin-left: 10px;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
.posts{
	margin-top:2em;
}
.categories:nth-child(1){
	margin-top:0;
}
.categories{
	margin-top:2em;
}
p.sngl {
	margin-top: 1.5em;
}
.blog-one p {
	color: #999;
	font-size: 15px;
	line-height: 1.6em;
	margin-top: 1em;
}
.blog-one-left p{
	margin-top:0;
}
.pagination {
	margin: 4% 0 0 0;
}
.blog-comments ul li a, .blog-comments ul li p {
	color: #999;
	font-size: 15px;
	font-weight: 600;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}
.blog-comments ul li a:hover{
	color:	#97262a;
	text-decoration: none;
  	transition: 0.5s all;
  	-webkit-transition: 0.5s all;
  	-moz-transition: 0.5s all;
  	-o-transition: 0.5s all;
  	-ms-transition: 0.5s all;
}
.related{
	margin-top:3em;
}
.contact-form {
	margin-top: 1.7em;
}
.related-left{
	text-align:center;
}
.related-left h4 {
	color: #97262a;
	font-size: 1.35em;
	font-weight: 400;
	margin: 13px 0 0 0;
}
.contact-form form input[type="text"]{
	padding: 10px 15px;
	width: 100%;
	color: #333;
	font-size: 1em;
	border: 1px solid #E3E3E3;
	outline: none;
	display: block;
	margin: 10px 0;
}
 .contact-form form textarea {
  padding: 10px 15px;
  width: 100%;
  color: #333;
  font-size: 1em;
  border: 1px solid #E3E3E3;
  outline: none;
  display: block;
  margin: 10px 0;
}
.contact-form form textarea {
  height: 200px;
  resize: none;
}
.contact-form form input[type="submit"]:hover{
	background: #2a2017;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
.contact-form form input[type="submit"] {
	color: #fff;
	background: #97262a;
	padding: 0.7em 1.7em;
	font-size: 1em;
	margin-top: 1em;
	border: none;
	outline: none;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
}
.media-heading {
	margin-top: 0;
	margin-bottom: 5px;
}
.media-heading a,.media-heading{
	color:#97262a;
}
.media-body p {
	font-size: 15px;
	margin-top: 10px;
	line-height: 1.6em;
	color: #999;
}
.comments-bottom {
	margin-top: 3%;
}
.media {
	margin-top: 24px;
}
.comments {
	margin-top: 5%;
}
.related-bottom {
	margin-top: 3%;
}
.related-left img {
	width: 100%;
}
.reply{
	margin-top: 5%;
}
ul.pager {
	margin: 0;
}
/*--blog-end--*/
/*--pages-start--*/
.pages {
	padding: 7em 0px;
}
h3.ghj {
	color: #000;
	font-size: 2em !important;
	margin: 0 0 1em;
}
.headdings, .Buttons, .progress-bars, .alerts, .bread-crumbs, .pagenatin, .appearance, .distracted {
	padding: 2em 0;
}
.breadcrumb {
	margin-bottom: 3em !important;
}
.table {
	margin-bottom: 0;
}
.b4,.b5,.b6 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.bs-example h1, .bs-example hh2, .bs-example h3, .bs-example h4, .bs-example h5, .bs-example h6 {
  margin: 0 0 10px;
}
/*--pages-end--*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  width: 40px;
  height: 44px;
  border: none;
  text-indent: 100%;
  background: url(../images/top-arrow.png) no-repeat;
}
/*--media-quaries-starts-here--*/
@media (max-width:1366px){
.banner {
	min-height: 660px;
}
.gallery {
	padding: 5em 0px;
}
.welcome {
	padding: 5em 0px;
}
.offer {
	padding: 0em 0px 5em 0px;
}
.fields {
	padding: 5em 0px;
}
.contact, .about, .team, .blog{
	padding: 5em 0px;
}
.pages {
	padding: 6em 0px;
}
}
@media (max-width:1280px){
.banner {
	min-height: 600px;
}
.pages {
	padding: 5em 0px;
}
.comments {
  margin-top: 4%;
}
.related {
  margin-top: 4%;
}
.related-bottom {
  margin-top: 2%;
}
.contact-bottom {
	margin-top: 4%;
}
.blog-comments {
	padding: 1.1em 0px;
	margin-top: 2em;
}
.blog-top {
	margin-top: 2%;
}
.gallery-bottom {
	margin-top: 4%;
}
.advn-one,.advn-two {
	margin-top: 5.5%;
}
.team-bottom {
	margin-top: 2%;
}
.banner-top {
	margin: 23% auto 0;
}
.welcome-bottom {
	margin-top: 2%;
}
.offer-bottom {
	margin-top: 2%;
}
.nature-top h3 {
	font-size: 2em;
}
.nature-top {
	width: 33%;
	padding: 7.8% 21px;
	margin-top: 1.15%;
}
.reply {
  margin-top: 4%;
}
}
@media (max-width:1024px){
.bnr-one h3 {
	font-size: 1.15em;
	margin: 11px auto 11px;
	width: 50%;
}
.pages {
	padding: 4em 0px;
}
.related-left h4 {
  font-size: 1.25em;
  margin: 10px 0 0 0;
}
.contact, .about, .team, .blog {
	padding: 4em 0px;
}
.contact-right iframe {
	height: 320px;
}
.submit-btn input[type=submit] {
	padding: 9px 47px;
	font-size: 18px;
}
.gallery {
	padding: 4em 0px;
}
.gallery-bottom {
	margin-top: 3%;
}
#filters li span {
  font-size: 14px;
}
.header {
	padding: 1.5em 0;
}
.logo a img {
	width: 80%;
}
.bnr-one img {
	width: 45%;
}
.bnr-one {
	width: 83%;
}
.banner {
	min-height: 530px;
}
.welcome-top h1 {
	font-size: 2.5em;
}
.welcome {
	padding: 4em 0px;
}
.welcome-top p {
	margin: 5px auto 0;
	width: 90%;
}
.welcome-left h3 {
	font-size: 1.55em;
}
.heading h3,.heading h2,.heading h1{
	font-size: 2.5em;
}
.nature-top h3 {
	font-size: 1.75em;
}
.offer-left h4 {
	font-size: 1.3em;
}
.nature-top {
	width: 33.5%;
	margin-top: 2.3%;
	padding: 7% 21px;
}
.nature {
	min-height: 360px;
}
.fields-left h4 {
	font-size: 1.3em;
}
.fields {
	padding: 4em 0px;
}
.footer {
	padding: 3.5em 0px;
}
.welcome-left  a.one-top {
	margin-top: 24px;
}
.offer {
	padding: 0em 0px 4em 0px;
}
.contact-right input[type="text"]:nth-child(1) {
	margin-right: 8px;
}
.about-top h4 {
  font-size: 1.35em;
  margin-top: 9px;
}
.ad-left p {
  padding: 8px 0px;
}
.ch-grid li {
  margin: 0 20px !important;
}
.team-bottom {
	margin-top: 3%;
}
.col-md-7.blog-one-left {
	padding: 0;
}
.blog-one {
	margin-top: 1.2em;
}
a.bg {
	font-size: 1.3em;
}
.blog-right h3,.blog-right h2{
	font-size: 1.3em;
}
.blog-right ul {
	margin-top: 1em;
}
.blog-one p {
	font-size: 14px;
}
.b-btn a {
	padding: 4px 9px;
	font-size: 12px;
}
.b-btn {
	margin-top: 10px;
}
.blog-right ul li a {
	font-size: 14px;
}
.blog-comments ul li a, .blog-comments ul li p {
	font-size: 14px;
	margin-left: 7px;
}
.blog-comments {
	padding: 1em 0px;
}
.blog-main p {
	font-size: 14px;
	margin-top: 2px;
}
.related-left {
  padding: 0 7px;
}
}
@media (max-width:768px){
.banner-left {
width:50%;
	float: left;
}
.pages {
	padding: 3em 0px;
}
.related-left {
  width: 25%;
  float: left;
}
.contact-form {
  margin-top: 1.2em;
}
.contact-form form input[type="submit"] {
  padding: 10px 22px;
  font-size: 13px;
  margin-top: 6px;
}
.contact-form form input[type="text"] {
  padding: 8px 15px;
  font-size: 14px;
}
.contact-form form textarea {
  height: 155px;
  font-size: 14px;
}
.related-left h4 {
  font-size: 1.1em;
}
.media-body p {
  font-size: 14px;
  margin-top: 4px;
}
.col-md-5.blog-one-left {
	width: 43%;
	float: left;
}
.col-md-7.blog-one-left {
	width: 57%;
	float: right;
}
.b-btn {
	margin-top: 19px;
}
.blog-comments {
	padding: 10px 0px;
	margin-top: 1.2em;
}
a.bg {
	font-size: 1.2em;
}
.blog-right h3,.blog-right h2{
	font-size: 1.2em;
}
.col-md-3.blog-right {
	margin-top: 25px;
}
.blog-right ul {
  margin-top: 10px;
}
.blog-right ul li {
  margin-bottom: 5px;
}
.categories {
  margin-top: 1.3em;
}
.pager li > a, .pager li > span {
  padding: 4px 21px;
  font-size: 14px;
}
.ch-grid li {
  margin: 0 8px !important;
}
.pagination {
  margin: 3% 0 0 0;
}
.about-left {
	width: 33.3%;
	float: left;
}
.ad-left {
	width: 8.7%;
}
.ad-left p {
	padding: 15px 0px;
}
.advn-one, .advn-two {
	margin-top: 3.5%;
}
.advantages-left:nth-child(2){
	margin-top: 3.5%;
}
.ad-right {
  width: 87%;
}
.about-top h4 {
	font-size: 1.2em;
}
.contact-top,.contact-bottom{
	text-align: center;
}
.contact-left p {
	margin-top: 1%;
}
.contact-right {
	margin-top: 13px;
}
.contact-right iframe {
	height: 250px;
}
.contact-right input[type="text"] {
	padding: 12px 10px;
	font-size: 13px;
}
.bnr-one h3 {
	font-size: 1em;
	margin: 10px auto 5px;
}
.contact-right textarea {
	height: 11.7em;
	font-size: 13px;
	padding: 11px;
}
.bnr-one a {
	font-size: 11px;
	padding: 3px 6px;
}
.submit-btn input[type=submit] {
	padding: 9px 40px;
	font-size: 16px;
	margin: 10px 0 0 0px;
}
.contact, .about, .team, .blog{
	padding: 3em 0px;
}
.bnr-one img {
	width: 40%;
}
.bnr-one {
	width: 92%;
}
.banner {
	min-height: 410px;
}
.logo {
	left: 0%;
}
.callbacks_tabs a:after {
	height: 11px;
	width: 11px;
}
.welcome-top h1 {
	font-size: 2.1em;
}
.welcome-one-left {
	width: 50%;
	float: left;
}
.welcome-one-right {
	width: 50%;
	float: right;
}
.welcome-left h3 {
	font-size: 1.45em;
}
.welcome-left p {
	font-size: 14px;
	margin-top: 1.1%;
}
.welcome-top p {
	width: 97%;
	font-size: 14px;
}
.welcome-left  a.one-top {
	margin-top: 9px;
}
.welcome-left:nth-child(2){
	margin-top:3%;
}
.welcome-one {
	margin-top: 2%;
}
.offer-left {
	width: 25%;
	float: left;
	padding: 0 5px;
}
.offer-left h4 {
	font-size: 1.2em;
}
.offer-left p {
	font-size: 14px;
}
.o-btn a {
	font-size: 11px;
	padding: 3px 6px;
}
.o-btn {
	margin-top: 4%;
}
.heading h3,.heading h2,.heading h1{
	font-size: 2.1em;
}
.welcome {
	padding: 3em 0px;
}
.offer {
	padding: 0em 0px 3em 0px;
}
.nature-top h3 {
	font-size: 1.3em;
}
.nature-top p {
	font-size: 14px;
	margin-top: 2.3%;
}
.nature-top {
	width: 36%;
	margin-top: 3%;
	padding: 5.7% 21px;
}
.nature {
	min-height: 310px;
}
.fields {
	padding: 3em 0px;
}
.fields-left {
	width: 33.3%;
	float: left;
}
.fields-left h4 {
	font-size: 1.2em;
}
.fields-left p {
	font-size: 14px;
	margin-top: 1.5%;
}
.fields-left span {
	width: 65px;
	height: 65px;
	background-size: 300%;
}
.fields-left span.men {
	background-position: -65px 0px;
}
.fields-left span.pen {
	background-position: -130px 0px;
}
.footer-left {
	width: 33.3%;
	float: left;
}
.footer-left h3 {
	font-size: 1.6em;
}
.footer {
	padding: 3em 0px;
}
.offer-left h6 {
	font-size: 15px;
	left: 5px;
	padding: 3px 30px 7px 15px;
	background-size: 92%;
}
.about-top p {
	font-size: 14px;
}
.ad-right p {
  font-size: 14px;
  margin-top: 2px;
}
.advn-two p {
  font-size: 14px;
  margin-top: 4px;
}
.advn-two ul li a {
  font-size: 14px;
}
.advn-two ul {
	margin-top: 1.5%;
}
.gallery-left {
	width: 25%;
	float: left;
	padding: 0 5px;
}
.col-md-6:nth-child(3){
	margin-top: 4%;
}
}
@media (max-width:640px){
.logo a img {
	width: 70%;
}
.label {
	font-size: 59%;
}
.breadcrumb {
	margin-bottom: 2em !important;
}
.headdings, .Buttons, .progress-bars, .alerts, .bread-crumbs, .pagenatin, .appearance, .distracted {
	padding: 1em 0;
}
h3.ghj {
	font-size: 1.7em !important;
	margin: 0 0 12px;
}
.gallery-bottom {
  margin-top: 4%;
}
.related-left h4 {
  font-size: 1em;
}
a.bg {
  font-size: 1.1em;
}
.blog-main p {
  font-size: 13px;
}
.blog-one p {
  font-size: 13px;
}
.blog-comments ul li a, .blog-comments ul li p {
	font-size: 13px;
	margin-left: 5px;
}
.b-btn a {
	padding: 2px 6px;
	font-size: 11px;
}
.blog-one p {
	font-size: 12px;
}
.b-btn {
	margin-top: 4px;
}
.col-md-5.blog-one-left {
  width: 47%;
}
.col-md-7.blog-one-left {
  width: 53%;
}
span.glyphicon {
  font-size: 15px;
}
.ch-grid li {
  width: 215px !important;
  height: 215px !important;
  margin: 10px 40px 10px 41px !important;
}
.about-top h4 {
	font-size: 1.1em;
}
.about-left h5 {
  font-size: 1.1em;
}
.about-left {
  padding: 0 5px;
}
.ad-left p {
  padding: 10px 0px;
}
.ad-right h4, .advn-two h4 {
  font-size: 1.17em;
}
.bnr-one h3 {
	font-size: 13px;
	margin: 7px auto 1px;
}
.bnr-one a {
	font-size: 10px;
	padding: 2px 4px;
}
.about-left h5 {
	font-size: 1.17em;
	margin: 10px 0 3px 0;
}
.gallery-bottom {
	margin-top: 6%;
}
.gallery {
	padding: 6em 0px;
}
.bnr-one {
	padding: 13px 0;
}
.banner {
	min-height: 340px;
}
.banner-top {
	margin: 23% auto 0;
	width: 95%;
}
.welcome-top h1 {
	font-size: 1.8em;
}
.welcome {
	padding: 2em 0px;
}
.welcome-left h3 {
	font-size: 1.3em;
}
.welcome-left  a.one-top {
	margin-top: 16px;
}
.heading h3,.heading h2,.heading h1 {
	font-size: 1.8em;
}
.offer {
	padding: 0em 0px 2em 0px;
}
.welcome-left:nth-child(2) {
	margin-top: 2.2%;
}
.offer-left h6 {
	font-size: 12px;
	padding: 2px 32px 10px 15px;
	background-size: 83%;
}
.offer-left {
	width: 50%;
	padding: 0 15px;
}
.offer-left h6 {
	font-size: 13px;
	padding: 4px 35px 10px 15px;
	background-size: 100%;
	left: 15px;
}
.offer-left h4 {
	margin-top: 10px;
}
.offer-left:nth-child(1),.offer-left:nth-child(2){
	margin-bottom:4%;
}
.nature-top h3 {
	font-size: 1.25em;
}
.nature-top {
	width: 43%;
	padding: 6% 21px;
	margin-top: 2.5%;
}
.nature {
	min-height: 285px;
}
.fields-left {
	padding: 0 5px;
}
.fields {
	padding: 2em 0px;
}
.fields-left h4 {
	margin-top: 10px;
}
.footer-left ul li {
	margin-right: 7px;
}
.footer-left h3 {
	font-size: 1.45em;
}
.footer-left p {
	font-size: 14px;
}
.footer-left ul li a span {
	width: 25px;
	height: 25px;
	background-size: 400%;
}
.footer-left ul li a span.twit {
	background-position: -25px 0px;
}
.footer-left ul li a span.google {
	background-position: -50px 0px;
}
.footer-left ul li a span.pin {
	background-position: -75px 0px;
}
.footer {
	padding: 2.5em 0px;
}
.fields-left span {
	width: 60px;
	height: 60px;
}
.fields-left span.men {
	background-position: -60px 0px;
}
.fields-left span.pen {
	background-position: -120px 0px;
}
.contact-left p {
	font-size: 14px;
	margin-top: 3px;
}
.contact-right iframe {
	height: 220px;
}
.contact-right input[type="text"]:nth-child(1) {
	margin-right: 7px;
}
}
@media (max-width:480px){
.footer-left {
	width: 100%;
	float: none;
	text-align: center;
}
h1, .h1 {
	font-size: 30px !important;
}
.label {
  font-size: 51%;
}
.gallery-1 {
  margin-top: 15px;
}
.gallery-left {
  width: 50%;
  padding: 0 8px;
}
.gallery-left:nth-child(1),.gallery-left:nth-child(2){
	margin-bottom:15px;
}
.gallery {
  padding: 2em 0px;
}
.gallery-bottom {
  margin-top: 3%;
}
.media-body p {
  font-size: 13px;
  margin-top: 1px;
}
.related-left {
  width: 50%;
}
.related-left:nth-child(1),.related-left:nth-child(2){
	margin-bottom:10px;
}
.related-bottom {
  margin-top: 3%;
}
.media {
  margin-top: 10px;
}
.contact-form form input[type="text"] {
  padding: 6px 15px;
  font-size: 13px;
  margin: 8px 0;
}
.contact-form form textarea {
  height: 140px;
  font-size: 13px;
}
.contact-form form input[type="submit"] {
  padding: 5px 18px;
  margin-top: 1px;
}
.media-heading a, .media-heading {
  font-size: 16px;
}
.about-top h4 {
	font-size: 1em;
	margin-top: 5px;
	line-height: 1.3em;
}
.about-top p {
	font-size: 13px;
	margin-top: 1px;
}
.about-left h5 {
	font-size: 1em;
}
.ad-left p {
	padding: 7px 0px;
	font-size: 16px;
}
.ad-right h4, .advn-two h4 {
	font-size: 1.1em;
}
.ad-right p {
	font-size: 13px;
}
.advn-two p {
	font-size: 13px;
	margin-top: 2px;
}
.advn-two ul li a {
	font-size: 13px;
}
.advn-two ul li {
	margin: 0px 0px 9px 18px;
}
.ch-info h3 {
	padding: 65px 0 0 0 !important;
	height: 108px !important;
}
.contact, .about, .team, .blog {
	padding: 2em 0px;
}
.contact-right iframe {
	height: 180px;
}
.contact-right input[type="text"]:nth-child(1) {
	margin-right: 4px;
}
.contact-right input[type="text"] {
	padding: 9px 10px;
}
.contact-right textarea {
	height: 10em;
}
.submit-btn input[type=submit] {
	padding: 8px 30px;
	font-size: 14px;
	margin: 7px 0 0 0px;
}
.footer-left:nth-child(1),.footer-left:nth-child(2){
	margin-bottom:15px;
}
.footer-left h3 {
	font-size: 1.3em;
	margin-bottom: 3%;
}
.footer {
	padding: 2em 0px;
}
.fields-left {
	width: 100%;
	float: none;
}
.fields-left:nth-child(1),.fields-left:nth-child(2){
	margin-bottom:15px;
}
.fields-left h4 {
	font-size: 1.07em;
	margin-top: 7px;
}
.fields-left p {
	font-size: 13px;
	margin-top: 3px;
}
.fields-left span {
	width: 50px;
	height: 50px;
}
.fields-left span.men {
	background-position: -50px 0px;
}
.fields-left span.pen {
	background-position: -100px 0px;
}
.logo a img {
	width: 50%;
}
.header {
	padding: 15px 0;
}
span.menu {
	margin: 0px 0px 0 0;
}
.bnr-one h3 {
	font-size: 12px;
	margin: 6px auto 0px;
	width: 71%;
}
.bnr-one a {
	font-size: 9px;
}
.bnr-one {
	padding: 6px 0;
}
.bnr-one {
	width: 100%;
}
.banner {
	min-height: 250px;
}
.callbacks_tabs a:after {
	height: 9px;
	width: 9px;
}
.welcome-top h1 {
	font-size: 1.4em;
}
.welcome-top p {
	width: 100%;
	font-size: 13px;
	margin: 4px auto 0;
}
.welcome-left h3 {
	font-size: 1.07em;
}
.welcome-left p {
	font-size: 13px;
	margin-top: 7px;
}
.welcome-left:nth-child(2) {
	margin-top: 3.2%;
}
.heading h3,.heading h2,.heading h1{
	font-size: 1.4em;
}
.offer-left h4 {
	font-size: 1.07em;
}
.offer-left p {
	font-size: 13px;
	margin-top: 1.5%;
}
.o-btn {
	margin-top: 3%;
}
.nature-top h3 {
	font-size: 1.1em;
}
.nature-top p {
	font-size: 13px;
}
.nature-top {
	width: 53%;
	padding: 4.5% 21px;
	margin-top: 3.5%;
}
.welcome-left  a.one-top{
	margin-top: 25px;
}
.nature {
	min-height: 255px;
}
#filters li span {
  font-size: 11px;
  padding: 6px 15px;
}
.col-md-5.blog-one-left,.col-md-7.blog-one-left{
  width: 100%;
  float: none;
}
.col-md-7.blog-one-left{
	margin-top:3%;
}
.blog-right ul li a {
  font-size: 13px;
}
.blog-right ul li a {
  font-size: 13px;
}
.blog-right ul {
  margin-top: 6px;
}
a.bg {
  font-size: 1em;
}
.blog-right h3,.blog-right h2{
	font-size: 1.1em;
}
.flex-control-paging li a {
  width: 9px;
  height: 9px;
}
h2, .h2 {
  font-size: 28px !important;
}
.pages {
  padding: 2em 0px;
}
.banner-top {
  margin: 18% auto 0;
  width: 100%;
}
}
@media (max-width:320px){
.banner-left {
	padding: 0 3px;
}
a.bg {
	font-size: 15px;
}
.blog-one {
	margin-top: 10px;
}
.blog-left,.blog-right {
	padding: 0;
}
.blog-comments ul li {
	margin-right: 3px;
}
span.glyphicon {
  font-size: 12px;
}
.blog-right h3,.blog-right h2 {
  font-size: 1.05em;
}
.col-md-3.blog-right {
  margin-top: 20px;
}
.blog-comments {
  padding: 7px 0px;
  margin-top: 1em;
}
.pager li > a, .pager li > span {
  padding: 2px 15px;
  font-size: 12px;
}
.logo {
	left: 4%;
	text-align: left;
}
#filters li span {
	font-size: 9px;
	padding: 4px 6px;
	margin: 0 0px 0 0;
}
.gallery {
	padding: 2em 0px;
}
.gallery-bottom {
	margin-top: 4%;
}
.logo a img {
	width: 35%;
}
.navigation {
	height: 11px;
}
span.menu {
	margin: -5px 0px 0 0;
}
.callbacks_tabs a:after {
	height: 8px;
	width: 8px;
}
.bnr-one h3 {
	font-size: 12px;
	margin: 6px auto 1px;
	width:100%;
}
.bnr-one a {

  font-size: 11px;
  padding: 2px 5px;

}
.bnr-one {
	padding: 6px 0;
}
.banner {
  min-height: 193px;
}
ul.navig li a {
	font-size: 13px;
}
.welcome {
	padding: 1.5em 0px;
}
.welcome-top h1 {
	font-size: 1.2em;
}
.welcome-left {
	padding: 0;
}
.welcome-one-right {
	padding-right: 0;
}
.welcome-left  a.one-top {
	margin-top: 8px;
}
.welcome-left:nth-child(2) {
	margin-top: 5%;
}
.heading h3,.heading h2,.heading h1 {
	font-size: 1.2em;
}
.offer-left {
	width: 100%;
}
.offer-bottom {
	margin-top: 3%;
}
.offer-left:nth-child(3){
	margin-bottom: 4%;
}
.welcome-bottom {
	margin-top: 3%;
}
.nature-top h3 {
	font-size: 1.05em;
}
.nature-top {
	width: 81%;
	padding: 12% 21px;
	float: none;
	margin: 4% auto;
}
.nature {
	min-height: 247px;
}
.offer {
	padding: 0em 0px 1.5em 0px;
}
.fields {
	padding: 1.5em 0px;
}
.fields-left span {
	width: 40px;
	height: 40px;
}
.fields-left span.men {
	background-position: -40px 0px;
}
.fields-left span.pen {
	background-position: -80px 0px;
}
.fields-left {
	padding: 0;
}
.footer {
	padding: 1.5em 0px;
}
.footer-left p {
	font-size: 13px;
}
.o-btn {
	margin-top: 2%;
}
.contact-left.heading {
	padding: 0;
}
.contact-right {
	padding: 0;
}
.contact-left p {
	margin-top: 5px;
	line-height: 1.4em;
}
.contact-right input[type="text"]:nth-child(1) {
	margin:0 0 7px 0;
}
.contact-right iframe {
	height: 150px;
}
.contact-right input[type="text"] {
	width: 100%;
	margin-bottom: 3px;
	padding: 7px 10px;
	font-size: 12px;
}
.submit-btn input[type=submit] {
	padding: 6px 18px;
	font-size: 11px;
	margin: 4px 0 0 0px;
}
.contact,.about,.team,.blog {
	padding: 1.5em 0px;
}
.about-top h4 {
	font-size: 15px;
	margin-top: 3px;
}
.about-left {
	width: 100%;
	margin-bottom: 4%;
}
.about-left:nth-child(3){
	margin-bottom:0
}
.ad-left {
	width: 11%;
}
.ad-left p {
	padding: 5px 0px;
	font-size: 12px;
}
.ad-right h4, .advn-two h4 {
	font-size: 1em;
}
.advn-one, .advn-two {
	margin-top: 5.5%;
}
.ch-grid li {
  width: 165px !important;
  height: 165px !important;
  margin: 6px 35px 9px 41px !important;
}
.ch-info {
  width: 125px !important;
  height: 125px !important;
}
.ch-info-wrap {
  width: 125px !important;
  height: 125px !important;
}
.ch-info h3 {
	padding: 25px 0 0 0 !important;
	height: 64px !important;
	font-size: 10px !important;
}
.related {
	margin-top: 6%;
}
.reply {
	margin-top: 6%;
}
.contact-form {
	margin-top: 13px;
}
.related-left h4 {
	font-size: 14px;
	margin: 5px 0 0 0;
}
.contact-form form input[type="text"] {
	padding: 5px 15px;
	font-size: 12px;
	margin: 6px 0;
}
.contact-form form textarea {
	height: 100px;
	font-size: 12px;
}
.contact-form form input[type="submit"] {
	font-size: 11px;
}
.gallery-left {
	padding: 0 5px;
}
.gallery-1 {
	margin-top: 10px;
}
.gallery-left:nth-child(1), .gallery-left:nth-child(2) {
	margin-bottom: 10px;
}
.flex-control-paging li a {
	width: 8px !important;
	height: 8px !important;
}
.bnr-one {
	padding: 6px 0;
}
.banner-top {
	margin-top: 20%;
}
.flex-direction-nav {
	display: none !important;
}
.nature-top p {
	font-size: 12px;
}
h2, .h2 {
	font-size: 20px !important;
}
h1, .h1 {
	font-size: 23px !important;
}
h3, .h3 {
	font-size: 18px;
}
h4, .h4 {
	font-size: 17px;
}
.label {
	font-size: 41% !important;
}
.breadcrumb {
	margin-bottom: 1em !important;
}
.pagination-lg > li > a, .pagination-lg > li > span {
  padding: 8px 12px !important;
  font-size: 14px !important;
}
.bs-example h1, .bs-example hh2, .bs-example h3, .bs-example h4, .bs-example h5, .bs-example h6 {
  margin: 0px 0 5px;
}
.pages {
  padding: 1em 0px;
}
}
/*--media-quaries-starts-here--*/

:root {
	--xrv-ink: #090909;
	--xrv-warm: #f3f0ea;
	--xrv-paper: #f8f7f4;
	--xrv-platinum: #d9d3c7;
	--xrv-gold: #bfa46a;
	--xrv-red: #6b1118;
	--xrv-border: rgba(12, 12, 12, 0.12);
	--xrv-shadow: 0 28px 70px rgba(0, 0, 0, 0.18);
}

html,
body {
	background: linear-gradient(180deg, #f7f3ea 0%, #f2ede4 100%);
	color: var(--xrv-ink);
	font-family: "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

body {
	position: relative;
}

body::before {
	display: none;
}

a {
	color: inherit;
}

.header {
	position: sticky;
	top: 0;
	z-index: 1000;
	padding: 0;
	background: rgba(7, 7, 7, 0.88) !important;
	backdrop-filter: blur(22px);
	border-bottom: 1px solid rgba(217, 211, 199, 0.12);
}

.header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 92px;
	position: relative;
}

.logo {
	position: static;
	display: flex;
	align-items: center;
}

.logo img {
	width: 190px;
	max-width: 100%;
}

.navigation {
	float: none;
	display: flex;
	align-items: center;
	gap: 22px;
}

.brand-note {
	font-size: 12px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: rgba(217, 211, 199, 0.58);
	white-space: nowrap;
}

ul.navig {
	display: flex;
	align-items: center;
	gap: 8px;
}

ul.navig li {
	margin: 0;
}

ul.navig li a {
	display: inline-block;
	padding: 10px 14px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.06em;
	border-radius: 999px;
	color: rgba(248, 247, 244, 0.82);
}

ul.navig li a:hover,
ul.navig li a.active {
	background: rgba(191, 164, 106, 0.14);
	color: #fff;
}

.hero-premium,
.page-hero {
	position: relative;
	overflow: hidden;
}

.hero-premium::before,
.page-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.58) 46%, rgba(0, 0, 0, 0.18)),
		linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.72));
}

.hero-premium {
	background-size: cover;
	background-position: center;
	padding: 116px 0 96px;
	min-height: 760px;
	display: flex;
	align-items: center;
}

.hero-shell {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 32px;
	align-items: center;
}

.hero-card,
.panel-card,
.feature-card,
.product-card,
.service-card,
.value-card,
.metric-card,
.timeline-step,
.contact-panel,
.form-shell,
.query-shell,
.story-copy,
.story-visual {
	background: rgba(248, 247, 244, 0.92);
	border: 1px solid rgba(12, 12, 12, 0.08);
	box-shadow: var(--xrv-shadow);
	border-radius: 8px;
}

.hero-copy {
	color: #fffdf8;
	max-width: 860px;
}

.kicker,
.section-kicker,
.mini-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px 14px;
	border-radius: 2px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(217, 211, 199, 0.22);
	font-size: 12px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}

.section-kicker,
.mini-kicker {
	background: rgba(184, 148, 88, 0.1);
	border-color: rgba(184, 148, 88, 0.18);
	color: var(--xrv-red);
}

.hero-title {
	margin: 22px 0 12px;
	font-size: 116px;
	line-height: 0.88;
	font-weight: 500;
	letter-spacing: 0;
	font-family: Georgia, "Times New Roman", "Noto Serif SC", serif;
}

.hero-subtitle {
	margin: 0 0 26px;
	font-size: 34px;
	line-height: 1.25;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.94);
	font-family: Georgia, "Noto Serif SC", serif;
}

.hero-text {
	font-size: 17px;
	line-height: 1.95;
	color: rgba(255, 253, 248, 0.78);
	max-width: 600px;
}

.cta-group {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 28px;
}

.cta-btn,
.ghost-btn,
.o-btn a,
.btn-primary,
.btn-default,
.contact-form form input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 24px;
	border-radius: 2px;
	border: 1px solid transparent;
	font-weight: 700;
	letter-spacing: 0.04em;
	box-shadow: none;
}

.cta-btn,
.btn-primary,
.contact-form form input[type="submit"] {
	background: linear-gradient(135deg, #f0e3c4, var(--xrv-gold));
	color: #fff;
	color: #090909;
}

.ghost-btn,
.btn-default {
	background: transparent;
	border-color: rgba(217, 211, 199, 0.42);
	color: #fff;
}

.btn-default {
	color: var(--xrv-ink);
	border-color: rgba(22, 21, 20, 0.12);
}

.cta-btn:hover,
.ghost-btn:hover,
.btn-primary:hover,
.btn-default:hover,
.contact-form form input[type="submit"]:hover,
.o-btn a:hover {
	transform: translateY(-1px);
	opacity: 0.94;
}

.hero-card {
	padding: 28px;
	color: var(--xrv-ink);
}

.hero-card h3 {
	margin: 0 0 12px;
	font-size: 22px;
	color: var(--xrv-red);
}

.hero-card p {
	font-size: 15px;
	line-height: 1.85;
	color: rgba(22, 21, 20, 0.75);
}

.hero-stats,
.metric-grid,
.service-links,
.value-grid,
.feature-grid,
.product-grid,
.story-grid,
.content-grid,
.dual-column {
	display: grid;
	gap: 22px;
}

.hero-stats {
	grid-template-columns: repeat(3, minmax(0, 176px));
	margin-top: 42px;
}

.stat-card {
	padding: 20px 22px;
	border-radius: 2px;
	background: rgba(255, 255, 255, 0.055);
	border: 1px solid rgba(217, 211, 199, 0.18);
}

.stat-card strong {
	display: block;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 6px;
	color: #f3dfb1;
}

.stat-card span {
	font-size: 13px;
	letter-spacing: 0.08em;
	color: rgba(255, 253, 248, 0.82);
	text-transform: uppercase;
}

.welcome,
.offer,
.fields,
.about,
.contact,
.gallery,
.team,
.blog {
	padding: 88px 0;
}

.section-intro,
.offer-top,
.fields-top,
.gallery-top,
.team-top,
.contact-info,
.about-top,
.blog-head {
	text-align: center;
	max-width: 860px;
	margin: 0 auto 34px;
}

.section-title,
.offer-top h2,
.offer-top h1,
.offer-top h3,
.heading h1,
.heading h2,
.heading h3,
.welcome-top h1,
.about-top h1,
.contact-info h3 {
	font-size: 46px;
	line-height: 1.2;
	font-weight: 500;
	color: var(--xrv-ink);
	margin: 14px 0 0;
	font-family: Georgia, "Noto Serif SC", serif;
}

.section-copy,
.welcome-top p,
.about-top p,
.about-top h4,
.contact-left p,
.fields-left p,
.offer-left p,
.footer-left p,
.hero-card p,
.mail-grid-left p,
.mail-grid-left h5 {
	font-size: 16px;
	line-height: 1.9;
	color: rgba(22, 21, 20, 0.72);
}

.story-grid,
.content-grid,
.dual-column {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
}

.story-copy,
.story-visual,
.panel-card,
.contact-panel,
.form-shell,
.query-shell {
	padding: 36px;
}

.story-copy h3,
.panel-card h3,
.panel-card h4,
.product-card h3,
.value-card h4,
.service-card h4,
.timeline-step h4,
.mail-grid-left h3 {
	margin: 0 0 12px;
	font-size: 26px;
	color: var(--xrv-red);
}

.story-copy p,
.panel-card p,
.product-card p,
.value-card p,
.service-card p,
.timeline-step p,
.notice-list li,
.mail-grid-left p {
	font-size: 15px;
	line-height: 1.9;
	color: rgba(22, 21, 20, 0.74);
}

.image-stack {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 16px;
	height: 100%;
}

.image-stack img,
.story-visual img,
.feature-card img,
.product-card img,
.offer-left img,
.gallery-left img,
.about-left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
}

.stack-column {
	display: grid;
	gap: 16px;
}

.feature-grid,
.value-grid,
.service-links,
.metric-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.product-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.feature-card,
.value-card,
.service-card,
.metric-card,
.timeline-step,
.product-card {
	padding: 28px;
}

.feature-card h4,
.metric-card h4 {
	margin: 14px 0 10px;
	font-size: 24px;
	color: var(--xrv-ink);
	font-family: Georgia, "Noto Serif SC", serif;
}

.feature-tag,
.metric-tag {
	display: inline-block;
	font-size: 12px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--xrv-gold);
}

.product-card img {
	height: 260px;
	margin-bottom: 18px;
}

.product-points,
.notice-list,
.inline-points {
	padding-left: 0;
	list-style: none;
	margin: 16px 0 0;
}

.product-points li,
.notice-list li,
.inline-points li {
	position: relative;
	padding-left: 18px;
	margin-bottom: 10px;
}

.product-points li::before,
.notice-list li::before,
.inline-points li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 11px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--xrv-gold);
}

.quote-band {
	margin: 34px 0 0;
	padding: 34px 40px;
	border-radius: 4px;
	background: linear-gradient(135deg, #050505, #171717 58%, #5f1016);
	color: #fff9f1;
	box-shadow: var(--xrv-shadow);
}

.quote-band p {
	font-size: 24px;
	line-height: 1.8;
	margin: 0;
}

.page-hero {
	background-size: cover;
	background-position: center;
	padding: 88px 0 68px;
}

.page-hero-inner {
	position: relative;
	z-index: 1;
	max-width: 760px;
	color: #fff;
}

.page-hero h1 {
	margin: 18px 0 16px;
	font-size: 50px;
	line-height: 1.1;
}

.page-hero p {
	font-size: 17px;
	line-height: 1.9;
	color: rgba(255, 252, 245, 0.86);
}

.table,
.insert-tab {
	width: 100%;
	background: rgba(255, 253, 250, 0.92);
	border-radius: 24px;
	overflow: hidden;
	box-shadow: var(--xrv-shadow);
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.insert-tab th,
.insert-tab td {
	padding: 16px 18px;
	border-color: rgba(22, 21, 20, 0.08) !important;
	font-size: 14px;
	line-height: 1.7;
	vertical-align: middle !important;
}

.insert-tab th {
	background: rgba(184, 148, 88, 0.08);
	color: var(--xrv-ink);
	font-weight: 700;
}

input.common-text,
.contact-form form input[type="text"],
.contact-form form input[type="email"],
.contact-form form textarea,
.form-shell input[type="text"],
.form-shell textarea {
	width: 100%;
	border-radius: 16px;
	border: 1px solid rgba(22, 21, 20, 0.12);
	background: rgba(255, 255, 255, 0.88);
	padding: 14px 16px;
	font-size: 15px;
	color: var(--xrv-ink);
	outline: none;
}

.contact-form form input[type="text"],
.contact-form form textarea {
	margin-bottom: 14px;
}

.contact-form form textarea,
.form-shell textarea {
	min-height: 140px;
	resize: vertical;
}

.radio {
	margin: 0 0 10px;
}

.contact-info h3,
.mail-grid-left h4 {
	color: var(--xrv-ink);
}

.mail-grids,
.contact-grid {
	margin-top: 18px;
}

.mail-grid-left h5 {
	margin: 0 0 8px;
}

.mail-grid-left h4 {
	margin: 18px 0 8px;
	font-size: 18px;
}

.footer {
	padding: 56px 0 34px;
	background: linear-gradient(135deg, #050505, #111 62%, #3a0a0f);
}

.footer-top {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
}

.footer-left {
	width: auto;
	float: none;
}

.footer-left h3 {
	font-size: 22px;
	margin-bottom: 12px;
}

.footer-left p,
.footer-left p a {
	color: rgba(255, 250, 242, 0.84);
}

.footer-left p a:hover {
	color: #f6d7a2;
}

.footer-badge {
	display: inline-block;
	margin-bottom: 12px;
	padding: 7px 12px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	font-size: 12px;
	letter-spacing: 0.12em;
	color: rgba(255, 250, 242, 0.74);
	text-transform: uppercase;
}

.footer-logo {
	width: 180px !important;
	max-width: 100%;
}

.footer-note {
	margin-top: 16px;
}

#toTop {
	right: 18px;
	bottom: 18px;
}

@media (max-width: 1024px) {
	.header .container {
		min-height: 86px;
	}

	.hero-shell,
	.story-grid,
	.content-grid,
	.dual-column,
	.product-grid,
	.feature-grid,
	.value-grid,
	.service-links,
	.metric-grid,
	.footer-top {
		grid-template-columns: 1fr;
	}

	.hero-title {
		font-size: 44px;
	}

	.page-hero h1 {
		font-size: 40px;
	}
}

@media (max-width: 768px) {
	.header {
		padding: 10px 0;
	}

	.header .container {
		display: block;
		min-height: 64px;
	}

	.logo {
		position: relative;
		z-index: 1001;
	}

	.brand-note {
		display: none;
	}

	.navigation {
		display: block;
	}

	ul.navig {
		display: none;
		width: 96%;
	}

	ul.navig li a {
		padding: 11px 14px;
		border-radius: 14px;
	}

	.hero-premium,
	.page-hero,
	.welcome,
	.offer,
	.fields,
	.about,
	.contact,
	.gallery,
	.team,
	.blog {
		padding: 58px 0;
	}

	.hero-title {
		font-size: 34px;
	}

	.hero-text,
	.page-hero p,
	.section-copy,
	.welcome-top p,
	.about-top p {
		font-size: 15px;
	}

	.section-title,
	.offer-top h2,
	.offer-top h1,
	.offer-top h3,
	.heading h1,
	.heading h2,
	.heading h3,
	.welcome-top h1,
	.about-top h1,
	.contact-info h3 {
		font-size: 30px !important;
	}

	.page-hero h1 {
		font-size: 32px;
	}

	.hero-stats {
		grid-template-columns: 1fr;
	}

	.story-copy,
	.story-visual,
	.panel-card,
	.contact-panel,
	.form-shell,
	.query-shell,
	.feature-card,
	.value-card,
	.service-card,
	.metric-card,
	.timeline-step,
	.product-card {
		padding: 22px;
	}

	.quote-band {
		padding: 26px 22px;
	}

	.quote-band p {
		font-size: 20px;
	}

	.footer-left {
		text-align: left;
	}
}

/* Premium responsive overrides for the refreshed XRV front page. */
@media (max-width: 1024px) {
	.hero-premium {
		min-height: 680px;
	}

	.hero-title {
		font-size: 86px !important;
	}
}

@media (max-width: 768px) {
	.header {
		padding: 0;
	}

	.header .container {
		display: flex;
		min-height: 72px;
		align-items: center;
		justify-content: space-between;
	}

	.logo img,
	.logo a img {
		width: 138px;
	}

	.navigation {
		display: flex;
		align-items: center;
		margin-left: auto;
	}

	span.menu {
		margin: 0;
	}

	ul.navig {
		display: none;
		width: calc(100vw - 24px);
		left: 12px;
		top: 72px;
		padding: 12px;
		background: rgba(5, 5, 5, 0.96);
		border: 1px solid rgba(217, 211, 199, 0.12);
	}

	ul.navig li {
		width: 100%;
	}

	ul.navig li a {
		color: rgba(255, 255, 255, 0.9);
		border-radius: 2px;
	}

	.hero-premium {
		min-height: calc(100svh - 140px);
		padding: 42px 0 34px;
		background-position: center;
	}

	.hero-title {
		font-size: 72px !important;
	}

	.hero-subtitle {
		font-size: 24px;
		line-height: 1.32;
		margin-bottom: 18px;
	}

	.hero-stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 8px;
		margin-top: 22px;
	}

	.stat-card {
		padding: 12px 8px;
	}

	.stat-card strong {
		font-size: 17px;
		text-align: center;
	}

	.stat-card span {
		display: block;
		font-size: 9px;
		line-height: 1.35;
		text-align: center;
	}

	.cta-group {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.cta-btn,
	.ghost-btn {
		width: 100%;
	}
}

@media (max-width: 420px) {
	.hero-premium {
		min-height: calc(100svh - 144px);
		padding: 34px 0 28px;
	}

	.kicker,
	.section-kicker,
	.mini-kicker {
		font-size: 10px;
		letter-spacing: 0.12em;
	}

	.hero-title {
		font-size: 58px !important;
	}

	.hero-subtitle {
		font-size: 21px;
	}

	.hero-text {
		font-size: 14px;
		line-height: 1.8;
	}

	.section-title,
	.offer-top h2,
	.offer-top h1,
	.offer-top h3,
	.heading h1,
	.heading h2,
	.heading h3,
	.welcome-top h1,
	.about-top h1,
	.contact-info h3 {
		font-size: 26px !important;
	}

	.story-copy,
	.story-visual,
	.panel-card,
	.contact-panel,
	.form-shell,
	.query-shell,
	.feature-card,
	.value-card,
	.service-card,
	.metric-card,
	.timeline-step,
	.product-card {
		padding: 18px;
	}
}

/* XRV premium warranty verification page */
.warranty-page {
	background:
		radial-gradient(circle at 18% 8%, rgba(184, 148, 88, 0.18), transparent 28%),
		linear-gradient(135deg, #050505 0%, #10100f 48%, #21080b 100%);
	color: #f7f1e6;
}

.warranty-page .header {
	background: rgba(4, 4, 4, 0.96);
	border-bottom: 1px solid rgba(217, 211, 199, 0.12);
}

.warranty-hero {
	min-height: 560px;
	display: flex;
	align-items: center;
	padding: 112px 0 92px;
	background-position: center;
}

.warranty-hero::before {
	background:
		linear-gradient(90deg, rgba(0, 0, 0, 0.94), rgba(0, 0, 0, 0.66) 46%, rgba(0, 0, 0, 0.28)),
		radial-gradient(circle at 78% 24%, rgba(184, 148, 88, 0.2), transparent 34%),
		linear-gradient(180deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.84));
}

.warranty-hero .page-hero-inner {
	max-width: 900px;
}

.warranty-hero h1 {
	font-family: Georgia, "Noto Serif SC", serif;
	font-size: 66px;
	font-weight: 500;
	letter-spacing: -0.02em;
	color: #fff8ea;
}

.warranty-hero p {
	max-width: 680px;
	color: rgba(255, 248, 234, 0.82);
}

.warranty-contact {
	padding: 96px 0;
	background:
		linear-gradient(180deg, rgba(5, 5, 5, 0.92), rgba(13, 12, 11, 0.96)),
		linear-gradient(135deg, rgba(184, 148, 88, 0.08), transparent);
}

.warranty-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
	gap: 26px;
	align-items: stretch;
}

.warranty-page .query-shell,
.warranty-page .warranty-notice {
	position: relative;
	overflow: hidden;
	padding: 44px;
	border-radius: 2px;
	background:
		linear-gradient(145deg, rgba(22, 20, 18, 0.98), rgba(7, 7, 7, 0.96)),
		radial-gradient(circle at 100% 0%, rgba(184, 148, 88, 0.22), transparent 32%);
	border: 1px solid rgba(217, 211, 199, 0.16);
	box-shadow: 0 34px 80px rgba(0, 0, 0, 0.42);
	color: #fff7e8;
}

.warranty-page .query-shell::after,
.warranty-page .warranty-notice::after {
	content: "";
	position: absolute;
	inset: auto 30px 28px auto;
	width: 120px;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(240, 211, 151, 0.72));
}

.warranty-page .query-shell h3,
.warranty-page .warranty-notice h3 {
	margin: 18px 0 14px;
	font-family: Georgia, "Noto Serif SC", serif;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 500;
	color: #fff7e8;
}

.warranty-page .query-shell p,
.warranty-page .warranty-notice li {
	color: rgba(255, 248, 234, 0.72);
}

.warranty-form {
	margin-top: 30px;
	padding: 26px;
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(217, 211, 199, 0.12);
}

.warranty-form label {
	display: block;
	margin-bottom: 12px;
	font-size: 12px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: rgba(240, 211, 151, 0.86);
}

.warranty-page .warranty-input {
	height: 58px;
	border-radius: 0;
	border: 1px solid rgba(240, 211, 151, 0.24);
	background: rgba(255, 250, 242, 0.94);
	font-size: 16px;
	color: #10100f;
	box-shadow: none;
}

.warranty-page .warranty-input:focus {
	border-color: rgba(240, 211, 151, 0.78);
	box-shadow: 0 0 0 3px rgba(184, 148, 88, 0.14);
}

.warranty-submit {
	width: 100%;
	min-height: 58px;
	margin-top: 16px;
	border: 0;
	border-radius: 0;
	background: linear-gradient(135deg, #f5e6c4, #b89458 62%, #8a682f);
	color: #080808;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	transition: transform 0.2s ease, filter 0.2s ease;
}

.warranty-submit span {
	margin-left: 10px;
	font-size: 12px;
	letter-spacing: 0.18em;
}

.warranty-submit:hover {
	transform: translateY(-1px);
	filter: brightness(1.03);
}

.warranty-microcopy {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.warranty-microcopy span {
	padding: 8px 10px;
	border: 1px solid rgba(217, 211, 199, 0.14);
	color: rgba(255, 248, 234, 0.68);
	font-size: 12px;
	letter-spacing: 0.1em;
}

.warranty-page .warranty-notice .notice-list {
	margin-top: 24px;
}

.warranty-page .warranty-notice .notice-list li::before {
	background: #d9bc7d;
}

.warranty-seal {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-top: 34px;
	padding-top: 28px;
	border-top: 1px solid rgba(217, 211, 199, 0.12);
}

.warranty-seal strong {
	display: grid;
	place-items: center;
	width: 76px;
	height: 76px;
	border: 1px solid rgba(240, 211, 151, 0.58);
	border-radius: 50%;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 26px;
	color: #f0d397;
}

.warranty-seal span {
	font-size: 12px;
	line-height: 1.7;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(255, 248, 234, 0.64);
}

@media (max-width: 1024px) {
	.warranty-layout {
		grid-template-columns: 1fr;
	}

	.warranty-hero h1 {
		font-size: 52px;
	}
}

@media (max-width: 768px) {
	.warranty-hero {
		min-height: auto;
		padding: 76px 0 66px;
	}

	.warranty-hero h1 {
		font-size: 38px !important;
		line-height: 1.16;
	}

	.warranty-contact {
		padding: 54px 0;
	}

	.warranty-page .query-shell,
	.warranty-page .warranty-notice {
		padding: 26px;
	}

	.warranty-page .query-shell h3,
	.warranty-page .warranty-notice h3 {
		font-size: 28px;
	}

	.warranty-form {
		padding: 18px;
	}

	.warranty-submit span {
		display: block;
		margin: 4px 0 0;
	}
}

@media (max-width: 420px) {
	.warranty-hero h1 {
		font-size: 32px !important;
	}

	.warranty-page .query-shell,
	.warranty-page .warranty-notice {
		padding: 22px;
	}

	.warranty-microcopy span {
		width: 100%;
	}
}

/* XRV official warranty result certificate */
.warranty-result-page {
	min-height: 100vh;
}

.result-topbar {
	padding: 18px 0;
	background: rgba(4, 4, 4, 0.96);
	border-bottom: 1px solid rgba(217, 211, 199, 0.12);
}

.result-topbar-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

.result-logo img {
	width: 158px;
	max-width: 42vw;
}

.result-back,
.result-primary-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 18px;
	border: 1px solid rgba(240, 211, 151, 0.42);
	color: #f5dfb1;
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.result-back:hover,
.result-primary-link:hover {
	color: #090909;
	background: #f0d397;
}

.result-hero {
	position: relative;
	overflow: hidden;
	padding: 78px 0 54px;
	background:
		linear-gradient(135deg, rgba(5, 5, 5, 0.98), rgba(20, 18, 16, 0.96) 62%, rgba(73, 11, 17, 0.9)),
		radial-gradient(circle at 82% 12%, rgba(240, 211, 151, 0.18), transparent 34%);
}

.result-hero::after {
	content: "";
	position: absolute;
	inset: auto -12% -44% 50%;
	height: 280px;
	background: radial-gradient(circle, rgba(240, 211, 151, 0.16), transparent 62%);
}

.result-hero-panel {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 28px;
	align-items: stretch;
}

.result-hero-copy h1 {
	margin: 22px 0 16px;
	font-family: Georgia, "Noto Serif SC", serif;
	font-size: 56px;
	line-height: 1.08;
	font-weight: 500;
	color: #fff8ea;
}

.result-hero-copy p {
	max-width: 690px;
	font-size: 16px;
	line-height: 1.9;
	color: rgba(255, 248, 234, 0.76);
}

.result-brand-card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 260px;
	padding: 32px;
	background: rgba(255, 250, 242, 0.95);
	border: 1px solid rgba(240, 211, 151, 0.38);
	box-shadow: 0 34px 80px rgba(0, 0, 0, 0.36);
	color: #111;
}

.result-brand-card img {
	width: 190px;
	max-width: 100%;
	margin-bottom: 28px;
}

.result-brand-card span {
	margin-bottom: 8px;
	font-size: 12px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #9a773d;
}

.result-brand-card strong {
	font-size: 18px;
	line-height: 1.4;
	word-break: break-all;
}

.result-main {
	padding: 68px 0 88px;
	background:
		linear-gradient(180deg, #0b0b0a, #141210),
		radial-gradient(circle at 10% 0%, rgba(184, 148, 88, 0.12), transparent 28%);
}

.certificate-card,
.result-empty,
.warranty-terms {
	background: rgba(255, 250, 242, 0.96);
	border: 1px solid rgba(240, 211, 151, 0.24);
	box-shadow: 0 34px 90px rgba(0, 0, 0, 0.34);
	color: #161514;
}

.certificate-card {
	padding: 42px;
}

.certificate-head {
	display: flex;
	justify-content: space-between;
	gap: 26px;
	padding-bottom: 28px;
	border-bottom: 1px solid rgba(22, 21, 20, 0.1);
}

.certificate-head h2,
.result-empty h2,
.warranty-terms h2 {
	margin: 16px 0 10px;
	font-family: Georgia, "Noto Serif SC", serif;
	font-size: 36px;
	font-weight: 500;
	color: #161514;
}

.certificate-head p,
.result-empty p,
.warranty-terms p {
	font-size: 15px;
	line-height: 1.9;
	color: rgba(22, 21, 20, 0.68);
}

.certificate-mark {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 12px;
	min-width: 160px;
	text-align: right;
}

.certificate-mark img {
	width: 150px;
}

.certificate-mark span {
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #9a773d;
}

.result-summary-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1px;
	margin: 30px 0;
	background: rgba(22, 21, 20, 0.1);
	border: 1px solid rgba(22, 21, 20, 0.1);
}

.result-summary-grid div {
	padding: 20px;
	background: #fffaf2;
}

.result-summary-grid span {
	display: block;
	margin-bottom: 9px;
	font-size: 12px;
	letter-spacing: 0.14em;
	color: #9a773d;
}

.result-summary-grid strong {
	font-size: 17px;
	line-height: 1.4;
	word-break: break-all;
}

.result-section-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
}

.result-info-card {
	padding: 28px;
	background: #fffdf8;
	border: 1px solid rgba(22, 21, 20, 0.08);
}

.result-info-card h3,
.result-photo h3 {
	margin: 0 0 20px;
	font-family: Georgia, "Noto Serif SC", serif;
	font-size: 24px;
	color: #5f1016;
}

.result-info-card dl,
.film-item dl {
	display: grid;
	grid-template-columns: 128px minmax(0, 1fr);
	gap: 0;
	margin: 0;
}

.result-info-card dt,
.result-info-card dd,
.film-item dt,
.film-item dd {
	margin: 0;
	padding: 13px 0;
	border-top: 1px solid rgba(22, 21, 20, 0.08);
	font-size: 14px;
	line-height: 1.6;
}

.result-info-card dt,
.film-item dt {
	color: rgba(22, 21, 20, 0.52);
	font-weight: 600;
}

.result-info-card dd,
.film-item dd {
	color: #161514;
	word-break: break-word;
}

.product-record,
.result-photo {
	margin-top: 22px;
}

.film-list {
	display: grid;
	gap: 16px;
}

.film-item {
	padding: 22px;
	background: linear-gradient(135deg, rgba(246, 239, 225, 0.86), rgba(255, 252, 247, 0.96));
	border: 1px solid rgba(184, 148, 88, 0.2);
}

.film-item-title {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 12px;
}

.film-item-title strong {
	font-size: 18px;
	color: #161514;
}

.film-item-title span {
	color: #9a773d;
}

.result-photo {
	padding: 28px;
	background: #fffdf8;
	border: 1px solid rgba(22, 21, 20, 0.08);
}

.result-photo img {
	display: block;
	width: 100%;
	max-height: 620px;
	object-fit: contain;
	background: #111;
}

.warranty-terms,
.result-empty {
	margin-top: 26px;
	padding: 34px;
}

.result-empty {
	margin-top: 0;
	text-align: center;
}

.warranty-terms p {
	margin-bottom: 10px;
}

@media (max-width: 1024px) {
	.result-hero-panel,
	.result-section-grid {
		grid-template-columns: 1fr;
	}

	.result-summary-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.result-topbar-inner,
	.certificate-head,
	.film-item-title {
		align-items: flex-start;
		flex-direction: column;
	}

	.result-hero {
		padding: 54px 0 38px;
	}

	.result-hero-copy h1 {
		font-size: 36px;
	}

	.result-brand-card {
		min-height: auto;
		padding: 24px;
	}

	.result-main {
		padding: 42px 0 58px;
	}

	.certificate-card,
	.warranty-terms,
	.result-empty {
		padding: 24px;
	}

	.certificate-head h2,
	.result-empty h2,
	.warranty-terms h2 {
		font-size: 28px;
	}

	.certificate-mark {
		align-items: flex-start;
		text-align: left;
	}

	.result-summary-grid {
		grid-template-columns: 1fr;
	}

	.result-info-card {
		padding: 22px;
	}

	.result-info-card dl,
	.film-item dl {
		grid-template-columns: 1fr;
	}

	.result-info-card dt,
	.film-item dt {
		padding-bottom: 2px;
	}

	.result-info-card dd,
	.film-item dd {
		padding-top: 0;
		border-top: 0;
	}
}

@media (max-width: 420px) {
	.result-logo img,
	.certificate-mark img {
		width: 132px;
	}

	.result-hero-copy h1 {
		font-size: 31px;
	}
}

/* Compact certificate layout for screenshot sharing */
.compact-result-topbar {
	padding: 10px 0;
}

.compact-result-topbar .result-logo img {
	width: 136px;
}

.compact-result-main {
	padding: 24px 0 36px;
}

.compact-result-main .certificate-card {
	padding: 24px;
}

.compact-certificate-head {
	align-items: center;
	padding-bottom: 18px;
}

.compact-certificate-head h2 {
	margin: 10px 0 6px;
	font-size: 30px;
}

.compact-certificate-head p {
	margin: 0;
	font-size: 14px;
	line-height: 1.65;
}

.compact-certificate-head .section-kicker {
	padding: 6px 10px;
	font-size: 10px;
	letter-spacing: 0.16em;
}

.compact-certificate-head .certificate-mark {
	min-width: 210px;
	gap: 8px;
}

.compact-certificate-head .certificate-mark img {
	width: 142px;
	padding: 8px 10px;
	background: #fff;
	border: 1px solid rgba(22, 21, 20, 0.08);
}

.compact-certificate-head .certificate-mark span {
	font-size: 11px;
	word-break: break-all;
}

.compact-result-main .result-summary-grid {
	margin: 18px 0;
}

.compact-result-main .result-summary-grid div {
	padding: 13px 14px;
}

.compact-result-main .result-summary-grid span {
	margin-bottom: 4px;
	font-size: 10px;
}

.compact-result-main .result-summary-grid strong {
	font-size: 15px;
}

.compact-result-main .result-section-grid {
	gap: 14px;
}

.compact-result-main .result-info-card {
	padding: 18px;
}

.compact-result-main .result-info-card h3,
.compact-result-main .result-photo h3 {
	margin-bottom: 10px;
	font-size: 19px;
}

.compact-result-main .result-info-card dt,
.compact-result-main .result-info-card dd,
.compact-result-main .film-item dt,
.compact-result-main .film-item dd {
	padding: 7px 0;
	font-size: 13px;
	line-height: 1.45;
}

.compact-result-main .result-info-card dl,
.compact-result-main .film-item dl {
	grid-template-columns: 104px minmax(0, 1fr);
}

.compact-result-main .product-record,
.compact-result-main .result-photo {
	margin-top: 14px;
}

.compact-result-main .film-list {
	gap: 10px;
}

.compact-result-main .film-item {
	padding: 14px;
}

.compact-result-main .film-item-title {
	margin-bottom: 6px;
}

.compact-result-main .film-item-title strong {
	font-size: 15px;
}

.compact-result-main .film-item-title span {
	font-size: 13px;
}

.compact-result-main .warranty-terms {
	margin-top: 14px;
	padding: 16px 20px;
}

.compact-result-main .warranty-terms p {
	margin: 8px 0 0;
	font-size: 12px;
	line-height: 1.65;
}

@media (max-width: 768px) {
	.compact-result-topbar .result-logo img {
		width: 124px;
	}

	.compact-result-main {
		padding: 16px 0 28px;
	}

	.compact-result-main .certificate-card {
		padding: 18px;
	}

	.compact-certificate-head {
		align-items: flex-start;
		gap: 14px;
	}

	.compact-certificate-head h2 {
		font-size: 25px;
	}

	.compact-certificate-head .certificate-mark {
		min-width: 0;
	}

	.compact-certificate-head .certificate-mark img {
		width: 126px;
	}

	.compact-result-main .result-summary-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.compact-result-main .result-info-card dl,
	.compact-result-main .film-item dl {
		grid-template-columns: 92px minmax(0, 1fr);
	}

	.compact-result-main .result-info-card dd,
	.compact-result-main .film-item dd {
		border-top: 1px solid rgba(22, 21, 20, 0.08);
		padding-top: 7px;
	}
}

@media (max-width: 420px) {
	.compact-result-main .result-summary-grid {
		grid-template-columns: 1fr;
	}

	.compact-result-main .result-info-card dl,
	.compact-result-main .film-item dl {
		grid-template-columns: 1fr;
	}

	.compact-result-main .result-info-card dd,
	.compact-result-main .film-item dd {
		border-top: 0;
		padding-top: 0;
	}
}

/* Extra dense warranty certificate for single-screen screenshots */
.compact-result-main .certificate-card {
	padding: 18px;
}

.compact-certificate-head {
	padding-bottom: 12px;
}

.compact-certificate-head h2 {
	font-size: 26px;
	line-height: 1.15;
}

.compact-certificate-head p {
	font-size: 12px;
	line-height: 1.45;
}

.compact-certificate-head .certificate-mark img {
	width: 118px;
	padding: 6px 8px;
}

.compact-certificate-head .certificate-mark span {
	font-size: 10px;
	line-height: 1.35;
}

.compact-result-main .result-summary-grid {
	margin: 12px 0;
}

.compact-result-main .result-summary-grid div {
	padding: 9px 10px;
}

.compact-result-main .result-summary-grid span {
	font-size: 9px;
	line-height: 1.2;
}

.compact-result-main .result-summary-grid strong {
	font-size: 13px;
	line-height: 1.25;
}

.compact-info-grid {
	gap: 10px;
}

.compact-result-main .compact-info-card {
	padding: 12px 14px;
}

.compact-result-main .compact-info-card h3,
.compact-result-main .compact-product-record h3 {
	margin-bottom: 6px;
	font-size: 16px;
}

.compact-result-main .compact-info-card dl {
	grid-template-columns: 82px minmax(0, 1fr);
}

.compact-result-main .compact-info-card dt,
.compact-result-main .compact-info-card dd {
	padding: 4px 0;
	font-size: 12px;
	line-height: 1.35;
}

.compact-product-record {
	padding: 12px 14px !important;
	margin-top: 10px !important;
}

.film-table-wrap {
	overflow-x: auto;
}

.film-table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	background: #fffdf8;
}

.film-table th,
.film-table td {
	padding: 7px 8px;
	border: 1px solid rgba(22, 21, 20, 0.08);
	font-size: 12px;
	line-height: 1.35;
	vertical-align: middle;
}

.film-table th {
	background: rgba(184, 148, 88, 0.13);
	color: #5f1016;
	font-weight: 700;
	white-space: nowrap;
}

.film-table td {
	color: #161514;
	word-break: break-word;
}

.compact-result-main .warranty-terms {
	margin-top: 10px;
	padding: 12px 14px;
}

.compact-result-main .warranty-terms h2 {
	margin: 7px 0 5px;
	font-size: 16px;
	line-height: 1.25;
}

.compact-result-main .warranty-terms p {
	margin: 3px 0;
	font-size: 11px;
	line-height: 1.42;
}

.compact-result-main .warranty-terms .section-kicker {
	padding: 5px 8px;
	font-size: 9px;
	letter-spacing: 0.12em;
}

@media (max-width: 768px) {
	.compact-result-main .result-summary-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.compact-result-main .compact-info-card dl {
		grid-template-columns: 72px minmax(0, 1fr);
	}

	.film-table-wrap {
		overflow-x: visible;
	}

	.film-table,
	.film-table thead,
	.film-table tbody,
	.film-table tr,
	.film-table th,
	.film-table td {
		display: block;
		width: 100%;
	}

	.film-table thead {
		display: none;
	}

	.film-table tr {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1px;
		margin-bottom: 8px;
		background: rgba(22, 21, 20, 0.08);
		border: 1px solid rgba(184, 148, 88, 0.18);
	}

	.film-table tr:last-child {
		margin-bottom: 0;
	}

	.film-table td {
		position: relative;
		min-height: 48px;
		padding: 17px 7px 6px;
		border: 0;
		background: #fffdf8;
		font-size: 11px;
		line-height: 1.28;
	}

	.film-table td::before {
		content: attr(data-label);
		position: absolute;
		left: 7px;
		top: 5px;
		font-size: 9px;
		line-height: 1;
		color: #9a773d;
		font-weight: 700;
		letter-spacing: 0.04em;
	}
}

@media (max-width: 520px) {
	.compact-result-main .result-summary-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.film-table tr {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.film-table td {
		white-space: normal;
		overflow-wrap: anywhere;
		word-break: break-word;
	}
}

/* Paper-style professional warranty certificate */
.paper-certificate-page {
	background:
		linear-gradient(180deg, #ece5d8, #d8cfbf),
		repeating-linear-gradient(45deg, rgba(130, 104, 64, 0.03) 0 1px, transparent 1px 8px);
	color: #1a1714;
}

.paper-topbar {
	padding: 12px 0;
	background: #eee7da;
	border-bottom: 1px solid rgba(86, 65, 42, 0.18);
	box-shadow: 0 10px 30px rgba(70, 50, 28, 0.1);
}

.paper-topbar .result-logo {
	display: inline-flex;
	align-items: center;
	padding: 8px 14px;
	background: #fffaf1;
	border: 1px solid rgba(92, 69, 43, 0.16);
	box-shadow: 0 8px 20px rgba(69, 49, 25, 0.08);
}

.paper-topbar .result-logo img {
	width: 128px;
}

.paper-topbar .result-back {
	min-height: 38px;
	background: #5f1016;
	border-color: #5f1016;
	color: #fff6e8;
	box-shadow: none;
}

.paper-topbar .result-back:hover {
	background: #2d090d;
	color: #fff;
}

.paper-certificate-page .compact-result-main {
	padding: 14px 0 24px;
	background:
		radial-gradient(circle at 16% 8%, rgba(153, 116, 64, 0.12), transparent 26%),
		linear-gradient(180deg, #e8dfcf, #d8cfbf);
}

.paper-certificate {
	position: relative;
	overflow: hidden;
	padding: 22px !important;
	background:
		linear-gradient(135deg, rgba(255, 253, 247, 0.96), rgba(246, 238, 225, 0.98)),
		repeating-linear-gradient(0deg, rgba(97, 75, 48, 0.025) 0 1px, transparent 1px 7px);
	border: 1px solid rgba(92, 69, 43, 0.32);
	outline: 5px solid rgba(255, 250, 240, 0.78);
	box-shadow: 0 22px 60px rgba(71, 48, 25, 0.2);
	color: #1a1714;
}

.paper-certificate::before {
	content: "";
	position: absolute;
	inset: 12px;
	pointer-events: none;
	border: 1px solid rgba(95, 16, 22, 0.14);
}

.paper-certificate::after {
	content: "XRV JAPAN BRAND   XRV JAPAN BRAND   XRV JAPAN BRAND";
	position: absolute;
	left: -70px;
	right: -70px;
	top: 48%;
	z-index: 0;
	transform: rotate(-18deg);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.26em;
	text-align: center;
	color: rgba(95, 16, 22, 0.035);
	white-space: nowrap;
	pointer-events: none;
}

.paper-watermark {
	position: absolute;
	right: 20px;
	top: 76px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 108px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: rgba(95, 16, 22, 0.055);
	pointer-events: none;
	user-select: none;
}

.paper-certificate .certificate-head,
.paper-certificate .result-summary-grid,
.paper-certificate .result-section-grid,
.paper-certificate .product-record,
.paper-certificate .result-photo,
.paper-sign-row {
	position: relative;
	z-index: 1;
}

.paper-certificate .compact-certificate-head {
	border-bottom: 2px solid rgba(95, 16, 22, 0.16);
}

.paper-certificate .section-kicker {
	background: rgba(95, 16, 22, 0.06);
	border-color: rgba(95, 16, 22, 0.12);
	color: #5f1016;
}

.paper-certificate .compact-certificate-head h2 {
	font-family: "Times New Roman", Georgia, "Noto Serif SC", serif;
	font-size: 30px;
	color: #15110f;
}

.paper-certificate .compact-certificate-head p {
	color: rgba(26, 23, 20, 0.72);
}

.paper-certificate .certificate-mark {
	align-items: center;
	text-align: center;
}

.paper-certificate .certificate-mark img {
	width: 126px;
	background: #fff;
	border: 1px solid rgba(92, 69, 43, 0.14);
}

.paper-certificate .certificate-mark span {
	color: #9a2b2d;
}

.paper-certificate .result-summary-grid {
	background: rgba(92, 69, 43, 0.14);
	border-color: rgba(92, 69, 43, 0.18);
}

.paper-certificate .result-summary-grid div,
.paper-certificate .result-info-card,
.paper-certificate .film-table,
.paper-certificate .result-photo {
	background: rgba(255, 252, 245, 0.82);
}

.paper-certificate .result-info-card {
	border-color: rgba(92, 69, 43, 0.13);
}

.paper-certificate .result-info-card h3,
.paper-certificate .result-photo h3 {
	color: #5f1016;
}

.paper-certificate .film-table th {
	background: rgba(95, 16, 22, 0.08);
	color: #5f1016;
}

.paper-sign-row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid rgba(92, 69, 43, 0.14);
}

.paper-sign-row span {
	display: block;
	margin-bottom: 4px;
	font-size: 9px;
	letter-spacing: 0.18em;
	color: #9a773d;
}

.paper-sign-row strong {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	color: #1a1714;
}

.paper-seal {
	display: grid;
	place-items: center;
	width: 68px;
	height: 68px;
	border: 2px solid rgba(154, 43, 45, 0.72);
	border-radius: 50%;
	color: rgba(154, 43, 45, 0.86);
	font-weight: 800;
	line-height: 1.15;
	text-align: center;
	transform: rotate(-10deg);
}

.paper-certificate-page .warranty-terms {
	background:
		linear-gradient(135deg, rgba(255, 253, 247, 0.94), rgba(246, 238, 225, 0.96));
	border-color: rgba(92, 69, 43, 0.2);
	box-shadow: 0 14px 40px rgba(71, 48, 25, 0.12);
}

@media (max-width: 768px) {
	.paper-topbar .result-logo img {
		width: 116px;
	}

	.paper-certificate {
		padding: 18px !important;
		outline-width: 3px;
	}

	.paper-watermark {
		right: 12px;
		top: 88px;
		font-size: 74px;
	}

	.paper-certificate .compact-certificate-head h2 {
		font-size: 27px;
	}

	.paper-sign-row {
		align-items: center;
	}
}

@media (max-width: 420px) {
	.paper-topbar .result-topbar-inner {
		gap: 10px;
	}

	.paper-topbar .result-logo {
		padding: 7px 10px;
	}

	.paper-topbar .result-logo img {
		width: 102px;
	}

	.paper-topbar .result-back {
		padding: 0 10px;
		font-size: 11px;
	}

	.paper-certificate .compact-certificate-head h2 {
		font-size: 24px;
	}

	.paper-certificate::after {
		font-size: 13px;
		letter-spacing: 0.18em;
	}

	.paper-seal {
		width: 58px;
		height: 58px;
		font-size: 12px;
	}
}