body{
  font-family: 'Roboto', sans-serif !important;
  background-color: #F2F2F2;
}
.banner-content{
  background-image: url(https://dhsdesign.aifest.org/wp-content/uploads/2018/08/sponcer.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: -20px;
  /* z-index: 1;
  position: absolute; */
  padding-left: 5%;
  letter-spacing: 1px;
  color: #fff;
  padding-top: 5%;
  padding-bottom: 5%;
}
.banner-heading{
  padding-top: 5%;
  font-size: 25px;
}
.content-box{
  box-shadow: 0 4px 8px 0 rgba(58, 58, 58, 0.2), 0 6px 20px 0 rgba(58, 58, 58, 0.2);
}
.content-box1 {
    box-shadow: 0 4px 8px 0 rgba(58, 58, 58, 0.2), 0 6px 20px 0 rgba(58, 58, 58, 0.2);
    padding-bottom: 1px;
}
.content-area{
  padding-left: 0 !important;
}
.main-head{
  font-size: 35px;
}
.headings{
  text-align: left;
  padding-left: 25%;
}
.headings1{
  text-align: left;
  padding-left: 25%;
}
.headings4{
  text-align: left;
  padding-left: 25%;
}
.headings3{
  text-align: left;
  padding-left: 16%;
}
.platinum-box{
  max-width: 400px;
  width: 100%;
  background-color: #7B8891;
  padding-top: 125px;
  padding-bottom: 125px;
  color: #fff;
  letter-spacing: 1px;
  text-align: left;
  margin-bottom: 3px;
}
.mini-heading{
  font-weight: 100;
  font-size: 25px;
 
}
.mini-heading2{
  font-weight: 100;
  font-size: 25px;
  margin-top: 19%;
}
.mini-heading1{
  font-weight: 100;
  font-size: 25px;
  margin-top: 10%;
}
.headings11 {
    text-align: left;
    padding-left: 20%;
    margin-top: -8%;
}
.headings22 {
    text-align: left;
    padding-left: 20%;
    margin-top: -8%;
}
.mini-heading4 {
    font-weight: 100;
    font-size: 25px;
    padding-top: 84px;
}

.m-top{
  margin-top: 2%;
}
.gold-box{
  max-width: 400px;
  width: 100%;
  background-color: #E5CC58;
  padding-top: 100px;
  padding-bottom: 100px;
  color: #000;
  letter-spacing: 1px;
  text-align: left;
}
.logos{
  list-style-type: none;
  padding-left: -5px;
/* 	padding-top: 9%; */
}
.logos11{
  list-style-type: none;
  padding-left: -5px;
	padding-top: 9%;
}
.logos > li{
  display: inline-block;
  margin-right: -5%;
  max-width: 250px;
  width: 100%;

}
.logos11 > li{
  display: inline-block;
  margin-right: -5%;
  max-width: 250px;
  width: 100%;

}
.logos3{
  list-style-type: none;
/*   padding-left: 24%; */
  margin-top: 7%;
}
.logos3 > li{
  display: inline-block;
  margin-right: 7%;
  max-width: 218px;
  width: 100%;
  margin-top: 4%;
}
.logos33{
  list-style-type: none;
  padding-left: 24%;
  margin-top: 4%;
}
.logos33 > li{
  display: inline-block;
  margin-right: 7%;
  max-width: 218px;
  width: 100%;
  margin-top: 4%;
}
.logos34{
  list-style-type: none;
  padding-left: 24%;
  margin-top: 7%;
}
/* .logos35{
  list-style-type: none;
  padding-left: 24%;
  margin-top: 1%;
} */
.logos35 {
    list-style-type: none;
    padding-left: 14%;
    margin-top: 1%;
}
.logos34 > li{
    display: inline-block;
    margin-right: -1%;
    max-width: 218px;
    width: 100%;
    margin-top: 1%;
    float: left;
}
/* .logos35 > li{
  display: inline-block;
  margin-right: -1%;
  max-width: 218px;
  width: 100%;
  margin-top: 4%;
	float: left;
} */
.logos35 > li {
    display: inline-block;
    margin-right: 5%;
    max-width: 141px;
/*     width: 100%; */
    margin-top: 10%;
    float: left;
}
.logos2{
  list-style-type: none;
  padding-left: 0;
}
.logos2 > li{
  display: inline-block;
  margin-right: 12%;
  max-width: 250px;
  width: 100%;
  margin-top: 4%;
}
.silver-box{
  max-width: 400px;
  width: 100%;
  background-color: #C0C0C0;
  padding-top: 125px;
  padding-bottom: 125px;
  color: #000;
  letter-spacing: 1px;
  text-align: left;
}
.v-line{
  width: 50px
	  ;
  height: 3px;
  display: block;
  background-color: #f20000;
  margin-top: 3%;
}
.divider{
  width: 85%;
}
.headings2{
  text-align: left;
  padding-left: 5%;
}
.logos-set{
  list-style-type: none;
margin-top: 2%;
padding-left: 0;
}
.logos-set > li{
  display: inline-block;
  margin-right: -3%;
  max-width: 285px;
  width: 100%;
}
.line{
  display: block;
  width: 100px;
  height: 4px;
  background-color: #f20000;
  margin-top: 1%;
  margin-bottom: 1%;
}
.banner-par{
  font-size: 20px;
  width: 70%;
}
.paltinum-logo {
    max-width: 480px !important;
    width: 100%;
    margin-left: -5%;
    margin-top: 3%;
}
.gold-logo{
  max-width: 250px !important;
  width: 100%;
}
.silver-logo{
  max-width: 220px !important;
  width: 100%;
/* 	margin-left: 143%; */
}
.rp-logo{
  max-width: 130px !important;
  width: 100%;
}
.wp-logo{
  max-width: 220px !important;
  width: 100%;
}
.cp-logo{
  max-width: 200px !important;
  width: 100%;
}
.op-logo{
  max-width: 95px !important;
  width: 100%;
}


.learning-logo {
    max-width: 225px!important;
    width: 100%;
    margin-left: 0%;
    /*margin-top: 62px;*/
}
.exhibit-logo {   
    max-width: 160px!important;
    width: 100%;
    margin-left: -49%;
    margin-top: 11px;
}

/* .exhibit-logo2 {
    max-width: 140px!important;
    width: 100%;
    margin-left: -67%;
    margin-top: 48px;
    height: 88px;
} */

.exhibit-logo2 {
/* max-width: 140px!important; */
   	width: 100%;
    margin-left: -21%;
    margin-top: 0px;
/*     height: 88px; */
}
.exhibit-logo1 {
   max-width: 190px!important;
    width: 100%;
       margin-left: 33%;
    margin-right: 61px;
    margin-top: 118px;
}
.delegate-logo {
    max-width: 190px!important;
    width: 100%;
    margin-left: -5%;
    margin-top: 104px;
}
.exhibit-box{
  max-width: 400px;
  width: 100%;
  background-color: #7B8891;
  padding-top: 125px;
  padding-bottom: 125px;
  color: #fff;
  letter-spacing: 1px;
  text-align: left;
  margin-bottom: 3px;
	height: 200px
}
.delegate-box{
  max-width: 400px;
  width: 100%;
  background-color: #c0c0c0;
  padding-top: 125px;
  padding-bottom: 125px;
  color: #000;
  letter-spacing: 1px;
  text-align: left;
  margin-bottom: 3px;
	height: 200px
}
.ws-mrg{
	margin-left: 0px;
}
@media only screen and (max-width: 1025px) and (min-width: 1024px){
	.logos33 > li {
		display: inline-block;

		max-width: 203px;
		width: 100%;
		margin-top: 4%;
	}
	.logos34 {
		list-style-type: none;
		padding-left: 7%;
		margin-top: 7%;
	}
	.logos34 > li {
		display: inline-block;
		margin-right: -4%;
		max-width: 219px;
		width: 100%;
		margin-top: 1%;
		float: left;
	}
	.logos35 > li {
		display: inline-block;
		margin-right: 4%;
		max-width: 141px;
		/* width: 100%; */
		margin-top: 18%;
		float: left;
	}
	.logos35 {
		list-style-type: none;
		padding-left: 2%;
		margin-top: 1%;
	}
	.logos11 {
		list-style-type: none;
		padding-top: 6%;
		margin-left: 24%;
	}
	.exhibit-logo1 {
		max-width: 190px!important;
		width: 100%;
		margin-left: -4%;
		margin-right: 16px;
		margin-top: 118px;
	}
	.exhibit-logo2 {
		max-width: 140px!important;
		width: 100%;
		/* margin-left: 24%; */
		margin-top: -29px;
	}
	.exhibit-logo { 
		max-width: 190px!important;
		width: 100%;
		margin-left: -22%;
		margin-top: 23px;
	}

	.learning-logo {
		max-width: 225px!important;
		width: 100%;
		margin-left: -28%;
	}
}
@media only screen and (max-width: 769px) and (min-width: 768px){
	.learning-logo {
		max-width: 190px!important;
		width: 100%;
		margin-left: 55%;
		margin-top: 84px;
	}
	.logos11 {
		list-style-type: none;
		padding-top: 4%;
	}
	.exhibit-logo1 {
		max-width: 190px!important;
		width: 100%;
		margin-left: -13%;
		margin-right: -40px;
		margin-top: 118px;
	}
	.headings {
		text-align: left;
		padding-left: 14%;
	}
	.op-logo {
		max-width: 95px !important;
		width: 100%;
		height: 116px;
		margin-left: 41%;

	}
	.rp-logo {
		max-width: 95px !important;
		width: 100%;
		margin-left: 34%;
	}
	.exhibit-logo {
		max-width: 140px!important;
		width: 100%;
		margin-left: -33%;
		margin-top: 67px;
	}
	.logos34 > li {
		display: inline-block;
		margin-right: 1%;
		max-width: 142px;
		width: 100%;
		margin-top: 4%;
		float: left;
	}

	.delegate-logo {
		max-width: 190px!important;
		width: 100%;
		margin-left: 58%;
		margin-top: 53%;
	}
	.logos3 {
		list-style-type: none;
		/* padding-left: 24%; */
		margin-top: -36%;
		margin-left: 31%;
	}
	.logos33 {
		list-style-type: none;
		padding-left: 39%;
		margin-top: -26%;
	}
	.logos33 > li {
		display: inline-block;
		margin-right: 7%;
		max-width: 150px;
		width: 100%;
		margin-top: 4%;
	}
	.headings4 {
		text-align: left;
		padding-left: 12%;
	}
	.headings22 {
		text-align: left;
		padding-left: 12%;
		margin-top: -8%;
	}
	.headings11 {
		text-align: left;
		padding-left: 12%;
		margin-top: -8%;
	}
	.main-head {
		font-size: 24px;
	}
	.logos34 {
	   list-style-type: none;
		padding-left: 3%;
		margin-top: 0%;
	}
	.exhibit-logo2 {
		max-width: 190px!important;
		width: 100%;
		margin-left: -14%;
		margin-top: -10px;
		height: 88px;
	}
}
@media only screen and (max-width: 769px) and (min-width: 320px){
    .d-none{
        display: none;
    }
    .mini-heading{
        margin-top: 1%;
    }
    .mini-heading {
		font-weight: 100;
		font-size: 19px;
	}
	.headings3 {
		text-align: left;
		padding-left: 16%;
		margin-bottom: 8%;
	}
	.mini-heading2 {
		font-weight: 100;
		font-size: 25px;
		margin-top: 14%;
	}
	.paltinum-logo {
		max-width: 350px !important;
		width: 100%;
		margin-left: 49%;
		margin-top: 28%;
	}
}
	
@media only screen and (max-width: 416px) and (min-width: 320px){
  .exhibit-logo1 {
		max-width: 190px!important;
		width: 100%;
		margin-left: 33%;
		margin-right: 61px;
		margin-top: 21px;
	} 
	.silver-logo {
		max-width: 180px !important;
		width: 100%;
		/* margin-left: 143%; */
	}
	.op-logo {
		max-width: 95px !important;
		width: 100%;
		/* height: 116px; */
		margin-left: 36%;
	}
	.rp-logo {
		max-width: 95px !important;
		width: 100%;
		margin-left: 20px;
	}
	.paltinum-logo {
		max-width: 350px !important;
		width: 100%;
		margin-left: -1%;
		margin-top: 5%;
	}
	.headings {
		text-align: left;
		padding-left: 22%;
	}
	.headings1 {
		text-align: left;
		padding-left: 28%;
	}
	.headings4 {
		text-align: left;
		padding-left: 20%;
	}
	.exhibit-logo {
		max-width: 190px!important;
		width: 100%;
		margin-left: -5%;
		margin-top: 7px;
	}
	.delegate-logo {
		max-width: 190px!important;
		width: 100%;
		margin-left: -5%;
		margin-top: 48px;
		margin-bottom: 29px;
	}
	.learning-logo {
		max-width: 190px!important;
		width: 100%;
		margin-left: 14%;
		margin-top: 0px;
	}
	.exhibit-logo2 {
		max-width: 190px!important;
		width: 100%;
		margin-left: 29%;
		margin-top: 0px;
	/*     height: 88px; */
	}
	.logos35 > li {
		display: inline-block;
		margin-right: 5%;
		max-width: 141px;
		width: 100%;
		margin-top: 10%;
		float: left;
	}

}

@media only screen and (max-width: 375px) and (min-width: 360px){
	.ws-mrg{
		margin-left: -30px;
	}

}
@media only screen and (max-width: 320px){
	.ws-mrg{
		margin-left: -54px;
	}
}