/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */



@media only screen and (min-width: 1367px) {
	.pluss-mns{left: 2%;}    
	.news-txt-box{padding: 20px 40px 67px 40px;}
	.news-box-main .title-box h4{padding: 30px 7%;}

.wr-box{padding:0% 14% 0% 0%;}

.bg-03,  .bg-04{    min-height: 330px;}
.language{padding-top: 10px;}
.slider-txt-box h3{min-height: 39px; font-size: 18px;  }
.slider-txt-box p{font-size: 18px;}
.ow-sponsor h4, .ow-sponsor span{ font-size: 18px;}
.banner-overlay-box{left: 11%;}
.timer{padding-right:3%;}
.slider-txt-box h3{min-height: 33px;}
.banner-link{width: 193px; position: fixed; top:18%; right: 0px;}
.banner-link ul li a{font-size: 19px;}
.wr-box h2{padding: 0% 4% 0% 10%;}
 
}




@media only screen and (max-width: 1366px) {
	#cssmenu > ul > li.has-sub > a { padding-right: 15px; font-size: 12px;}
	.nav-box nav ul li a{font-size: 12px;}
	.ow-sponsor h5{font-size: 21px;}
	.wr-box{padding-left:0%;}
	.wr-box{width: 45%;}
	.download-box-01 h3{font-size: 26px;}
	.download-box-02 h3{font-size: 26px;}
	nav > ul > li + li::before{padding: 0 5px;}
	.thumb-txt h5{font-size: 20px; padding: 0px 5px 0px 5px;}
	.dm-box-main .item h4, .ow-03 .item h4{font-size: 20px;}
	.slider-txt-box{padding: 3%}
	.cga-box-02 p{margin-bottom: 0px;}
	.language{    padding-top: 10px;}
	.banner-link{right: 0px;}

	.banner-link ul li a{font-size: 15px;}
	.banner-link ul li a span{margin-top: 5px;}
	.link-box-03{padding: 15px;}
	.logo{left: 20px}
.wrap {padding-left:20px; padding-right:20px; box-sizing: border-box;}

 
		 
		.cga-box-02 h4{margin:25px 0px 15px 0px;}
		.cga-box-02 { padding: 24px;}
		.ow-05.owl-carousel .owl-prev{left: -7% !important}
		.ow-05.owl-carousel .owl-next{right: -7% !important}
		.cga-box-02 h4{ margin-top: 18px}

}


@media only screen and (max-width: 1300px) {

	.dowmload-but-02{    font-size: 20px; }
	.dowmload-but-01{  max-width: inherit;}
	#cssmenu{border:solid 1px #ccc;}
	.main-hdr.trans{height: auto;}
	.footer-call-box a{font-size: 25px}
	.footer-call-box{background-size: 20%; background-position: 0px 10px;}
	.padding-left-01{padding-left: 10px;}
	.member-login{padding-right: 15px;}
	.emplo-login{padding-right: 15px;}
	li.fll-right{width: 100%;}
/*	.nav-top-bar ul li{float: right;}
*/	.logo{width: 120px; position: absolute; top: 0px; left: 0px; height:auto; line-height: 71px; -webkit-border-radius: 0px; border-radius:0px;  float: left;  }
	.nav-top-bar > ul{display: block; width: 100%; padding-right:60px; box-sizing: border-box;}
/*	.nav-top-bar > ul > li{display: block; }
*/	li.fll-right{padding-top: 10px;}
	nav{display: block; float: left; width: 100%; position: relative; position: absolute; top:45px;  right:0px; z-index:100}
	.fll-right ul li{position: relative;; z-index: 100}
	li.fll-right{padding-right:50px; box-sizing: border-box;}
	.nav-box.trans{ position: relative;  }
	.title-box h4{padding: 20px 20px;}
	.tc-box-main{    padding-left: 3%;}

	.link-box-02 ul{max-width: 800px; margin:auto auto;}
	.link-box-02 > ul > :last-child{width: 100%}
		.link-box-02 > ul > li{width: 49%; margin-top: 7px;}
		li.margin-cen{margin-right: 0%}
		.txt-box-01{width: 66%;}
		.wrap{padding: 0% 2% 0% 2%; box-sizing: border-box;}
		.title-box h4{font-size: 30px;}
		h1{font-size: 35px;}
		/*.logo{    margin-top: -15px;}*/








/*------new*/


.session-txt-box-01 h3{font-size: 20px}
.session-date-box, .session-time-box{font-size: 20px;}

.session-date-box span{font-size: 13px; }
.floorplan img{ width: 80%;}

}

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

 	.thumb-txt h5{    font-size: 21px;}

 	.title-box h4 {
    padding: 33px 20px;
}

.news-txt-box{padding:20px 40px 79px 40px;}

 	.ow-02 .owl-next{  background-position: center right !important;  right: 0px;  background-size: cover !important;  margin: 1px!important; width: 20px !important;
    height: 20px !important; }
.ow-02 .owl-prev{    left: 0px; background-position: center left !important;   background-size: cover !important;  margin: 1px!important; width: 20px !important;
    height: 20px !important;}

	.ow-02 .owl-next:hover{  background-position: center right !important;  right: 0px;  background-size: cover !important;  margin: 1px!important; width: 20px !important;
    height: 20px !important; }
.ow-02 .owl-prev:hover{    left: 0px; background-position: center left !important;   background-size: cover !important;  margin: 1px!important; width: 20px !important;
    height: 20px !important;}
    
.nav-top-bar{padding-bottom: 15px;}
.banner-link ul li a:hover{padding-left: 0%;}
 	.dowmload-but-02{ width: 100%; box-sizing: border-box; padding:17px 5% 17px 5%;}
 	.dm-box-main .item h4, .ow-03 .item h4{font-size: 18px;}
 	.Usefull-box-main > ul > li> ul > li a{font-size: 15px;}

 	.wl-box, .wr-box{width: 100%; box-sizing: border-box; padding-left: 3%; padding-right: 3%; background-image: none;}
 	.ow-sponsor h4, .ow-sponsor span{font-size: 19px;}
 	.ow-sponsor h5{font-size: 21px;}
 	.download-box-02{padding-left: 2%;}

 		.download-box-01 h3{font-size: 18px;}
	.download-box-02 h3{font-size: 18px;}
 	.banner-link ul li{display: inline-block; text-align: center;  width: auto;}
 	.banner-link ul li a{text-align: center !important;}
 	.banner-link{    position: inherit;   width: 100%;  float: left;  text-align: center;  padding-top: 30px;  border-top: solid 1px #ccc;  padding-bottom: 25px;    background: #f9f9f9;}

 	.logo{left:20px; top:61px;}
 	.banner-img-box{ width: 50%; min-height: 310px; }
.banner-img-box-02{ width: 50%; min-height: 310px;}

 	.banner-overlay-box{position: inherit; width: 100%; float: left; left: inherit; top: inherit; max-width: inherit;}
 	.slider-txt-box h3{font-size: 18px;}
 	.team-box-01 h2{font-size: 33px;}
 	.thumb-txt{padding-left: 0px;}
 	.bot-sec-box li{text-align: center;}
 	.thumb-icn-box{position: inherit;  display: inline-block; float: none;}

/*.tc-box-main, .side-bar-box{width: 100%}*/
 	 .news-box-main{width: 100%;}
 	 .side-bar-link-box{width: 50%; margin-top: 0px;}
 	 .side-bar-link-box ul li a{    padding: 5.5% 1% 5.5% 5%;}
 
 .side-bar-box{background:#fff;}
 .slider-txt-box h3{min-height: 63px}
 .slider-txt-box p{font-size: 18px;}


/*---new------*/
.session-txt-box-01{padding: 0px 20px 0px 20px;}
.session-txt-row-02, .session-txt-row-03{    padding: 15px 20px 15px 20px;}
 
.right-txt.half-box, .right-txt.half-box02{ font-size: 29px; }

.pluss-mns{ left: 1.9%;}



/* .floorplan img{ width: 90%;} */
.floorplan img{ width: 80%;}


}



 @media only screen and (max-width: 900px) {
 	
	.photogallery-box a{min-width: auto;     padding: 20px 30px 20px 30px;}
 	 .side-bar-link-box ul li a{width: 94%;}
 	 .side-bar-link-box{overflow: hidden;}
 	 .link-box-02 ul li{ width: 50%; }
	li.margin-cen{margin: 0px;}
	.link-box-02 > ul > :last-child{width: 100%;}
	.scm-box-main{width: 100%}
	.bt-right-box{width: 100%}
	.logo{ /*margin-top:32px;*/     left: 17px;}
	.slide-img-box .flag-box{width: 75px; height: 75px;}
	.slide-img-box .flag-box{right:20px; }




/*new-------*/

.session-left-box{width: 100%; margin-bottom: 10px;}
.session-right-box{width: 100%;}

.title-box-01b .left-txt{width: 100%; display: block; padding-bottom: 15px; margin-bottom:15px; border-bottom: solid 1px #115917;}

.right-txt.half-box{width: 50% !important; display: block; float: left;}
.right-txt.half-box02{width: 50%!important; display: block; float: left;}
.gallery > ul > li{width: 47%;}

/* .floorplan img{ width: 100%;} */
.floorplan img{ width: 70%;}

}
 @media only screen and (max-width: 768px) {
.sponsors-box-01, .sponsors-box-02{ width: 100% }
 	
.bt-right-box.hlf{width: 100%}
 	.thumb-txt h5{    font-size: 17px;}
 

.but-04{    height: 68px;}
.wr-box h2{margin-bottom: 35px !important;}
 	.ft-01{ width: 48%; padding-right: 1%;  padding-left: 0%;   min-height: 500px;}
 	.ft-02{width: 48%; padding-left: 1%;  padding-right: 0%; min-height:500px;}
 	.ft-03{width: 48%; padding-right: 1% ; padding-left: 0%; min-height: 500px; }
 	.ft-04{width: 48%; padding-left: 1%;  padding-right: 0%;  min-height:  500px; }
 	.timer ul li{    font-size: 20px;   }
 	.team-box-01{width: 100%;}
 	.side-bar-box{width: 100%; padding-bottom: 35px;}
 	.thumb-txt h5{    min-height: 85px;}
 	.wr-box h2{padding: 0px; width: 100%;}
 	.wl-box, .wr-box{padding:5%; box-sizing: border-box; }
 	.time-bot-txt, .time-top-txt{    font-size: 13px !important; }



 	/*new-style*/

.form-box-04 ul li{width: 50%;}
 #container {
                width: 90%;
                margin: 0 auto;
            }

#parentHorizontalTab h2{margin: 0px;}
.resp-accordion{ color: #fff !important }
h2.resp-tab-active{color: #003903 !important}
	.welcome-txt{background: #41ad49 !important; padding: 50px 0px 50px 0px;}
.session-left-box{min-height: 190px;}

}

 @media only screen and (max-width: 760px) 
{		
	.cigre-logo{ padding: 50px 2.5% 25px 2.5%;}

	.pluss-mns{top: 115px;}
	.timer{margin-top: 5px !important;}

	.pluss-mns{left: 50%; margin-left: -62px;}

	#Stage_jbeeb_3{display:  block !important;}
	li.timer{overflow-x: hidden;}
  	.footer-call-box h5{text-align: right;}
 	.banner-link{padding: 0px;}
 	.banner-link ul li{width: 100%;}
 	.Usefull-box-main > ul > li> ul > li a{font-size:18px; text-align:center;}
.Usefull-box-main > ul > li> ul > li a:hover{background-image: none;}
.banner-link ul li a{text-align: center;}
 	
 	.timer ul li{ width:100% !important; padding: 0px;}
 	.wl-box, .wr-box{width: 100%; background: transparent; }
 	.wr-box h2{margin-top: 0px; margin-bottom: 0px;}
 	.usefull-left, .usefull-right{width: 100%;}
 	.bot-sec-box li{margin-bottom: 10px;}
 	.bot-sec-box li{width: 100%;}
 	.thumb-txt h5{    min-height: inherit;}
 	.ft-01, .ft-02, .ft-03, .ft-04{width: 100%; padding: 0px}
 	.emplo-login span, .member-login span{display: none;}
 	.nav-box{ width: 65% padding-top: 13px; }
 	.topbar{font-size: 15px; text-align: center;}
 	.top-right-box{text-align: center;}
 	.top-right-box ul li a{font-size: 14px}
 	.time-box{ width: 100%; }
 	.top-right-box{ width: 100%; }
 	.emplo-login{padding-right: 0px;}
 	.language{padding-top: 5px;}
 	.member-login{padding-left: 12px;}
 	
 	.cgg-box li{width: 100% !important}
 	.margin-cen-02{    margin: 10px 0% 10px 0% !important;}
 	.link-box-02 ul li{width: 100%;}
 	.caption-box-02{padding-left: 5%;}
 	.banner-link{position: initial; width: 100%; float: left; border-bottom:solid 1px #efefef; margin-bottom: 20px; margin-bottom: 20px;}
 	.banner-link ul li{  float: left;}
 	.banner-link .link-box-03{padding: 10px 25px 10px 25px;}
 	.banner-link ul li a{width: 100%}
 	.banner-link :nth-child(2){border-top: solid 1px #efefef ; border-bottom: solid 1px #efefef ; }
	.title-box .more-but{width: 90px; text-indent: 1000px; overflow: hidden; padding: 0px; margin-top:18px;}
/* 	li.time-bot-txt{  left: 0%; margin-left: -124px !important; }
	li.time-top-txt { left: 0%;  margin-left: -75.5px !important;}*/
	.timer{margin-top: 20px;}
	.sponsors-box-04{width: 100%;}
	.sponsors-box-06{width: 100%;}


}


 @media only screen and (max-width: 730px) {

 	#Stage_jbeeb_3 span{font-size: 10px !important;}
 	.timer-div{width:100%; height: 53px;}
 	.download-box-01{width: 100%; min-height:inherit; text-align: center;     padding:40px 2% 40px 2%;}
 	.download-box-02{width: 100%; min-height:inherit; text-align: center;  padding:40px 2% 40px 2%;}
 	.mob-hdn{display: none;}
 	.mob-vis{display: inline-block;}
 	.cigre-logo .mob-vis {width: 80px; padding-right: 25px; }
	.nav-top-bar ul li ul li{ width: 100%; box-sizing: border-box; }
 	.tb-00{ padding: 8px 13px 8px 13px; border: solid 1px #007236; }
	.tb-00 a{ color: #007236;}
	.tb-02{text-transform: uppercase;}
	.nav-top-bar ul li{width: 100%; box-sizing: border-box;}
 	.logo img{width: 80px; max-width: 100%;}
 	.nav-top-bar > ul{padding-right: 0px; border: solid 1px #e1e1e1; box-sizing: border-box;}
 	.cigre-logo{border: none;}
 		.logo{position: inherit; left:inherit;  top:inherit; display: none;}
 	 .banner-img-box{ width: 100%; min-height:inherit; text-align: center; }
	.banner-img-box-02{ width:100%; min-height:inherit; text-align: center;}
 	.fll-right{padding-right: 0px !important;}
 	.fll-right li{width: 50%; display: block !important; float:left !important;  }
 	.nav-top-bar{padding-bottom: 6px;}
 	.nav-box nav > ul{padding-top: 0px;}
 	.nav-box nav ul{top: 52px;}
 	#cssmenu{bottom: inherit;}
 	#cssmenu > ul > li > a, #cssmenu ul ul ul li a{padding-left: 0px; padding-right: 0px;}
 	
 	.nav-box nav ul li a, #cssmenu ul ul li a{height: 50px; line-height: 50px; display: block; padding: 0px 10px; }
 	 
 	.has-sub{height: auto;}
 	nav ul{width: 100%}
 	#menu-button > span{display: block;}
 	nav{position: relative !important; top: inherit;}
  	#cssmenu{width: 100% !important;}
 	.tb-01, .tb-02{font-size: 13px; height: 45px; box-sizing: border-box; line-height:30px; text-align: center; }
 	.tb-01{padding: 8px 17px 8px 17px;}
 	.news-box-main, .side-bar-link-box{width: 100%}

.nav-top-bar ul li.fll-right{ width: 100%; float: left !important;  position: relative; z-index: 10000;}
 
.logo{width: 100%; text-align: center; padding-bottom: 35px; padding-top: 20px;}
.nav-box.trans{width: 100%;}
.logo.trans{ border: 0px;  margin-top: 0px; width: 100%; background: #f5f5f5; margin-right: 0px !important; margin-left: 0px !important; margin-bottom: 10px;}
.nav-top-bar ul li{float: none; display: inline-block; text-align: center !important;}
.fll-right ul li{ position: relative; z-index: 1000;}
.nav-top-bar > ul{ text-align: center; }
.fll-right ul{text-align: left; }
.top-right-box{line-height: 11px; padding-bottom: 10px;}
.nav-box{padding-right: 0px;}
nav{right: 12px;}
.padding-left-01{padding-left: 0px;}
nav{    right: 0px;}
.tb-02{ padding: 8px 13px 8px 13px;}
.tc-box-main{padding-left: 0%;}
 
.nav-box.trans{width: 100%; padding-bottom: 15px;}
.main-hdr.trans{height: auto;}
.logo{ margin-top:0px;}
#cssmenu #menu-button::after{top: 15px;}
#cssmenu #menu-button::before{top: 21px;}




 	/*new-style*/

.form-box-04 ul li{width: 100%;}
.form-box-03 ul li label, .form-box-03 ul li input{width: 100%;}
.form-box-ul li{width: 100%;}
.g-recaptcha.pull-left{width: 100%; text-align: center;}
.g-recaptcha.pull-left > div{display: inline-block; padding-bottom: 20px;}
.form-but.trans.pull-right{width: 100% !important;}
.why-num-box{width: 50px;     font-size: 30px;}
.why-exhibit-list ul li{padding: 15px 15px 15px 70px;}
.right-txt.half-box, .right-txt.half-box02{width: 100% !important;}
.title-box-01b, .right-txt.half-box, .right-txt.half-box02{font-size: 17px;}
.right-txt.half-box span{font-size: 13px;}
.poster-but{position: inherit; right: inherit; top: inherit; width: 100%; height: auto;}

.pluss-mns{left: 50%; margin-left: -62px; top: 60px;}
.timer{padding-top: 40px;}


/* ==========================================================================
  STYLES ADDED BY SANU - START
   ========================================================================== */
   
.form-box-3COLUMN-ul li{width: 100%;}
.floorplan h2{font-size: 1em;}

/*.ow-05.owl-carousel .item { width: 10%; } */
/* ==========================================================================
  STYLES ADDED BY SANU - END
   ========================================================================== */


 }





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

 	.sponsors-img-wrap{width: 100% !important;}
#Container_jbeeb_12 span, #Container_jbeeb_16 span, #Container_jbeeb_20 span, #Container_jbeeb_24 span, #Container_jbeeb_28 span, #Container_jbeeb_32 span{    font-size: 20px !important;}
#Stage_jbeeb_3{width: 300px !important; margin: auto auto !important;}




/*new-----------*/
.session-img-box{width: 100%; position: inherit; top: inherit; left: inherit; }
.session-left-box{padding-left: 0px;}
.session-date-box, .session-time-box{width: 100%;}
.session-date-box{padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px #b7b7b7;}
.gallery > ul > li{width: 100%;}
.time-box{width: 100%; text-align: center;}
.top-right-box{width: 100%; text-align: center;}

}
 @media only screen and (max-width: 320px) {
 	.resp-tab-content h2{color: #003903;     font-size: 30px;}
 	.link-box-02 ul li a{background:transparent !important;}
 	.txt-box-01{width: 100%; padding: 25px; }
 	.link-box-02 li a{background: none!important;}
 	.txt-box p{font-size: 20px}
}
 @media only screen and (max-width: 400px) {

 	.camera_caption h1{font-size: 35px; line-height: 36px;}
 	.title-box .more-but{width: 75px; }
}