@charset "utf-8";
/* CSS Document */

/*404*/
.errbox{ width:500px; margin:auto; padding:30px 0; font-size:16px; text-align:left}
.errbox h2{ color:red}
.errbox a{ color:red}
.errbox p{ font-size:16px ; margin:auto; padding:5px 0!important; text-align:left; }
.errbox ul{ margin:auto; padding:0}
.errbox ul li{ text-align:left; margin:auto; padding:5px 0}
/*404*/

/* HOME PAGE */
.countdown-style-2{text-align: center;padding: 45px 0; color:#fff}
.infotimebox{ width:49%; display:inline-block;}
.infotimebox2{ width:49%; display:inline-block;}
.infotimebox p{ font-weight:bold}
.countdown-tex1{ font-size:34px}
.countdown-tex2{ font-size:26px}
.countdown-tex3{font-size:26px; margin:30px 0 15px}
.countdown-tex3 a{ font-weight:bold; background:#cc133d; color:#fff; padding:8px 20px;border-radius:5px; }
.col-ooo{background: #000;}
.col-fff{background: #fff;}
ul.for-box{ margin:auto; padding:50px 0; width:100%; color:#000}
ul.for-box li{border-radius: 8px;background:rgba(251,172,28, 0.9); float:left; width:23%;list-style-type:none; margin:auto 1%; padding:0; height:313px; position:relative}
ul.for-box li p{ font-size:14px; line-height:22px; margin:10px 0 0; color:#000}
ul.for-box li h2{ font-weight:bold; font-size:30px;text-transform:uppercase; line-height:29px; margin:auto; padding:5px 0; color:#000}
.op-cover{background-repeat:no-repeat!important;  width:100%; padding:48px 10px 2px}
.op-cover-1{background:url(../images/home/about-marathon-1.png);}
.op-cover-2{background:url(../images/home/race-category-1.png);}
.op-cover-3{background:url(../images/home/rout-map-1.png);}
.op-cover-4{background:url(../images/home/howto-ragister-1.png);}
ul.for-box li:hover{background:rgba(204,19,61, 0.9);transition: background-color 1.3s ease;}
ul.for-box li:hover .op-cover-1{background:url(../images/home/about-marathon-2.png);transition: background-color 0.9s ease;}
ul.for-box li:hover .op-cover-2{background:url(../images/home/race-category-2.png);}
ul.for-box li:hover .op-cover-3{background:url(../images/home/rout-map-2.png);}
ul.for-box li:hover .op-cover-4{background:url(../images/home/howto-ragister-2.png);}
ul.for-box li:hover p{transition:color 0.9s ease; color:#fff}
ul.for-box li:hover h2{transition:color 0.9s ease; color:#fff}
ul.for-box li:hover .aro-bg{ background:url(../images/home/aro2.png)}
.btm-aro{padding:17px 0 0 0;background:#fff;margin:auto;text-align:center;width:65px;height:70px;border-radius:100px; position:absolute; left:0; right:0; bottom:-41px}
.aro-bg{ background:url(../images/home/aro1.png); background-repeat:no-repeat; width:14px;height:9px; margin:auto}

.prizes-box{ width:100%; margin:auto; padding:0px 0; background:#ffe700}
.prizes1{ float:left}
.prizes-lf{ width:45%; margin:auto; padding:0; line-height:0}
.prizes-lf img{ width:100%}
.prizes-rt{ width:55%; text-align:center; padding:20px}
.prizes-rt h2{ margin:10px 0 0 0 ; padding:0; text-transform:uppercase; font-weight:bold; color:#cc133d; font-size:40px}
.prizes-rt ul{ padding:0; margin:10px 0}
.prizes-rt ul li{ width:205px; display:inline-block; margin:auto 7%; padding:10px 0;border-bottom:dashed 1px; border-color:#ddc904; list-style-type:none}
.prizes-rt ul li img{ float:left}
.prizes-rt ul li p{font-size:18px ;float:left; text-align:left; margin:9px 0 0 6px}
.prizes-rt ul li.pz2{ border:none;}
.spo-hd{text-transform: uppercase;font-weight: bold;color: #cc133d;font-size: 40px; text-align:center; padding:5px 0 30px; margin:auto}
.full-screen{padding:30px 0}

.gallery-box1{ background:#fbac1c; width:100%; margin:auto; padding:30px 0}
.gallery-co1{ float:left; width:350px}
.gallery-co1 h2{font-size:40px; font-weight:bold; text-transform:uppercase}
.gallery-co2{ float:right; width:500px;}
.gallery-co2 img{border-radius:18px ;padding:10px}
.gallery-co2 img:hover{transform: scale(1.1) ;}
/* HOME END */

/* ABOUT PAGE */
.about-con{ position:relative;color:#fff;text-align:center;background:url(../images/about/back.jpg);background-repeat:no-repeat;width:100%;margin:auto;padding:50px 0;background-size:cover}
.about-con h2{text-shadow:#6d1652 5px 3px 0; text-transform:uppercase; font-weight:bold; font-size:50px; margin: auto; padding:30px 0}
.about-con h3{ font-size:26px; margin:auto; padding:20px 0}
.about-con p{ text-align:left; font-size:18px; margin:auto; padding:10px 0}
.title-m h2{text-align:center; font-size:30px; color:#e3202f; font-weight:bold; text-transform:uppercase}
.about{ padding:50px 0 20px}
/* ABOUT PAGE END */

/* FAQS PAGE */
.top-pagcont{ position:relative;text-align:center;background:url(../images/about/back.jpg);background-repeat:no-repeat; width:100%; margin:auto; padding:90px 0;background-size: cover;}
.top-pagcont h2{color:#fff;text-shadow:#6d1652 5px 3px 0; text-transform:uppercase; font-weight:bold; font-size:50px; margin: auto; padding:30px 0}
/*========== ACCORDI0N ===========*/
.accordion{ width:100%; margin: 0; padding:30px 0}
.main-content{ width:100%; margin:auto; background:#fff; padding:20px 0 60px}
.header-acc{ width:100%; margin:auto; padding:0px 0}
.drawer{width:100%;border-radius:3px;}
.accordion-item{clear:both}
.accordion-item-active{clear:both}
.accordion-item-active .accordion-header{background:#fff;transition:.25s;}
.accordion-item-active .accordion-header-icon{color:#fff;}
.accordion-header{border-bottom: 1px solid #000;cursor: pointer;padding:20px 22px;transition: all 0.25s ease 0s; width:100%; float:left}
.accordion-header-active{border-bottom: 0px solid #000;}
.accordion-header h1{float:left;font-size:18px;font-weight: bold;margin:0;color:#000; width:97%;list-style-type: decimal;}
.accordion-content{border-bottom: 1px solid #000;display:none;padding:0 12px 12px 12px;color:#212121;background:#FFF;font-size:15px;line-height:1.45em;}
.accordion-header-icon{ margin:4px 0 0 0;float:right;color:#888;font-size:0px;vertical-align:middle; background: url(../images/aro-bottom.png); width:22px; height:14px }
.accordion-header-icon.accordion-header-icon-active{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);color:#000;}
.accor-text{clear:both;font-size:18px; color:#101010; width:98%; margin:auto; padding:5px 0}
ul.accor-text{font-size:18px; color:#101010; width:98%; margin:0 0 0 25px; padding:5px 0}
ul.accor-text li{margin:0; padding: 0 0}
/*========== ACCORDI0N ===========*/
/* FAQS PAGE END */

/* CONTACT US */
a.new-how{color:#bd0707;-webkit-animation:colorchange 10s infinite alternate;}
@-webkit-keyframes colorchange {
0%   {color:#000;}
10%  {color:#bd0707;}
20%  {color:#000;}
30%  {color:#bd0707;}
40%  {color:#000;}
50%  {color:#bd0707;}
60%  {color:#000;}
70%  {color:#bd0707;}
80%  {color:#000;}
90%  {color:#bd0707;}
100% {color: #000;}
}
.contact-formbox{ width:100%; margin:auto; padding:30px 0}
.contact-formbox-cover{ width:48%; margin:auto; padding:0}
.contact-formbox-cover ul{ width:100%; margin:auto; padding:0}
.contact-formbox-cover ul li{ list-style-type:none; margin:auto; padding:8px 0}
.contact-formbox-cover p{ font-size:18px}

.contact-formbox-left{float:left; }
.contact-formbox-left ul li{width:100%; }
.contact-formbox-left p{margin:auto; padding:5px 0}

.contact-formbox-right{float:right; }
.contact-formbox-right ul li{}
.contact-formbox-right ul li.formtype-l{ float:left;}
.contact-formbox-right ul li.formtype-l p{ padding:10px 0px; }
.contact-formbox-right ul li.formtype-r{ float:right; width:70%}
.contact-formbox-right select{ width:100%; padding:10px 20px; border:1px solid #d9d9d9}
.contact-formbox-right input{ width:100%; padding:10px 20px; border:1px solid #d9d9d9}
.contact-formbox-right textarea{height: 130px;width:100%;border: 1px solid #d9d9d9;padding: 10px;}
.contact-formbox-right ul li i{ font-size:14px}
.button-sedn{ width:200px; float:right; padding:20px 0}
.button-sedn input{ background:#ffe700; border:0px}
/* CONTACT US */

/* 	TERMS AND CONDITIONS */
.tnc-list p{ margin:auto;padding:8px 0; color:#333333}
.tnc-list li{ margin:auto;padding:8px 0; color:#333333}
.tnc-list strong{ line-height:40px}
.tnc-list h2{ font-weight:bold; font-size:22px}
/* 	TERMS AND CONDITIONS */

/* 	RACE DETAILS */
.tb-block{ width:100%; margin:auto; padding:0}
.tb-block-left{ float:left;width:43% }
.tb-block-left img{ width:100%}
.tb-block-right{ float:right;width:50% }
.tb-block-right ul{ margin:auto; padding:0; }
.tb-block-right ul li{border-radius:10px;list-style-type:none;text-align:center;display:inline-block;background:#3378bd;margin:auto 2%;padding:20px 0;width:33%;color:#fff }
.tb-block-right ul li p{ font-weight:bold; margin:auto; padding:0}
.tb-con{ padding:30px 0 0 0}
.tb-con h2{ font-weight:bold; font-size:20px; color:#3378bd}
.tb-con p{font-size:18px}

.tb-block-left2{ float:left;width:43%; margin:1% 3% }
.tb-block-left2 img{ width:100%}
.tb-block-right2{ float:left!important; width:100%; padding:20px 0}
.tb-block-right2 ul { text-align:center}
.tb-block-right2 ul li{ width:20%;}

.counterup{ padding:30px 0 0}
.cut{ font-size:20px; color:#000; font-weight:bold;}
.cut span{ color:#3378bd; font-size:20px;}
.counter-tx3 p{ font-size:20px}
ul.counterup-box{text-align:center; margin:auto; padding:10px 0; width:100%;}
ul.counterup-box li{ list-style-type:none; float:left; font-weight:bold;border-radius:10px; margin:1%;padding:50px 0 ; width:288px; background:#ba3375; color:#fff;}
ul.counterup-box li sub{ text-transform:uppercase}
ul.counterup-box li p{ margin:auto}
.counter-tx1{ font-size:58px}
.counter-tx2{ font-size:30px}
.counter-tx3{ font-size:20px}
.wit-line{ width:20%; border-top:1px solid #fff; height:1px;text-align:center; margin:10px auto; padding:0}
.counter-bg{max-height: 100px;min-height: 100px;}
.counterup{ padding:0}
/* zoom */
.small { display: block; }
.magnify { position:relative;cursor: none}
.large {width:175px;height:175px;position:absolute;border-radius:100%;box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 10px 2px rgba(0, 0, 0, 0.25);display: none;}

.small2 { display: block; }
.magnify2 { position:relative;cursor: none}
.large2 {width:175px;height:175px;position:absolute;border-radius:100%;box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 10px 2px rgba(0, 0, 0, 0.25);display: none;}

.small3 { display: block; }
.magnify3 { position:relative;cursor: none}
.large3 {width:175px;height:175px;position:absolute;border-radius:100%;box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 10px 2px rgba(0, 0, 0, 0.25);display: none;}

.small4 { display: block; }
.magnify4 { position:relative;cursor: none}
.large4 {width:175px;height:175px;position:absolute;border-radius:100%;box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 10px 2px rgba(0, 0, 0, 0.25);display: none;}

.small5 { display: block; }
.magnify5 { position:relative;cursor: none}
.large5 {width:175px;height:175px;position:absolute;border-radius:100%;box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 10px 2px rgba(0, 0, 0, 0.25);display: none;}

.small6 { display: block; }
.magnify6 { position:relative;cursor: none}
.large6 {width:175px;height:175px;position:absolute;border-radius:100%;box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 10px 2px rgba(0, 0, 0, 0.25);display: none;}

/* zoom */
/* 	RACE DETAILS */

/* PRIZES */
.sideheading {vertical-align: middle!important;text-align: center;}
.page-sp{ padding:30px 0}
.prizes-table{ padding:40px 0 0}

.prizes-table table{ border-left:none!important;border-right:none!important;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
tr.tb-tx1 th{ background:#3378bd; color:#fff}
.prizes-table table tbody tr th{ border-left:none!important;border-right:none!important;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.prizes-table table tbody tr td{ border-left:none!important;border-right:none!important;border-bottom:1px solid #ddd;border-top:1px solid #ddd}

.medal-box ul{ margin:auto; padding:20px 0; width:100%}
.medal-box ul li{ list-style-type:none; display:inline-block; width:24.6%; text-align:center; font-weight:bold;color:#fff; padding:10px 4%}
.medal-box ul li img{ float:left; margin: auto}
.medal-box ul li p{ float:right; text-align:center; margin:auto}
/* PRIZES */


/* How to Register */
.reg-block-left2{ width:48%; float:left;margin:auto; padding:0;text-align: center!important; }
.reg-block-left{border: 1px solid #e3e3e3;border-radius:8px;margin:auto; padding:0}
.reg-block-left ul{border-bottom: 1px solid #e3e3e3; margin:auto; padding:20px; width:100%}
.reg-block-left ul li{ list-style-type:none; float:left; padding:24px 0 0 6%; text-align:center; font-weight:bold}
.reg-block-left ul li.hotr-box-1{ padding:13px 0; width:70px;border-radius:10px; background:#f1572b; color:#fff; font-size:36px}
.reg-block-left ul li.hotr-box-1 span{ font-size:20px}
.reg-block-left ul li.hotr-box-2{ font-weight:normal; text-align:left; color:#000; font-size:16px}
.reg-block-left ul li.hotr-box-2 span{ color:#3378bd; font-weight:bold; font-size:24px}
.reg-block-left ul li.hotr-box-3{ margin:32px 0 0 0; padding:0; float:right; font-size:30px; color:#3378bd}
.rgb-btn{ margin:30px 25px auto; padding:0; text-align:center}
.rgb-btn a{ float:left;width:100%; border-radius:8px;margin:auto; padding:20px 0; background:#e91d28; color:#fff; font-size:30px;}
.rgb-btn a:hover{ background:#f1572b}
.reg-block-right{ float:right; width:45%}
.reg-tx1{ padding:20px 0; font-weight:bold; font-size:20px; color:#3378bd}
.reg-tx2{font-size:18px;color:#000}
.hotr-block{ padding:0px 0 30px;}
.hotr-block2{background:#f7f7f7; padding:30px 0;}
.tsrt-dig1{ float:left; width:51%}
.tsrt-dig1 img{ width:100%}
.tsrt-dig2{ float:right; width:45%; }
.hotr-block2 h2{ text-align:center; padding:0 0 50px 0; font-weight:bold; text-transform:uppercase; margin:auto; font-size:40px; color:#cc133d}
.tsrt-dig2 table tr th{ background:#3378bd; color:#fff; padding:14px 26px}
.tsrt-dig2 table tr td{padding:14px 26px}
/* How to Register */


/* At the Venue */
.venue-1{ padding:20px 0}
.venue-box{ margin:auto; padding:0}
.venue-box li{width:45%; list-style-type:none}
.venue-left{ float:left; }
.venue-right{ float:right}
.vn-line{ width:100px; height:1px; border-bottom:1px solid #e3e3e3; margin:20px 0}
.venue-box h2{ font-size:20px; color:#3378bd; font-weight:bold; padding:30px 0 10px; margin:auto}
.venue-box p{ font-size:18px}
.venue-box2{ margin:auto; padding:0 0 0 16px}
.venue-box2 li{ font-size:18px; width:100%; float:none; padding:3px 0;list-style-type:lower-alpha}
/* At the Venue */


/* PACERS */
sub{ bottom:-1px!important}
.pc-bgbox{ padding:0 0 20px 0; margin:auto; width:100%; display:inline-block; text-align:center; }
.pc-bgbox img{ padding:0 3%}
ul.pc-bgbox2 { margin:auto; padding:0; width:100%}
ul.pc-bgbox2 li{ width:50%; padding:0 2%; float:left; list-style-type:none}
ul.pc-bgbox2 table{ margin:auto; padding:0; border-bottom:0px solid #e3e3e3}
ul.pc-bgbox2 table tr td{border-bottom:0px solid #e3e3e3}
ul.pc-bgbox2 .prizes-table{ border-bottom:1px solid #e3e3e3}
.pac-1{ width:47%}
.pac-2{ width:36%}
/* PACERS */

@media only screen and (max-width: 1270px) {
.countdown-tex1{ font-size:29px} 
.countdown-tex2{ font-size:20px} 
.countdown-tex3{ font-size:20px} 
.infotimebox{ width:40%}
.infotimebox2{ width:622px}
.prizes-rt ul li{ margin: auto 4%}
.prizes-rt ul{ margin:10px 0}
.contact-formbox-right ul li.formtype-r{ width:60%}
.medal-box ul li{ padding:10px 2%}
.reg-block-left img {
    width: 80%;
}

@media only screen and (max-width: 1000px) {
.op-cover{ padding:18px 10px 2px}
.infotimebox{ width:100%; padding:0 0 10px}
ul.for-box li{ width:23%; margin:auto 1% }
ul.for-box li h2{ font-size:20px; line-height:20px}

.prizes-rt ul li p{ font-size:14px; line-height:17px}
.prizes-rt ul li img{ width:28%}
.prizes-rt h2{ font-size:30px}
.prizes-rt ul li{ width:160px}

.spo-hd{ font-size:30px}

.gallery-co1 h2{ font-size:30px}
.gallery-co1{ width:40%}
.gallery-co2{ width:58%}
.gallery-co2 img{ width:31%}

.accordion-header h1{ font-size:16px; width:90%}
.accor-text{ font-size:16px}
.medal-box ul li{ padding:10px 1%}
.medal-box ul li img{ width:25%}
.medal-box ul li p{ font-size:14px}


.reg-block-left ul li.hotr-box-1{ padding:5px 0 ; width:50px; font-size:21px}
.reg-block-left ul li.hotr-box-1 span{ font-size:14px}
.reg-block-left ul li.hotr-box-2 span{ font-size:21px}
.reg-block-left ul li.hotr-box-2{ font-size:14px}
.reg-block-left ul li.hotr-box-3{ font-size:21px}
.reg-block-left ul li{ padding:0 0 0 6%}
.reg-block-left ul li.hotr-box-3{ margin:0}
.reg-tx1{ font-size:18px; padding:10px 0}
.reg-tx2{ font-size:16px}
.rgb-btn a{ font-size:21px; padding:10px 0}
.reg-block-left2{ width:60%}
.reg-block-right{ width:35%}
.reg-block-left img {
    width: 80%;
}

@media only screen and (max-width: 900px) {
.contact-formbox-cover p{ font-size:15px; padding:2px 0}
.contact-formbox-left{ width:30%}
.contact-formbox-right{ width:60%}

.tb-con{ padding:25px 0 0}
.tb-block-right ul li{width:45%}
.tb-block-left{ width:48%}
.tb-con p{font-size:17px}
.tsrt-dig2 table tr th{ padding:15px}
}

@media only screen and (max-width: 800px) {
ul.for-box li{ width:45%; margin:25px 1% }
ul.for-box{ padding:10px 0}

.prizes-rt ul li{ width:125px}
.prizes-rt ul li img{ width:45px; text-align:center; float:none}
.spo-hd{ padding:0}
ul.for-box{ padding:0}
.countdown-style-2{ padding:20px 0}

.top-pagcont h2{ font-size:30px}
.top-pagcont{ padding:20px 0}

.counter-tx1{ font-size:30px}
.counter-tx2{ font-size:25px}
ul.counterup-box li{ padding:50px 0 29px}
.prizes-table table{ font-size:11px}

.medal-box ul li img{ float:none}
.medal-box ul li p{ float:none}
.medal-box ul li{ padding:10px 0; width:24%}

.tsrt-dig1{ width:100%; float:none; margin:10px 0}
.tsrt-dig2{ width:100%; float:none; margin:10px 0}
.hotr-block2{ padding:10px 0 0 0}

.venue-box h2{font-size:18px}
.venue-box p{font-size:16px}
.venue-box2 li{font-size:16px}

ul.for-box li{ height:270px}

.tb-block-left2{ float:left;width:95%; margin:20px 1% }

}

@media only screen and (max-width: 700px) {
.countdown-tex1{margin:3px 0;font-size:24px}
.countdown-tex2{margin:3px 0;font-size:20px}
.countdown-tex3{margin:20px 0;font-size:20px}

.prizes-lf{ width:100%; margin:auto; float:none}
.prizes-rt{ width:100%; margin:auto; float:none}
.prizes-rt ul li{ margin:auto 1%; width:123px; border:none}
.prizes-rt ul li p{ text-align:center; float:none}

.contact-formbox-left{ width:100%}
.contact-formbox-right{ width:100%}

ul.pc-bgbox2 li{ float:none; width:100%}
ul.pc-bgbox2 li .prizes-table{ padding:10px 0}
}

@media only screen and (max-width: 650px) {
.gallery-co1{ width:100%}
.gallery-co2{ width:100%}
.gallery-co2 img{ width:31%}

.countdown-tex1{ font-size:20px}
.countdown-tex2{ font-size:17px}
.countdown-tex3{ font-size:17px}

.about-con h2{ font-size:30px; padding:10px 0}
.about-con h3{ font-size:20px; padding:10px 0}
.about-con p{ padding:5px 0; font-size:15px}
.title-m h2{ font-size:25px}
.title-m p{font-size:15px}
.about{ padding:20px 0}

.tb-block-left{ float:none; margin:10px auto; width:100%}
.tb-block-right{ float:none; width:100%; margin:auto}
ul.counterup-box li{ width:48%; margin:1%}

.prizes-table2{ overflow:scroll}
.prizes-table{ width:600px}
ul.pc-bgbox2 li .prizes-table{ width:100%; padding:10px 0}

.reg-block-left2{ width:100%; margin:10px 0; float:none}
.reg-block-right{ width:100%; margin:10px 0; float:none}
.errbox{ width:95%}
}

@media only screen and (max-width: 550px) {
.medal-box ul li{ padding:10px 0; width:48%; margin:0.5%}

.venue-box li{ float:none; width:100%}
.venue-box h2{ padding:10px 0 5px}
.vn-line{ margin:5px}
.venue-1{ padding:0}

ul.counterup-box li{ width:80%; float:none; margin:10px auto}
}

@media only screen and (max-width: 450px) {
.op-cover{ padding:20px 10px 46px}
ul.for-box li{ width:100%; float:none; margin:50px 0; height:auto}
.contact-formbox-right ul{ padding:8px 0}
.contact-formbox-right ul li.formtype-l p{ margin:auto; padding:0}
.contact-formbox-right ul li.formtype-l{ float:none; padding:0}
.contact-formbox-right ul li.formtype-r{ float:none; width:100%; padding:0}

.join p.big-font{ font-size:24px!important}
.hotr-block{ padding:0}
.hotr-block2 h2{ font-size:22px; padding:0 0 20px}
.tsrt-dig2 table{ font-size:13px}
.tsrt-dig2 table tr th{ padding:5px}
.tsrt-dig2 table tr td{ padding:5px}
.top-pagcont h2{ font-size:20px; padding:10px}
}

@media only screen and (max-width: 400px) {
.tb-block-right ul li{ width:100%; margin:5px auto;}
ul.counterup-box li{ width:100%; margin:5px 0}
.reg-block-left ul li.hotr-box-1{border-radius:0;padding: 5px;width: auto;font-size: 18px;}
.reg-block-left ul{ padding:5px;}
.reg-block-left ul li.hotr-box-2{ padding:0 0 0 4%; font-size:13px}
.reg-block-left ul li.hotr-box-2 span{ font-size:18px}
.reg-block-left ul li.hotr-box-3{ font-size:18px; margin:11px 0 0 0}

.pc-bgbox img{ width:100%}
}