@media screen and (max-device-width: 480px) and (orientation: portrait)
{
	
	
	#block-zinble-content {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0px;
    border-bottom: 0px solid #ccc;
    margin-bottom: 0px;
}
    .travel-item:nth-child(2) {
        margin-top: 0;
    }

    .travel-item:nth-child(4) {
        margin-top: 0;
    }

    .travel-item:nth-child(6) {
        margin-top: 32px;
    }


    .travel_slide .cover-slider__content .cover-slider__title {
        top: 34%;
    }


    .travel-teaser {
        margin: 0%;
    }


    /* #### http://nomade.original-treks.com/en/travel/quick-loop-tanger    ------>>>  l page ra9m 1   #### */

    .travel_introduction .field-node--body {
        padding: 0px 5px;
    }

    .travel_introduction h3 {
        padding-left: 4px;
    }

    .page-node-type-travel #block-zinble-content {
        padding-left: 0px;
        padding-right: 29px;

    }


    .block_category_home {
        margin-top: 124%;
    }



    /*-----------------sous titre---------------------------------*/
    .day_container .days .day_section .field-name-field-title {
        font-size: 16px;
        margin-left: 49px;

    }


    .day_container .days .day_section .field-name-field-title::before {
        height: 1px;
        width: 41px;
        left: -45px;
        top: 16px;
    }



    .day_container .days .day_section .field-name-field-title::before {

        content: '';
        background: #f38020;
        height: 1px;
        position: relative;
        display: block;
        float: none;
        position: absolute;

    }
    
    .day_container .days .day_section .body-content {
    padding: 15px;
    position: relative;
}


    /*  --------------------------------   l ar9am f page dyal travel  http://nomade.original-treks.com/en/travel/quick-loop-tanger    --------------------------------  */


.day_container .days .day_section .field-name-field-day-number {
    left: 4px;
    position: absolute;
    top: 0px;
    font-size: 19px;
    color: black;
    z-index: 3;
    background: white;
    height: 40px;
    border: 1px solid #f3802259;
    border-radius: 50%;
    padding: 5px;
    opacity: 1;
    width: 40px;
    text-align: center;
}



    .day_container .days .day_section .day_image {
        padding: 0px;
    }
    
    .day_container .days .day_section .field-name-field-title {
	    margin-bottom: 10px;
	}



    .get-wrap .get-in-touch {

        width: calc(167% - 100px);

    }

    .block_category_home {
        margin-top: 140px;
        height: 100%;
    }
    
        .block_category_home .title_wrapper {

    width: 80%;
}
    
    .block_category_home div:nth-child(2){
		max-width: 340px;
		margin-right: auto;
margin-left: auto;
}

	.navbar-header {
    	position: absolute;
	}
	
	.slider-category-wrapper .cover-slider__content {
    position: absolute;
    bottom: 57px;
    height: 50px;
    background: linear-gradient(0deg, #21201f, rgba(33, 32, 31, 0));
    width: calc(100%);
}

	
	.lodge-banner {
	    height: 100%;
	    overflow: hidden;
	    margin-bottom: 70px;
	}
	.lodge-content {
		display: grid;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.lodge-images .field-node--field-images div {
	    width: 50%;
	    margin-bottom: 40px;
	    display: block;
	    margin-left: 0px;
	    font-size: 33px;
	    padding-bottom: 0px;
	    position: relative;
	    text-align: center;
	    margin-bottom: 15px;
	    overflow: hidden;
	    padding: 5px;
	}
	
	.lodge-banner .banner-title {
	    position: absolute;
	    bottom: 0px;
	    z-index: 2;
	    left: 50%;
	    transform: translateX(-50%);
	    bottom: 15%;
	    font-size: 60px;
	    color: white;
	    line-height: 60px;
	    text-align: center;
	}
	
	.slider .slider--item img {

    width: 200%;
}


.day_container .days .day_section .field-name-field-description {
    overflow: hidden;
    text-align: justify;
    width: 100%;
}



	
	.travel_slide img {
	    vertical-align: middle;
	    border-style: none;
	    width: auto;
	    height: 40vh;
	}
	


	.travel_slide {
	    height: 50vh;
	    overflow: hidden;
	    width: 100%;
	}
	
	
	.travel_prix, .travel_points_forts, .travel_included, .travel_not_included {
	    max-width: 700px;
	    display: flex;
	    flex-direction: column;
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 25px;
	    margin-top: 30px;
	}


	.day_container .days .day_section .field-name-field-title {
	    margin-left: 50px;
	    width: calc(100% - 40px);
	}


.travel_slide .views-field-field-price {
    top: calc(40vh - 60px);
    height: 60px;
    line-height: 30px;
        padding-left: 10px;
}

}






@media screen and (max-device-width: 890px) and (orientation: landscape) {

    .travel-item:nth-child(2) {
        margin-top: 0;
    }

    .travel-item:nth-child(4) {
        margin-top: 0;
    }

    .travel-item:nth-child(6) {
        margin-top: 0;
    }

    .description_more {
        display: none;
    }


     /*      page travel     */


    .travel_slide .cover-slider__content .cover-slider__title {
        top: 46%;
        left: 16vw;
    }

/*intrduction*/


    .travel_introduction .field-node--body {
        padding: 0px 0px;
    }


   /*    chifre   */

    .day_container .days .day_section .field-name-field-day-number {
        left: 2%;
        top: 21%;
    }

   /*  ligne orange */


    .day_container .days .day_section .field-name-field-title::before {
        width: 10%;
        left: -40px;
        top: 60%;
    }

    .day_container .days .day_section .field-name-field-description {
        overflow: hidden;
        max-height: 248px;
    }


    /* button orange buttom */



    .get-wrap .get-in-touch {
        padding: 16px 2px;
        width: calc(155% - 100px);
    }


}







/*      ---------------------- tablette ------------------------*/




@media screen and (max-device-width: 991px) and (orientation: portrait) {


    .travel-item:nth-child(2) {
        margin-top: 0;
    }

    .travel-item:nth-child(4) {
        margin-top: 0;
    }

    .travel-item:nth-child(6) {
        margin-top: 0px;
    }




    .page-node-type-travel #block-zinble-content {
        padding-left: 0px;
        padding-right: 0;
        padding-bottom: 37px;
        border-bottom: 0px solid #ccc;
        margin-bottom: 40px;
        padding-top: 50px;
    }



}



@media screen and (max-device-width: 480px) and (orientation: portrait)
{
	
	
.page-node-type-travel #block-zinble-content {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0px;
    border-bottom: 0px solid #ccc;
    margin-bottom: 0px;
}
}