/*
Theme Name: Sustainable Nepal
Theme URI: http://sarahana.com
Author: Sarahana Shrestha
Author URI: http://sarahana.com
*/

@charset "UTF-8";
@import url(css/global.css?nocache=1);
/*@import url(css/tablet.css) screen and (min-width: 768px )and (max-width: 1024px)
@import url(css/mobile.css) screen and (max-width: 767px);;*/


@media only screen and (min-device-width: 768px )and (max-device-width: 1024px) {
	#device-detector {
		width: 768px;
	}
}

@media only screen and (min-device-width: 768px )and (max-device-width: 1024px) and (orientation: landscape) {
	#container {
		width: 1024px;
	}
}

	
	
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
	#device-detector {
		width: 320px;
	}
}

@media only screen and (max-width: 270px) {
	.utility-nav .nav-livechat,
	.utility-nav .nav-wishlist {
		display: none;
	}
}
/* @import must be at top of file, otherwise CSS will not work */

	

/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,.clearfix:after,.row:before,.row:after, .tt-dropdown-menu:after, .tt-dataset-images .tt-suggestions:after {
	content:'\0020';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

.row:after,.clearfix:after, .tt-dropdown-menu:after, .tt-dataset-images .tt-suggestions:after {
	clear:both;
}

.row,.clearfix,.tt-dropdown-menu, .tt-dataset-images .tt-suggestions {
	zoom:1;
}


/* You can also use a <br class="clear" /> to clear columns */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}