/*==================================RESPONSIVE LAYOUTS===============================================*/

@media only screen and (min-width: 992px){
	.main_slider .swiper-slide>.container,
	.main_slider_nav>.container{
		max-width: initial;
		padding: 0;
	}
}



@media only screen and (max-width: 1439px){
	.header_contact_box>*:not(:last-child){
		margin-right: 16px;
	}
	
	.first_screan_cont,
	.main_slider_nav{
		width: 554px;
	}
}

@media only screen and (max-width: 1199px){
	.header_inner{
		padding: 15px 0;
	}

	.event_item{
		padding-bottom: 60px;
	}

	.event_link{
		bottom: 40px;
	}

	.event_item.type1{
		padding-bottom: 40px;
	}
	
	.event_item.type1 .event_link{
		opacity: 1;
		position: static;
	}
	.slider1{height: 300px;}
	
	.datepicker{
		padding: 0;
	}

	.info_box{
		padding: 65px 40px 50px;
	}

	.first_screan_cont,
	.main_slider_nav{
		width: 464px;
	}	
}


@media only screen and (max-width: 991px){
	
	body{min-width:768px;}

	.header_contact_box>*:not(:last-child){
		margin-right: 80px;
	}

	.header_inner{
		padding: 30px 0 34px;
	}
	
	.logo{
		---webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		-ms-align-items: flex-end;
		align-items: flex-end;
		margin-top: -6px;
		-webkit-flex-grow: 10;
		-moz-flex-grow: 10;
		-ms-flex-grow: 10;
		-o-flex-grow: 10;
		flex-grow: 10;
	}

	.logo_slogan{
		margin-left: 30px;
		margin-top: 0;
	}

	.footer_top{
		padding-top: 65px;
		padding-bottom: 40px;
	}

	.footer_bottom{
		padding-bottom: 75px;
	}

    .catalog_list{
    	margin-bottom: 20px;
    }

    .catalog_list>li{
        display: inline-block;
        margin-right: 32px;
    }
	
	.swiper-slide{
		padding: 50px 0 64px;	
	}

	.swipe_nav{
		bottom: 64px;
	}

	.section_offset{
		padding: 60px 0;
	}

	.product_box{
		padding: 32px;
	}

    .title_box_link{
    	-webkit-flex-basis: 100%;
    	-moz-flex-basis: 100%;
    	-ms-flex-basis: 100%;
    	-o-flex-basis: 100%;
    	flex-basis: 100%;
    }

	.map_box{
		position: static;
		height: 500px;
	}
	
	.first_screan{
		display: block;
	}

	.first_screan_cont{
		width: 720px;
		margin: 0 auto;
		padding: 30px 16px;
	}

	.first_screan_right{
		height: 295px;
	}

	.main_slider_nav{
		width: auto;
		right: 0;
	}
}

@media only screen and (max-width: 767px) {

 	body{min-width:420px;}

	.section_offset{
		padding: 40px 0;
	}

 	h1{font-size: 30px;line-height: 40px;margin-bottom: 22px;}
    h2{font-size: 28px;line-height: 32px;margin-bottom: 15px;}
    h3{font-size: 22px;line-height: 32px;}

    .title1{font-size: 30px;line-height: 40px;margin-bottom: 22px;}
    .title2  {font-size: 28px;line-height: 32px;margin-bottom: 15px;}
    .title3{font-size: 22px;line-height: 32px;}

	.footer_top{
		padding-top: 50px;
		padding-bottom: 30px;
	}

	.footer_bottom{
		padding-bottom: 45px;
	}

	.logo{
		/*-webkit-flex-grow: 0;
		-moz-flex-grow: 0;
		-ms-flex-grow: 0;
		-o-flex-grow: 0;
		flex-grow: 0;*/
	}

	.logo a{
		width: 120px;
		height: 22px;
	}

	.logIn_label>i{
		margin-right: 0;
	}

	.menu_open_btn{
		margin-left: 28px;
	}

	.logIn_wrapp{
		position: static;
	}

	.logIn_wrapp .logIn_box{
		width: 100%;
		margin-top: 0;
	}

	.search_wrapp{
		margin-left: 28px;
	}

	.header_inner,
	.search_box{
		padding: 16px 0;
	}

	.search_btn_close{
		margin-left: 30px;
	}

	.navigation{
		display: block;
		font-size: 24px;
		line-height: 32px;
		font-weight: 400;
		text-transform: none;
		margin-bottom: 40px;
	}

	.navigation>li:not(:last-child){
		margin-bottom: 16px;
	}

	.navigation>li .navigation__item-link-cloud {
		margin-top: 40px;
	}
	.navigation__item-link-cloud:before {
		width: 154px;
		height: 85px;
		top: -44px;
	}
	.header_contact_box{
		---webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-ms-align-items: flex-start;
		align-items: flex-start;
	}

	.header_contact_box>*:not(:last-child){
		margin-bottom: 16px;
	}

	.header_contact_link{
		display: block;
		position: relative;
		padding-left: 40px;
		line-height: 20px;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	.header_contact_icon{
		position: absolute;
		top: 0;
		left: 0;
	}

	[class*="main_slider_btn-"]{
		display: none;
	}

	.main_slider_pagination{
		margin-right: 0;
	}

	.swipe_nav{
		bottom: 40px;
	}

	.swiper-slide{
		padding: 26px 0 96px;
	}

	.swipe_nav_box{
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-ms-justify-content: flex-start;
		-o-justify-content: flex-start;
		justify-content: flex-start;
	}

    .catalog_list{
    	margin-bottom: 36px;
    }

	.catalog_list>li{
		display: block;
	}

	.event_link{
		bottom: 25px;
	}

	.info_box_btn{
		text-align: left;
		padding-top: 32px;
	}

	.info_box_btn>*{
		width: 100%;
	}

	.slider1{
		height: 280px;
	}

	.pagination_back span,
	.pagination_forward span{
		display: none;
	}

	.product_box{
		padding: 24px;
	}

	.logIn_cont{
		width: auto;
	}

	.form_btn_box>*:not(:last-child){
		margin-right: 0;
		margin-bottom: 10px;
	}


	.table_wrapp thead{
		display: none;
	}
	.table_wrapp td,
	.table_wrapp table,
	.table_wrapp tbody{
		display: block;
	}

	.table_wrapp tr{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-align-items: center;
		align-items: center;
	}

	.table_wrapp tr{
		padding: 24px 0 33px;
	}

	.table_wrapp td{
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		-ms-flex-basis: 100%;
		-o-flex-basis: 100%;
		flex-basis: 100%;
		-webkit-flex-shrink: 0;
		-moz-flex-shrink: 0;
		-ms-flex-shrink: 0;
		-o-flex-shrink: 0;
		flex-shrink: 0;
		padding: 0 0 20px;
	}

	.table_wrapp td:before{
		display: block;
		content: attr(data-title);
		color: var(--dark);
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 2px;
	}

	.table_type2 td.col3{
		-webkit-flex-grow: 10;
		-moz-flex-grow: 10;
		-ms-flex-grow: 10;
		-o-flex-grow: 10;
		flex-grow: 10;
		-webkit-flex-basis: auto;
		-moz-flex-basis: auto;
		-ms-flex-basis: auto;
		-o-flex-basis: auto;
		flex-basis: auto;
	}

	.table_type2 td.col4{
		-webkit-flex-basis: 61px;
		-moz-flex-basis: 61px;
		-ms-flex-basis: 61px;
		-o-flex-basis: 61px;
		flex-basis: 61px;
	}
	.table_type2 td.col5{
		-webkit-flex-basis: 56px;
		-moz-flex-basis: 56px;
		-ms-flex-basis: 56px;
		-o-flex-basis: 56px;
		flex-basis: 56px;
	}

	.table_type2 td.col_half{
		-webkit-flex-basis: 50%;
		-moz-flex-basis: 50%;
		-ms-flex-basis: 50%;
		-o-flex-basis: 50%;
		flex-basis: 50%;
		text-align: left;
	}

	.purchase_item{
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		-ms-flex-basis: 100%;
		-o-flex-basis: 100%;
		flex-basis: 100%;
	}

	.contact_item [class*="col-"]:not(:last-child) .contact_item2{
		padding-bottom: 20px;
		margin-bottom: 27px;
		border-bottom: 1px solid var(--grey_light);
	}

	.map_box{
		height: 400px;
	}

	.event_date_box{
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		-ms-flex-basis: 100%;
		-o-flex-basis: 100%;
		flex-basis: 100%;
	}

	.news_date_box{
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		-ms-flex-basis: 100%;
		-o-flex-basis: 100%;
		flex-basis: 100%;
	}

	.first_screan_right{
		height: 190px;
	}

	.main_slider .swiper-slide{
		padding: 15px 0 15px;
	}

	.main_slider_text{
		font-size: 20px;
		line-height: 1.3;
	}

	.first_screan_type2 .main_slider_nav{
		left: 10px;
		top: auto;
		bottom: 5px;
	}

	.first_screan_type2 .main_slider_pagination{
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-ms-justify-content: flex-end;
		-o-justify-content: flex-end;
		justify-content: flex-end;
	}

	.first_screan_type2 .swiper-pagination-bullet{
		margin-bottom: 0;
		margin-right: 5px;
	}

}

@media only screen and (max-width: 479px){
 	body{min-width:300px;}

 	.xs_full_width{
 		width: 100%;
 	}

	.map_box{
		height: 250px;
	}

}

@media screen and (max-width: 1200px) {
	#nav{
		display: none;
		position: absolute;
		background-color: var(--white);
		right: 0;
		left: 0;
	    top: 100%;
	    margin-top: -1px;
	    z-index: 9;
	}

	#nav>.container{
		padding-top: 20px;
		padding-bottom: 20px;
	}
}
@media screen and (min-width: 1200px) {
	.knowledgebase_menu {
		margin-top: -11px;
		height: 25px;
		width: 22px;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-image: url('../img/icons/knowledge_base_logo-red_lamp.svg');
	}
	.knowledgebase_menu span {
		display: none;
	}
}