.container_main{/* background: aliceblue; */width: 100%;height: calc(100vh - 60px);display: grid;grid-template-areas:
"nav body ads";grid-template-columns: 300px auto 260px;/* position: sticky; */top: 0;}
.container_nav{background: white;grid-area: nav;overflow-y: auto;max-height: calc(100vh - 60px);width: auto;position: relative;/* box-shadow: 0px 0px 5px 0px #00000075; */-webkit-box-shadow: #00000033;/* box-shadow: 0 1px 2px #00000033; */}
.container_body{/* background: #92ffda; */grid-area: body;display: flex;flex-direction: column;min-height: 100%;justify-content: space-between;}
.container_ads{grid-area: ads;height: 500px;width: 100%;position: sticky;top: 10px;/* background-color: aquamarine; */}
.container_nav_fixed{width: 300px;height: 100%;background-color: white;top: 0;left: 0;right: auto;bottom: auto;position: fixed;max-height: calc(100vh);}


@media (min-width: 200px) and (max-width: 767px) {
	.container_main{/* background: aliceblue; */width: 100%;height: calc(100vh - 60px);display: grid;grid-template-areas:
"body";grid-template-columns: 100%;}
	.container_nav{background: white;grid-area: nav;overflow-y: auto;max-height: 100%;position: fixed;top: 0;width: 100%;height: 100%;left: -100%;transition: all .5s;z-index: 9;}
	.container_body{/* background: #92ffda; */grid-area: body;}
	.container_ads{ display: none; }
	.container_nav_fixed{width: 100%;height: 100%;background-color: white;top: 0;right: auto;bottom: auto;position: fixed;left: -100%;}
	.container_nav_button_close{display: block!important;}
	.container_ads_fixed{ display: none!important; }
}

@media (min-width: 200px) and (max-width: 925px) {
	.container_ads_fixed{ display: none!important; }
}
.container_nav_active{left: 0!important;}


.container_ads_fixed{width: 260px;height: 100%;top: 0;right: 0;bottom: auto;position: fixed;max-height: calc(100vh);}