/* Scss Document */
@media screen and (max-width: 1120px) {
	header ul.level-2 {left: 0; right: auto}
}
  
@media screen and (max-width: 1024px) {
	.wrapper { width: auto; padding: 0 10px;}
	#home-banner .wrapper {padding: 0 10px;}
	.spw-wrapper {width: auto;}
	#home-banner .description, #home-banner .description * {font-size: 14px; line-height: 18px;}
	#home-news .swiper-slide {width: 720px!important}

	
	header .right nav li.level-1:not(:first-child){margin-left: 15px}
	header .right nav a.level-1{font-size: 16px;}
	body.home header .right nav a.level-1.btn-nav-ar .text {font-size: 16px;}
	header .right nav .level-1 > li:last-child{margin-left: 40px;}
	header .right nav a.level-1.btn-nav-ar .text{font-size: 14px}
	
/*############################################################################
								SWIPER
#############################################################################*/
	.swiper-pagination-bullet {width:50px;}
	
	#home-history .right {padding-left: 69px;}
	#home-news .swiper-container {height:470px;}
	#home-news .swiper-slide .left .image {height: 230px;}
	#home-news .swiper-slide .description, #home-news .swiper-slide .description * {font-size: 14px; line-height: 18px;}
	#home-news .swiper-slide .description {padding-top: 15px;}
	
	footer .top .left{width:65%;}
	footer .top .right{width:35%;}
	#form-newsletter .content {flex-direction: column;}
	#form-newsletter .name, #form-newsletter .email {width: 100%;}
	#form-newsletter .name {border-bottom:none;}
	#form-newsletter .email{border-left:solid 1px #263692;}
	
	#entities-tabs {justify-content: center;}
	#entities-tabs a{padding: 0 10px; margin-right: 20px; font-size: 18px;}
	#entities-detail .image {width:50%;}
	.w2-accordion-title .text {padding-right: 20px;}
	#detail-right .image{width:50%;}
	#detail-right .image img {width: 100%;}
	
	.detail-a-container .image {width: 40%}
	#form-contacts .bot .submit {padding-right: 200px;}
}

@media screen and (max-width: 900px) {
	header .right, header .right nav {display: none;}
	#mobile-menu-switch {display: block !important}
	header .wrapper {height: 80px;}
	body.truncated header, header{background-color:#fff !important;box-shadow: 0 0 10px rgba(0,0,0,0.7) !important;}
	body.home header .left a {background-image: url(../images/header-logo.svg);}
	#general-container {padding-top: 80px;}
}
	
@media screen and (max-width: 768px) {
	
	#home-banner {background-size: auto 450px;}
	#home-banner .content h2 {padding-bottom: 10px;}
	
	
	
	
	/*############################################################################
								SWIPER
#############################################################################*/
	.swiper-pagination-bullet {width:40px; padding-bottom: 0; font-size: 12px;}
	
	#home-news .swiper-container {height:550px; padding-bottom: 50px;}
	#home-news .swiper-slide .date {margin-bottom: 15px;}
	#home-news .swiper-slide {width:550px !important}
	#home-news .swiper-slide .left {height: 170px;}
	#home-news .swiper-slide .left .image {height:100%;}
	#home-news .swiper-slide .title {font-size: 30px; line-height: 33px;}
	
	#home-history .wrapper {align-items: flex-start;}
	#home-history .left {width: 40%;}
	#home-history .left img {width: 100%; }
	#home-history .right {width: 60%; padding-left: 50px;}
	
	.leftmargin {margin-left:  60px;}
	#entities-tabs a{padding: 0 10px; margin-right: 10px; font-size: 15px;}
	
	#entities-team .btn-knowmore .icon {background-position: -50px -10px; width: 20px;}
	#entities-team .item .image {width: 100px; height: 100px; }
	#entities-team .item .info {height:100%; padding-left: 120px; padding-bottom: 20px; display: flex; flex-direction: column; justify-content: center;}
	#entities-team .item .name {font-size: 20px; line-height: 20px; height: auto;}
	#entities-detail .description {padding-right: 60px;}
	.w2-accordion-content {padding-left: 100px;}
	#detail-right .content {margin-left: 60px;}
	
	.w2-general-grid .item .info {padding: 30px;}
	.detail-a-container .image {float: none; width: 100%;}
	.general-page-content {padding-left: 60px;}
}
	
@media screen and (max-width: 600px) {
	h1 {padding-bottom: 20px}
	h1, h1 * {font-size: 40px; line-height: 40px; }
	h2, h2 * {font-size: 30px; line-height: 35px;}
	#home-banner {height: auto; padding-top: 100px; margin-bottom: 50px;}
	#home-banner .swiper-container {padding-bottom: 50px;}
	#home-banner .content {width: 100%; margin-bottom: 30px;}
	#home-banner .others {width: 100%;}
	#home-banner .image {position: relative; width: auto; margin: 0 10px; height:250px; top: auto;}
	#home-banner .swiper-pagination .spw {text-align: left; width: 100%; padding-right: 0;}
	
	#home-history .wrapper {flex-direction: column; }
	#home-history .left {width: 100%; margin-bottom: 30px;}
	#home-history .left img {width: 80%;}
	#home-history .right{width: 100%; padding-left:0;  }
	
	#home-news .swiper-container {height:550px; padding-bottom: 50px;}
	#home-news .swiper-slide {width:100% !important; flex-direction: column;}
	#home-news .swiper-slide .left {width: 150px; height: 150px; margin-left: 30px; position: relative; }
	#home-news .swiper-slide .right {width: 100%; height: 100%; padding: 30px; padding-top: 50px; margin-top: -25px;}
	#home-news .swiper-pagination .spw {width: 100%; text-align: center;}
	
	#home-events .list .item {width: 100%; flex: auto; padding:0; margin-bottom: 40px; }
	#home-events .list .item:nth-child(even) {padding: 0;}
	
	footer .top .wrapper{flex-wrap: wrap;}
	footer .top .left {width: 100%; padding: 0; justify-content: space-between; margin-bottom: 20px; }
	footer .top .right {width: 100%;}
	
	#general-page .item-level3 .image {margin: 0 0 30px 0; float: none; }
	
	#entities-team .item {width: 100%; padding-right: 0;}
	#entities-team .btn-knowmore .icon {background-position: 0 -10px; width: 70px;}
	#entities-team .item .name {font-size: 30px; line-height: 30px;}
	#entities-detail .image {width: 100%;}
	.list-b .item a img {font-size: 20px; line-height: 20px;}
	.list-b .item a img {max-width: 80%;}
	.list-b .item .btn-knowmore .icon {background-position: -50px -10px; width:20px;}
	#detail-right .image {float: none; margin-bottom: 0;}
	.w2-general-grid .item {width:100%; padding-right: 0;}
	.w2-general-grid .item .title a {font-size: 24px; line-height: 27px;}
	.detail-a-container .top {flex-direction: column; align-items: flex-start; margin-bottom: 20px;}
	.detail-a-container .top .left {margin-bottom: 30px;}
	
	
	#form-contacts .top {flex-direction: column;}
	#form-contacts .top .left {width: 100%; padding-right: 0; margin-bottom: 30px;}
	#form-contacts .top .right {width: 100%; padding-left: 0;}
	#form-contacts .bot {flex-direction: column;}
	#form-contacts .bot .left {width: 100%; padding-right: 0; margin-bottom: 30px;}
	
	#contacts-other .wrapper {flex-direction: column;}
	#contacts-other .wrapper .left {width: 100%;}
	#contacts-other h4 {font-size: 30px; line-height: 33px;}
	#contacts-other .wrapper .right {    -moz-column-count: 1;-webkit-column-count: 1;column-count: 1;
-moz-column-gap: 0;-webkit-column-gap: 30px; column-gap: 0;}
}
	
@media screen and (max-width: 480px) {
	* {font-size: 12px;}
	h1, h1 * {font-size: 30px; line-height: 33px; }
	h2, h2 * {font-size: 26px; line-height: 29px;}
	
	#home-banner .description, #home-banner .description * {font-size: 12px; line-height: 16px;}
	#home-banner .image {height: 200px;}
	#home-banner .content h2 {font-size: 20px; line-height: 25px}
	
	#home-news .top .title {font-size: 40px; line-height: 45px; }
	#home-news .swiper-slide .left {margin-left: 20px;}
	#home-news .swiper-slide .right {padding: 20px; padding-top: 50px;}
	#home-news .swiper-slide .title {font-size:20px; line-height: 23px;}
	#home-news .swiper-slide .description, #home-news .swiper-slide .description * {font-size: 12px; line-height: 16px;}
	
	#home-events .top .title {font-size: 40px; line-height: 45px;}
	
	footer .top .left {flex-wrap: wrap;}
	footer .top .left .innerleft{max-width: none; width: 100%; margin-bottom: 30px;}
	footer .top .left .innerright {width: 100%;}
	footer .bot .wrapper {flex-wrap: wrap; height: 70px; justify-content:center; flex-direction: column; align-items: center;}
	
	.leftmargin {margin-left: 0;}
	.bot-docs a .arrow {width:20px;}
	
	#entities-team .btn-knowmore .icon {background-position: -50px -10px; width: 20px;}
	#entities-team .item .name {font-size: 20px; line-height: 20px;}
	#entities-detail .description {padding-right: 0;}
	.w2-accordion-content {padding-left: 0;}
	.w2-accordion-title .text {width: 90%;}
	
	.list-b .item {width: 100%; padding-right: 0; }
	.list-b .item:nth-child(even) {padding-left: 0;}
	
	#detail-right .image{width:100%; margin-right: 0;} 
	#detail-right .content {margin-left: 0;}
	.general-page-content {padding-left: 0;} 
	
}

@media screen and (max-width: 360px) {
	#general-page .item-level3 .image {width:100%;}
	#entities-tabs {flex-direction: column;}
}