/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {
    .h-block-container, .w-block-container, .f-block-container{
        max-width: 1280px;
    }
    .swiper-1 .swiper-slide-container{
        min-width: 1024px;
    }
    .swiper-1 .substrate{
        width: 70%;
        margin: 0 auto;
    }
	.swiper-1 .swiper-title{
		padding-left:0;
		padding-right:0;
	}
    .h-row-1 .h-col-4{
        width: 37.5%;
    }
    /*.h-row-1 .h-col-5{
        width: 28.25%;
    }*/
    .h-row-1 .h-col-6{
        display: none;
    }
    .record-form{
        text-align: center;
    }
    .record-form-field{
        margin-bottom: 30px;
    }
    .record-form-field-1{
        width: 37.2%;
    }
    .record-form-field-2{
        width: 21.97%;
    }
    .record-form-field-3{
        width: 21.97%;
    }
    .record-form-field-4{
        width: 27.34%;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {
    .h-block-container, .w-block-container, .f-block-container{
        max-width: 1024px;
    }
    .swiper-1 .swiper-slide-container{
        min-width: 768px;
    }
    .w-block{
        margin-bottom: 30px;
    }
    .h-row-1{
        height: 50px;
    }
    .h-row-1 .h-col{
        height: 50px;
    }
    .h-row-1 .h-col-1{
        display: block;
        width: 10%;
    }
    .h-row-1 .h-col-2{
        line-height: 50px;
        width: 30%;
    }
    .h-row-1 .h-col-3{
        width: 30%;
    }
    .h-row-1 .h-col-4,  .h-row-1 .h-col-5{
        display: none;
        width: 7.94%;
    }
    .h-row-2{
        height: 0 !important;
    }
	.h-menu-item{
		font-size:0;
	}
    .online-record-button{
        background: none;
        border-radius: 2px;
        border: 1.5px #e05206 solid; 
        outline: 0;
    }
    .button-size-4{
        position: absolute;
        top: 7.5px;
        right: 3.39%;
        /* left: 70%;*/
        min-width: 173px;
        width: 26.61%; 
        height: 33px;
    }
    .button-size-4-i,.button-size-4-1, .button-size-4-2{
        max-width: 30%;
    }
    .button-size-4-i{
        height: 35px;
    }
    .button-size-4-1, .button-size-4-2{
        line-height: 35px;
    }
    .h-row-2 .icon-record{
        left: 0;
    }
    .services-items ul li{
        margin-left: 1%;
        margin-right: 1%;
        width: 47%;
    }
    .news-items ul li{
        margin-left: 1%;
        margin-right: 1%;
        width: 32%;
    }
    .news-items ul li:nth-of-type(3){
        margin-right: 0;
    }
    .news-items ul li:nth-of-type(n+4){
        display: none;
    }
    .aboutText{
        flex-wrap:wrap;
    }
    .aboutText__left{
        flex-basis: 100%;
    }
    .aboutText__right{
        display: block;
        margin-top: 30px;
        flex-basis: 100%;
    }
    /*
    .a-right{
        display: table-footer-group;
        float: none;
        margin: 0 auto 20px;
    }
    .a-left{
        display: table-header-group;
        margin-right: 0;
        padding: 0;
    }
    .a-left-container{
        margin-bottom: 30px;
    }
    */
    .hww-item{
        padding-left: 3%;
        padding-right: 3%;
    }
    .hww-item li{
        width: 48%;
		margin-bottom: 30px;
    }
    .hww-icon{
        float: left;
		margin-bottom: 0;
    }
    .hww-text{
        margin-left: 77px;
        text-align: left;
        padding-left: 5%;
		min-height: 76px;
		display: table;
    }
	.hww-text-container{
		display: table-cell;
		vertical-align: middle;
	}
    .online-record .f-block-container{
        max-width: 85.29%;
        padding: 0;
    }
    .record-form-field-1{
        width: 59%;
        margin-right: 10%;
    }
    .record-form-field-2{
        width: 30%;
        margin-right: 0;
    }
    .record-form-field-3{
        width: 30%;
        margin-right: 10%;
    }
    .record-form-field-4{
        width: 59%;
        margin-right: 0;
    }
	.contacts{
        background: -webkit-linear-gradient(90deg, #535e63 0%, #1e1f1f 100%);
        background: -moz-linear-gradient(90deg, #535e63 0%, #1e1f1f 100%);
        background: -o-linear-gradient(90deg, #535e63 0%, #1e1f1f 100%);
        background: -ms-linear-gradient(90deg, #535e63 0%, #1e1f1f 100%);
        background: linear-gradient(0deg, #535e63 0%, #1e1f1f 100%);
    }
    .map-description{
        background: none;
        position: relative;
        top:auto;
        right:auto;
        bottom:auto;
        height: auto;
    }
    .map-description-3{
            margin-bottom: 30px;
    }
}
@media only screen and (max-width : 640px) {
    
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .h-block-container, .w-block-container, .f-block-container{
        max-width: 768px;
    }
    .swiper-1 .swiper-slide-container{
        min-width: 480px;
    }
    .swiper-1 .substrate {
        width: 90%;
        display: block;
    }
    .swiper-1 .swiper-description{
        display: none;
    }
    .swiper-1 .swiper-title{
        position: relative;
        height: 150px;
        display: table;
        background: none;
        width: 90%;
        padding: 0 5%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .swiper-1 .swiper-title>div{
        display: table-cell;
        vertical-align: middle;
    }
    /*Disable Animation on Mobile Devices*/
    .animated {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
    .h-row-1 .h-col-3{
        display: none;
    }
    .w-block-title{
        max-width: calc(80% - 30px);
    }
    .w-block-title .h3{
        font-size: 1.8em;
    }
    .swiper-1 .swiper-border{
        border: none;
    }
	.services-items ul li{
		margin-left: 0;
		margin-right: 0;
	}
    .services-pages .services-items ul li{
        margin-bottom: 0;
    }
    .services-item-cost{
        position: relative;
        right: -60%;
    }
    .news{
        display: none;
    }
    .news-page .news-item-back{
        width: 180px;
    }
    .news-page  .news-item-description{
        margin-left: 180px;
    }
    .c-left{
        float: none;
        width: 100%;
        padding: 0;
    }
    .c-left img{
        width: 80%;
    }
    .c-right{
        margin: 0 auto 30px;
    }
    .button-size-6{
        margin: 0;
    }
    .hww-item li{
        width: 98%;
    }
    .button-size-8{
        margin: 0 auto;
    }
    .mini-title, .mini-title-2{
        max-width: 98%;
    }
    .record-form-field{
        width: 100%;
        margin-right: 0;
    }
    .record-form-field-2, .record-form-field-3{
        width: 80%;
    }
    /*.contacts{
        background: -webkit-linear-gradient(90deg, #535e63 0%, #1e1f1f 100%);
        background: -moz-linear-gradient(90deg, #535e63 0%, #1e1f1f 100%);
        background: -o-linear-gradient(90deg, #535e63 0%, #1e1f1f 100%);
        background: -ms-linear-gradient(90deg, #535e63 0%, #1e1f1f 100%);
        background: linear-gradient(0deg, #535e63 0%, #1e1f1f 100%);
    }
    .map-description{
        background: none;
        position: relative;
        top:auto;
        right:auto;
        bottom:auto;
        height: auto;
    }
    .map-description-3{
            margin-bottom: 30px;
    }*/
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .h-block-container, .w-block-container, .f-block-container{
        max-width: 480px;
    }
    .swiper-1 .swiper-slide-container{
        min-width: 320px;
    }
    .h-row-1 .h-col-2{
        width: calc(88% - 35px);
    }
    .h-row-1 .h-col-2 .h-logo{
        width: auto;
    }
    .swiper-1 .substrate {
        width: 100%;
    }
    .online-record-button .button-size-4-1, .online-record-button .button-size-4-2{
        display: none;
    }
    .button-size-4{
        min-width:33px;
        width: auto;
    }
    .button-size-4-i{
        width: 33px;
		max-width: initial;
    }
    .h-row-2 .icon-record{
        right: 0;
    }
    .news-page .news-item-back, .news-page .news-item-text{
        display: none;
    }
    .news-page .news-items ul li{
        margin-bottom: 0;
    }
    .news-page  .news-item-description{
        margin-left: 0;
    }
    .services-page .services-items ul li{
        width: 98%;
    }
    .services-page .services-item {
        height: auto;
    }
    .services-page .services-item-back{
        display: none;
    }
	.services-page .gallery  .services-item {
        height: 250px;
    }
	.services-page .gallery .services-item-back{
        display: block;
    }
    .services-page .services-item-description{
        position: relative;
    }
    .services-item-description-text{
        padding-left: 0;
        padding-right: 0;    
    }
    .record-text{
        display: none;
    }
    .map-description{
        min-width: 0;
    }
    .map-description-container{
        width: 90%;
        margin: 0 auto;
    }
    .develop_site .f-block-container{
        text-align: center;
    }
    .develop_site_half{
        float:none;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 769px) {
   
#swiper2  .swiper-wrapper{
    display: block;
}
#swiper2  .swiper-scrollbar, #swiper2  .swiper-button-container{
    display: none;
}
#swiper2_d  .swiper-wrapper{
    display: block;
}
#swiper2_d  .swiper-scrollbar, #swiper2  .swiper-button-container{
    display: none;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 1025px) {
	.h-row-2 .h-col-2{
		position:relative;
		z-index:50;
	}
	.test{
		display:block;
	}
	.h-row-2.h-block{
		position: relative;
	} 
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1280px) {
	/*.swiper-1 .swiper-slide{
		height:700px;
	}*/
}