.banners{ width:100%; position:relative; top: -35px; } .bannersend{ width:100%; position:relative; } .bannerImgs{ width: 100%; height: auto; } .tableStyle{ position:relative; z-index:2; margin-top:-7%; text-align:center; margin:0 auto; max-width:1220px; } .Btitle{display:none;} .bh2 { color:#0055aa; font-size: 36px; height: 30px; line-height: 30px; padding: 0px; text-align:center; } .lis{ max-width:1220px; margin:0 auto; margin-bottom:20px } .ZoneOne{ position:relative; z-index:2; margin:0 auto; max-width:1220px; min-height:350px; margin-top:60px; margin-bottom:20px; background-color:#045bba; } .ZoneArticalC{ font-size:16px; color:black; text-decoration: none; position: relative; } .ZoneC {display:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; text-decoration:none; padding-bottom:4%; } .ZoneC ul { padding-left: 0; margin-top: 6px; margin-bottom: 6px; } .ZoneC li{ overflow: hidden; text-overflow: ellipsis; position: relative; top: 15px; padding-left: 15px; } .ZoneC li:before{ width: 5px; height: 5px; content: ''; background: #333; border-radius: 50%; position: absolute; top:10px; left: 0; } .ZoneImg{ position: absolute; z-index: 3; left: 20px; top: -30px; width:63%; } .ZoneImg2{display:none;} .ZoneTwo { max-width:1220px; margin:0 auto; padding-bottom: 20px; } .ZoneTwo table{ width: 108%; position: relative; left: 20px; } .ZoneTwotitle{ color:#0055aa; font-size: 16px; padding-bottom: 15px; } .ReadMore{ color:#cbcbcb; text-align:right; position: relative; right: 12%; } .ReadMore a{ text-decoration:none; color:#cbcbcb; } .ReadMore a:hover{ color:#337ab7; } .ZoneArtical{ float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:500px; text-decoration:none; padding-bottom:2%; } .ZooOneLi{ list-style-type:none; } .ZooOneLi a{ color:black ; } .ZooOneLi a:hover{ color:#337ab7; text-decoration:none; } .sque{margin-bottom:180px; } .tt{ position: absolute; z-index: 3; left: 20px; top: -20px; width:90%; } .ttImg{ max-width:476px; max-height:358px; } .ZoneText { width: 46%; position: relative; left: 48%; right: 10%; top: 30px; color:white; line-height:22pt; padding-right:35px; text-align: justify; } .ZoneText td p{ text-indent: 2em; padding-bottom: 30px; } .reader{ color:#cbcbcb; size:14px; text-align:right } .div{ float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:70%; } .tableStyle2{ position:relative; z-index:2; margin-top:0px; text-align:center; padding-top:30px; margin:0 auto; max-width:1220px; } .whitefloor{ background-color:white; margin:0 auto; } .bgcolors{ background-color:#f5f1f1; margin:0 auto; } } .tablefloor{ margin:2% auto; } .backgroundcolor{ background-color: #f5f1f1; position:relative; top: 35px; } @media screen and (max-width: 1100px){ .ZoneArtical{ float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:300px; } } @media (max-width:1199px) { } @media screen and (max-width: 1100px){ .ZoneArtical{ float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:300px; } } @media screen and (max-width: 767px){ .bgcolors { margin-left:20px; margin-right:20px; } .whitefloor{ background-color:white; margin:0 auto; } .boxxxx{ margin-left:20px; margin-right:20px; } .tableStyle{display:none;} .tableStyle2{display:none;} .Btitle{ display:block; margin-bottom: 30px; } .BtiltleImg{ position:relative; margin-top:50px; } .bh2 { position:absolute; font-size: 24px; margin-left: 20px; font-weight:bold; margin-top:52px; text-align:left; } /*.ZoneOne{display:none;}*/ .ZoneImg{display:none;} .ZoneImg2{ display:block; position:relative; z-index: 3; width:100%; } .ZoneOne{ position:relative; z-index:2; margin:0 auto; width:100%; background-color:#045bba; } .ZoneA{ width:0; } p{ color:white; font-size:14px; line-height:28px; padding:50px 30px; } .ZoneTwo{display:none;} .ZoneC{display:block;} .ZoneText { width: 100%; position: relative; left:0; top:-20px; } .ZoneText td p{ padding-bottom: 0px; } }