﻿/*  -------******** big device ********---------- */
@media screen and (min-width:1025px) and (max-width:2000px) {
	.banner{overflow:hidden;}
}

/*  ----------******** End of laptop device ********-------------- */
@media screen and (min-width: 901px) and (max-width: 1024px) {
	.banner{overflow:hidden;}
	.banner .bannerimage{width:auto; height:550px;}
	.banner .logobox{padding:10px 10px;}
	.banner .logobox .logo1 img{width:100px;}
	.banner .logobox .logo2 img{width:250px;}
	.banner .logobox .logo2{float:right; margin-top:30px;}
	.pagecontent{padding-top:0px;}
	.eventcontainer{margin-top:20px; margin-bottom:40px;}
}

/*  ------------******** Tablette device ********---------- */
@media screen and (min-width: 769px) and (max-width: 900px) {
	.banner{overflow:hidden;}
	.banner .bannerimage{width:auto; height:620px;}
	.banner .bannercontent{padding-left:20px; padding-right:20px;}
	.banner .logobox{padding:20px 10px;}
	.banner .logobox .logo1 img{width:120px;}
	.banner .logobox .logo2 img{width:250px;}
	.banner .logobox .logo2{float:right; margin-top:40px;}
	.banner .bannertext{width:50%; font-size:26px; line-height:36px; padding-left:10px;}
	.conversionform { width:50%; max-width:367px; background-color:#ffffff; padding:20px 30px 0px 30px;}
}
@media screen and (min-width: 651px) and (max-width: 768px) {
	.banner{overflow:hidden;}
	.banner .bannerimage{width:auto; height:620px;}
	.banner .bannercontent{padding-left:20px; padding-right:20px;}
	.banner .logobox{padding:20px 10px;}
	.banner .logobox .logo1 img{width:120px;}
	.banner .logobox .logo2 img{width:250px;}
	.banner .logobox .logo2{float:right; margin-top:40px;}
	.banner .bannertext{width:50%; font-size:24px; line-height:36px; padding-left:10px;}
	.conversionform { width:50%; max-width:367px; background-color:#ffffff; padding:20px 30px 0px 30px;}

}


/*  ----------***** Mobile device *****--------- */
@media screen and (max-width: 650px) {
	.banner{overflow:hidden;}
	.banner .bannerimage{width:auto; height:750px;}
	.banner .bannercontent{padding-left:20px; padding-right:20px;}
	.banner .logobox{padding:10px;}
	.banner .logobox .logo1 img{width:80px;}
	.banner .logobox .logo2 img{width:180px;}
	.banner .logobox .logo2{float:right; margin-top:20px;}
	.banner .bannertext{float:none; width:auto; font-size:20px; line-height:30px; font-weight:700; padding:10px; text-align:center; padding-bottom:20px;}
	.conversionform {float:none; width:auto; max-width:367px; margin:0 auto; padding:20px 20px 0px 20px;}
	
	.aboutevent{padding-top:0px; padding-bottom:0px;}
	.aboutevent .lhs{width:auto; float:none;}
	.aboutevent .rhs{width:auto; float:none; padding-left:0px;}
	.aboutevent .rhs h3{font-size:26px; line-height:34px; padding-bottom:10px; padding-top:20px; text-align:left;}
	.aboutevent .rhs p{font-size:18px; line-height:28px; padding-bottom:20px; text-align:left;}
	
	.experts h3 span{font-size:24px; padding:20px 25px;}
	.expertbox .imgbox{width:273px; float:none;}
	.expertbox .profile{margin-left:0px;}
	.expertbox .name{font-size:22px; line-height:30px;}
	.expertbox ul li{margin-left:15px; font-size:18px; line-height:30px; padding-left:10px;} 
	
	.trackrecord .box{margin:10px; }
	.copyright .lhs{float:none; text-align:center; margin-bottom:20px;}
	.copyright .rhs{float:none; text-align:center;}
}


/*  ---------***** End of Mobile device *****--------*/
@media screen and (min-width: 451px) and (max-width: 650px) {
	
}

@media screen and (max-width: 450px) {

	
}
