@media only screen and (max-width : 768px) {
   .wrapper{
       width: 100%;
   }
}

@media only screen and (min-width : 1120px) {

    #mobileHeader{
        display: none!important;
    }

    .mobileMenu{
        display: none!important;
    }

    #desktopHeader{
        display: block!important;
    }

    .petBox{
        flex: calc(20% - 20px);
    }
}

@media only screen and (max-width : 1120px) {
    #mobileHeader{
        display: block!important;
    }

    .mobileMenu{
        display: block!important;
    }

    #desktopHeader{
        display: none!important;
    }

    .slider .title{
        font-size: 35px;
        color: #fff;
        padding: 30px 10px 10px 10px;
    }

    .slider .subTitle{
        padding: 15px 10px;
    }

    .sliderBox{
        flex: calc(50% - 20px);
        height: 120px;
        margin: 10px;
        font-size: 14px;
    }

    .petBox{
        flex: calc(50% - 20px);
    }


}