/*HOME PAGE HEADER STYLES RESPONSIVE CSS STARTS HERE*/

@media screen and (min-width:320px) and (max-width:480px){	
.about-tools{    border: 1px solid #8080802b;height: auto;padding-left: 20px;}
.navbar.navbar-expand-md {
    padding: 20px !important;
    position: fixed;
    background: white;
    z-index: 2;
    width: 100%;
    left: 0;
	top: 0;
	border-bottom: 1px solid;
}

.navbar-brand h4 {font-size: 15px;}
.global-heading{padding:30px }
}

@media screen and (min-width:768px) and (max-width:1023px){

.navbar-brand h4 {font-size: 11px;}

.menu { margin-top: 12px;}

.menu .nav-link {font-size: 8px;}

}

@media screen and (min-width:1024px) and (max-width:1133px){
	
.navbar-brand h4 {
    font-size: 14px;
}

.menu .nav-link {font-size: 11px;}
	
}

/*INNER PAGES HEADER STYLES RESPONSIVE CSS STARTS HERE*/

@media screen and (min-width:320px) and (max-width:480px){
	
.coalsece-logo img {width: auto !important;}

.agriculture-sec {display: none;}

.headernav {width:100%;}

.reslogo {display:block;}

.reslogo img {height: 13vh;}

.coalsece-logo {display:none;}

.headernav {
    width: 100%;
    position: fixed;
    width: 100%;
    background: white;
    top: 0;
    z-index: 2;
    border-bottom: 1px solid gray;
}

.banres {margin-top:120px;}

.homeresdata {margin-top: 123px;}

.resdata {margin-top: 150px;}

}

@media screen and (min-width:768px) and (max-width:1024px){ 

.agriculture-sec h6 {font-size: 14px;}

.agriculture-sec h2 {font-size: 23px;}

.conf-date {align-items: start;}

.conf-date h5 {font-size: 14px;}

.conf-date img {margin-top: -16px;}

}

@media screen and (min-width:768px) and (max-width:1023px){

.coalescemenu .nav-item .nav-link {font-size: 8px; padding: 0px 2px; margin: 0px 4px;}

}

@media screen and (min-width:1024px) and (max-width:1133px){
	
.coalescemenu .nav-item .nav-link {font-size: 10px; padding: 0px 2px; margin: 0px 2px;}

}


/*FOOTER STYLES RESPONSIVE CSS STARTS HERE*/

@media screen and (min-width:768px) and (max-width:1023px){
	
.f-details p {font-size: 10px;}

.f-details button {font-size: 8px; padding: 5px;}

.soc-icons img {width:25px;}

}

@media screen and (min-width:1024px) and (max-width:1133px){
	
.f-details button {font-size: 10px;}

}


/* PAGE DIRECTION STYLES RESPONSIVE CSS STARTS HERE*/

@media screen and (min-width:320px) and (max-width:480px){
.page-direction {
   display:none;
}
}

/* COMMITTE STYLES RESPONSIVE CSS STARTS HERE*/

@media screen and (min-width:320px) and (max-width:1024px){
	
.committee {display: none !important;}
    .bannertheory {
        width: 100% !important;
    }

}

/* RESPONSIVE COMMITTE SECTION STYLES */

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

.rescommitte-sec {display:block !important;}

}

/* HAMBERG STYLES RESPONSIVE CSS STARTS HERE*/

@media screen and (min-width:320px) and (max-width:1024px){
	
.hamburger-shell {display: none !important;}

}


/* PLUS STYLES RESPONSIVE CSS STARTS HERE*/

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

.plus {display: none !important;}

}


/* HOME PAGE RESPONSIVE css */

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

.arr-bg {display: none;}

.bannerleft i { display:none;}

.bannerright i {display:none;}

.sjleft img {display:none;}

.sjright img {display:none;}

.welcomeleft img {display:none;}

.welcomeright img {display:none;}

.clientleft img {display:none;}

.clientright img {display:none;}

		/* banner responsive */
		
.mainimg {height: 66vh; width: 100%;}

.bannertheory {        padding: 40px 20px 40px 15px;
        position: relative;
        background: #f1536b;}

.bannertheory h2 {font-size: 36px;}

.bannertheory p {font-size: 11px;}

.eventvenue h5 {font-size: 13px;}


		/* about-sec responsive */

.aboutsection h3 {font-size:23px;}
		
.aboutnav {justify-content: center;}

.aboutnav .nav-link {padding: 2px 9px; font-size: 13px;}

.aboutcontent {text-align: center;}

.aboutcontent p {font-size: 13px;text-align: justify;}

.mar {
    background: white;
    width: 36%;
    margin: 0px auto;
    border-radius: 50%;
    padding: 8px;
}

.s2 img {left: 39%;}

.keyinfo h2 {font-size: 25px;}

.tooldata {border-right: 0px;}

.tooldata ul {padding: 0px 15px;height:auto;}

.advisory-sec h2 {font-size: 26px;}

.exhibit-sec h2 {font-size: 23px; margin-top: 40px;}

.advisory {display: block; }

.advisory-img img {
    border-radius: 10px 10px 0px 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.advisory-data {margin-top: 0px;}

.fb img {padding: 1px; height: 17px;}

.early h2 {font-size: 20px; line-height: 30px;}

.confschedule h2 {font-size: 26px;}

.field {justify-content: center;}

.field .nav-item {margin-right: 0px; margin-left: 0px;}

.field h4 {font-size: 17px;}

.field p {font-size: 7px;}

.engineer img {border-radius: 15px; position: absolute; top: -60px; right: 0;}

.reportssec h2 {font-size: 22px;}

.pastconfreport {margin-left: 0px; justify-content: center;}

.pastconfreport .nav-link {font-size: 10px; padding: 5px;}

.nav-link.bio2.active {margin: 0;}

.pastconf h4 {font-size: 13px;margin: 0px;}

.welcomeimg {border-right: 0;}

.welcomeimg img {width: 180px !important;}

.testy1 {padding: 0px; }

.clientdata {padding: 20px;}

.clientdata p {font-size: 13px;}

.clientinfo p {font-size: 13px;}

.testy2 {padding: 0; position: initial;top: 0;left: 0;}

.clientinfo {margin-top: 10px;}

.setter {padding: 0;}

.block {position: absolute; bottom: 0;top: -36px;right: 27px;z-index: 1;}

.freenav img {position: absolute; bottom: 60px; width: 80px;right: 0;}
.delegatereg-sec th{
    min-width:120px;
}
.form-check-label{
    text-align:left;
}
.input-group-append{
    flex-wrap:wrap;
}
.input-group-append .cpt{
    width:50%;
}
.input-group-append .subscribe-btn{
      width:100%;
}
}


@media screen and (min-width:768px) and (max-width:1023px){	

.mainimg {height: 37vh; width: 100%;}

.bannertheory {padding: 78px 160px 41px 69px;position: absolute;top: 0;}

.bannertheory h2 {font-size: 40px;}

.bannertheory p {font-size: 14px;}

.committee {top: 3%;}

.aboutnav .nav-link {font-size: 13px;}

.aboutcontent p {font-size: 11px;}

.aboutcontent button {font-size: 11px;padding: 8px 10px;margin-top:0px;}

.sessionsec {margin-top: 20px;}

.serve {margin-top: 15px;padding: 5px;}

.sessiondata {height: 135px;}

.sessiondata h4 {font-size: 10px;}

.s2 img {left: 15%;}

.abstract h4 {font-size: 13px;}

.mar {
    background: white;
    width: 75%;
    margin: 0px auto;
    border-radius: 50%;
    padding: 8px;
}
.advisory-img img {
    border-radius: 10px 10px 0px 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.advisory {display: table; width: 100%;}

.advisory-data {margin-top: 0;}

.fb img {padding: 1px;margin:0px;}

.speak {height: 120px; width: 120px;}

.twit {width: 90%;padding: 4px 0px;}

.twit i {font-size: 11px;margin: 0px 5px;}

.cdata h3 {font-size: 16px;}

.cdata p {font-size: 8px;}

.supportdata p {font-size: 11px;}

.hoteldata h3 {font-size: 19px;}

.hoteldata h2 {margin-bottom: 15px;margin-top: 0;}

.audience h3 {font-size: 25px;margin-top: 16px;}

.globaltarget {padding: 30px 0px;}

.progress {width: 55px;height: 55px;}

.progress .progress-value {
    width: 90%;
    height: 90%;
    border-radius: 50%;
    font-size: 13px;
    color: #fff;
    line-height: 135px;
    text-align: center;
    position: absolute;
    top: -70%;
    left: 8%;
}
.audience h4 {
    font-size: 9px;
    margin-left: 4px;
    margin-top: 8px;
}
.field .nav-item {margin: 0;}

.field p {font-size: 13px;}

.engineer img {border-radius: 15px;width: 60px;}

.engineer h4 {font-size: 9px; margin-top: 15px;}

.manage h3 {font-size: 14px; margin-top: 0;}

.manage p {font-size: 10px;}

.engineer {padding: 10px; margin-top: 10px; border-bottom: 1px solid #80808047; padding-bottom: 0;}

.pastgallerydata img {
    width: 100%;
    height: auto;
    border-radius: 15px 15px 0px 0px;
    margin-top: 15px;
}

.pastconfreport .nav-link {font-size: 11px; padding: 13px;}

.pastconf h4 {font-size: 14px; margin: 10px 0px 20px 0px;}

.welcomedata p {font-size: 11px; line-height: initial;}

.clientdata {padding: 20px;}

.block {position: absolute; bottom: 0;top: 80px;right: 77px;z-index: 1;}

.testyinfo  {padding-top: 10px; padding-bottom:10px;}

.testy2 {background: #f1f1f1; padding: 20px 0px 0px 0px; position: absolute; top: 115px;left: -23%;}

.clientinfo p {font-size: 9px; text-align: justify;}

.pastgallerydata h4 {font-size: 10px;}

.pasteventdata h4 {font-size: 12px;}

.playbtn {margin-left: 10px;height: 20px;}

.videosdata h4 {font-size: 10px;}

.subscribe-btn {font-size: 10px;padding: 17px 8px 15px 8px;}

.addressdetails button {font-size: 9px; padding: 10px 2px; margin-bottom: 15px;}

.addressdetails img {padding-right: 5px; height: 10px;}

.freenav img { width: 55px;}

.bannerleft i {bottom: -15px; /*right: -490px;*/}

.bannerright i {
    bottom: -15px;
    left: -155px;
}

.sjleft img {bottom: 0; right: -535px;}

.sjright img {bottom: 0; right: 8px;}

.welcomeleft img {
    bottom: -35px;
    right: 0;
    left: 153px;
}

.welcomeright img {
    bottom: -35px;
    left: -295px;
}

.clientleft img {bottom: -387px;right: 0;left: 93px;}

.clientright img {bottom: -387px;left: -60px;}

}


@media screen and (min-width:1024px) and (max-width:1133px){	

.committee {top: 10%;}

.bannerleft i {bottom: -13px;/*right: -708px;*/}

/* .bannerright i {bottom: -13px; right: 0px; left:-80%;} */

.s2 img {left: 21%;}

.mar {
    background: white;
    width: 53%;
    margin: 0px auto;
    border-radius: 50%;
    padding: 8px;
}

.twit i {margin: 0px 3px;}

.sjleft img {bottom: 0;right: -755px;}

.sjright img {bottom: 0;right: -4px;}

.field p {font-size: 11px;}

.welcomeleft img {
    bottom: -35px;
    right: 0;
    left: 204px;
}

.welcomeright img {
    bottom: -35px;
    left: -410px;
}

.testyinfo {padding: 20px 20px 12px 20px;}

.clientinfo p {font-size: 10px;text-align: justify;}

.clientleft img {bottom: -360px;right: 0;left: 160px;}

.clientright img {bottom: -360px;left: -69px;}

.videosdata h4 {text-align: initial;}

.playbtn {margin-left: 30px;}

}

/* ORGANIZATION COMMITTE PAGE RESPONSIVE  css  */

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

.org {text-align: center;}

.orgdetail {display: initial;}

.george {padding: 10px 20px;}

.pview {margin-top: 0;}

.preconfbg-sec h2 {font-size: 22px;}

.preconfbgdetails {margin-top: 0px;}

.withbgdata {margin-top: 80px;}

.withoutbgdata {margin-top: 80px;}

}

@media screen and (min-width:768px) and (max-width:1023px){ 

.org {text-align: center;}

.orgdetail {display: initial;}

.george {padding: 10px 20px;}

.pview {margin-top: 0;}

.withbgdata img {height: 120px; width: 120px;}

.withbgdata p {font-size: 10px;}

.withoutbgdata img {height: 120px; width: 120px;}

.withoutbgdata p {font-size: 10px;}

}

@media screen and (min-width:1024px) and (max-width:1133px){ 

.pview {margin-top: -60px;}

.pview h5 {padding: 10px 0px 10px 95px;}

.pint {margin-top: 40px;}

.pint img {height: 30px;}

}


/* ABSTRACT PROGRAM PAGE RESPONSIVE  css  */


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

.abs-pro .nav-link {padding: 10px;}

.abs-pro h4 {font-size: 15px;}

.abs-pro p {font-size: 10px;}

.chevron, .forum h4 {display: none;}

.abs-detailssec {padding: 0px 20px 20px 20px;}

.absprofile-sec {display: initial; text-align: center;}

.abs-detailssec p {font-size: 12px; text-align: justify;}

}

@media screen and (min-width:768px) and (max-width:1024px){ 

.forum h4 {
    right: -4px;
    font-size: 10px;
    top: 11px;
    padding: 10px;
}
.chevron {
    border-top: 28px solid #f6407b;
    border-right: 28px solid transparent;
    position: absolute;
    right: 0;
    width: 23%;
    height: 64px;
    transform: rotate(180deg);
}
.abs-detailssec p {
    font-size: 13px;
    text-align: justify;
}
}


/* CONFERENCE GALLERY PAGE RESPONSIVE css */

@media screen and (min-width:768px) and (max-width:1023px){ 

.cgall h5 {padding: 10px; font-size: 11px;}

}

@media screen and (min-width:1024px) and (max-width:1133px){ 

.cgall h5 {font-size: 16px;}

}


/* E-POSTER PRESENTATION PAGE RESPONSIVE css */

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


.epost-sec {margin: 30px 2px;}

}

@media screen and (min-width:768px) and (max-width:1023px){ 

.epost-mem img {width: 100%; height: 140px;}

.bio button {padding: 31px 0px;}

}

@media screen and (min-width:1024px) and (max-width:1133px){ 

.bio button {
    padding: 31px;
}

}


/* ONLINE REGISTRATION PAGE RESPONSIVE  css */	

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

.form-field .nav-link {padding: 13px !Important; font-size: 13px !Important;}

.paypal img {height: 40px;}

.summary-sec td {font-size: 11px;}

}

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

.form-data {padding: 0px 0px 20px 0px;}

.form-field .nav-link {padding: 10px;}

.regis {display: block;}

.review {display: block !important;}

.paypal {padding:15px;}

.tamount {padding: 15px;}

.tamount h3 {font-size:23px;}

}

@media screen and (min-width:768px) and (max-width:1024px){ 

.form-data {padding: 0px 0px 20px 0px;}

.form-field .nav-link {padding: 10px;}

.paypal {padding: 20px 5px 20px 38px;}

.tamount {padding: 50px 20px 0px 20px;}

}

@media screen and (min-width:1024px) and (max-width:1133px){ 

.form-field .nav-link {padding: 20px 40px;}

.paypal {padding: 20px 5px 20px 38px;}

.tamount {padding: 50px 20px 0px 20px;}

}

/* ABSTRACT SUBMISSION REGISTER PAGE RESPONSIVE  css */

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

.bouchure-data {padding: 0;}

.absguidelines {padding-top: 0;}

}

/* CONFERENCE PROGRAM PAGE RESPONSIVE css  */

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

.cyear-sec {display: inline-flex; margin-top: 0px; margin-bottom: 20px; padding: 0px 10px;}

.cyear-sec .nav-link {padding: 11px;}

.broadening img {width:100%;}

}

@media screen and (min-width:768px) and (max-width:1023px){ 

.broadening img {width:100%;}

.ynav {
    padding: 0 !important;
}

}


/* GROUP REGISTRATION PAGE RESPONSIVE  css  */

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

.form-field .nav-link {padding: 13px !Important; font-size: 13px !Important;}

.gpay img {height: 40px;}

.summary-sec td {font-size: 11px;}

}

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

.form-data {padding: 0px 0px 20px 0px;}

.form-field .nav-link {padding: 10px;}

.regis {display: block;}

}

@media screen and (min-width:768px) and (max-width:1023px){ 

.gpay img {height: 35px;}

}

/* CONFERENCE BY COUNTRY PAGE RESPONSIVE  css  */

@media screen and (min-width:768px) and (max-width:1023px){ 

.conf_location h4 {font-size: 12px;}

}


/* SPONSERS & EXHIBITORS PAGE RESPONSIVE css */

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

.ex-pack ul li {
    margin: 10px 5px 0px 5px;
}

.pass ul li {
    padding: 5px;
    border-radius: 3px;
    font-size: 13px;
}

.bird ul li {font-size: 13px;}

.sem {display: grid; grid-template-columns: repeat(2,1fr); grid-column-gap: 10px;}

.sem img {width:100%; margin-top: 15px;}

}

/* PAST EVENTS PAGE RESPONSIVE css */

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

.past-btns {text-align: start; margin-top: 40px;}

}

@media screen and (min-width:768px) and (max-width:1023px){ 

.past-btns {margin-top: 25px;}

}


/* VENUE PAGE  css */

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

.v-details h4 {
    font-size: 126px;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #eae9e9;
    position: absolute;
    right: 25px;
    top: 180px;
    transform: rotate(90deg);
}
.oct {
    border-right: 0;
}

}

@media  screen and (min-width: 1920px) {
.container {
    max-width: 1440px;
}
/*.bannerleft i {
    right: -1455px;
}*/
.bannertheory {
    padding: 92px 75px 100px 265px;
    width:48%;
}
.hamburger-shell {
    left: calc(103% - 100px);
}
.clientleft img {
    left: 370px;
}
.bannertheory h2 {font-size: 52px;}
}