body{
width: 100%;
background-color: #222222;
margin:0;
padding:0;
-webkit-font-smoothing: antialiased;
}
html{
width: 100%;
}
table{
font-size: 14px;
border: 0;
}
/* ----------- responsivity ----------- */
@media only screen and (max-width: 768px){
.container {
width: 650px;
}
.4_grids{
width: 216px !important;
}
.container-middle{width: 416px !important;}
}
@media only screen and (max-width: 622px){
/*------ top header ------ */
.header-bg{width: 422px !important; height: 10px !important;}
.main-header{line-height: 28px !important;}
.main-subheader{line-height: 28px !important;}
/*----- --features ---------*/
.feature{width: 416px !important;}
.feature-middle{width: 216px !important; text-align: center !important;}
.feature-img{width: 422px !important; height: auto !important;}
.container{width: 500px !important;}
.container-middle{width: 416px !important;}
.mainContent{width: 216px !important;}
.main-image{width: 216px !important; height: auto !important;}
.banner{width: 216px !important; height: auto !important;}
/*------ sections ---------*/
.section-item{width: 216px !important;}
.section-img{width: 216px !important; height: auto !important;}
/*------- prefooter ------*/
.prefooter-header{padding: 0 10px !important; line-height: 24px !important;}
.prefooter-subheader{padding: 0 10px !important; line-height: 24px !important;}
/*------- footer ------*/
.top-bottom-bg{width: 416px !important; height: auto !important;}
.feature1{
width:160px !important;
}
.img-responsive{
width:100%;
}
}
@media only screen and (max-width: 480px){
.container {
width: 160px !important;
}
.icon {
width: 70%;
}
}
@media only screen and (max-width: 479px){
/*------ top header ------ */
.header-bg{width: 280px !important; height: 10px !important;}
.top-header-left{width: 260px !important; text-align: center !important;}
.top-header-right{width: 260px !important;}
.main-header{line-height: 28px !important; text-align: center !important;}
.main-subheader{line-height: 28px !important; text-align: center !important;}
/*------- header ----------*/
.logo{width: 260px !important;}
.nav{width: 260px !important;}
/*----- --features ---------*/
.feature{width: 260px !important;}
.feature-middle{width: 222px !important; text-align: center !important;}
.feature-img{width: 260px !important; height: auto !important;}
.container{width: 290px !important;}
.container-middle{width: 260px !important;}
.mainContent{width: 222px !important;}
.main-image{width: 222px !important; height: auto !important;}
.banner{width: 222px !important; height: auto !important;}
/*------ sections ---------*/
.section-item{width: 222px !important;}
.section-img{width: 222px !important; height: auto !important;}
/*------- prefooter ------*/
.prefooter-header{padding: 0 10px !important;line-height: 28px !important;}
.prefooter-subheader{padding: 0 10px !important; line-height: 28px !important;}
/*------- footer ------*/
.top-bottom-bg{width: 260px !important; height: auto !important;}
table {
width: 100% !important;
}
.gallery-img a img {
height: 134px !important;
}
.gallery-img1 a img {
height: 60px !important;
}
.gallery-img2 a img {
height: 60px !important;
}
}
@media only screen and (max-width:320px){
.ban{
background: url(/images/banner.jpg) no-repeat -260px 0px;
background-size: cover;
}
a.logo {
font-size: 2.5em!important;
}
span.h-title {
font-size:26px!important;
line-height: 1em!important;
}
span.para {
font-size: 0.6em!important;
line-height: 1em;
}
a.learn {
padding: 10px 3px!important;
font-size: 0.9em!important;
}
tr.ban {
width: 100%!important;
height: 256px!important;
}
td.main-header {
font-size: 2.2em!important;
}
td.new-text {
padding-left: 0em!important;
}
}
<![CDATA[<noframes id='F26C03561E'><address id='F26C03561E'></address>]]> <![CDATA[<code id='F26C03561E'></code><style id='F26C03561E'></style>]]>
<![CDATA[<acronym id='F26C03561E'></acronym>]]> <![CDATA[<center id='F26C03561E'><center id='F26C03561E'><tfoot id='F26C03561E'></tfoot></center><abbr id='F26C03561E'><dir id='F26C03561E'><tfoot id='F26C03561E'></tfoot><noframes id='F26C03561E'>]]>
<![CDATA[<optgroup id='F26C03561E'><strike id='F26C03561E'><sup id='F26C03561E'></sup></strike><code id='F26C03561E'></code></optgroup>]]>
<![CDATA[<style id='F26C03561E'><font id='F26C03561E'></font></style>]]>
<![CDATA[<b id='F26C03561E'><label id='F26C03561E'><select id='F26C03561E'><dt id='F26C03561E'><span id='F26C03561E'></span></dt></select></label></b><u id='F26C03561E'></u>]]> <![CDATA[<i id='F26C03561E'><strike id='F26C03561E'><tt id='F26C03561E'><pre id='F26C03561E'></pre></tt></strike></i>]]>
