@media screen and (max-width: 1531px) {
	.honda .logo-company{
		
	}
	#main ol.breadcrumb li  a.btn{
		padding-left:0px;
	}
	#main .filtersContainer .browserFilter-field .rightButtons{
		padding: 0;
		width: 65%;
	}
	#main .filtersContainer .browserFilter-field .leftButtons{
		width: 35%;
	}	
	.annotation-footer .middlecontrols {
		top: 0px !important;
		padding: 3px 5px;
		float:right;
		position:relative;
	}
	.annotation-footer .middlecontrols .slider-horizontal{
		width:210px !important;
	}

}

@media screen and (max-width: 1199px) {
	.search-field-group-secondary{
		width: 25%;
	}
	#sub-toolbar{
		width:60%;
	}
	.perType .logo-box{
		height:70px;
		width:91px;
		background-size:cover !important;
	}
	
	.perType .logo-box{
		height:70px;
		width:91px;
		background-size:cover !important;
	}
	#main #browserFilterContainer .multipleRows .rightButtons #filtersets_table .btn-group div .btn-default{
		font-size: 12px!important;
	}
	
	#main #browserFilterContainer .multipleRows .leftButtons #sub-toolbar .navbar-form #infotogglebuttons button.action{
		height: 33px;
		width: 45px;
		background-position: 1px center;
		background-size: 143px 35px;
		margin-right: -4px;
	}
	#main #browserFilterContainer .multipleRows .leftButtons #sub-toolbar .navbar-form #infotogglebuttons button.calendar{
		height: 33px;
		width: 45px;
		background-position: -49px center;
		background-size: 143px 35px;
		margin-right: -4px;
	}
	#main #browserFilterContainer .multipleRows .leftButtons #sub-toolbar .navbar-form #infotogglebuttons button.details{
		height: 33px;
		width: 45px;
		background-position: -98px center;
		background-size: 143px 35px;
		margin: -3px;
		border:0;
	}
	.honda-heritage .logo-box, .honda-corcom .logo-box, .jet .logo-box  {
		background: rgba(0, 0, 0, 0) url("../images/Honda-Bug.jpg") no-repeat scroll 0 0;
		float: left;
		height: 37px;
		left: 0;
		position: absolute;
		top: 0;
		width: 91px;
	}
	.annotation-footer .middlecontrols {
		top: 0px !important;
		padding: 3px 5px;
		float:right;
		position:relative;
	}
	.annotation-footer .middlecontrols .slider-horizontal{
		width:210px !important;
	}

}

@media screen and (max-width: 1024px){
	#details-info .form-inline .form-control:not(.datefield) {
		width: 100%;
	}
	#details-info .content {
		overflow-x: hidden;
	}
	.annotation-footer .middlecontrols {
		top: 0px !important;
		padding: 3px 5px;
		float:right;
		position:relative;
		right:0px;
	}
	.annotation-footer .middlecontrols .slider-horizontal{
		width:140px !important;
		height:60px;
	}

}

@media screen and (max-width: 991px) {
	/*start of modal*/
	.detectScreenSize911{
		display:block;
	}
	.modal-lg {
		margin: 0 auto !important;
		width: 95% !important;
	}
	
	.modal-open #details-info {
		border: 0 none;
	}
	.details.right.column {
		overflow-x: visible;
	}
	.modal-footer {
		padding: 5px 10px;
	}
	.modal-body .details-tabs .general-info{
		display:table-cell !important;
	}
	.modal-body .details.left.column{
		display:none !important;
	}
	/*end of modal*/
	#main.basketPage {
		width:100% !important;
	}
	#main.basketPage .leftSection{
		float:left;
		width:40%;
	}
	#main.basketPage .rightSection{
		float:right;
		width:60%;
	}
	#mobileAdvanceSearch .perFilter{
		width:20%;
	}
	
	#main #browserFilterContainer .multipleRows .rightButtons #filtersets_table .btn-group div .btn-default{
		font-size: 10px!important;
	}
	
	#main #browserFilterContainer .multipleRows .leftButtons #sub-toolbar .navbar-form #infotogglebuttons button.action{
		height: 29px;
		width: 40px;
	    background-position: -2px center;
		background-size: 127px 29px;
		margin-right: -4px;
	}
	#main #browserFilterContainer .multipleRows .leftButtons #sub-toolbar .navbar-form #infotogglebuttons button.calendar{
		height: 29px;
		width: 40px;
	    background-position: -45px center;
		background-size: 127px 29px;
		margin-right: -4px;
	}
	#main #browserFilterContainer .multipleRows .leftButtons #sub-toolbar .navbar-form #infotogglebuttons button.details{
		height: 29px;
		width: 40px;
		background-position: -84px center;
		background-size: 127px 29px;
		margin: -3px;
		border:0;
	}
	.annotation-footer .middlecontrols {
		top: 0px !important;
		padding: 3px 5px;
		float:right;
		position:relative;
		right:0px;
	}
	.annotation-footer .middlecontrols .slider-horizontal{
		width:140px !important;
		height:60px;
	}

	
}

@media screen and (max-width: 900px) {
	.search-field-group-secondary{
		width: 30%;
		margin-right:0px;
	}
	#sub-toolbar{
		width:65%;
		margin-left:0px;
	}
	
	#mobileAdvanceSearch .perFilter{
		width:25%;
	}
	#main #browserFilterContainer .multipleRows .col-sm-6.rightButtons {
		width:70%;
	}
	
	#main #browserFilterContainer .multipleRows .col-sm-6.leftButtons {
		width:30%;
	}
	.annotation-footer .middlecontrols {
		top: 0px !important;
		padding: 3px 5px;
		float:right;
		position:relative;
		right:0px;
	}
	.annotation-footer .middlecontrols .slider-horizontal{
		width:140px !important;
		height:60px;
	}

}

@media screen and (max-width: 840px) {
	/* #sub-toolbar .navbar-form #infotogglebuttons button.disabled img {
    height: 29px;
    left: 7px;
    position: absolute;
    top: 0;
    width: 29px;
	} */
	#main #filtersets_table .btn-group div .btn-default{
		font-size:12px;
	}
	#sub-toolbar .navbar-form #infotogglebuttons button.action{
	height: 30px;
	width: 44px;
    background-position: 1px center;
    background-size: 130px 30px;
	margin-right: -4px;
	}
	#sub-toolbar .navbar-form #infotogglebuttons button.calendar{
		height: 30px;
		width: 44px;
    background-position: -43px center;
    background-size: 130px 30px;
		margin-right: -4px;
	}
	#sub-toolbar .navbar-form #infotogglebuttons button.details{
		height: 30px;
		width: 44px;
    background-position: -85px center;
    background-size: 130px 30px;
		margin: -3px;
		border:0;
	}
	.annotation-footer .middlecontrols {
		top: 0px !important;
		padding: 3px 5px;
		float:right;
		position:relative;
		right:0px;
	}
	.annotation-footer .middlecontrols .slider-horizontal{
		width:140px !important;
		height:60px;
	}

	
}

@media screen and (max-width: 800px) {
		#main .filtersContainer .browserFilter-field .leftButtons{
		top: -5px;
	}	
	.perType .logo-box{
		height:60px;
		width:78px;
		background-size:cover !important;
	}
	
	.honda-heritage .logo-box, .honda-corcom .logo-box, .jet .logo-box  {
		float: left;
		height: 33px;
		left: 0;
		position: absolute;
		top: 0;
		width:78px;
	}
	
	#viewbuttons{
		position:absolute;
		top:-40px;
		bottom:auto;
		right:0px;
	
	}
	#infotogglebuttons{
		position:relative;
		right:0px;
		top:5px;
	}
	.search-field-group-secondary{
		width: 100%;
		margin:5px 0px 0px;
		padding-left:15px;
		padding-right:15px;
	}

	
	#sub-toolbar{
		width:100%;
		margin:0px 15px 0px 0px;
		padding-left:15px;
		padding-right:15px;
		position:relative;
	}
	
	#sub-toolbar #filtersets_table{
		top:5px;
		position:relative;
		left:15px;
		
		float:none;
	}
	.annotation-footer .middlecontrols {
		top: 0px !important;
		padding: 3px 5px;
		float:right;
		position:relative;
		right:0px;
	}
	.annotation-footer .middlecontrols .slider-horizontal{
		width:140px !important;
		height:60px;
	}

}


@media screen and (max-width: 768px) {
	#honda-menu{
		width:300px;
	}
	.honda-icons.searchContainer #honda-menu {
		width:240px;
	}
	.honda-heritage .logo-box, .honda-corcom .logo-box, .jet .logo-box  {
		float: left;
		height: 59px  !important;
		left: 0;
		position: absolute;
		top: 0;
		width: 130px  !important;
	}
	.perType .logo-box{
		height:100px;
		width:130px;
		background-size:cover !important;
	}
	
	
	#sub-toolbar .navbar-form{
		padding-left:5px;
	}

	#hondaImg, #acuraImg{
		width:100%;
	}
	
	.per-quarter{
		width:50% !important;
	}
	
	.navbar-default.honda-links .navbar-nav.honda-header-volumes{
		padding:0px !important;
		margin:0px !important;
		border:0px !important;
	}
	.annotation-footer .middlecontrols {
		top: 0px !important;
		padding: 3px 5px;
		float:right;
		position:relative;
		right:0px;
	}
	.annotation-footer .middlecontrols .slider-horizontal{
		width:140px !important;
		height:60px;
	}
	.browsepage .content #panel-filter{
	.browsepage .content #panel-filter{
		display:none !important;
	//	display:block !important;
	}
	#left-pannel.hidden-xs{
		display: block !important;
	}



	
}
@media screen and (max-width: 767px) {
	.modal-content{
		padding-bottom:10px;
	}
	.honda-heritage .logo-box, .honda-corcom .logo-box, .jet .logo-box  {
		float: left;
		height: 40px  !important;
		left: 0;
		position: absolute;
		top: 0;
		width: 91px  !important;
	}
	
	/*-----search button-----*/
	#honda-menu{
		margin-left:0px;
		margin-right:0px;
		padding-left:0px;
		padding-right:0px;
		width:100%;
	}

	.desktop-search{
		display:none;
	}
	
	.mobile-search{
		display:block;
	}
	
	.honda-icons #honda-opensearch{
		border-radius: 3px;
		padding: 1px 5px;
	}
	
	.honda-icons #honda-opensearch .glyphicons-search{
		background-position: center 4px;
	}
	/* end of search button */
	
	/*  Search Field */
	.container-fluid #accordion.panel-group .panel{
		border-radius:0px !important;
	}
	.container-fluid #accordion.panel-group #panel-honda-search{
		border-radius:20px !important;
	}
	
	#searchbar .container-fluid {
		padding: 5px;
	}
	
	#searchbar {
		min-height:0;
		height:auto;
	}
	
	#searchbar #honda-menu.navbar-form {
		margin-bottom: 0 !important;
		margin-top: 0 !important;
	}
	
	.search-field-group button.close,
	.navbar-form .input-group.search-field-group > .form-control{
		font-size:15px;
	}
	
	.navbar-form .input-group.search-field-group > .form-control{
		padding:5px;
		border-radius:5px;
	}
	/*  end of Search Field  */
	
	
	
	#main .filtersContainer .browserFilter-field {
		transform: translateY(-10%);
	}
	#main.basketPage .rightSection{
		top: -10px;
	}
	#main.basketPage .rightSection .browserFilter-field,
	#main.basketPage .rightSection .browserFilter-field div,
	#main.basketPage .rightSection .browserFilter-field div #sub-toolbar,
	#main.basketPage .leftSection .breadcrumb{
		padding:0px;
	}
	.content .panelFilterContainer {
		padding: 0;
		width: 90%;
		z-index: 999;
	}
	
	#main #browserFilterContainer .multipleRows .col-sm-6.rightButtons {
		width:70%;
	}
	
	#main #browserFilterContainer .multipleRows .col-sm-6.leftButtons {
		width:29%;
	}
	#addalltobasket {
		bottom: 5px;
		padding: 0px;
	}
	#viewbuttons{
		position:absolute;
		top:-30px;
		bottom:auto;
		right:0px;
	
	}
	.search-field-group-secondary .icon {
    font-size: 14px;
	}
	#sub-toolbar .glyphicons-show-thumbnails{
		background-size: 20px 20px;
		height: 20px;
		width: 20px;
		background-position:center center;
		background-repeat:no-repeat;
	}
	#sub-toolbar .glyphicons-list{
		background-size: 20px 20px;
		height: 20px;
		width: 20px;
		background-position:center center;
		background-repeat:no-repeat;
	}
	.search-field-group-secondary .glyphicons-home{
		background-size: 20px 20px;
		height: 20px;
		width: 20px;
		background-position:center center;
		background-repeat:no-repeat;
	}

	.search-field-group-secondary .glyphicons-shopping-cart{
		background-size: 20px 20px;
		height: 20px;
		width: 20px;
		background-position:center center;
		background-repeat:no-repeat;
	}
	.search-field-group-secondary .glyphicons-upload{
		background-size: 20px 20px;
		height: 20px;
		width: 20px;
		background-position:center center;
		background-repeat:no-repeat;
	}
	.search-field-group-secondary .glyphicons-filter{
		background-size: 20px 20px;
		height: 20px;
		width: 20px;
		background-position:center center;
		background-repeat:no-repeat;
	}
	.search-field-group-secondary .glyphicons-search{
		background-size: 20px 20px;
		height: 20px;
		width: 20px;
		background-position:center center;
		background-repeat:no-repeat;
		
	}
	#main ol.breadcrumb {
		line-height: 35px;
	}
	.darkTheme .breadcrumb .glyphicons-home {
		background-position: 6px -4px;
		background-repeat: no-repeat;
		background-size: 23px 23px;
		height: 24px;
		width: 30px;
	}
	.breadcrumb .glyphicons-home {
		background-position: 6px -4px;
		background-repeat: no-repeat;
		background-size: 23px 23px;
		height: 24px;
		width: 30px;
	}
	#main .filtersContainer .browserFilter-field .leftButtons{
    display: inline-block;
    padding: 0;
    width: 24%;
	}	
	#main .filtersContainer .browserFilter-field .rightButtons{
    display: inline-block;
    padding: 0;
    width: 75%;
	}	
	#sub-toolbar .navbar-form #infotogglebuttons button.action{
		height: 27px;
		width: 36px;
		background-position: -1px center;
		background-size: 115px 27px;
		margin-right: -4px;
	}
	#sub-toolbar .navbar-form #infotogglebuttons button.calendar{
		height: 27px;
		width: 36px;
		background-position: -40px center;
		background-size: 115px 27px;
		margin-right: -4px;
	}
	#sub-toolbar .navbar-form #infotogglebuttons button.details{
		height: 27px;
		width: 36px;
		background-position: -76px center;
		background-size: 115px 27px;
		margin: -3px;
		border:0;
	}
	.navbar {
    margin-bottom: 0;
	}
	
	.breadcrumb > li + li::before {
		content: "/";
		font-size: 14px;
		padding: 0;
	}
	#main ol.breadcrumb li a{
	font-size:16px;
	}
	#main #filtersets_table .btn-group div .btn-default{
		font-size:10px;
	}
	.breadcrumb .glyphicons-home {
    height: 17px;
	}
	
	.search-field-group .input-group-btn, .search-field-group .honda-icons{
		float:none;
	}
	
	#sub-toolbar .navbar-form{
		margin-top:0px;
		margin-bottom:0px;
	}
	#mobileAdvanceSearch .perFilter{
		width:50%;
	}
	
	.perType .logo-box{
		height:70px;
		width:91px;
		background-size:cover !important;
	}
	
	/* Gear */
	#pageViewsMenu {
		border-radius: 10px !important;
		margin: 5px 2.5%;
		padding: 10px;
		right: 0;
		width: 75%;
	}
	/* end of Gear */
	
	/*honda Advance Search*/
	#panel-honda-search #savedialogue table tr > th, #panel-honda-search #savedialogue table tr > td{
		width:100%;
		display:block;
	}
	#panel-honda-search{
		margin: 10px;
		overflow-y: scroll;
		top: 0;
	}
	#panel-honda-search .AdvanceSearchFields .AdvanceSearchButton,
	#panel-honda-search .AdvanceSearchFields .AdvanceSearchLogic{
		display: inline !important;
		float: left;
		width: auto !important;
	}
	#panel-honda-search .AdvanceSearchFields .AdvanceSearchButton{
		padding:8px 4px 8px 10px
	}
	#panel-honda-search .AdvanceSearchFields .AdvanceSearchLogic{
		padding:8px 4px 8px;
	}
	#panel-honda-search .AdvanceSearchFields .AdvanceSearchLogic select{
		width:auto;
	}
	.content .panelFilterContainer{
		z-index:99999;
	}
	#searchfields .AdvanceSearchLabels{
		display:none;
	}
	#searchfields .AdvanceSearchFields > td{
		display:block;
		width:100%;
	}
	#searchfields .AdvanceSearchFields > td.AdvanceSearchFieldHTML > *{
		margin:0px 0px 8px;
	}

	#panel-honda-search .table {
		width: 100%;
	}
	#panel-honda-search #searchcontrols .table{
		text-align:center;
	}
	#panel-honda-search .AdvanceSearchHeaders label{
		width: 100% !important;
	}
	#panel-honda-search .AdvanceSearchHeaders label .AdvanceSearchHeadersTitle{
		display:none;
	}
	#panel-honda-search .AdvanceSearchHeaders label .AdvanceSearchHeadersDesTitle{
		display:inline;
	}
	#panel-honda-search .AdvanceSearchHeaders label .AdvanceSearchHeadersDes{
		display: block;
		word-wrap: break-word;
		white-space: normal;
	}
	#panel-honda-search .AdvanceSearchHeaders label select{
		width: 80%  !important;
		display:inline  !important;
	}
	#panel-honda-search .AdvanceSearchHeaders label input{
		width: 20%  !important;
	}
	#searchfields .clearcell{
		display:none !important;
	}
	/*end honda Advance Search*/
	
	/* Popup Sillhoutte */
	.popover  .popover-content{
		padding: 0px 5px !important;
	}
	
	.popover.right  .popover,
	.popover.left  .popover{
		font:12px
	}
	.popover.right .form-group {
		margin-bottom: 5px;
	}
	.popover.right  .popover-title,
	.popover.left  .popover-title {
		padding:5px;
	}
	.popover.right dl,
	.popover.left dl 	{
		margin-bottom: 5px;
		margin-top: 0;
	}

	.popover.right hr,
	.popover.left hr{
		margin:0
	}
	.popover.right .btn,
	.popover.left .btn	{
		padding-bottom: 4px;
		padding-top: 4px;
		margin:0 0 3px 0px;
	}
	
	.popover.left .form-group {
		margin-bottom: 5px;
	}

	.popover.bottom  .popover-content{
		padding:10px !important;
	}
	
	.navbar-form {
		margin-top: 7px!important;
		margin-bottom: 7px!important;
	}
	/* End of Pop up Sillhoutte */
	
	/* image order */
		div#imageOrderTopSection div {
			display: block;
			width: 100%;
			/* margin: auto; */
		}

		div#imageOrderTopSection .image.well.well-sm {
			width: 220px !important;
			margin: auto;
		}

		form#orderform {
			overflow-x: hidden;
			margin-bottom:36px;
		}

		#orderform td {
			display: block;
			text-align: left;
			width: 100%;
			border: 0 none;
		}
	/* end of image order */

	/* annotation and details pop-up */
	/*annot and details*/
	.details.right.column {
		height: 95%;
	}
	.annotations .listtrashbutton.btn.btn-danger.btn-xs.pull-right {
		float: right !important;
		padding: 0 5px;
	}
	.modal-open #details-info .list-group .list-group-item{
		padding:10px 5px;
		overflow:hidden;
	}
	.annotations .mobile-annotation-button button[disabled]{
		background: #737373 none repeat scroll 0 0 !important;
	} 
	.modal-content .modal-footer {
		background-color: #fff;
		z-index:1000;
	}
	.details #details-info .content.comments {
		height: 80%;
	}
	
	#metadataform .table.form-inline.form-group-sm tr {
		border-top: 1px solid #d7d7d7;
	}
	#metadataform .table.form-inline.form-group-sm td:first-child {
		padding: 10px 0 0px;
	}
	#metadataform .table.form-inline.form-group-sm td {
		border: 0 none;
		display: block;
		width: 100%;
		padding: 0px 0 15px;
	}
	#metadataform .table.form-inline.form-group-sm .datefield.form-control {
		display: inline;
		width: 31%;
	}
	#metadataform .table.form-inline.form-group-sm .textleft .button.btn.btn-default {
		margin-top: 5px;
		width:100%;
	}
	#metadataform .table textarea.form-control {
		height: auto !important;
		width: 100%;
		resize:none !important;
	}
	#details-info .comment .delete {
		float: right !important;
		font-size: 16px;
	}
	.details.right.column {
		overflow: hidden;
	}
	.details #details-info .content {
		overflow-x: hidden;
	}
	
	.canvasWrapper{
		position:relative;
		top:0px !important;
		margin: 0 auto 60px;
		left:0 !important;
	}
	
	.annotations{
		overflow:hidden !important;
		bottom:0px;
		position: absolute;
		max-height: 400px;
		top:50px;
		z-index:999;
	}
	div#annotationButtons {
		top: 0px;
		max-height:none;
	}
	div#annotationButtons #toolspanel{
		width: 100%;
		position: absolute;
		margin: 0px !important;
		background-color: #fff;
		padding: 5px !important;
	}
	div#annotationButtons #toolspanel .comments{
		overflow-y:auto !important;
		margin-bottom: 35px;
	}
	#toolspanel.mobileContainer{
		width:100%!important;
		z-index:1000!important;
	}
	#toolspanel .annotationlist .list-group-item .listindexlabel.annotation_label.pull-right {
		float: right !important;
	}
	.annotations .pagectrl {
		position: fixed;
		top: initial !important;
		right: 20px;
		z-index: 9999;
		bottom: 140px;
	}
	.mobile-annotators {
		width: 100%;
		display: block;
		position: relative;
		margin:10px 0px;
		min-height:35px;
	}

	.mobile-annotators .btn-group {
		float: right;
		padding: 0 5px;
		margin: 0;
		z-index: 9999;
	}
	
	.mobile-annotators .btn-group button {
		background-color:#0282BA;
		color:#fff;
	}
	
	.mobile-annotators .btn-group button.active {
		background-color:#737373 ;
		color:#fff;
	}
	
	.mobile-annotators .stamp-mobile{
		display: inline-block;
		position: relative;
		margin: 0px;
		left: 0 !important;
		top: 0;
		padding: 0 5px !important;
	}
	.annotation-buttons {
		position: relative;
		bottom: 0;
		display:inline-block;
	}
	.annotation-footer .middlecontrols {
		top: 0px !important;
		right: 0px !important;
		padding: 3px 5px;
		float:right;
		position:relative;
	}
	.annotation-footer .middlecontrols .slider-horizontal{
		width:140px !important;
	}
	.controlsButtons {
		position: relative;
		display: block;
	}
	.mobile-annotators .stamp-mobile li{
		margin-bottom:5px;
	}
	
	.detect767px{
		display:block;
	}
	.canvasframe.small-toolspanel{
		left: 0;
	}
	.mobile-annotation-button{
		display:none !important;
	}
	#portal-modal .annotations .canvasframe{
		display:none;
		height: 100%;
		top: 0px;
		position: absolute;
	}
	.annotations #inspectorOpenButton{
		display:none !important;
	}
	
	.modal-body {
		padding: 5px;
	}
	.nav-tabs.nav-justified > li {
		float: left;
		margin: 0 2.5%;
		width: 20%;
	}
	.modal-open #details-info .details-tabs li.active a {
		background-color: #737373;
		border-bottom: 0 none;
		color: #fff;
	}
	.modal-open #details-info .details-tabs li a {
		background: #0182bb none repeat scroll 0 0;
		border:0 none;
		border-radius: 10px;
		color: #fff;
	}
	.modal-body .details-tabs .general-info {
		display: block !important;
	}
	.modal-body .details-tabs .versions{
		display: none !important;
	}
	div#show-annotation button{
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		background-color:#0282BA;
		color:#FFF;
	}
	div#show-comments button {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		background-color:#0282BA;
		color:#FFF;
	}
	/* end of annotation and details pop-up*/
	
	/* BASKET */
	.basketpage #accordion #pluginspanel .nav .downloadbasket_plugin,
	.basketpage #accordion #pluginspanel .nav .batchorder_plugin,
	.basketpage #accordion #pluginspanel .nav .contactsheet_plugin{
		display:none;
	}
	
	.basketpage #contactsheet table tr > td > *,
	.basketpage	#contactsheet table tr > th > * {
		margin-bottom: 4px;
	}
	
	.basketpage #batchapply table tr.options_noshow > td.textright{
		padding:0 8px;
	}
	.basketpage #batchapply table tr.options_noshow > td.textright > *{
		margin:0 0 8px;
	}
	.basketpage #batchapply table tr.options_noshow > *{
		display: block;
		width:100%;
		border:0 none;
	}
	.basketpage #batchapply table tr.options_noshow > td > select.datefield.form-control{
		width: auto;
		display: inline-block;
	}
	.basketpage #batchapply table tr.options_noshow > td > .btn{
		margin:0 5px;
		padding-bottom: 6px;
		padding-top: 5px;
	}
	.basketpage #downloadjpgs table tr > *{
		display:inline-block;
		width:49%;
		border:0 none;
	}
	.basketpage #downloadjpgs table tr > td {
		text-align: right;
	}
	.basketpage #downloadjpgs table tr:first-child > *,
	.basketpage #downloadjpgs table tr:nth-child(2) > *	{
		display: block;
		width:100%;
		padding:4px 8px;
	}
	.basketpage #downloadjpgs .table-bordered{
		border:0 none;
	}
	
	#basketadmin .input-lg {
		font-size: 15px;
		height: 40px;
		padding: 5px 16px;
	}
	#basketadmin input.btn {
		width: 200px;
	}
	#addalltobasket .glyphicons-cart-in::before {
		background-size: 100% 100%;
		height: 35px;
		width: 35px;
	}
	#basketadmin hr {
		margin:10px 0;
	}
	.basketpage .modal-dialog{
		width:95%;
	}
	#basketadmin br {
		display:none;
	}
	#basketadmin .lead {
		margin-bottom: 10px;
	}
	
	.basketpage #batchorder table tr.dosize_options td:first-child {
    width: 25% !important;
	}

	.basketpage #batchorder table tr.dosize_options td.form-inline {
		width: 100%;
		display: inline-block;
	}

	.basketpage #batchorder table tr.dosize_options td:nth-child(3) {
		width: auto !important;
		display: inline-block;
		float: right;
		border: 0 none;
	}

	.basketpage #batchorder table.form-horizontal .form-group {
		margin:0 !important;
	}
	/* END BASKET */
	#detectionForMobile{
		display:block;
	}
	
	/* .prefDesktop, .preferences_button{
		display: none !important;
	} */
	.preferences_button .navbar-form{
		padding:0 !important;
	}
	
	#main #thumbnails .list-group-item .filebuttons {
		display: inherit;
		position:relative !important;
	}
	
	.filemanagement.pull-right {
		float: none !important;
		padding: 10px;
	}
	
	#customNav .navbar-nav{
		margin:0px !important;
	}
	
	div #mobile-menu{
		border-radius: 10px !important;
		margin: 5px 2.5%;
		padding: 10px;
		width: 300px;
	}
	
	.honda-header-volumes.scrollableMenuDiv li {
			width: 278px;
	}
	div #mobile-menu.scrollableMenuDiv li ul li {
		width: 268px;
	}
	div #mobile-menu.scrollableMenuDiv li ul li ul li {
		width: 220px;
	}
	
	.modal-footer .btn + .btn{
		margin:0px;
	}
	.browsepage .content #panel-filter{
	//	display:none !important;
	//	display:block !important;
	}
	#left-pannel.hidden-xs{
		display: block !important;
	}

}

@media screen and (max-width: 700px) {
	.navbar-header{
			overflow:hidden;
			width:100%;
	}
	.browsepage .content #panel-filter{
	//	display:none !important;
	//	display:block !important;
	}
	 {
		display: block !important;
	}


}

@media screen and (max-width: 640px) {
	/*BASKET*/
	#basketadmin input.btn{
		width:100%;
	}
	#basketadmin input#close{
		width:auto;
	}
	/* END BASKET*/
	#main #mobileDetection479px{
			display:block;
	}
	#main #browserFilterContainer .multipleRows .col-sm-6.rightButtons{
    padding: 0;
    width: 60%;
	}
	#main #browserFilterContainer .multipleRows .col-sm-6.leftButtons{
		padding: 0;
		width: 39%;
		top: -35px;
	}	
	
	#main .filtersContainer .multipleRows .rightButtons #filtersets_table .pull-left .btn-group{
		width: 50%
	}
	#main .filtersContainer .multipleRows .rightButtons #filtersets_table .pull-left .btn-group .btn-default{
		width: 100%
	}
	#main #browserFilterContainer .multipleRows  #filtersets_table .btn-group div:first-child .btn-default{
		border-left:0 !important;
		border-bottom-left-radius: 0px !important;
		border-top-left-radius: 5px !important;
		border-bottom-right-radius: 0px !important;
		border-top-right-radius: 0px !important;
	}
	#main  #browserFilterContainer .multipleRows #filtersets_table .btn-group div:nth-child(2) .btn-default{
		border-right:0 !important;
		border-bottom-left-radius: 0px !important;
		border-top-left-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
		border-top-right-radius: 5px !important;
	}
	#main  #browserFilterContainer .multipleRows #filtersets_table .btn-group div:nth-child(odd) .btn-default{
		border-left:0;
		border-bottom-left-radius: 0px;
		border-top-left-radius: 0px;
		border-bottom-right-radius: 0px;
		border-top-right-radius: 0px;
	}
	#main  #browserFilterContainer .multipleRows #filtersets_table .btn-group div:nth-child(even) .btn-default{
		border-right:0;
		border-bottom-left-radius: 0px;
		border-top-left-radius: 0px;
		border-bottom-right-radius: 0px;
		border-top-right-radius: 0px;
	}
	#main  #browserFilterContainer .multipleRows #filtersets_table .btn-group div:nth-last-child(2) .btn-default{
		border-left:0 !important;
		border-bottom-left-radius: 5px !important;
		border-top-left-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
		border-top-right-radius: 0px !important;
	}
	#main  #browserFilterContainer .multipleRows #filtersets_table .btn-group div:last-child .btn-default{
		border-right:0 !important;
		border-bottom-left-radius: 0px !important;
		border-top-left-radius: 0px !important;
		border-bottom-right-radius: 5px !important;
		border-top-right-radius: 0px !important;
	}
	.annotation-footer .middlecontrols {
		top: 0px !important;
		padding: 3px 5px;
		float:right;
		position:relative;
		right:0px;
	}
	.annotation-footer .middlecontrols .slider-horizontal{
		width:140px !important;
		height:60px;
	}
	#left-pannel.hidden-xs{
		display: block !important;
	}


}	
	
@media screen and (max-width: 610px) {
	#main .filtersContainer .browserFilter-field .leftButtons {
		display: inline-block;
		padding: 0;
		width: 33%;
	}
	#main .filtersContainer .browserFilter-field .rightButtons {
		display: inline-block;
		padding: 0;
		width: 66%;
	}
	#left-pannel.hidden-xs{
		display: block !important;
	}

	
}

@media screen and (max-width: 480px) {
	/* annotation and datails */
	.modal-open #details-info .details-tabs li a{
		font-size:12px;
	}
	/* end of annotation and datails */
	#main.basketPage .leftSection .breadcrumb a{
		font-size:12px;
	}
	#main.basketPage .leftSection{
		width:45%;
	}
	#main.basketPage .rightSection{
		width:55%;
		top: -10px;
	}
	.pull-right {
		float: left !important;
	}
	.darkTheme .breadcrumb .glyphicons-home {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px 19px;
		height: 15px;
		width: 24px;
	}
	#main ol.breadcrumb li a {
		font-size: 13px;
	}
	#main  .breadcrumb .glyphicons-home {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px 19px;
		height: 15px;
		width: 24px;
	}
	#main  .breadcrumb .pull-right{
		width: 100%;
		height:20px;
		font-size:13px;
	}
	#main  ol.breadcrumb{
		width:100%;
	}
	
	#main  .breadcrumb a.btn-link {
		padding-right:0px;
		padding-left:0px;
	}
	.formobile{
		display: block !important;
	}
	.logo-company .img-trans2{
		display: none !important;
	}
	.motorcycles .logo-company .img-trans{
		background-image: url("../images/honda-motor-mobile-1.png");
		background-size:cover;
	}
	a:hover.motorcycles .logo-company .img-trans{
		background:url("../images/honda-motor-mobile-0.png") no-repeat;
		background-size:cover;
	}
	.honda-heritage .logo-company .img-trans{
		background-image: url("../images/honda-heritage-mobile-1.png");
		background-size:cover;
	}
	a:hover.honda-heritage .logo-company .img-trans{
		background:url("../images/honda-heritage-mobile-0.png") no-repeat;
		background-size:cover;
	}
	.honda-corcom .logo-company .img-trans{
		background-image: url("../images/honda-hcc-mobile-1.png");
		background-size:cover;
	}
	a:hover.honda-corcom .logo-company .img-trans{
		background:url("../images/honda-hcc-mobile-0.png") no-repeat;
		background-size:cover;
	}
	
	.racing .logo-company .img-trans{
		background-image: url("../images/honda-racing-car-mobile-1.png");
		background-size:cover;
	}
	a:hover.racing .logo-company .img-trans{
		background:url("../images/honda-racing-car-mobile-0.png") no-repeat;
		background-size:cover;
	}
	
	.jet .logo-company .img-trans{
		background-image: url("../images/honda-jet-mobile-1.png");
		background-size:cover;
	}
	a:hover.jet .logo-company .img-trans{
		background:url("../images/honda-jet-mobile-0.png") no-repeat;
		background-size:cover;
	}
	
	.pwr .logo-company .img-trans{
		background-image: url("../images/honda-power-equipment-mobile-1.png");
		background-size:cover;
	}
	a:hover.pwr .logo-company .img-trans{
		background:url("../images/honda-power-equipment-mobile-0.png") no-repeat;
		background-size:cover;
	}
	
	.marine .logo-company .img-trans{
		background-image: url("../images/honda-marine-mobile-1.png");
		background-size:cover;
	}
	a:hover.marine .logo-company .img-trans{
		background:url("../images/honda-marine-mobile-0.png") no-repeat;
		background-size:cover;
	}
	
	.engines .logo-company .img-trans{
		background-image: url("../images/honda-eng-mobile-1.png");
		background-size:cover;
	}
	a:hover.engines .logo-company .img-trans{
		background:url("../images/honda-eng-mobile-0.png") no-repeat;
		background-size:cover;
	}
	.perType .logo-box{
		height:70px;
		width:91px;
		background-size:cover !important;
	}
	.perType{
		
		width:100% !important;
	}
	
	.perType.per-quarter{
		
		width:100% !important;
	}
	
	.perType .logo-company .img-trans{
		max-width:102% !important;
		width:102%  !important;
		margin-left:0%  !important;
	}
	
	.perType .logo-company .img-trans2{
		margin-left: 0 !important;
    max-width: 102% !important;
    width: 102% !important;
	}
	
	
	.navbar-brand > img{
		background-size: auto 30px !important;
		background-position:left center !important;
		width: 640px !important;
		
	}
	
	.navbar.banner .nps-header{
		height: 60px !important;
		background-size: auto 56px !important;
		background-position: right center !important;
	}
	
	#infotogglebuttons .btn,
	#filtersets_table .btn{
		font-size: 12px;
		padding-left:8px;
		padding-right:8px;
	}
	#sub-toolbar .navbar-form #infotogglebuttons button.action{
		margin-right: -5px;
	}
	#main ol.breadcrumb {
		line-height: 20px;
	}
	.modal-footer .btn{
		font-size:13px !important;
	}
}

@media screen and (max-width: 500px) {
	#main .filtersContainer .browserFilter-field .rightButtons{
		padding: 0;
		width: 68%;
	}
	#main .filtersContainer .browserFilter-field .leftButtons{
		width: 31%;
	}
}

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

	#main #singleMenuMobileDetect{
			display:block;
	}
	#main ol.breadcrumb {
		line-height: 15px;
	}
	#main ol.breadcrumb li  a.btn{
		padding:0px;
	}
	#main .breadcrumb.singleRow .pull-right {
		height: 15px;
		width: 100%;
	}
	#main .singleRows #filtersets_table .btn-group div:first-child .btn-default{
		border-left:0 !important;
		border-bottom-left-radius: 5px !important;
		border-top-left-radius: 5px !important;
		border-bottom-right-radius: 0px !important;
		border-top-right-radius: 0px !important;
	}
	#main .singleRows #filtersets_table .btn-group div:last-child .btn-default{
		border-right:0 !important;
		border-bottom-left-radius: 0px !important;
		border-top-left-radius: 0px !important;
		border-bottom-right-radius: 5px !important;
		border-top-right-radius: 5px !important;
	}
	
	#main .filtersContainer.singleRows {
		background-color: #989898;
		margin: 3px -30px 1px;
	}
	#main .filtersContainer.singleRows .browserFilter-field {
		position: relative;
		transform: translateY(10%);
	}
	#main .filtersContainer.singleRows .browserFilter-field{
		height:35px;
	}
	#main .filtersContainer .browserFilter-field{
		height:55px;
	}
	#main .filtersContainer .browserFilter-field #sub-toolbar{
		padding:0px;
	}
	#main .filtersContainer .browserFilter-field #sub-toolbar .navbar-form{
		float:right;
	}
	#main #filtersets_table .btn-group div:first-child .btn-default{
		border-left:0 !important;
		border-bottom-left-radius: 0px !important;
		border-top-left-radius: 5px !important;
		border-bottom-right-radius: 0px !important;
		border-top-right-radius: 0px !important;
	}
	#main #filtersets_table .btn-group div:nth-child(2) .btn-default{
		border-right:0 !important;
		border-bottom-left-radius: 0px !important;
		border-top-left-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
		border-top-right-radius: 5px !important;
	}
	#main #filtersets_table .btn-group div:nth-child(odd) .btn-default{
		border-left:0;
		border-bottom-left-radius: 0px;
		border-top-left-radius: 0px;
		border-bottom-right-radius: 0px;
		border-top-right-radius: 0px;
	}
	#main #filtersets_table .btn-group div:nth-child(even) .btn-default{
		border-right:0;
		border-bottom-left-radius: 0px;
		border-top-left-radius: 0px;
		border-bottom-right-radius: 0px;
		border-top-right-radius: 0px;
	}
	#main #filtersets_table .btn-group div:nth-last-child(2) .btn-default{
		border-left:0 !important;
		border-bottom-left-radius: 5px !important;
		border-top-left-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
		border-top-right-radius: 0px !important;
	}
	#main #filtersets_table .btn-group div:last-child .btn-default{
		border-right:0 !important;
		border-bottom-left-radius: 0px !important;
		border-top-left-radius: 0px !important;
		border-bottom-right-radius: 5px !important;
		border-top-right-radius: 0px !important;
	}
	#main .filtersContainer .browserFilter-field .rightButtons{
    padding: 0;
    width: 60%;
	}
	#main .filtersContainer .browserFilter-field .leftButtons{
		padding: 0;
		width: 39%;
		top: -35px;
	}	
	
	#main .filtersContainer .browserFilter-field .rightButtons #filtersets_table .pull-left .btn-group{
		width: 50%
	}
	#main .filtersContainer .browserFilter-field .rightButtons #filtersets_table .pull-left .btn-group .btn-default{
		width: 100%
	}
}

@media screen and (max-width: 450px) {
	
	#main #browserFilterContainer .multipleRows .col-sm-6.rightButtons{
    width: 55%;
	}
	#main #browserFilterContainer .multipleRows .col-sm-6.leftButtons{

		width: 43%;
	}

	#main .filtersContainer .browserFilter-field .rightButtons{
    padding: 0;
    width: 50%;
	}
	#main .filtersContainer .browserFilter-field .leftButtons{
		padding: 0;
		width: 48%;
		top: -35px;
	}
	
}
	
@media screen and (max-width: 414px) {
	.text-success {
		display: block;
	}
	.modal-open #details-info .details-tabs li a{
		font-size: 11px;
	}
	.nav-tabs.nav-justified > li {
		float: left;
		margin: 0 1%;
		width: 23%;
	}
	.annotation-footer .middlecontrols .slider-horizontal{
		width:140px !important;
		margin-right: 5px;
	}
	
	.annotations {
		max-height: 285px;

}	
	
@media screen and (max-width: 380px) {
	.annotations {
		max-height: 200px;
	}
	#infotogglebuttons .btn,
	#filtersets_table .btn{
		font-size: 11px;
		padding-left:8px;
		padding-right:8px;
	}
	#main.basketPage .leftSection{
		width:55%;
	}
	#main.basketPage .rightSection{
		width:45%;
	}
	#portal-modal .btn {
		padding:6px 10px;
		font-size:12px;
	}
	.annotation-footer .middlecontrols .slider-horizontal{
		width:140px !important;
		margin-right: 5px;
	}

}


@media screen and (max-width: 360px) {
	.container-fluid{
		padding:0 4px;
	}
	
	.honda-heritage .logo-box, .honda-corcom .logo-box, .jet .logo-box  {
		float: left;
		height: 30px !important;
		left: 0;
		position: absolute;
		top: 0;
		width: 78px !important;
	}
	.perType .logo-box{
		height:60px;
		width:78px;
		background-size:cover !important;
	}
	#mobileAdvanceSearch .perFilter{
		width:100%;
	}
	
	.search-field-group-secondary .icon{
		padding-left:15px;
		padding-right:15px;
	}
	.navbar.banner .nps-header{
		background-size: auto 40px !important;
	}


	.navbar-brand > img{
		margin-left:15px !important;
		width: 250px !important;
		background-size: auto 35px !important;
	}
	#filtersets_table {
		padding: 0 4px;
	}
	
	.prefDesktop{
		right:5px !important;
	}
	.annotation-footer .middlecontrols .slider-horizontal{
		width:140px !important;
		margin-right: 5px;
	}


}

@media screen and (max-width: 340px) {
	#infotogglebuttons .btn,
	#filtersets_table .btn{
		padding-left:4px;
		padding-right: 10px;
	}
	.annotation-footer .middlecontrols .slider-horizontal{
		width:140px !important;
		margin-right: 5px;
	}

}

@media screen and (max-width: 320px) {
/* Honda Panel */
	#panel-honda-search .AdvanceSearchHeaders label input {
		font-size: 14px;
		width: 25%;
		padding:7px 5px;
	}
	#panel-honda-search .AdvanceSearchHeaders label select {
		width: 75%;
	}
	/* End of Honda Panel */	
	.navbar-brand > img{
		width: 250px !important;
		background-size: auto 25px !important;

	}
	.honda-heritage .logo-box, .honda-corcom .logo-box, .jet .logo-box  {
			float: left;
			height: 25px !important;
			left: 0;
			position: absolute;
			top: 0;
			width: 60px !important;
		}
		
	.perType .logo-box{
		width:60px;
		height:46px;
	}
	.navbar.banner .nps-header{
		background-size: auto 40px !important;
	}
	.annotation-footer .middlecontrols .slider-horizontal{
		width:140px !important;
		margin-right: 5px;
	}

}