/*HEADER STYLES RESPONSIVE CSS STARTS HERE*/

@media screen and (min-width:320px) and (max-width:480px){	
    .pre-conf-video iframe{width: 100% !important;height: 200px !important;}
    .pre-conf-videos .carousel-control-prev{left: 0 !important;}
    .pre-conf-videos .carousel-control-next{right: 0 !important;}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin-top: 70px !important;
    overflow: hidden;
    height: 55vh !important;
    background:black;
}
.conference-list ul, .conference-list1 ul, .conference-list2 ul{display: block !important;height: auto !important;}
.navbar.navbar-expand-md {
    padding: 20px !important;
    position: fixed;
    background: white;
    z-index: 1;
    width: 100%;
    left: 0;
	top: 0;
	border-bottom: 1px solid;
}

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

}

@media screen and (min-width:768px) and (max-width:1023px){
.conference-list ul, .conference-list1 ul, .conference-list2 ul{display: block !important;height: auto !important;}

.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){

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


/* PAGE DIRECTION STYLES RESPONSIVE CSS STARTS HERE*/

@media screen and (min-width:320px) and (max-width:480px){
    .conference-list ul, .conference-list1 ul, .conference-list2 ul{display: block !important;height: auto !important;}
.page-direction {
   display:none;
}
}

/* COMMITTE STYLES RESPONSIVE CSS STARTS HERE*/

@media screen and (min-width:320px) and (max-width:1024px){
	.conference-list ul, .conference-list1 ul, .conference-list2 ul{display: block !important;height: auto !important;}
.committee {display: none;}

}


/* INNER PAGE RESPONSIVE AT HEADER CSS STARTS HERE */

@media screen and (min-width: 320px) and (max-width: 480px) {
	
.resinner {margin-top:100px;}

}



/*HOME PAGE RESPONSIVE CSS STARTS HERE*/

@media screen and (min-width:320px) and (max-width:360px){
	
.many {left: 14px}

.fav img {padding: 0px;}

}


@media screen and (min-width:320px) and (max-width:359px){
	
.search-box {top: 95%;right: 4px;}

.search-box {right: 20px;width: 290px; padding: 8px 10px 10px 10px;}

.search-box:before {left: 10%;top: -31px;right: 85%;}

}

@media screen and (min-width:360px) and (max-width:370px){	

.many {left: 12%;}

.search-box {top: 95%;right: 4px;}

.search-box:before {left: 10%;top: -31px;right: 85%;}

}

@media screen and (min-width:375px) and (max-width:410px){	

.many {left: 50px;}

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

.search-box {top: 95%; right: 4px;}

.search-box:before {left: 10%;top: -31px;right: 85%;}

}

@media screen and (min-width:411px) and (max-width:430px){	

.many {left: 17%;}

.search-box {top: 95%;right: 47px;}

.search-box:before {left: 10%;top: -31px;right: 85%;}

}


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

.so {text-align: center;}

}

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

.banner-sec img {height: 55vh; margin-top: 70px;}

.btn1, .btn2 {padding: 10px; font-size: 12px;}

.research {top: 14%;}

.research h2 {font-size: 18px;}

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

.things {border:0;}

/* left line before text*/
.gelly::before {
    height: 0;
}

/* left line after text*/
.gelly::after {
   height: 0;
}

/* left line before text*/
.things::before {
    height: 0;
}

/* left line after text*/
.things::after {  
    height: 0;
}

.stemconf {grid-template-columns: repeat(2,1fr);}

.uniquetab .nav-item {margin-top: 5px;}

.uniquetab .nav-link {font-size: 9px; padding: 5px;}

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

.confer {padding: 40px 20px;}

.clientrightbtn i {bottom: -27px; left: -225px;}

.pre-gallery h2 {font-size: 25px;}

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

.conf-videos img {width: 100%;}

.zoom-img img {top: 35%; left: 45%;}

.fav img {height: 80px;}

.field .nav-link {margin: 0px 5px; text-align: center; padding:5px 10px;}

.fwise {display:initial !important; text-align:center;}

.fwise h6{font-size:12px;}

.subscribe h4 {font-size:20px;}

}

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

.research {top: 14%;}

.things {padding: 30px 45px;}

.research h2 {font-size: 18px;}

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

.uniquetab .nav-link {font-size: 12px; padding: 10px;}

.board {margin-top: 20px;}

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

.clientrightbtn i {left: -535px;}

.preconf-data p {font-size: 11px;}

.conf-videos img {width: 100%;}

.fav img {height: 75px;}

.bottom.many {
    padding: 2px 18px;
    position: absolute;
    left: 15px;
    width: 150px;
    height: 77px;
    top: 49%;
	text-align: center;
}
.many h5 {font-size: 7px; margin: 2px;}

.many h4 {font-size: 9px;padding-top: 4px;margin:0px;}

.access-btn {font-size: 8px; padding: 3px 7px;}

.coin {transform: translateY(35px);}

.f-details h3 {margin-top:0; font-size: 16px;}

.f-details h5 {font-size: 12px;}

.f-details h6 {font-size: 14px;}

.f-details p {font-size: 11px;}

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

.subscribe h4 {font-size: 18px;}

}

@media screen and (min-width:1024px) and (max-width:1133px){
	
.things {padding: 35px 45px;}

.research {top: 15%;}

.research h2 {font-size: 28px;}

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

.clientrightbtn i {left: -730px;}

.so img {width: 215px;}

.bottom.many {
    width: 213px;
    position: absolute;
    top: 48%;
    height: 113px;
    left: 16px;
}
.many h5 {font-size: 10px;margin: 2px;}

.many h4 {font-size: 13px;margin: 2px;}

.access-btn {  font-size: 9px; padding: 4px 10px;}

.f-details h3 {margin-top:0; font-size: 23px;}

.f-details button {padding: 10px;}
	
}

@media screen and (max-width: 767px) {
	
.con1 {padding-right: 0; padding-left: 0 !important;}

.con2 {padding-right: 0px !important; padding-left: 0px !important; border-radius: 0px !important;}

.con1 img {border-radius: 0px !important;}

}


@media screen and (min-width:767px) and (max-width: 991px) {

.con1 img {height: 252px;}

.many {position: initial; text-align: initial;}

.so img {width: 100%;}

.top, .bottom {width: 185px;}

}



/* ABOUT PAGE RESPONSIVE CSS STARTS HERE */

@media screen and (min-width: 320px) and (max-width: 480px) {
	
.resinner {margin-top:100px;}
	
.spec {border-right: 0;}
.icons-gallry img{
    max-width:100%;
}

}


/*Pastcoferences Responsive Css Start Here*/

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

.witnesss h4 {font-size: 11px;}

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

}

/* Previous Coferences Responsive Css Start Here*/

@media screen and (min-width:320px) and (max-width:480px){
	
.preconfsearch {width: auto !important;}
	
.int1 img { border-radius: 3px 0px 0px 3px;}

.int-line {border-radius: 3px;}

}

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

.year-confe .nav-item .nav-link {font-size: 11px; padding: 3px;}
	
}

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

.year-confe .nav-item .nav-link {font-size: 11px;padding: 9px;}

}

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

.int-data { padding: 8px;}
	
.int-data h5 {font-size: 12px;}

.int-data h4 {font-size: 12px;}

.int-data h6 {font-size: 12px;}

.int-btn {font-size: 9px;padding: 6px 16px;}

}


/* Upcoming Coferences Responsive Css Start Here*/

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

.up-confe .nav-item .nav-link {font-size: 9px; padding: 8px;}
.f-detailsatg{ display:inline-block;}
}


/* Pastreports Responsive Css Start Here*/

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

.pollution-data h4 {font-size: 12px;}

.pollution-data h6 {font-size: 13px;}

}


/* Coferences City Css Start Here*/

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

.edition {padding:5px 20px; border-right: 0;}

.conf_date { padding: 5px 20px; border-right: 0;}

.conf_location {padding: 5px 20px;border-right: 0;}
	
}

@media screen and (min-width:768px) and (max-width:1023px){
	
.conf_location h4 {font-size: 11px;}

.conf_date h4 {font-size: 11px;}

.treat img {padding-right: 0px;}

}