@charset "utf-8";
/* CSS Document */

/*------------------------------------*\
    Media Queries
\*------------------------------------*/
@media (max-width: 1140px){
.wrap{ width:98%;}
}

@media (max-width: 1030px){
.box-design p{font-size:14px;}
.fourColImg div{ float:left; width:33.3%}
.three-img{width:30%;margin:8px 16px 10px 0;}
}

@media (max-width: 990px){
.nav-area > a{display:block; overflow:hidden; text-align:center;}
.nav-area > a img{float:none; padding:0; max-width:95%;}

.four-boxes > div:nth-child(2) > div{height:270px;}
.four-boxes > div{float:left; width:50%; padding:10px;}


.gallery-area > div > div{display:block; float:left; width:50%;}
.gallery-area > div > div:last-child{width:100%;}

.four-box-listing > div{display:block; width:50%; float:left; margin-bottom:20px; padding-bottom:20px;}
.table_short_desc{width:100%;}
.table_data{overflow: hidden;}
table.table_data tr{float:left;width:100%;border-bottom: #ddd 1px solid;}
table.table_data tr th{clear:both;display:block;width:100%;text-align:center !important;}
table.table_data tr td{clear:both;display:block;border:0;text-align:center !important;}
table.table_data td img{width:auto;}
table.table_data tbody tr:nth-child(2n+1) td{background:none;}
table.table_data .edit_delete_div{margin:0;margin-right: 8px;width:100%;display:block;text-align:center;background: #ccc;}


.form_label{float:none;margin-left: 0px;}
    .form_div .content_box{width:100% !important;}
    .form_div input[type=text],.form_div input[type=date],.form_div input[type=datetime],.form_div input[type=datetime-local],.form_div input[type=number],
    .form_div input[type=search],.form_div input[type=time],.form_div input[type=url],.form_div input[type=email],input[type=password],
    .form_div input[type=submit],.form_div input[type=button],.form_div input[type=reset],
    .form_div textarea,.form_div select{width:99% !important;}
    .form_div input[type=radio],.form_div input[type=checkbox]{float:left;width:20px !important;}
    .label1,.label2,.label3,.label4,.label5,.label6,.label7,.label8,.label9,.label10,.label15{width:99% !important;}	

.form_div input[type="submit"], .form_div input[type="reset"], .form_div input[type="button"] {
    padding: 15px 16px;
}
.loginButtons ul li span{ display:block; float:none; width:100%;}

form  img{width:auto!important;}
.pc-hide{display:block;}
}
@media (max-width: 820px){
.form_div input[type="submit"], .form_div input[type="reset"], .form_div input[type="button"] {
	margin-top:80px; margin-left:2px;
}
}
@media (max-width: 720px){
.fix{position:static; float:left; width:100%;}

.four-link-img ul li{width:50%; padding:10px;}
.leftcol{width:100%; float:none; padding:25px 0; padding-left:10px;}
.rightcol{width:100%; float:none;padding:25px 0;text-align:center;}

.four-link-img ul li:first-child, .four-link-img ul li:last-child {
    text-align: center;
}
.four-boxes > div:last-child {
    padding:0 10px!important;
}
.four-boxes > div:first-child {
    padding:0 10px!important;
}
.rightMnuBox1 ul li {
    background: url('../images/menu-line.png') 0 bottom repeat-x;
}
.col2 div:nth-child(odd), .col2 div:nth-child(even){ float:none; width:100%;}
.col2 div:nth-child(odd) p, .col2 div:nth-child(even) p{ text-align:center }
.MIC-left{width:100%; float:none; text-align:center}
.MIC-left img{float:none;}
.MIC-right{width:100%; float:none; clear:both}
.fourColImg div{ float:left; width:32.4%}
.leftHalfBox, .rightHalfBox{width:100%; float:none; margin-bottom:20px}
.topmsg{ font-size:12px; line-height:18px; float:none; width:100%; margin-top:0px; text-align:center!important}
}
@media (max-width: 500px){
.four-boxes > div{width:100%;}
.four-boxes > div:nth-child(2) > div{height:auto;}
#news-container{height:140px;}


.gallery-area > div > div, .gallery-area > div > div:last-child{display:block; width:100%; clear:both; margin-bottom:20px;}
.gallery-box li{width:50%;}

.four-box-listing > div{width:100%;}
.four-box-listing > div:last-child{margin-bottom:0;}
.fourColImg div{ float:left; width:50%}
.leftcol img, .fullcol img {
	width:99%;
}
.footer{padding: 20px 10px;}
.leftcol h1, .fullcol h1{font-size:22px}
.address .col2{ float:none; width:100%; min-height:auto;}
.logo-scroll-area{ text-align:center;}
.logo-scroll-area a img{float:none!important;}
}

@media (max-width: 380px){
.header-top ul li a{padding:4px 8px;}
}

/* -------------- Chrome Only ------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}