@media (min-width: 1367px) and (max-width: 1800px) {
#wrapper {
    padding: 0 15px;
    box-sizing: border-box;
}
/* .holder, .filter-section-row .hold {
    width: 100%;
} */

.top-text-row .holder{
	max-width: 970px !important;
}
.top-text-row .left-box, .top-text-row .right-box {
    width: 49%;
}
.top-text-row {
    padding-bottom: 40px;
}
.filter-section-row .hold ul li {
    width: 25%;
}
.filter-section-row .modal-dialog {
    width: 100%;
    padding: 0 15px;
}
}

/*===========================================================================*/
/*1366px CSS*/
/*===========================================================================*/
@media (max-width: 1366px) {
#wrapper {
    padding: 0 15px;
    box-sizing: border-box;
}
.holder, .filter-section-row .hold {
    width: 100%;
}
.top-text-row .left-box, .top-text-row .right-box {
    width: 49%;
}
.top-text-row {
    padding-bottom: 40px;
}
.filter-section-row .hold ul li {
    width: 25%;
}
.filter-section-row .modal-dialog {
    width: 100%;
    padding: 0 15px;
}
.top-text-row .holder{
	max-width: 970px !important;
}
}


/*===========================================================================*/
/*1280px CSS*/
/*===========================================================================*/
@media (max-width: 1280px) {
#wrapper {
    padding: 0 15px;
    box-sizing: border-box;
}
.holder, .filter-section-row .hold {
    width: 100%;

}
.filter-section-row .hold{
	max-width:970px;
	}
.top-text-row .left-box, .top-text-row .right-box {
    width: 49%;
}
.top-text-row {
    padding-bottom: 40px;
}
.filter-section-row .hold ul li {
    width: 25%;
}
.filter-section-row .modal-dialog {
    width: 100%;
    padding: 0 15px;
}
.top-text-row .holder{
	max-width: 970px !important;
}
}

/*===========================================================================*/
/*767px CSS*/
/*===========================================================================*/
@media (max-width: 767px) {
#wrapper {
    padding: 0 15px;
    box-sizing: border-box;
}
.holder, .top-text-row .left-box, .top-text-row .right-box, .filter-section-row .hold, .search-box, .filter-top-row .filter-col {
    width: 100%;
}
.top-text-row {
    padding-bottom: 30px;
}
.filter-section-row .hold ul li {
    width: 50%;
}
.filter-section-row .hold .box .frame .caption a.btn-download, .filter-section-row .hold .box .frame .caption a.btn-rep {
    top: 0;
}
.filter-section-row .hold .box .frame .caption a.btn-zoom {
    bottom: -150%;
}
.filter-section-row .hold .box .frame .caption {
    background: none;
}
.filter-section-row .modal-dialog {
    width: 100%;
    margin: 30px 0;
    padding: 0 15px;
}
.filter-section-row .modal-content {
    padding: 15px;
}
.filter-top-row .filter-col {
    margin: 0 0 10px 0;
}
.filter-section-row .hold .box .frame a {
    position: relative;
    z-index: 99;
}
}

/*===========================================================================*/
/*480px CSS*/
/*===========================================================================*/
@media (min-width: 320px) and (max-width: 480px) {
#wrapper {
    padding: 0 15px;
    box-sizing: border-box;
}
    #banner {
        margin-bottom: 20px;
    }
    #banner .text-block h1 {
        font-size: 24px;
    }
.holder, .top-text-row .left-box, .top-text-row .right-box, .search-box, .filter-top-row .filter-drodown, .filter-top-row .filter-col, .filter-section-row .hold, .filter-section-row .hold ul li, .filter-section-row .modal-body .left-box, .filter-section-row .modal-body .right-box {
    width: 100%;
}
.top-text-row h2 {
    line-height: 36px;
}
.top-text-row {
    padding-bottom: 30px;
}
.filter-top-row .filter-col {
    margin-bottom: 10px;
}
.option-drodown {
    width: 300px;
}
.filter-result-row strong.title {
    display: block;
    padding: 0 0 10px 0;
    float: none;
}
.filter-result-row a.btn-rest {
    margin: 0 0 0 0;
}
.filter-result-row ul li {
    padding: 0 10px 10px 0;
}
.filter-section-row .checkcontainer {
    font-size: 22px;
    line-height: 22px;
    padding-left: 30px;
}
.filter-section-row .checkcontainer b {
    font-size: 14px;
    line-height: 25px;
    padding-left: 10px;
    margin-left: 10px;
}
.filter-section-row .hold .box .frame .caption a.btn-download, .filter-section-row .hold .box .frame .caption a.btn-rep {
    top: 0;
}
.filter-section-row .hold .box .frame .caption a.btn-zoom {
    bottom: -150%;
}
.filter-section-row .hold .box .frame .caption {
    background: none;
}
.filter-section-row .modal-dialog {
    width: 100%;
    margin: 30px 0;
    padding: 0 15px;
}
.filter-section-row .modal-content {
    padding: 15px;
}
.filter-section-row .modal-body .left-box .text-box h2 {
    font-size: 18px;
}
.filter-section-row .modal-body .left-box .text-box span.date {
    line-height: 18px;
}
.filter-section-row .modal-body .left-box .text-box .tags-row a {
    margin: 0 10px 10px 0;
}
.filter-section-row .hold .box .frame a {
    position: relative;
    z-index: 99;
}
}

/*===========================================================================*/
/*768px And 992px CSS*/
/*===========================================================================*/
@media (min-width: 768px) and (max-width: 992px) {
#wrapper {
    padding: 0 15px;
    box-sizing: border-box;
}
.holder, .top-text-row .left-box, .top-text-row .right-box, .filter-section-row .hold, .search-box, .filter-top-row .filter-col {
    width: 100%;
}
.top-text-row {
    padding-bottom: 30px;
}
.filter-section-row .hold ul li {
    width: 50%;
}
.filter-section-row .hold .box .frame .caption a.btn-download, .filter-section-row .hold .box .frame .caption a.btn-rep {
    top: 0;
}
.filter-section-row .hold .box .frame .caption a.btn-zoom {
    bottom: -150%;
}
.filter-section-row .hold .box .frame .caption {
    background: none;
}
.filter-section-row .modal-dialog {
    width: 100%;
    margin: 30px 0;
    padding: 0 15px;
}
.filter-section-row .modal-content {
    padding: 15px;
}
.filter-top-row .filter-col {
    margin: 0 0 10px 0;
}
.filter-section-row .hold .box .frame a {
    position: relative;
    z-index: 99;
}
}

/*===========================================================================*/
/*1199px CSS*/
/*===========================================================================*/
@media (min-width: 993px) and (max-width: 1199px) {
#wrapper {
    padding: 0 15px;
    box-sizing: border-box;
}
.holder, .filter-section-row .hold {
    width: 100%;
}
.top-text-row .right-box {
    width: 50%;
    float: left;
}
.top-text-row {
    padding-bottom: 40px;
}
.search-box {
    width: 680px;
}
.filter-section-row .hold ul li {
    width: 33%;
}
.filter-section-row .hold .box .frame .caption a.btn-download, .filter-section-row .hold .box .frame .caption a.btn-rep {
    top: 0;
}
.filter-section-row .hold .box .frame .caption a.btn-zoom {
    bottom: -150%;
}
.filter-section-row .hold .box .frame .caption {
    background: none;
}
.filter-section-row .modal-dialog {
    width: 100%;
    margin: 30px 0;
    padding: 0 15px;
}
.filter-section-row .hold .box .frame a {
    position: relative;
    z-index: 99;
}
}
.search-box{
	width:643px;
}
@media (min-width: 1200px) {
    .search-box {
        width: 600px;
    }
}