.header-part {background: url(https://cdn.ce21.com/images/classroom-header-gradient-stripe.png) repeat-x #006699;}      body {              font-family: Verdana, Arial, Helvetica, sans-serif;              font-size: 13px;              color: #000;              margin: 0px;              padding: 0px;              background: #f2f2f2;          }            .row {              padding: 15px;          }            a, a:hover {              transition: all 0.3s ease-in-out 0s;              text-decoration: none;          }          .middle-part{              background: white none repeat scroll 0 0;              box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);              margin: 0 auto;              width: 1085px;              padding: 20px;              border-radius: 10px;              box-sizing: border-box;            margin-top: -25px;          }          .container {              background: none !important;              box-shadow:none !important;              margin: 0;              width: 100% !important;              padding: 0;              border-radius: 0;              box-sizing: border-box;          }            .header-part {              text-align: center;                            border-top: 15px solid #000;              padding-top: 10px;          }            .headercenter {              width: 1001px;              height: 170px;              margin: auto;          }                       .headertitle {              color: #fff;              font-size: 22px;              padding-top: 30px;              text-align: right;          }            .middle-part {              min-height: 500px;          }            .footer-part {              color: #898989;              font-size: 12px;              text-align: center;              margin-top: 50px;          }                .footer-part a {                  color: #2479bb;              }                .footer-part p {                  line-height: 28px;              }  @media only screen and (max-width: 980px) {  .container{ width:750px;}  .headercenter {width:750px;}  .headertitle{ font-size:17px;}  }    @media only screen and (max-width: 768px) {  .middle-part{ width:95%;}  .headercenter {width:100%;}  .logo { text-align:center;}  .headertitle{ font-size:17px; text-align:center; margin-bottom:20px;}  .headerimg {height: 168px;}  .bottomimg{width:auto;}  .col-sm-2.video-desc img{float:left}    }    @media only screen and (max-width: 575px) {      .register{width:100%;}      .bonus .col-xs-2 img{display:none;}      .row.bonus{padding:0px;}      .row.bonus .col-xs-10{width:100%;}  }    @media only screen and (max-width: 360px) {   .footer-part{font-size:11px;}  }    /* CSS Document */  @media only screen and (max-width: 1020px) {  .container {   width: 900px;  }  }   @media only screen and (max-width: 991px) {  .container {   width: 750px;  }  }   @media only screen and (max-width: 767px) {  .container {   width: 100%;  }  .headertitle {   padding-top: 15px;  }  .bottomimg {   width: 100% !important;  }  .title-text h2, .title-text h2 span {   font-size: 25px !important;  }  .bottomimg h3 {   font-size: 25px !important;  }  .video-desc {   text-align: center !important;  }  .video-desc img {   display: inline-block;   float:none !important;  }  .expert1{text-align:center;}  }