@media screen and (max-width: 1000px) and (min-width: 100px) {
	
	* {
		margin: 0px !important;
		padding: 0px !important;
	}
	
/*------------------Custom-----------------*/	

.candle
    {
       
    width: 100%;
    }
h4 {
    font-size: 30pt !important; 
   }      
    
pre {
font-size:30px !important;
font-weight:bold;

overflow-x: hidden;
width: 100%;

white-space: pre-wrap;
word-wrap: break-spaces;

}

.pre_notes {
font-size:30px !important;
font-weight:bold;

overflow-x: hidden;
width: 100%;

margin-top: 40px !important;
margin-bottom: 40px !important;

white-space: pre-wrap;
word-wrap: break-spaces;

}

.mtab
    {
     margin: auto !important; 
     /*border: 1px solid;*/
     width: 90%;
    }
    
.topic { 
    font-size: 30px; text-decoration: none; 
    color: #0000ff; /* Цвет текста */
    background: #FFFFFF; /* Цвет фона */
    padding: 10px; /* Поля вокруг текста */
    transition: 1s linear; /* Время изменения */
         
    } 
    
.topic2 { 
    font-size: 20px; text-decoration: none; 
    color: #0000ff !important; /* Цвет текста */
    background: #FFFFFF; /* Цвет фона */
    padding: 10px; /* Поля вокруг текста */
    transition: 1s linear; /* Время изменения */
         
    } 
    
    
table {
    margin: auto; 
   
   }    
    
.td_candle
{
    padding: -5px !important;
}

td {
text-align: left;
font-size:20pt;
padding-left: 20px !important;
}

.ju-popup-content .nekrolog {
  padding:     8px 12px 8px 12px;
  font-size:   30px !important;
  overflow-x: scroll;
  overflow-y: scroll;
  height: 60vh  !important;
}

.ju-popup-content .header {
  position:    relative;
  border-bottom: 1px #CCC solid;
  padding:     4px 12px 6px 12px;
  text-align:  center;
  font-size:   30px !important;
}

input.button {
  cursor:      pointer;
  padding:     10px 10px 10px 10px !important;
  font-size:   25px !important;
  line-height: 23px;
  line-height: 17px !ie;
  vertical-align:  middle;
  border-width:  1px;
  border-style:  solid;
  
}

.ju-popup-content
  {
  
   width: 90% !important;

  }

/*-----------------------------------*/


	html {
		width: 100% !important;
	}
	
	body {
		width: 100% !important;
	}
	
	body div {
		width: 100% !important;
		padding: 0px !important;
	}
	
	#templatemo_container {
		width: 100% !important;
		padding: 0px !important;
	}
	
	#templatemo_content {
		padding-left: 3% !important;
		width: 97% !important;
	}
	
	#templatemo_left {
		float: none;
		display: block;
		width: 100% !important;
	}
	
	
	.templatemo_news_box h2 {
		font-size: 2em;
	}
	
	.templatemo_news_box h3 {
		font-size: 1.5em;
		margin-top: 2% !important;
	}
	
	.right_col_section {
		float: none;
	}
	
	.right_col_section h2 {
		font-size: 35pt;
		margin-bottom: 3% !important;
	}
	
	.right_two_col {
		float: none;
	}
	
	.right_two_col form {
		width: 95% !important;
	}
	
	.right_two_col form table {
		width: 80% !important;
		font-size: 25pt;
	}
	
	.right_two_col form table td {
		margin: 10px !important;
		line-height: 25pt;
	}
	
	.right_two_col form table td input[type=text]:not([name=country]) {
		width: 73.5%;
		height: 25pt;
		margin: 10px 0px !important;
		border: 2px inset Grey;
	}
	
	.right_two_col form table td input[name=country] {
		width: 90%;
		height: 25pt;
		margin: 10px 0px !important;
		border: 2px inset Grey;
	}
	
	.right_two_col form table td select {
		height: 25pt;
		margin: 10px 0px !important;
		border: 2px inset Grey;
	}
	
	.right_two_col input[name=bsubmit] {
		font-size: 0.8em;
	}
	
	.right_col_section {
		clear: both;
	}
	
	.right_col_section img {
		margin-right: 2% !important;
		float: left;
		width: 33% !important;
	}
	
	.right_col_section p {
		margin-right: 2% !important;
		font-size: 2em;
		line-height: 1em;
	}
	
	.right_col_section b {
		font-size: 2em;
		line-height: 1em;
	}
	
	#templatemo_news_section .templatemo_news_box {
		padding-left: 1% !important;
		width: 99% !important;
		margin-bottom: 5% !important;
	}
	
	#templatemo_right {
		width: 99% !important;
	}
	
	.topm {
		display: block;
		width: 100% !important;
		text-align: left;
	}
	
	#viewport {
		width: 100% !important;
		border-bottom: 2px solid SkyBlue;
	}
	
	.ju-popup-content {
		width: 60% !important;
	}
	
	.ju-popup-overlay {
		width: 100% !important;
	}
	
	#sub-frame-error {
		width: 100% !important;
	}

	.menu_icon {
		display: inline-block;
		width: 40px;
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	
	#go_menu {
		visibility: hidden;
	}
	
	#hide {
		width: auto;
		background-color: rgba(255, 255, 255, 0.75);
		font-family: Arial;
		display: block;
		position: relative;
		top: 25px;
		height: auto;
		display: none;
	}
	
	#hide span {
		display: block;
		position: relative;
		padding-left: 2% !important;
		font-size: 2em;
		line-height: 1.5em;
		color: SkyBlue;
		font-weight: bold;
		border-bottom: 1px solid #ababab;
		width: 98% !important;
	}
	
	#templatemo_menu ul {
		display: none;
	}
	
	.close {
		width: 60px;
		position: relative;
		left: -20px;
	}
	
	#templatemo_news_section h1 {
		padding: 25px !important;
		margin-top: 2% !important;
		margin-bottom: 5% !important;
		display: inline-block;
		background: #ADD8E6;
		font-size: 40pt;
	}

	#templatemo_news_section2 h1 {
		padding: 25px !important;
		margin-top: 2% !important;
		margin-bottom: 3% !important;
		display: inline-block;
		background: #ADD8E6;
		font-size: 40pt;
	}
	
	img[alt=church] {
		width: 34%;
	}
	
	.pluginButton {
		padding: 10px !important;
		font-size: 25px !important;
	}
	
}


@media screen and (max-width: 1000px) and (min-width: 100px) and (orientation: portrait) {
    

      
	#hide span {
		font-size: 35pt !important;
	}
	
	.right_two_col form table {
		width: 100% !important;
		font-size: 30pt !important;
	}
	
	.right_two_col form table tbody {
		width: 100% !important;
	}
	
	.right_two_col form table tr:nth-child(even) {
		width: 80% !important;
	}
	
	.right_two_col form table td input, .right_two_col form table td select {
		height: 40pt !important;
	}
	
	.right_two_col form table td select {
		font-size: 0.9em;
		background-color: White;
	}
	
	.right_two_col input[name=bsubmit] {
		font-size: 1em;
		padding: 5px 10px !important;
		margin-top: 5px !important;
	}
	
	.templatemo_news_box h2 {
		font-size: 45px;
	}
	
	.templatemo_news_box h3 {
		font-size: 30px;
		margin-top: 2% !important;
	}
	
.hide-on-mobile{display:none;}	
	
/*--------------Custom----------------------------------------*/

.topic { 
    font-size: 50px; text-decoration: none; 
    color: #0000ff; /* Цвет текста */
    background: #FFFFFF; /* Цвет фона */
    padding: 10px; /* Поля вокруг текста */
    transition: 1s linear; /* Время изменения */
         
    }
    
    
.topic2 { 
    font-size: 40px; text-decoration: none; 
    color: #0000ff !important; /* Цвет текста */
    background: #FFFFFF; /* Цвет фона */
    padding: 10px; /* Поля вокруг текста */
    transition: 1s linear; /* Время изменения */
         
    }    

.mtab
    {
     margin: auto !important; 
     /*border: 1px solid;*/
     width: 95%;
    }


.candle
    {
       
    width: 200%;
    }

pre {
font-size:40px !important;
font-weight:bold;

overflow-x: hidden;
width: 100%;

white-space: pre-wrap;
word-wrap: break-spaces;

}

.pre_notes {
font-size:40px !important;
font-weight:bold;

overflow-x: hidden;
width: 100%;

margin-top: 40px !important;
margin-bottom: 40px !important;

white-space: pre-wrap;
word-wrap: break-spaces;

}

	.menu_icon {
		display: inline-block;
		width: 70px;
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}


table {
    margin: auto; 
   }    
    

td {
text-align: left;
font-size:30pt;
padding-left: 20px !important;


}

h2 {
    font-size: 40pt !important; 
    margin-bottom: 50px !important;
    margin-left: 20px !important;
   }
h3 {
    font-size: 30pt !important; 
   }  
h4 {
    font-size: 30pt !important; 
   }     


.ju-popup-content .header {
  position:    relative;
  border-bottom: 1px #CCC solid;
  padding:     4px 12px 6px 12px;
  text-align:  center;
  font-size:   40px !important;
}

.ju-popup-content .nekrolog {
  padding:     8px 12px 8px 12px;
  font-size:   30px !important;
  overflow-x: scroll;
  overflow-y: scroll;
  height: 80%;
}

input.button {
  cursor:      pointer;
  padding:     20px 20px 20px 20px !important;
  font-size:   45px !important;
  line-height: 23px;
  line-height: 17px !ie;
  vertical-align:  middle;
  border-width:  1px;
  border-style:  solid;
  
}

.td_buket
  {
      
    height:400px !important;  
    
  }

.td_candle  
 {
    vertical-align: middle ;
    text-align: middle ; 
 }

.main_tab{
    margin: auto !important;
    width: 90vw !importan;
   } 
   
 .div_buket {
  height: 400px;
}
  
.ju-popup-content
  {
  
   width: 90% !important;

  }
.mcheckbox
{
 transform:scale(2.0);    
}

.message
 {
     width:550px !important; 
     height:300px !important;
 }

}


@media screen and (max-width: 450px) and (min-width: 100px) {
	
	#templatemo_right .right_col_section p {
		font-size: 1.5em;
	}
	
	#templatemo_right .right_col_section form table {
		width: 100% !important;
	}
	
	.right_col_section b {
		font-size: 1.5em;
	}
	
	.topm {
		height: auto;
	}

	.menu_icon {
		width: 10% !important;
	}
	
	#hide span {
		font-size: 3em;
	}

	
}