/**
 * @author ( Nguyen Duc Viet )
**/
/* ##########################  RESPONSIVE CSS QUERY  ########################### */


@media (max-width: 1222px){
	
}
@media (max-width: 1130px){
	.wrapper{
		padding: 0 20px;
	}
	#logo{
		padding-left: 20px;
		padding-right: 20px;
	}
	.wraper-menu-content{
		padding: 0 20px;
	}
	#content{
		padding: 0 20px;
	}
	.customkey_themes{
		padding: 0 20px;
	}
	.label_text, .day_number{
		font-size: 170px;
	}
	.left_text{
		font-size: 58px;
		top: 48px;
	}
	.day_left{
		height: 200px;
		width: auto;
	}
	#footer .back_to_top{
		right: 20px;
	}
	.display_table_cell{
		padding: 0 10px;
	}
}
@media (max-width: 1024px){
	
}
@media (min-width: 980px){
	
}
@media (min-width: 768px) and (max-width: 979px){

}
@media (max-width: 979px){
	.label_text, .day_number{
		font-size: 120px;
		line-height: 100px;
	}
	.day_left{
		height: 170px;
	}
	.left_text{
		font-size: 40px;
		top: 36px;
	}
	.label_text{
		padding-right: 70px;
	}
	#ajaxFormsubscribe .close_form{
		right: 0;
		top: -73px;
	}
	.display-table .display-table-row{
		display: block;
	}
	.display-table .display-table-row .display-table-cell{
		display: block;
		margin-bottom: 20px;
		width: 100% !important;
		border: 1px solid #e1e1e1;
	}
}
@media (max-width: 890px){
	#logo img{
		float: none;
		margin-bottom: 10px;
		display: inline-block;
	}
	#logo{
		text-align: center;
		padding-bottom: 0;
	}
	.nominate{
		display: inline-block;
		float: none;
		width: 100%;
	}
	.nominate .custom{
		text-align: center;
	}
	
	#header .menu > li{
		padding-right: 14px;
	}
	.custom.sponsors_logo table{
		width: 100%;
	}
	.custom.sponsors_logo table td{
		text-align: center;
	}
	.custom.sponsors_logo table.silver td{
		width: 25%;
	}
	.custom.sponsors_logo table.silver td img{
		width: 100%;
	}
	
}
@media (max-width: 767px){
	.social{
		margin-right: 20px;
	}
	#top_fullwidth_mod .masthead{
		font-size: 26px;
	}
	#bottom_fullwidth_mod .masthead{
		font-size: 18px;
	}
	#bottom_fullwidth_mod .masthead h3{
		font-size: 50px;
	}
	#top_fullwidth_mod .masthead h3{
		font-size: 40px;
	}
	#bottom_fullwidth_mod .masthead.sponsor_masfoot a{
		font-size: 16px;
		padding: 10px 20px 12px;
	}
	/*menu accordion style*/
	.wraper-menu-content{
		padding: 0;
	}
	.menu_container{
		display: inline-block;
		width: 52px;
	}
	.menu_container .open_menu_bar{
		display: inline-block;
		margin-left: 20px;
	}
	#header .menu_container .menu{
		display: none;
	}
	#header .menu_container .menu li, #header .menu_container .menu li a{
		display: block;
		float: none;
	}
	#header .menu_container .menu > li{
		padding: 0;
	}
	#header .menu_container .menu > li > a{
		padding: 0 0 0 20px;
	}
	#header .menu li.parent .open_sub_menu{
		display: block;
	}
	#header .menu li.parent .open_sub_menu:before{
		content: '+';
	}
	#header .menu li.parent .open_sub_menu.open:before{
		content: '–';
	}
	#header .menu li.parent:hover .open_sub_menu{
		color: #fff;
	}
	#header .menu li ul.nav-child{
		width: 100%;
		position: relative;
		top: 0 !important;
		left: 0 !important;
		border: none;
	}
	#header .menu li ul.nav-child li{
		padding-left: 20px;
	}
	#header .menu li ul.nav-child li a{ 
		width: auto;
	}
	#header .menu > li:hover > a{
		background: #D7182A;
		border: none;
		color: #fff;
	}
	.label_text, .day_number{
		font-size: 100px;
		line-height: 80px;
	}
	.day_left{
		height: 145px;
	}
	.left_text{
		font-size: 34px;
		top: 30px;
	}
	.label_text{
		padding-right: 60px;
	}
	.to_event_text{
		font-size: 16px;
		margin-left: 40px;
	}
	#content .description-home h1{
		font-size: 50px;
	}
	.moduletablespeakers h3,
	.customkey_themes h3, 
	.custominnovators h3,
	.moduletablecall_speakers h3,
	.moduletablepartner_us h3{
		font-size: 50px;
	}
	
	.customsponsors h3{
		font-size: 20px;	
	}
	.moduletablecall_speakers, .moduletablepartner_us{
		width: 100%;
		margin: 30px 0 30px 0;
		padding: 30px 0;
		border-top: 2px solid #ddd;
	}
	#bottom_fullwidth_mod .masthead ul li{
		padding: 10px 0 10px 35px;
	}
	.popup_form form table{
		width: 100%;
	}
	.popup_form form table td.label{
		width: 30%;
	}
	.popup_form form table td.field{
		width: 70%;
	}
	.popup_form form table td.field input[type="text"]{
		width: 100% !important;
		margin-left: 0 !important; 
		margin-right: 0!important;
		padding-left: 0!important;
		text-indent: 5px;
	}
	.popup_form form .error_message{
		width: auto;
	}
	.popup_form form .submit_button input{
		margin-right: 0;
	}
	#content .speakers table{
		width: 100%;
	}
	#content .speakers table tr td{
		display: block;
	}
	#content .speakers table tr td:first-child{
		padding: 24px 4%;
		width: 92%;
	}
	#content .speakers table tr td:last-child{
		padding-left: 0;
		padding-top: 30px;
		padding-bottom: 30px;
		width: 100%;
	}
	.custom.sponsors_logo table td{
		display: block;
		padding: 0 !important;
		width: 100% !important;
	}
	.custom.sponsors_logo table td img{
		width: auto !important;
	}
	.accord_otagon_item
	{
		width:100%;
	}
	.accord_otagon_item .content_clicked{
		width: 100%;
	}
	.accord_otagon_item.odd .content_clicked{
	left: 0;
}
	#modules_fixed{
		top: 12px;
	}
	.speaker-overlay{
		display: none;
	}
	.switch_version{
		display: block;
	}
	.title-content-home{
		padding-top: 20px;
	}
	#wrap-button-top{
		margin-top; 20px;
	}
	.scroll_wrapper{
		bottom: 50px;
	}
}
@media (max-width: 640px){
	.content-video{
		width:100%;
		margin:0;
		left:0;
	}
	.day_left td{
		display: block;
	}
	.day_left{
		height: auto;
	}
	.label_text, .day_number{
		line-height: 100px;
	}
	.left_text{
		top: 23px;
	}
	.day_number{
		text-align: center;
	}
	.day_left .cd_label{
		border-bottom: none;
		padding-bottom: 10px;
	}
	.wrap-button-top{
		width: auto;
	}
	.button-mail{
		margin-left: 0;
	}
	#bottom_fullwidth_mod .masthead ul li{
		padding: 8px 0 8px 30px;
	}
	.category-module-according ul li .item_image, .category-module-according ul li .item_content{
		display: inline-block;
		width: 100%;
	}
	.category-module-according ul li .item_content{
		border: none;
	}
	.item-page.steering table tr td:first-child{
		width: 100% !important;
	}
	.item-page.steering table tr td:last-child{
		width: 100% !important;
		padding-left: 0px;
	}
	.item-page table tr td{
		display: block;
		width: 100%;
	}
	.category-module-speakers li.speaker{
		width: 100%;
		margin-right: 0;
		height: auto !important;
	}
	.category-module-speakers li.speaker .item_image_octagon{
		float: left;
		margin-right: 10px;
	}
	.category-module-speakers li.speaker .outer_info{
		height: 178px;
		display: table-cell;
		vertical-align: middle;
	}
	
	.speaker-title{
		min-height: 70px;	
	}
	
	.spiltdiv {
    width: 100%;
    float: none;
}
}
@media (max-width: 480px){
	#top_fullwidth_mod .masthead{
		font-size: 22px;
	}
	#bottom_fullwidth_mod .masthead h3{
		font-size: 40px;
	}
	#bottom_fullwidth_mod .masthead.sponsor_masfoot a{
		font-size: 14px;
	}
	.bottom_link a:first-child{
		margin-top: 20px;
	}
	.bottom_link a:last-child{
		float: left;
		margin-top: 20px;
	}
	.title-content-home h1{
		font-size: 40px;
		line-height: 44px;
	}
	.title-content-home.entry2 h1{
		font-size: 38px;
		line-height: 42px;
	}
	#ajaxFormsubscribe .header_contact p{
		font-size: 30px;
	}
	.label_text, .day_number{
		font-size: 70px;
		line-height: 70px;
	}
	.left_text{
		font-size: 24px;
		top: 14px;
	}
	.label_text {
		padding-left: 14px;
		padding-right: 40px;
	}
	.to_event_text{
		margin-left: 18px;
	}
	#modules_fixed a.btn_action{
		width: 60px;
		height: 64px;
		left: -60px;
		background-size: 100% auto;
	}
	#bottom_fullwidth_mod .masthead h3{
		font-size: 40px;
	}
	#bottom_fullwidth_mod .masthead{
		font-size: 16px;
	}
	#bottom_fullwidth_mod .masthead ul li{
		padding: 8px 0 5px 30px;
		font-size: 14px;
	}
	#bottom_fullwidth_mod .masthead.speaker_masfoot{
		height: 400px;
	}
	.popup_form form table td{
		display: block;
		width: 100% !important;
	}
	.item_image_octagon{
		float:none;
		margin:0 auto;
	}
	.description-speakers{
		width:100%;
		text-align:center;
	}
	.bottom_link{
		text-align: left;
	}
	.bottom_link a{
		min-width: 180px;
	}
	
	table.responsive3col, table.responsive3col tr, table.responsive3col td{
   	 display:block;
    width: 100%;
	
  }
  .speaker-title{
	min-height: 0px;  
  }
}
@media(max-width:320px){
	#bottom_fullwidth_mod .masthead h3{
		font-size: 30px;
	}
	#bottom_fullwidth_mod .masthead.speaker_masfoot{
		height: 500px;
	}
}