/* For Mobile */
@media screen and (max-width: 540px) {
	#homepageMainVitiText {
		font-size: 55px;
	}
	
	.changeImageSrcLeft{
		background: url(/img/back.svg);
		width: 25px;
		height: 25px;
	}
	.changeImageSrcRight{
		background: url(/img/next.svg);
		width: 25px;
		height: 25px;
	}
	
	.mainAuthorBio{
		padding-top: 20px;
	}
	.inputField {
		font-size:16px;
	}
	.footerSponsorsImg{
		width:75%;
		margin: 0 auto;
		padding: 0px;
		transform: translate(10px,10px);
		padding-top:10px;
		float: right;
	}
	#homepageMainQuote{
		top: 65%;
	}
	.footerArkiviLogo{
		display:none;
	}
	#homepageMainQuoteBox{
		width: 90vw;
	}
	#MainNavBarBox{
		left: 0;
		top: 0;
	}
	#homepageMainQuoteText{	
		font-size: 18px;
	}
	#homepage{
		width: 100vw;
	}
	#homepage img{
		height:100vh;
		max-width: 100%;
	}	
	.required {
		font-size:18px;
		text-align:center;
	}
	.inputFieldPorosija {
		font-size:18px;
	}
	.authorBox{
		width:90%;
	}
	.authorAudioView{
		width:90%;
		padding-top: 0px;
	}
	.authorAudioViewTitle{
		padding:90px 0px 15px 0px;
		font-size: 18px;
	}
	.authorAudioViewIframe{
		padding:0px;
	}
	.ankesatBox{
		width:100%;
	}	
	.authorBox{
		padding-top: 15%;
	}
	#sliderText{
		padding-top:50%;
	}
	#homepageMainVitiBox{
		width: 100vw;
	}
	.overlayBaba {
		display:none;
	}
	.authorBackgroung{
		height: 70vh;
	}
	.authorBackgroungHistoriku{
		height: 77vh;
	}
	.mainAuthorDateHolderNav{
		display: none;
	}
	
	.authorsFixedMenu {
		display: none;
	}
	.topnav {
		overflow: hidden;
		background-color: white;
		border: 1px solid black;
		color: white;
		width: 100vw;
		z-index: 20;
	}
	.topnav #myLinksMainMenu {
		display: none;
	}
	.topnav a {
		font-family: 'ButlerRegular', sans-serif;
		color: black;
		padding: 14px 16px;
		text-decoration: none;
		font-size: 17px;
		display: block;
	}
	.topnav a.icon {
		display: block;
		position: absolute;
		right: 0;
		top: 1.5px;
		color: #FFFFFF;
		font-size: 26px;
	}
	.topnav a:hover {
		background-color: black;
		color: white;
	}
	.active {
		background-color: black;
		color: white;
	}
	.topnavMenu {
		overflow: hidden;
		background-color: white;
		position: relative;
		border: 1px solid black;
		color: white;
		width: 90vw;
		z-index: 5;
	}
	.topnavMenu #myLinksMenu {
		display: none;
	}
	.topnavMenu a {
		color: black;
		padding: 14px 16px;
		text-decoration: none;
		font-size: 17px;
		display: block;
	}
	.topnavMenu a.icon {
		background: white;
		display: block;
		position: absolute;
		right: 3px;
		top: 3.5px;
	}
	.topnavMenu a:hover {
		background-color: black;
		color: white;
	}
	.activeTopnavMenu {
		background-color: black;
		color: white;
	}
	.mainNavBar{
		display:none;
	}
	.authorsMenu {
		display: none;
	}
	.mainAuthorBioContainer {
		display: none;
	}
	.windowPercentige{
		width: 90%;
		margin: 0 auto;
	}
	.mainAuthorText{
		width: 100%;
	}
	.mainAuthorQuote{
		padding-right: 30px;
		padding: 20px;
	}
	.mainAuthorQuoteText{
		font-size:22px;
	}
	.fixedMenus {
		position: fixed;
		top:0; 
		left:0;
	}
	.rowButton{
		float:right;
		margin-top:3%;
		margin-right: 10%;
		min-height:40px;
		padding-bottom:20px;
	}
	.postButton{
		width:100%;
		padding-right:10px;
	}
	.aboutUsBox{
		width: 90%;
		font-size: 16px;
	}
	.aboutUsContainer{
		padding-top:50px;
	}
	.slideContainerAuthor {
		min-height:50vh;
	}
	.authorTimeLineButton{
		padding-top: 8vh;
	}
	.slideContainerAuthor {
		padding-top: 50px;
		display: block;
	}
	#divForMobile{
		display: block;
	}
	.historikuTimeLineBox {
		width:90%; 
		margin:0 auto;
	}
	
	.historikuBoxName{
		width:90%; 
		margin: 0 auto; 
		padding-top: 20%;
	}
	.kerkoBox{
		padding-top: 20%; 
		padding-bottom: 50px;
	}
	.kerkoPBox{
		font-family: 'ButlerRegular'; 
		font-size:18px; 
		font-weight:bold; 
		padding-left:5px;
	}
	.kerkoTableBox{
		font-family: 'ButlerRegular'; 
		font-size:18px; 
		font-weight:bold; 
		padding-left:5px;
	}
	.kerkoBoxTable{
		width:90%;
		margin: 0 auto;
		height: 100%;
		padding-bottom: 50px;
	}
	.row{
		width:90%;
	}
	.title{
		padding-bottom:10px;
		font-size:30px;
	}
	.kontaktoMainBox{
		padding-top: 17%;
		min-height:100vh;
	}
	.itemsAuthorContainerInnner{ 
		padding:0px ;
		padding-top:10%;
	}
	.loadPhotoMainBox{
		width: 90%;
		font-size:18px;
		padding-top: 90px;
	}
	.authorPhotoBoxView{
		width:90%; 
		margin: 0 auto;
	}	
	.itemsAuthorContainerIn{
		width: 90%;
		padding-top: 9vh;
	}
	.itemsAuthorContainerInnner{
		font-size: 25px;
	}.getIncludedPhotoBox { 
		width:90%;
	}
	.authorListText{
		padding-top:20px;
		padding-bottom: 20px;
		font-weight: normal;
		padding-left: 5px;
		font-family: 'ButlerRegular';
		font-size: 23px;
	}
	.mesazhiuDergua{
		width:80vw;
	}
	.mesazhiuDerguaTest {
		font-size:2vh;
	}
	.historikuBackground{
		height:65vh;
	}
	.windowPercentage{
		width: 90%;
	}
	.backgroundHistorikuBG{
		min-height:100vh;
	}
	.radiusPoint{
		display: none;
	}
	.lineRight{
		display: none;
	}
	.lineLeft{
		display: none;
	}		
	.galleryOverlay{
		display : none;
	}
	.itemsAuthorContainerIn p{
		padding: 0;
		font-size: 25px;
	}
	.authorBox h2 {
		font-size: 25px;
		padding-bottom: 15px;
	}
	.loadPhotoMainBox p{
		font-size:18px;
		font-weight:none;
	}
	.videoMiddle{
		width: 85vw;
		height: 45vw;
	}
	.aboutUsImg {
		width:100%;
		padding:10%;
	}
	.aboutUsImg p{
		margin-left:0;
		padding: 0;
		font-size:16px;
	}
	.videoHomePage{
		height: 30vh;
	}
	.videoHomePage .overLayViti{
		font-size: 32px;
	}
	.videoHomePage .overLayArrow img{
		width: 25px;
		height: 35px;
	}
	.logoAlb{
		top: 60px;
		right: 10px;
		padding-bottom: 20px;
		font-size: 14px;
	}
	.logoAlb a{
		color: #000000;
		display: inline-block;
	}
	#homeFooter{
		height: 200px;
	}
	#homeFooterTitle{
		font-size:25px;
	}
}

/* For Tablets */
@media screen and (min-width: 540px) and (max-width: 780px) {
	#homepageMainVitiText {
		font-size: 55px;
	}
	.logoAlb{
		top: 60px;
		right: 10px;
		padding-bottom: 20px;
		font-size: 14px;
	}
	.logoAlb a{
		color: #000000;
		display: inline-block;
	}
	.inputFieldPorosija {
		font-size:18px;
	}
	.inputField {
		font-size:16px;
	}
	#homeFooter{
		height: 200px;
	}
	#homeFooterTitle{
		font-size:25px;
	}
	.mainAuthorBio{
		padding-top: 20px;
	}
	.footerSponsorsImg{
		width:75%;
		margin: 0 auto;
		padding: 0px;
		transform: translate(10px,10px);
		padding-top:10px;
		float: right;
	}
	#homepageMainQuote{
		top: 65%;
	}
	.footerArkiviLogo{
		display:none;
	}
	#homepageMainQuoteBox{
		width: 90vw;
	}
	#MainNavBarBox{
		left: 0;
		top: 0;
	}
	#homepageMainQuoteText{	
		font-size: 18px;
	}
	#homepage{
		width: 100vw;
	}
	#homepage img{
		height:100vh;
		max-width: 100%;
	}	
	.required {
		font-size:18px;
		text-align:center;
	}
	.authorBox{
		width:90%;
	}
	.authorAudioView{
		width:90%;
		padding-top: 0px;
	}
	.authorAudioViewTitle{
		padding:90px 0px 15px 0px;
		font-size: 18px;
	}
	.authorAudioViewIframe{
		padding:0px;
	}
	.ankesatBox{
		width:100%;
	}	
	.authorBox{
		padding-top: 15%;
	}
	#sliderText{
		padding-top:50%;
	}
	#homepageMainVitiBox{
		width: 100vw;
	}
	.overlayBaba {
		display:none;
	}
	.authorBackgroung{
		height: 70vh;
	}
	.authorBackgroungHistoriku{
		height: 73vh;
	}
	.mainAuthorDateHolderNav{
		display: none;
	}
	
	.authorsFixedMenu {
		display: none;
	}
	.topnav {
		overflow: hidden;
		background-color: white;
		border: 1px solid black;
		color: white;
		width: 100vw;
		z-index: 20;
	}
	.topnav #myLinksMainMenu {
		display: none;
	}
	.topnav a {
		color: black;
		padding: 14px 16px;
		text-decoration: none;
		font-size: 17px;
		display: block;
	}
	.topnav a.icon {
		background: white;
		display: block;
		position: absolute;
		right: 3px;
		top: 3.5px;
	}
	.topnav a:hover {
		background-color: black;
		color: white;
	}
	.active {
		background-color: black;
		color: white;
	}
	.topnavMenu {
		overflow: hidden;
		background-color: white;
		position: relative;
		border: 1px solid black;
		color: white;
		width: 90vw;
		z-index: 5;
	}
	.topnavMenu #myLinksMenu {
		display: none;
	}
	.topnavMenu a {
		color: black;
		padding: 14px 16px;
		text-decoration: none;
		font-size: 17px;
		display: block;
	}
	.topnavMenu a.icon {
		background: white;
		display: block;
		position: absolute;
		right: 3px;
		top: 3.5px;
	}
	.topnavMenu a:hover {
		background-color: black;
		color: white;
	}
	.activeTopnavMenu {
		background-color: black;
		color: white;
	}
	.mainNavBar{
		display:none;
	}
	.authorsMenu {
		display: none;
	}
	.mainAuthorBioContainer {
		display: none;
	}
	.windowPercentige{
		width: 90%;
		margin: 0 auto;
	}
	.mainAuthorText{
		width: 100%;
	}
	.mainAuthorQuote{
		padding-right: 30px;
		padding: 20px;
	}
	.mainAuthorQuoteText{
		font-size:22px;
	}
	.fixedMenus {
		position: fixed;
		top:0; 
		left:0;
	}
	.rowButton{
		float:right;
		margin-top:3%;
		margin-right: 15%;
		min-height:40px;
	}
	.postButton{
		width:100%;
		padding-right:10px;
	}
	.aboutUsBox{
		width: 90%;
		font-size: 16px;
	}
	.aboutUsContainer{
		padding-top:50px;
	}
	.slideContainerAuthor {
		min-height:50vh;
	}
	.authorTimeLineButton{
		padding-top: 8vh;
	}
	.slideContainerAuthor {
		padding-top: 50px;
		display: block;
	}
	#divForMobile{
		display: block;
	}
	.historikuTimeLineBox {
		width:90%; 
		margin:0 auto;
	}
	
	.historikuBoxName{
		width:90%; 
		margin: 0 auto; 
		padding-top: 20%;
	}
	.kerkoBox{
		padding-top: 20%; 
		padding-bottom: 50px;
	}
	.kerkoPBox{
		font-family: 'ButlerRegular'; 
		font-size:18px; 
		font-weight:bold; 
		padding-left:5px;
	}
	.kerkoTableBox{
		font-family: 'ButlerRegular'; 
		font-size:18px; 
		font-weight:bold; 
		padding-left:5px;
	}
	.kerkoBoxTable{
		width:90%;
		margin: 0 auto;
		height: 100%;
		padding-bottom: 50px;
	}
	.row{
		width:90%;
	}
	.title{
		padding-bottom:10px;
		font-size:30px;
	}
	.kontaktoMainBox{
		padding-top: 17%;
		min-height:100vh;
	}
	.itemsAuthorContainerInnner{ 
		padding:0px ;
		padding-top:10%;
	}
	.loadPhotoMainBox{
		width: 90%;
		font-size:18px;
		padding-top: 9vh;
	}
	.authorPhotoBoxView{
		width:90%; 
		margin: 0 auto;
	}	
	.itemsAuthorContainerIn{
		width: 90%;
		padding-top: 9vh;
	}
	.itemsAuthorContainerInnner{
		font-size: 25px;
	}.getIncludedPhotoBox { 
		width:90%;
	}
	.authorListText{
		padding-top:20px;
		padding-bottom: 20px;
		font-weight: normal;
		padding-left: 5px;
		font-family: 'ButlerRegular';
		font-size: 23px;
	}
	.mesazhiuDergua{
		width:80vw;
	}
	.mesazhiuDerguaTest {
		font-size:2vh;
	}
	.historikuBackground{
		height:65vh;
	}
	.windowPercentage{
		width: 90%;
	}
	.backgroundHistorikuBG{
		min-height:100vh;
	}
	.radiusPoint{
		display: none;
	}
	.lineRight{
		display: none;
	}
	.lineLeft{
		display: none;
	}		
	.galleryOverlay{
		display : none;
	}
	.itemsAuthorContainerIn p{
		padding: 0;
		font-size: 25px;
	}
	.authorBox h2 {
		font-size: 25px;
		padding-bottom: 15px;
	}
	.loadPhotoMainBox p{
		font-size:18px;
		font-weight:none;
	}
	.videoMiddle{
		width: 85vw;
		height: 45vw;
	}
	.changeImageSrcLeft{
		background: url(/img/back.svg);
		width: 25px;
		height: 25px;
	}
	.changeImageSrcRight{
		background: url(/img/next.svg);
		width: 25px;
		height: 25px;
	}
	.aboutUsImg {
		width:100%;
		padding:10%;
	}
	.aboutUsImg p{
		font-size:16px;
	}
	.videoHomePage{
		height: 30vh;
	}
	.videoHomePage .overLayViti{
		font-size: 36px;
	}
	.videoHomePage .overLayArrow img{
		width: 25px;
		height: 35px;
	}
}
/* intermediate */
@media screen and (min-width: 780px) and (max-width: 1050px) {
	.authorsFixedMenu li a {
		padding: 12px 10px;
	}
	.mainNavBar thead .c1{
		font-size: 40px;
	}
	
	.authorsMenu li a{
		padding: 12px 10px;
	}
}