/* This Css is for small mobile */

div {
    position: relative;
}
@media  (max-width: 320px) {
	#banner_ads .col-md-12{
		padding: 0;
	}
	.banner_ads{
		text-align: center;
		max-width: 300px;
		overflow: hidden;
		position: relative;
		margin: 0 auto;
}
	
}
@media only screen and (max-width: 360px) and (min-width: 320px) {
    .single_menu p::after {
		bottom: 5px;
		left: 37% !important;
	}
	.about_title h2:after{
		left: 43%!important;
	}
	.about_title p {
    	padding: 0px 0 80px 0!important;
	}
	.winner_area table>tbody>tr>td{
		letter-spacing: -3px;
		font-size: 11px!important;

	}
	.winner_area .table>thead>tr>th.txt_win{
		font-size: 14px;
		letter-spacing: -1px!important;
		width: 34%!important;
		padding: 10px 2px;
	}
	.winner_area table>tbody>tr>td.w_year{
		letter-spacing: 0px !important;
	}
}

@media only screen and (max-width: 370px) and (min-width: 360px) {
	
    .single_menu p::after {
		bottom: 5px;
		left: 38% !important;
	}
	
	.about_title h2:after{
		left: 44%!important;
	}
	.about_title p {
    	padding: 0px 0 106px 0!important;
	}

	.pick_content .btn_news a{
		font-size: 11px!important;
	}
	.pick_content ul li span.tittle_pick{
		font-size: 13px!important;
		padding-left: 5px;
	}
	.pick_content ul li span.img_vs{
		padding: 0 10px !important;
	}
	.winner_area table>tbody>tr>td{
		letter-spacing: -2px;
		font-size: 11px!important;
	}
	.winner_area table>tbody>tr>td.w_year{
		letter-spacing: 0px !important;
	}

}

@media only screen and (max-width: 380px) and (min-width: 375px) {
	
	.winner_area table>tbody>tr>td{
		letter-spacing: -2px;
		font-size: 11px!important;
	}
		.winner_area table>tbody>tr>td.w_year{
		letter-spacing: 0px !important;
	}
	

}

@media only screen and (max-width: 414px) and (min-width: 385px) {
	
	.winner_area table>tbody>tr>td{
		letter-spacing: -2px;
		font-size: 13px!important;
	}
		.winner_area table>tbody>tr>td.w_year{
		letter-spacing: 0px !important;
	}
}


@media only screen and (max-width: 600px) and (min-width: 415px) {
}

@media only screen and (max-width: 768px) and (min-width: 601px) {
		.navbar-nav.navbar-right:last-child{
		margin-right: 15px;
		padding-left: 15px;
	}
}
@media (max-width: 768px) {
	.container>.navbar-header{
	background: #fff;
}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border-color: #fff;
	background: rgba(255,255,255,0.99);

}
	.navbar-default .navbar-toggle{
		border: none;
	}
	 .navbar-default .navbar-toggle .icon-bar{
     background-color: #c92435;
		 
}
	/*.bg_white{
		background: #fff !important;
		color: #686868 !important;
	}*/
	.bg_white{
		background: #c92435 !important;
		color: #FFFFFF !important;
	}
	.caret{
	display: inline-block;
}
	.navbar{
		background: none;
		border-bottom: 0px solid #830710;
	}
	.navbar .container{
		padding: 0;
	}
	.container-fluid{
		padding: 15px 10px 35px 10px;
	}
	
    .container {
        max-width: 100%;
		width: 100%;
    }
	.navbar-nav.navbar-right:last-child{
		padding-left: 15px;
	}
	.navbar-collapse{
		 -moz-box-shadow:    inset 0 0 2px #000000;
	   -webkit-box-shadow: inset 0 0 2px #000000;
	   box-shadow:         inset 0 0 2px #000000;
	}
    .navbar-brand img {
        width: 66%;
        margin: 12px 0 0 25px;
		position: relative;
		overflow: hidden;
		z-index: 999;
    }
    .slider {
        padding-top: 50px;
    }

	.inner_about_area {
		padding: 0px 0;
	}
   
	.inner_about_area .col-md-6{
		padding: 0;
	}
	.inner_about_title{
		margin-bottom: 15px;
		height: auto;
		padding: 15px;
	}
	.inner_about_title h2 {
		padding: 20px 0 15px 0;
		font-size: 22px;
	}
	.inner_about_title p {
		line-height: 24px;
		font-weight: 500;
		font-size: 14px;
	}
	.winner_area table>tbody>tr>td {
		border: none;
		font-size: 14px;
		padding: 8px 5px;
	}
	.winner_area .table>thead>tr>th{
		font-size: 16px;
	}
	.winner_area .table>thead>tr>th.txt_win{
		font-size: 14px;
		letter-spacing: -2px;
		width: 34%;
	}
/*--------------------------------
	top
----------------------------------*/
	.section_title h2{
		font-size: 30px;
		padding: 30px 0 0 0!important;
	}
	
	.section_title p{
		font-size: 16px;
		padding: 5px 5px 20px 5px;
	}
   
	.navbar-nav>li span.icon_fa a:hover,.navbar-nav li.active span.icon_fa a {
	color: #002857!important;
}
	.section_title span.txt_pre{
		white-space: pre;
	}
    #banner_ads {
        padding: 10px 0;
    }
    .about_title {
        padding: 70px 0 0 0;
    }
    .content_text {
        padding: 30px 20px 10px 20px;
		background: rgba(255,255,255,0.65);
        font-size: 16px;
        line-height: 24px;
		margin: 0 -15px;
    }
	.content_text p{
		padding-bottom: 20px;
	}
	
	.draw_area{
		text-align: left;
		padding: 0 15px;
	}
	.draw_area ul{
		text-align: center;
		padding: 0 0 30px 0;
	}
	.draw_area ul li{
		width: 49%;
		margin: 0 auto;
		margin-bottom: 5px;
	}
	.draw_area ul li:last-child{
		/*float: left;*/
	}
	.draw_area .col-md-12{
		padding: 0;
		margin: 0 -7px;
	}
	
	
}
/* This Css is for tablet */

@media (min-width: 760px) {}
/* This Css is for Medium Deviced */

@media (min-width: 992px) {}
/* This Css is for large Deviced */
@media only screen and (max-width: 700px) and (min-width: 540px) {
	.inner_about_title {
		margin-bottom: 20px;
		height: 600px;
		padding: 15px;
	}
	
	.inner_about_title figure{
		position: relative;
		overflow: hidden; 
		max-height:410px;
	}

}
@media only screen and (max-width: 1023px) and (min-width: 701px) {
	.inner_about_title {
		margin-bottom: 20px;
		height: 520px;
		padding: 15px;
	}
	
	.inner_about_area .col-md-6 {
		padding: 0 5px;
		display: inline-block;
		width: 48.5%;
		vertical-align: top;
	}
	.inner_about_title p {
		line-height: 22px;
		font-weight: 500;
		font-size: 14px;
	}

	.inner_about_area {
		padding: 0px 0;
		margin: 0 auto;
		text-align: center;
	}
	.inner_about_area:last-of-type{
		text-align: left;
		margin-left: 10px;
	}
	.bg_white{
		background: #c92933 !important;
		color: #fff !important;
	}
}


@media only screen and (max-width: 1200px) and (min-width: 1025px) {
	
}

@media only screen and (max-width: 1000px) {
    .pc {
        display:none;
    }
    .sp {
        display: block;
    }
	.fa-caret-down{
		display: inline-block !important;
	}
	.slider {
		padding-top: 50px;
	}
}
@media (min-width: 1200px) {}
