@media screen and (max-height:900px){
	.sec3-container {
     
    padding-top: 150px;
}
}
@media screen and (max-width: 1000px){
	
	.logo
	{
		margin-top: 30px;
	}
	
    .section3 .cont,
    .section5 .cont,
    .section2 .menu-toggle,
    .section4 .menu-toggle,
    .pagin-wrap,
    .scroll-down{display: none;}
    .section2 {
        position: relative;
        min-height: 660px;
        height: auto !important;
        padding-bottom: 50px;
    }
    .section .cont {
		/*
        position: static;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
		*/
    }
    .about .article-textblock{width: 100%;}
    .sec2-text {width: 340px;}
    .sec-text-container {margin-bottom: 30px;}
    .about-art-img{
        height: 410px;
        width: auto;
        margin-left: 0;
        right: 0;
        bottom: -140px;
		top: auto;
    }
    .about .cont {padding-bottom: 250px;}
    .about-img {
        margin-left: -120px;
        bottom: -87px;
        width: 90%;
    }
    .section3 {
        background: #181818;
        position: relative;
        min-height: 660px;
        height: auto !important;
        padding: 55px 0 80px 0;
    }
    .container {
        position: static;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
    }
    .sec3-text-wrap {
        width: 100%;
        float: none;
    }
    .sec3-text-container {margin-bottom: 35px;}
    .services-wrap {padding: 0;}
    .services-item {
        margin-right: 3.33%;
        margin-left: 0;
    }
    .services-item:last-child {margin-left: 0;}
    .section4 {
        position: relative;
        min-height: 600px;
        height: auto !important;
    }
    .sec4-text {
        width: 290px;
        padding-top: 25px;
    }
    .slider-sec .sec-text-container h2,
    .section4 .sec-text-container h2 {margin-bottom: 10px;}
    .section4 .sec-text-container {margin-bottom: 20px;}
    #fullpage {
        width: 100%;
        overflow: hidden;
        min-height: 100%;
    }
    .slider-controls {
        width: 100px;
        height: 46px;        
        bottom: auto;
        top: 270px;
        right: auto;
        left: 25px;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        z-index: 10;
    }
    .section5 {
        position: relative;
        height: auto !important;
    }
    .form-section-bg {
        height: auto;
        padding: 50px 0;
    }
    .back-form {
        width: 100%;
        max-width: 716px;
    }
    .form-wrap h2 {margin-bottom: 20px;}
    .form-desc {
        margin: 0 auto 30px auto;
        width: 100%;
        max-width: 430px;
    }
    .form-left {padding-bottom: 0;}
    .index-form-section {padding-bottom: 0;}
    .footer {
        height: auto;
        padding: 25px 0;
        position: static;
    }
    .footer:after{
        content: '';
        display: block;
        clear: both;
    }
    .footer-menu-list {display: none;}
    .soc-list {clear: none;}
    .soc-item {margin-left: 8px;}
    .section1 {
        height: auto !important;
        padding: 20px 0 35px 0;
    }
    .section1 .container{padding: 35px 0;}
    .logo {max-width: 80%;}
    .mine-menu-wrap .cont {
        position: static;
        padding: 20px;
        height: 70px;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    .mine-menu-wrap .container{
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .menu-logo {margin: 0 auto 10px auto;}
    .menu-title {
        line-height: 1.2;
        margin-bottom: 10px;
    }
    .menu-tel {margin-bottom: 25px;}
    .mine-menu-item {margin-bottom: 20px;}
    .sert-section {padding: 45px 0 40px 0;}
    .sert-section .sert-text {
        float: none;
        width: 100%;
        margin: 0;
        padding-right: 0;
    }
    .sert-wrap:after{
        content: '';
        clear: both;
        display: block;
    }
    .sert-wrap {padding-top: 25px;}
    .sert-item:nth-child(3n+2) {margin-right: 2.6%;}
    .sert-item:nth-child(3n+3) {
        clear: none;
        margin-right: 0;
    }
	
	.sert-item
	{
		margin-right: 1.6%;
		display: inline-block;
		float: none;
	}
	
    .slider-sec {
        min-height: 630px;
        height: auto;
    }
    .breadcrumbs {margin-bottom: 20px;}
    .about {padding: 30px 0;}
    .callback-sec .form-section{padding-top: 0;}
    .callback-sec{height: auto;}
    .articles {padding: 30px 0 90px 0;}
    .articles .article-textblock {margin-bottom: 30px;}
    .articles-desc-wrap {width: 550px;}
    .articles-prevtext {padding: 25px 95px 0 25px;}
    .articles-img-wrap {width: 500px;}
    .articles-img-wrap span {float: right; height: 200px; top: 0;}
    .articles-desc-wrap {
        width: 80%;
        height: auto;
        transform: skew(0deg);
        position: relative;
    }
    .articles-prevtext {
        transform: skew(0deg);
        padding: 25px;
    }
    .articles-date {
        margin-bottom: 10px;
        font-size: 22px;
        line-height: 24px;
    }
    a.articles-name {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 15px;
    }
    .articles-img-wrap {
        width: 80%;
        height: 285px;
        bottom: -140px;
		margin-top: 100px;
        transform: skew(0deg);
    }
    .articles-img-wrap span {transform: skew(0deg);}
    .articles-item {margin-bottom: 70px;}
    
    .articles {padding: 30px 0 50px 0;}
    .articles-item{height: auto;}
    .page-pagination a, .page-pagination span {margin: 0 8px;}
    .more-articles-item{min-height: auto;}
    .more-articles-imgblock {height: auto;}
    .article img {margin-bottom: 0;}
    .more-articles-textblock {padding: 25px;}
    .article {padding: 30px 0 55px 0;}
    .contact-page {padding: 30px 0 70px 0;}
    .contacts-wrap {margin-bottom: 25px;}
    .contacts-wrap {margin-bottom: 25px;}
    .contacts-left, .contacts-right {
        height: auto;
        /*padding: 0 25px 0 0;*/
		padding-right: 10px;
    }
    .contacts-right {padding-left: 60px;}
    .map {height: 400px;}
    .error404 {
        height: 530px;
        padding-top: 450px;
        background-size: auto 100%;
    }
    .partners {padding: 30px 0 40px 0;}
    .partners .article-textblock {margin-bottom: 30px;}
    
    .services-page-item {
        width: 48%;
        margin-right: 4%;
        padding: 20px 20px 100px 20px;
        min-height: auto;

    }
    .services-page-item:nth-child(3n+3) {margin-right: 4%;}
    .services-page-item:nth-child(2n+2) {margin-right: 0;}
    .services-page-item:nth-child(3n+4) {clear: none;}
    .services-page-item:nth-child(2n+3) {clear: both;}
    .works-page {padding: 30px 0;}
    .fotorama__arr--prev, .fotorama__arr--next {height: 90px !important;}
	.item-gallery .fotorama__arr--prev:before,
	.item-gallery .fotorama__arr--next:before {
		top: 30%;
	}
    .works-page .article-textblock {margin-bottom: 30px;}
    .gallery-wrap {padding-bottom: 30px;}
    .works-header {padding: 20px 0;}
    .work-wrap {margin-bottom: 30px;}
    .works .page-pagination,
    .works-page .page-pagination{margin-top: 30px;}
    .serv-det {padding: 30px 0;}
    .serv-art-img {
        position: static;
        display: block;
        width: 100%;
        margin-bottom: 25px;
    }
    .serv-det .article-textblock {width: 100%;}
    .works .cont {padding-bottom: 40px;}
    
    
    
    
	.slider .bottom_back
	{
		display: none;
	}
    
    .main-slider-description .blackbutton 
	{
		
	}
    
}

@media screen and (max-width: 767px){
    .sec2-text {width: 100%;}
    .about-img {
        margin-left: 0;
        left: auto;
        right: -36px;
        bottom: -25px;
        width: auto;
        height: 240px;
        z-index: 3;
    }
    .section2 {padding-bottom: 250px;}
    .services-item {
        margin-right: 4%;    
        width: 48%;
        margin-top: 20px;
    }
    .services-item:nth-child(even){margin-right: 0;}
    .services-title {
        font-size: 12px;
        line-height: 1.5;
    }
    .services-wrap {padding-top: 20px;}

	.slider .top_back,
	.slider .bottom_back
	{
		display: none;
	}
	
	/*
    .slider-list-wrap {
        position: static;
        margin: 0;
        width: 100%;
    }
    .slider-item img {width: 100%;}
    .slider-item {transform: skew(0deg);}
    .slider-list {transform: skew(-0deg);}
    .slider-list-wrap {position: static;}
	*/
    .slider-controls {
        position: relative;
        top: 0;
        left: 0;
        float: right;
        margin: 20px 20px 0 0;
    }
    .section4 {
        min-height: auto;
        padding-bottom: 30px;
    }
    .sec4-text {width: 100%;}
    .sec3-container,
    .block, .cont{padding: 0 18px;}
    .form-section-bg {padding: 50px 18px;}
    .form-left {
        float: none;
        padding-right: 0;
        width: 100%;
    }
    .form-right {
        float: none;
        padding-left: 0;
        width: 100%;
    }
    .label {height: auto;}
    .footer {text-align: center;}
    .address {
        float: none;
        margin-bottom: 15px;
    }
    .digitrade,
    .copyright,
    .soc-list {float: none;}
    .about-art-img {
        height: 340px;        
        bottom: -80px;
		top: auto;
    }
    .sert-item {
        width: 48%;
        margin: 0 4% 34px 0;
    }
    .sert-item:nth-child(3n+3){margin-right: 4%;}
    .sert-item:nth-child(even){margin-right: 0;}
    .slider-sec {
        min-height: auto;
        padding-bottom: 30px;
    }
    .slider-sec .cont{position: static;}
    .header-tel{margin-right: 20px;}
    .more-articles-item {
        width: 100%;
        margin: 0 auto 12px auto !important;
        max-width: 344px;
        float: none;
    }
    .article td, .article th {padding: 8px 10px;}
    .article td {
        font-size: 12px;
        line-height: 20px;
    }
    h1, h2 {
        font-size: 26px;
        line-height: 32px;
    }
    .article h2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 28px;
    }
    .contacts-left, .contacts-right {
        width: 100%;
        float: none;
        margin-bottom: 25px;
        height: auto;
        padding: 0 0 0 35px !important;
    }
    .contacts-right:before {left: 0;}
    .contacts-wrap {margin-bottom: 0;}
    .contact-page {padding: 30px 0 35px 0;}
    .error404 {
        height: 390px;
        padding-top: 320px;
    }
    .brend-item {
        width: 32%;
        float: left;
        margin: 0 2% 10px 0;
        padding-top: 32%;
    }
    .brend-item:nth-child(4n+4) {margin-right: 2%;}
    .brend-item:nth-child(3n+3) {margin-right: 0;}
    .brend-desc {margin-bottom: 20px;}
    .brend-name {font-size: 20px;}
    .services-page-item {
        width: 100%;
        max-width: 340px;
        margin: 0 auto 20px auto !important;
        padding: 20px 20px 100px 20px;
        float: none;
    }
    
    .fotorama__nav-wrap{display: none;}
    .fotorama__arr--prev, .fotorama__arr--next {
        background: none !important;
        top: 50% !important;
        margin-top: -45px !important;
    }
    .fotorama__arr--prev:hover, .fotorama__arr--next:hover {background: none !important;}

    .page-pagination {
        width: 100%;
        max-width: 529px;
        background: none;
    }
    .work-item {
        width: 50%;
        padding-top: 50%;
    }
    
    
    
    
    
    
}

@media screen and (max-width: 480px){
	
	.about-img
	{
		display: none;
	}
	
    .services-item {
        margin-right: 0;
        float: none;
        width: 100%;
        max-width: 240px;
        margin: 20px auto 0 auto !important;
    }
    div.services-item {height: auto;}
    .soc-item {margin-left: 6px;}
    .soc-item:first-child{margin-left: 0;}
    .index-title {
        font-size: 16px;
        line-height: 20px;
    }
    .logo {margin: 30px auto 20px auto;}
    .sec2-text {padding-top: 37px;}
    .section3 {padding: 35px 0 30px 0;}
    .form-section-bg {padding: 30px 18px 50px 18px;}
    .header-logo {margin-top: -20px;}
    .header-tel {
        float: left;
        line-height: 18px;
        font-size: 16px;
        margin-right: 0;
    }
    .main {clear: both;}
    .sert-item {
        width: 100%;
        margin: 0 auto 20px auto !important;
        float: none;
        max-width: 284px;
    }
    .article td, .article th {padding: 8px 6px;}
    .article table {margin-left: -10px;}
    .error404 {
        height: 260px;
        padding-top: 210px;
    }
    .error404-text {
        font-size: 12px;
        font-weight: bold;
        line-height: 16px;
    }
    .error404-goback {
        text-transform: uppercase;
        font-size: 18px;
        line-height: 18px;
        font-weight: bold;
    }
    .brend-item {
        width: 100%;
        max-width: 250px;
        float: none;
        margin: 0 auto 20px auto !important;
        padding-top: 250px;
    }
    .work-item {
        width: 100%;
        max-width: 285px;
        padding-top: 285px;
        border: none;
        margin: 0 auto 20px auto;
        float: none;
    }
    
    
    
    
    
    
}