@media (max-width: 1400px) {
	#slideshow .slide { overflow: hidden; }
	#slideshow .slide .slider-text { left: 17px; }
}

@media (min-width: 1200px) {
	#sponsors .sponsors .sponsor img { max-width: 100%; }
	#sidenav { padding: 39px 32px; }

	.banner-text h3 { padding-left: 32px; }
	.agenda .details { padding: 55px 0 27px 85px; }

	.seminars .seminar { width: 340px; }
	.seminar .icon { width: 128px; padding: 0; }

	.sponsor .icon { width: 360px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	body { font-size: 11px; }

	.navbar-collapse { margin-top: 30px; }
	.navbar .navbar-brand img { width: 197px; }
	.navbar-nav > li > a { font-size: 11px; }

	#display-area { padding-bottom: 125px; }

	#sidebar .sb-block { margin-bottom: 7px; }
	#sidenav { padding: 12px 20px; border-bottom-width: 12px; }
	#sidenav ul li { padding: 6px 0; }
	#sidenav ul li a, 
	#sidenav ul li a::after { font-size: 10px; }

	#next-seminar .details { padding-bottom: 10px; }
	#next-seminar .details h3 { font-size: 20px; padding: 15px 0 30px; }
	#next-seminar .details p { line-height: 1; }
	#next-seminar .details .date { font-size: 12px; }
	#next-seminar .details .date .date-number { font-size: 30px; }
	#next-seminar .details .address { font-size: 10px; margin: 0; }
	#next-seminar .view-details { height: 21px; line-height: 21px; font-size: 14px; }

	#main-content { padding-left: 17px; padding-top: 45px; }
	#main-content h1 { font-size: 37px; line-height: 1; }
	#main-content h1,
	#main-content h2 { margin-bottom: 25px; }
	#main-content h2 { font-size: 21px; }
	#main-content p { line-height: 17px; margin: 0 0 15px 0; }
	#main-content .agenda .details p.date { line-height: 45px; }
	#main-content .agenda-sched .time,
   	#main-content .agenda-sched .desc { float: none; display: table-cell; }
   	#main-content .agenda-sched .desc { line-height: 22px; }
   	#main-content .seminar .details .desc p { margin-top: 10px; }
   	#main-content .sponsor .details p { font-size: 17px; line-height: 23px; margin: 0 0 10px 0; }

	.agenda .details { padding: 45px 0 27px 15px; }
	.agenda .img { width: 185px; padding: 27px 0 22px 0px; }

	.seminars .seminar { margin-bottom: 30px; }
	.seminar .icon { width: 65px; padding: 0 10px; }

	.sponsor { margin-bottom: 65px; }
}

@media (max-width: 767px) {
	.navbar { padding: 0; margin: 0; }
	.header-right { padding: 0; }
	.header-right,
	.navbar .navbar-header,
	.navbar-brand { float: none; }
	.navbar-brand { margin-left: 22px; display: inline-block; padding: 35px 0 0 0; }
	.navbar-header { margin-bottom: 10px; }
	.navbar-menu-label { float: right; font-size: 14px; font-weight: 700; color: #878d2e; margin-right: 11px; margin-top: 10px; }
	.navbar-toggle { width: 53px; height: 50px; padding: 0 14px; border-radius: 50%; border: 2px solid #ffffff; background: #d2a43e; margin-top: -7px; }
	.navbar-toggle .icon-bar { background: #ffffff; width: 21px; }
	.navbar-nav { float: none; margin: 0; }
	.navbar-collapse { background: #5b5c0a; margin-left: -15px; margin-right: -15px; margin-top: 0; padding: 0; border: 0; }
	.navbar-nav > li { padding: 0; }
	.navbar-nav > li > a { line-height: 35px; color: #ffffff; padding: 0 22px; }
	.navbar-nav > li > a:hover,
   	.navbar-nav > li > a:focus,
   	.navbar-nav > li > a:active,
   	.navbar-nav > li.selected > a { color: #c5c88e; background: none; }

   	#slideshow .slide .slider-text { background: url(../images/bg-slider-text-mobile.png) 0 0 no-repeat; height: 167px; left: 0; }
   	#slideshow .slide .slider-text .wrap { padding-top: 95px; padding-left: 60px; }
   	#slideshow .slide .slider-text h3 { font-size: 48px; }
   	#slideshow .slide .slider-text p, 
    #slideshow .slide .slider-text p a { font-size: 10px; }

   	#sponsors .sponsors { display: block; }
   	#sponsors .sponsors .sponsor { display: inline-block; float: left; width: 50%; margin-bottom: 25px; }
   	#sponsors .sponsors .sponsor,
   	#sponsors .sponsors .sponsor:first-child,
   	#sponsors .sponsors .sponsor:last-child { text-align: center; }
   	#sponsors .sponsors .sponsor:last-child { width: 100%; }
   	#sponsors .sponsors .sponsor img { max-width: 105px; }

   	footer { padding: 16px 0 11px 0; border-top-width: 7px; }
   	.footer-left a img { width: 155px; }
	.footer-left,
	.footer-right { float: none; }
	.footer-right p { margin-top: 10px; }
	.footer-right p,
	.footer-right p a { font-size: 10px; }
	.social-media { padding-top: 14px; }

	.inner-banner .sidebar-bg { display: none; }
	.banner-text { height: 86px; background-image: url(../images/banner-text-bg-mobile.png); }
	.banner-text h3 { padding-left: 0; line-height: 33px; font-size: 15px; }
	.banner-text h3 span { font-size: 18px; }

	#display-area { padding-bottom: 34px; }
	#main-content { padding-left: 0; padding-top: 25px; }
	#main-content h1 { font-size: 32px; }
	#main-content h1,
	#main-content h2 { margin: 0 0 25px 0; line-height: 1; }
	#main-content h2 { font-size: 18px; }
	#main-content p { font-size: 10px; line-height: 15px; margin: 0 0 20px 0; }

	#sidenav { padding: 0; }
	#sidenav .heading { height: 55px; border-top: 1px solid #908828; background: #9e9b37; text-align: center; }
	#sidenav .heading h3 { line-height: 55px; padding: 0; margin: 0; font-size: 15px; color: #ffffff; font-weight: normal; font-style: italic; }
	#sidenav ul { margin: 30px 0; }
	#sidenav ul li { padding: 9px 38px; }
	#sidenav ul li a { font-size: 15px; }
	#sidebar .become-member-link { display: table; margin: auto; }

	#main-content .agenda-sched { margin-bottom: 10px }
	#main-content .agenda-sched .time { width: 80px; }
	#main-content .agenda-sched .time,
   	#main-content .agenda-sched .desc { float: none; color: #676766; font-size: 14px; padding: 0; margin: 0; display: table-cell; }
   	#main-content .agenda-sched .desc { line-height: 1.4em; }
   	#main-content .agenda .details p.date { font-size: 25px; line-height: 25px; margin-bottom: 10px; }
   	#main-content .agenda .details p.date small { font-size: 17px; }
   	#main-content .seminar .details .desc p { margin-top: 10px; margin-bottom: 0; font-size: 12px; }
   	#main-content .sponsor .details p { font-size: 15px; line-height: 21px; margin-bottom: 5px; }

   	.agenda { margin-bottom: 20px; }
   	.agenda .img { width: 100px; padding-right: 20px; }
   	.agenda .details { padding: 35px 0 27px 25px; }

   	.seminars .seminar { width: 48%; margin-bottom: 20px; }
   	.seminar .icon { width: 75px; padding: 0 10px; }
   	.seminar .details .desc h4 { font-size: 40px; }
   	.seminar .details .desc h6 { font-size: 14px; }

   	.sponsor { margin-bottom: 60px; }
   	.sponsor .icon,
   	.sponsor .icon img { max-width: 150px; }
   	.sponsor .details { padding-left: 30px; }
   	.sponsor .details a { font-size: 15px; }

   	input[type="text"] { text-indent: 0; }
   	input.form-control[type="text"],input.form-control[type="password"], 
   	select.form-control, 
   	textarea.form-control, 
   	.bootstrap-select > .dropdown-toggle { font-size: 17px; }
	
	/*bungot start*/
	.dropdown-menu > li > a{
	color:#fff;
	}
	/*bungot end*/
}

@media (max-width: 500px) {
	.file { width: 100%; margin-bottom: 10px; }
	.file .details { width: auto; padding: 14px 15px; }
}

@media (max-width: 480px) {
	.seminars .seminar { float: none; }
	.seminars .seminar,
	.seminar .details .desc { width: 100%; }
	.seminar .details .desc { display: block; height: auto; padding: 10px 0; }

	.sponsor,
	.sponsor .icon,
	.sponsor .details { display: block; width: 100%; }
	.sponsor .icon { max-width: none; }
	.sponsor .details { padding-left: 0; padding-top: 20px; }
}

@media (max-width: 320px) {
	#slideshow .slide .slider-img img.banner-desktop-img { display: none; }
	#slideshow .slide .slider-img img.banner-mobile-img { display: block; }
}