#menu-mobile-trigger {
	display: none;
}
.main-menu-mobile-wrap {
	display: none;
}
.desktop-image {
	display: inline;
}
.mobile-image {
	display: none;
}

@media screen and (max-width: 1200px) {
    
	html,
	body {
		padding:0;
		width:100%;
		background: #ffffff;
	}

	.container-center {
		width: 100% !important;
	}

	.desktop-image {
		display: none;
	}
	.mobile-image {
		display: inline;
	}
	/* top-header */
	#top-header {
		width: 100%;
	}
	#top-header-container {
		height: 40px;
		width: 96%;
	}
	.top-header-search {
		display: none;
	}

    /* ----- header ----- */
	#main-header {
		-webkit-box-align: center;
		        align-items: center;
		/* height:55px; */
	}
	#main-header-container {
		width: 100%;
		height:55px;
		-webkit-box-pack: center;
		        justify-content: center;
	}
	#main-header-menu-1,
	#main-header-menu-2 {
		display: none;
	}
	.logo-header {
		width: 200px;
		flex-basis: 200px;
		padding: 0;
		margin:0 auto 0 -50px;
	}
    header {
        height:95px;
        width:100%;
        position: fixed;
        top:0;
        left:0;
        min-width: 350px;
        z-index: 10000;
		box-shadow: 0px 5px 5px rgb(0 0 0 / 30%);
		background-color: #fff;
    }

    #menu-mobile-trigger {
        display: block;
        padding: 5px;
        margin: 10px auto 10px 15px;
        border: 2px solid #ffffff;
        border-radius: 5px;
        background-color: #13385f;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
		color:#fff;
		text-decoration: none;
    }
	.main-menu-mobile-wrap {
		display: none;
		overflow: auto;
		position: fixed;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		background-color: #0b57a7;
		z-index: 1000001;
	}
	#main-menu-mobile-close {
		display:block;
		position: absolute;
		right:10px;
		top:10px;
		color:#ffffff;
		z-index: 1000000;
	}
	#main-menu-mobile-close .material-icons {
		color:#ffffff;
	}
	.main-menu-mobile-wrap .main-menu-mobile-panel {
		margin: 40px auto 0px auto;
		width:80%;
		padding:10px 5%;
		background: #ffffff;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-ms-border-radius:10px;
		-o-border-radius:10px;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
	}
	.main-menu-mobile-wrap .main-menu-mobile-panel h3 {
		font-size: 20px;
		text-transform: uppercase;
		font-family: "franklin-gothic-medium";
		color:#13385f;
		padding: 0;
		margin:10px 0;
		/* border-bottom:1px dashed #0b57a7; */
		display: -webkit-box;
		display: flex;
		-webkit-box-align: center;
		        align-items: center;
	}
	.main-menu-mobile-wrap .main-menu-mobile-panel h3:before {
		content: url(/themes/default/images/top-header-list.png);
		padding: 0;
		margin: 0 5px 0 0;
	}	
	.main-menu-mobile-wrap .main-menu-mobile-panel li {
		margin:5px 0;
		padding:0 0 10px 10px;
		/* border-bottom:1px dotted #0b57a7; */
		list-style:disc;
		list-style-position: inside;
	}
	.main-menu-mobile-wrap .main-menu-mobile-panel li a {
		padding:5px 0;
		font-size: 17px;
		text-decoration: none;
	}

	/* mainSwiper */
	.mainSwiper {
		width: 100%;
		margin:90px 0 0 0;
	}
	/* services-on-main */
	#services-on-main {
		width: 100%;
		margin: 3px auto 0 auto;
		flex-wrap: wrap;
	}
	#services-on-main a {
		flex-basis: 33%;
		height: 150px;
		font-size: 20px;
		margin:0 0 3px 0;
	}

	/* order-on-main */
	#order-on-main {
		width: 100%;
		flex-wrap: wrap;
		height: auto;
		background: none;
	}
	#order-on-main-1 {
		flex-basis: 100%;
		background: #33679e url("/themes/default/images/order-on-main-1.png") no-repeat 50% 50%;
		padding:0 0 20px 0;
		margin:0 0 3px 0;
		/* order: 2; */
	}
	#order-on-main-1 img {
		display: none;
	}
	#order-on-main-1 div {
		position: static;
		width: 90%;
		margin: 10px auto;
	}
	#order-on-main-1 div p {
		padding: 20px 0 30px 0;
	}
	#order-on-main-2 {
		flex-basis: 100%;
		/* order: 1; */
		margin:0 0 3px 0;
		background: #e9641b;
	}
	#order-on-main-2 h3 {
		margin: 0;
		padding:20px 0;
	}
	#how-on-main {
		width: 100%;
		flex-wrap: wrap;
		padding:0 0 20px 0;
	}
	#how-on-main li {
		flex-basis: 46%;
		padding:0 2%;
		margin:10px 0;
	}
	#show_form {
		margin: 0 0 0 -165px;
		position: fixed;
		top: 100px;
		width: 330px;
	}
	#show_form .show_form_table input, 
	#show_form .show_form_table textarea {
		width: 170px;
	}
	/* catalog-on-main */
	#catalog-on-main {
		width: 100%;
		height: auto;
		padding:20px 0;
	}
	#catalog-on-main h3 a {
		display: none;
	}
	#catalog-on-main .swiper-button-next::after,
	#catalog-on-main .swiper-button-next:hover::after {
		content: "next";
		font-size: 40px!important;
		font-weight: bold;
		color:#e9641b;
		color:#13385f;
	}
	#catalog-on-main .swiper-button-prev::after,
	#catalog-on-main .swiper-button-prev:hover::after {
		content: "prev";
		font-size: 40px!important;
		font-weight: bold;
		color:#e9641b;
		color:#13385f;
	}
	/* #online-on-main { */

	#online-on-main {
		height: auto;
		width: 100%;
		overflow: hidden;
		background: #b6b4b5;
		margin:0 0 2px 0;
	}
	#online-on-main form {
		width: 96%;
		margin: 10px auto;
	}
	#online-on-main-fio, 
	#online-on-main-phone, 
	#online-on-main-email {
		flex-basis: 90%;
		margin:1px 2% 10px 2%;
		padding:5px 3%;
	}
	#online-on-main-comment {
		flex-basis: 90%;
		margin:1px 2% 10px 2%;
		padding:5px 3%;	
	}
	#online-on-main-file {
		flex-basis: 90%;
		margin:1px 2% 10px 2%;
		padding:5px 0;	
	}
	#online-on-main-polit {
		font-size: 14px;
	}
	#online-on-main-ok a {
		margin: 10px auto;
	}
	/* footer */
	footer {
		width: 100%;
		/* background: #0b57a7; */
		background: url("/themes/default/images/footer-map-mobile.png") no-repeat 50% 50%;
	}
	#footer-menu {
		-webkit-box-pack: center;
		        justify-content: center;
		width: 100%;
		background: #073d77ce;
	}
	#footer-menu-ul {
		display: none;/**/
	}
	#footer-menu-logo {
		display: none;/**/
	}
	#footer-law {
		width: 100%;
		background-color: #073d77;
	}
	#footer-law-container {
		width: 96%;
	}
	#footer-law span:first-child {
		-moz-text-align-last: left;
		     text-align-last: left;
		font-size: 12px;
	}
	#footer-law span:last-child {
		text-align: right;
		font-size: 12px;
	}
	#footer-law span:last-child a:hover {
		color:#b9c2cc
	}


	/* ============================================================== */
	
	/* ----- mainSwiper ----- */
	.mainSwiper {
		/* margin:130px auto 1px auto; */
	}

	
	/* ----- .block-text-main.tetext -----*/
	.block-text-main.tetext {
		flex-wrap: wrap;
	}
	#main .text-main-title {
		margin:30px auto 20px auto;
		text-align: center;
		font-size: 22px;
	}
	.text-main-img {
		margin: 0 auto;
		flex-basis: 320px;
	}
	.block-text-main.tetext p {
		flex-basis: 94%;
		text-align: center;
		margin:10px auto;
	}
	

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

	
	
	


	/* #main */
	#main {

	}


	/* ======================================================================== */


}

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

}

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

}

@media screen and (max-width: 900px) {
	
}

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

}

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

}	

@media screen and (max-width: 600px) {
	
}

@media screen and (max-width: 500px) {
	#services-on-main a {
		flex-basis: 100%;
	}
}

@media screen and (max-width: 400px) {
    
}