@media screen and (max-width: 760px) {
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{margin-left:10px;margin-right:10px}.alpha,.omega{margin-left:0;margin-right:0}.align_center,.align_right{text-align:left}
.row3-inner {
	background: #333;
	padding: 0 0 5px 0;
}

#stickydiv  {
	-webkit-box-shadow: 0 0 6px black;
	-moz-box-shadow: 0 0 6px black;
	box-shadow: 0 0 6px black;
	margin-bottom: 15px!important;
}
#stickydiv #logo {
	background-position: 50% 50%!important;
	
}
	.stick #tpwrapper-topmenu {
		margin: 5px 0 0 0px!important;
	}

#tpwrapper-topmenu {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;

	}

	#menu-icon {
		color: #000;
		width: 72px;
		height: 30px;
		background: url(../images/icon-responsive-menu.png) no-repeat 10px center;
		padding: 8px 10px 0 42px;
		cursor: pointer;
		border: solid 1px #555;
		display: block; /* show menu icon */
		opacity: 0.5;
		margin:0 auto;
		color: #fff;
	}
		.stick #menu-icon {
			position: absolute;
			padding: 0;
			right: 10px!important;
			top: 10px!important;
			border:none;
			text-indent: -9000px;
			direction: ltr;
			width: 42px;

		}

	#menu-icon:hover {
		opacity: 0.9;
	}
	#menu-icon.active {
		opacity: 1;
	}
	
	/* main nav */
	#responsivemenu {
		width:100%;
		z-index: 1000000;
		padding:0 17px 0;
		display: none; /* visibility will be toggled with jquery */
		background-color: #333333;
		margin: 10px 0 0 -19px!important;
		margin-bottom: 15px!important;
		/* max-height: 300px;
		overflow: auto; */
	}
		.stick #responsivemenu {
			margin-top: 50px!important;
		}
		#responsivemenu ul {
			clear: both!important;
			box-shadow: none;
		}
	#responsivemenu li,
	#responsivemenu a {
		clear: both;
		float: none;
		border: none!important;
		background: none!important;
		text-shadow: none;
	}
	#responsivemenu a {
		background: none;
		color: #999;
		border: none;
		padding: 10px 30px;
	}
	#responsivemenu li:hover,
	#responsivemenu a:hover, 
	#responsivemenu ul a:hover {
		color: #fff;
		border: none;
	}

	#responsivemenu li {
		margin: 0 -15px 0 -15px;
		border-top: 1px solid #444!important;
	}
		#responsivemenu li ul {
			width: 100%;
		}
		#responsivemenu li li {
			margin: 0;
			border-top: 1px solid #333!important;
			width: 100%;
		}
			#responsivemenu li li a {
				margin-left: 10px;
			}
			#responsivemenu li li li {
				margin-left: 0;
				border-top: 1px solid #000!important;
			}
				#responsivemenu li li li a {
					margin-left: 20px;
				}
					#responsivemenu li li li li a {
						margin-left: 30px;
					}
	#responsivemenu li ul {
		background: #111;
		margin-left: 0!important;
	}
		#responsivemenu li ul ul {
			background: #222;
			margin-left: 0!important
		}
	
	#responsivemenu ul {
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	/* hack to hide cell-3b*/
	.cell-3b .search-box{
		display: none;
	}
	.cell-3b {
		margin: 0!important;
		padding: 0!important;
		text-align: center;
	}
	.cell-3b .moduletable-box {
		border: none;
	}
	.cell-3b-inner {
		padding: 0!important;
		box-sizing: border-box;
	}
		/*hack to show tppoplogin form in the stick condition*/
		.stick .cell-3b-inner {
			display: block!important;
		}
		.stick .cell-3b-inner .search-box{
			display: none!important;
		}
		.stick .cell-3b-inner .poplogin,
		.stick .cell-3b-inner .poplogout {
			display: none!important;
		}
		
	.cell-3b-inner .poplogin,
	.cell-3b-inner .poplogout {
		display: block;
		border: 1px solid #555555;
		color: #FFFFFF;
		cursor: pointer;
	    display: block;
	    height: 38px;
	    line-height: 38px;
	    margin: -60px auto 0 25px!important;
	    padding: 0 0 0 4px!important;
	    width: 32px;
	    overflow: hidden;
	    border-radius: 0;
	    position: absolute;
	    left: 50%!important;
}
	.cell-3b-inner .poplogout {
		width: 40px;
		padding: 0!important;
		box-shadow: none;
		height: 40px;
		text-indent: -999999px!important;
		background: url('../images/logout.png') #309DCF no-repeat left top!important;
		background-size: 100% 100%;
		border: 1px solid #309DCF;
	}
	.cell-3b-inner .poplogin:hover,
	.cell-3b-inner .poplogout:hover {
		border: 1px solid #444444;
		background: #2B2B2B!important;
		color: #fff;
		box-shadow: none!important;
	}
		
	.cell-3b-inner .poplogout:hover {
		background: url('../images/logout.png') #111 no-repeat left top!important;
		border: 1px solid #444;
	}
	
	/* system message */
	#system-message {
		padding: 0;
		position: fixed;
		top:0;
		z-index: 999999;
		width: 100%;
		margin: 0 !important;
		cursor: pointer;
	}
	#system-message > dd > ul {
		border-radius: 0;
		box-shadow: 0px 3px 3px #444;
		margin-left: 0;
	}
	
	/* hack for k2 comment form */
	div.itemCommentsForm form textarea.inputbox {
		clear: both;
	}
	.cell-10a-inner {
		text-align: center;
	}
	.column-1,.column-2,.column-3 {
		width: 100%!important;
		float: none!important;
	}
	
	/* hack for ipad portrait */
		.k2deals-buynow_inner i {
			display: none;
		}
	
	/* for joomla contact form in mobile */
	textarea, select, 
	input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], 
	input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], 
	input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
		width: 100%;
	}
	
	/* for footer menu */
	div.moduletable-footer {float:none;text-align:left;}
	div.moduletable-footer .modulcontent li {padding-left:0; padding-right:5px;}
}

@media screen and (min-width: 760px) {

	/* ensure #nav is visible on desktop version */
	#responsivemenu {
		display: block !important;
	}


}
/*hack for logo for mobile view*/
@media screen and (max-width: 330px) {

	#stickydiv #logo {
		background-size: 100%;
	}
	<a href="/profile/profile/media">media</a> (max-width: 767px) {
#tpwrapper-topmenu {
display:none;}
}
}
@media screen and (max-width: 760px){
.row3-inner {
background: white!important;}
}