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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .top_hr {
        display: none;
    }
    nav a{
        font-size: 16px;
    }
    .s_equip .cont_img .img-text .s_e_text {
        font-size: 12px;
    }
    #burger-menu {
        visibility: hidden;
      }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .menu {
        display: none; 
		background: #f1f2f4;
		position: relative;
        margin-right: 60px;
        margin-top: -25px;
	}
	
	nav .menu li {
        display: block;
	    float: none; 
        text-align: right;
    }
	
  #burger-menu {
    visibility: visible;
  }
    nav {
        margin-bottom: 15px;
    }

    .par_img h2 {
        font-size: 30px;
    }

    .par_img strong {
        font-size: 30px;
    }
    .types_of_work {
        flex-wrap: wrap;
        gap: 20px;
    }

    .type_of_work {
        flex-direction: column;
        margin-top: 12px;
        width: 45%;
    }
}


/* Small Devices, Tablets col-md */
@media only screen and (max-width : 768px) {
    header span {
        text-align: center;
        line-height: 22px;
    }
    header .tel_call {
        padding: 0 20px;
    }
    header h1 {
        font-size: 25px;
    }
    header h2 {
        font-size: 20px;
    }
    footer .f_contacts span {
        margin-left: 20px;
    }
    

    .type_of_work {
        flex-direction: column;
        margin-top: 12px;
        width: 100%;
    }

    .type_of_work-image {
        margin: 0 auto;
    }
    .type_of_work-title {
        margin-top: 12px;
    }
    }
/* Extra Small Devices, Phones .col- */
@media only screen and (max-width : 600px) {
    nav {
        display: none;
    }
    nav ul li {
        display: block;
        line-height: 35px;
    }
    nav ul li a {
        font-size: 18px;
    }
    section.s_cases > div > div > div > div.cases_slider__title > div {
        display: block;
        float:none;
        text-align: center;
        margin-bottom: 22px;

    }
}


/* Extra Small Devices, Phones .col- */
@media only screen and (max-width : 480px) {
    section.s_cert > div > div > div > div > div > div > div.cert-item > img{
        height: 300px;
    }

    .f_contacts h3 {
        padding-left: 20px;
    }

    footer h2 {
        font-size: 16px;
    }
    .why-we p {
        margin-right: 20px;
    }
    .service .offer {
        width: 95%;
    }
    .par_img h2 {
        padding-left: 5px;
        font-size: 30px;
    }
    .par_img strong {
        padding-left: 0;
        margin-left: 10px;
    }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        width: 92%;
    }
    footer h2.f_h2 {
        font-size: 18px;
    }
    footer .f_contacts span{
        margin-left: 0;
        padding-left: 20px;
        
    }
    footer .f_contacts span, footer .f_contacts a, footer .f_contacts p{
        word-wrap: break-word;
    }

}

/* Custom, iPhone Retina .col-*/
@media only screen and (max-width : 320px) {
    .s_equip .cont_img .img-text .s_e_text {
        font-size: 8px;
    }
    header h1 {
        font-size: 20px;
    }
    header h2 {
        font-size: 17px;
    }
    header span {
        padding: 0;
    }
    header .tel_call_collapse {
        padding: 0;
    }
    .btn_wrap a.btn_top {
        margin: 9px;
    }

    .service h2 {
        font-size: 30px;
    }
    .service .s_price {
        font-size: 30px;
    }
    .s_cons h2 {
        font-size: 30px;
    }
    .s_cons a.btn_mid {
        font-size: 25px;
    }
    .why-we h2 {
        font-size: 30px;
    }
    .why-we p {
        font-size: 12px;
    }

}





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

}

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

    h2 {
        font-size: 5px;
    }
}