body{
width: 100%;
background:url(images/background.png) 0px 0px;
display:block;
margin:0;
padding:0;
-webkit-font-smoothing: antialiased;
}
html{
width: 100%;
}
table{
font-size: 14px;
border: 0;
}
table.map tr td iframe{
width:100%;
height:200px;
}
/* ----------- responsivity ----------- */
@media only screen and (max-width:800px){
.container {
width: 700px;
}
.banner-bottom-left,.banner-bottom-left1,.banner-bottom-left2,table.discount-left, .discount-left1{
width: 350px;
}
.banner-bottom-left-sub {
width: 325px;
}
.team-bottom-left {
width: 50px;
}
.team-bottom-left1 {
width: 10px;
}
.team-bottom-left2 {
width: 290px;
}
}
@media only screen and (max-width: 768px){
.container {
width: 650px;
}
.banner-bottom-left,.banner-bottom-left1,.banner-bottom-left2{
width: 325px;
}
.banner-bottom-left-sub {
width: 290px;
}
.team-bottom-left {
width: 30px;
}
.team-bottom-left1 {
width: 10px;
}
.team-bottom-left4, .team-bottom-left4 img {
width: 320px !important;
}
.discount-left,img.discount-left1{
width: 300px !important;
height: 320px;
}
}
@media only screen and (max-width: 667px){
table.scale.image1 {
width: 48% !important;
}
table.scale.image1 img{
width:100% !important;
}
table.may {
width: 500px !important;
}
table.container-middle {
width: 620px;
}
.container {
width: 600px;
}
}
@media only screen and (max-width: 640px){
.banner-bottom-left,.banner-bottom-left2,.banner-bottom-left1 {
width: 580px;
}
.banner-bottom-left{
background:url(images/1.jpg) no-repeat 95px 0px !important;
}
.banner-bottom-left-sub {
width: 365px;
}
.banner-bottom-left1{
background: url(images/2.jpg) no-repeat 95px 0px !important;
}
/*------ top header ------ */
.header-bg{width: 440px !important; height: 10px !important;}
.main-header{line-height: 28px !important;}
.main-subheader{line-height: 28px !important;}
/*----- --features ---------*/
.feature{width: 420px !important;}
.feature-middle{width: 400px !important; text-align: center !important;}
.feature-img{width: 440px !important; height: auto !important;}
.container{width: 600px !important;}
.container-middle{width:575px !important;}
.mainContent{width: 400px !important;}
.main-image{width: 400px !important; height: auto !important;}
/*------ sections ---------*/
.section-item{width: 400px !important;}
.section-img{width: 400px !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: 420px !important; height: auto !important;}
.banner1 {
width: 400px !important;
}
.team-bottom-left2 {
width: 100%;
text-align: center;
height: 300px;
}
.team-bottom-left4 {
width: 100% !important;
text-align: center;
}
table.discount-left {
width: 100%;
text-align: center;
}
.footer-left {
width: 190px;
}
.banner-bottom-left2 {
width: 600px;
}
.team-bottom-left,.team-bottom-left1 {
width: 0;
height: 0;
}
.team-space {
height: 40px;
}
.team-bottom-left2-sub {
width: 500px;
margin: 0 auto;
}
.discount-left-sub {
width: 300px;
}
.copy-right {
width: 319px;
}
}
@media only screen and (max-width: 600px){
.container {
width: 560px !important;
}
.banner-bottom-left2 {
width: 575px;
}
}
@media only screen and (max-width: 568px){
.container {
width: 525px !important;
}
.banner-bottom-left2 {
width: 542px;
}
.banner-bottom-left, .banner-bottom-left2, .banner-bottom-left1 {
width: 545px;
}
.banner-bottom-left {
background: url(images/1.jpg) no-repeat 73px 0px !important;
}
.banner-bottom-left, .banner-bottom-left2, .banner-bottom-left1 {
width: 545px;
}
.banner-bottom-left-sub {
width: 376px;
}
.banner-bottom-left1 {
background: url(images/2.jpg) no-repeat 43px 0px !important;
}
.container-middle {
width: 510px !important;
}
}
@media only screen and (max-width: 480px){
.progress-bars {
width: 100%;
text-align: center;
}
img.image1 {
margin: 0 auto;
}
.discount-left, img.discount-left1 {
width: 100%;
height: auto;
}
.footer-left {
width: 100%;
}
.copy-right,.twelve {
width: 100%;
text-align: center;
}
.container {
width: 200px !important;
}
.icon {
text-align: center;
width:100%;
}
table.dummy_text {
width: 385px;
}
table.logo-bottom {
width: 400px;
}
table.basd {
background: url(images/banner1.jpg) no-repeat 0px 0px #fff;
background-size: contain !important;
}
table.may {
width: 425px !important;
}
.container-middle {
width: 430px !important;
}
table.basd {
background: url(images/banner1.jpg) no-repeat 0px 0px #fff !important;
background-size:contain !important;
}
img.logo {
width: 75%;
}
.banner-bottom-left {
background:url(images/1.jpg) no-repeat 24px 0px !important;
}
.banner-bottom-left, .banner-bottom-left2, .banner-bottom-left1 {
width: 450px;
}
.banner-bottom-left1 {
background: url(images/2.jpg) no-repeat 24px 0px !important;
}
.team-grid {
width: 100%;
text-align: center;
}
.banner-space {
height: 40px;
}
.service-icon {
width: 100%;
}
.team-bottom-left2-sub {
width: 400px;
}
.progress-team {
height: 10px;
}
table.discount-left {
width: 100% !important;
}
img.discount-left1 {
margin: 0 auto;
}
}
@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: 240px !important; text-align: center !important;}
.feature-img{width: 260px !important; height: auto !important;}
.container{width:370px !important;}
.container-middle{width: 260px !important;}
.mainContent{width: 240px !important;}
.main-image{width: 240px !important; height: auto !important;}
/*------ sections ---------*/
.section-item{width: 240px !important;}
.section-img{width: 240px !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:414px){
.container-middle {
width:315px !important;
}
td.scale-center-both img {
margin: 0 auto;
}
.banner-bottom-left {
background: url(images/1.jpg) no-repeat 0px 0px !important;
}
.banner-bottom-left1 {
background: url(images/2.jpg) no-repeat 0px 0px !important;
}
td.body-head {
height: 20px;
}
.logo-right {
width: 135px !important;
}
.logo-left {
width: 100px !important;
}
.banner {
min-height: 350px !important;
}
.services-border {
width: 50% !important;
}
.banner-bottom-left, .banner-bottom-left2, .banner-bottom-left1 {
width: 370px !important;
}
.banner-bottom-left-sub {
width: 350px !important;
}
.team-bottom-left2-sub {
width: 330px !important;
}
img.discount-left1 {
width: 100% !important;
}
.social {
width: 35% !important;
}
}
@media only screen and (max-width: 384px){
.container {
width: 350px !important;
}
.banner-bottom-left, .banner-bottom-left2, .banner-bottom-left1 {
width: 350px !important;
}
.banner-bottom-left-sub {
width: 324px !important;
}
}
@media only screen and (max-width: 375px){
}
@media only screen and (max-width: 320px){
.team-bottom-left4, .team-bottom-left4 img {
width: 290px !important;
height: 300px;
}
table.scale.2-grids{
width:200px !important;
}
td.scale-center-both a img {
width: 100% !important;
height: auto !important;
}
.container-middle {
width:260px !important;
}
table.banner-bottom-left {
height: 280px;
}
.container {
width: 290px !important;
}
.team-bottom-left2-sub {
width: 267px !important;
}
.banner-bottom-left, .banner-bottom-left2, .banner-bottom-left1 {
width: 290px !important;
}
.banner-bottom-left-sub {
width: 266px !important;
}
.logo-left {
width: 100% !important;
}
.logo-right {
width: 80% !important;
text-align: left;
}
.best {
font-size: 2em !important;
}
.banner {
min-height: 270px !important;
}
.percentage {
font-size: 3em !important;
}
.percentage1 {
font-size: 2em !important;
}
.banner-bottom-left-sub-space {
height: 60px;
}
}
