@media only screen and (max-width: 1800px){
	.memslider .memslinner {padding: 44px 60px;}
}
@media only screen and (max-width: 1680px){
	.container {max-width: 1480px;}
	.section-h2 .arabrevsec .arabrevacco {padding-right: 65px;}
	.clsslidercontiner {width: calc(((100% - 1920px) / 2) + 1850px - (1850px / 12)); width: -moz-calc(((100% - 1920px) / 2) + 1850px - (1850px / 12)); width: -webkit-calc(((100% - 1920px) / 2) + 1850px - (1850px / 12));}
	.memslider .slick-dots {padding-right: 3%;}
	footer .fbox1 {width: 460px;}
	footer .fbox2 {width: 490px;}
	footer .fbox3 {width: 302px;}

	.section-ne1 .textinfo1 {padding: 50px 70px;}
	.cjhrctabssec .trekstab .tab-content .trekimgbox .info {padding: 30px 40px 40px;}
}
@media only screen and (max-width: 1499px){
	.container {max-width: 1320px;}
	.cbtn {font-size: 16px; height: 54px; line-height: 54px;}
	.ctitle h3, .ctextinfo h4 {font-size: 42px; line-height: 46px;}
	.ctitle p, .ctextinfo p {font-size: 18px; line-height: 26px;}
	.ctextinfo h5 {font-size: 22px; line-height: 30px;}
	.cpoints li {background-position: 0% 11px; padding-left: 20px;}
	header .custnav .menus > li > a, .section-h3 .trekstab .tab-content .trekimgbox .date {font-size: 16px;}
	header .custnav .menus > li {padding: 0px 12px;}
	.mainbanner .textinfo h2 {font-size: 62px;line-height: 72px;}
	.mainbanner .textinfo p, .cpoints li p, .section-h3 .trekstab .tab-content .trekimgbox .info span {font-size: 18px; line-height: 32px;}
	.mainbanner .textinfo .departurebox .cbtn1 {font-size: 18px;}
	.section-h2 .aboutsec .abimgbox {width: 93%;}
	.section-h2 .aboutsec .textinfo {padding-left: 30px;}
	.clsaccordlists .accordion-item {padding: 28px 0 34px;}
	.clsaccordlists .accordion-item .accordion-button {font-size: 22px;}
	.section-h3 .trekstab .tab-content .trekimgbox .info p {font-size: 32px; line-height: 42px;}
	.clsstoriessection .ctitle h3 {font-size: 52px;}
	.clsslidercontiner {width: calc(((100% - 1920px) / 2) + 1770px - (1770px / 12)); width: -moz-calc(((100% - 1920px) / 2) + 1770px - (1770px / 12)); width: -webkit-calc(((100% - 1920px) / 2) + 1770px - (1770px / 12));}
	.clsreadlink {font-size: 18px;}
	footer .topfooter .instabox {padding: 0 30px;}
	footer .topfooter .row {margin-left: -30px;margin-right: -30px;}
	footer .fbox1 {width: 410px;}
	footer .fbox2 {width: 430px;}
	footer .fbox3 {width: 252px;}

	.cjhrctabssec .trekstab .tab-content .trekimgbox .date {font-size: 16px;}
	.cjhrctabssec .trekstab .tab-content .trekimgbox .info p {font-size: 30px; line-height: 38px;}
	.cjhrctabssec .trekstab .tab-content .trekimgbox .info span {font-size: 18px;line-height: 30px;padding-bottom: 5px;}

	.section-ab1 {padding-bottom: 160px;}
	.section-ab1 .textinfo2 .ctitle {padding: 75px 0px 30px; margin-top: 75px;}
	.section-ab1 .textinfo2 .expectbox .expectinner {padding: 50px 30px;}
	.section-ab2 .cabpointinfo {margin-bottom: 60px;}

	.section-pro1 .cprogramboxs .pimgbox {width: 466px;}
	.section-pro2 .reservformsec {padding: 60px 60px 0px;}
}
@media only screen and (max-width: 1399px){
	.container {max-width: 1140px;}
	header .custnav .menus > li {padding: 0px 9px;}
	.mainbanner .videobox .hvideo {height: 820px;}
	.section-h2 {padding-bottom: 150px;}
	.section-h2 .arabrevsec {margin-top: 160px;}
	.section-h2 .arabrevsec .arabrevacco .textbox1 h4 {line-height: 30px;}
	.section-h2 .arabrevsec .arabrevacco .textbox1 h4 span {font-size: 18px; line-height: normal;}
	.section-h3 .trekstab .nav-tabs .nav-link {font-size: 18px;}
	.section-h4 {padding: 120px 0px 150px;}
	.clsstoriessection {padding-bottom: 170px;}
	.clsslidercontiner {width: calc(((100% - 1920px) / 2) + 1670px - (1670px / 12)); width: -moz-calc(((100% - 1920px) / 2) + 1670px - (1670px / 12)); width: -webkit-calc(((100% - 1920px) / 2) + 1670px - (1670px / 12));}
	.memslider .memslinner {padding: 44px 40px;}
	footer .footerboxs ul {width: 100%;}
	footer .fbox2 {width: 250px;}

	.innerbanner {height: 440px;}
	.innerbanner .textinfo h2 {font-size: 60px; line-height: 62px;}
	.section-ne1, .section-ne2 {padding-bottom: 60px;}
	.section-ne1 .textinfo1 {padding: 50px;}
	.section-ne1 .textinfo1 .imgbox {margin: 50px 0px 30px;}
	.section-ne3 {padding-bottom: 20px;}
	.cjhrctabssec {padding-bottom: 70px;}
	.cpaginasec {margin-top: 60px;}

	.section-ab1 {padding-top: 70px;}
	.section-ab2 .abpointlist {padding: 50px 50px 0px;}
	.section-ab2 {background-size: 1100px auto;}

	.section-pro1 .cprogramboxs .pimgbox {width: 415px;}
}
@media only screen and (max-width: 1199px){
	.container {max-width: 960px;}
	header .logo {float: left;}
	header .headerrightside {float: right;}
	#mobilemenu {width: 48px;height: 48px; margin-left: 15px; background-image: url(../images/menu-icon.png);background-repeat: no-repeat;background-position: 50% 50%; float: right; background-color: #8B2E2E; border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;}
	.custnav .custmenu {position: absolute; display: none; left: 0px; top: 100%; background-color: #F9F3E9; width: 100%;}
	header .custnav .menus > li {width: 100%; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 0 25px;}
	header .custnav .menus > li > a {color: #333333; padding: 12px 0px; display: block;}
	.section-h3 .trekstab .tab-content .trekimgbox .date {top: 20px; left: 20px;}
	.section-h3 .trekstab .tab-content .trekimgbox .info {padding: 20px;}
	.clsslidercontiner {width: calc(((100% - 1920px) / 2) + 1570px - (1570px / 12)); width: -moz-calc(((100% - 1920px) / 2) + 1570px - (1570px / 12)); width: -webkit-calc(((100% - 1920px) / 2) + 1570px - (1570px / 12));}
	.memslider .slick-dots {padding-right: 5%;}
	.clshistory .ctitle p br {display: none;}
	footer .topfooter {padding: 110px 0px 70px;}
	footer .topfooter .instabox {padding: 0 15px;}
	footer .topfooter .row {margin-left: -15px;margin-right: -15px;}
	footer .fbox4 {width: 100%; text-align: center; padding-top: 40px;}
	footer .fbox4 .websiteby {text-align: center; padding-top: 20px;}

	.sociallink1 p {padding-right: 10px;}
	.section-ne3 .clientbox .memslinner {padding: 44px 50px;}
	.section-ne3 .clientbox .userprof {width: 350px;}
	.section-ne3 .clientbox .ctextinfo {margin-left: 350px;}
	.section-ne4 .trekstab .tab-content .trekboxs {margin-bottom: 30px;}
	.cjhrctabssec .trekstab .tab-content .trekimgbox .date {top: 20px; left: 20px;}
	.cjhrctabssec .trekstab .tab-content .trekimgbox .info {padding: 20px 20px 20px;}

	.section-pro1 {padding: 70px 0px 120px;}
	.section-pro1 .cprogramboxs .pimgbox {width: 360px;}
	.section-pro1 .cprogramboxs .ptextbox h6 {margin-bottom: 5px; font-size: 26px;}
	.section-pro1 .cprogramboxs .ptextbox p {font-size: 18px;}
	.section-pro1 .cprogramboxs .ptextbox .ptextinner {padding-left: 30px;}
	.section-pro1 .cprogramboxs .ptextbox .rbtn {font-size: 18px; background-position: 100% 10px;}
	.section-pro2 {padding: 100px 0px 0px;}
	.section-pro2 .reservformsec {padding: 60px 40px 0px;}
}
@media only screen and (max-width: 991px){
	.container {max-width: 720px;}
	.section-h2 .aboutsec .abimgbox {width: 100%;}
	.section-h2 .aboutsec .textinfo {padding-left: 15px; padding-top: 30px; z-index: 6;}
	.section-h2 .arabrevsec .arabrevacco {padding-right: 15px;}
	.section-h3 .trekstab .cbtn {margin-top: -130px;}
	.section-h3 .trekstab .tab-content .trekboxs {margin-bottom: 15px;}
	.section-h4 .ctitle {width: 79%;}
	.clsslidercontiner {width: calc(((100% - 1920px) / 2) + 1440px - (1440px / 12)); width: -moz-calc(((100% - 1920px) / 2) + 1440px - (1440px / 12)); width: -webkit-calc(((100% - 1920px) / 2) + 1440px - (1440px / 12));}
	footer .topfooter .instabox {margin:15px 0;}
	footer .fbox1 {width: 100%;}
	footer .fbox2, footer .fbox3 {width: 50%; padding-top: 30px;}
	footer .fbox1 .copyright {padding-top: 10px;}

	.section-ne3 {padding-top: 30px;}
	.section-ne3 .clientbox .memslinner {padding: 40px;}
	.section-ne3 .clientbox .userprof {width: 300px;}
	.section-ne3 .clientbox .ctextinfo {margin-left: 300px; padding: 0px 10px 40px 40px;}

	.section-pro1 .cprogramboxs .pimgbox {width: 100%; margin-bottom: 30px;}

}
@media only screen and (max-width: 767px){
	.container {width: auto;}
	.ctitle h3, .ctextinfo h4 {font-size: 32px;line-height: 36px;}
	.ctitle p, .ctextinfo p {font-size: 16px;line-height: 24px;}
	header {padding: 15px 0px;}
	header .logo {width: 100%; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 15px; margin-bottom: 15px;}
	header .headerrightside {float: left;}
	.mainbanner .textinfo {top: 63%;}
	.mainbanner .textinfo h2 {font-size: 38px;line-height: 40px;}
	.mainbanner .videobox .hvideo {height: 100dvh;}
	.mainbanner .textinfo {padding: 0px;}
	.mainbanner .textinfo p, .cpoints li p, .section-h3 .trekstab .tab-content .trekimgbox .info span {font-size: 16px;line-height: 24px;}
	.section-h2 {padding-top: 50px; padding-bottom: 120px;}
	.section-h2 .arabrevsec {margin-top: 70px;}
	.clsaccordlists .accordion-item {padding: 20px 0 24px;}
	.clsaccordlists .accordion-item .accordion-button {font-size: 20px;}
	.cpoints li {background-position: 0% 9px; background-size: 7px auto;}
	.section-h3 {padding: 70px 0px 90px;}
	.section-h3 .trekstab .nav-tabs .nav-link {margin-right: 30px;}
	.section-h3 .trekstab .cbtn {margin-top: 30px; width: 100%;}
	.section-h3 .trekstab .tab-content .trekimgbox .info p {font-size: 26px;line-height: 32px;}
	.section-h4 {padding: 50px 0px 80px;}
	.section-h4 .ctitle {width: 100%;}
	.section-h4 .memoriesbox {margin-top: 40px;}
	.section-h4 .clsheading .cbtn {width: 100%;}
	.section-h4 .memoriesinner .mimgbox {margin-bottom: 20px;}
	.section-h4 .cbtn {margin-top: 30px;}
	.clsstoriessection {padding: 70px 0px 90px;}
	.clsstoriessection .ctitle h3 {font-size: 40px;}
	.clsslidercontiner {width: 100%; padding-left: 10px;}
	.clsslideritem {padding: 0 5px;}
	.memslider {margin-top: 10px;}
	.memslider .memslinner {padding: 20px 20px;}
	.clsreadlink {font-size: 16px;}
	.footervideo .fvideo {height: 300px;}
	footer, footer .topfooter {padding-bottom: 50px;}
	footer .topfooter .row {margin-left: -10px;margin-right: -10px;}
	footer .footerboxs h4 {font-size: 18px;}
	footer .footerboxs li a, footer .footerboxs p {font-size: 14px;}
	footer .topfooter .instabox {padding: 0 10px; margin: 10px 0px;}

	.innerbanner .textinfo {top: 68%;}
	.innerbanner .textinfo h2 {font-size: 46px;line-height: 42px;}
	.innerbanner .textinfo span {font-size: 16px; margin-bottom: 5px;}
	.rbtn {font-size: 16px;}
	.section-ne1 {padding-top: 40px;}
	.section-ne1 .textinfo1 {padding: 20px;}
	.sociallink1 {position: relative; top: initial; right: initial; margin-top: 20px;}
	.section-ne1 .textinfo1 .imgbox {margin: 20px 0px 10px;}
	.section-ne1, .section-ne2 {padding-bottom: 20px;}
	.section-ne2 .ctitle {padding-top: 30px;}
	.section-ne2 .memoriesbox {margin-top: 30px;}
	.section-ne3 .ctitle {margin-bottom: 0;}
	.section-ne3 .clientbox .userprof {width: 100%;}
	.section-ne3 .clientbox .memslinner {padding: 30px;}
	.section-ne3 .clientbox .ctextinfo {margin-left: 0px; border-left: none; padding: 40px 0 0; float: left; width: 100%;}
	.cjhrctabssec .trekstab .nav-tabs .nav-link {font-size: 18px; margin-right: 30px;}
	.section-ne3 .clientbox {margin-top: 15px;}
	.section-ne3 .clientbox .memslinner {padding: 20px;}
	.section-ne4 {padding: 0px;}
	.section-ne4 .trekstab .tab-content .trekboxs {margin-bottom: 15px;}
	.section-ne5 {padding-top: 40px; padding-bottom: 50px;}
	.cjhrctabssec .trekstab {margin-top: 10px;}
	.cjhrctabssec .trekstab .tab-content .trekimgbox .info span {font-size: 16px;line-height: 24px;}
	.cjhrctabssec .trekstab .tab-content .trekimgbox .info p {font-size: 26px;line-height: 32px;}
	.section-ne5 .trekstab .tab-content .trekboxs {margin-top: 15px;}
	.cpaginasec {margin-top: 40px;}

	.section-ab1 {padding: 40px 0px 50px;}
	.section-ab1 .textinfo2 .ctitle {padding: 35px 0px 10px;margin-top: 40px;}
	.section-ab1 .textinfo2 .expectbox {margin-top: 15px;}
	.section-ab1 .textinfo2 .expectbox .expectinner {padding: 20px;}
	.section-ab1 .textinfo2 .expectbox .expectinner .icons {margin-bottom: 10px;}
	.section-ab1 .textinfo3 {padding-top: 10px;}
	.section-ab2 {padding: 50px 0px 60px;}
	.section-ab2 .abpointlist {padding: 30px 30px 0px; margin-top: 40px;}
	.section-ab2 .cabpointinfo h5 {font-size: 26px;}
	.section-ab2 .cabpointinfo .cpoints li {margin: 5px 0px;}
	.section-ab2 .cabpointinfo {margin-bottom: 30px;}

	.section-pro1 {padding: 30px 0px 70px;}
	.section-pro1 .cprogramboxs {margin-top: 40px;}
	.section-pro1 .cprogramboxs .pimgbox {margin-bottom: 20px;}
	.section-pro1 .cprogramboxs .ptextbox h6 {margin-bottom: 0;font-size: 22px;}
	.section-pro1 .cprogramboxs .ptextbox .ptextinner {padding-left: 20px; margin-top: 20px;}
	.section-pro2 {padding: 60px 0px 0px;}
	.section-pro2 .reservformsec {padding: 30px 20px 0px;}
	.clsformgroup .clsfieldcol {margin-top: 20px;}
	.section-pro2 .clsformpart {margin-bottom: 20px;}
	.clsformgroup .clscheckbox {margin-top: 40px;}
}
@media only screen and (max-width: 575px){
	.mainbanner .textinfo p br {display: none;}
	.mainbanner .textinfo .departurebox .cbtn {width: 100%; margin:0 0 10px 0;}
	.section-h3 .trekstab .nav-tabs li {width: 100%;}
	.section-h3 .trekstab .nav-tabs .nav-link {width: 100%; margin: 0px; text-align: left;}
	footer .topfooter {padding-top: 80px;}
	footer .fbox2, footer .fbox3 {width: 100%;}

	.innerbanner .textinfo h2 {font-size: 36px;line-height: 38px;}
	.cjhrctabssec .trekstab .nav-tabs {width: 100%;}
	.cjhrctabssec .trekstab .nav-tabs li {width: 100%;}
	.cjhrctabssec .trekstab .nav-tabs .nav-link {width: 100%;margin: 0px;text-align: left; padding-bottom: 10px;}
	.cjhrctabssec .trekstab .tab-content {margin-top: 10px;}

	.section-ab2 {padding-bottom: 30px;}
}
@media only screen and (max-width: 479px){
	#mobilemenu {margin-left: 0px;}
	.section-h3 .trekstab .tab-content .trekimgbox .date {font-size: 14px; line-height: 38px;}
	.section-h3 .trekstab .tab-content .trekimgbox .info p {font-size: 20px;line-height: 24px;}
	.clsstoriessection .ctitle h3 {font-size: 34px;}

	.breadcrumbbox li {background-position: 100% 5px;}
	.breadcrumbbox li, .breadcrumbbox li a {font-size: 14px;}
	.breadcrumbbox li:last-child {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 160px;}
	.cjhrctabssec .trekstab .tab-content .trekimgbox .date {font-size: 14px; line-height: 38px;}
	.cjhrctabssec .trekstab .tab-content .trekimgbox .info p {font-size: 20px;line-height: 24px;}
}