<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<!-- //Custom Theme files -->
<!-- Responsive Styles and Valid Styles -->
<style type="text/css">
body{
width: 100%;
text-align: -webkit-center;
vertical-align: top;
background:#34495e;
-webkit-font-smoothing:
}
html{
width: 100%;
}
table{
font-size: 14px;
border: 0;
}
/* ----------- responsivity ----------- */
@media only screen and (max-width:800px){
.container {
width: 650px;
}
.4_grids{
width: 216px !important;
}
.container-middle{width: 416px !important;}
table.ban{
background: url(images/banner.jpg);
background-size: cover;
height: 342px!important;
}
.gallery-img a img {
height: 134px !important;
}
.gallery-img1 a img {
height: 60px !important;
}
.gallery-img2 a img {
height: 60px !important;
}
span {
0.7em!important;
}
a.log {
font-size: 2.7em!important;
}
a.nav {
font-size: 0.9em!important;
}
table.ban {
width: 100%!important;
height: 375px!important;
}
td.price {
font-size: 1.8em!important;
}
td.top-text {
height: 22px;
}
td.h-title {
font-size:1.8em!important;
}
a.learn {
padding: 9px 12px!important;
width: 115px!important;
}
td.line {
font-size: 0.65em!important;
}
td.price-para {
font-size: 0.8em;
line-height: 1.9em;
padding: 0 0px 0 0px;
}
td.price {
line-height: 25px!important;
}
td.l-bottom {
height: 20px!important;
}
table.ban2 {
background: url(images/bottom.jpg);
background-size: cover;
height:280px!important;
}
td.sub-ht {
font-size: 1.5em!important;
}
td.Divider.Line {
border-width: 1px!important;
}
table.about-text {
text-align: center!important;
margin: 0 auto;
width: 100%;
}
td.sub-img {
margin: 0 auto!important;
text-align: center;
display: inline-block;
}
table.serve {
text-align: center!important;
width: 100%;
}
/*-- w3layouts --*/
/*-- agileits --*/
table.serve-gride {
text-align: center!important;
width: 100%!important;
padding: 0 1em!important;
}
td.team-inner {
text-align: center!important;
padding: 0 3em!important;
}
td.pro-inner {
padding: 0 2em!important;
}
td.sub-tittle {
text-align: center!important;
}
td.serve-text {
text-align: center!important;
}
table.icon {
width: 100%!important;
}
td.scale-center-both.first img {
text-align: center!important;
margin: 0 auto;
}
td.sub-tittle.two {
text-align:left!important;
}
td.sub-tittle.two1 {
text-align:right!important;
}
}
/*-- w3layouts --*/
/*-- agileits --*/
@media only screen and (max-width:667px){
/*------ 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: 560px !important;}
.container-middle{width: 260px !important;}
.mainContent {
width: 399px !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;
}
.img-responsive{
width:100%;
}
.gallery-img a img {
height: 134px !important;
}
.gallery-img1 a img {
height: 60px !important;
}
.gallery-img2 a img {
height: 60px !important;
}
span {
0.7em!important;
}
a.log {
font-size: 2.7em!important;
}
a.nav {
font-size: 0.9em!important;
}
table.ban {
width: 100%!important;
height: 375px!important;
}
td.price {
font-size: 1.8em!important;
}
td.top-text {
height: 22px;
}
td.h-title {
font-size:1.8em!important;
}
a.learn {
padding: 9px 12px!important;
width: 115px!important;
}
td.line {
font-size: 0.65em!important;
}
td.price-para {
font-size: 0.8em;
line-height: 1.9em;
padding: 0 0px 0 0px;
}
td.price {
line-height: 25px!important;
}
td.l-bottom {
height: 20px!important;
}
table.ban2 {
background: url(images/bottom.jpg);
background-size: cover;
height:280px!important;
}
td.sub-ht {
font-size: 1.5em!important;
}
td.Divider.Line {
border-width: 1px!important;
}
table.banner-bottom-left-sub {
width: 61%!important;
height: 25%!important;
}
td.sub-tittle.two,td.team{
text-align: center!important;
}
td.t-img {
text-align: center!important;
width: 97%!important;
}
table.top-icons {
width: 36%!important;
text-align: center!important;
margin: 0 11em!important;
}
table.top-icons.two {
margin: 0!important;
}
td.sub-tittle.two1 {
text-align: center!important;
}
table.footer-left {
text-align: left;
}
td.img-text {
text-align: center!important;
}
}
@media only screen and (max-width:600px){
/*------ 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;}
.c