@media only screen and (max-height: 800px){}
@media only screen and (max-width: 768px){
	.menu-top, .contact-top, .img-car-home{
		display: none;
	}

	.logo-top{
		text-align: center;
	}

	.logo-top img{
		max-width: 200px;
	}

	.header{
		background-color: #3b3b3b;
		padding: 10px 0px !important;
	}

	.header-inner{
		margin-bottom: 0px;
	}

	.head-home {
	    padding-top: 100px;
	    padding-left: 20px;
	    padding-right: 20px;
	}

	h1.title-page {
	    font-size: 22px;
	    color: #fff;
	    font-family: "GothamProLight";
	    line-height: 28px;
	    margin-top: 0px;
	    margin-bottom: 0px;
	    text-align: center;
	}

	h1.title-page span {
	    color: #ffeb42;
	    font-family: "GothamProBlack";
	    font-size: 22px;
	}

	h3.line-left{
		margin-top: 25px;
	}

	.head-home .form-box-call{
		width: 100%;
	}

	.head-home .form-box{
		margin-top: 50px;
	}

	.page-about, .box-gray-if{
		padding-left: 20px;
	    padding-right: 20px;
	}

	.form-call-black{
		width: 100%;
	}

	.form-call-black input[type="text"], .form-call-black input[type="text"]:nth-of-type(2), .form-call-black input[type="submit"], .form-call-black label{
		width: 100%;
		margin-right: 0px;
	}

	.page-about .text-page-inner{
		padding-right: 0px !important;
	}

	.image-post{
		display: none;
	}

	.box-gray-if{
		background-image: none;
		background-color: #3b3b3b;
		margin-top: 30px;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.box-gray-if .box-text-gray{
		margin-top: 30px;
    	font-size: 18px;
    	width: 100%;
	}

	.box-text-gray span {
	    display: inline-block;
	    font-family: "GothamProBlack";
	    font-size: 24px;
	}

	.icon-inner-box:nth-child(2):before, .icon-inner-box:before{
		display: none;
	}

	.icon-inner-box, .icon-inner-box:nth-child(1), .icon-inner-box:nth-child(3){
		width: 100%;
		padding-top: 0px;
		margin-bottom: 25px;
	}

	.box-about-2{
		margin-top: 0px;
		padding-left: 20px;
	    padding-right: 20px;
	    margin-bottom: 30px;
	}

	.box-about-2 .box-text-yellow{
		text-align: center;
	}

	.box-about-2 .text-page-inner p{
		padding-top: 0px;
	}

	.box-about-2 .text-page-inner p img{
		max-width: 100%;
	}

	.col-md-12.box-advantages{
		background-image: none;
	}

	.title-advantages{
		text-align: center;
	}

	.container-inner{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		margin-left: 0px;
	}

	.container-inner .form-box-call label{
		margin-top: 0px;
	}

	.form-box-call .col-xs-12, .form-box-call .frm:nth-child(1), .form-box-call .frm:nth-child(2){
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.footer-logo, .copyright{
		text-align: center;
	}

	.box-menu{
		display: block;
		position: fixed;
		top: 16px;
		left: 10px;
		width: 35px;
		height: 20px;
		z-index: 5;
	}

	.box-menu.active .line2{
		width: 0px;
	}

	.box-menu.active .line1{
		top: 9px;
		transform: rotate(45deg);
	}

	.box-menu.active .line3{
		bottom: 9px;
		transform: rotate(-45deg);
	}

	.line-menu{
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		border-radius: 2px;
		background-color: #fff;
		transition: 0.3s;
	}

	.line1{
		top: 0;
	}

	.line3{
		bottom: 0;
	}

	.line2{
		top: calc(50% - 1px);
	}

	.box-container-menu{
		display: block;
		height: calc(100% - 53.33px);
		position: fixed;
		z-index: 5;
		top: 53.33px;
		left: -100%;
		background-color: #3b3b3b;
		transition: 0.3s;
	}

	.box-container-menu.active{
		left: 0;
	}

	.box-container-menu{
		padding-top: 30px;
	}

	.box-container-menu a{
		color: #fff;
		padding-left: 20px;
		font-family: "GothamProBold";
		font-size: 18px;
		line-height: 24px;
	}

	.box-container-menu li.active a{
		color: #ffed35;
	}

	.box-container-menu ul{
		margin-bottom: 30px;
	}

	.box-container-menu .contact-top{
		display: block;
	}

	.box-container-menu a{
		width: 100%;
		padding-left: 20px;
		margin-top: 20px;
	}

	.bnt-modal{
		font-size: 16px;
		text-align: center;
		padding: 0px 15px;
		width: 100%;
	}

	.head-vikup .form-box{
		display: none;
	}

	.icon-inner-box-adv{
		margin-bottom: 30px;
	}

	.icon-inner-box-adv p{
		margin-top: 10px;
	}

	.box-adv-vikup h4{
		padding: 0px !important;
	}

	.container-inner p{
		text-align: center;
	}

	.head-vikup .title-page span {
	    font-size: 30px;
	    line-height: 40px;
	}

	.box-frm{
		width: 100% !important;
	}

	.box-frm, .box-frm:nth-child(2n){
		padding: 0px !important;
	}

	#myOcenka input[type=file] {
	    max-width: 100%;
	}

	
	.image-box-trade{
		display: none;
	}

	.line-step-trade.rtl .text-box-trade{
		padding-top: 0px !important;
	}

	.col-md-5-1{
		width: 100% !important;
	}
	
	   .black-btn{
		font-size: 16px;
		width: 100%;
		padding: 0px;
		text-align: center;
	}

	.black-bg .text-page-inner h5{
		text-align: center;
	}
	
	   .box-text-yellow{
		font-size: 28px;
	}

	.text-slide{
		margin-top: 30px;
		padding-left: 0px;
	}

	.text-slide li{
		width: 100%;
		text-align: center;
		font-size: 14px;
	}
	
	.head-kontakty .title-page {
	    margin-top: 0px;
	}

	.map-box-contact{
		height: 300px;
	}

	.box-contacts{
		margin-top: -25px;
	}

	.text-contacts{
		width: 100% !important;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 40px;
	}

	.line-contacts table td:nth-child(2){
		display: none;
	}

	.line-contacts table td:nth-child(1), .line-contacts table td:nth-child(3){
		width: 100%;
		text-align: center;
	}

	.title-cnt, .data-cnt{
		width: 100%;
		text-align: center;
	}

	.link-message a{
		margin-bottom: 20px;
	}
	
	   .image-logo-full{
		padding-top: 0px !important;
		padding-bottom: 50px !important;
	}

	.container-inner>.col-xs-12.col-md-12, 
	.container-inner p{
		padding-left: 0px !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px)  and (orientation: landscape){
	.logo-top{
		width: 25% !important;
	}

	.contact-top {
		width: 74% !important;
	}

	.text-phone p{
		font-size: 18px;
	}

	.menu-top .container {
    		width: 100% !important;
	    transition: 0.3s;
	}

	.header.scrolled .menu-top .container{
		width: 75% !important;
	}

	.menu-top li a {
   	 margin-top: 20px;
	    display: inline-block;
	    width: 100%;
	    text-align: center;
	    height: 40px;
	    line-height: 14px;
	    color: #fff;
	    font-family: "GothamProRegular";
	    font-size: 13px;
	    transition: 0.3s;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){}