/*LARGE DESKTOP */
@media (min-width: 1900px) {

}

@media (min-width:1661px) {
}

/*SEMI-LARGE DESKTOP */
@media (min-width:1400px) and (max-width:1660px) {
.logo { padding:50px 0 0 0;}
.results-found { font-size:18px;}
.clear-selection a { width:60px; height:60px; font-size:20px;}
.selection { margin:30px 0 0;}
.category > a { font-size:20px; font-weight:300; padding:20px;}
.category > a::after { font-size:15px; right:23px; top:23px;}
.category-content { font-size:15px; padding:0 20px 20px;}
.list-options input[type="checkbox"] { width:20px; height:20px;}
.list-options ul li label div { font-size:15px;}
.list-options ul li span { font-size:13px;}
.more-info { margin:15px 0 0;}
.more-info h3 { font-size:15px;}
.more-info p { font-size:14px; border-width:3px; padding:0 0 0 10px;}
.form-options ul li input { padding:7px;}
.advance-search { padding:20px 0;}
.advance-search a { padding:10px 50px;}
.right-panel .head { padding:20px;}
.table-list .table th { font-size:14px; padding:15px 20px;}
.table-list .table td { font-size:14px; padding:15px 20px;}
.lang-det p { font-size:14px;}
.lang-det span { font-size:14px;}
.lang-det a { font-size:14px; padding:5px 30px;}

.advance-panel { left:-55%; width:50%;}
.advance-panel-open { left:0;}
.advance-head { padding:20px;}
.advance-head h2 { font-size:20px;}
.advance-head a { font-size:22px;}
.remove-selects { margin:5px 0 0 0;}
.advance-selects select { font-size:14px;}
.advance-panel ul li { padding:10px 20px;}
.advance-checkboxes ul li { padding:10px 15px; font-size:14px;}
.advance-checkboxes ul li label { font-size:14px;}
.incontext { margin:20px 0 0 15px;}
.incontext label { font-size:14px;}
.incontext select { font-size:14px;}
.add-condition { padding:10px 0;}
.add-condition a { padding:10px 50px;}

.inner-header h1 { font-size:30px;}
.left-det p { width:90%; font-size:17px;}
.right-det h3 { font-size:16px;}
.right-det ul li { font-size:14px; padding:5px 10px;}
.summary-table {
    width:50%;float:left;margin-left:25%;
}
}

/*NORMAL DESKTOP */
@media (min-width: 1200px) and (max-width: 1399px) {
.logo { padding:50px 0 0 0;}
.results-found { font-size:18px;}
.clear-selection a { width:60px; height:60px; font-size:20px;}
.selection { margin:30px 0 0;}
.selection a { font-size:14px;}
.category > a { font-size:20px; font-weight:300; padding:20px;}
.category > a::after { font-size:15px; right:23px; top:23px;}
.category-content { font-size:15px; padding:0 20px 20px;}
.list-options input[type="checkbox"] { width:20px; height:20px;}
.list-options ul li label div { font-size:15px;}
.list-options ul li span { font-size:13px;}
.more-info { margin:15px 0 0;}
.more-info h3 { font-size:15px;}
.more-info p { font-size:14px; border-width:3px; padding:0 0 0 10px;}
.form-options ul li input { padding:7px;}
.advance-search { padding:20px 0;}
.advance-search a { padding:10px 50px;}
.right-panel .head { padding:20px;}
.table-list .table th { font-size:14px; padding:15px 20px;}
.table-list .table td { font-size:14px; padding:15px 20px;}
.lang-det p { font-size:14px;}
.lang-det span { font-size:14px;}
.lang-det a { font-size:14px; padding:5px 30px;}

.advance-panel { left:-65%; width:60%;}
.advance-panel-open { left:0;}
.advance-head { padding:20px;}
.advance-head h2 { font-size:20px;}
.advance-head a { font-size:22px;}
.remove-selects { margin:5px 0 0 0;}
.advance-selects select { font-size:14px;}
.advance-panel ul li { padding:10px 20px;}
.advance-checkboxes ul li { padding:10px 15px; font-size:14px;}
.advance-checkboxes ul li label { font-size:14px;}
.incontext { margin:20px 0 0 15px;}
.incontext label { font-size:14px;}
.incontext select { font-size:14px;}
.add-condition { padding:10px 0;}
.add-condition a { padding:10px 50px;}

.inner-header h1 { font-size:30px;}
.left-det p { width:90%; font-size:17px;}
.right-det h3 { font-size:16px;}
.right-det ul li { font-size:14px; padding:5px 10px;}
}

/*iPad OR SMALL DESKTOP*/
@media (min-width: 992px) and (max-width: 1199px) {
.logo { padding:50px 0 0 0;}
.results-found { font-size:18px;}
.clear-selection a { width:60px; height:60px; font-size:20px;}
.selection { margin:30px 0 0;}
.selection a { font-size:14px;}
.category > a { font-size:20px; font-weight:300; padding:20px;}
.category > a::after { font-size:15px; right:23px; top:23px;}
.category-content { font-size:15px; padding:0 20px 20px;}
.list-options input[type="checkbox"] { width:20px; height:20px;}
.list-options ul li label div { font-size:15px;}
.list-options ul li span { font-size:13px;}
.more-info { margin:15px 0 0;}
.more-info h3 { font-size:15px;}
.more-info p { font-size:14px; border-width:3px; padding:0 0 0 10px;}
.form-options ul li input { padding:7px;}
.advance-search { padding:20px 0;}
.advance-search a { padding:10px 50px;}
.right-panel .head { padding:20px;}
.table-list .table th { font-size:14px; padding:15px 10px;}
.table-list .table td { font-size:14px; padding:15px 10px;}
.lang-det p { font-size:14px;}
.lang-det span { font-size:14px;}
.lang-det a { font-size:14px; padding:5px 30px;}

.advance-panel { left:-75%; width:70%;}
.advance-panel-open { left:0;}
.advance-head { padding:20px;}
.advance-head h2 { font-size:20px;}
.advance-head a { font-size:22px;}
.remove-selects { margin:5px 0 0 0;}
.advance-selects select { font-size:14px;}
.advance-panel ul li { padding:10px 20px;}
.advance-checkboxes ul li { padding:10px 15px; font-size:14px;}
.advance-checkboxes ul li label { font-size:14px;}
.incontext { margin:20px 0 0 15px;}
.incontext label { font-size:14px;}
.incontext select { font-size:14px;}
.add-condition { padding:10px 0;}
.add-condition a { padding:10px 50px;}

.inner-header h1 { font-size:25px;}
.nav-btn { font-size:15px; padding:5px 10px;}
.nav-btn i { margin:0;}
.left-det p { width:100%; font-size:15px;}
.right-det h3 { font-size:15px;}
.summary-table {
    width:40%;float:left;margin-left:30%;
}
.right-det ul li { font-size:12px; padding:5px 10px;}
}

/*TABLET & iPad*/
@media (min-width: 768px) and (max-width: 991px) {
.logo { padding:50px 0 0 0;}
.left-panel { position:fixed; left:-55%; top:0; width:50%; height:100%; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.4); overflow-y:scroll; z-index:1;}
.left-panel-open { left:0;}
.results-found { font-size:18px;}
.clear-selection { display:block;}
.clear-selection a { width:60px; height:60px; font-size:20px;}
.selection { margin:30px 0 0;}
.selection a { font-size:14px;}
.category > a { font-size:20px; font-weight:300; padding:20px;}
.category > a::after { font-size:15px; right:23px; top:23px;}
.category-content { font-size:15px; padding:0 20px 20px;}
.list-options input[type="checkbox"] { width:20px; height:20px;}
.list-options ul li label div { font-size:15px;}
.list-options ul li span { font-size:13px;}
.more-info { margin:15px 0 0;}
.more-info h3 { font-size:15px;}
.more-info p { font-size:14px; border-width:3px; padding:0 0 0 10px;}
.form-options ul li input { padding:7px;}
.advance-search { padding:20px 0;}
.advance-search a { padding:10px 50px;}
.right-panel .head { padding:20px;}
.filter { display:block;}
.table-list .table th { font-size:14px; padding:15px 20px;}
.table-list .table td { font-size:14px; padding:15px 20px;}
.lang-det p { font-size:14px;}
.lang-det span { font-size:14px;}
.lang-det a { font-size:14px; padding:5px 30px;}


.advance-panel { left:-85%; width:80%;}
.advance-panel-open { left:0;}
.advance-head { padding:20px;}
.advance-head h2 { font-size:20px;}
.advance-head a { font-size:22px;}
.remove-selects { margin:5px 0 0 0;}
.advance-selects select { font-size:14px; min-width:130px;}
.advance-panel ul li { padding:10px 20px;}
.advance-checkboxes ul li { padding:10px 15px; font-size:14px;}
.advance-checkboxes ul li label { font-size:14px;}
.incontext { margin:20px 0 0 15px;}
.incontext label { font-size:14px;}
.incontext select { font-size:14px;}
.add-condition { padding:10px 0;}
.add-condition a { padding:10px 50px;}

.inner-header h1 { font-size:25px;}
.nav-btn { font-size:13px; padding:5px 10px;}
.nav-btn i { margin:0;}
.left-det p { width:100%; font-size:15px;}
.right-det h3 { font-size:15px;}
.summary-table {
    width:30%;float:left;margin-left:35%;
}
.right-det ul li { font-size:11px; padding:5px;}
.right-det ul li label { width:100%; font-weight:600;}
.right-det ul li span { width:100%; padding-left: 0;}
.sticktotop{
    position:absolute;
    top:0px;
}
}

/*LARGE MOBILES OR PHABLET*/
@media (max-width: 767px) {
.logo { padding:50px 0 0 0;}
.left-panel { position:fixed; left:-105%; top:0; width:100%; height:100%; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.7); overflow-y:scroll; z-index:1;}
.left-panel-open { left:0;}
.results-found { font-size:18px;}
.clear-selection { display:block;}
.clear-selection a { width:50px; height:50px; font-size:20px;}
.selection { margin:30px 0 0;}
.selection a { font-size:14px;}
.category > a { font-size:17px; font-weight:300; padding:20px;}
.category > a::after { font-size:15px; right:23px; top:23px;}
.category-content { font-size:13px; padding:0 20px 20px;}
.list-options input[type="checkbox"] { width:20px; height:20px;}
.list-options ul li label div { font-size:14px;}
.list-options ul li span { font-size:12px;}
.more-info { margin:15px 0 0;}
.more-info h3 { font-size:15px;}
.more-info p { font-size:14px; border-width:3px; padding:0 0 0 10px;}
.form-options ul li { margin:0 0 20px 0;}
.form-options ul li input { padding:7px;}
.advance-search { padding:20px 0;}
.advance-search a { padding:10px 50px;}
.right-panel .head { padding:20px;}
.right-panel h2 { font-size:17px; width:100%;}
.export-data { float:right; margin:0;}
.export-data a { font-size:15px;}
.filter { display:block; clear:left;}
.filter a { padding:5px 10px;}
.table-list .table th { font-size:14px; padding:15px 20px;}
.table-list .table td { font-size:14px; padding:15px 20px;}
.footable-row-detail-row { float:left; width:100%; margin:10px 0;}
.footable-row-detail-name { float:left; width:100%;}
.footable-row-detail-value { float:left; width:100%;}
.lang-det { width:100%; margin:0;}
.lang-det p { font-size:14px;}
.lang-det span { font-size:14px;}
.lang-det a { font-size:14px; padding:5px 30px;}

.advance-panel { left:-105%; width:100%;}
.advance-panel-open { left:0;}
.advance-head { padding:20px;}
.advance-head h2 { font-size:20px;}
.advance-head a { font-size:22px;}
.remove-selects { margin:5px 0 0 0;}
.advance-selects select { font-size:14px; min-width:inherit; margin:0 10px 10px 0;}
.advance-selects select:last-child { margin:0;}
.advance-panel ul li { padding:10px 20px;}
.advance-checkboxes ul li { padding:10px 0; font-size:14px; width:50%;}
.advance-checkboxes ul li label { font-size:14px;}
.incontext { margin:20px 0 0 0;}
.incontext label { font-size:14px;}
.incontext select { font-size:14px;}
.add-condition { padding:10px 0 30px;}
.add-condition a { padding:10px 50px;}


.inner-header { padding:10px;}
.inner-header h1 { font-size:17px; margin:20px 0 10px;}
.nav-btn { font-size:13px; padding:5px 10px;}
.nav-btn i { margin:0;}
.detail-page { padding:30px 0;}
.left-det { margin:0 0 50px 0;}
.left-det-img { margin:0 0 20px 0;}
.left-det p { width:100%; font-size:15px; line-height:24px;}
.right-det h3 { font-size:15px;}
.summary-table {
    width:80%;float:left;padding:20px;margin-left:10%;
}
.right-det ul li { font-size:11px; padding:5px;}
.right-det ul li label { width:100%; font-weight:600;}
.right-det ul li span { width:100%; padding-left: 0;}
.sticktotop{
    position:absolute;
    top:0px;
}

.change-img-arrow { width: 50px; }
}

/*MEDIUM MOBILES*/
@media (min-width: 360px) and (max-width: 480px) {

}

/*SMALL MOBILES*/
@media (max-width: 320px){
    .summary-table {
        width:100%;float:left;padding:20px;margin-left:0;
    }
}