@media only screen and (max-width: 1200px) {
    .header-style {
        width: 100%;
        padding: 0 2%;
    }
    .row {
        padding: 0 2%;
    }
    
    #switch1:checked ~ #controls label:nth-child(9), 
    #switch2:checked ~ #controls label:nth-child(1),
    #switch3:checked ~ #controls label:nth-child(2),
    #switch4:checked ~ #controls label:nth-child(3),
    #switch5:checked ~ #controls label:nth-child(4),
    #switch6:checked ~ #controls label:nth-child(5),
    #switch7:checked ~ #controls label:nth-child(6),
    #switch8:checked ~ #controls label:nth-child(7),
    #switch9:checked ~ #controls label:nth-child(8){
        margin: 50px 0 0 0px;
    }
    
    #switch1:checked ~ #controls label:nth-child(2), 
    #switch2:checked ~ #controls label:nth-child(3),
    #switch3:checked ~ #controls label:nth-child(4),
    #switch4:checked ~ #controls label:nth-child(5),
    #switch5:checked ~ #controls label:nth-child(6),
    #switch6:checked ~ #controls label:nth-child(7),
    #switch7:checked ~ #controls label:nth-child(8),
    #switch8:checked ~ #controls label:nth-child(9),
    #switch9:checked ~ #controls label:nth-child(1){
	margin: 50px 0 0 0; /*сдвиг вправо*/
}
    
}

/*Small tablet to big tablets: from 768 to 1023px*/
@media only screen and (max-width: 1023px) {
    body{
        font-size: 18px;
    }
    
    section {
        padding: 40px 0;
    }
    
    h1 {
        font-size: 190%;
    }
    
    #slider{ /*центровка слайдера*/
	margin: 20px auto;
    }
    
    #desktop:checked ~ #slider{ /*размер всего слайдера*/
        max-width: 1023px; /*максимальнная длинна*/
    }
}
     

/*Small phones to small tablets: from 481 to 767px*/
@media only screen and (max-width: 767px) {
    
    body {
        font-size: 16px;
    }
    
    section {
        padding: 30px 0;
    }
    
    .header-style {
        padding: 0 5%;
        top: 30%;
    }
    
    .list {
        padding-left: 10px;
    }
    
    #switch1:checked ~ #controls label:nth-child(9), 
    #switch2:checked ~ #controls label:nth-child(1),
    #switch3:checked ~ #controls label:nth-child(2),
    #switch4:checked ~ #controls label:nth-child(3),
    #switch5:checked ~ #controls label:nth-child(4),
    #switch6:checked ~ #controls label:nth-child(5),
    #switch7:checked ~ #controls label:nth-child(6),
    #switch8:checked ~ #controls label:nth-child(7),
    #switch9:checked ~ #controls label:nth-child(8){
      /* margin: -100px 0 0 0px;*/
        display:none;
        
      /*  background: url('../css/images/steps/prev.png') no-repeat; 
    min-height: 100%;*/
   /* border: 1px solid red;
	float: left;
	display: block;
	height: 100%;
	width: 50%;*/
    }
    
    #switch1:checked ~ #controls label:nth-child(2), 
    #switch2:checked ~ #controls label:nth-child(3),
    #switch3:checked ~ #controls label:nth-child(4),
    #switch4:checked ~ #controls label:nth-child(5),
    #switch5:checked ~ #controls label:nth-child(6),
    #switch6:checked ~ #controls label:nth-child(7),
    #switch7:checked ~ #controls label:nth-child(8),
    #switch8:checked ~ #controls label:nth-child(9),
    #switch9:checked ~ #controls label:nth-child(1){
	/*margin: -100px 0 0 0;*/
	display: none;
	
	
    }
    
    .main_nav {
        display: none;
    }
    
    header {
        height: 40vh;
    }
    
    .section_bottom {
        height: 40vh;
    }
    
    .treatment_image {
    width: 100%;
}
    
    /*.treatment_box {
        height: 25vh;
    }*/
    
    
   /* .treatment_box {
    width: 100%;
    height: 35vh;
    background-color: #fff;
}



.treatment_information_box {
    background-color: #fff; 
    padding-left: 20px;
}

.treatment_number {
    margin-top: 10px;
    background-color: #fff;
    padding-top: 20px;
    text-align: left;
    font-weight: bold;
}*/
    
    
    
} 

/*Small phones from 0 to 480px*/
@media only screen and (max-width: 480px) {
    .title {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    
    .list {
        padding-left: 40px;
    }
    
    .google_map {
        height: 40vh;
    }
    
    .contact_information {
        margin: 20px auto;
        width: 98%;
    }
    
    .main_nav_footer {
    margin: 10px 0;
}
    
}