@charset "utf-8";
/*------------------------------------------------------------------
Table of Contents
1. Small Desktop
2. Tablet Landskape
3. Tablet Portrait
4. Phone
5. Small Phone
-------------------------------------------------------------------*/

/* Small Desktop */
@media only screen and (max-width: 1366px) { .inner-nav ul li {margin-left: 25px;} }
@media only screen and (max-width: 1200px) { .hs-wrap {max-width: 540px;} .hs-line-2{font-size: 68px;} .hs-line-12{font-size: 70px;letter-spacing: 0.3em} .hs-line-13 {font-size: 70px;letter-spacing: 0em;} .post-prev-title {font-size: 16px;font-weight: 400;} }
@media only screen and (max-width: 1199px) { .split-section-wrapper {padding: 0 50px;} }

/* Tablet Landscape */
@media only screen and (max-width: 1024px) {.section-title, .section-title-cp {font-size:40px} .page-section{padding: 120px 0;} .page-section, .home-section, .small-section{background-attachment: scroll;} .ssh-cell {background-position: -410px 0} .split-section-wrapper {padding: 0 0;} .build-image {background-position: -350px 0} .hs-wrap {max-width: 480px;padding-top: 37px;padding-bottom: 43px;} .hs-line-2{font-size: 60px;} .hs-line-9 {font-size: 71px;} .owl-pagination {bottom: 25px;} .tablet-area {display:none !important}	

.battleswidget-border:before{top:120px} .battleswidget-border:after{top:126px; width:100%; left:0%} 
.socialwidget-border:before {top: 65px} .socialwidget-border:after {top: 70px}
.kingdomwidget-border:before{top:115px} .kingdomwidget-border:after{top:121px;width:100%; left:0%} .js-height-half {height:710px}}
  
@media only screen and (max-width: 992px) { 
.js-height-half {height:431px} .split-section-headings,.split-section-content {width: 50%;} .section-title {font-size:40px} .page-section {padding: 0;} .ssh-table {min-height: 800px !important;} .ssh-cell {background-position: 0 0}.hs-line-13 {letter-spacing: 0em;} .hs-line-10 {font-size:20px; letter-spacing:normal} .home-content { width:70%} .about-area {text-align:center } }  
  
/*  Portrait */  
@media only screen and (max-width: 768px) {	.js-height-half {height:770px} 
.home-area {background:url(../images/full-width-images/tablet/main-bg.jpg); background-position:center center;} 
.trailer1 {background:url(../images/full-width-images/tablet/trailer1.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover} 
.trailer2 {background:url(../images/full-width-images/tablet/trailer2.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover}
.trailer3 {background:url(../images/full-width-images/tablet/trailer3.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover}
.cross-platform{background:url(../images/full-width-images/tablet/cross-platform.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; padding:180px 70px}

.page-section {padding: 60px 0;} .small-section {padding: 50px 0;} .small-title{font-size: 18px;}
.ssh-table {min-height: 650px !important;} .ssh-cell {background-position: -35px 0}	.hs-wrap {max-width: 400px}	.hs-line-2{font-size: 48px;} .hs-line-7 {font-size: 50px;}
.owl-pagination {bottom: 17px;}	.item-carousel .owl-pagination {bottom: -53px;} .footer-nav ul li {padding: 30px 20px } 

.kingdomwidget-border:before{top:115px} .kingdomwidget-border:after{top:121px;width:90%; left:5%}
.socialwidget-border:before {top: 105px} .socialwidget-border:after {top: 110px}


.about-area {text-align:center }}

@media only screen and (max-width: 767px) { .js-height-half {height:750px} .home-area {background:url(../images/full-width-images/tablet/main-bg.jpg); background-position:center center;} 
.about {background:url(../images/full-width-images/tablet/section-bg-2.jpg);background-repeat:repeat;background-position:center center;} 


.ssh-table {min-height: 800px !important;} .ssh-cell {background-position: -90px 0} .hs-wrap{max-width:320px;padding-top:27px;padding-bottom:33px}.hs-line-1{font-size:24px}.hs-line-2{font-size:36px}.hs-line-3{font-size:13px}.hs-image{display:none}.hs-wrap-1{max-width:240px}.hs-line-5{font-size:44px}.hs-line-6{font-size:16px}.hs-line-7{font-size:32px}.hs-line-9{font-size:48px}.hs-line-10{padding:5px 8px;font-size:12px;letter-spacing:1px}.hs-line-10 > span{margin:0}.hs-line-11{font-size:24px}.hs-line-12{font-size:44px}.hs-line-13{font-size:60px;letter-spacing:0em} .alt-features-grid {margin-top: -30px;}	.alt-features-item {margin-top: 30px;} .home-content {margin-top:15px; width:50%} .about-area {text-align:center }}

/* Phone */  
@media only screen and (max-width: 480px) { 
.home-area {background:url(../images/full-width-images/mobile/main-bg.jpg); background-position:center center;} 
.about {background:url(../images/full-width-images/mobile/section-bg-2.jpg);background-repeat:repeat;background-position:center center;}
.cross-platform {background:url(../images/full-width-images/mobile/cross-platform.jpg);background-repeat:repeat;background-position:center center; padding: 110px 20px 30px 20px}	
.trailer1 {background:url(../images/full-width-images/mobile/trailer1.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover} 
.trailer2 {background:url(../images/full-width-images/mobile/trailer2.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover}
.trailer3 {background:url(../images/full-width-images/mobile/trailer3.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover}


.js-height-half { height:600px; max-height:600px} .section-title {letter-spacing:0;font-size: 22px} .section-title-cp {letter-spacing:0;font-size: 22px} .section-heading,.sub-heading {font-size: 15px;} .section-text {font-size: 15px;line-height: 1.7;} .split-section-wrapper {padding: 0} .page-section {padding: 0;} .small-section {padding:0;} .ssh-table {min-height: 400px !important;} .ssh-cell {background-position: 0px 0} .build-image {background-position: -70px 0} .battles-image {background-position: 0px 0} 

.socialwidget-border:before {top: 45px;left: 50%;margin-left: -12px;} .tablet-area {display:none !important}	.socialwidget-border:after {width: 90%; height: 1px; top: 50px; left: 15px;} .form input[type="text"].input-lg,.form input[type="email"].input-lg,.form input[type="number"].input-lg,.form input[type="url"].input-lg,.form input[type="search"].input-lg,.form input[type="tel"].input-lg,.form input[type="password"].input-lg,.form input[type="date"].input-lg,.form input[type="color"].input-lg,.form select.input-lg{height:60px;text-align:center} .form label {display: initial} .btn-mod.btn-large {width:100%; font-size:20px} .hs-line-1{font-size:18px}.hs-line-2{font-size:28px}.hs-line-5{font-size:30px}.hs-line-6{font-size:15px}.hs-line-7{font-size:28px}.hs-line-8{font-size:12px}.hs-line-9{font-size:42px}.hs-line-11{font-size:20px;letter-spacing:0.2em}.hs-line-12{font-size:32px}.hs-line-13{font-size:30px;letter-spacing:0em}.hs-line-14{font-size:24px;letter-spacing:0.3em} .fa-play:before{content:"\f04b"; color: #FFF; font-size:40px; line-height:90px; display: block;} .hvr-outline-out {background-color:#000; width: 90px; height:90px; line-height:90px;opacity:0.7;} .scroll-down {bottom: 10px;height: 34px;line-height: 34px;}	.scroll-down-icon {width: 22px;margin-left: -11px;} .scroll-down span{display: none;} .nav-bar-compact{top: 0;left: 0;} .owl-pagination {bottom: 10px;} .owl-page {padding-left: 1px;padding-right: 1px;} .item-carousel .owl-pagination {bottom: -40px;} .owl-prev, .owl-next {display: none;} .footer-nav ul {margin: 20px 0}	.footer-nav ul li {padding: 10px} .footer-logos {padding-top:50px} .footer-social-links a {width: 98px;height: 98px;line-height: 99px !important;margin: 0 10px 20px 10px;} a.link-to-top {position:relative; right:0} .battleswidget-border:before{top:120px} .battleswidget-border:after{top:126px; width:100%; left:0%} .kingdomwidget-border:before {top:100px} .kingdomwidget-border:after{top:106px; width:100%; left:0%} .socialwidget-border:before {top: 60px} .socialwidget-border:after {top: 65px} .kingdoms-logo {width:100%; padding: 0 20px}

.rating-logos {width: 100%}

.home-content { width:100%} }

/* Small Phone */  
@media only screen and (max-width: 319px) {.nav-social-links{display: none;}}