@media(max-width: 1198px){
    .main1__title span {
        font-size: 1.2em;
    }
}
@media (max-width: 992px ){

    /*Main1*/
    .main1__title span{
        font-size: 0.9rem;
    }

    /*Main2*/

    .main2__left__content{
        height: 20vw;
        overflow: auto;
    }

    /*Main3*/

    .main3__right__content{
        overflow: auto;
        height: 160px;
    }
}

@media (max-width: 768px  ){
    .header__top__left__hotline {
        text-align: center;
        width: 100%;
    }
    .header_box {
        background-color: transparent;
    }
    header label {
        display: block;
    }

    .product__infor {
        padding: 50px 0 2%;
    }

    header label  #btn{
        display: block;
    }


    header{
        position: relative;
    }
    .header_box{
        border: none;
        position: fixed;
        z-index: 100;
        width: 100%;
        height: 0px;
        top: 0;
    }
    .header__menu{
        width: 100%;
        margin-left: -110%;
        transition: all .5s;
        display: block ;
        padding: 0;
        height: 0;
    }

    .header__menu__item_child {
        width: 100%;
    }


    .header__menu__link{
        padding: 10px 0;
        text-align: center;
    }

    .header__menu__link__item a{
        color: white;
    }
    #checked:checked ~ .header__menu{
        margin-left: 0;
        height: 100vh;
        background-color: #006B88;
    }
    #checked:checked ~  label #cancel{
        display: block;
    }
    #checked:checked ~  label #btn{
        display: none;
    }

    /*Main1*/


    .main1__logo{
        margin-top: 10%;
        width: 100%;
    }
   .main1__link a{
       font-size: 12px;
   }

   /*Main2*/
     /*Main3*/

    .main3__right__content{
        height: 130px;
        overflow: auto;
    }
}

@media (max-width: 576px ){

    /*Main1*/
   /*Main2*/

   .main2__left__title span {
       font-size: 0.8rem;
   }
   /*Main3*/
   .main3{
       height: 170px;
   }

   .main3__right__content{
       height: 90px;
       overflow: auto;
   }

   .main3__bg {
       display: none;
   }

   /*Main4*/


   /*Main5*/

   .main5__logo img {
       width: 25%;
   }

   /*footer*/

    .footer .contact__title{
        text-align: center;
    }


}