body{ padding: 0px; margin: 0px; list-style: none; font: normal 14px/18px Arial, Helvetica, sans-serif; color:#fff; background: #010101; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}

@font-face {
    font-family: 'ProximaNovaBold';
    src: url('../fonts/proximanova-bold.eot');
    src: url('../fonts/proximanova-bold.eot') format('embedded-opentype'),
         url('../fonts/proximanova-bold.woff2') format('woff2'),
         url('../fonts/proximanova-bold.woff') format('woff'),
         url('../fonts/proximanova-bold.ttf') format('truetype'),
         url('../fonts/proximanova-bold.svg#ProximaNovaBold') format('svg');
}

@font-face {
    font-family: 'ProximaNova-Light';
    src: url('../fonts/ProximaNova-Light.eot');
    src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Light.woff2') format('woff2'),
        url('../fonts/ProximaNova-Light.woff') format('woff'),
        url('../fonts/ProximaNova-Light.ttf') format('truetype'),
        url('../fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'BatmanForeverAlternate';
    src: url('../fonts/BatmanForeverAlternate.eot');
    src: url('../fonts/BatmanForeverAlternate.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BatmanForeverAlternate.woff2') format('woff2'),
        url('../fonts/BatmanForeverAlternate.woff') format('woff'),
        url('../fonts/BatmanForeverAlternate.ttf') format('truetype'),
        url('../fonts/BatmanForeverAlternate.svg#BatmanForeverAlternate') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proximanova-regular';
    src: url('../fonts/proximanova-regular-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular-webfont.woff') format('woff'),
         url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaSemibold';
    src: url('p../fonts/proximanova-semibold.eot');
    src: url('../fonts/proximanova-semibold.eot') format('embedded-opentype'),
         url('../fonts/proximanova-semibold.woff2') format('woff2'),
         url('../fonts/proximanova-semibold.woff') format('woff'),
         url('../fonts/proximanova-semibold.ttf') format('truetype'),
         url('../fonts/proximanova-semibold.svg#ProximaNovaSemibold') format('svg');
}


h1,h2, h3 ,h4, h5 { font-family: 'BatmanForeverAlternate' !important; color:#fff; text-transform: capitalize; }



/*font-family: 'Lato', sans-serif;*/
.wrapper{ width: 100%;}
.main_wrapper{ width: 100%; background: url(../images/mid-bg.jpg) repeat-y center top; }
.wrapper .container{ width: 1200px; }
.banner_sec{ width: 100%; position: relative; text-align: center; }
.banner_box{ width: 100%; position: relative; }
.banner_box img{ width: 100%; height: 400px; object-fit: cover; }
.banner_inner{ width: 100%; position: absolute; left: 0px; top: 60%; z-index: 9; }
.banner_inner img{ max-width: 100%; }


.header_sec{ width: 100%; padding: 0 30px; position: absolute; left: 0px; top: 20px; z-index: 99999; }
.nav_top{ width: 100%; padding: 20px 20px 25px; margin: 0px; height: auto; background: url(../images/header-bg2.png) no-repeat 0 0; background-size: 100% 100%; border: none; box-shadow: inherit; }
.nav_top .navbar-brand{ width: auto; padding: 30px 0 0 20px; margin: 0; height: auto; }
.nav_top .navbar-brand img{ max-width: 100%; }
.nav_top .navbar-collapse{ padding: 0px; border: none; box-shadow: inherit; }


.menu_sec{ margin: 0px !important; }
.menu_sec li{ margin-left: 10px; padding-left: 10px; background: url(../images/devider.png) no-repeat left 4px; text-align: center; }
.menu_sec li:first-child{ margin-left: 0px; padding-left: 0px; background: none; }
.menu_sec li:last-child{ padding-left: 0px; background: none; }
.menu_sec li.select a{  color:#0bb0ff !important; }
.menu_sec li a{ padding: 10px; font: normal 16px/18px 'ProximaNovaBold'; color:#fff !important; text-transform: uppercase;  }
.menu_sec li a img{ max-width: 100%; }
.menu_sec li a span{ display: inline-block; padding-top: 8px; font-family: 'BatmanForeverAlternate';}
.menu_sec li.play_btn a{ background: url(../images/green-bg.png) repeat-x 0 0;background-size: 100% 100%; font-size: 20px; }
.menu_sec li.play_btn a:hover{ color:#fff !important; }
.menu_sec li a:hover{ color:#0bb0ff !important; }

.mid_sec{ width: 100%; position: relative; }
.mid_line{ width: 100%; position: absolute; left: 0px; top: -23px; background: url(../images/banner-shadow.png) repeat-x left top; height: 23px; }
.mid_inner{ width: 100%; padding:30px; padding-top: 96px; background: url(../images/mid-light.png) no-repeat 90% 76px; min-height: 800px; }
.mid_inner h2{ padding-bottom: 25px; margin: 0px; text-align: center; }
.mid_inner h2 img{ max-width: 100%;}
.mid_inner p{ margin: 0px; text-align: center; padding-top: 10px; font: normal 18px/24px 'ProximaNova-Light';  color:#fff; }
  
.unit_sec{width: 100%; display: inline-block; margin-top: 45px; }
.unit_top{ width: 100%; display: inline-block; position: relative; text-align: center; }
.unit_top h3{ font: normal 24px/26px 'BatmanForeverAlternate'; color:#fff; text-transform: capitalize; }
.unit_top h3 span{ display: inline-block; padding: 30px 86px 20px;}
.fire_icon {  width: auto; position: absolute; right: -70px; top: -35px; }
.fire_icon img{ max-width: 100%; }


.unit_box_main{ width: 100%; background: #1c1c1c; border: 1px solid #464646; position: relative; margin: 25px 0px 0px 0px; display: inline-block; z-index: 9; }
.unit_box1{ width: 21%; padding: 10px; text-align: center; float: left; border-right: 1px solid #464646; min-height: 212px; }
.unit_box1_inner{ width: 100%; display: inline-block; height: 182px; text-align: center; position: relative; background: url(../images/pic-frame.png) no-repeat 0 0; background-size: 100% 100%; 
padding: 15px; }
.unit_icon{ width: 100%; position: absolute; left: 50%; top: 50%; 
-ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
 	transform: translate(-50%,-50%);}
.unit_icon img{ max-width: 100%;}

.unit_box2{ width: 28%; padding: 20px 10px 10px; float: left; border-right: 1px solid #464646; min-height: 212px; }
.unit_box2 h4{ font: normal 22px/26px 'BatmanForeverAlternate'; color:#fff; text-transform: uppercase; }
.unit_box2 p{ font: normal 17px/26px 'ProximaNova-Light'; color:#999999; padding-top: 6px; text-align: left; }

.unit_box3{ width: 23%; float: left; min-height: 212px; border-right: 1px solid #464646; }
.unit_box3 ul{ width: 100%; float: left;}
.unit_box3 ul li{ width: 100%; float: left; font: normal 15px/18px 'proximanova-regular'; color:#999; border-bottom: 1px solid #464646; }
.unit_box3 ul li strong{ font-weight: 600; color:#fff; text-transform: uppercase; width: 50%; float: left; border-right: 1px solid #464646; padding: 17px 10px;  } 
.unit_box3 ul li span{width: 50%; float: right; padding: 16px 10px; } 
.unit_box3 ul li:last-child{ border-bottom: none;}

.unit_box4{ width: 28%; padding: 10px; float: left; min-height: 212px; }
.unit_box4 h5{ font: normal 18px/22px 'ProximaNovaSemibold'; color:#fff; text-transform: uppercase; padding-bottom: 12px; }
.unit_box4_inner{ width: 100%; position: relative; display: inline-block; padding: 0px; padding-left: 54px; margin-top: 10px; min-height: 35px; }
.unit_box4_inner p{ font: normal 14px/18px 'proximanova-regular'; color:#999999; text-align: left; padding: 0px; }
.sml_icon{ width: auto; position: absolute; left: 0px; top: 0px; }
.sml_icon img{ max-width: 100%; }
.mt30{ margin-top: 30px; }


.footer_sec{ width: 100%; position: relative; margin-top: 60px;}
.fire_icon2 {  width: auto;  position: absolute;  left: 60px; top: -90px;}
.fire_icon2 img{ max-width: 100%; }
.fire_icon3 {width: auto; position: absolute;  right: 0; top: -190px;}
.fire_icon3 img{ max-width: 100%; }
.footer_inner{ width: 100%; background: rgba(0, 0, 0, 0.8); padding: 45px 0; text-align: center; }
.footer_logo{ width: 100%; display: inline-block; }
.footer_logo img{max-width: 100%; }
.footer_menu{ width: 100%; display: inline-block; margin-top: 10px; position: relative; z-index: 9999;  }
.footer_menu ul{ display: inline-block; }
.footer_menu ul li{ float: left; margin: 10px 0 0 28px; padding-left: 40px; background: url(../images/devider2.png) no-repeat left 5px; font: normal 18px/20px 'ProximaNova-Light';  color:#fff  }
.footer_menu ul li:first-child{ margin-left: 0px; padding-left: 0px; background: none; }
.footer_menu ul li a{ text-decoration: none; color:#fff; outline: none; }
.footer_menu p{  margin: 12px 0 0; font: normal 18px/20px 'ProximaNova-Light'; color:#fff; }
.footer_menu p a{ text-decoration: none; color:#fff; outline: none; }


.copy_rt_sec{ width: 100%; text-align: center; background: #0bb0ff; }
.copy_rt_sec ul{ display: inline-block; padding: 22px 0 18px 0; }
.copy_rt_sec ul li{ float: left; margin-left: 12px; padding-left: 15px; background: url(../images/devider3.png) no-repeat left 1px;  font: normal 14px/16px 'proximanova-regular'; color:#fff; }
.copy_rt_sec ul li a{ text-decoration: none; color:#fff; outline: none; }
.copy_rt_sec ul li:first-child{ margin-left: 0px; padding-left: 0px; background: none; }


/*leaderbord*/
.leaderboard_inner{ padding: 70px 90px 20px; }
.leader_borad_top{ width: 100%; display: inline-block; }
.sorting_sec{ width: 300px; float: left; }  
.sorting_sec label{ float: left; width: auto; font: normal 18px/24px 'ProximaNovaSemibold'; color:#fff; text-transform: uppercase; padding-top: 5px; } 
.sorting_sec .slct_box{ width: 120px; float: right; }  
.sorting_sec .slct_box .btn { background: #1e1e1e; border: 1px solid #383838; font: normal 16px/20px 'ProximaNova-Light'; color:#fff;  }
.sorting_sec .caret {  border-top: 6px dashed; border-right: 6px solid transparent; border-left: 6px solid transparent;}
#edit-sort-by { background: #1e1e1e; border: 1px solid #383838; font: normal 16px/20px 'ProximaNova-Light'; color:#fff; padding: 6px; margin-left: 10px;  } 
#edit-sort-by option { background: #fff; color:#000; padding: 6px; } 
.leaderboard_inner .view-header h1 { display: none; }

.leader_borad_list{ width: 100%; position: relative; }  
.leader_top{ width: 100%; background: url(../images/top-line.png) no-repeat left top; background-size: 100%; min-height: 110px; position: relative; }
.leader_bottom{ width: 100%; background: url(../images/bottom-line.png) no-repeat left top; background-size: 100%; min-height: 148px; background-size: 99.5%; }
.leader_mid{ width: 100%; background: url(../images/mid-line.png) repeat-y 0 0; background-size: 100%; position: relative; margin-top: -82px; padding: 0 28px; }
.leader_mid_inner{ min-height: inherit; width: 100%; background: #1c1c1c; padding: 30px; margin-bottom: -115px;}
.leader_mid_inner .table > thead > tr > th{ padding: 15px; font: normal 16px/20px 'ProximaNovaSemibold'; color:#fff; text-transform: uppercase; background: #121212; border-color:#464646;
 border-bottom: none; width: 16.6666%; }
.leader_mid_inner .table > tbody > tr > td{ padding: 15px; font: normal 14px/20px 'proximanova-regular'; color:#999; text-transform: capitalize; border-color:#464646; width: 16.6666%; }
.leader_mid_inner .table-bordered{ border: 1px solid #464646; margin: 0px; }

.fire_box1 {width: auto; position: absolute; left: -130px; top: -66px;}
.fire_box1 img{ max-width: 100%; }
.fire_box2 { width: auto; position: absolute; right: -74px; top: -98px;}
.fire_box2 img{ max-width: 100%; }
.board_pic { width: auto; position: absolute; right: 115px; top: 44px; z-index: 9;}
.board_pic img{ max-width: 100%;}

.color_pic { width: auto; position: absolute; left: -136px; top: 10px;}
.color_pic img{ max-width: 100%;}

.pagination_sec{ width: 100%; display: inline-block; text-align: center; }
.pagination_sec ul{ display: inline-block; width: auto; }
.pagination_sec ul li{ float: left; margin: 8px 0 0 10px; padding: 2px 8px; font: normal 15px/17px 'proximanova-regular'; color:#fff; }
.pagination_sec ul li:first-child{ margin-left: 0px; }
.pagination_sec ul li a{ float: left; text-decoration: none; color:#fff; color:#fff; }
.pagination_sec ul li.actv{ background: #0bb0ff; } 


/* View pager. */
#block-system-main .item-list { width: 100%; display: inline-block; text-align: center; z-index: 500; }
#block-system-main .item-list ul.pager { padding-top: 20px; }
#block-system-main .item-list ul.pager li,
#block-system-main .item-list ul.pager li a { text-decoration: none; font-size: 14px; background: transparent; border: transparent; width: 21px; height: 21px; color: #fff; padding: 0px; margin: 0px; }
#block-system-main .item-list ul.pager li.pager-current { padding: 2.5px 7px; background: #0bb0ff; }
#block-system-main .item-list ul.pager li.pager-previous,
#block-system-main .item-list ul.pager li.pager-next { font-weight: bold; }

#block-system-main div div.item-list {
    display: none;
}
#block-system-main > div.item-list {
    display: block;
}

/* Short select */
#views-exposed-form-rank-page-1 .form-item-sort-by {
    margin: 0px;
}

/* Copyright footer */
.copy_rt_sec ul {
    padding: 10px 0 0 0;
    margin: 5px auto;
}
.copy_rt_sec #block-block-8 ul {
    margin: 0;
}

#block-menu-menu-footer-links ul.menu {
    margin: 5px auto;
}

/* Carousel */
#carousel-example-generic .blog_inner ul li strong {
    color: #fff;
    font-weight: normal;
}

/* Template debug
Drupal default padding */
#block-system-main .field-type-text-with-summary {
    margin-top: 0px;
}


/* block-views-slider-block_1 */
#block-views-slider-block_1 .blog_inner_box a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
#block-views-slider-block_1 .blog_inner_box a:hover {
    font-weight: bold;
    text-decoration: underline;
}

/*privacy-policy*/
.privacy_sec { width: 100%; display: inline-block; margin-top: 20px; }
.privacy_sec h4{ font: normal 18px/20px 'ProximaNovaBold'; color:#fff; text-transform: uppercase; }
.privacy_sec p { font: normal 16px/22px 'ProximaNova-Light'; color: #fff; padding-top: 16px; text-align: left; }
.privacy_sec p a{ color:#fff; text-decoration: none; }
.privacy_sec h3{ font: normal 28px/30px 'BatmanForeverAlternate'; color:#e4e4e4; text-transform: uppercase; padding: 36px 0 20px 0; background: url(../images/color-pic3.png) no-repeat left bottom; }
.privacy_fire{ width: auto; position: absolute; left: 0px; top: 0px; }
.privacy_fire img{ max-width: 100%; }
.privacy_fire2{ width: auto; position: absolute; right: 0px; top: 410px; }
.privacy_fire2 img{ max-width: 100%; }
.privacy_sec ul{ width: 100%; display: inline-block; }
.privacy_sec ul li{ width: 100%; display: inline-block; padding: 5px; padding-left: 26px; margin-top: 10px; font: normal 16px/22px 'ProximaNova-Light'; color: #fff; 
 background: url(../images/bullet.png) no-repeat left 6px;  }


/*about-us*/
.about_sec{ background: url(../images/color-pic4.png) no-repeat 90% 76px; }
.welcome_sec{ width: 100%; }
.welcome_sec h3{ font: normal 38px/42px 'BatmanForeverAlternate'; color:#e4e4e4; text-transform: uppercase; background: url(../images/color-pic3.png) no-repeat center bottom; padding-bottom: 25px; 
 text-align: center; }
.welcome_sec p { font: normal 16px/30px 'ProximaNova-Light'; color: #fff; padding-top: 10px; }
.welcome_inner{ width: 100%; display: inline-block; }
.welcome_pic_main{ width: 100%; margin-top: 40px; position: relative; }
.welcome_pic { width: 100%; background: url(../images/welcome-frame.png) no-repeat 0 0; background-size: 100% 100%; padding: 40px 45px 34px 30px; height: 444px; position: relative; }
.welcome_pic_inner{ width: 100%;}
.welcome_pic_inner img{ width: 100%; object-fit: cover; height: 366px; }
.welcome_fire1 { width: auto; position: absolute; left: -78px; top: -112px;}
.welcome_fire1 img{ max-width: 100%; } 
.welcome_fire2 { width: auto; position: absolute; right: -134px; bottom: -112px; }
.welcome_fire2 img{ max-width: 100%; }   
.welcome_rt{ width: 100%; margin-top: 70px; text-align: center; position: relative; z-index: 9; }
.welcome_rt p { font: normal 16px/30px 'ProximaNova-Light'; color: #fff; padding: 0 0 20px; text-align: left; }
.welcome_rt a.welcome_play{ width: 180px; height: 60px; text-align: center; font: normal 20px/60px 'ProximaNovaBold'; color:#fff; text-transform: uppercase; display: inline-block;
 text-decoration: none; outline: none; background: url(../images/btn-bg.png) no-repeat 0 0; background-size: 100% 100%; display: inline-block; }

.how_play{ width: 100%; text-align: center; position: relative; background: #000; padding: 80px 0; }
.how_bg1{ width: 100%; position: absolute; left: 0px; top: -6px; background: url(../images/mid-shadow1.png) repeat-x left top; height: 23px; }
.how_bg2{ width: 100%; position: absolute; left: 0px; bottom: -6px; background: url(../images/mid-shadow2.png) repeat-x left top; height: 23px; }
.how_play h3{ font: normal 38px/42px 'BatmanForeverAlternate'; color:#e4e4e4; text-transform: uppercase; background: url(../images/color-pic3.png) no-repeat center bottom; padding-bottom: 25px; 
 text-align: center; }
.how_fire { width: auto; position: absolute; right: 0; top: -170px;}
.how_fire img{ max-width: 100%; }   
.how_play_box{ width: 100%; display: inline-block; margin-top: 45px; position: relative; z-index: 99; }  
.how_play_pic{ width: 100%; background: url(../images/pic-frame2.png) no-repeat 0 0; background-size: 100% 100%; padding: 25px 20px 30px 24px; }  
.how_play_pic img{ width: 100%; }
.how_play_inner{ width: 100%; padding: 0 50px; }  
.how_play_txt{ width: 100%; display: inline-block; text-align: left; padding-left: 20px;}  
.how_play_txt h5{ font: normal 18px/24px 'proximanova-regular'; color:#fff; padding: 12px 0 0; } 
  
.blog_sec{ width: 100%; position: relative; padding: 140px 30px 75px 30px; }
.blog_bg{ width: 100%; position: absolute; left: 0px; top: -134px; }
.blog_bg img{ max-width: 100%; }
.blog_sec h3{ font: normal 38px/42px 'BatmanForeverAlternate'; color:#e4e4e4; text-transform: uppercase; background: url(../images/color-pic3.png) no-repeat center bottom; padding-bottom: 25px; 
 text-align: center; }


.blog_top{ width: 100%; display: inline-block; position: relative; text-align: center; margin-top: 30px; }
.blog_box{ width: 100%; display: inline-block; }
.blog_top h4{ font: normal 24px/26px 'BatmanForeverAlternate'; color:#fff; text-transform: capitalize; }
.blog_top h4 span{ display: inline-block; padding: 30px 86px 20px;}
.blog_inner{ width: 100%; display: inline-block;}
.blog_inner_box{ width: 100%; display: inline-block; margin-top: 45px; padding: 0px 12px; }
.blog_inner_box h3{ font: normal 26px/28px 'ProximaNovaBold'; color:#fff; text-transform: uppercase; background: url(../images/blue-line.png) no-repeat left bottom; padding: 0 0 28px 10px; 
 text-align: left; }
.blog_inner_box ul{ width: 100%; display: inline-block; }
.blog_inner_box ul li{ width: 100%; display: inline-block; padding: 5px; padding-left: 26px; margin-top: 10px; font: normal 16px/22px 'ProximaNova-Light'; color: #fff; 
 background: url(../images/bullet2.png) no-repeat left 6px;  }

.blog_sec .carousel-indicators {  bottom: -70px;}
.blog_sec .carousel-indicators li{ width: 32px; height: 32px; background: url(../images/dot1.png) no-repeat 0 0; background-size: 100%; border: none; margin: 0 -3px; }
.blog_sec .carousel-indicators li.active{ width: 32px; height: 32px; background: url(../images/dot2.png) no-repeat 0 0; background-size: 100%; border: none; } 
.welcome_sec h3 br{ display: none;}  


.unit_box4_inner {padding-left: 60px; margin-top: 14px; }
.sml_icon{ width: 50px; }
.unit_box4_inner p{ font-size: 16px; line-height: 20px; }
.unit_box1 {min-height: 236px;}
.unit_box2 {min-height: 236px;}
.unit_box3 {min-height: 236px;}
.unit_box3 ul { margin: 0px; }
.unit_box3 ul li { padding: 0px; }
.unit_box3 ul li span{ padding: 20px 10px;}  
.unit_box3 ul li strong { padding: 20px 10px 20px;} 
.sml_icon img { width: 100%;}  
  
  
@media (min-width: 992px) and (max-width: 1199px) {
.wrapper .container{ width: 970px; }

.menu_sec li a{ padding: 6px; font-size: 13px; line-height: 15px; }
.menu_sec li a img { width: 40px;}
.menu_sec li.play_btn a{ font-size: 16px; }
/*.banner_inner img {  width: 600px;}*/
.nav_top .navbar-brand { width: 300px; padding: 18px 0 0 6px;}
.banner_box img {  height: 370px;}
.mid_inner { padding: 20px; padding-top: 50px; }
.mid_inner h2 img { width: 600px;}
.mid_inner h2 { padding-bottom: 10px;}
.unit_sec { margin-top: 30px;}
.unit_box1_inner { height: 160px; padding: 8px; }
.unit_box2{ padding: 10px;}
.unit_box2 h4{ font-size: 18px; line-height: 22px; }
.unit_box2 p{ font-size: 15px; line-height: 20px; }
.unit_box3 ul li strong {  padding: 17px 8px;}
.unit_box3 ul li span {  padding: 16px 8px;}
.unit_box3 ul li{ font-size: 13px; }
.unit_box4 h5{ font-size: 16px; line-height: 18px; padding-bottom: 8px; }
.unit_box4_inner{padding-left: 44px;  min-height: 35px; }
.unit_box4_inner p{ font-size: 13px; line-height: 17px; }
.sml_icon { width: 34px;}
.footer_sec { margin-top: 30px;}
.fire_icon2 { width: 250px; left: 60px; top: -66px;}
.fire_icon3 { width: 270px; top: -166px;}
.footer_inner { padding: 30px 0;}
.footer_menu ul li{ font-size: 16px;  float: left; margin: 10px 0 0 18px; padding-left: 28px; }
.fire_icon { width: 205px; right: 0; top: -21px;}
.unit_top h3{ font-size: 18px; line-height: 26px; }
.unit_top h3 span { padding: 26px 66px 16px;}
.unit_icon img{ width: 100px; }


/*leaderbord*/
.leader_mid { margin-top: -88px; padding: 0 24px; }
.leader_mid_inner { padding: 20px; margin-bottom: -104px;}
.fire_box2 img.fire_box2_pic{ width: 150px; }
.fire_box2 { right: -32px; top: -62px;}
.board_pic { width: 72px; right: 82px; top: 24px;}
.color_pic { top: -20px;}
.fire_box1 { width: 200px; left: -68px; top: -50px;}
.sorting_sec label{font-size: 15px; padding-top: 6px; }
.sorting_sec { width: 268px;}


/*privacy-policy*/
.privacy_sec h3{ font-size: 22px; line-height: 26px; padding: 30px 0 18px 0; }
.privacy_sec p{ font-size: 15px; line-height: 20px; padding-top: 12px; }
.privacy_fire { width: 200px;}
.privacy_fire2 { width: 300px; right: 0px; top: 310px;}
.privacy_sec ul li{ font-size: 15px; line-height: 20px;}


/*about-us*/
.welcome_sec h3{ font-size: 30px; line-height: 36px; }
.welcome_pic { padding: 35px 38px 34px 24px; height: 390px;}
.welcome_pic_inner img { height: 321px;}
.welcome_sec p{ font-size: 15px; line-height: 26px; }
.welcome_rt p{ font-size: 15px; line-height: 26px; }
.welcome_rt { margin-top: 60px;}
.welcome_rt a.welcome_play { width: 160px; height: 50px; font-size: 16px; line-height: 50px; }
.about_sec {  min-height: inherit; padding-bottom: 110px !important;}
.how_fire { width: 300px; top: -130px;}
.welcome_fire2 { width: 260px; right: -76px;  bottom: -98px;}
.how_play { padding: 60px 0;}
.how_play h3{ font-size: 30px; line-height: 36px; }
.how_play_pic { padding: 19px 14px 22px 19px;}
.how_play_txt h5{ font-size: 14px; line-height: 20px; padding: 8px 0 0; }
.blog_sec h3{ font-size: 30px; line-height: 36px; }
.blog_sec { padding: 100px 30px 50px 30px;}
.blog_top h4 { font-size: 18px; line-height: 26px;}
.blog_top h4 span { padding: 26px 66px 16px;}
.blog_inner_box h3 { font-size: 20px; line-height: 30px; background-size: 100%; padding-bottom: 18px;}
.blog_inner_box ul li{ font-size: 15px; line-height: 20px;}

.sml_icon { width: 42px;}
.unit_box4_inner p { font-size: 14px; line-height: 20px;}
.unit_box4_inner { padding-left: 52px; min-height: 35px;}
.unit_box1 {min-height: 248px;}
.unit_box2 {min-height: 248px;}
.unit_box3 {min-height: 248px;}
.unit_box3 ul li span { padding: 21px 8px;}
.unit_box3 ul li strong { padding: 21px 8px 22px;}


}

 
 
 
@media (min-width: 768px) and (max-width: 991px) {
.wrapper .container{ width: 750px; }

.menu_sec li a { padding: 2px 6px; font-size: 12px;  line-height: 14px;}
.menu_sec li a img { width: 34px;}
.menu_sec li.play_btn a{ font-size: 13px; }
.banner_inner img { width: 450px;}
.nav_top .navbar-brand {  width: 170px; margin: 18px 0 0; padding: 0px; }
.banner_box img {  height: 320px;}
.mid_inner { padding: 20px; padding-top: 50px; }
.mid_inner h2 img { width: 500px;}
.mid_inner h2 { padding-bottom: 10px;}
.unit_sec { margin-top: 30px;}
.unit_box1_inner { height: 160px; padding: 10px; width: 200px;  position: absolute; left: 50%; top: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);}


.unit_box1{ position: relative; }
.unit_box2{ padding: 10px;}
.unit_box2 h4{ font-size: 16px; line-height: 20px; }
.unit_box2 p{ font-size: 14px !important; line-height: 18px;padding: 5px 0 0 !important; }
.unit_box3 ul li strong {  padding: 17px 8px;}
.unit_box3 ul li span {  padding: 16px 8px;}
.unit_box3 ul li{ font-size: 13px; }
.unit_box4 h5{ font-size: 16px; line-height: 18px; padding-bottom: 8px; }
.unit_box4_inner{padding-left: 35px; min-height: 25px; }
.unit_box4_inner p{ font-size: 13px; line-height: 17px; }
.sml_icon { width: 28px;}
.footer_sec { margin-top: 10px;}
.fire_icon2 {width: 145px;  left: 0; top: -42px;}
.fire_icon3 {width: 160px; top: -105px;}
.footer_inner { padding: 20px 0;}
.footer_menu ul li { font-size: 13px; float: left; margin: 6px 0 0 14px; padding-left: 20px;}
.fire_icon { width: 205px; right: 0; top: -21px;}
.unit_top h3{ font-size: 18px; line-height: 26px; }
.unit_top h3 span { padding: 26px 66px 16px;}
.unit_icon img{ width: 100px; }
.footer_logo img {  width: 160px;}

.unit_box1{ width: 50%; border-bottom: 1px solid #464646;}
.unit_box2{ width: 50%; border-bottom: 1px solid #464646;}
.unit_box3{ width: 50%;}
.unit_box4{ width: 50%;}
.footer_menu p { margin: 6px 0 0; font-size: 13px; line-height: 16px; }
.copy_rt_sec ul { padding: 16px 0 12px 0;}
.copy_rt_sec ul li{ font-size: 12px; }
.nav_top {  padding: 15px 15px 18px;}
.mid_inner p{ font-size: 14px; padding: 0px; }


/*leaderbord*/
.leader_mid { margin-top: -94px; padding: 0 18px;}
.leader_mid_inner { padding: 15px; margin-bottom: -80px;}
.fire_box2 img.fire_box2_pic{ width: 150px; }
.fire_box2 { right: -32px; top: -62px;}
.board_pic { width: 72px; right: 82px; top: 24px;}
.color_pic { top: -20px;}
.fire_box1 { width: 200px; left: -68px; top: -50px;}
.sorting_sec label{font-size: 15px; padding-top: 6px; }
.sorting_sec { width: 268px;}
.leader_mid_inner .table > thead > tr > th {padding: 8px; font-size: 12px; line-height: 16px; }
.leader_mid_inner .table > tbody > tr > td{ font-size: 12px; line-height: 17px; padding: 10px; }
.leader_bottom { min-height: 110px;}


/*privacy-policy*/
.privacy_sec h3{ font-size: 20px; line-height: 26px; padding: 30px 0 18px 0; }
.privacy_sec p{ font-size: 15px; line-height: 20px; padding-top: 12px; }
.privacy_fire { width: 160px;}
.privacy_fire2 { width: 250px; right: 0px; top: 310px;}
.privacy_sec ul li{ font-size: 15px; line-height: 20px;}


/*about-us*/
.welcome_sec h3{ font-size: 24px; line-height: 28px; }
.welcome_pic { padding: 35px 27px 34px 18px; height: 390px;}
.welcome_pic_inner img { height: 321px;}
.welcome_sec p{ font-size: 14px; line-height: 20px; }
.welcome_sec p br{ display: none;}
.welcome_rt p{ font-size: 14px; line-height: 20px; padding: 0 0 15px; }
.welcome_rt { margin-top: 60px;}
.welcome_rt a.welcome_play { width: 140px; height: 45px; font-size: 13px; line-height: 45px; margin-top: 15px;}
.about_sec {  min-height: inherit; padding-bottom: 50px !important;}
.how_fire {  width: 200px; top: -86px;}
.welcome_fire2 {  width: 180px; right: -55px; bottom: -59px;}
.how_play { padding: 60px 0;}
.how_play h3{ font-size: 24px; line-height: 28px; }
.how_play_pic { padding: 15px 12px 17px 15px;}
.how_play_txt h5{ font-size: 14px; line-height: 20px; padding: 8px 0 0; }
.blog_sec h3{ font-size: 24px; line-height: 28px; }
.blog_sec { padding: 30px 15px 80px 15px;}
.blog_top h4 { font-size: 18px; line-height: 26px;}
.blog_top h4 span { padding: 26px 66px 16px;}
.blog_inner_box h3 { font-size: 20px; line-height: 30px; background-size: 100%; padding-bottom: 18px;}
.blog_inner_box ul li{ font-size: 15px; line-height: 20px;}
.welcome_fire1 { width: 165px; left: -55px; top: -56px;}
.how_play_inner { padding: 0 20px;}

.sml_icon { width: 45px;}
.unit_box4_inner p { font-size: 15px; line-height: 22px;}
.unit_box4_inner { padding-left: 52px; min-height: 35px;}
.unit_box3 ul li strong {padding: 20px 8px 21px;}
.unit_box3 ul li span { padding: 20px 8px;}

}


 
@media only screen and (max-width: 767px){
.wrapper .container{ width: 100%; }

.menu_sec li a { padding: 2px 6px; font-size: 12px;  line-height: 14px;}
.menu_sec li a img { width: 34px;}
.menu_sec li.play_btn a{ font-size: 13px; }
.banner_inner img { width: 240px;}
.nav_top .navbar-brand { width: 148px; margin: 8px 0 0; padding: 0px;}
.banner_box img {  height: 250px;}
.mid_inner { padding: 0px; padding-top: 30px; background: none; }
.mid_inner h2 img { width: 240px; max-width: 100%;}
.mid_inner h2 { padding-bottom: 10px;}
.unit_sec { margin-top: 10px; }
.unit_box1{ position: relative; }
.unit_box1_inner {  height: 126px; padding: 10px; width: 140px; position: absolute; left: 50%; top: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);}
.unit_box2{ padding: 10px;}
.unit_box2 h4{ font-size: 14px; line-height: 18px; }
.unit_box2 p{ font-size: 12px !important; line-height: 16px;padding: 5px 0 0 !important; display: block !important;  }
.unit_box3 ul li strong {  padding: 17px 8px;}
.unit_box3 ul li span {  padding: 16px 8px;}
.unit_box3 ul li{ font-size: 12px; }
.unit_box4 h5{ font-size: 14px; line-height: 18px; padding-bottom: 5px; }
.unit_box4_inner{padding-left: 35px; min-height: 25px; }
.unit_box4_inner p{ font-size: 12px; line-height: 16px; display: block !important; }
.sml_icon { width: 28px;}
.footer_sec { margin-top: 150px;}
.fire_icon2 {width: 145px;  left: 0; top: -42px;}
.fire_icon3 {width: 160px; top: -105px;}
.footer_inner { padding: 20px 0;}
.footer_menu ul li { font-size: 12px; float: left; margin: 6px 0 0 14px; padding-left: 20px; float: none; display: inline-block; }
.fire_icon { width: 205px; right: 0; top: -21px; display: none; }
.unit_top h3{ font-size: 12px; line-height: 22px; }
.unit_top h3 span {padding: 22px 35px 14px;}
.unit_icon img{ width: 100px; }
.footer_logo img {  width: 160px;}

.unit_box1{ width: 50%; border-bottom: 1px solid #464646;}
.unit_box2{ width: 50%; border-bottom: 1px solid #464646;}
.unit_box3{ width: 50%;}
.unit_box4{ width: 50%;}
.footer_menu p { margin: 6px 0 0; font-size: 12px; line-height: 16px; }
.copy_rt_sec ul { padding: 16px 0 12px 0;}
.copy_rt_sec ul li{ font-size: 12px; }
.nav_top {  padding: 22px 20px 26px;}
.mid_inner p{ font-size: 12px; padding: 0px; display: none;  }
.mid_inner h2 span.mob{ width: 100%; display: inline-block !important;  }

.navbar-default .navbar-toggle{ margin: 0px; border: none; padding: 0px; border-radius: 0px !important; height: auto; width: 32px; }
.navbar-default .navbar-toggle img{ max-width: 100%; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background: none; }
.menu_sec li{ margin: 0 0 10px; padding: 0px; background: none; }


/*leaderbord*/
.leader_mid { padding: 0 18px;}
.leader_mid_inner { padding: 15px; margin-bottom: 0;}
.fire_box2 img.fire_box2_pic{ width: 150px; }
.fire_box2 {right: -32px; top: -92px; width: 110px;}
.board_pic { width: 50px; right: 82px; top: 24px;}
.color_pic { top: -20px;}
.fire_box1 { width: 200px; left: -68px; top: -50px; display: none; }
.sorting_sec label {font-size: 13px; padding-top: 8px; margin: 0;}
.sorting_sec { width: 240px;}
.leader_mid_inner .table > thead > tr > th {padding: 8px; font-size: 12px; line-height: 16px; }
.leader_mid_inner .table > tbody > tr > td{ font-size: 12px; line-height: 17px; padding: 10px; }
.leader_bottom { min-height: 110px;}
.leader_top{ display: none; }
.leader_bottom{ display: none; }
.leader_mid{ margin: 30px 0 0; background: none; padding: 0; }
.leader_mid_inner .table-responsive{ border: none; margin-bottom: 0; }
.pagination_sec { margin-top: 20px;}
.footer_sec {margin-top: 90px;}
.pagination_sec ul li { margin: 5px 0 0 7px; padding: 1px 6px; font-size: 13px; }


/*privacy-policy*/
.privacy_sec h3{ font-size: 15px; line-height: 22px; padding: 20px 0 18px 0; }
.privacy_sec h3 br{ display: none; }
.privacy_sec p{ font-size: 13px; line-height: 18px; padding-top: 12px; display: block !important; }
.privacy_fire { width: 160px;}
.privacy_fire2 { width: 250px; right: 0px; top: 310px;}
.privacy_sec h4{ font-size: 14px; }
.privacy_sec ul li{ font-size: 13px; line-height: 18px;}


/*about-us*/
.welcome_sec h3{ font-size: 20px; line-height: 24px; margin-bottom: 20px; }
.welcome_pic { padding: 22px 23px 31px 15px; height: 250px;}
.welcome_pic_inner img { height: 207px;}
.welcome_sec p{ font-size: 13px; line-height: 22px; display: block !important; }
.welcome_sec p br{ display: none;}
.welcome_rt p{ font-size: 13px; line-height: 20px; padding: 0 0 15px; text-align: center;  }
.welcome_rt { margin-top: 20px; text-align: center; }
.welcome_rt a.welcome_play { width: 140px; height: 45px; font-size: 13px; line-height: 45px; margin-top: 15px;}
.about_sec {  min-height: inherit; padding-bottom: 50px !important;}
.blog_inner_box h3 {  font-size: 18px; line-height: 24px; background-size: 100%; padding-bottom: 28px; padding-left: 13px;}
.welcome_fire2 { width: 130px; right: -20px; bottom: -45px;}
.how_play { padding: 30px 0;}
.how_play h3{ font-size: 18px; line-height: 24px; }
.how_play_pic { padding: 18px 13px 20px 18px;}
.how_play_txt h5{ font-size: 14px; line-height: 20px; padding: 8px 0 0; }
.blog_sec h3{ font-size: 18px; line-height: 24px; }
.blog_sec { padding: 30px 15px 80px 15px;}
.blog_top h4 { font-size: 12px; line-height: 22px;}
.blog_top h4 span { padding: 22px 35px 14px;}
.blog_inner_box h3 { font-size: 18px; line-height: 24px; background-size: 100%; padding-bottom: 26px !important;}
.blog_inner_box ul li{ font-size: 13px; line-height: 18px; background-position: left 2px;}
.welcome_fire1 { width: 165px; left: -55px; top: -56px;}
.how_play_inner { padding: 0 20px;}

.welcome_inner .pull-right{ float: none !important; display: inline-block;  }
.welcome_inner { text-align: center;}
.welcome_pic_main { margin-top: 40px; text-align: center; display: inline-block; width: 280px; }
.how_play_box { margin-top: 25px; width: 250px;}
.blog_sec .carousel-indicators li{ width: 25px !important; }
.blog_inner_box { margin-top: 30px;}
.welcome_sec h3 br{ display: block;}
.how_fire { width: 200px; top: -45px;}
.blog_bg { top: -100px;}

.sml_icon { width: 44px;}
.unit_box4_inner p { font-size: 14px; line-height: 20px;}
.unit_box4_inner { padding-left: 52px; min-height: 35px;}
.unit_box3 ul li strong {padding: 20px 8px 21px;}
.unit_box3 ul li span { padding: 20px 8px;}

}

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

.sml_icon { width: 36px;}
.unit_box4_inner p { font-size: 13px; line-height: 18px;}
.unit_box4_inner { padding-left: 44px;}


}

@media only screen and (max-width: 480px){ 
.unit_box1{ width: 100%; border-bottom: 1px solid #464646; min-height: 150px; }
.unit_box2{ width: 100%; border-bottom: 1px solid #464646; min-height: inherit; }
.unit_box3{ width: 100%; min-height: inherit;}
.unit_box4{ width: 100%; min-height: inherit;}
.unit_box3 ul li:last-child { border-bottom: 1px solid #464646;}
.unit_box3 ul li strong { padding: 14px 5px;}
.unit_box3 ul li span { padding: 14px 5px;}
.footer_menu ul li { font-size: 11px; margin: 6px 0 0 4px; padding-left: 12px;}


/*leaderbord*/
.fire_box2 { right: 0; top: -78px; width: 78px;}
.board_pic { width: 38px; right: 82px; top: 24px;}
.color_pic { top: -6px; width: 135px; left: -100px;}
.sorting_sec { position: relative; z-index: 9999;}


/*about-us*/
.blog_bg { top: -46px;}
.how_fire { width: 153px; top: -35px;}
.copy_rt_sec ul li { font-size: 11px; margin-left: 7px; padding-left: 8px; background-position: left -1px; }
.welcome_fire2 { width: 110px; right: -10px; bottom: -45px;}
.how_play_box { margin-top: 25px; width: 230px;}


.sml_icon { width: 40px;}
.unit_box4_inner p { font-size: 14px; line-height: 20px;}
.unit_box4_inner { padding-left: 52px; min-height: 35px;}


}

/* Leaderboard: rank column, clickable player names, and the ranking pager. */
.leader_mid_inner .table .rank_col{ width: 60px; text-align: center; color:#fff; }
.player_link{ color:#0bb0ff; text-decoration: none; }
.player_link:hover{ color:#fff; text-decoration: underline; }

.leader_pager{ width: 100%; text-align: center; padding-top: 28px; }
.leader_pager .pager_link{
  display: inline-block; min-width: 34px; margin: 4px 3px; padding: 4px 10px;
  font: normal 15px/20px 'proximanova-regular'; color:#fff; text-decoration: none;
  background: #1c1c1c; border: 1px solid #464646;
}
.leader_pager a.pager_link:hover{ background: #121212; color:#0bb0ff; }
.leader_pager .pager_link.current{ background: #0bb0ff; border-color:#0bb0ff; color:#fff; }
.leader_pager .pager_link.disabled{ color:#555; background: transparent; border-color:#2a2a2a; }
.leader_pager .pager_link.pager_gap{ background: transparent; border: none; min-width: 0; padding: 4px 2px; }