﻿#gallery ul li, #gallery ul li img {

	width:193px;

	height:145px;

	list-style:none;

}

.eight, .three {

	width:100%;

}

* {

	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;

}

.con_lft {

	float:left;

	width:400px;

	padding-right:50px;

	margin-right:48px;

	border-right:1px dashed #ccc;

}

.con_rht {

	float:left;

	width:350px;

	/* padding-left:48px; */

}

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

#gallery ul li, #gallery ul li img {

 width:151px;

 height:227px;

}

.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;

}

.content h1, .content1 h1 {

 font-size:20px;

}

.con_lft {

 width:300px;

 padding-right:40px;

}

.con_rht {

 width:288px;

 padding-left:40px;

}

}

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

#gallery ul li, #gallery ul li img {

 width:117px;

 height:176px;

}

.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;

}

.content h1, .content1 h1 {

 font-size:16px;

}

.con_lft, .con_rht {

 float:left;

 width:100%;

 border:0px;

 padding:0px;

}

}

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

#gallery ul li, #gallery ul li img {

 width:88px;

 height:132px;

}

.container {

 width:300px;

}

.banner, .lft, .rht, .mainmenu, .content, .content1, .con_lft, .con_rht {

 width:100%;

 border:0px;

 /* padding:0px; */

}

.logo {

 padding:20px 0px 0px 0px;

}

.logo img {

 width:35%;

}

.logo p img {

 width:15% !important;

}

.tiles {

 display:none;

}

.mainmenu {

 padding:30px 0px 20px 0px;

}

.subban {

 width:298px;

 padding-bottom:20px;

}

.content h1, .content1 h1 {

 font-size:16px;

}

}

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

#gallery ul li, #gallery ul li img {

 width:128px;

 height:192px;

}

.container {

 width:420px;

}

.banner, .lft, .rht, .mainmenu, .content, .content1, .con_lft, .con_rht {

 width:100%;

 border:0px;

 /* padding:0px; */

}

.logo {

 padding:20px 0px 0px 0px;

}

.logo img {

 width:35%;

}

.logo p img {

 width:15% !important;

}

.tiles {

 display:none;

}

.mainmenu {

 padding:30px 0px 20px 0px;

}

.subban {

 width:418px;

 padding-bottom:20px;

}

.content h1, .content1 h1 {

 font-size:16px;

}

}

