/** initial setup **/
.nano {
	position: relative;
	width: auto;
	margin-left: 10px;
	height: 310px;
	overflow: hidden;
	background: none;
}

.element_content_box_2 .nano_menu{
	width: auto !important;
}

.element_content_box_2 .nano_menu{
	height: 240px !important;
}

.element_content_box_3 .nano_menu{
	height: 480px !important;
}

.element_content_box_4 .nano_menu{
	height: 720px !important;
}




.nano1 {
	width: auto !important;
}

.nano_store {
	width: auto !important;
}


.nano3 {
	width: auto !important;
}



.nsize_1{
	height: 80px!important;
}



.nsize_3{
	height: 515px!important;
}

.nsize_4{
	height: 760px!important;
}


.post_nano{
	top:100px;
}

.nano .content {
	position: absolute;
	overflow: scroll;
	overflow-x: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: none;
}

.nano .content:focus {
	outline: thin dotted;
}

.nano .content::-webkit-scrollbar {
	visibility: hidden;
}

.has-scrollbar .content::-webkit-scrollbar {
	visibility: visible;
}

.nano>.pane {
	position: absolute;
	width: 5px;
	right: 0;
	top: 0;
	bottom: 0;
	visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
	opacity: .01;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;

}

itemprop.description p{
	padding-right:10px;
	
}

.nano>.pane>.slider {
	position: relative;
	margin: 0;
}

.nano:hover>.pane,.pane.active,.pane.flashed {
	visibility: visible\9; /* Target only IE7 and IE8 with this hack */
	opacity: 0.99;
}

@media ( max-width : 499px) {
	.nano {
		position: relative;
		margin-left: 10px;

		overflow: hidden;
		background: none;
	}
	.post_nano{
	top:100px;
	width:200px !important;
}

.nsize_1{
	height: 220px!important;
}

.nano1 {
	width: 200px!important;
}


}


@media ( min-width : 500px) {
	.nano {
		position: relative;
		width: auto;
		margin-left: 10px;
		overflow: hidden;
		background: none;
	}
}