 
@media only screen and (min-width: 1000px) and (max-width: 1249px) {	
.container{width:980px; position:relative; }
#cssmenu > ul > li {
    float: none;
    margin: 18px 5px 18px 5px;}
#myVideo {
 
    width: 100%;
} 
.keynote-speakers ul li .right-content {
    width: 60%;
    float: left;
    margin: 0px;
    padding: 40px 40px;
}
.agenda-right-section {
    width: 74%;
    float: left;
    margin: 55px 3% 55px -70px;
    padding: 0px;
    height: 680px;
    overflow: auto;
}
.agenda-right {
    width: 78%;}


} 


@media only screen and (min-width: 768px) and (max-width: 999px) {	
.container{ width:737px; position:relative; }
.logo{width:32%; float:left; margin:0; padding:20px 0 20px; }
.logo img{max-width:100%;}
.logo-mid{width:30%; float:left; margin:0  0 0 2%; padding:20px 0 20px; }
.logo1{width:35%; float:right; margin:0; padding:20px 0 20px; }
.logo1 img{max-width:100%;}
 
#myVideo {
 
    width: 100%;
} 
 
.overview-section img {
    float: left; width:98%; height:auto;
    margin: 0 0px 0 0;
}
.overview-section-right {
    width: 53%;
    float: left;
    margin:  0px 0 30px;
    padding: 0px 0 0px;
    height: 700px;
    overflow: auto;
}
.keynote-speakers ul li .right-content {
    width: 60%;
    float: left;
    margin: 0px;
    padding:20px;
}
.agenda-right-section {
    width: 76%;
    float: left;
    margin: 55px 3% 55px -70px;
    padding: 0px;
    height: 680px;
    overflow: auto;
}
.agenda-right {
    width: 65%;}
.speaker-section ul li {
    width:31.33%;
    float: left;
    margin: 0px 1% 30px;
    padding: 20px;
    text-align: center;
    list-style: none;
    background: #c12421;
    cursor: pointer;
} 
.awards-section {
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
    padding: 0px 0 0px;
}
.copyright {
    width: 40%;
    float: left;
    margin: 0px 0 0;
    padding: 0;
}
.footer-right {
    width: 46%;
    float: right;
    margin: 0px;
    padding: 0px;
}
.sponsors-left {
    width:100%; border:0px; border-bottom:#a3a3a3 1px solid}
.registration-left{width:100%; }

.registration-mid{background:#000; margin:0px 0 0 0;}
} 




@media only screen and (min-width: 480px) and (max-width: 767px) {		
.container{ width:95%; position:relative; }
.logo{width:32%; float:left; margin:0; padding:20px 0 20px; }
.logo img{max-width:100%;}
.logo-mid{width:30%; float:left; margin:0 0 0 2%; padding:20px 5px 20px; }
.logo-mid img{max-width:100%;}
.logo1{width:35%; float:right; margin:0; padding:20px 0 20px; }
.logo1 img{max-width:100%;}
#myVideo {
 
    width: 100%;
} 
.banner-content {
    padding: 50px 0 50px 0;
    position: relative;
    z-index:111; 
}
 
.overview-section {
    width: 100%;
    float: left;
    margin: 0;
    padding: 65px 3% 0px 3%;
    background: url(../images/about-bg.jpg) center top no-repeat;
    background-size: cover;
}
.keynote-speakers ul li .right-content {
    width: 60%;
    float: left;
    margin: 0px;
    padding:20px;
}
.agenda-right-section {
    width: 94%;
    float: left;
    margin: 25px 3% 55px 3%;
    padding: 0px;
    height: 680px;
    overflow: auto;
}
.agenda-right {
    width: 65%;}
.speaker-section ul li {
    width:48%;
    float: left;
    margin: 0px 1% 30px;
    padding: 20px;
    text-align: center;
    list-style: none;
    background: #c12421;
    cursor: pointer;
} 
.copyright {
    width: 40%;
    float: left;
    margin: 0px 0 0;
    padding: 0;
}
.footer-right {
    width: 46%;
    float: right;
    margin: 0px;
    padding: 0px;
}
.keynote-speakers ul li {
    width:100%;
    float: left;
    margin: 0px 0% 30px;
    padding: 0px;
    background: #000;
    list-style: none;
} 
.agenda-left-img {
   display:none;
}
.popup{width:98%;}
.popup-left-content {
    float: left; width:45%}
.popup-left-content img{width:100%; height:auto;}
.popup-content{width:100%; float:left; margin:0px; padding:0;  border-radius:0px; background:#fff;height:320px;overflow: auto;}
.popup-right-content1{width:100%; float:left; margin:0px; padding:0; height:300px; overflow: auto;}
 
 
.sponsors-left {
    width:100%; border:0px; border-bottom:#a3a3a3 1px solid}	
.registration-left{width:100%; }
.registration-mid{background:#000; margin:0px 0 0 0;}
.awards-section ul li{width:48%; float:left; margin:0px 1% 30px; padding:20px; text-align:center; list-style:none; background:#c12421; cursor:pointer;}


.overview-section-left{width:100%; text-align:center}
.overview-section-right{width:100%; margin:30px 0 0 0;}
.agenda h2{width:100%; float:left; margin:0px 0 0px; padding:50px 0 0px; font-size:36px; color:#333333; line-height:36px; font-weight:700; text-align:center; text-transform:uppercase; display:block;}
.date-right{width:100%; }
.awards-section {
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
    padding: 0px 0 0px;
}
} 







@media only screen and (max-width: 479px) {
.container{ width:95%; position:relative;}
.logo{width:100%; float:left; margin:0; padding:20px 0 20px; text-align:center}
.logo img{max-width:100%;}
.logo-mid{width:100%; float:left; margin:0; padding:0px 5px 0px; text-align:center}
.logo-mid img{max-width:100%;}
.logo1{width:100%; float:right; margin:0; padding:20px 5px 20px; }
.logo1 img{max-width:100%;}
 
 #myVideo {
 
    width: 100%;
} 
.banner-content {
    padding: 50px 0 50px 0;
    position: relative;
    z-index: 111; 
}
.overview-section img {
    float: left; width:100%; height:auto;
    margin: 0 0px 30px 0;
}
.overview-section {
    width: 100%;
    float: left;
    margin: 0;
    padding: 65px 3% 0px 3%;
    background: url(../images/about-bg.jpg) center top no-repeat;
    background-size: cover;
}
.keynote-speakers ul li .right-content {
    width: 60%;
    float: left;
    margin: 0px;
    padding:20px;
}
.agenda-right-section {
    width: 94%;
    float: left;
    margin: 25px 3% 55px 3%;
    padding: 0px;
    height: 680px;
    overflow: auto;
}
.agenda-right {
    width:100%; margin-top:10px}
.speaker-section ul li {
    width:100%;
    float: left;
    margin: 0px 0% 30px;
    padding: 20px;
    text-align: center;
    list-style: none;
    background: #c12421;
    cursor: pointer;
} 
.awards-section {
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
    padding: 0px 0 0px;
}
.copyright {
    width:100%;
    float: left;
    margin: 30px 0 0;
    padding: 0;
}
.footer-right {
    width:100%;
    float: right;
    margin: 0px;
    padding: 0px;
}
.keynote-speakers ul li {
    width:100%;
    float: left;
    margin: 0px 0% 30px;
    padding: 0px;
    background: #000;
    list-style: none;
} 
.agenda-left-img {
     display:none;
}
 .social-links ul {
    width: auto;
    float: left;
    margin: 0;
    padding: 0px;
}
 
.popup{width:98%;}
.popup-left-content {
    float: left; width:100%}
.popup-left-content img{width:100%; height:auto;}
.popup-right-content{width:100%;}
.popup-content{width:100%; float:left; margin:0px; padding:0;  border-radius:0px; background:#fff;height:550px;overflow: auto;}
.popup-right-content1{width:100%; float:left; margin:0px; padding:0; height:450px; overflow: auto;}

 
/*.agenda-left {
    width: 106px;
    float: none;
    margin: 0 auto;
    padding: 0px;
    height: 106px;
    background: #a91c11;
    display: table;
}*/
 	
.sponsors-left {
    width:100%; border:0px; border-bottom:#a3a3a3 1px solid; padding:0 0 30px;}	
.registration-left{width:100%; }
.registration-mid{background:#000; margin:0px 0 0 0;}



.awards-section ul li{width:100%; float:left; margin:0px 0% 30px; padding:20px; text-align:center; list-style:none; background:#c12421; cursor:pointer;}

.hotels-section-left{width:100%; float:left; margin:0px 0% 30px 0; padding:10px 10px 30px; background:#000}



.overview-section-left {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    line-height: 0px;
}
.overview-section-right {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    height: 700px;
    overflow: auto;
}
.date-right {
    width:100%;
    float: right;
    margin: 0;
    padding:10px;
    background: #ccc;
}
.agenda h2{width:100%; float:left; margin:0px 0 0px; padding:50px 0 0px; font-size:36px; color:#333333; line-height:36px; font-weight:700; text-align:center; text-transform:uppercase; display:block;}
} 


 




@media only screen and (min-width: 320px) and (max-width: 355px) {

}

@media only screen and (min-width: 568px) and (max-width: 600px) {
 
}


@media only screen and (min-width: 414px) and (max-width: 500px) {
 
}


@media only screen and (min-width: 736px) and (max-width: 758px) {
 
}
 




