@media all and (max-width:70.625em) {
    .categories{
        display: none;
    }
    .header__menu{
        display: block;
        margin-right: 1.5rem;
    }
}

@media all and (max-width:68.75em) {
    .trip{
        max-width: 32rem;
    }
}

@media all and (max-width:62.5em) {
   .trips2{ -ms-grid-columns: (minmax(20rem, 1fr))[2]; grid-template-columns: repeat(2, minmax(20rem, 1fr));
   }
}

@media all and (max-width:56.25em) {
    .trips1{
        -ms-grid-columns: (minmax(35rem, 1fr))[1];
            grid-template-columns: repeat(1, minmax(35rem, 1fr));
    }
}

@media all and (max-width:40.625em) {
    .image-body h1{
        font-size: 2rem;
    }
    .trips2{ -ms-grid-columns: (minmax(20rem, 1fr))[1]; grid-template-columns: repeat(1, minmax(20rem, 1fr));
    }
}

@media all and (max-width:37.5em) {
    .header-top .logomenu{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: normal;
            -ms-flex-align: normal;
                    -ms-grid-row-align: normal;
                align-items: normal;


    }
    .image-body{
       padding-top: 10rem;
       padding-bottom: 10rem;
    }

    .trips2-area .single-image h1{
        font-size: 2.5rem;
    }
    .trips2-area .single-image p{
        font-size: 1.5rem;
    }
}

@media all and (max-width:28.125em) {
    .menu ul li{
        margin: .5rem 0;
        border-right: .1rem solid darkblue;
    }
    .owl-carousel .owl-item img {
    
        width: 15rem;
        height: 15rem;
        border-radius: 50%;
       
    }
    .image-body h1{
        font-size: 1.5rem;
        margin-top: 1.5rem;
    }
    .trips1{
        -ms-grid-column-align: normal;
            justify-items: normal;
    }
    .trips1 .trip{
        max-width: 25rem;
    }
    
}

@media all and (max-width:20.3125em) {
    .menu ul li{
        padding: .3rem;
    }
    .trips1 .trip{
        max-width: 22rem;
    }
}