#bannerTitle{
    text-shadow: 1px 3px 2px rgba(0,0,0,1); 
    color:#fff; 
    font-size: 1.5em; 
    height: 21.8vw;
    position: relative;
    min-height: 130px;
}
#bannerTitle > div{
    font-size: 1.2em;
    position: absolute;
    width: 100%;
    top: 10vw;
}
.how-we-travel .margin-bottom{
    margin-bottom: 20px;
}
.how-we-travel .mcolor{
    color: rgba(2,55,95,1);
}

/* Tour type */
.how-we-travel .tourType .card{
    /* width: 31.5%; */
    width: calc((100% / 4) - 20px);
    margin: 10px;
    background: #f6f6f6;
    padding: 30px;
    height: 110%;
    min-width: 350px;
    font-size: 0.95em;
}
.how-we-travel .tourType .card .list{
    /* height: 550px; */
    height: 620px;
    min-height: max-content;
}
.how-we-travel .tourType .card .list > div{
    /* font-size: 0.9em; */
    padding: 5px;
}
.how-we-travel .tourType .card .small{
    opacity: 0.7;
    min-height: 170px;
    margin-top: 15px;
    height: auto;
}
.how-we-travel .card .logo{
    width: 205px;
    height: 207px;
    margin-top: 20px;
    zoom: 0.9;
}
.how-we-travel .card .classic{
    color:#07445e;
}
.how-we-travel .card .distinction{
    color: #75101a;
}
.how-we-travel .card .custom{
    color: #ef5f24;
}
.how-we-travel .card .bubble{
    color: #9122A8;
}
.how-we-travel .card .title{
    font-weight: bolder; 
    margin-bottom: 25px; 
    font-size: 1.3em;  
}
.how-we-travel .small{
    font-size: 0.8em;
}
.how-we-travel .note{
    margin-top: 30px;
    margin-bottom: 100px;
}
.how-we-travel .details{
    margin-top: 15px;
    margin-bottom: 50px;
   
    text-align: justify;
}
.how-we-travel .details-wrapper .row > .halfwidth:nth-child(1){
    padding-right: 50px;
}
.how-we-travel .details > div{
    font-weight: bolder;
    margin-bottom: 5px;
    font-size: 1.2em;
}
.how-we-travel .details .title > span{
    margin-right: 10px;
}
.how-we-travel .details-wrapper{
    width: 98%; 
    margin: auto; 
    margin-top: 50px;
}
.sprites.bullet-checked{
    background-position: -617px -97px;
    width: 18px;
    height: 19px;
    zoom: 0.9;
    opacity: 0.5;
}
.sprites.smallgroup{
    background-position: -756px -271px;
    width: 45px;
    height: 30px;
    zoom: 0.9;
}
.sprites.itineraries{
    background-position: -721px -231px;
    width: 35px;
    height: 33px;
    zoom: 0.9;
}
.sprites.inclusions{
    background-position: -721px -270px;
    width: 35px;
    height: 30px;
    zoom: 0.9;
}
.sprites.ourtravellers{
    background-position: -720px -177px;
    width: 38px;
    height: 40px;
    zoom: 0.8;
}
.sprites.singlescouplesandfriends{
    background-position: -724px -139px;
    width: 32px;
    height: 35px;
    zoom: 0.8;
}
.sprites.accommodation{
    background-position: -675px -112px;
    width: 45px; 
    height: 30px; 
    zoom: 0.8;
}
.sprites.classic{
    background-position: -4px -875px;
}
.sprites.distinction{
    background-position: -209px -874px;
}
.sprites.custom{
    background-position: -425px -875px;
}
.sprites.bubble{
    background-position: -4px -1086px;
}

.left{
    text-align: left;
}
/* Table */
.how-we-travel .row{
    display: table;
}
.how-we-travel .col{
    float: left;
}

/* Mobile */
@media only screen and (max-width: 1680px) {
    .how-we-travel .tourType .card{
        width: calc((100% / 2) - 20px);
		position:relative;
		height:780px;
    }
	.how-we-travel .tourType .card:nth-child(3), .how-we-travel .tourType .card:last-child{
		height:920px;
    }
	.how-we-travel .tourType .card .small{
        height: auto;
		min-height: auto !important;
    }
	.how-we-travel .tourType .card:last-child .small {
    	display:none;
	}
	.how-we-travel .tourType .card .list {
		height:auto;	
	}
	.how-we-travel .tourType .card .button {
		position: absolute;
		bottom:20px;
		left:0; right:0;
		margin:0 auto;
		width: 320px;
	}
	.how-we-travel .tourType .card:last-child .buttonEBubble {
		bottom:120px;
	}
}

@media only screen and (max-width: 1205px) {
    .how-we-travel .tourType .card{
        width: 100%;
        min-width: unset;
        padding: 0px;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0px;
        margin-bottom: 30px;
        padding-bottom: 20px;
    }
    .how-we-travel .contentWrapper{
        min-width: unset;
    }
    .how-we-travel .tourType.row{
        width: 100%;
        padding: 0px;
        min-width: unset;
    }
    .how-we-travel .list{
        height: max-content !important;
        width: max-content;
        margin: 30px auto;
    }
    .how-we-travel .tourType .card .button{
        width: 100%;
    }
}
@media only screen and (max-width: 1200px) {
    footer{
        position: relative;
    }
    .bodyWrapper{
        padding-bottom: 0px;
    }
}
@media only screen and (max-width: 900px) {
    .how-we-travel .row{
        width: 65%;
        min-width: 430px;
        margin: auto;
    }
    .how-we-travel
    .how-we-travel .contentWrapper{
        width: 95%;
        min-width: 410px;
    }
    .how-we-travel .card:last-child .list{
        height: 550px;
    }
    .how-we-travel .card:first-child .list, .how-we-travel .card:nth-child(2) .list{
        height: 300px;
    }
    .how-we-travel .list{
        width: 100%;
    }
    .details-wrapper .row{width: 100% !important;}
    .details-wrapper .row .halfwidth{width: 100%; padding: 0 !important;}
}
@media only screen and (max-width: 600px) {
    .how-we-travel .tourType .small{
        height: 100% !important;
        display: inline-block;
        margin-bottom: 50px;
    }
}