/*RESPONSIVE MENU*/

.responsive_btn {
    cursor: pointer;
    position: absolute;
    display: none;
    right: 15px;
    width: 30px;
    height: 16px;
    z-index: 2;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    top: 28px;
    float: right;
}
.responsive_nav .close{
    position: absolute;
    width: 27px;
    height: 25px;
    top: 15px;
    right: 15px;
    opacity: 1;
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-weight: 300;
    font-size: 0;
    background: url(../images/close.png);
}
.responsive_nav .close:after{
    bottom: 7px;
    top: auto;
    transform: rotate(37deg);
}
.responsive_btn:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;
}

.responsive_btn:hover{
    border-color: #000;
}
.responsive_btn:hover:before{
    background: #000;
}
.responsive_nav {
    background: #232323 none repeat scroll 0 0;
    box-shadow: 0 1px 3px 0 #666;
    overflow-y: scroll;
    position: absolute;
    top: -75%;
    transition: all 250ms ease-in-out 0s;
    width: 100%;
    z-index: 9999;
    padding: 50px 0;
}
.responsive_nav ul {
    margin: 0;
    padding: 0;
}

.responsive_nav ul li {
    border-top: 1px solid #222;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.responsive_nav ul li a {
    color: #fff;
    display: block;
    font-size: 30px;
    padding: 0 10px;
    transition: all 250ms ease-in-out 0s;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}

.responsive_nav ul li a:hover,
.responsive_nav ul li a:focus {
    background-color: #d94452;
    color: #fff;
}

.responsive_nav ul ul {
    background: #f0f0f0 none repeat scroll 0 0;
    border-bottom: medium none;
    margin: 10px 23px;
    display: block !important;
}

.responsive_nav ul ul li a {
    color: #444;
    font-size: 15px;
}

.responsive_nav ul li a i {
    display: none;
}

.responsive_nav ul ul li a:hover,
.responsive_nav ul ul li a:focus {
    background-color: #de3840;
    color: #222;
}

.nav_wrapper .container {
    position: relative;
}

.res_overlay {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 250ms ease-in-out 0s;
    visibility: hidden;
    width: 100%;
    z-index: 99999;
}

.responsive .res_overlay {
    opacity: 1;
    visibility: visible;
}

.responsive .responsive_nav {
    top: 0;
}

.nav > ul > li > ul.submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    width: 220px;
    background: url(../images/sub_menubg.png);
}

.responsive_nav > ul > li > ul.submenu > li a {
    display: block;
    padding: 12px;
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    text-transform: uppercase;
    -webkit-transition: all 250ms ease-in-out 0s;
    -o-transition: all 250ms ease-in-out 0s;
    -ms-transition: all 250ms ease-in-out 0s;
    -moz-transition: all 250ms ease-in-out 0s;
    transition: all 250ms ease-in-out 0s;
}

.responsive_nav > ul > li > ul.submenu > li {
    float: none;
    text-align: left;
}

.responsive_nav > ul > li > ul.submenu > li a:hover {
    color: #fff;
    background: #59B42D;
}

.responsive_nav > ul > li > ul.submenu > li a {
    color: #fff;
    background: #333;
}
.wow{visibility: hidden;}
.profile_body{padding-bottom: 30px;}
@media only screen and (min-width: 1600px){
    .container{max-width: 1260px; position: relative;}
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .container{width:980px;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .container{width:750px;}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
    .container{//width:570px; width: 100%;}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
    .container{//width:450px; width: 100%;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .container{//width:300px; width: 100%;}
}

/*1024px*/
@media only screen and (max-width: 1400px) {
   #video-wrapper {
    height: auto;
}
}

@media only screen and (max-width: 1299px) {
    .speaker_section{max-width: 1200px;}
    .speaker_items ul{margin-left: -60px;}
    .speaker_items ul li{margin-left: 60px;}
}
@media only screen and (max-width: 1199px) {
    .container,
    .speaker_section{width: 1000px;}
    header{padding-top: 15px;}
    .menu_section {padding-bottom: 15px;}
    .nav_menu{padding-top: 35px;}
    .speaker_items ul{margin-left: 0;}
    .speaker_items ul li{margin-left: 0; min-height: 380px; width: 50%;}
    .about_section,
    .sponsor_section {margin-top: 50px; margin-bottom: 70px}
    .agenda_section,
    /*.value_section{padding: 0;}*/
    .sponsor_items{margin-top: 60px;}
    .banner .ul li{width: 16.66%;}
    .banner .ul_text{width: 30%; left:50%;  margin-left: -15%;}
    .banner .ul2 li.active:nth-child(6),
    .banner .ul3 li.active:nth-child(6){opacity: 1 !important}
    .banner .ul2 li:nth-child(2),
    .banner .ul2 li:nth-child(3),
    .banner .ul2 li:nth-child(4),
    .banner .ul2 li:nth-child(5),
    .banner .ul3 li:nth-child(2),
    .banner .ul3 li:nth-child(3),
    .banner .ul3 li:nth-child(4),
    .banner .ul3 li:nth-child(5){opacity: 0.3 !important}
    .banner .ul_text h3{font-size: 16px;}
    .sponsor_items ul li{width:40%;}
	.im_cradit{width:100%; }
	.logo-line {
    border-bottom: 1px solid #fff;
    max-width: 120px;
    margin-top: 14px;}
}
/*768px*/
@media only screen and (max-width: 1023px) {
    .container{width: 960px;}
    .register_items ul li{margin-bottom: 70px;}
	.twnty-btn a{right:30px; padding:2px 15px;}
}
@media only screen and (max-width: 991px) {
    .container,
    .speaker_section{width: 100%;}
    header{margin: 0;}
    header .menu_section{padding-bottom: 0;}
    header .menu_section .nav_menu {text-align: right;}
    header .menu_section .nav_menu .responsive_btn {
        position: relative;
        float: none;
        top: 0;
        right: 0;
        display: inline-block;
    }
    .nav_menu ul, header .menu_section .nav_menu ul{display: none;}
    .responsive_btn{display: block;}
    /*.banner .banner-btn{display: none;}*/
    .logo{width: 140px;}
    .about_section{margin-top: 50px; /*padding: 0;*/ margin-bottom: 40px;}
    .heading h2{padding-bottom: 20px; margin-bottom: 20px; font-size: 35px;}
    .heading h2:before{width: 52px; margin:0 auto;}
    body{font-size: 17px;}
    .speaker_items ul li{min-height: 0; width: 100%; padding: 0 15px; margin-bottom: 50px;}
    .speaker_pic img{width: 100%;}
    .value_section{margin-bottom: 50px;padding-right: 10px;padding-left: 10px;}
	
	.inner_page iframe{width: 100%;}
	.agenda_body{padding-left:0px;}
	.sponsor_items ul li{width:47%;}
    .agenda_text{width:100%;}
    .banner .ul_text {
        width: 100%;
        top: 8% !important;
        left: 0;
        right: 0;
        margin: 0 auto;
        max-width: 160px;
    }
    .home .banner .ul_text h3{font-size: 14px;line-height: 18px;}
    .agenda_text p{font-size: 18px;}
	.sponsor_items ul li img {
    max-height: 70px;}
	
/*600px*/
@media only screen and (max-width: 767px) {
    .presented_items ul li h2, .presented_items h2{font-size: 12px;}
    .sponsor_items ul{display: block; margin-bottom: 18%;}
    .sponsor_items.presented_items ul li{max-width: 100%;}
    .banner .banner-btn{bottom:8px;}
    .agenda_items ul{margin-top: 30px;}
    .agenta_time{position: relative; font-size: 18px; margin-right:0;}
    .agenda_text{padding-left: 0;}
    .agenda_text h4{font-size: 18px; margin: 5px 0 0;}
    .agenda_items ul li{margin-bottom: 25px;}
    .agenda_items h3{font-size: 20px;}
    .sponsor_items ul li{margin-bottom: 50px;}
    .sponsor_items h3{color: #000;}
    /*.value_text h3{font-size: 20px; margin-bottom: 20px;}*/
    footer {margin-top: 70px; font-size: 16px;}
    .footer_top{padding-bottom: 80px;}
	.agenda_body{padding-left:0;}
	.im_cradit{bottom:60px;}
	.footer-menu ul{padding:0; margin-top:20px;}
	.footer-menu ul li{padding-left:0; padding-right:10px;}
    .presented_items ul li h2{font-size: 20px;}
	
    
}
}

/*480px*/
@media only screen and (max-width: 575px) {
    
}
    

/*320px*/
@media only screen and (max-width: 460px) {
    .agenta_time{width:100%;}
    .agenda_text p strong{font-size:20px;}
    .footer-menu ul li{display:block; width:100%;}
}

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