/* CSS Document */


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

    .home .magazineArea .magazinePosts .magazinePost a{
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .home .magazinePosts .magazinePost .text16{
        flex-grow: 1;
    }
    .home .magazinePosts .magazinePost h3{
        height: 7rem;
    }
    .mobile{
        display: none;
    }
    .selectedTxt{
        width: 40rem;
    }
    .postTopArea {
    min-height: 54.3rem;
    }
    .blogPostLi a{
        display: flex;
       height: 100%;
        flex-direction: column;
            
    }
    .blogPostsList .blogPostLi .text16{
        flex-grow: 1;
    }
}


@media only screen and (min-width: 1000px) and (max-width: 1399px) {

	html{
		font-size: 8px;
	}
	.toursList{
	width: 120rem;
	}
    .magazineListArea {
        width: 130rem;
    }
    .magazineListArea ul{
        flex: 0 0 88rem;
        width: 88rem;
    }
    .magazineItemImgCon {
    flex: 0 0 40rem;
    border-bottom: 6px solid #94c946;
    height: 30rem;
}
    .magazineListArea ul li p{
        font-size: 1.7rem;
    }
    .isrealInfoMag{
        flex:1 1 auto;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1700px){
html{
		font-size: 9px;
	}
   
}


@media only screen and (min-width: 1700px) {
html{
		font-size: 10px;
	}
	 .toursArchiveLi{
        flex: 0 0 33.222%;
         padding-bottom: 33.333%;
    }
}




/*mobile/tablet header*/

@media only screen and (max-width: 1000px) {
	
	.page-template-homepage .h180 {
		font-size: 5rem;
		width: 100%;
		padding: 0 2rem;
		box-sizing: border-box;
	}
	
	.page-template-homepage .topBanner {
		height: 60rem;
	}
    .startPage.step .smaller-font{
        font-size: 2rem;
    }
	.page-template-homepage .topBanner .imgCredit {
		display: none;
	}
    .fbtm{
        z-index: 99999999;
    }
    .startPage{
        
        overflow: auto;
        justify-content: flex-start  !important;
        padding-top:5rem !important;
        padding-bottom:10rem !important;
    }
	.arrowButton {
		bottom: 1.7rem;
		    width: 5.2rem;
    height: 5.2rem;
	}
	
	.topBanner .text20 {
		width: 100%;
		padding: 0 2rem;
		box-sizing: border-box;
		margin: 2rem 0 0 0;
		white-space: normal;
		
	}
	
	
	
	.travelLeftCon {
    padding: 0;
}
	
	.testimonyArea .fontSize58 {
		font-size: 4.5rem;
	}
	
	.travelLeftCon .fontSize58 {
		margin: 1.1rem 0 1.6rem 0;
		 line-height: 1.13;
	}
	
	.testimonyArea .sectionSubtitle, .testimonyArea .text58 {
		padding-left: 0;
	
	}
	
	.testimonyArea .text58 {
		margin: 0;
	}
	.page-template-homepage .featuresBullets {
		display: block;
		width: 100%;
		padding: 0;
	} 
    .testTopCon{
        margin-bottom: 6rem;
    }
	.page-template-homepage .featuresBullet {
		border-bottom: solid 1px #d0d9d0;
		
		
	}
	
	.page-template-homepage .featureTxt {
		padding: 2rem 1rem;
		margin: 0;
	}
	
	.page-template-homepage .featuresBullet:first-child {
		padding: 1.6rem 0 0 0;
		
		
	}
	
	.page-template-homepage .featuresBullet:last-child {
			padding: 0 0 3rem 0;
		border-bottom: none;
	}
	
	.magazinePost {
		border-right: none;
		flex: 0 0 100%;
	}
	
	.hpAboutLeft .sectionSubtitle {
		margin: 0 0 1.5rem 0;
	}
	
	
	.underTopBanner {
	    margin-bottom: 4.2rem;
	}
	
	
	.stepsArea .stepsAreaCon .readMoreBtn {
    bottom: -1.8rem;
    margin: 0;
    position: absolute;
		display: block;
	}
	
	.stepsBigTxt {
    margin: 0 0 1.4rem 0;
    padding-bottom: 3.4rem;
	}
	
	.toursArea .greenSquare {
		margin: 1.6rem 0 1.8rem 0;
	}
	
	.fontSize58 {
		font-size: 4.5rem;
	}
	
	
	
	
	.stepsArea .imgCredit {
		text-align: center;
		margin-top: 3rem;
	}
	
	.mobilePadding {
		padding: 0 2rem;
		box-sizing: border-box;
	}
	
	.page-template-homepage .featuresBullets .featuresBulletIcon {
		display: none;
	}
	
	.hpAboutArea .text58 {
		margin: 0 0 3rem 0;
	}
	
	.hpAboutArea {
    display: block;
    width: 100%;
    padding-bottom: 2.8rem;
}
	
	.page-template-homepage .stepsArea {
		width: 100%;
		padding-bottom: 7.9rem;
	}
	
	.stepsAreaCon {
		width: 100%;
		position: relative;
	}
	
	.page-template-homepage .stepsArea .imgCredit {
		width: 100%;
	}
	
	.toursAreaTxt {
		width: 100%;
	} 
	
	.single-tour .toursList {
		margin-top: 2.2rem;
	}
	
	.single-tour .toursListItem {
		margin-bottom: .5rem;
	}
	
	.tourPageTopCon .text30 {
    flex: 0 0 100%;
   
}
	
	.tourPageTopLeft .text58 {
		margin: 1.4rem 0 .5rem 0;
	}
	
	.tourPageTopLeft .text16 {
		margin: 0;
	}
	
	.tourPageTopLeft {
    padding-right: 0;
}
	
	.toursList {
		display: block;
		width: 100%;
		margin-top: 8.1rem;
	}
	
	.testimonyArea {
		width: 100%;
		    padding-top: 7.9rem;
	}
	
	.toursListItem .tourLink {
	position: none;
	}
	
	.toursListItem {
		width: 100%;
		padding-bottom: 0;
		height: 37.4rem;
	}
	
	.page-template-homepage .testimonyList {
		flex-wrap: wrap;
	}
	
	.page-template-homepage .testimonyList .testimonyListItem {
		width: 100%;
		flex: 0 0 100%;
		padding: 0;
	}
	
	.travelArea {
		display: block;
		    padding: 8rem 0 8rem 0;
		width: 100%;
		
	}
	
	.testimonyListItem .text16 {
    box-sizing: border-box;
        padding: 0 3.5rem;
    margin: 0;
		position: relative;
}
	
    .page-template-simple .travelList li{
        margin: 0;
        
    }
    .page-template-simple .travelList{
        justify-content: space-between;
    }
	.testimonyListItem .text16:after {
    content: "";
    background-image: url(img/commas2.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    position: absolute;
    height: 3.3rem;
    width: 55px;
    right: 0;
    bottom: 0;
        left: auto;
  
}
	
	.testimonyListItem .text16:before {
		      content: "";
    background-image: url(img/commas1.svg);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    height: 3.3rem;
    width: 100%;
      top: -2rem;
    left: 0;
	}
	.hardCopyCon {
    max-width: 80%;
    height: 80vh;
    text-align: center;
}
    .hardCopyCon img{
        width: 100%;
        height: auto;
    }
   .tesBtnCon .slick-arrow {
    width: 2.8rem;
    height: 1.2rem;
    }
	.magazingCon {
		    padding-top: 5.8rem;
	}
	
	.travelRightCon .travelList .text16 {
    margin: 0;
		padding: 1.1rem 0 0 0;
    text-align: center;
}
	
	.magazinePost:nth-child(2) {
		display: none;
	}
	
	.magazinePost:first-child {
		padding: 0;
	}
	
	.magazinePosts .magazinePost .text27 {
		margin: 0 0 1.9rem 0;
	}
	
	.magazinePosts .magazinePost .readMore {
		margin: 4.5rem 0 2.3rem 0;
	}
	.travelList {
	width: 100%;
		flex: 0 0 100%;
		flex-wrap: wrap;
		margin: auto;
		padding: 0 2.5rem;
		box-sizing: border-box;
		
	}
	.travelListItem {
padding-bottom: 2.3rem; 
		margin: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	
	.magazineArea {
		width: 100%;
	}
	
	.magazinePosts {
		display: block;
		width: 100%;
		flex: 0 0 100%;
	}
	
	.toursAreaTxt  .readMore {
		display: block;
		    margin: auto;
    width: 17rem;
	padding: .9rem 0 0 0;
	}
	
	.travelRightTopCon .readMore {
				display: block;
		  padding: 0;
        width: 15rem;
        text-align: left;
	}
	
	.calanderCon {
		display: none;
	}
	
	.magazinePost {
 
    padding: 0;
		
	}
	
	.magazineArea .magazineTxtCon {
		padding: 0;
	}
	
	.magazineTxtCon .greenSquare {
		margin: 1.7rem 0;
	}
	
	.magazineTxtCon .text16 {
		margin: 0;
	} 
	
	.travelRightCon .text16 {
		margin: 0;
		padding: 5.7rem 0 1rem 0;
		text-align: center;
	}
	.toursArea .text16 {
		padding: 0;
	}
	
	.magazineTxtCon .text27 {
		margin: 0;
	}
	
	.topBnrMobile {
		height: 9.1rem;
	}
	
	.contactPageCon {
		width: 100%;
		flex-direction: column-reverse;
		
	} 
	
	.contactLeftCon {
  flex: 0;
    padding-right: 0;
}
	
	.contactRightCon .text30 {
		margin: 0;
	}
	
	.contactRightCon {
		flex: 0;
	}
	
	
	.contactLeftCon .text58 {
		margin: 1.5rem 0 3.4rem 0;
	}
	
	.contactList {
		padding-top: 3.8rem;
		margin: auto;
        padding-left: 4rem;
	}
	
	.tourPageTopCon {
		width: 100%;
		flex-direction: column;
		padding-bottom: 2.7rem;
	}
	
	.tripCourseItem {
		padding: 0;
	}
	
	.tripCourseItem:nth-child(odd) {
		padding: 0;
	}
	
	.tripCourseItem:nth-child(odd) {
		
		
		    flex-direction: column-reverse;
	}
	
	.tripCourseItem:first-child {
		padding-top: 4.8rem;
	}
	
	.tripCourseItem {
		
		    flex-direction: column-reverse;
	}
    .tripCourseImgCon  *{
        height: 100%;
    }
	.tripCourseImgCon {
		height: 22.3rem;
		width: 29rem;
        flex: 0 0 22.3rem;
		
	}
	
	.moreToursTxtCon  {
		width: 100%;
	}
	
	.tripDay {
		   
		align-self: flex-start;
		    font-size: 2.7rem;
		width: 4.5rem;
		align-items: baseline;
		    padding: 1.2rem 2rem 0 1.5rem;
    height: 8rem;
		
	}
	
	.tripsCourseArea h2 {
		width: 100%;
		text-align: left;
		padding: 0 2rem .7rem 2rem;
		box-sizing: border-box;
	}
	
	.tripCourseItem:nth-child(odd) .tripCourseImgCon {
     padding-bottom: 0; 
    position: relative;
   /* top: -13rem;*/
    z-index: 1;
}
		.tripCourseItem .tripCourseImgCon {
     padding-bottom: 0; 
    position: relative;
    /*top: -7rem;*/
    z-index: 1;
			
			
}
	
	.tripCourseTxt .readMore {
		display: block; 
		padding: 0 3.6rem 0 0;
		
	}
	
	
	
	.tripCourseTxt {
		flex: 0;
	} 
	#tourPopEx {
    width: 2.2rem;
    height: 2.2rem;
    background-color: #94c946;
    padding: 0;
    border-radius: 50%;
    background-image: url(img/close.svg);
    background-size: 1.4rem;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    position: fixed;
    top: 1rem;
    right: 1rem;
}
    
    .toursList h3.fontSize35{
        font-size: 2.5rem;
    }
	.tripCourseItem:nth-child(odd) .tripCourseTxt {
			align-self: auto;
		padding: 0 2rem 0 5.5rem;
		    width: 100%;
	}
	
	.tripCourseItem .tripCourseTxt {
		align-self: auto;
		padding: 0 2rem 0 5.5rem;
				    width: 100%;
	}
	
	.tourListKavSqr {
		    left: calc(10% - .7rem);
	}
	
	.tripCourseImgCon {
		
		    align-self: flex-end;
	}
	
	
	.postTopArea {
		width: 100%;
		height: auto;
	}
	.postTopCon {
		flex-direction: column-reverse;
	}
	
	.postTopImgCon {
		height: 29.1rem;
		width: 100%;
		flex: 0 0 100%;
	}
	
	.blogContentCon {
		flex: 0 0 100%;
		padding-right: 0;
	}
	
	.postTopTxtCon .text58 {
		font-size: 5.8rem;
		margin-top: 1.9rem;
	}
	
	.postTopTxtCon .text30 {
		margin: 0;
	}
	
	.postContentArea {
		width: 100%;
		display: block;
		margin-top: 10.4rem;
	}
	
	.blogPostsList {
		display: block;
		width: 100%;
		margin-bottom: 3.9rem;
	}
	
	.morePostsArea  .blogPostsList .blogPostLi {
		flex: 0 0 100%;
		width: 100%;
		padding: 0;
	}
	
	.morePostsArea  .blogPostsList .blogPostLi:nth-child(2), .morePostsArea  .blogPostsList .blogPostLi:nth-child(3) {
		display: none;
	}
	
	.blogPostsList .blogPostLi .magazinePostImgCon {
		height: 27.8rem;
		width: 100%;
	}
	
	.morePostsArea {
		width: 100%;
	}
	
	.blogStepsAboutCon {
		display: none;
	}
	
	.postContentArea ol li:before {
	left: 0; 
    top: -6rem;
	line-height: 1.3;
    position: static;
	}
	
	.postContentArea ol {
    padding-left: 0;
   
}
	
	.blogContentCon p {
		left: 0;
	}
	
	.postContentArea ol li {
		padding: 2rem 0 3rem 0;
	}
	
	.postContentArea ol li:last-child {
		padding: 2rem 0 0 0;
	}
	
	.blogPostsList .blogPostLi .magazinePostImgCon {
		    margin-top: 1.8rem;
	}
	
	.selectedPostItem {
		width: 100%;
		height: auto;
	}
	
	.magazineListArea {
		width: 100%;
		    padding-top: 0;
	
	}
	
	.magazineListArea .secondPostsList {
		width: 100%;
		display: block;
	}
	
	.magazineListArea .magazineItemImgCon {
		width: 100%;
		flex: 0 0 100%;
		height: 27.8rem;
		margin-top: 1.8rem;
	}
	
	.magazineListArea ul {
		width: 100%;
	}
	
	.magazineItemTxtCon .text16 {
		margin: 1.6rem 0 4.7rem 0;
	}
	
	.magazineListArea ul li a {
		display: flex;
		flex-direction: column-reverse;
	}
	
	.magazineItemTxtCon {
    margin-left: 0;
}
	
	.magazineListArea .secondPostsList li {
		width: 100%;
		flex: 0 0 100%;
	}
	
	.secondPostsList li .magazineItemImgCon {
		width: 100%;
	}
	
	.magazineListArea .secondPostsList li {
		padding-bottom: 9.5rem;
	}
	
	.magazineListArea ul li {
		padding-bottom: 9.5rem;
	}
	
	.aboutPageTopCon {
		width: 100%;
		display: block;
	}
	
	.abtMiddleBnr {
		width: 100%;
		height: auto;
	}
	
	.abtMiddleBnrCon {
		position: static;
		height: 9.6rem;
	}
	
	.featuresBulletIcon {
		display: none;
	}
	
	
	
	.featuresBullets {
		display: block;
		width: 100%;
		padding: 0;
	} 
	
	.featuresBullet {
		border-bottom: solid 1px #d0d9d0;
		
		
	}
	
	.featureTxt {
		padding: 2rem 1rem;
		margin: 0;
	}
	
	 .featuresBullet:first-child {
		padding: 1.6rem 0 0 0;
		
		
	}
	
	 .featuresBullet:last-child {
			padding: 0 0 3rem 0;
		border-bottom: none;
	}
    .secondFounderCon .founderTxtCon .sectionSubtitle{
        margin-top: 1.5rem;
    }
	.firstFounderCon, .secondFounderCon {
		width: 100%;
		flex-direction: column-reverse;
	} 
	
	.founderTxtCon {
		padding: 0 1.5rem;
        box-sizing: border-box;
	}
	
	.guidesAreaTxt {
		width: 100%;
	} 
	
	.guidesAreaTxt .text16 {
    margin:1.8rem 0 0 0;
}
	
	.guidesImgList {
		width: 100%;
	}
	
	.founderImgCon {
flex: 0 0 35.5rem;
    height: 35.5rem;
		width: 100%;
		
   
}
	
	.founderTxtCon {
		width: 100%;
	}
	
	
	.imgCreditAbtPage {
    bottom: -4.5rem;
text-align: right;
    margin: 0;
		padding: 0 2rem;
  
}
	
	.aboutPageTopCon .hpAboutLeft {
		padding-top: 1.7rem;
	}
	
	.hpAboutRight {
		width: 100%;
	}
	
	
	.page-template-about .hpAboutLeft .sectionSubtitle {
		margin: 0;
	}
	
	.page-template-about .aboutPageTopCon .text58 {
	margin: .6rem 0 5.3rem 0;
	}
	
	.abtMiddleBnr .text30 {
		
		 color: #3c3939;
		margin-bottom: 7rem;
		padding: 0 2rem 0 2rem;
		box-sizing:border-box; 
	}
	
	.abtMiddleBnr .text27 {
   color: #242121;
		margin: 2.4rem 0;
		padding: 0 2rem;
		box-sizing:border-box; 
}
	
	.founderTxtCon .text16 {
		border: none;
        padding: 0;
		
	}
    .guidesArrows{
        right: 0;
        top:2rem;
    }
    .aboutPageTopCon .hpAboutLeft{
        padding-right: 2rem;
    }
	.secondFounderCon .founderTxtCon {
		padding: 0 1.5rem;
	}
    .guidesImgCon img{
        margin: 0;
    }
	.secondFounderCon .founderTxtCon .text16 {
  margin: 0;
}
	
	.secondFounderCon .founderTxtCon .sectionSubtitle {
    padding: 0;
}
	
	.secondFounderCon .founderTxtCon .text58 {
    padding: 0;
}
	
	.guidesArea {
    margin-top: 9rem;
}
	
	.guidesAreaTxt .text58 {
    margin: 0 0 2.1rem 0;
}
	
	.guidesImgList {
		margin: 8.2rem 0 5.5rem 0;
	}
	
	.toursArchiveTopArea .featuresBullets {
		width: 100%;
		display: flex;
		flex-direction: column;
		    padding: 2.4rem 2.5rem 7.4rem 2.5rem;
    box-sizing: border-box;
	}
	
	.toursArchiveTopArea .featuresBullets .featuresBullet .featuresBulletIcon {
		display: block;
	}
	
	.toursArchTopCon .text58 {
		width: 100%;
		padding-top: .8rem;
	}
	
	.toursArchiveTopArea .featuresBullets .featuresBullet {
		flex: 0 0 100%;
		border-bottom: none;
	}
	
	.toursArchiveList {
		width: 100%;
		flex-direction: column;
		padding-top: 7rem;
	}
	
	.tourArchiveListArea .text58 {
		width: 100%;
		text-align: left;
	}
	
	.toursArchiveLi {
    height: 37.8rem;
    flex: 0 0 100%;
		padding-bottom: 0;

}
	
	.tourCon {
    height: 37.8rem;
    
}
	
	.toursArchiveLi .tourLink {
    text-decoration: none;
     position:static;
   
}
	
	.tourArchiveListArea {
    margin-top: 3rem;
}
	
	.toursArchiveTopArea .featuresBullets .featuresBullet:first-child:after {
    content: "";
    position: absolute;
    background-image: url(img/arrow2.svg);
    background-repeat: no-repeat;
    background-position: right;
    display: block;
    height: 4.4rem;
    width: 60px;
    left: 2.8rem;
    bottom: -1rem;
    
    transform: rotate(90deg);
    transform-origin: 0 50%;
}
	
	
	.toursArchiveTopArea .featuresBullets .featuresBullet:nth-child(2):before, .toursArchiveTopArea .featuresBullets .featuresBullet:nth-child(4):before  {
    content: "";
    position: absolute;
    background-image: url(img/arrow1.svg);
    background-repeat: no-repeat;
    /* background-position: center; */
    display: block;
    height: 4.4rem;
    width: 60px;
        left: 24.5rem;
    /* right: -2rem; */
       top: 25.5rem;
    bottom: -22rem;
    /* right: 0; */
   
    transform: rotate(75deg);
    transform-origin: 0 50%;
	}
	
	.toursArchiveTopArea .featuresBullets .featuresBullet:nth-child(3):after {
		content: "";
    position: absolute;
    background-image: url(img/arrow2.svg);
    background-repeat: no-repeat;
    background-position: right;
    display: block;
    height: 4.4rem;
    width: 60px;
        left: 2rem;
       bottom: -2rem;
   
    transform: rotate(90deg);
    transform-origin: 0 50%;
	}
	
	.testimonyList {
		flex-direction: column;
	}
	
	.testimonyListItem {
		flex: 0 0 100%;
	} 
	
	.tripCourseListPop {
		width: 100%;
		padding: 0;
	} 
	
	.tripCourseItemPop {
		flex-direction: row;
	}
    header{
        z-index: 99;
    }
    .width117,.headerInner,.footerThird .width123{
        width: 100%;
    }
    .footerInner,.footerSecond .width117{
        display: block;
        height: auto;
    }
    .fForm{
        display: none;
    }
    .footerThird h2{
        flex: 0 0 auto;
        width: auto;
    }
    footer .follow{
        display: none;
    }
    footer{
        padding: 2.4rem;
    }
    .credit, .copyright, .footerNav{
        text-align: center;
        margin: 1rem 0;
    }
    .fi1, .fi2, .fi3,.fi4{
        padding-right: 0;
        padding-top: 1.5rem;
    }
    .footerNav ul{
        justify-content: center;
    }
    .footerInner p, .footerInner a{
        display: block;
    }
    header{
        padding:  0 1rem;
        box-sizing: border-box;
    }
    .mainNav a{
        line-height: 1;
        font-size: 4rem;
    }
    .mainNav li {
    margin: 3.5rem 0;
        
}
    .toursArea .text16 {
        width: 100%;
        padding: 0 2rem;
    }
    .searchBox{
        display: none;
    }
    .guidesImgCon{
        width: 100vw;
    }
    .headerInner{
        padding: 0;
    }
    #openMenu{
        right: 1rem;
    }
    .twoRows{
        display: block;
    }
    .selectedPostsArea{
        display: none;
    } 
    .blog header, .blog .headerInner,.single-post header, .single-post .headerInner{
        height: 9.2rem !important;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .blog header .logo, .single-post header .logo {
    width: auto;
    height: 5.7rem !important;
}
    .blog header .headerInner,.single-post header .headerInner{
        padding-top: 0 !important;
    }
    .blog .content-area{
        margin-top: 10rem;
    }
    .isrealInfoMag{
        border: none;
    }
    footer .logo {
    width: 70% !important;
   
}
    .strm{
        display: block;
    }
    .seacrhTerm {
    font-family: 'Playfair Display', serif;
    font-size: 3rem;
    font-style: italic;
    margin-top: 10rem;
}
    .contactPageCon{
        display: flex;
    }
    .formArea{
        width: 100%;
    }
    .formArea button[type="submit"]{
        margin-top: 0;
    }
    .logoMag{
        height: 5rem;
        width: auto;
    }
    .toursArchiveTopArea .featuresBullets .featuresBullet:nth-child(5){
        z-index: auto;
    }
    .featureDesc {
        font-size: 1.4rem;
    }
    .isrealInfoMag{
        width: 100%;
        padding: 4rem 0;
    }
    .founderTxtCon .text16{
        width: 100%;
    }
    .founderTxtCon .text16:after{
        display: none;
    }
    .hoveText{
        width: 90%;
        z-index: 999999999;
    }
    .topBanner{
        background-position: left;
    }
    .leftImage{
        clip-path:none;
        width: 100%;
    }
    .fForm {
     display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999999;
    background-color: #fff;
        padding: 2rem;
        box-sizing: border-box;
        opacity: 0;
        visibility: hidden;
        transition: .3s all;
}
    .fForm form div.wpcf7-response-output{
        position: static;
        font-size: 1.4rem;
    }
    .fForm.show{
        opacity: 1;
        visibility: visible;
    }
    div.wpcf7{
        height: 100%;
    }
    .fForm form {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}
    .fForm button[type="submit"]{
        flex: 0 0 4.9rem;
        margin-top: 3rem;
    }
    .fForm input{
        width: 100%;
        margin-top: 1rem;
    }
    .cf{
        position: absolute;
        right: 2rem;
        top:2rem;
        background-image: url("img/close.svg");
        background-size: 1.5rem;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #333333;
        border:none;
        height: 3rem;
        width: 3rem;
        z-index: 99999999999;
    }
    .footerThird h2{
        font-size: 2rem;
        
  
    }
    header, .headerInner{
        height: 7rem;
    }
    .toursArchiveTopArea,.topBannerArea{
        padding-top: 7rem;
    }
    .logo {
height: 5rem;
    }
    .footerThird h2{
    white-space: nowrap;
}
    #openMenu{
        top:.5rem;
    }
    .footerThird h2:after{
        content: ' >';
    }
    .footerThird{
        padding-left: 2rem;
        padding-right: 2rem;
        box-sizing: border-box;
    }
    .desktop{
        display: none;
    }
    .followUs{
        border: none;
        padding: 0;
        margin-left: 2rem;
    }
    .footerThird .width123{
        align-items: center;
    }
    .topBanner h1,.topBanner p{
        position: relative;
        z-index: 9;
    }
    .toursArchiveList .fontSize35{
        font-size: 2.5rem;
    }
    .tripCourseImgCon li{
        height: 22.3rem;
    }
    .galBtnCon {
        height: 5rem;
    }
    .toursList li{
        box-sizing: border-box;
        border:none !important;
    }
    
    .topBannerMo{
        background-size: cover;
        background-position: center left;
        background-repeat: no-repeat;
    }
    .width84{
        width: 100%;
    }
    .width84 a.readMoreBtnBrown{
       display: none;
    }
    
    .width84 a.readMoreBtn{
      font-weight: 400;
        font-size: 1.8rem;
    }
    #openAccess {
    position: fixed;
    right: 2.1rem;
    bottom: 8.5rem;
    background-color: #fff;
    border-radius: 50%;
    border: none;
    width: 4rem;
    height: 4rem;
    transition: .3s all;
    z-index: 999999999;
}
}


/*mobile devices*/
@media only screen and (max-width: 600px) {

	
}