.modal-dialog{
	width: 900px;
}
.modal-content{
	margin: 15% 0;
}
.modal-body{
	height: 750px;
	padding:0;
}
.modal-body img {
	margin:0px 15%;
}
.modal-body img.ytcre{
	 width: 240px;
    border: 10px solid #000;
    margin-left: 12.5%;
    margin-bottom: 3.5%;
}
.modal-body a{
	color:#000;
	font-weight: bold;
}
.tablomobil{
	display: none;
}
.tablo{
	margin: 0 10%;
    width: 80%;
}
.tablo td{
	padding: 4px;
}
.modal-title{
	font-size: 33px;
	margin:5% 2%;
}
/*.modal-header h4{
font-family: 'Lobster', cursive;
font-weight: 900;
}*/
.modal-body h6{
	font-family: 'Lobster', cursive;
	font-weight: 100;
	text-align:justify;
	 margin: 3% 10%;
	font-size:16px;
}
.modal-body .modalsol{
	float: left;
	width:50%;
	height: 100%;
}
.modalsol img{
	margin: 0;
    height: 100%;
}
.modal-body .modalsag{
	float: left;
	width:50%;
	height: 100%;
	padding: 15px;
}
.modal-header {
    padding: 10px 15px !important;
}
.modalmobil {
	display: none;
}
#ut_ig_5f96e76a601b4.owl-carousel .owl-stage{
	    margin-top: 3%;
    margin-bottom: 3%;
}
.mrn-20{
	margin: -10% 20%;
}
/*@media screen and (max-width:1400px) {
.modal-content{
	margin: 25% 0;
}
}*/

@media screen and (max-width:1024px)  and (orientation: landscape){
.modal-content{
	margin: 12% 0;
}
.modal-body {
    height: 600px;
}
.modalsol img{
	width: 100%;
}
.modal-title {
    font-size: 18px;
    margin: 1%;
}
.modal-body h6 {
    margin: 2% 10%;
    font-size: 14px;
}
.modalsag img{
	width:50%;
	margin: 0 25%;
}
}
@media screen and (max-width:1024px)  and (orientation: portrait) {
.modal-content{
	margin: 40% 0;
}
}
@media screen and (max-width:768px) {
.modal-dialog{
	width: 700px;
}
.modal-content {
    margin: 20% 0;
}
.modal-body h6 {
    margin: 3% 5%;
}
.modal-body .modalsag img {
    margin: 0px 3%;
}
.modal-body a {
    font-size: 11px;
}
.modal-title {
    font-size: 18px;
    margin: 2%;
}
}
@media screen and (max-width:480px) {
	.modalmobil {
	display: block;
}
.modalnrm{
display: none;
}
	#myModal{
		    z-index: 100000;
	}
.modal-dialog{
	width: 95%;
}
.modal-content {
    margin: 0% 0;
}
.modal-body {
    height: auto;
    padding: 15px;
}
.modal-body img{
	    margin: 0% 18%;
    width: 65%;
}
.modal-body img.ytcre{
	width: 170px;
    margin: 5% 24%;
}
.tablo{
	display: none;
}
.tablomobil{
	display: block;
	margin: 0 24%;
}.modal-title{
	font-size: 15px;
}
.modal-body h6{
	margin-top: 0;
}
.cl-effect-18 a::before {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
}
.cl-effect-18 a::after {
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    transform: translateY(30px);
}
.mrn-20{
    margin: auto 20%;
}
}