/*==========  Desktop First Method  ==========*/
@media only screen and (min-width : 1920px) {
  a.btn-img{
    display: none;
  }
  .more-serv-img{
    position: absolute;
    left: 35%;    
    bottom: 114px;
  }  
  .more-serv-img img{
     width: 455px;    
    position: absolute;
    top: 0;
  }
  .more-serv-page{
    display: none;
  }
}

@media only screen and (max-width : 1920px) {
  a.btn-img{
    display: none;
  }
  .more-serv-img{
    position: absolute;
    left: 35%;    
    bottom: 114px;
  }  
  .more-serv-img img{
     width: 455px;    
    position: absolute;
    top: 0;
  }
  .more-serv-page{
    display: none;
  }
}

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

@media only screen and (max-width : 1245px) {
  .products-item-text {
    margin-top: 35px;
  }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
  .navbar-nav > li {
    padding: 0 16px 0 16px;
  }
}

@media only screen and (max-width : 1199px) {
  .header-content-img img {
    position: absolute;
    width: 569px;
    left: -65px;
    top: 50px;
  }
  .first-section-item p{
    font-size: 16px;
  }
  .tehno-descr-text h3{
    font-size: 40px;
  }
  .products-item-img img{
    width: 100%;
  }
  .products-item-text p{
    font-size: 12px;
  }
  .steps-item p{
    font-size: 16px;
  }
  img.steps-item-icon{
    width: 45px;
  }
  .news {   
    padding-top: 30px;
  }
  .second-head{
    padding-bottom: 54px;
  }
}

@media only screen and (max-width : 1080px){
  .service-description-form-title h6{
    font-size: 20px;
  }
}

@media only screen and (max-width : 1050px) {
  .header-content-img img {
        position: absolute;
        width: 569px;
        left: -100px;
        top: 50px;
  }
}

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

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
}

@media only screen and (max-width : 991px) {
	.header-content-own p{
    font-size: 18px;
  }
  .header-content-own h1{
    font-size: 40px;
  }
  .header-content-own p.second-text{
    font-size: 18px;
  }
  .header-btn a{
    font-size: 14px;
  }
  .header-content-img img {
    position: absolute;
    width: 480px;
    left: -50px;
    top: 50px;
  }
  .tehno-descr-text h3 {
    font-size: 36px;
  }
  .products-item-text p{
    font-size: 14px;
  }
  .steps-item{
    margin-bottom: 30px;
  }
  .steps-line {    
    padding: 60px 40px 0px 40px;    
  }
  img.steps-item-icon{
    width: 60px;
  }
  .open-form-item-text h5{
    font-size: 24px;
  }
  .news-item{
    display: block;
  }
  .news-item-img{
    width: 100%;
  }
  .header-logo-img{
    text-align: center;
  }
  footer .header-item:first-child{
    text-align: center;
    margin-top: 20px;
  }
  .header-item{
    text-align: center;
  }
  .footer-adress p{
    text-align: center;
  }
  .footer-adress{
    margin-top: 20px;
  }
  .post-info-img img{
    width: 100%;
  }
  .content{
    width: 65%;
  }
  .rightSidebar{
    width: 35%;
  }
}

@media only screen and (max-width : 900px) {
  .header-info-logo{
    flex-basis: 50%;
    text-align: center;
  }
  .header-info-write{
    flex-basis: 50%;
    text-align: center;
  }
  .header-info-phone{
    flex-basis: 50%;
    text-align: center;
    padding-top: 6px;
  }
  .header-info-btn{
     flex-basis: 50%;
     text-align: center;
  }
  .header-info-phone-time p{
    text-align: center;
  }
  .header-phone-item-one {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3px;
  }
  .header-info-territory p{
    display: inline-block;
    margin: 0;
  }
  .header-info-territory p{
    margin: 0;
  }
  .header-content-img img {
    position: absolute;
    width: 400px;
    left: -50px;
    top: 50px;
  }  
}

@media only screen and (max-width : 860px) {
  .servicies img.second-img {
    width: 135px;
    margin-top: 90px;
  }
}

@media only screen and (max-width : 800px) {
  .servicies img.second-img {
    width: 110px;
    margin-top: 120px;
  }
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
}

@media only screen and (max-width : 767px) {
  .header-content-img img {
    position: absolute;
    width: 269px;
    left: 415px;
    top: 50px;
  }
  .header-logo-wrap img {
    width: 100px;
  }
  .header-info-phone-time p{
    font-size: 14px;
  }
  .header-phone-item-one a{
    font-size: 16px;
  }
  .header-phone-item-one ul li img {
    width: 20px;
  }
  .header-info-write p{
    margin: 0;
  }
  .header-content-own p.second-text {      
    width: 85%;
  }
  .tehno-descr-text h3 {
    font-size: 30px;
  }
  .more-serv-wrap{
    display: block;
  }
  .more-serv .tehno-descr-text{
    width: 100%;
  }
  .more-serv{
    padding-bottom: 0;
  }
  .servicies img.second-img {
    width: 155px;
    margin-top: 35px;
  }
  .about-page-info h4 {    
    margin-left: 25px;
  }
  .more-serv-page{
    display: block;
  }
  .rightSidebar{
    display: none;
  }
  .theiaStickySidebar {
    padding-right: 0;
  }
  .content{
    width: 100%;
  }
}

@media only screen and (max-width : 745px) {
  .header-content-own p {
    font-size: 16px;
  }
  .header-content-own h1 {
    font-size: 36px;
  }
  .header-content-own p.second-text {
    font-size: 16px;
  }
}

@media only screen and (max-width : 740px){
  .open-form-item{
    display: block;
  }
  .open-form-item:before {
    content: "";    
    width: 96%;    
  }
  .open-form-item-form{
    margin-top: 40px;
  }
}

@media only screen and (max-width : 700px) {
  .header-content-img img {
    position: absolute;
    width: 269px;
    left: 360px;
    top: 50px;
  }
  .more-serv-img {
    position: absolute;
    left: 20%;
    bottom: 114px;
  }
  .steps .col-xs-3{
    width: 33%;
  }
}

@media only screen and (max-width : 670px){
  .header-content-own h1 {
    font-size: 30px;
  }
  .header-content-img img {
    position: absolute;
    width: 269px;
    left: 320px;
    top: 50px;
  }
}

@media only screen and (max-width : 605px){
  .header-content-img img {
    position: absolute;
    width: 225px;
    left: 320px;
    top: 50px;
  }
}

@media only screen and (max-width : 600px){
  .products .col-xs-4{
    width: 50%;
  }
  .open-form-item:before {
    content: "";
    width: 95%;
  }
}

@media only screen and (max-width : 575px){
  .more-serv-img img {
    width: 360px;
    position: absolute;
    top: 0;
  }
}

@media only screen and (max-width : 560px){
  .header-content-img img {
    position: absolute;
    width: 225px;
    left: 280px;
    top: 50px;
  }
  .tehno-descr-text h3 {
    font-size: 26px;
  }
  .about-page-info{
    display: block;
  }
  .about-page-info img{
    width: 100%;
  }
  .about-page-info h4 {
    margin-left: 0;
  }
}

@media only screen and (max-width : 520px){
  .header-info-write p{
    font-size: 12px;
  }
  .header-info-phone-time p {
    font-size: 12px;
  }
  .header-phone-item-one a {
    font-size: 14px;
    letter-spacing: -.5px;
  }
  .header-info-btn a{
    font-size: 12px;
  }
  .header-content-own p {
    font-size: 14px;
  }
  .header-content-own h1 {
    font-size: 26px;
  }
  .header-content-own p.second-text {
    font-size: 14px;
  }
  .header-content-item p{
    font-size: 12px;
  }
  .mli_ico {
    width: 30px;
    height: 30px;    
    top: -16px;
    left: 20px;   
  }
  .header-content-item{
    margin-top: 20px;
    padding: 15px 10px;
  }
  .header-content-img img {
    position: absolute;
    width: 180px;
    left: 280px;
    top: 50px;
  }
  .header-btn a {
    font-size: 12px;
  }
  .steps .col-xs-3{
    width: 50%;
  }
}

@media only screen and (max-width : 500px){
  .open-form-item:before {
    content: "";
    width: 94%;
  }
}

@media only screen and (max-width : 480px){
  .header-content-own p.second-text {
    width: 95%;
  }
  .header-content-img img {
    position: absolute;
    width: 180px;
    left: 256px;
    top: 50px;
  }
}

@media only screen and (max-width : 470px){
  .servicies-item-wrap{
    display: block;
  }
  .servicies-bgc {   
    padding: 60px 0px 30px 0px;
  }
  .steps-line {
    padding: 60px 0px 0px 0px;
  }
  .more-serv-page .more-serv-img{
    left: 12%;
  }
  .service-description-text ul{
    display: block;
  }
  .service-description-text ul li{
    width: 100%;
  }
}

@media only screen and (max-width : 450px){
  .header-content-img img {
    position: absolute;
    width: 180px;
    left: 220px;
    top: 50px;
  }
  .more-serv-img img {
    width: 275px;
    position: absolute;
    top: 0;
  }
}

@media only screen and (max-width : 440px){
  .header-info-logo {
    flex-basis: 35%;       
  }
  .header-info-write{
    flex-basis: 65%; 
  }
  .header-info-btn {
    flex-basis: 40%;        
  }
  .header-info-phone{
    flex-basis: 60%; 
  }
}

@media only screen and (max-width : 420px){
  a.btn-text{
    display: none;
  }
  a.btn-img{
    display: inline-block;
    padding: 12px;
  }
  a.btn-img img{
    width: 20px;
  }
  .header-info-btn {
    flex-basis: 20%;
    text-align: right;
  }
  .header-info-phone{
    flex-basis: 80%;
  }
  .header-content-own h1 {
    font-size: 22px;
  }
  .header-content-img img {
    position: absolute;
    width: 135px;
    left: 220px;
    top: 94px;
  }
}

@media only screen and (max-width : 400px){
  .products-item-text p {
    font-size: 12px;
  }
  a.products-item{
    padding: 6px 1px 6px 1px;
  }
  .products-item-line {    
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .products-item-text p{
    margin-top: 0;
  }
  .products-item-text {
    margin-top: 16px;
  }
  .steps-item p {
    font-size: 14px;
  }
  .open-form-item:before {
    content: "";
    width: 92%;
  }
  .form-callback {    
    padding: 50px 20px;    
  }
}

@media only screen and (max-width : 390px){
  .open-form-item:before {
    content: "";
    width: 92%;
    height: 600px;
  }
}

@media only screen and (max-width : 375px){
  .header-content-img img {
    position: absolute;
    width: 135px;
    left: 207px;
    top: 132px;
  }
}

@media only screen and (max-width : 360px){
  .header-content-img img {
    position: absolute;
    width: 135px;
    left: 185px;
    top: 132px;
  }
}

@media only screen and (max-width : 345px){
  .more-serv-img {
    position: absolute;
    left: 14%;
    bottom: 114px;
  }
}

@media only screen and (max-width : 335px){
  .header-content-img img {
    position: absolute;
    width: 135px;
    left: 173px;
    top: 132px;
  }
}

@media only screen and (max-width : 325px){
  .header-content-img img {
    position: absolute;
    width: 135px;
    left: 160px;
    top: 132px;
  }
}

/*==========  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 : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}