/* =========================== Media Queries =========================== */

@media only screen and (min-width: 1230px) and (max-width: 1440px) {
	html, body {
		margin: 0;
		padding: 0;
		overflow-x: hidden;
	}
	.media-logo.md1 img {
		height: 180px;
	}
	.speaker img {
		/*height: 312px;*/
	}
	.helpdesk-item h2 {
		font-size: 19px;
		color: #006600;
		padding: 15px 0px;
		width: 100%;
		display: inline-block;
		margin: 0px;
		font-weight: bold;
	}
	.new_img {
		display: block;
	}
	.old_img {
		display: none;
	}
	.carousel {
		position: relative;
		min-height: 300px;
	}
	.header_event {
		padding: 0px 0px 10px;
	}
	.about-text article {
		padding: 3px 0px;
	}
	.event_images h3 {
		font-size: 24px;
		line-height: 30px;
	}
	.event_images li {
		font-size: 20px;
		padding: 12px 0px;
		list-style: circle;
	}
	.about-text {
		border-radius: 5px;
	}
	.event_images {
		padding: 0px 50px 0px 0px;
	}
	.description .text1 {}
	.spender_content {
		width: 18.1%;
	}
	.partcipate_or img {
		width: 85%;
		padding: 0px 10px;
	}
	.p_organizations {
		padding: 30px 10px;
	}
	.a-content {
		padding: 0px 0px;
	}
	.copyright_row_wr {
		padding: 10px 20px 8px;
	}
	.helpdesk-content {
		padding: 45px 0px 0px;
	}
	.speaker .info p {}
	.partcipate_or p {
		color: #fff;
		font-size: 15px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1240px) {
	.ben-img {
		height: 250px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.brand-logo img {
		width: 435px;
		height: auto;
		padding-top: 35px;
	}
	.chairperson img {
		width: 125px;
	}
	.brand-logo h3 {
		font-size: 30px;
	}
	#countdown span b {
		font-size: 16px;
	}
	#countdown span {
		width: 85px;
		height: 60px;
		font-size: 16px;
	}
	.chairperson h3 {
		font-size: 16px;
	}
	.chairperson p span {
		font-size: 14px;
	}
	.chairperson p {
		font-size: 12px;
	}
	.navbar-brand {
		padding: 10px 10px;
	}
	.navbar-nav {
		margin-top: 0px;
	}
	.navbar-nav>li {
		padding: 10px 5px;
	}
	.fixed .navbar-nav>li {
		padding: 2px 0px;
	}
	.navbar-nav>li img {
		width: 35px;
	}
	.home-title h2 {
		margin: 0px;
		font-size: 24px;
		margin-bottom: 10px;
	}
	.home-title p {
		font-size: 18px;
		color: #777;
		margin: 15px 0px;
	}
	.about-text article {
		font-size: 14px;
	}
	.speaker .info h3 {
		font-size: 14px;
		margin: 5px 0px;
	}
	.speaker .info p {
		font-size: 14px;
		margin-top: 15px;
	}
	.benfit-point {
		margin-bottom: 20px;
	}
	.contact-item p {
		font-size: 14px;
		margin: 0px 20px;
	}
	.contact-info {
		margin: 0px 20px;
	}
	.contact-info p {
		font-size: 12px;
	}
	.footer-logo p {
		font-size: 10px;
	}
	.footer-title {
		font-size: 16px;
		margin-bottom: 35px;
	}
	.event-item {
		margin: 2px;
	}
	.footer-traicon p {
		width: 80%;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1100px) {
    .head, .him-event{
        min-height: 100%;
        height: 100%;
    }
    .p_organizations{
        padding: 22px;
    }
    .partcipate_or{
        height: 180px;
        width: 14%;
    }
    .partcipate_or img{
        width: 100%;
    }
    .partcipate_or p{
        font-size: 14px;
    }
    .speaker .info{
        height: 155px;
    }
    h2.cnt{
        padding: 6px;
    }
    .copyright_row_wr{
        padding: 10px 48px 8px;
    }
    .socials{
        width: 30%;
    }
    .copyright{
        width: 70%;
    }
    .speaker-modal .modal-dialog{
        width: 93%;
    }
}
@media only screen and (min-width: 426px) and (max-width: 767px) {
	.navbar-toggle {
		border: 1px solid #041f33;
	}
	.navbar-header {
		width: 60%;
		float: right;
	}
	.navbar {
		padding: 0px 0px 0px 20px;
	}
	.header-social {
		float: left;
		width: 35%;
		margin-top: 10px;
	}
	.brand-logo img {
		width: 325px;
		height: auto;
		padding-top: 24px;
	}
	.brand-logo h3 {
		font-size: 24px;
	}
	#countdown {
		font-size: 16px;
	}
	#countdown span {
		width: 75px;
		height: 50px;
	}
	#countdown span b {
		font-size: 12px;
	}
	.chairperson {
		top: 55%;
	}
	.chairperson h3 {
		font-size: 14px;
	}
	.chairperson p {
		font-size: 12px;
	}
	.chairperson img {
		width: 125px;
	}
	.navbar-toggle .icon-bar {
		background: #041f33;
	}
	.navbar-brand {
		display: none;
	}
	.navbar-header a {
		display: block;
		width: 120px;
	}
	.navbar-header a img {
		width: 125px;
		margin-left: 15px;
	}
	.home-icon .home-icon-title {
		padding: 1px;
	}
	.home-icon .home-icon-title p {
		font-size: 11px;
	}
	.home-icon .home-icon-title:nth-child {
		border-right: 0px;
	}
	.about-img {
		text-align: center;
	}
	#about .about-img img {
		display: inline-block;
	}
	.speaker img {
		padding: 10px;
	}
	.speaker .info h3 {
		font-size: 14px;
		color: #555;
		font-weight: 600;
		margin: 5px 0px;
	}
	.speaker .info p {
		font-size: 14px;
		color: #333;
		margin-top: 10px;
	}
	.benfit-point {
		margin-bottom: 20px;
	}
	.meet-list p {
		padding: 5px 2px;
		font-size: 14px;
	}
	.btn1 {
		font-size: 10px;
		padding: 5px 10px;
	}
	.footer-traicon p {
		width: 90%;
	}
	.spenders {
		padding: 0px 5px;
	}
	.spenders h2 {
		margin-bottom: 15px;
		margin-top: 15px;
		font-size: 24px;
	}
	.spender_content {
		width: 47%;
		margin: 10px 5px;
	}
	.spender_content h3 {
		font-size: 23px;
	}
	.spender_content p {
		font-size: 15px;
		color: #fff;
	}
	.why_sponsors ul {
		padding: 0px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 599px) {
	.md-attend {
		display: none !important;
	}
	.xs-attend {
		display: block !important;
	}
	.md-works {
		display: none !important;
	}
	.xs-works {
		display: block !important;
		margin: 15px auto !important;
	}
	.md-wse {
		display: none !important;
	}
	.xs-wse {
		display: block !important;
		margin: 15px auto !important;
	}
}
@media only screen and (min-width: 320px) and (max-width: 425px) {
	.navbar-collapse.in {
		display: block;
		float: left;
	}
	.navbar-collapse {
		display: none;
	}
	#myHome {
		display: none !important;
	}
	.brand-logo {
		display: block;
		top: 33%;
	}
	.media-logo.md1 img {
		height: 55px;
	}
	.title span {
		font-size: 22px;
    /* border-bottom: 2px dashed; */
    /* color: #3d7b46; */
    /* padding: 10px 15px 0px; */
    position: relative;
    background: transparent;
    color: #989919;
	}
    .title span:before,
    .title span:after{
        content: '';
        display: none !important;
    }
	.title {
		text-align: center;
		/*padding: 20px 0px 0px;*/
	}
	.brand-logo h3 {
		font-size: 14px;
	}
	.navbar-header {
		width: 60%;
		float: right;
	}
	.navbar {
		padding: 0px 0px 0px 20px;
	}
	.header-social {
		float: left;
		width: 35%;
		margin-top: 10px;
	}
	.brand-logo img {
		width: 315px;
		padding: 10px;
	}
	.him-event {
		height: 100vh;
	}
	a.regist {
		padding: 6px 10px;
		font-size: 13px;
		margin-top: 20px;
		margin-left: 5%;
	}
	.head {
		min-height: 100vh;
	}
	#header .carousel-control {
		display: none !important;
	}
	.event-content {
		position: relative;
		top: 15%;
		width: 100%;
	}
    .event-content h2 {
    color: #ffffff;
    font-weight: 900;
    margin: 0;
    /* margin-left: 10%; */
    font-size: 22px;
}
	.event-content h3 {
		font-size: 14px;
		margin-bottom: 5px;
		line-height: 16px;
		margin-left: 0%;
		margin-top: 10px;
		padding: 0px 10px;
	}
	.event-content1 {
		float: left;
		width: 100%;
		top: 20%;
	}
	.clogo {
		margin-bottom: 4vh;
		width: 70%;
	}
	.event-content h3 img {
		width: 30px;
		margin-right: 10px;
	}
	.event-content1 p:before {
		display: none;
	}
	.spenders {
		padding: 0px 5px;
	}
	.spenders h2 {
		margin-bottom: 15px;
		margin-top: 15px;
		font-size: 24px;
	}
	.spender_content {
		width: 47%;
		margin: 10px 5px;
	}
	.spender_content h3 {
		font-size: 23px;
	}
	.spender_content p {
		font-size: 15px;
		color: #fff;
	}
	.why_sponsors ul {
		padding: 0px;
	}
	#countdown span {
		width: 65px;
		height: 65px;
		font-size: 14px;
	}
	.work-item {
		width: 48%;
	}
	.work-item img {
		width: 170px;
	}
	.chairperson {
		left: 5px;
		text-align: center;
		top: 60%;
	}
	.meet-list {
		text-align: center;
		padding: 30px 0px 0px;
	}
	.chairperson img {
		width: 75px;
	}
	.row.exhibition-content1 {
		padding: 0px 10px 30px;
	}
	.exhibition-content1 ul li p {
		font-size: 17px;
		margin: 10px 0px;
	}
	.conference-content .title span {
		padding: 10px 11px;
	}
	.conference-content ul {
		padding: 0px 15px;
	}
	.spl {
		margin-left: 0%;
		margin-bottom: 20px;
	}
	.uk-width-medium-1-4 {
		width: 100%;
		float: left;
	}
	.col-md-4.article-button {
		margin: 19px;
		width: 90%;
	}
	.modal-dialog {
		width: 95%;
		margin-top: 15%;
	}
	.form-title img {
		width: 200px;
		text-align: center;
		margin: auto;
	}
	.modal-body {
		width: 100%;
	}
	#register-form {
		width: 100%;
	}
	.chairperson p span {
		font-size: 12px;
	}
	.exibhition-title article {
		padding: 30px 20px;
	}
	.chairperson h3 {
		font-size: 14px;
	}
	.chairperson p {
		font-size: 8px;
	}
	#countdown span b {
		font-size: 12px;
	}
	.navbar-header a {
		display: block;
	}
	.navbar-header a img {
		width: 120px;
	}
	.navbar-toggle {
		border: 1px solid #989919;
	}
	.navbar-toggle .icon-bar {
		background: #fff;
	}
	.about-text {
		padding: 20px 0px 30px;
		border-radius: 5px;
	}
	.overlay10 {
		min-height: 300px;
	}
	header.head {
		min-height: 300px;
	}
	section#particles-js {
		height: 86%;
		margin-top: 55px;
	}
	.navbar-nav>li {
		width: 100%;
		text-align: left;
		padding: 0px 0px;
	}
	.fixed .navbar-nav>li img {
		width: 40px;
		display: none;
	}
	.navbar-nav>li a {
		padding: 10px;
		font-size: 17px;
	}
	.fixed .navbar-nav>li {
		margin: 5px 0px;
	}
	.fixed .navbar-nav>li a {
		font-size: 17px;
		padding: 10px;
	}
	.navbar-nav>li img {
		width: 45px;
		display: none;
	}
	.home-title {
		padding: 5px;
	}
	.home-title h2 {
		font-size: 20px;
	}
	.home-title h4 {
		font-size: 16px;
	}
	.home-title p {
		font-size: 14px;
	}
	.cust-btn1 {
		font-size: 16px;
	}
	.cust-btn2 {
		font-size: 16px;
	}
	.res {
		padding: 0px;
	}
	.home-icon .home-icon-title i {
		font-size: 24px;
	}
	.home-icon .home-icon-title {
		padding: 0px;
	}
	.home-icon .home-icon-title i {
		font-size: 22px;
	}
	.home-icon .home-icon-title p {
		font-size: 7px;
	}
	.title h2 {
		font-size: 20px;
	}
	.about-text article {
		font-size: 14px;
	}
	.about-img {
		padding: 25px;
	}
	.speaker img {
		padding: 1px;
		/*height: 334px;*/
	}
	.speaker .info {
		/* height: 90px;*/
	}
	#speakers .container {
		padding: 30px 0px 50px;
	}
	.speaker-modal .modal-body {
		padding: 0 !important;
	}
	.speaker-modal .modal-dialog {
		width: 95%;
	}
	.brand-logo p {
		font-size: 23px;
	}
	.event_images {
		padding: 0px 20px 0px 20px;
	}
	.description .text1 {
		padding: 10px 20px 0px 20px;
	}
	.ben-img {
		height: 190px;
	}
	.row.ben .col-xs-6 {
		padding: 0px;
	}
	.why_sponsors {
		padding: 30px 0px;
		float: left;
	}
	.why_sponsors {
		padding: 30px 0px;
		float: left;
	}
	.why_sponsors li {
		color: #fff;
		font-size: 16px;
		padding: 5px;
		list-style: circle;
	}
	.title1 {
		text-align: center;
		padding: 20px 0px 0px;
	}
	.title1 span {
		font-size: 25px;
		border-bottom: 2px dashed;
		color: #3d7b46;
		padding: 10px 15px 0px;
		position: relative;
	}
	.o-part {
		text-align: center;
		padding: 10px 0px;
		box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.12);
		background: rgba(0, 0, 0, 0.89);
	}
	.partcipate_or {
		float: left;
		width: 50%;
		margin: 10px 0px;
		text-align: center;
		/*height: 170px;*/
	}
	.conference-content ul {
		padding: 0px 0px;
	}
	.benefits_img img {
		width: 95%;
	}
	.e_detail h1 {
		line-height: 30px;
		font-size: 25px;
		font-weight: bold;
		margin-top: 10px;
	}
	.e_detail img {
		width: 30%;
		float: left;
	}
	.image_detail h2 {
		margin: 0px 20px 15px;
		font-size: 20px;
	}
	.image_detail img {
		width: 50%;
	}
	.title2 span {
		font-size: 25px;
		color: #000;
		padding: 10px 15px 0px;
		position: relative;
		border-bottom: 2px dashed;
	}
	.title2 {
		text-align: center;
		padding: 0px 0px 20px;
		margin-top: -20px;
		font-size: 25px;
	}
	.titlesp h3 {
		/* color: #006600; */
		font-size: 19px;
		padding: 10px 15px;
		/* font-weight: bold; */
	}
	.overlay9 {
		background: #000000cc;
		padding: 20px 0px;
	}
	.venue-content {
		text-align: center;
		padding: 0px 0px 0px;
	}
	.a-content {
		padding: 0px 20px;
	}
	.form-tag {
		font-size: 15px;
		margin: 0px 0px 20px;
		line-height: 35px;
		width: 100%;
		line-height: 20px;
		color: #eaeaea;
		float: left;
	}
	h2.cnt {
		font-size: 18px;
		margin: 0px 0px 20px;
		line-height: 20px;
		color: #eaeaea;
		float: inherit;
		width: 100%;
	}
	.helpdesk-item h2 {
		font-size: 19px;
	}
	.helpdesk-details p {
		font-size: 16px;
		color: #fff;
		margin: 5px 0px;
	}
	.copyright {
		float: left;
		width: 100%;
		padding-top: 5px;
	}
	.copyright_row_wr {
		padding: 10px 0px 20px;
		float: left;
		width: 100%;
	}
	.event_images img {
		width: 100%;
		padding: 0px 0px;
	}
	.why_sponsors h2 {
		color: #3d7b46;
		font-size: 25px;
		margin-top: 0px;
		line-height: 30px;
		text-align: center;
	}
	.p_organizations {
		padding: 10px;
	}
	.helpdesk-content {
		padding: 0px 0px;
	}
	.panel-login>.panel-heading {
		margin: 0px 0px;
	}
	.panel-body {
		padding: 10px 0px;
	}
	form#login-form .col-md-4 {
		padding: 0px;
	}
	.venue-content h4 {
		font-size: 24px;
	}
	.panel-heading {
		padding: 5px 0px;
	}
	.exibhition-title {
		padding: 0px 15px 30px;
	}
	.speaker .info h3 {
		font-size: 16px;
		margin: 5px 0px;
	}
	.row.helpdesk-content {
		float: left;
	}
	.speaker .info p {
		font-size: 15px;
		margin-top: 10px;
	}
	.past-speaker .info h5 {
		font-size: 14px;
	}
	.row {
		margin: 0px;
	}
	.benfit-point {
		margin-bottom: 20px;
	}
	.benfit-point h2 {
		font-size: 16px;
	}
	.benfit-point p {
		font-size: 11px;
	}
	.meet-list p {
		padding: 2px;
		font-size: 12px;
	}
	.btn1 {
		padding: 6px;
		font-size: 8px;
	}
	.objective i {
		font-size: 24px;
	}
	.objective p {
		font-size: 10px;
	}
	#about-traicon article {
		font-size: 12px;
		margin: 0px;
	}
	#register-form .form input, #register-form .form select {
		margin: 5px 5px 15px;
	}
	.location-details h3 {
		font-size: 26px;
	}
	.location-details p {
		font-size: 20px;
	}
	.partns {
		padding: 0;
	}
	#about {
		height: 100%;
	}
	.ben-img p {
		color: #fff;
		font-size: 14px;
		text-align: center;
	}
	.title span {
		/*padding: 5px 50px 5px 50px;*/
        padding: 20px 5px;
        font-size: 24px;
	}
	.partcipate_or p {
		color: #fff;
		font-size: 14px;
	}
	section#benefits {
		float: left;
		width: 100%;
		/* background: #000; */
		background: url(../img/background/exhibit-bg.jpg) 100% fixed no-repeat;
		background-size: cover;
		padding-bottom: 40px;
		padding: 20px 20px;
	}
	.exhibition img {
		margin: 20px auto;
	}
	.title.sec span:before {
		content: '';
		position: absolute;
		width: 50%;
		height: 50%;
		right: 92%;
		bottom: 25%;
		background: none;
		margin: 0;
		background-size: contain;
	}
	.title.sec span:after {
		content: '';
		position: absolute;
		width: 50%;
		height: 50%;
		left: 46%;
		bottom: 25%;
		background: none;
		margin: 0;
		background-size: contain;
	}
	section#past_event {
		float: left;
		width: 100%;
		padding: 0px 10px 20px;
	}
	.speaker .info {
		/*height: 200px;*/
	}
	.org-cont {
		color: #fff;
		font-size: 15px;
		text-align: justify;
	}
}