/* Gamon - Digital Gaming and Esports HTML Template */
@media only screen and (max-width: 7000px){
.page-wrapper{
overflow: hidden;
}
}
@media only screen and (max-width: 1600px){
.banner-carousel .content-box h2{
font-size:100px;
line-height:1.1em;
}
}
@media only screen and (max-width: 1340px){
.banner-carousel .content-box h2{
font-size:84px;
}
.banner-carousel .slide-item,
.banner-section.style-two .slide-item{
padding:150px 0px 180px;
}
.sec-title h2,
.facts-section .content h2{
font-size:56px;
}
.sec-title .title{
font-size:18px;
}
.default-portfolio-item .overlay-inner h3,
.gallery-block .inner-box .image .overlay-box h2{
font-size:36px;
line-height:1.2em;
}
.gallery-block .inner-box .image .overlay-box{
left:30px;
top:30px;
bottom:24px;
right:30px;
}
.gallery-block-two .inner-box .image .overlay-box h3{
padding:24px 30px;
}
.welcome-section-two .title-column .inner-column{
padding-right:0;
}
.page-banner{
padding:120px 0px 70px;
}
.page-banner h1{
font-size:56px;
}
}
@media only screen and (max-width: 1139px){
.facts-section .lower-boxed .testimonial-column .inner-column{
padding-left:50px;
}
.sec-title h2{
font-size:48px;
}
.facts-section .content h2{
font-size:42px;
line-height:1.2em;
}
.news-block .inner-box .lower-content{
padding:40px 20px;
}
.games-block .inner-box .lower-content h3{
font-size:20px;
}
.call-to-action-section .content h2{
font-size:48px;
}
.contact-form-section .title-column .inner-column{
padding-right:0;
}
.player-block .inner-box .lower-content{
padding:30px 30px;
}
.player-info-section .text-column .inner{
padding-left:0;
padding-top:0;
}
.sidebar .search-box{
padding:22px 30px;
}
.sidebar-widget{
padding:30px 30px;
}
.blog-detail .post-info{
margin-bottom:20px;
}
.blog-detail .lower-content p{
line-height:1.7em;
}
.studio-widget .widget-content .title{
font-size:30px;
line-height:1.3em;
}
}
@media only screen and (min-width: 768px){
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul{
display:block !important;
visibility:hidden;
opacity:0;
}
}
@media only screen and (max-width: 1023px){
.main-header .nav-outer .main-menu,
.sticky-header{
display: none !important;
}
.nav-outer .mobile-nav-toggler{
display: block;
margin: 0;
padding: 24px 0;
}
.main-header .header-upper .nav-outer:before{
display:none;
}
.main-header .header-upper .logo-outer{
position:relative;
left:0;
top:0;
width:auto;
height:auto;
padding:15px 0px;
margin:0;
float:left;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.main-header .nav-outer{
width:auto;
float:right;
}
.banner-carousel .slide-item,
.banner-section.style-two .slide-item{
padding:100px 0px 130px;
}
.banner-carousel .content-box h2{
font-size:64px;
}
.banner-carousel .content-box .text{
font-size:20px;
line-height:1.5em;
}
.banner-section .owl-nav{
display:none;
}
.matches-section .matches-tabs .tab-btns .tab-btn{
padding:15px 30px;
}
.matches-block .inner-block .content-column{
margin-bottom:30px;
}
.matches-block .match-column .inner-column{
padding-left:0;
}
.questions-section .inner-container:before,
.questions-section .inner-container:after{
display:none;
}
.questions-section .inner-container .row{
margin:0px -15px;
}
.questions-section .inner-container .question-block{
padding:0px 15px;
margin-bottom:50px !important;
}
.questions-section .question-block .inner-box{
padding-bottom:50px;
border-bottom:1px solid #302f2f;
}
.facts-section .lower-boxed .counter-column .inner-column{
padding-right:0;
}
.facts-section .lower-boxed .testimonial-column .inner-column{
margin:0;
padding:50px 20px;
}
.sec-title h2{
font-size:36px;
}
.sec-title .title{
font-size:16px;
}
.facts-section .title-boxed .content{
max-width:none;
text-align:center;
}
.facts-section .content h2{
font-size:36px;
margin-bottom:30px;
}
.btn-style-one .btn-title,
.comment-form .form-group .btn-title{
padding:12px 45px;
font-size:15px;
}
.default-portfolio-item .overlay-inner h3,
.gallery-block .inner-box .image .overlay-box h2{
font-size:30px;
}
.testimonial-block .inner-box .text{
font-size:24px;
}
.news-block .inner-box .lower-content{
padding:30px 20px;
}
.main-footer .footer-bottom{
text-align:center;
padding-top:60px;
}
.main-footer .footer-bottom .column{
width:100%;
}
.main-footer .footer-bottom .social-icons{
padding-top:20px;
text-align:center;
}
.call-to-action-section .content h2,
.about-section .lower-content h3{
font-size:36px;
}
.welcome-section-one .image-column .image img,
.welcome-section-two .image-column .image img{
max-width:100%;
}
.facts-section .lower-boxed .testimonial-column .inner-column:before{
width:100%;
}
.facts-section .lower-boxed .counter-column .inner-column{
padding-top:50px;
}
.featured-block .inner-box{
padding-left:0;
text-align:center;
}
.featured-block .inner-box .icon-box{
position:relative;
left:0;
top:0;
margin:0 auto 30px;
}
.about-section .lower-content{
margin-top:10px;
}
.page-banner{
padding:50px 0px;
}
.page-banner h1{
font-size:48px;
}
.player-block .inner-box .lower-content{
padding:30px 20px;
}
.faq-section .inner-container:before{
display:none;
}
.question-block-two,
.question-block-two.alternate{
margin-bottom:50px !important;
padding-left:0px;
padding-bottom:50px !important;
border-bottom: 1px solid #302f2f !important;
}
.faq-section .inner-container .question-block-two:last-child{
border:none !important;
padding-bottom:0 !important;
margin-bottom:0 !important;
}
.question-block-two .inner-box{
padding-right:0;
}
}
@media only screen and (max-width: 767px){
.banner-carousel .content-box h2{
font-size:48px;
}
.banner-carousel .content-box .text,
.welcome-section .lower-box .text{
font-size:18px;
line-height:1.6em;
}
.matches-block .inner-block{
padding:30px 20px;
}
.facts-section .content h2{
font-size:30px;
}
.matches-block .match-column .match-item:first-child{
margin-bottom:70px;
}
.matches-block .match-column .match-item:first-child::before{
top:auto;
bottom:-55px;
left:50%;
margin-left:-20px;
}
.matches-block .inner-block .content-column h2{
font-size:24px;
}
.matches-section .matches-tabs .tab-btns .tab-btn{
width:100%;
text-align:center;
border-bottom:1px solid #2e2d2d;
}
.matches-section .matches-tabs .tab-btns .tab-btn:last-child{
border:none;
}
.question-block .inner-box,
.main-footer .links-widget .widget-content,
.question-block-two .inner-box{
padding-left:0;
}
.question-block .inner-box .icon-box,
.question-block-two .inner-box .icon-box{
position:relative;
left:0;
top:0px;
margin:0 0 30px;
}
.sec-title h2{
font-size:30px;
}
.gallery-block .inner-box .image .overlay-box h2{
font-size:26px;
}
.testimonial-block .inner-box .text{
font-size:20px;
}
.facts-section .lower-boxed .testimonial-column .owl-dots{
bottom:-40px;
right:auto;
left:0;
}
.facts-section .lower-boxed .testimonial-column .inner-column{
padding-bottom:80px;
}
.call-to-action-section .content h2,
.about-section .lower-content h3{
font-size:30px;
}
.page-banner h1{
font-size:40px;
}
.post-share-options .pull-left,
.post-share-options .pull-right{
width:100%;
text-align:left;
}
.author-box{
padding:30px 20px;
}
.author-box .inner-box{
padding-left:0;
}
.author-box .thumb,
.comments-area .comment-box .author-thumb{
position:relative;
left:0;
top:0;
margin:0 0 30px;
}
.author-box .name,
.comments-area .comment-box .name{
margin-bottom:20px;
}
.comments-area .comment{
padding-left:0;
}
.comments-area .comment-box .text{
line-height:1.7em;
padding-right:0;
margin-bottom:30px;
}
.comments-area .comment-box .reply-btn{
position:relative;
display:inline-block;
left:0;
top:0;
right:0;
bottom:0;
}
.group-title{
margin-bottom:30px;
}
.group-title h3{
font-size:26px;
}
.studio-widget .widget-content .title{
right:20px;
bottom:20px;
padding:0;
}
.banner-carousel .slide-item,
.banner-section.style-two .slide-item{
padding:80px 0px 110px;
}
}
@media only screen and (max-width: 599px){
.main-header .header-top .top-left{
display:none;
}
.main-header .header-top .top-right{
width:100%;
text-align:center
}
.news-block .inner-box .lower-content h3{
font-size:20px;
}
.match-single .team-box .match-item{
width:100%;
max-width:none;
}
.match-single .team-box:before{
display:none;
}
.match-single .team-box .match-item:first-child{
margin-bottom:80px;
}
.match-single .team-box .match-item:first-child:before{
position: absolute;
bottom: -65px;
left: 50%;
content: 'vs';
width: 50px;
height: 50px;
color: #ffffff;
font-size: 20px;
line-height: 48px;
text-align: center;
background-color: #FFCC33;
border: 1px solid #FFCC33;
margin-left: -25px;
}
}
@media only screen and (max-width: 479px) {
.sidebar .search-box{
padding:20px 20px;
}
.sidebar-widget{
padding:30px 20px;
}
}