@media only screen and (max-width: 1024px){
.search { width:200px; }
.navigation .mainmenu li a { padding:10px; }
.title ul li { margin-left:10px; }
.detail-left .thumbs { height:317px;}
}

@media only screen and (max-width: 980px){
.topright .topmenu { display:none; }
.navigation { display:none; }

.topmenu { float:left; width:100%; background:#214B6C; }
.topmenu li { float:left; width:100%; line-height:normal; border-left:0px; border-top:1px solid #454F52; }
.topmenu li a { padding:6px 20px; }

.topmenu li:hover ul { display:block; position:relative!important; width:100%; right:auto; }
.topmenu li ul li{ width:100%; border-bottom:0; border-top:1px solid #214B6C; line-height:normal; }
.topmenu li ul li a:hover { background:#214B6C; }

.mainmenu { width:100%; float:left; text-align:left; }
.mainmenu li { display:block; padding:0px; font-size:15px; width:100%; float:left; border-bottom:1px solid #667174; }
.mainmenu li a { color:#FFFFFF; display:block; padding:6px 20px; line-height:normal; }
.mainmenu li a:hover { color:#000000; }

.title ul { text-align:left; width:102%; margin:10px 0 0 -2%; float:left; }
.title ul li { float:left; margin:0 0 0 2%; max-width:none; width:23%; }

.logo { float:left; padding:10px 0 5px 40px; }
.logo img { width:100px; }
}

@media only screen and (max-width: 900px){
.filter ul { width:102%; margin:0 0 0 -2%; float:left; }
.filter ul li { width:48%; margin:0 0 10px 2%; float:left; }
}

@media only screen and (max-width: 800px) {
.grid-view { width:100%; margin:0 0 40px 0; }
.grid-view li { width:45%; margin:0 2.5% 30px 2.5%; }

.mainrow .colum-4 { width:103%; margin:0 0 0 -3%; float:left; }
.mainrow .colum-4 li { width:47%; margin:0 0 10px 3%; float:left; }
.mainrow .colum-4 li.large { width:47%; }

.add-img { width:103%; margin:0 0 20px -3%; }
.add-img li { width:47%; margin:0 0 0 3%;}

.detail-left .thumbs { height:240px;}

.row100 .col300 { width:100%; float:left; margin-bottom:12px; padding-right:0px; }
.row100 .col250 { width:50%; float:left; margin-bottom:12px; padding-right:20px; }
}

@media only screen and (max-width: 768px){
.leftpanel { width:23%; float:left; }
.rightpanel { width:74%; float:right; }
.grid11 { width:100%; margin:0; }
}

@media only screen and (max-width: 767px){
#footerwrapper { padding:15px 0; }

.grey-blt { font-size:20px; padding:10px 15px; }
.grey-blt a { font-size:15px; font-family: 'source_sans_probold'; display:block; padding-left:0; }
#middlewrapper { padding:10px 0; }
h1 { font-size:24px; margin-bottom:20px; }
.midbox { width:100%; float:left; }
.leftpanel { width:100%; float:left; margin-bottom:10px; }
.rightpanel { width:100%; float:left; }
h2 { font-size:24px; margin-bottom:10px; }
.leftmenu li a { font-size:14px; }

.title ul li a { font-size:14px;}

.title { padding-bottom:10px; }
.client-full .client-half { width:48%; }
.detail-left .large-img { width:100%; float:left; margin-bottom:10px; }
.detail-left .thumbs { width:100%; float:left; padding-left:0px; height:auto; }
.detail-left .thumbs ul { width:102%; margin:0 0 0 -2%; }
.detail-left .thumbs ul li { width:18%; float:left; padding:0; margin:0 0 10px 2%; }
}

@media only screen and (max-width: 600px) {
.gridmain table tr th { padding:5px 5px; font-size:15px; }
.gridmain table tr td { padding:5px 5px; font-size:14px;}
.title ul { text-align:left; width:102%; margin:10px 0 0 -2%; float:left; }
.title ul li { float:left; margin:0 0 10px 2%; max-width:none; width:48%; }
.title { padding-bottom:0px; }
.detail-listing li { width:100%;}
}

@media only screen and (max-width: 480px) {
.footer-left { width:100%; text-align:center; padding:0 0 15px 0; }
.footer-right { float:right; width:100%; text-align:center; }

.mainrow .colum-4 li.large .part1 { width:50%; float:left; padding-top:6px; }
.mainrow .colum-4 li.large .part2 { width:50%; float:left; }
.detail-left { width:100%; float:left; margin-bottom:15px; }
.detail-right { width:100%; float:left; padding-left:0px; }

.row100 .col100 { width:50%; float:left; margin-bottom:12px; padding-right:10px; }
.row100 .col120 { width:50%; float:left; margin-bottom:12px; padding-right:10px; }
.row100 .col300 { width:100%; float:left; margin-bottom:12px; padding-right:0px; }
.row100 .col250 { width:100%; float:left; margin-bottom:12px; padding-right:0px; }
}

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

.search { width:160px; }
.footer-left a { padding:0 15px; }
.footer-left span { display:block; width:100%; margin-top:10px; }
.grey-blt .left { float:left; width:100%; }
.grey-blt .right { float:left; width:100%; }
.row { margin-bottom:0; }
.row .col { width:100%; margin-bottom:10px; }
.w100 { margin-bottom:10px; }
.row-2 .col { width:100%; margin-bottom:10px; }
.btn-row2 .blue-input-btn {width:100%; }
.filter ul { width:100%; margin:0 0 0 0; float:left; }
.filter ul li { width:100%; margin:0 0 10px 0; float:left; }

.paging { width:100%; float:left; /*background:#efefef;*/ padding:0px; margin-top:10px; position:relative; font-size:15px; color:#454f52; font-family: 'source_sans_prolight'; position:relative; }
.paging a { color:#454f52; padding:0 2px; }
.paging a.pre { position:absolute; left:5px; top:5px; }
.paging a.next { position:absolute; right:5px; top:5px; }
.client-full .client-half { width:100%; }
.redbtn { width:130px; }
.blkbtn { width:130px;  }
.w170{ width:130px;  }
.grid-view { width:100%; margin:0 0 0px 0; }
.grid-view li { width:100%; margin:0 0 15px 0; }
.mainrow .colum-3 { width:100%; margin:0 0 0 0; float:left; }
.mainrow .colum-3 li { width:100%; margin:0 0 0 0;}
.mainrow .colum-4 li.large .part1 { width:70%; float:left; padding-top:6px; }
.mainrow .colum-4 li.large .part2 { width:30%; float:left; }
.mainrow .colum-4 li .part3 { width:70%;  }
.mainrow .colum-4 li .part4 { width:30%;  }
.mainrow label { font-size:14px; }
.add-img { width:100%; margin:0 0 20px 0; }
.add-img li { width:100%; margin:0 0 0 0;}
.row100 .col100 { width:100%; padding-right:0; }
.row100 .col120 { width:100%; padding-right:0; }
.row100 .col300 { width:100%; padding-right:0; }
.row100 .col250 { width:100%; padding-right:0; }
}