﻿* {

	margin:0px;

	padding:0px;

}

.container {

	width:1200px;

	margin:0 auto;

}

.lft {

	float:left;

	width:300px;

}

.tiles {

	margin:25px 0px 30px 0px;

}

.tiles01, .tiles02, .tiles03 {

	margin-bottom:10px;

}

.tiles h2 {

	float:left;

	color:#fff;

	font-size:20px;

	font-weight:bold;

	padding:15px 0px 15px 20px;

}

.tiles img {

	float:left;

}

.tiles02 img {

	float:right;

}

.rht {

	float:right;

	width:850px;

}

.mainmenu {

	float:left;

	padding:30px 0px 30px 150px;

}

.icons a {

	width:208px;

}

@media only screen and (min-width:960px) and (max-width:1389px) {

.container {

 width:960px;

}

.lft {

 width:250px;

}

.logo img {

 width:70%;

}

.tiles {

 margin:72px 0px 30px 0px;

}

.tiles h2 {

 font-size:16px;

 padding:15px 0px 15px 15px;

}

.rht {

 width:670px;

}

.mainmenu {

 padding:30px 0px 30px 90px;

}

.icons a {

 width:163px;

}

.content h1, .contact h1 {

 font-size:20px;

}

}

@media only screen and (min-width:768px) and (max-width:990px) {

.container {

 width:768px;

}

.lft {

 width:210px;

}

.logo img {

 width:60%;

}

.tiles {

 margin:84px 0px 30px 0px;

}

.tiles img {

 width:25%;

}

.tiles h2 {

 font-size:13px;

 line-height:15px;

 padding:10px 0px 0px 10px;

}

.rht {

 width:538px;

}

.mainmenu {

 padding:30px 0px 30px 60px;

}

.icons a {

 width:130px;

}

.content h1, .contact h1 {

 font-size:18px;

}

}

@media only screen and (max-width:767px) {

.container {

 width:300px;

}

.lft, .rht, .mainmenu, .content {

 width:100%;

}

.logo {

 padding:20px 0px 0px 0px;

}

.logo img {

 width:35%;

}

.logo p img {

 width:15% !important;

}

.logo p .custom-img {

	width: 30% !important;

}

.tiles {

 /* margin-top:300px; */

 margin-bottom: 20px;

}

.mainmenu {

 padding:30px 0px;

 /* margin-top:-1320px; */

}

/* .subban {

 margin-top:-1260px;

}

.icons {

 margin-top:-850px;

} */

/* .content {

 margin-top:-800px;

} */

/* .contact {

 margin-top:610px;

} */

.icons a {

 width:146px;

 margin-bottom:2px;

}

.content h1, .contact h1 {

 font-size:16px;

}

}

@media only screen and (min-width:480px) and (max-width:767px) {

.container {

 width:420px;

}

.lft, .rht, .mainmenu, .content {

 width:100%;

}

.logo {

 padding:20px 0px 0px 0px;

}

.logo img {

 width:35%;

}

.logo p img {

 width:15% !important;

}

.tiles {

 /* margin-top:330px; */

 margin-bottom: 20px;

}

.mainmenu {

 padding:30px 0px;

 /* margin-top:-1400px; */

}

/* .subban {

 margin-top:-1330px;

}

.icons {

 margin-top:-830px;

} */

/* .content {

 margin-top:-770px;

} */

/* .contact {

 margin-top:600px;

} */

.icons a {

 width:206px;

 margin-bottom:2px;

}

.content h1, .contact h1 {

 font-size:16px;

}

.logo p img {

 width: 15%;

}

}

