@media(min-width:0px) and (max-width:779px)
{
.wrapper{ width:100%; margin:0 auto; }
.center{ width:98%; margin:0 1%; }
.header {  width: 100%;  text-align: center;}
.logo {  display: inline-block;  text-align: center;  margin:10px 0;}
.phone {   text-align: center; font-size:30px;}

.bannerBox h1 {  font-size: 40px;  line-height: 52px; text-align:center;}
.bannerBox .logo{ margin:10px 0 0; padding:0; text-align:center; display:block; }
.bannerBox .logo img{ width:100%;}
.formarea {  margin: 0;  padding: 0;}
.head {   font-size: 22px;  text-align: center; }

ul.graylist li { margin: 15px auto;  width: 100%!important;  font-size: 18px; padding:0px 12px 8px 40px;}
.graybox .head{ font-size:28px; padding:0 0 20px  40px;    }
.graybox .head span{ color:#fff; display:inline;}
ul.graylist li{font-size:17px;}
.whitebox{ text-align:center;}
.whitebox ul.list li .box .title br{ display:none;}
.whitebox h2 {  font-size:22px;  line-height: 44px; }
.whitebox .logo{ text-align:center;}
.whitebox .logo img{ width:100%;}
.whitebox ul.list li { float:none; width:auto;}

.whitebox ul.list li .box{float:none; width:auto; min-height:auto; }
.whitebox ul.list li .img{ float:none; width:auto;  min-height:auto;}
.whitebox ul.list li .img img{ width:100%;}

.whitebox ul.list li .box2{float:none; width:auto; min-height:auto; }
.whitebox ul.list li .img2{ float:none; width:auto;  min-height:auto;}
.whitebox ul.list li .img2 img{ width:100%;}

.whitebox ul.list li .box3{float:none; width:auto; min-height:auto; }
.whitebox ul.list li .img3{ float:none; width:auto;  min-height:auto;}
.whitebox ul.list li .img3 img{ width:100%;}

.whitebox ul.list li .box4{float:none; width:auto; min-height:auto; }
.whitebox ul.list li .img4{ float:none; width:auto;  min-height:auto;}
.whitebox ul.list li .img4 img{ width:100%;}
.whitebox .venue{ display:block;}

.blueBox .top-head {  font-size: 30px;  margin: 0 0 2px;}
.whitebox h2.title-new {  font-size: 30px;}

ul.social-icons {  display: inline-block;  margin: 10px 0;  padding: 0;}
.logo{ text-align:center;}
.footer-call {  margin: 20px 0;}
.formbtm{ display:none;}
.actform .form .checkbox {  margin: 6px 10px 0 2px;}
.thankyou-banner{ width:100%; text-align:center;}
.logot img{ width:100%;}
.formbtm img{ width:100%;}

.conbox p span{color:#fff; padding:5px 15px; border:1px dashed #fffc02; display:block;}
.logot img{ width:auto;}
ul.graylist li{ margin:8px 3% 0 0; padding:5px0 0 0 40px; font-size:20px; font-weight:300; background:url(../images/tick.png)no-repeat  left top 1px; list-style-type:none; color:#fff; text-align:left; width:auto; float:left;}
ul.darkbox li span{}
ul.exhibitor-list li{ width:32%; float:left;}
ul.exhibitor-list li img{ width:100%;}

ul.darkbtm li { width:45%; float:left;  min-height:190px;}

.graybox .head span{ display:block;}
.bannerBox ul.btnbox{ margin:0 auto; padding:0 2%; width:auto; width:60%}
.bannerBox ul.btnbox li{ margin:8px auto; padding:0px; list-style-type:none; width:40%; float:none; display:inline-block;}
.bannerBox ul.btnbox li .btn{  margin:18px 0 20px  0; }
.bannerBox ul.btnbox li .btn {    margin: 18px 0 20px 0;    width: 100%;}

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

ul.brand li {   float: none;  width: 100%;  text-align: center; background:#fff;}
ul.brand li img{ width: auto;}
ul.graylist li{ width:auto;}
.graybox .head{ font-size:28px; padding:0 0 20px 0px;  }	
.graybox .head span{ color:#fff; display:block; font-size:20px; margin:15px 0 0 0; display:block;}
ul.graylist li{ margin:8px 3% 0 0; padding:5px0 0 0 40px; font-size:20px; font-weight:300; background:url(../images/tick.png)no-repeat  left top 1px; list-style-type:none; color:#fff; text-align:left; width:auto; float:left;}

.bannerBox ul.btnbox{ margin:0 ; padding:0 2%; width:auto;}
.bannerBox ul.btnbox li{ margin:8px 10px; padding:0px; list-style-type:none; width:85%; float:none; display:inline-block;}
.bannerBox ul.btnbox li .btn{  margin:18px 0 20px  0; }
.bannerBox ul.btnbox li .btn {    margin: 18px 0 20px 0;    width: 100%;}
}

@media(min-width:500px) and (max-width:799px)
{
	ul.graylist li {  font-size: 18px; margin: 0 3% 15px 3%;  width: 44%!important;}	
	ul.graylist li:last-child {    display: block;	}
	.whitebox ul.service li {  float: left;  width: 45%;}
	ul.brand {  margin: 0 3%;  padding: 0;}
	.bannerBox .logo img{ width:auto;}
.logot img{ width:auto;}
.graybox .head{ font-size:28px; padding:0 0 20px  40px;     background: url(../images/tick.png)no-repeat left top -4px; }	
.graybox .head span{ color:#fff; display:block; font-size:20px; margin:15px 0 0 0; display:inline;}
.graybox .head span{ display:block;}

.bannerBox ul.btnbox{ margin:0 ; padding:0 2%; width:auto;}
.bannerBox ul.btnbox li{ margin:8px 10px; padding:0px; list-style-type:none; width:85%; float:none; display:inline-block;}
.bannerBox ul.btnbox li .btn{  margin:18px 0 20px  0; }
.bannerBox ul.btnbox li .btn {    margin: 18px 0 20px 0;    width: 100%;}
}


@media(min-width:768px) and (max-width:1024px)
{
	
.header .phone { font-size: 30px;}
.whitebox ul.service li {  min-height:180px;}
.bannerBox .logobox img{ width:100%;}
ul.menu li a {  padding: 20px 7px;}
ul.menu li a:hover{  padding: 20px 7px;}
ul.social-top li a{ margin: 0 -3px;}
.formarea .formbox .head{ font-size:30px; margin:0; font-weight:bold; color:#fff; text-align:center; }

.whitebox ul.list li .box .title{ font-size:20px; }
.whitebox ul.list li .box .title br{ display:none;}


.whitebox ul.list li .img{  width:auto; }
.whitebox ul.list li .img img{ width:100%;}

.whitebox ul.list li .box2 .title{ font-size:20px; }

.whitebox ul.list li .img2{ width:auto;}
.whitebox ul.list li .img2 img{ width:100%;}

.whitebox ul.list li .box3 .title{ font-size:20px; }
.whitebox ul.list li .img3{ width:auto;}
.whitebox ul.list li .img3 img{ width:100%;}

.whitebox ul.list li .box4 .title{ font-size:20px; }
.whitebox ul.list li .img4{ width:auto;}
.whitebox ul.list li .img4 img{ width:100%;}
.whitebox .venue{ display:none;}
.logot img{ width:auto;}
.graybox .head span{ display:block;}

.bannerBox ul.btnbox{ margin:0 ; padding:0 8%; width:auto;}
.bannerBox ul.btnbox li {  margin:18px 0 20px  0; width:45%; float:left; }

}
@media(min-width:1024px) and (max-width:1100px){
	
.whitebox ul.list li .img{  width:75%; }
.whitebox ul.list li .img img{ width:100%;}

.whitebox ul.list li .box2 .title{ font-size:20px; }

.whitebox ul.list li .img2{ width:75%;}
.whitebox ul.list li .img2 img{ width:100%;}

.whitebox ul.list li .box3 .title{ font-size:20px; }
.whitebox ul.list li .img3{ width:75%;}
.whitebox ul.list li .img3 img{ width:100%;}

.whitebox ul.list li .box4 .title{ font-size:20px; }
.whitebox ul.list li .img4{ width:75%;}
.whitebox ul.list li .img4 img{ width:100%;}
.whitebox .venue{ display:none;}
.logot img{ width:auto;}
}
/**--11-05-2016 CSS---**/
}

@media (max-width: 1200px) {
	/* .for_mobile{
		display: block;
	}
	.for-desktop {display: none;} */
}

@media (max-width: 767px) {
	.form-group{
	  margin-bottom: 8px;
	}
	input[type="submit"]{
		margin-top: 0;
		font-size: 12px;
		padding: 20px 40px;
	}
	.form-control{
		font-size: 12px;
		margin-bottom: 5px;
	}
	.slider-area{
		height: 100%;
	}
	.for_mobile {display: block;}
	.for-desktop {display: none;}
	.slider-area .hero__caption{
		display: none;
	}
	.slider-area h1 {
		display: none;
	}
	.for-mobile {
  position: absolute;
  bottom: 0;
}

.in-mobile {
  padding-top: 70px;
    padding-left: 20px;
}

.in-mobile h1 {
   color:#331391;
   font-weight: 600;
}

.in-mobile .hero__caption {
	padding-top: 3rem;
} 

.in-mobile h3 {
   color:#331391;
   font-weight: 600;
   font-size: 24px;
}

.in-mobile {
  display: block;
}

.in-mobile .col-md-8 {
	padding-left: 0;
}
.slider-btns img{
	    filter: brightness(0.5);
}
.slider-btns h2{
	color: #331391;
	font-size: 15px;
}
.slider-btns {
	padding-top: 2rem;
}
 .grid_sysytem{
        grid-template-columns: repeat(2, 1fr);
  }

}