@media only screen and (max-height : 800px) {	
	
	.drevo .zeynep {
		max-width: 175px;
	}

	.drevo .chingizv {
		max-width: 210px;
		bottom: 14%;
	}

	.drevo .uali {
		bottom: 28%;
	}

	.drevo .abilay {
		max-width: 170px;
		top: 48%;
	}

	.work-tabs-nav {
		top:34vh;
	}

	.work-tabs-nav {
		top:34vh;
	}

	.sticky-nav.work-tabs-nav {
    	top: 26vh;   
	}

	.page-content {    
    	padding-bottom: 0;
	}

	.contemp .sticky .page-logo {
		padding-right: 50%;
	}

	.breadcrumbs.bottom .prev::before,
	.breadcrumbs.bottom .next::before {
    	margin: 0;
	}

	.scans .long-scroll::before,
	.portrait .long-scroll::before,
	.fulltext .long-scroll::before{    
   		height: 15vh;
	}

	.w-main .long-scroll::after {
		height: 15%;
    	top: 30%;
	}

	.books-grid {
		padding-top: 10%;
	}

	.books .page-content {
		padding-bottom: 15%;
	}

}

@media only screen and (max-height : 320px) {
	

}

@media only screen and (max-width : 1650px) {
	.drevo{
		width: 30%;
	}
	
	.fulltext .long-scroll::before,
	.fulltext .long-scroll::after{    
   		width: 60%;
	}

}

@media only screen and (max-width : 1550px) {
	.drevo{
		width: 35%;
	}

	.fulltext .long-scroll::before,
	.fulltext .long-scroll::after{    
   		width: 67%;
	}
}

@media only screen and (max-width : 1350px) {
	.drevo{
		width: 40%;
	}

	.fulltext .long-scroll::before,
	.fulltext .long-scroll::after{    
   		width: 70%;
	}
}

@media only screen and (max-width : 1299px) {	

	.fulltext .long-scroll::before,
	.fulltext .long-scroll::after{    
   		width: 75%;
	}
}

@media only screen and (max-width : 1199px) {
	.drevo{
		width: 45%;
	}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
/* Styles */
	html {
		overflow-x: hidden;
	}
	
	.bio-modal-wrapper {
    	padding: 0;
	}

	.menu-left-panel {
		width: 80%;
		transform: translateX(-100%);
		overflow: hidden;
	}

	.menu-left-container {
		width: 100%;
	    overflow-y: auto;
	    height: 100%;
	    justify-content: start;
	}

	.menu-left-container ul li a, .menu-left-container .home_link {	   
	    font-size: 14px;
    	padding: 5px 0;
	}

	.menu-lang,
	.credits-menu, 
	.menu-copyrights {
    	margin-top: 5px;
	}

	.menu-lang ul li {
		width: auto;
		margin-right: 10px;
	}

	.menu-lang ul li:last-child {		
		margin-right: 0;
	}

	.credits-menu ul li a {	    
	    padding: 5px;
    	font-size: 12px;
	}

	.logo-kaspi {	    
	    top: 20px;
	    right: 0;
	    width: 80px;	    
	    left: 0;
	    margin: auto;
	}

	.home-logo-content {    
	    left: 0;
	    top: 50%;	    
	    width: 70%;
	    position: absolute;
	    right: 0;
	    margin: 0 auto;
	}

	a.movie-link {	   
	    width: 100%;
	    font-size: 14px;
	    line-height: 2.7;
	    margin-top: 15px;
	}

	a.movie-link::before {	    
	    width: 15px;
	    height: 15px;	    
	    left: 12px;
	    top: 11px;
	}

	.mouse-left {
		display: none;
	}

	.layer-1 {
		width: 105%;
	}

	.layer-2 {
		display: none;
	}

	.mouse-down-wrapper {
		bottom: 5%;
	}

	.mouse-down {
		width: 32px;
		height: 55px;
	}

	.main_logo {
    	display: none;
	}

	.main_logo_mobile {
    display: inline-block;
    transform: scale(1.5);

    margin-top: -100%;
	}

	#main-menu {
    	margin: 20px 0 0;
	}

	#main-menu li a {    
    	font-size: 20px;
	    letter-spacing: 2px;
	    text-shadow: none;
    }

    .main-menu-bg {    
	    background-size: cover;
	    height: 100%;
	    width: 100%;	    
	    top: 10px;
	    left: 0;
	    right: 0;
	    margin: auto;
	}

	#main-menu li {
	    margin: 5px 0 0;	    
	}

	.about .m1 div,
	.about .m2 div,
	.about .m3 div {
		display: none;
	}

	.about .m4 div {
		right: 50%;
	}

	.about .m5 div {
		left: 50%;
	}

	#shoqan_preloader_main .p-5 {
		padding: 1rem !important;
	}

	#shoqan_preloader_main .mb-5 {
		margin-bottom: 1rem !important;
	}

	#shoqan_preloader_main .mt-5 {
		margin-top: 0 !important;
	}

	#shoqan_preloader_main img {    
    	width: 70%;
	}

	#shoqan_preloader_main .w-25 {
    	width: 50% !important;
	}

	#shoqan_preloader_main .layer-pr1 div {    
	    background-size: contain;
	    width: 120%;
	    height: 100%;    
	    left: -26%;
	    top: -2%;    
	}

	#shoqan_preloader_main .layer-pr2 div {	    
	    background-size: contain;
	    width: 100%;
	    height: 31%;	    
	    right: -20%;
	    bottom: -4%;
	}

	.preloader-logo {
		margin-top: 15%;
	}

	.tlttxt {
		padding:0;
	    font-size: 10px;
	    font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif;
	    font-weight: 400;
	    line-height: 18px;    
	    text-transform: uppercase;
	}

	.bio-timeline {
    	height: 100%;
    	padding: 5% 10% 35%;
	}

	.bio-item {
		width: 100%;
	}

	.drevo .bio-img::before {
	    width: 115%;
    	height: 115%;
    	top: -10%;
    	left: -6%;
	}

	.drevo .names a {
	   font-size: 12px;
	   line-height: 1.1;
	   padding: 15px 0;
	}

	.drevo .chingizkhan {
	    max-width: 120px;
	    top: 5%;
	    right: -8%;
	}

	.drevo .abilay {
	    max-width: 45%;
    	top: 43%;
    	right: -10%;
	}

	.drevo .uali {
	    bottom: 31%;
    	right: -9%;
    	max-width: 45%;
	}

	.drevo .chingizv {
	    max-width: 52%;
    	bottom: 18%;
    	right: 3%;
	}

	.drevo .musach {    
	    max-width: 50%;
	    bottom: 24%;
	    left: -10%;
	}

	.drevo .zeynep {
	    max-width: 40%;
	    bottom: 12%;
	}

	.drevo .zeynep a {
    	padding: 10px;
	}

	.drevo .shoqan {   
    	left: -15%;
    	max-width: 70%;
    	height: 35px;   
	}

	.drevo .shoqan a {
   		padding: 12px 0;
	}

	.shoqan-dr a:before {
    	left: -5px;
	}

	.shoqan-dr a:after {
		right: -5px;
	}

	.bio-item.gap {
    	width: 50%;
	}

	.bio-timeline .bio-img img {
	    width: 100%;
	    padding: 9% 10%;	    
	}

	.mobile_gap {
		display: block;
		width: 30%;
	}
	
	.mobile_gap.last {		
		width: 10%;
	}

	.bio-timeline .sp .bio-img img {
	    width: 100%;
	    padding: 10%;
	}

	.bio-timeline .childhood .bio-img,
	.bio-timeline .omsk .bio-img,
	.bio-timeline .sp .bio-img {
    	margin-top: 15%;    
	}
	 

	.bio-timeline .exp .bio-img,
	.bio-timeline .return .bio-img,
	.bio-timeline .exp .bio-descr, 
	.bio-timeline .return .bio-descr {
		margin-top: 0;
	}
		 

	.bio .cd-folding-panel {
		height: 100%;
	}

	.cd-folding-panel .bio-ch-text {
    	padding: 0 2rem;
	}

	

	.bio .breadcrumbs {	    
	    width: 100%;
	}

	.bio_page.breadcrumbs.bottom {	    
	    bottom: 10px;
	}

	.bio_page.breadcrumbs a {
	    font-size: 14px;
	    font-style: italic;
	}

	.breadcrumbs.bottom .prev::before, 
	.breadcrumbs.bottom .next::before {
    	margin: 0;
	}

	.breadcrumbs .nowrap {
		white-space: nowrap;
	}	

	.bio .long-scroll::before, 
	.bio .long-scroll::after {
	    left: 0;
	    right: 0; 
	    height: 13vh;	
	}

	.bio .long-scroll::after {	    
	    height: 10%;	
	    background: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
	    background: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
	    background: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
	}

	.bio-t-bg {
		margin-top: 10%; 
	}
	
	
	.bio .long-page-title {
		margin-top: 10%;
		margin-bottom: 15px;
		padding: 0 5%;
	}
	
	.bio-t-bg::after {    
	    top: 15%;    
	}
	
	.bio-pop-img {
		margin-bottom: 2rem;
	}
	
	.bio .nav .nav-item {
		border: none;
	    width: 100%;
	    margin: 0;
	    padding: 0;
	}
	
	.bio .nav .nav-item {
		border: none;
	    width: 100%;
	    margin: 0;
	    padding: 0;
	}
	
	.bio .nav .nav-item .nav-link {		
	    width: 100%;
	    margin: 0;
	    padding: 10px 0;
	}
	
	.bio-exp-tabs.mt-5 {
		margin-top: 1rem !important;
	}
	
	.bio-exp-tabs.p-5 {
		padding: 1rem 2rem !important;
	}
	
	.bio .works_title,
	.bio .bio-date {
		text-align: center;
		text-transform: uppercase;	
	}
	
	.bio #expTab .nav-item .nav-link.active {
		border: 1px solid #e4dbdb;
	}
	
	.bio-hb-g-wrapper { 
	    height: 50%;
    	min-height: 350px;
	}
	
	.bio-sp-g {    
	   		height: 75%;
	}
	
	.bio-sp-g1, 
	.bio-sp-g2 {    
	    	width: 50%;
	    	position: relative;
	    	height: auto; 
	}
	
	.bio-sp-g1 {    
	    	transform: rotate(-5deg);
		top: -30%;
		left: 10%;
	}
	
	.bio-sp-g2 {
	    	transform: rotate(5deg); 
	    	top: 0;
		right: -40%;	
	}
	
	.bio-hb-g {
	    width: 50%;
	    height: auto;
	    min-height: auto;
	}
	
	.bio-hb-g2 {
	    top: -60%;
	    left: 45%;    
	}
	
	.bio-hb-g3 {
	    top: 35%;
	    left: 6%;	    
	    transform: rotate(4deg);
	}
	
	.hb.bio-text-bg::before {
	    	top: 20%;    
	}
	
	.bio-omsk-gallery {
		margin-bottom: 3rem;
	}
	
	
	.shoqan_time .long_page_section.text_content {    
	    	padding: 0 1rem;
	}
	
	.long_page_section.intro {
		margin-top: 0;
	}
	
	.shoqan_time .text_content .img-right, 
	.shoqan_time .text_content .img-left {
		float: none;
		width: 100%;
		max-width: 100%;
		margin: 0;
		text-align: center;
		display: block;
	}
	

	.shoqan_time .long_t_bg {
		padding: 6rem 3rem 2rem;
	}

	.long_t_bg {	    
	    padding: 7rem 3rem 2rem;
	}

	.rgo .mobile_logo,
	.shoqan_time .mobile_logo {
		background: #fff;
	    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
	    padding-bottom: 1rem;
	    z-index: 3;
	}

	body.rgo {
		overflow-x: hidden;
	}

	.main .languages {
	    left: unset;
	    right: 5%;
	    top: 3%;
	}
	
}


@media only screen 
and (max-width : 480px) {
/* Styles */
	.mobile_logo {
		display: inline-block;

	}

	.books .page-title::after,
	.movies .page-title::after  {
		top: -20px;
	}

	.facts_bg {
		background: #F7F7F7;
		padding: 4rem 2rem;
    	height: auto;    
   	 	max-height: none;
	}

	.long_page_section.with_bg::before {
		bottom: -25%;
		height: 600px;
	}

	.shoqan_time .long-page-title,
	.rgo .long-page-title  {
		font-size: 1.2em;
		letter-spacing: 3px;
	}

	.shoqan_time .long_t_bg::before {
		top: 20%;
	}

	body.rgo {
		overflow-x: hidden;
	}

	.rgo .long_t_bg::before {
		top: 21%;
	}
	
	.rgo .long-page-title {
		margin: 0;
	}

	.rgo-about.my-5 {
		margin: 1rem 0 !important;
	}

	.rgo-about.px-5 {
		padding: 0 1rem !important;
	}

	.rgo-about-text p {
   		text-align: justify;
	}

	.rgo-about-right {
		margin-top: 8rem;
	}

	.rgo-members ul li {
		width: 100%;
		height: auto;
	}

	.rgo-m-wrapper li:nth-child(4) {
    	margin-left: 0;
	}

	.rgo .pst img, .rgo-about-text a img {
    	max-width: 100%;
	}

	.rgo-about-w-bg {
	    background: url(../img/rgo/rgo-about-bg.jpg) no-repeat bottom right;
	    background-size: 100%;
	}

	.rgo-about-w-bg .rgo-about-right {    
    	margin-top: 0;
	}

	.rgo-books-single .breadcrumbs.top a {
    	margin: 0 0 0 5%;
	}		

	.rgo-books-single .breadcrumbs .downloads {
		width: 50%;
		padding: 1px;
	}

	.rgo-books-single .breadcrumbs .downloads a {
		margin: 0 0 0 10px;
	}

	.breadcrumbs.bottom li {
		text-overflow: ellipsis;
    	white-space: normal;
	}

	.bio .breadcrumbs.bottom li {
		padding: 0 10px;
	}

	.page-header {
		position: relative;	
		z-index: 0;	
	}


	.page-logo,
	.works .page-logo {
		padding: 1rem;
		margin-top: 20%;		
	}

	.contemp .page-logo {
		padding: 0;
	}

	.contemp .sticky .page-logo {
		padding: 0;
	}

	.works .page-logo::before {    
	    width: 100%;    
	    left: 0;    
	}

	.works .info_link {
	    left: unset;
	    right: 10%;
	}

	.kz.works .info_link {
		left: unset;
	    right: 3%;
	}

	#expTab .nav-item #compl-tab.nav-link:hover,
	#expTab .nav-item #ncompl-tab.nav-link:hover {    	
    	transform: scale(1.1) translateX(0);
	}

	.page-title .main-title,
	.books .main .main-title {
		font-size: 1.6em;
    	letter-spacing: 3px;
	}

	.page-grid-fixed {
		position: relative;
		overflow: initial;	
	}

	.page-grid {
		overflow: initial;
		padding-right: 0;
	}

	.long-scroll::after,
	.w-main .long-scroll::after,
	.page-grid.long-scroll::after {
		top: 0;
		height: 22%;
		width: 100%;
	}

	.contemp_info .long-scroll::after {
		height: 15%;
	}

	.contemp_info .mfp-wrap {
		top: 0 !important;
	}

	.contemp .mfp-arrow {
		bottom: 0;
		top: auto;
	}

	.contemp .mfp-arrow-right {
		right: 5px;
	}

	.contemp .mfp-arrow-left {
		left: 15%;
		transform: scale(-0.75);
	}

	.contemp-single .works-content {
		padding-bottom: 3rem;
	}

	.contemp_list li {
		margin-top: 1rem;
	}

	.contemp_list {
		padding-bottom: 3rem;
	}

	.long-scroll::before,
	.w-main .long-scroll::before {
		bottom: 0;		
		width: 100%;
		left: 0;
	}

	.sticky {	    
	    transform: none;	    
	}

	.contemp .sticky .page-logo {
    	padding-right: 0;
	}

	.contemp .info_link {
   	 	right: 7%;    
	}

	.books-grid ul li {    
    	flex-direction: column;
    	height: auto;
	}

	.books-link {
		max-width: 100%;
	    max-height: none;
	    height: auto;
	    overflow: unset;
	}

	.books-link2 {
		margin: 1rem 0;
	}

	.books-caption {
		padding: 0;
		text-align: justify;
	}

	.m-title {
		text-align: left;		
	}

	.m-descr {
	    font-size: 12px;	    
	}

	.books-link2:hover {    
    	transform: none;
	}

	.books-link:hover img {
	    transform: none;
	}

	.books-px-bg {
		display: none;
	}

	.fulltext .breadcrumbs {    
	    width: 100%;
	    max-width: none;
		padding: 0 2rem;
		bottom: 2%;
		max-height: 60px;
		overflow: hidden;
	}

	.fulltext .long-scroll::before, .fulltext .long-scroll::after {
		width: 100%;
	}

	.works-content {
		padding: 20% 1rem 0;
	}

	.works .breadcrumbs.bottom ul li:first-child,
	.works .breadcrumbs.bottom ul li:last-child {
		padding:0;
	}

	
	.works .breadcrumbs.top {
    	top: 2%;
	}

	.left_image_sm,
	.right_image_sm,
	.left_image,
	.right_image {
		float:none;
		width: 100%;
		margin: 20px 0;
	}

	.movies .mfp-close, 
	.contemp .mfp-close, 
	.books .mfp-close {
		width: 50px;
		height: 50px;
	}

	.work-tabs-nav {
		position: relative;
		top: 0;
	}

	.works-list a,
	.works-list li {
		text-align: center;		
	}

	.works-list li span {
		margin: 0;
	}

	.works-list li ul {
		margin: 1rem 0;
		padding: 0 15px;
		border-right: 1px solid #c2c2c2;
	}

	.sticky-nav.work-tabs-nav {
		top: 0;
	}

	.work-tabs-nav .nav-item {
		width: 80%;
	    padding: 0 !important;
	    margin: 5px auto !important;
	    text-align: center !important;	    
	    border: 1px solid rgba(0,0,0,0.1) !important;
	    border-radius: 25px;
	}

	.nav-link {
		padding: 1rem 0  !important;
	}

	.tab-content.p-5 {
		padding: 1rem 1rem 3rem !important;
	}

	.works-list {
    	padding: 0 1rem;
	}

	.works-list li span {
		width: 100%;
		text-align: center;
		margin-top: 1rem;
	}

	.works_slider-wrapper .slider_works {	    
	    height: 100%;
   		overflow: hidden;
    	margin: 0;
	}

	.works_slider-wrapper .flex-direction-nav {	    
	    top: 40%;	    
	}

	.works_slider-wrapper .flex-direction-nav .flex-next {
		right: 0 !important;
	}

	.works_slider-wrapper .flex-direction-nav .flex-prev {
		left: 0 !important;
	}

	.works_slider-wrapper .flex-direction-nav .flex-prev,
	.works_slider-wrapper .flex-direction-nav .flex-next {
		padding: 10px;
   		width: 50px;
   		height: 70px;
	}
	
	.works_slider-wrapper .carousel_works .flex-viewport {
		bottom: 0;
	}

	.portrait .works_slider-wrapper .carousel_works {
		left: 0;
	}

	.portrait .works_slider-wrapper .carousel_works p {
		margin-right: 15px;
	}

	.works_slider-wrapper .carousel_works::before {
		height: 10vh;		
	}

	.works_slider-wrapper .carousel_works::after {
		display: none;
	}

	.works_slider-wrapper .flex-direction-nav a:before {
		font-size: 35px;		
	}

	.works_slider-wrapper .carousel_works ul.slides li {
		width: 35px !important;
    	margin-right: 15px !important;
	}

	.works_portrait .flex-caption {
		transform: translateY(0);
		opacity: 1;
	}

	.scans .works_slider-wrapper,
	.portrait .works_slider-wrapper {
		position: relative;
		width: 100%;
		height: 70%;
    	top: 15%;
	}

	.portrait .works_slider-wrapper {
		position: relative;
		width: 100%;
		height: 80%;
    	top: 0;
	}

	.scans .works_slider-wrapper::after,
	.portrait .works_slider-wrapper::after {
		display: none;
	}

	.scans .long-scroll::before, .scans .long-scroll::after,
	.portrait .long-scroll::before, .portrait .long-scroll::after {
		width: 100%;
		margin: 0 auto;
	}

	.scans .long-scroll::after,
	.fulltext .long-scroll::after,
	.portrait .long-scroll::after {
		height: 15%;
	}

	.works-content {
		padding: 0 1rem 4rem;
	}

	.works-content p {    
    	text-align: justify;
	}

	.portrait .works-content,
	.fulltext .works-content {
   	 	padding-top: 20%;
	}

	.portrait .breadcrumbs,
	.fulltext .breadcrumbs {
		width: 100%;		
    	left: 0;
   		margin: 0 auto;
	}

	.scans .breadcrumbs.top,
	.fulltext .breadcrumbs.top,
	.portrait .breadcrumbs.top {
		width: 100%;		
    	left: 0;
   		margin: 0 auto;
   		padding: 0.5rem 1rem 0;
	}

	.scans .downloads,
	.fulltext .downloads,
	.portrait .downloads {
		width: auto;	
    	padding: 0;
	}

	.contemp .downloads {
		float: left;
	}	

	.scans .ext_link,
	.fulltext .ext_link,
	.portrait .ext_link {
    	vertical-align: top;
	}

	.scans .breadcrumbs.bottom,
	.portrait .breadcrumbs.bottom {	    
	    width: 100%;
	    left: 0;
	    margin: 0 auto;
	    padding: 0 10%;
	}	

	.books-single .downloads a {
		margin-left: 0;
	}

	.movie-single {
		padding: 6rem 2.5rem;
	}


	.movies .mfp-arrow {
		width: 50px;
		height: 50px;
	}

	.movies .mfp-arrow-right {
		right: 0;	
	}

	.movies .mfp-arrow-left {
		left: 30px;
		transform: scale(-0.7);	
	}

	.movie-descr {
		padding-bottom: 6rem;
	}

	.movies .mfp-bg {
		height: 100% !important;
	}

	.movie-carousel {    
	    max-height: 150px;
	    padding: 1rem 3rem 0;
	}

	.mfp-owl.movie-carousel {
    	transform: translateY(135px);
	}

	.active.movie-carousel {
    	transform: translateY(0);
	}

	.mfp-wrap {
		top: 0  !important;	
	}

	#expedition_map::before,
	.map-px-bg {
		display: none;
	}

	#expedition_map {
		position: relative;		
	}

	.map-section {
	    padding: 25% 0;	   
	    width: 100%;
	    overflow: hidden;	   
	}

	.mapplic-sidebar {
		position: absolute;
    	text-align: center;
    	float: none;
    	height: 100%;
    	background: rgba(255,255,255,0.8);
    	display: flex;
	    justify-content: center;
	    align-items: center;
	    transform: translateY(100%);
	    opacity: 0;
	    visibility: hidden;
	    transition: all .5s ease;
	}

	.mapplic-sidebar.active {
		visibility: visible;
		transform: translateY(0);
	    opacity: 1;	    
	}

	.mapplic-list-location > a {		
	    font-size: 12px;
	    padding: 5px 0;
	}

	.mapplic-list-location h4 {
	    font-size: 1.5em;    
	    letter-spacing: 1px;
	}

	.map_btn {
		display: block;
	    position: absolute;
	    bottom: 2%;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	}

	.mapplic-tooltip {
    	min-width: unset;
    	height: auto;
	}

	.mapplic-popup-link {
		right: 0;
	    bottom: 0;
	    height: 40px;
	    left: unset;
	    top: unset;
	    padding: 5px;
	    width: 40px;
	}

	.mapplic-popup-link img {
    	margin: auto;
	}

	.mapplic-tooltip p {
		padding-right: 1rem;
		font-size: 14px;
    	line-height: 18px;
	}

	body.project {
		overflow-y: auto;
	}

	.project .logo-kaspi {
		width: 100%;
	    background: #fff;
	    top: 0;
	    padding: 0.5rem 5rem;
	    max-width: 100%;
	    z-index: 1;
	    box-shadow: 1px 1px 5px rgba(0,0,0,0.1)
	}

	.project-wrapper {
		padding-top: 25%;
	}

	.project-wrapper .p-5 {
		padding: 1rem !important;
	}

	.project-wrapper .p-5 .pr-5 {
		padding-right: 1rem !important;
	}

	.project-wrapper .p-5 .pl-5 {
		padding-left: 1rem !important;
	}

	.project-wrapper .align-items-center {
		align-items: start !important;
		-ms-flex-align: start !important;
	}

	.project_bg {
		display: none;
	}

	.project-wrapper p {
		text-align: justify;		
	}

	.rgo-books-single .breadcrumbs.top .downloads ul {
		float: right;
	}

	.rgo-books-single .breadcrumbs.bottom .next::before {
		right: 10px;
	}
}


/* iPads ----------- */
@media only screen 
and (max-width : 767px) {
/* Styles */

	.flipbook_canvas {
		display: none !important;
	}

	.flipbook_slider {
		display: block;
		margin: 30% 0 0;
	}

	.flipbook_slider .slides img {
	    width: 80%;    
	    margin: 0 auto;
	}

	.flipbook_slider .flex-direction-nav .flex-prev {    
    	left: 0;
  	}

  	.flipbook_slider .flex-direction-nav .flex-next {    
    	right: 0;
  	}

	.flipbook_slider:hover .flex-direction-nav .flex-next {
		right: 0;
	}

	.flipbook_slider:hover .flex-direction-nav .flex-prev {
		left: 0;
	}
	
}

/* iPhone 4 (landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) {


/* Styles */


	.main .languages {
	    right: 0;	    
	    top: 5%;
	}

	.menu-left-panel {
		width: 50%;
	}

	.hamburger.is-active {
	    transform: translateX(50vw);
	    transition: all 1s cubic-bezier(.19,1,.22,1);
	}

	.bio-timeline {
		height: 100%;
    	padding: 5% 10%;
	}

	.drevo .bio-img::before {
	    width: 120%;
	    height: 120%;
	    top: 0;
	    left: 0;
	}

	.bio-item {
    	padding: 0 15%;
	}

	.bio-item.gap {
	    width: 5%;
	    padding: 0;
	}

	.bio-timeline .mobile_gap.last {
		display: none;
	}

	.bio-timeline-text {    
    	height: 10px;
	}

	.bio-timeline-text a {
		top: -5px;
	}

	.bio-timeline-text a:before, 
	.bio-timeline-text a:after {
		top: 0;
	}

	.bio-timeline-text::after {
		top: 5px;
	}

	.drevo .bio-img::before {    
	    height: 100vh;
	    top: -8%;
	    left: 0;
	}

	.drevo .names {
	    max-width: 35%; 
	}

	.drevo .names a {
	    font-size: 10px;	    
	    padding: 10px 0;	    
	}

	.drevo .shoqan {
		max-width: 60%;
    	height: 35px;
		left: 0;   	
	}

	.drevo .shoqan a {
    	padding: 10px 0;
	}	

	.drevo .chingizkhan {	    
	    top: 10%;	    
	}

	.drevo .chingizv {	    
	    bottom: 10%;
    	right: 7%;
	}

	.drevo .uali {
	    bottom: 27%;
	    right: -5%;
	}

	.drevo .abilay {	    
	    top: 45%;
	    right: -5%;
	}

	.drevo .zeynep {    
	    bottom: 10%;
	    left: 9%;
	}

	.drevo .musach {    
	    bottom: 35%;
	    left: 0;
	}

	.shoqan-dr a {
		top: 0;
	}

	.shoqan-dr a:before {
		left: 0;
	}

	.shoqan-dr a:after {
		right: 0;
	}

	.bio-img {
		padding: 0 10%;
	}

	.bio-descr {
    	margin: 0;
	}

	.bio-timeline .childhood .bio-img, 
	.bio-timeline .omsk .bio-img, 
	.bio-timeline .sp .bio-img {
    	margin-top: 0;
	}

	.bio-timeline .omsk .bio-img,
	.bio-timeline .sp .bio-img {   
	    background-size: contain;    
	    height: 70%;
	}

	.bio-timeline .exp .bio-img,
	.bio-timeline .return .bio-img {
    	padding: 0 15%;
	}

	.bio-timeline .omsk .bio-descr {
    	margin: 0;
	}


	.omsk .bio-timeline-text a {
    	left: 0;
	}

	.cd-folding-panel .hb_wrapper .bio-ch-text.sp {
    	padding-bottom: 10%;
	}

	.bio-hb-g-wrapper {
	    height: auto;
	    min-height: 500px;
	}

	.main_logo {
    	display: inline-block;
	}

	.main_logo_mobile {
    	display: none;
	}

	.home-logo-content {
		max-width: 40%;
	    top: 20%;
	    right: unset;
	    left: 15%;
	}

	.home .layer-4 div {
		left: 21%;    
	    top: 11%;
	    height: 100%;
	}

	.logo-kaspi {    
    	right: 20px;
	}

	.flipbook_slider {    
    	margin: 8% 0 0;
	}

	.flipbook_slider .slides img {
		height: 75vh;
		width: auto !important;
	}

	.rgo-books-single .breadcrumbs.top {
		top: 1%;
	}

	.rgo-books-single .breadcrumbs.bottom {
		bottom: 2%;
	}

	body.home .about {
		background: none;
	}

	body.home .about::before {
		content: '';
		background: url(../img/home-menu-bg2.gif) no-repeat bottom center;
	    background-size: cover;
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    bottom: -5%;
	}

	#main-menu {
		margin: 0;
	}

	#main-menu li a {
	    font-size: 12px;
	    letter-spacing: 1px;
	    padding: 2px 0;
	}

    #main-menu li {
    	margin: 1px 0;
	}

	.active .menu-wrapper {    
    	padding: 5% 0;
	}

	.mobile_logo img {
    	max-width: 30%;
	}

	.shoqan_time .long_t_bg::before {
    	top: 25%;
	}

	.long-scroll::after, 
	.w-main .long-scroll::after, 
	.page-grid.long-scroll::after {    
    	height: 33%;    
	}

	.books .page-title::after, 
	.movies .page-title::after {
    	top: -70%;
	}

	.contemp .info_link {
    	right: 20%;
	}

	.breadcrumbs.bottom {
   	 	bottom: 1%;
	}

	.works-content {
    	padding: 0 2rem 4rem;
	}

	.page-content {
		padding: 0 2rem;
	}

	.contemp .mfp-arrow-right, 
	.contemp .mfp-arrow-left {
		width: 35px;
		height: 35px;
	}

	.contemp .mfp-arrow-left {
    	left: 6%;    
	}

	.books-grid-wrapper {
		padding-top: 2rem;
	}

	.movies-grid ul li {
		height: auto;
	}

	.movie-single.long-scroll::after {
		height: 20%;
	}

	.btn-movies {
		max-width: 100px;
	}

	.btn-movies::before {
		border-width: 0 30px 15px 30px;
	}

	.active.btn-movies::before {
    	border-width: 15px 30px 0 30px;
	}

	.map-section {
    	padding: 0;
	}

	.map .mobile_logo {
		visibility: hidden;
	}

	.mapplic-list-location > a {
	    font-size: 10px;
	    padding: 2px 0;
	}

	#expedition_map .mfp-content {
		padding: 6% 10% 6% 15%;
	}

}

/*----MOBILE DEVICES LANDSCAPE ------*/

@media only screen 
and (min-width : 481px) 
and (max-width : 767px) {
	
	.menu-left-panel {
		width: 50%;
		overflow: hidden;
		transform: translateX(-100%);
	}

	.menu-left-container {
		width: 100%;
	    overflow-y: auto;
	    height: 100%;
	    justify-content: start;
	}

	.menu-left-container {
		width: 100%;
	}

	.hamburger.is-active {
	    transform: translateX(50vw);	    
	}

	.logo-kaspi {
		max-width: 130px;
	}

	.home-logo-content {
		max-width: 40%;
    	left: 10%;
	}

	.home-logo-content .v1.movie-link {	    
	    width: 100%;
	}

	.home .layer-1 {
		width: 102%;
	}

	.home .layer-4 div {
		top: 17%;
	}

	.home .layer-2 div {
		width: 35%;
	    background-size: contain;
	    right: -2%;
	    bottom: -5%;
	}

	.home .layer-3 div {
		width: 100%;
	    height: 100%;
	    background-size: 100%;
	    bottom: -40%;
	}

	.home .layer-6 div {
		width: 100%;
	    height: 50%;
	    background-size: contain;
	}

	#main-menu {
		margin: 1rem 0;
		top: 0;
	}

	#main-menu li {
    	margin: 1% 0 0;
	}

	#main-menu li a {
		font-size: 15px;
	    padding: 0;
	    letter-spacing: 2px;
	}

	.main-menu-bg {
		top: -5%;
    	left: -10%;
    	opacity: 0.8;
	}

	.about .m1 div {
		display: none;
	}

	.about .m2 div {
		left: 0;
	    width: 50%;
	    height: 50%;
	    top: unset;
	    bottom: -10%;
	}

	.about .m4 div {
		width: 50%;
		height: 50%;
	}

	.about .m5 div {
		left: unset;
    	right: -18%;
	}

	.long_t_bg::before {	   
   	 	top: 15px;
	}

	.long_page_section {
		padding: 0 10%;
	}

	.facts_bg {
		padding: 10%;
	}

	.long_page_section.with_bg::before { 
		bottom: -40%;
	}

	.imper.rgo-about-right {
		margin-top: 10%;
	}

	.imper .rgo-left-bg {
		top: 0;
	}

	.rgo-m-wrapper li {    
    	margin: 2% 5%;
    }

    .rgo-m-wrapper li:nth-child(4) {
    	margin-left: 22%;
	}

	.rgo-main-m {
		padding: 5% 25%;
	}

	.rgo-about-w-bg {    
    	background-size: 80%;
	}

	.flipbook_slider {    
    	margin: 7% 0 0;
	}

	.flipbook_slider .slides img {
		height: 75vh;
		width: auto !important;
	}

	.rgo-books-single .breadcrumbs {
		width: 100%;
		padding: 0 5%;
	}

	.rgo-books-single .breadcrumbs.top .downloads ul {
		float: right;
	}

	.rgo-books-single .breadcrumbs.top .downloads {
		padding: 0;
	}

	.rgo-books-single .breadcrumbs.top a::before {
		right: unset;
		left: 2%;
		margin-top: -5px;
	}

	.rgo-books-single .breadcrumbs.bottom a.prev::before {		
		right: unset;
		left: 2%;
		margin-top: -10px;	
	}

	.rgo-books-single .breadcrumbs.bottom a.next::before {		
		left: unset;
		right: 2%;
		margin-top: -10px;	
	}

	.rgo-books-single .breadcrumbs.bottom {
		width: 100%;
	}

	.rgo-books-single .breadcrumbs.bottom ul li:last-child {
		padding-right: 10px;
	}

	.facts_bg {		
		padding: 4rem 2rem;
    	height: auto;    
   	 	max-height: none;
	}

	.main .languages {	    
	    top: 5%;
	}
	
}

@media only screen 
and (min-width : 481px) 
and (max-width : 767px)
and (orientation : portrait) {

	.home-logo-content {
	    max-width: 50%;
	    top: 20%;
	}

	.menu-left-panel {
    	width: 70%;    
	}

	.hamburger.is-active {
    	transform: translateX(70vw);
	}

	body.project {
    	overflow-y: auto;
	}

	.project .logo-kaspi {
	    max-width: 30%;
	    left: 0;
	    right: 0;
	    margin: auto;
	    position: relative;
	}

	.project-wrapper {   
    	padding-top: 1rem;
	}

	.project-wrapper .col-md-4.pr-5 {
		padding: 0 1rem!important;
	}

	.project-wrapper p{   
    	text-align: justify;
	}

	.project .project-wrapper .row.align-items-center {
	    -ms-flex-align: center!important;
	    align-items: start!important;
	}

	.project .project_bg {
		position: fixed;
	}

	.project .project_bg .layer-pr3 div {
		display: none;
	}

	.bio-item {
		width: 100%;
	}

	.bio-item.gap {
    	width: 40%;
	}

	.drevo .names {
		max-width: 40%;
	}

	.drevo .shoqan {
		max-width: 70%;
	}

	.drevo .names a {
	    font-size: 16px;
	    padding: 20px 0;	    
	}

	.drevo .shoqan a {
		font-size: 22px;
		padding: 5px 0;
	}

	.drevo .zeynep {
		max-width: 40%;
		bottom: 10%;
	}

	.drevo .zeynep a {
		padding: 14px 15px;
	}

	.drevo .chingizv {	    
	    bottom: 17%;
	    right: 10%;
	    max-width: 50%;
	}

	.drevo .uali {
	    bottom: 30%;
	    right: -6%;
	}

	.drevo .musach {
		bottom: 23%;
		max-width: 45%;
	}

	.drevo .chingizkhan {
		top: 5%;
	}

	.drevo .abilay {    
    	top: 45%;
	}

	.drevo .bio-img::before {
		height: 85vh;
		top: -10%;
	}

	.long_t_bg::before {	   
   	 	top: 30px;
	}

	.bio-modal-wrapper {
    	padding: 3rem 0 6rem;
	}

	.cd-folding-panel.is-open {
		height: 100%;
	}

	.breadcrumbs {
		width: 100% !important;
		padding: 0 3rem;
	}

	.bio .breadcrumbs a {
	    font-size: 14px;
	    position: relative;
	    font-style: italic;
	}

	.breadcrumbs.bottom {
	    position: fixed;
	    bottom: 1%;
	}

	.breadcrumbs.bottom .prev::before, 
	.breadcrumbs.bottom .next::before {
		margin: 0;
	}

	.breadcrumbs.bottom .next::before {    	
    	right: 0;
	}

	.breadcrumbs .prev::before {
    	left: 0;
    	right: unset;
	}

	.breadcrumbs.bottom a.next {
		padding-right: 20px;
	}

	.breadcrumbs.bottom a.prev {
		padding-left: 20px;
	}
	

	.bio-t-bg::after {
		top: -5%;
	}

	.breadcrumbs.bottom ul li {
		width: 50%;
	}

	.left_image,
	.right_image,
	.left_image_sm,
	.right_image_sm,
	.img-left,
	.img-right,
	.shoqan_time .intro .img-left,
	.shoqan_time .text_content .img-left,
	.shoqan_time .text_content .img-right {
		max-width: 100%;
		width: 100%;
		float: none;
		margin: 1rem 0;
	}

	.nav .nav-item {
		border: none;
		padding: 0;
		margin: 1rem 0;
	}

	.bio .long-scroll::before, .bio .long-scroll::after {
		left: 0;
		right: 0;
	}

	.bio #expTab .nav-item .nav-link.active {
    	border: 1px solid #e4dbdb;
	}

	.bio-sp-g1, .bio-sp-g2 {
		position: relative;
		height: auto;
	}
	.bio-sp-g1, 
	.bio-sp-g2 {
		left: 0;
		right: 0;
	}

	.bio-sp-g {	    
	    height: auto;
	    padding: 2rem;
	}

	.bio-sp-g img{	    
	    margin: 2rem 0;
	}

	.sp-5:hover img {
	    transform: none;	    
	}

	.bio-hb-g {
	    min-height: unset;
	    display: inline-block;
	    height: auto;
	    max-width: 40%;
	}

	.bio-hb-g-wrapper {
	    position: relative;
	    width: 100%;
	    height: 100%;
	    min-height: 300px;
	}

	.hb.bio-text-bg::before {
		top: 63%;
	}

	.rgo-m-wrapper li {
	    margin: 0;
	    width: 50%;
	    height: auto;
	    padding: 5%;
	}

	.rgo-m-wrapper li:nth-child(4) {
   		margin-left: 0;
	}

	.page-grid.long-scroll::after {
		top: 0;
		height: 15%;
	}

	.page-header {
		position: relative;		
	}

	.page-logo,
	.works .page-logo {
    	padding: 0 15% 5%;    
	}

	.page-logo img {
		margin: 0 auto;
	}

	.page-logo::before {
		width: 100%;
		left: 0;
		right: 0;
		height: auto;
	}

	.work-tabs-nav {
		top: 0;
		position: relative;		
	}

	.work-tabs-nav .nav-item {
	    width: 80%;
	    padding: 0 !important;
	    margin: 5px auto !important;
	    text-align: center !important;
	    border: 1px solid rgba(0,0,0,0.1) !important;
	    border-radius: 25px;
	}

	.works .info_link {
		left: 35%;
	}

	.works-list {
		padding: 0;
	}

	.tab-content.p-5 {
    	padding: 1rem !important;
	}

	.wl-3 div {	    
	    width: 100%;	    
	    bottom: 3%;
	    left: 11%;	    
	}

	.sticky-nav.work-tabs-nav {
    	top: unset;
	}

	.works-list a {
		width: 80%;
	}

	.w-main .long-scroll::before,
	.w-main .long-scroll::after {
		width: 100%;
	}

	.page-grid-fixed {
		position: relative;	
		padding: 2rem 2rem 4rem;
		overflow: initial;
		height: auto;		
	}

	.page-grid {
		overflow: initial;		
	}

	#expTab .nav-item #compl-tab.nav-link:hover,
	#expTab .nav-item #ncompl-tab.nav-link:hover {
	    opacity: 1;
	    transform: scale(1.1) translateX(0);
	}

	.contemp .sticky .page-logo {
    	padding: 0 20%;
	}

	.cl-1 div {   
    	width: 85%;    
	}

	.cl-3 div {    
	    width: 50%;
	    height: 100%;    
	    right: -10%;
	    top: -10%;
	}

	.works .main .main-title, 
	.books .main .main-title, 
	.movies .main .main-title {
		font-size: 1.5em;
	}

	.contemp .info_link {
	    right: 10%;	    
	}

	.sticky {
	    top: unset;
	    transform: none;    
	}

	.page-title {
		margin-bottom: 2rem;
	}

	.books-link {
		max-height: 300px;
	}

	.movies-grid ul li, 
	.books-grid ul li {
		height: auto;
	}

	.fulltext .long-scroll::before, 
	.fulltext .long-scroll::after {
		width: 100%;
	}

	.fulltext .long-scroll::before {
		height: 10%;
	}

	.contemp_info .mfp-wrap,
	.movies .mfp-wrap  {
    	top: 0 !important;
	}

	.contemp-single {
		padding-top: 3rem;
	}

	.scans .works_slider-wrapper,
	.portrait .works_slider-wrapper {
		height: 85%;
	    width: 100%;
	    position: relative;
	    top: 4rem;    	
	}

	.works_slider-wrapper .flex-direction-nav {
		top: 40vh;
	}

	.works_slider-wrapper .flex-direction-nav .flex-next {
		right: 0 !important;
		z-index: 0;
	}

	.works_slider-wrapper .flex-direction-nav .flex-prev {
		left: 0 !important;
		z-index: 0;
	}

	.works_slider-wrapper::after {
		display: none;
	}

	.works .long-scroll::after {
	    top: 0;
	    height: 7%;
	}

	.w-main.works .long-scroll::after {
	    top: 0;
	    height: 25%;
	}

	.scans .long-scroll::before, 
	.scans .long-scroll::after,
	.portrait .long-scroll::before, 
	.portrait .long-scroll::after {
		width: 100%;
	}

	.scans.works .breadcrumbs,
	.portrait.works .breadcrumbs,
	.fulltext.works .breadcrumbs {
		width: 82%;
		left: 0;
		right: 0;
		margin: 0 auto;
		padding: 0 2rem;	
	}
	
	.scans.works .breadcrumbs.top,
	.portrait.works .breadcrumbs.top,
	.fulltext.works .breadcrumbs.top {		
		top: 2%;
	}

	.scans.works .breadcrumbs .downloads,
	.portrait.works .breadcrumbs .downloads,
	.fulltext.works .breadcrumbs .downloads {
		padding: 0;
	}

	.scans.works .breadcrumbs .downloads ul,
	.portrait.works .breadcrumbs .downloads ul,
	.fulltext.works .breadcrumbs .downloads ul {
		float: right;
	}	

	.scans.works .breadcrumbs.bottom,
	.portrait.works .breadcrumbs.bottom,
	.fulltext.works .breadcrumbs.bottom {
    	bottom: 1%;
	}

	
	.portrait .flex-caption {
		opacity: 1;
   	 	transform: translateY(0);
	}

	.fulltext .works-content {
		padding: 6% 10%;
	}

	.letters .info_link {
    	left: 50%;
	}

	.letters .wl-1 div {
		left: 0;
	}

	.letters .wl-2 div {
		right: -1%;
	}

	.letters .wl-3 div {
		right: 0;
    	width: 70%;
    	height: 70%;
	}

	.movies .mfp-arrow-right {
		right: 15px;
	}

	.movies .mfp-arrow-left {
		left: 65px;
    	transform: scale(-0.7);
	}

	.movie-carousel {
		max-height: 180px;
	}

	.mfp-owl.movie-carousel {
    	transform: translateY(140px);
	}

	.active.movie-carousel {
    	transform: translateY(0);
	}

	.movie-descr {
		padding-bottom: 15%;
	}

	.map-section {
		padding: 17% 0 5%;
	}

	.mapplic-sidebar {
		position: absolute;
	    width: 100%;
	    float: none;
	    margin: 0 auto;
	    text-align: center;
	    bottom: 3%;
	}

	.mapplic-container {
		width: 100%;
	}

	.mapplic-list {
		width: auto;
	}

	.mapplic-list-container li {
		float: left;
		margin-right: 1rem !important;
	}

	.mapplic-list-container li:last-child {		
		margin-right:0 !important;
	}

	.mapplic-list-location h4 {
		font-size: 1.5em;
		letter-spacing: 0;
	}


}

@media only screen 
and (min-width : 481px) 
and (max-width : 767px)
and (orientation : landscape) {

	.bio-timeline {
    	height: 100vh;
	}
	
	.bio-item {
		width: 50%;
	}

	.drevo .bio-img::before {
		height: 100vh;
    	top: -5%;
	}

	.drevo .names {
    	max-width: 50%;
	}

	.drevo .names a {
	    font-size: 16px;    
	    padding: 15px 0;
	}

	.drevo .shoqan {
    	max-width: 85%;
    	left: -15%;
	}

	.drevo .shoqan a {
		padding: 10px 0;
	}

	.drevo .chingizkhan {
		top: 7%;
	}

	.drevo .abilay {    
    	top: 45%;
	}

	.drevo .uali {
	    bottom: 30%;
	    right: -8%;
	}

	.drevo .musach {
		bottom: 33%;
	}
	
	.cd-folding-panel.is-open {
		width: 90%;
	    height: 100%;
	    margin: 0 auto;
	    left: 0;
	    right: 0;
	}

	.bio-modal-wrapper {
    	padding: 2rem 2rem 6rem;
	}

	.bio-t-bg::after {
		top: -15%;
	}

	.breadcrumbs {
		width: auto;
		padding: 0;
		left: unset;
	}

	.fulltext .breadcrumbs {
		width: 60%;
	}


	.bio .breadcrumbs a {
	    font-size: 14px;
	    position: relative;
	    font-style: italic;
	}

	.breadcrumbs.bottom {
	    position: fixed;
	    bottom: 1%;
	}

	.works_slider-wrapper .flex-direction-nav .flex-next {
		right: 0 !important;
	}

	.bio-sp-g1, .bio-sp-g2 {
	    position: relative;
	    height: auto;   
	}

	.bio-sp-g img {
		max-width: 40%;
	}

	.bio-sp-g {    
    	height: auto;
    	text-align: center;
	}

	.bio-sp-g1 {
		left: 0;
	}

	.bio-sp-g2 {
		right: 0;
	}

	.bio .long-scroll::before, 
	.bio .long-scroll::after {
		left: 0;
		right: 0;
	}

	.bio-hb-g {
	    min-height: unset;
	    display: inline-block;
	    height: auto;
	    max-width: 40%;
	}

	.bio-hb-g-wrapper {
	    position: relative;
	    width: 100%;
	    height: 100%;
	    min-height: 300px;
	}

	.hb.bio-text-bg::before {
		top: unset;
		bottom: 0;
	}

	.page-grid.long-scroll::after {
		top: 0;
		height: 15%;
	}

	.page-header {
		position: relative;		
	}

	.page-logo,
	.works .page-logo {
    	padding: 0 15% 5%;    
	}

	.page-logo img {
		margin: 0 auto;
	}

	.page-logo::before {
		width: 100%;
		left: 0;
		right: 0;
		height: auto;
	}

	.work-tabs-nav {
		top: 0;
		position: relative;		
	}

	.work-tabs-nav .nav-item {
	    width: 80%;
	    padding: 0 !important;
	    margin: 5px auto !important;
	    text-align: center !important;
	    border: 1px solid rgba(0,0,0,0.1) !important;
	    border-radius: 25px;
	}

	.works .info_link {
		left: 35%;
	}

	.works-list {
		padding: 0;
	}

	.tab-content.p-5 {
    	padding: 1rem !important;
	}

	.wl-3 div {	    
	    width: 100%;	    
	    bottom: 3%;
	    left: 11%;	    
	}

	.sticky-nav.work-tabs-nav {
    	top: unset;
	}

	.works-list a {
		width: 80%;
	}

	.w-main .long-scroll::before,
	.w-main .long-scroll::after {
		width: 100%;
	}

	.page-grid-fixed {
		position: relative;	
		padding: 5rem 2rem 4rem;
		overflow: initial;
		height: auto;		
	}

	.page-grid {
		overflow: initial;		
	}

	#expTab .nav-item #compl-tab.nav-link:hover,
	#expTab .nav-item #ncompl-tab.nav-link:hover {
	    opacity: 1;
	    transform: scale(1.1) translateX(0);
	}

	.books-link {
		max-height: 300px;
	}

	.contemp .sticky .page-logo {
    	padding: 0 20%;
	}

	.cl-1 div {   
    	width: 85%;    
	}

	.cl-3 div {    
	    width: 50%;
	    height: 100%;    
	    right: -10%;
	    top: -10%;
	}

	.works .main .main-title, 
	.books .main .main-title, 
	.movies .main .main-title {
		font-size: 1.5em;
	}

	.contemp .info_link {
	    right: 10%;	    
	}

	.sticky {
	    top: unset;
	    transform: none;    
	}

	.page-title {
		margin-bottom: 2rem;
	}

	.movies-grid ul li, 
	.books-grid ul li {
		height: auto;
	}

	.works .breadcrumbs.top {
    	top: 2%;
	}

	.works .breadcrumbs.top .downloads ul {
    	float: right;
	}

	.works .breadcrumbs.bottom {
    	bottom: 2%;    	
	}

	.scans .breadcrumbs.bottom,
	.portrait .breadcrumbs.bottom {
		width: 45%;
	}

	.works.scans .works-content,
	.works.portrait .works-content {
		padding: 10% 1rem 0;
	}

	.scans.works .breadcrumbs.bottom ul li:first-child {
		padding-left: 0;
	}

	.scans.works .breadcrumbs.bottom ul li:last-child {
		padding-right: 0;
	}

	.scans.works .breadcrumbs.bottom .next::before {
		right: -20px;
	}

	.scans.works .breadcrumbs.bottom .prev::before {
		left: -20px;
	}

	.portrait .flex-caption {
		opacity: 1;
   	 	transform: translateY(0);
   	 	padding: 15px 3rem;
	}

	.works_slider-wrapper .slider_works .slides img {
		height: auto;
	    width: 100%;
	    max-width: none;
	}

	.fulltext .works-content {
		padding: 6% 10%;
	}

	.fulltext.works .long-scroll::after, 
	.fulltext.works .long-scroll::before {
		width: 80%;
	}

	.fulltext .works-scans-bg2::before {
	    bottom: 0;
	    background-attachment: unset;
	    right: -14%;
	    left: unset;
	}

	.letters .info_link {
    	left: 40%;
	}

	.w-main.works .long-scroll::after {
	    top: 0;
	    height: 40%;
	    width: 100%;
	}

	.w-main.works .long-scroll::before {
	    width: 100%;
	    height: 5%;
	}

	.letters .wl-1 div {
		left: 0;
	}

	.letters .wl-2 div {
		right: -1%;
	}

	.letters .wl-3 div {
		right: 0;
    	width: 70%;
    	height: 70%;
	}	

	.movies .page-grid {
		padding-top: 5%;
	}

	.movie-single.long-scroll::after {
		height: 10%;
	}

	.movie-descr {
		padding-bottom: 15%;
	}

	.movies .mfp-arrow-right {
		right: 15px;
	}

	.movies .mfp-arrow-left {
		left: 15px;
    	transform: scale(-1);
	}

	.movie-carousel {
		max-height: 180px;
	}

	.mfp-owl.movie-carousel {
    	transform: translateY(140px);
	}

	.active.movie-carousel {
    	transform: translateY(0);
	}

	.map-section {
		padding: 10% 5% 0 2%;
	}

	#expedition_map::before {
		width: 80%;
    	left: 0;
	}

	.main-menu-bg {
		top: 0;
	}

	.scans .col-lg-6,
	.portrait .col-lg-6 {
		flex: 0 0 50%;
   		max-width: 50%;
	}

	.mapplic-list-location h4 {
		font-size: 1.5em;
	}

	.mapplic-list-location > a {	    
	    padding: 5px 0;
	}


}



/* iPads (portrait and landscape) ----------- */
@media only screen  
and (max-width : 1024px) {
/* Styles */
	.hamburger {
		display: inline-block;
	}
	.hamburger.hidden {
		display: none;
	}

	
}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {

	.menu-left-panel {
		width: 50%;
		overflow: hidden;
		transform: translateX(-100%);
	}

	.menu-left-container {
		width: 100%;
	    overflow-y: auto;
	    height: 100%;
	    justify-content: start;
	}

	.menu-left-container {
		width: 100%;
	}

	.hamburger.is-active {
	    transform: translateX(50vw);	    
	}

	.home-logo-content {
	    max-width: 50%;    
	    left: 10%;
	    top: 15%;    
	}

	a.movie-link {
		float: left;
    	width: 70%;
	}

	.home .layer-1 {
		width: 101%;
	}

	.home .layer-4 div {    
	    top: 15%;    
	    left: 20%;
	}

	.logo-kaspi {
		max-width: 160px;
	}

	.fulltext .breadcrumbs {
	    width: 100%;
	    padding: 0 6.5rem;
	}

	.fulltext .long-scroll::before,
	.fulltext .long-scroll::after{    
   		width: 100%;
   		height: 10%;
	}

	.works-scans-bg2::before {
		bottom: 8%;
		background-attachment: unset;
	}

	.fulltext .breadcrumbs.top {
    	top: 2rem;
	}

	.fulltext .breadcrumbs.bottom ul li:last-child {
		padding-right: 0;
	}

	.fulltext .breadcrumbs.bottom ul li:first-child {
		padding-left: 0;
	}	

	.contemp_info .works-content {	   
	    padding: 8% 10% 10%;	    
	}

	.contemp_list li {
		margin-top: 1rem;
	}

	.contemp_info .mfp-wrap {
		top: 0 !important;
	}

	.w-main .page-logo::before {    
	    width: 100%;
	    height: 100%;
	    top: 18%;
	    left: 8%;
	}

	.page-title::after {   
    	top: -30px;
	}

	.info_link {   
    	left: 40%;
	}

	.work-tabs-nav {
		position: relative;
	    top: 0;
	    padding-top: 3rem;
	}

	.sticky .work-tabs-nav {    
   		padding-top: 1rem;
	}

	.works .long-scroll::after {
	    top: 0;
	    height: 15%;
	    width: 100%;
	}

	.works .long-scroll::before {
	    bottom: 0;
	    height: 15%;
	    width: 100%;
	}


	.wl-1 div {
		width: 50%;
	    top: 25%;
	    left: -60%;
	}

	.wl-2 div {
		right: -40%;
    	width: 100%;
	}
	.wl-3 div {
		width: 50%;
	    bottom: 3%;
	    right: -32%;
	}

	.works-list li span {
		float: left;
	}

	.works-list a {
		display: block;
	}



}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */

	.home-logo-content {
    	max-width: 45%;    
	}

	.menu-left-panel {
		width: 30%;
		transform: translateX(-100%);
	}

	.hamburger.is-active {
    	transform: translateX(30vw);
	}

	.drevo .bio-img::before {
		height: 85vh;
		top: -7%;
	}

	.bio-item {
    	width: 50%;
    	margin: 0;
	}

	.cd-folding-panel {
    	width: 100%;
    	height: 100%;    
	}

	.bio .breadcrumbs {    
    	width: 100%;
    	padding: 0 1rem;
	}

	.bio_page.breadcrumbs a {    
    	padding: 0 1rem;
	}

	.breadcrumbs.bottom .prev::before, .breadcrumbs.bottom .next::before {
    	margin: -8px 0 0;
	}

	.hb.bio-text-bg::before {    
    	height: 30%;
    }

    body.rgo {
    	overflow-x: hidden;
    }

    .rgo-m-wrapper li {
	    width: 50%;
	    height: auto;
	    margin: 4% 0;
	    padding: 0 6%;
	}

	.rgo-m-wrapper li:nth-child(4) {
		margin-left: 0;
	}

	.rgo-main-m {
		transform: scale(1.2);
	}

	.rgo-left-bg {
		top: 20%;
	}

	.rgo-about-w-bg .rgo-about-right {
	    align-items: center;
	    margin-top: 1rem;
	}

	.rgo-about-w-bg {	    
	    background-size: 80%;
	}

	.long_t_bg::before {
		top: -25px;
	}

	.movies .long-scroll::after, 
	.books .long-scroll::after,
	.contemp .long-scroll::after,
	.letters .long-scroll::after,
	.works .long-scroll::after {
		top: 0;
		height: 30%;
	}

	.contemp_info .long-scroll::after {
		height: 10%;
	}

	.page-grid {
    	padding-top: 15%;    	
	}

	.books-gallery {    
    	padding: 0 7% 15%;
	}

	.page-logo {
    	padding: 2% 10% 0;    
	}	

	.contemp .info_link {
    	right: 8%;    
	}

	.books-grid ul li {
		flex-direction: column;
	}

	.movies-grid ul li, .books-grid ul li {
		height: 100%;
   		max-height: 560px;
	}

	.books .books-grid ul li {
		min-height: 500px;
	}

	.movies-grid ul li {
		min-height: 330px;
	}

	.books .books-grid,
	.movies .movies-grid {
		padding-bottom: 20%!important;
	}

	.books-link {
		max-width: 100%;
    	max-height: 300px;
	}

	.books-caption {
		padding: 1rem 0;
	}

	.contemp .sticky .page-logo {
    	padding-right: 35%;
	}

	.fulltext .breadcrumbs {
	    width: 100%;
	    padding: 0 13%;
	}

	.fulltext .breadcrumbs.top {
    	top: 2rem;
	}

	.fulltext .breadcrumbs.bottom {
    	bottom: 2%;
	}

	.fulltext .breadcrumbs.bottom ul li:last-child {
		padding-right: 0;
	}

	.fulltext .breadcrumbs.bottom ul li:first-child {
		padding-left: 0;
	}

	.contemp_info .works-content {	   
	    padding: 8% 10% 10%;	    
	}

	.contemp_list li {
		margin-top: 1rem;
	}

	.contemp_info .mfp-wrap {
		top: 0 !important;
	}
	
	.works .long-scroll::after,
	.works .long-scroll::before {    
    	height: 10%;
    	width: 50%;
    	right: 0;
	}

	.works-list {
    	padding-bottom: 25%;
	}

	.works .breadcrumbs.top {
    	top: 2%;
	}

	.works .breadcrumbs.top .downloads ul {
    	float: right;
	}

	.works .breadcrumbs.bottom {
    	bottom: 2%;
	}

	.works.scans .works-content {
		padding-top: 10%;
	}

	.scans.works .breadcrumbs.bottom ul li:first-child {
		padding-left: 0;
	}

	.scans.works .breadcrumbs.bottom ul li:last-child {
		padding-right: 0;
	}

	.scans.works .breadcrumbs.bottom .next::before {
		right: -20px;
	}

	.scans.works .breadcrumbs.bottom .prev::before {
		left: -20px;
	}

	.portrait .flex-caption {
		opacity: 1;
   	 	transform: translateY(0);
   	 	padding: 15px 3rem;
	}

	.works_slider-wrapper .slider_works .slides img {
		height: 100vh;
	    width: auto;
	    max-width: none;
	}

	.fulltext .works-content {
		padding: 6% 10%;
	}

	.fulltext.works .long-scroll::after, 
	.fulltext.works .long-scroll::before {
		width: 80%;
	}

	.fulltext .works-scans-bg2::before {
	    bottom: 0;
	    background-attachment: unset;
	    right: -14%;
	    left: unset;
	}

	.letters .info_link {
    	left: 40%;
	}

	.w-main.works .long-scroll::after {
	    top: 0;
	    height: 40%;
	    width: 100%;
	}

	.w-main.works .long-scroll::before {
	    width: 100%;
	    height: 5%;
	}

	.letters .wl-1 div {
		left: 0;
	}

	.letters .wl-2 div {
		right: -1%;
	}

	.letters .wl-3 div {
		right: 0;
    	width: 70%;
    	height: 70%;
	}

	.movies .page-grid {
		padding-top: 5%;
	}

	.movie-single.long-scroll::after {
		height: 10%;
	}

	.movie-descr {
		padding-bottom: 15%;
	}

	.movies .mfp-arrow-right {
		right: 15px;
	}

	.movies .mfp-arrow-left {
		left: 15px;
    	transform: scale(-1);
	}

	.movie-carousel {
		max-height: 180px;
	}

	.mfp-owl.movie-carousel {
    	transform: translateY(140px);
	}

	.active.movie-carousel {
    	transform: translateY(0);
	}

	.map-section {
		padding: 10% 5% 0 2%;
	}

	#expedition_map::before {
		width: 80%;
    	left: 0;
	}

	.main-menu-bg {
		top: 0;
	}


}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */

	.main-menu-bg {    
	    background-size: cover;
	    height: 100%;   
	    top: 4%;    
	    width: 100%;
	}

	.drevo .bio-img::before {
		height: 85vh;
		top: -7%;
	}

	.bio-item {
    	width: 100%;
    	margin: 0;
	}

	.bio-item .bio-img,
	.bio-timeline .childhood .bio-img{    	
    	margin: 0;
	}

	.bio-timeline .bio-img img {
		width: 100%;
	}

	.bio-timeline .exp .bio-img img,
	.bio-timeline .return .bio-img img {
		width: 80%;
	}

	.bio-timeline .bio-descr h3 {
    	font-size: 2em;
	}

	.drevo .chingizkhan {
		right: 0;
	}

	.drevo .abilay {
		right: 5%;
	}

	.drevo .uali {
		right: 10%;
	}

	.drevo .chingizv {
		right: 15%;
	}

	.drevo .zeynep {
		bottom: 7%;
    	left: 5%;
	}

	.drevo .musach {
		left: 0;
		bottom: 19%;
	}

	.cd-folding-panel {
    	width: 100%;
    	height: 100%;
	}

	.bio-t-bg::after {
		top: -25%;
	}

	.bio-modal-wrapper {
    	padding: 3rem 3rem 6rem;
	}

	.bio-ch-text {
    	padding: 0 1rem;
	}

	.long_t_bg::before {
		top: 0;
	}

	.rgo-about-text p {
		text-align: justify;
	}

	.md-margin-top {
		margin-top: 3rem;
	}

	.rgo-m-wrapper li {
	    width: 30%;
	    height: auto;
	    margin: 3% 2%;
	}

	.rgo-m-wrapper li:nth-child(4) {
    	margin-left: 20%;
    }

    .rgo-members::before {    
	    top: 10%;
	    left: -50%;
	}

	.rgo-about-w-bg {	    
	    background-size: 80%;
	}

	.movies .long-scroll::after, 
	.books .long-scroll::after,
	.contemp .long-scroll::after,
	.letters .long-scroll::after,
	.works .long-scroll::after {
		top: 0;
		height: 25%;
	}

	.movie-single.long-scroll::after {
		height: 10%;
	}


	.contemp_info .long-scroll::before,
	.contemp_info .long-scroll::after {
		width: 100%;
	}

	.contemp_info .long-scroll::after {
		height: 10%;
	}

	.page-grid {
    	padding-top: 15%;    	
	}

	.movies .page-grid {
	    padding-top: 5%;    	
	}

	.books-gallery {    
    	padding: 0 7% 15%;
	}

	.page-logo {
    	padding: 2% 5% 0;    
	}

	.main-title {
		font-size: 1.5em;
	}

	.contemp .info_link {
    	right: 3%;    
	}

	.books-grid ul li {
		flex-direction: column;
	}

	.movies-grid ul li, .books-grid ul li {
		height: 100%;
   		max-height: 560px;
	}

	.movies-grid ul li {    
   	 	min-height: 330px;
	}


	.movies .movies-grid {
		padding-bottom: 20%!important;
	}

	.books-link {
		max-width: 100%;
    	max-height: 300px;
	}

	.books-link2 {
		height: 300px;
	}

	.books-caption {
		padding: 1rem 0;
	}

	.contemp .sticky .page-logo {
    	padding-right: 10%;
	}

	.works-list {
    	padding-bottom: 20%;
	}

	.scans .works_slider-wrapper,
	.portrait .works_slider-wrapper {
		height: 90vh;
	    width: 100%;
	    position: relative;
	    top: 4rem;    	
	}

	.works_slider-wrapper .flex-direction-nav {
		top: 40vh;
	}

	.works_slider-wrapper .flex-direction-nav .flex-next {
		right: 0 !important;
		z-index: 0;
	}

	.works_slider-wrapper .flex-direction-nav .flex-prev {
		left: 0 !important;
		z-index: 0;
	}

	.works_slider-wrapper::after {
		display: none;
	}

	.works .long-scroll::after {
	    top: 0;
	    height: 7%;
	}

	.w-main.works .long-scroll::after {
	    top: 0;
	    height: 25%;
	}

	.scans.works .breadcrumbs,
	.portrait.works .breadcrumbs,
	.fulltext.works .breadcrumbs {
		width: 82%;
		left: 0;
		right: 0;
		margin: 0 auto;
		padding: 0 2rem;	
	}
	

	.scans.works .breadcrumbs.top,
	.portrait.works .breadcrumbs.top,
	.fulltext.works .breadcrumbs.top {		
		top: 2%;
	}

	.scans.works .breadcrumbs .downloads,
	.portrait.works .breadcrumbs .downloads,
	.fulltext.works .breadcrumbs .downloads {
		padding: 0;
	}

	.scans.works .breadcrumbs .downloads ul,
	.portrait.works .breadcrumbs .downloads ul,
	.fulltext.works .breadcrumbs .downloads ul {
		float: right;
	}	

	.scans.works .breadcrumbs.bottom,
	.portrait.works .breadcrumbs.bottom,
	.fulltext.works .breadcrumbs.bottom {
    	bottom: 1%;
	}

	.portrait .flex-caption {
		opacity: 1;
   	 	transform: translateY(0);
	}

	.fulltext .works-content {
		padding: 6% 10%;
	}

	.letters .info_link {
    	left: 50%;
	}

	.letters .wl-1 div {
		left: 0;
	}

	.letters .wl-2 div {
		right: -1%;
	}

	.letters .wl-3 div {
		right: 0;
    	width: 70%;
    	height: 70%;
	}

	.movies .mfp-arrow-right {
		right: 15px;
	}

	.movies .mfp-arrow-left {
		left: 65px;
    	transform: scale(-0.7);
	}

	.movie-carousel {
		max-height: 180px;
	}

	.mfp-owl.movie-carousel {
    	transform: translateY(140px);
	}

	.active.movie-carousel {
    	transform: translateY(0);
	}

	.movie-descr {
		padding-bottom: 15%;
	}

	.map-section {
		padding: 12% 0 5%;
	}

	.mapplic-sidebar {
		position: absolute;
	    width: 100%;
	    float: none;
	    margin: 0 auto;
	    text-align: center;
	    bottom: 3%;
	}

	.mapplic-container {
		width: 100%;
	}

	.mapplic-list {
		width: auto;
	}

	.mapplic-list-container li {
		float: left;
		margin-right: 1rem !important;
	}

	.mapplic-list-container li:last-child {		
		margin-right:0 !important;
	}

	.mapplic-list-location h4 {
		font-size: 1.5em;
		letter-spacing: 0;
	}




}

/* Desktops and laptops ----------- */

@media only screen 
and (min-width : 1025px){
	.hamburger {    
    	display: none;
	}
}

@media only screen 
and (min-width : 1224px) and (max-width : 1824px) {
/* Styles */
	.works-list {
		padding: 3% 20%;
	}

	.works-menu {
		margin-top: 5%;
	}
	

	.books .long-scroll::before,
	.books .long-scroll::after {    
		max-width: 80%;    
	}

	
	.movie-single.long-scroll::before,
	.movie-single.long-scroll::after {    
		max-width: 100%;    
	}

	.movies-header {
		padding: 2rem 20% 3rem;    
	}	

	.books-header {
		padding: 2rem 10% 3rem;    
	}	

	.mfp-owl.movie-carousel {		
		padding-bottom: 25px;
		max-height: 200px;
		transform: translateY(180px);
	}

	.active.movie-carousel {		
		padding-bottom: 25px;
		max-height: 200px;
		transform: translateY(0);
	}

	.movies-title::after {
		top: -30px;
	}

	.books-title::after {
   		top: -50px;
	}

	.books-grid ul li {
    	margin-bottom: 2rem;
	}

	.m-descr {
    	font-size: 9px;    
	}	

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
	
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}