@media only screen and (max-width: 780px){
.hide_responsive{display:none;}
.show_responsive{display:block;}
}

@media only screen and (min-width: 781px){
.hide_responsive{display:block;}
.show_responsive{display:none;}
}

@media only screen and (max-width: 1220px){
.votinglist { max-width: 1020px; }
.votinglist li { margin: 0px 15px 65px 15px; width: 310px; }
.votinglist li .img img { max-width: 100%; height: auto; }
.votinglist li .img { width: 310px; height: 310px; }
.votinglist h4 { font-size: 70px; line-height: 70px; }
.votinglist .text { padding-top: 30%; }
.votinglist .text p { padding: 3px 45px; }	
}
@media only screen and (max-width: 1199px){
.banner_sec span.title { font-size: 150px; line-height: 150px;  }
.banner_sec span.title cite { top: 7px; right: 47px; font-size: 40px; }
.banner_sec span.vote {
    font-size: 24px;
    line-height: 30px;
    margin-top: -10px;
    max-width: 700px;
}
.description_sec h2 { font-size: 100px; line-height: 100px; }
.detail_sec .col2 { height: 295px; }
/*.banner_sec span.title { height: 20%; }
.banner_sec .owl-carousel { height: 78%; margin-top: -10%; }
.banner_sec .str_wrap a { margin: 5.5% 0px 0px 0px; height: 78%; }
.banner_sec.moveimg .str_wrap a { margin: 8% 0px 0px 0px; height: 68%; }*/
.banner_sec { min-height: 850px; }
.detail_sec .owl-carousel2 { max-height: 600px; }
.detail_sec .owl-carousel2 .item img { height: 600px; }
.banner_sec .str_wrap a { margin: 180px 0px 60px 0px; height: calc(100% - 240px); height: -webkit-calc(100% - 240px); height: -moz-calc(100% - 240px); }
.banner_sec.moveimg .str_wrap a { margin: 180px 0px 60px 0px; }

footer .left { width: 60%; }
footer .left ul { padding-left: 30px; }
footer .left li { padding-right: 50px; }
footer .right { width: 35%; }

.bxslider, .bx-viewport { height: 100% !important; }

}

@media only screen and (max-width: 1024px){
.adbar { display: none; }
}

@media only screen and (max-width: 1023px){
header { padding: 11px 20px; }
.banner_sec { min-height: 650px; }
.banner_sec span.title { font-size: 150px; line-height: 150px; padding-top: 15px;}
.banner_sec span.vote {
    font-size: 24px;
    line-height: 30px;
    margin-top: -10px;
    max-width: 650px;
}
#wrapper { padding-top: 60px; }
.banner_sec span.title cite{  font-size: 35px; right: 36px; top: 2px; }
/*.banner_sec span.title { height: 13%; }*/
.banner_sec { min-height: 850px; }
.detail_sec .owl-carousel2 { height: auto !important; }
.detail_sec .owl-carousel2 .item img { height: 600px; }
.detail_sec .col2 { height: 240px; }

.banner_sec .str_wrap a { margin: 150px 0px 60px 0px; height: calc(100% - 210px); height: -webkit-calc(100% - 210px); height: -moz-calc(100% - 210px); }
.banner_sec.moveimg .str_wrap a { margin: 150px 0px 60px 0px; }

.votinglist { max-width: 750px; }
.votinglist li { margin: 0px 15px 65px 15px; width: 345px; }
.votinglist li .img { width: 345px; height: 345px; }
.votinglist .text { padding-top: 35%; }
.votinglist .text p { padding: 3px 45px; }

footer .left { width: 55%; }
footer .left ul { padding-left: 20px; }
footer .left li { padding-right: 20px !important; }
footer .right { width: 40%; }
.copyright p { padding: 10px 20px; line-height: 22px; }

}

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

.description_sec {
    padding: 10px 20px 0;
}

header { position: relative; left: auto; top: auto; overflow: hidden; }
.adbar a { display: block; }
.adbar {
    height: 50px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 320px;
}
#wrapper { padding-top: 0; }

.banner_sec span.vote {
    display: block;
    font-size: 16px;
    left: 0;
    line-height: 22px;
    margin-top: -15px;
    max-width: 530px;
    position: relative;
    top: 0;
}
.banner_sec .owl-carousel { margin: 0; }
.banner_sec .str_wrap { margin-top: 0; }
.banner_sec span.title { height: auto; }
.banner_sec span.title { font-size: 90px; line-height: 110px; }
.banner_sec span.title cite { font-size: 30px; line-height: 30px; right: 25px; }
.banner_sec { min-height: 390px; }

.description_sec h2 { font-size: 70px; line-height: 70px; }
.description_sec li { font-size: 15px; line-height: 20px; padding: 0 5px; }
.description_sec li::before { top: 8px; }
p { font-size: 16px; line-height: 22px; padding-bottom: 15px; }
html, body { font-size: 16px; }
.detail_sec .col2 { height: 200px; }
.owl-nav div { margin-top: -15px !important; width: 30px !important; height: 30px !important; background-size: 100% 100% !important; }
.detail_sec .owl-prev { left: 15px; }
.detail_sec .owl-next { right: 15px; }
.detail_sec .owl-carousel2 { max-height: 500px; }
.detail_sec .owl-carousel2 .item img { height: 500px; }
.banner_sec { padding: 0; } 
.detail_sec .video { margin: 15px auto 0 auto; }
/*.banner_sec .str_wrap a { margin: 14% 0px 0px 0px; }
.banner_sec.moveimg .str_wrap a { height: 60%; margin: 10% 0px 0px 0px; }*/
.banner_sec .scroll { font-size: 35px; line-height: 35px; bottom: 5px; }
.detail_sec .vote { padding: 15px; text-align: center; }
.detail_sec a.votenow { float: none; line-height: 25px; }  
.detail_sec a.votenow i { width: 25px; height: 25px; font-size: 12px; line-height: 22px; }  

.banner_sec .str_wrap a { margin: 110px 0px 20px 0px; height: calc(100% - 130px); height: -webkit-calc(100% - 130px); height: -moz-calc(100% - 130px); }
.banner_sec.moveimg .str_wrap a { margin: 110px 0px 20px 0px; }
.banner_sec {
    height: auto;
    min-height: auto;
}
.banner_sec .inner { padding-bottom: 0px; }
.banner_sec .scroll { display: none; }
.bx-wrapper li img { height: 170%; }

.votinglist { max-width: 620px; }
.votinglist li { margin: 0px 15px 65px 15px; width: 280px; }
.votinglist li .img { width: 280px; height: 280px; }
.votinglist .text { padding-top: 25%; }
.votinglist h4 { font-size: 60px; line-height: 60px; }
.votinglist .text p { padding: 3px 30px; }

footer .left { float: none; width: 90%; margin: 0 auto; border: 0px; border-bottom: #ccc solid 1px; }
footer .left ul, footer .right ul { padding: 0px; text-align: center; }
footer .left ul li { padding: 0 15px; display: inline-block; float: none; }

footer .right { padding-bottom: 15px; width: 100%; float: none; }
footer .right ul li { padding: 0 15px; display: inline-block; float: none; }



.name_sec { position: static; padding: 10px;}    
#content-part { padding-top: 0; }

.name_sec li {font-size: 14px;}

}

@media only screen and (max-width: 639px){
	
header a.logo-sport img { max-width: 80%; margin: auto; }
header a.logo-sport { margin-top: -16px; }
header { padding: 11px 15px; }
.detail_sec .col2 { width: 100%; max-width: 450px; height: 260px; float: none; margin: 15px auto; padding: 0; }
.detail_sec .owl-carousel2 { max-height: 250px; }
.detail_sec .owl-carousel2 .item img { height: 250px; }
.description_sec h2 { font-size: 50px; line-height: 50px; }

.votinglist { max-width: 460px; }
.votinglist li { margin: 0px 10px 45px 10px; width: 210px; }
.votinglist li .img { width: 210px; height: 210px; }
.votinglist .text { padding-top: 25%; }
.votinglist h4 { font-size: 50px; line-height: 50px; }
.votinglist .text p { font-size: 15px; line-height: 18px; padding: 3px 20px; }
.votinglist .img a span { width: 40px; height: 40px; line-height: 40px; margin-left: -20px; font-size: 16px; }
.votinglist .text span { height: 45px; width: 45px; line-height: 45px; font-size: 20px; }
footer .left { width: 100%; }
.detail_sec .owl-next, .detail_sec .owl-prev { top: 47%; }

.name_sec li {font-size: 14px;}

}

@media only screen and (max-width: 479px){
	
.banner_sec .head{
	position:relative;
}

.banner_sec span.title {
    color: #02172c;
    padding: 0;
}

.banner_sec span.vote {
    color: #02172c;
    padding: 0 0 10px;
}

.banner_sec .inner .credit {
    bottom: 35%;
}

header .logo { left: 15px; top: 9px; position: absolute; transform: translate(0); -webkit-transform: translate(0); -ms-transform: translate(0); }
header a.logo-sport img { float: left; max-width: 100%;}
header a.logo-sport { top: auto; position: absolute; left: 50%; bottom: 10px; }
header .social { margin: 4px; }
header { min-height: 105px; }
header .logo span { padding-bottom: 3px; }
header:before { width: 100%; height: 1px; content:''; position: absolute; left: 0px; top: 50px; } 
.detail_sec .col2 { height: 175px; max-width: 290px; }
.detail_sec { padding: 15px 0 0 0 ;} 
.votinglist { max-width: 290px; }
.votinglist li { margin: 0px 0px 35px; width: 290px; }
.votinglist li .img { width: 290px; height: 290px; }
.votinglist .text { padding-top: 30%; }
.votinglist h4 { font-size: 40px; line-height: 40px; }
footer .left { width: 100%; }
footer .left ul li:last-child { padding-top: 5px; }
footer .right ul li { padding: 0 5px; }
.name_sec li { font-size: 13px; }

.detail_sec .owl-carousel2 { max-height: 250px; }
.detail_sec .owl-carousel2 .item img { height: 250px; }

}

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

.detail_sec .owl-carousel2 { max-height: 200px; }
.detail_sec .owl-carousel2 .item img { height: 200px; }	
}