/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.topbg{
		min-height:220px;
	}
	.l-wrap{
		top:35px;
	}
}
@media only screen and (max-width : 1023px) {
	.adescr {
		display: none;
	}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.bread-crumbs {
		padding-top: 20px;
	}
	.row-flex {
		display: block;
		//margin:0;
	}
	.l-wrap {
		left:50%;
		margin-left: -90px;
		position: absolute;
		top:47px;
		//left:-40px;
	}
	.logo {
		//left:50%;
		//margin-left: -116px;
	}
	.l-descr {
		display: none;
	}
	.l-name {
		//left: 50%;
		//margin-left:73px;
	}
	.topbg {
		min-height: 127px;
		top: 0px;
		//background: #fcfcfc;
		background-position: right bottom;
	}
	.topmenu li {
		background: #4f691a;
		float: none;
		padding:4px 0 0 0;
		margin:0;
		border-top: 1px solid #6a7e35;
	}
	.topmenu li:hover {
		background: #6d872a;
	}
	.zak {
		background: none;
		border-radius:0;
		padding:0;
		//line-height: 29px;
		height: 36px;
		width:100%;
		text-align: center;
	}
	.zak-wrap {
		left:0;
	}
	.nopadding992 {
		padding:0;
	}
	.nopadding {
		text-align: center;
	}
	.userbar {
		//text-align: center;
	}
	.col1-top {
		background: #D9C4AF;
	}
	.logo {
		//top:45px;
		//left:50%;
		//margin-left: -56px;
		//position: absolute;
	}
	.topmenu {
		display: none;
		position: fixed;
		z-index:1;
		width:100%;
		top: 28px;
		left:0;
	}
	.toggle-mnu {
		position: absolute;
		z-index: 1;
	}
	.nav-mnu {
		position: absolute;
		z-index: 3;
	}
	.menubar {
		position: relative;
	}
	.topbar {
		position: fixed;
		z-index: 2;
		width:100%;
	}
	.aselect {
		position:absolute;
		z-index:1;
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
		display: block;
		//visibility: visible;
		top:110px;
	}
	.cont-f,
	.bok-left4,
	.bread-crumbs {
		display: none;
	}
	.cont-wrap {
		background:#e7e6ea;
	}
	.cont {
		padding: 10px 20px 0 20px;
	}
	.bok-right {
		padding-left: 0;
	}
	.topics {
    	text-align: left;
	}
	.tc-userbar,
	.tc-descr,
	.tc-h,
	.tc-det {
		text-align: left;
	}
	.tc-det {
		line-height: 18px;
	}
	.bok-left1,
	.bok-left2,.bok-left2-f,
	.bok-left3,.bok-left3-f{
		background-position: right -20px top;
	}
	.w-h{
		display: none;
	}
	.bk-ots {
		padding-bottom: 8px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}
@media only screen and (max-width : 380px) {
	.a380 {
		display: none;
	}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.topmenu{
		display:block!important;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}