/* Medium Layout: 1280px. */

@media only screen and (min-width: 768px) and (max-width: 870px) {
	.col-md1 {
			width: 8.33%;
	}

	.col-md2 {
			width: 16.66%;
	}

	.col-md3 {
			width: 25%;
	}

	.col-md4 {
			width: 33.33%;
	}

	.col-md5 {
			width: 41.66%;
	}

	.col-md6 {
			width: 50%;
	}

	.col-md7 {
			width: 58.33%;
	}

	.col-md8 {
			width: 66.66%;
	}

	.col-md9 {
			width: 75%;
	}

	.col-md10 {
			width: 83.33%;
	}

	.col-md11 {
			width: 91.66%;
	}

	.col-md12 {
			width: 100%;
	}

	.text-section .col.full .col-left.col-md12{ padding-right:0px; }
	.text-section .col.full .col-right.col-md12{ padding-left:0px; }
}

@media only screen and (max-width: 815px) {
  .mob-footer-changes .mainmenu.smaller-li > ul > li > a {
    font-size: 14px;
  }
  ul { margin: 0 0 .5em 1em;padding:0 0 0 15px; }
  .wrapper .row { padding:0; }
}

@media only screen and (max-width: 1200px) {
	.text-section blockquote, .section-space blockquote{
		max-width: 100vw!important;
		margin:0px -1%!important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .section-space {
        padding: 60px 0;
    }

    .col-s1 {
        width: 8.33%;
    }

    .col-s2 {
        width: 16.66%;
    }

    .col-s3 {
        width: 25%;
    }

    .col-s4 {
        width: 33.33%;
    }

    .col-s5 {
        width: 41.66%;
    }

    .col-s6 {
        width: 50%;
    }

    .col-s7 {
        width: 58.33%;
    }

    .col-s8 {
        width: 66.66%;
    }

    .col-s9 {
        width: 75%;
    }

    .col-s10 {
        width: 83.33%;
    }

    .col-s11 {
        width: 91.66%;
    }

    .col-s12 {
        width: 100%;
    }

    .button {
        min-width: 150px
    }

    .angle-bottom-left:after,
    .angle-top-left:before,
    .angle-top-right:before,
    .angle-bottom-right:after {
        height: 50px;
    }
    .mainmenu > ul > li > a {
        padding: 26px 10px;
    }

    .text-box h2 {
        font-size: 40px;
    }
    .footer-middle {
        margin-top: 60px;
    }
    .address li {
        float: left;
        width: 33.33%;
        text-align: center;
        padding: 0 10px;
    }
    .address li .address-icon {
        float: none;
        display: block;
        margin: auto;
        margin-bottom: 20px;
    }
    .lightbox {
        width: 90vw;
        height: 90vh;
        padding: 60px 20px;
    }

    .lightbox .close {
        bottom: 10px;
    }
    .show-s {
        display: block !important;
    }
    .hidden-s {
        display: none !important;
    }
}


@media only screen and (min-width: 767px) {
    .mainmenu-area .mainmenu {
        display: block !important;
    }
}
@media only screen and (min-width: 768px) {
	.mainmenu ul li:hover ul.sub_menu {
	    display: block;
	}
}

/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
	.mainmenu ul li.active > a, .mainmenu ul li > a:hover {
	color: #003b73;
}

		.hidden-mob{
			display: none!important;
		}
		.show-mob{
			display: block!important;
		}

		ul.sub_menu {
			position: relative;
			background-color: #0e77a2;
			text-align: center;
			top: 0px;
		}
		ul.sub_menu:before {
		  content: '';
		  display: block;
		  position: absolute;
		  bottom: 100%;
		  width: 0;
		  height: 0;
		}
		ul.sub_menu:before {
		  left: calc(50% - 11px);
		  border: 11px solid transparent;
		  border-bottom-color: #0e77a2;
		}
		ul.sub_menu li a{
			border-bottom: 1px solid #42a6ce;
		}

    .button {
        display: block;
        width: 96%;

    }
    .page-title-text,
    .page-title {
        margin-bottom: 30px;
    }
    .page-title-text h3,
    .page-title h3 {
        font-size: 35px;
    }
    .section-space {
        padding: 60px 0;
    }

		#events_open .event_logo{ padding:10px 0px; }

    .col-x1 {
        width: 8.33%;
    }

    .col-x2 {
        width: 16.66%;
    }

    .col-x3 {
        width: 25%;
    }

    .col-x4 {
        width: 33.33%;
    }

    .col-x5 {
        width: 41.66%;
    }

    .col-x6 {
        width: 50%;
    }

    .col-x7 {
        width: 58.33%;
    }

    .col-x8 {
        width: 66.66%;
    }

    .col-x9 {
        width: 75%;
    }

    .col-x10 {
        width: 83.33%;
    }

    .col-x11 {
        width: 91.66%;
    }

    .col-x12 {
        width: 100%;
    }

		.text-section .col.full .col-left.col-x12{ padding-right:0px; }
		.text-section .col.full .col-right.col-x12{ padding-left:0px; }

    .button {
        min-width: 150px
    }

    .angle-bottom-left:after,
    .angle-top-left:before,
    .angle-top-right:before,
    .angle-bottom-right:after {
        height: 50px;
    }
    .site-header {
		padding-top: 100px;
		text-align: center;
		height: auto;
		min-height: unset;
		max-height: unset;
		padding-bottom: 80px;
    }
    .site-header.with-img {
		padding-top: 65px;
		padding-bottom: 0px;
    }
    .site-header .left-60 {
        margin-left: 0;
        margin-bottom: 60px;
    }
	.text-box.firstpage-box { 
		margin-top:40px;
	}
		h1.top_title, h2.top_title{ word-break: break-word; }
		div.alt_desc_block {
		  margin: 0px -15%;
		  display: inline-block;
		  max-width: 100%;
		  margin: 0px;
		}
		div.alt_desc_block .img_frame{
			width: 100%;
			float: none;
			margin: 0px;
		}
		div.alt_desc_block .alt_desc{
			font-weight: 600;
			border-bottom: 4px solid #4eb3d8;
			padding-bottom: 10px;
			font-size: 14px;
			float: none;
			margin-top: 10px;
			width: 100%;
			margin-bottom: 20px;
		}
		.text-section blockquote p{ padding:50px; }
		.text-section blockquote p:first-child::before{ top:45px; font-size: 5em; }

	#login_form .forgot-link{
		position: relative;
		top: -5px;
	}
    .mainmenu-area.fixed,
    .mainmenu-area {
        background-color: #138fc2;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .mainmenu-area .login-bar {
        display: none;
    }
    a.mainmenu-toggle {
        color: #ffffff;
        font-size: 30px;
        display: inline-block;
    }
    .mobile-logo {
        padding-top: 5px;
    }
    .select-lang .select7 {
        margin-top: 0;
        padding: 5px;
    }
    .mainmenu:not(.visible) {
        max-width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 80%;
        display: none;
    }
    .mainmenu:not(.visible) > ul > li {
        display: block;
        text-align: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .mainmenu:not(.visible) > ul > li:last-child {
        border-bottom: none;
    }
    .mainmenu:not(.visible) > ul > li > a {
        padding: 15px!important;
    }
    .noteikumi {
        padding: 10px;
        padding-top: 50px;
        padding-bottom: 80px;
    }
    .text-box h2 {
        font-size: 40px;
    }
    .footer-middle {
        margin-top: 60px;
    }
    .address li {
        float: left;
        width: 100%;
        text-align: center;
        padding: 0 10px;
    }
    .address li .address-icon {
        float: none;
        display: block;
        margin: auto;
        margin-bottom: 20px;
    }

    .contact-form .form-double input {
        float: none;
        width: 100%;
    }

    .x-left {
        text-align: left;
    }

    .x-center {
        text-align: center;
    }

    .show-x {
        display: block !important;
    }

    .hidden-x {
        display: none !important;
    }

    .noteikumi {
        max-width: 90%;
    }

    .noteikumi .scroll {
        min-width: 100% !important;
    }

    .track3 {
        right: 0;
    }

    .ui-tabs-nav li {
        margin: 0 5px;
    }

    .ui-tabs-nav li a {
        padding: 0.3em 1.3em;
        margin: 0;
        font-size: 12px;
    }

    .footer-area .social-menu {
        float: left !important;
    }

    .lightbox {
        width: 100vw;
        height: 100vh;
        padding: 70px 20px 20px;
    }

    .lightbox .close {
        top: 25px;
		bottom:auto;
    }

    .login-bar {
        padding: 50px 0;
    }
    .login-bar .contact-form input {
        margin-bottom: 20px;
    }
    .forgot-password {
        padding: 40px 20px;
        height: 100%;
    }
    #login_form .button {
        float: left;
    }
    .accordion .accordion-title {
        padding-left: 50px;
    }
    .accordion .accordion-desc {
        padding-left: 50px;
    }
    .footer-middle {
        margin-bottom: 0;
    }
    .footer-bottom {
        border: none;
    }
    .forgot-link {
        width: 100%;
    }
    .promo-slider-area .button {
        /* margin-top: 70px; */
				width: 100%;	
    }
    .sp-bottom-thumbnails .sp-thumbnail-container {
        min-width: inherit;
    }
    .sp-bottom-thumbnails .sp-thumbnail-container .sp-thumbnail-description {
        font-size: 16px;
    }
    .sp-bottom-thumbnails .sp-thumbnail-container .sp-thumbnail-title {
        font-size: 12px;
    }
	.sp-bottom-thumbnails .sp-thumbnail-container .sp-thumbnail-title::before { display:none; }
	.sp-slide .sp-layer p {
		font-size:13px;
		line-height:1.5em;
		padding:0 25px 0 15px;
	}
    /* .footer-menu {
        display: none !important;
    } */

	#numbers .row .col-md-4 {
		flex: 0 0 100%;
		max-width: 100%;
		margin-top: 40px;
	}

	#events .col-4, #events_open .col-4{
		width: 100%;
	}

	#events .col-8, #events_open .col-8{
		width: 100%;
	}

	.mob-footer-changes{ position: relative; padding-bottom: 100px; }
	.mob-footer-changes .mob-footer-abs{ position: absolute; top: 50px; }
	.mob-footer-changes .mob-footer-abs-2{ position: absolute; right: 12%; top: 20px; }
	.mob-footer-changes .mainmenu.smaller-li > ul > li > a { padding: 10px; font-size: 14px; }
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (min-width: 765px) and (max-width: 1000px) {
	.filter_block {
	  padding: 60px 30px;
	}
}

@media only screen and (max-width: 600px) {
	#events .event_item img{ float: unset; margin: 0 auto; display: block; max-width: 100%; }
	#events .event_item .event_content{ width: 100%; }
	#events .event_item .event_content.with-img{ padding-top: 30px; }
	.news_list .news_item img{ float: unset; margin: 0 auto; display: block; max-width: 100%; }
	.news_list .news_item .news_content{ width: 100%; }
	.news_list .news_item .news_content.with-img{ padding-top: 30px; }
}

@media only screen and (max-width: 500px) {
	ul.social-menu li a {padding:0px!important; margin:0px!important; }
}

@media only screen and (max-width: 400px) {
	.address {
		display: block;
	}
	.address li{
		display: block;
		width: 100%;
		min-height: 50px;
	}

	#upcoming_events .item .right_col .button{
		font-size: 12px;
		padding: 2px 6px;
	}
}