

@media only screen and (max-width : 1280px) {
	
	#navbar {
		display: none;
	}
	
	#navMobile {
		display: block;
		height: 56px;
		background-color: #191919;
	    position: fixed;
	    width: 100%;
	    top: 0;
	    z-index: 3;
	}
	
	#mobile-logo {
		position: absolute;
		top: 10px;
		left: calc(50% - 101.5px);
		height: 36px;
	}
	
	#menu_button {
		position: absolute;
		top: 1px;
		/* left: 13px; */
	}
	
	
		#menu-block {
			display: block;
			position: fixed;
			
			left: -290px;
			opacity: 0;
			
			top: 56px;
			width: 260px;
			background-color: #191919;
			height: calc(100% - 56px);
			min-height: calc(100% - 80px);
			z-index: 5;
			transition: all 0.5s ease;
			opacity: 1;
		}
		.open {
			left: 0px !important;
			opacity: 1 !important;
		}
			
			ul.menu {
				padding-top: 15px;
				display:block;
				list-style-type: none;
				text-align: left;
			}
			
				ul.menu li {
					padding-top: 22px;
				}
				
				ul.menu a {
					color: white;
					font-size: 18px;
					font-weight: 400;
					text-decoration: none;
				}
				
				#navMobileBottom {
				    position: absolute;
    				bottom: 20px;
				    left: 20px;
				    min-height: 14px;
				    box-sizing: border-box;
				}
}


@media only screen and (max-width : 1180px) {
	
	.articale_row {
	    width: 1080px;
	}
	
}

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

	.news-wrapper {
	    min-width: 280px;
    	width: 280px;
	}
	
	.inp_text {
		display: inline-block;
		width: 245px;
		margin-right: 10px;
	}
	
	.inp_textarea {
		width: 464px;
	}
	
	.add_txt {
		width: calc(100% - 160px);
		vertical-align: top;
	}
}

@media only screen and (max-width: 992px) { 
	
	#contacts_map {
		height: 360px;
	}
	
	#map_iframe {
		height: 360px;
	}
	
	.sec_background_arr h1, .sec_background_arr h3 {
		text-align: center !important;
	}
	
	.sec_background_arr {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	.section_footer {
		height: auto;
		padding: 25px;
	}
	
		.section_footer h1 {
			text-align: center;
		}
}

@media only screen and (max-width: 768px) { 
	
	#title {
		top: 15%;
	}
	
	#title h1, .sec_background_arr h1 {
		font-size: 36px;
		text-align: center;
	}
	
	#title h3, .sec_background_arr h3 {
		font-size: 18px;
	}
	
	#main_buttons {
		top: 20%;
	}
	
	.box-planning-type-1 {
		max-width: 100% !important;
	}
	
	.sec_background_arr {
		padding-top:25px;
		padding-bottom:25px;
		height: auto;
	}
		
		.section_footer h1 {
			font-size: 36px;
		}
		
		.section_footer h3 {
			font-size: 36px;
		}
		
	.flip-card {
		height: 400px;
	}
}

@media only screen and (max-width: 590px) { 
	
	.inp_text {
		display: inline-block;
		width: calc( 100% - 40px);
		margin-right: 10px;
	}
	
	.inp_textarea {
		width: calc( 100% - 40px);
	}
	
	.inp_textarea textarea {
		min-width: 40px;
		width: calc( 100% - 40px);
	}
	
	.news-wrapper {
		min-width: auto;
		width: auto;
	}
	
	#go_to_top {
		right: 20px;
		bottom: 20px;
	}
	
			
	#title h1, .sec_background_arr h1 {
		font-size: 28px;
	}
	
	.sec_background_arr h1 {
    	line-height: 46px;
	}
	
	#title h3, .sec_background_arr h3 {
		font-size: 18px;
	}
	
	#try_demo2, #try_demo4 {
		padding: 15px 75px;
	}
	
	#watch_video, #watch_video2, .btn-try {
		padding: 14px 71px;
	}
	
	.btn-1 {
		height: 65px;
	}
	

}

@media only screen and (max-width: 576px) { 
	.flip-card {
		height: 400px;
	}
	
	.flip-card-back {
		height: calc(400px - 75px);
	}
	
	
}
	
	
@media only screen and (max-width: 478px) {
	  .txt_area {
		width: calc(100% - 28px);
	  }
}
