@media only screen and (max-width: 1699px){
	.container {max-width: 1470px;}
	.ctextinfo h4 {font-size: 46px;}
	.clsnewscol .textspart {max-width: 850px;}
	.section-h1 .patternimg {width: 800px;}
	.section-h1 .patternimg img {width: 100%;}
	.section-h2 {background-size: contain;}
	.section-h2 .ctitle {padding: 340px 0px;}
	
    #newsslider .ctextinfo {width: 740px; padding: 60px 70px;}
    #newsslider .ctextinfo h4 br {display: none;}
    #newsslider .imgbox {width: 690px; height: 473px;}
    #newsslider .imgbox img {height: 100%; object-fit: cover;}
}
@media only screen and (max-width: 1499px){
	.container {max-width: 1320px;}
	.ctitle {font-size: 48px; line-height: 66px;}
	.subtitle {font-size: 52px;}
	.ctextinfo h4 {font-size: 40px;}
	.ctextinfo p {font-size: 20px; line-height: 32px;}
	header .custnav .menus li a {font-size: 16px;}
	.mainbanner .daysgoto p {font-size: 26px; line-height: 34px;}
	.mainbanner .pattern1 img, .innerbaner .pattern1 img {width: 300px;}
	.mainbanner .textinfo h2 {font-size: 80px; line-height: 90px;}
	.mainbanner .textinfo p {font-size: 23px; line-height: 36px;}
	.section-h1 .textinfo1 .pattern2 {background-size: 520px auto; height: 35px; margin: 60px 0px;}
	.section-h1 .patternimg {width: 50%;}
	.section-h1 .ctextinfo p {font-size: 22px; line-height: 35px;}
	.section-h2 .ctitle {font-size: 110px;}
	.section-h2 .getinner {padding: 40px 60px 40px 60px;}
	.section-h2 .getinner h4 {font-size: 44px;}
	.section-h2 .getinner h4:after {width: 14px; height: 14px; top: 18px;}
	.section-h2 .getinner.ctextinfo p {padding-top: 10px;}
	.section-h3 {padding-top: 80px;}
	.clsnewscol .imgpart {max-width: 480px;}
	.clsnewscol .textspart {max-width: 710px;}
	.clsnewscol .textspart .ctextinfo {padding-right: 60px;}
	footer .fbox1 p {width: 410px;}

	.innerbaner .innerbannerimg {height: 360px;}

	.innerbaner2 {height: 440px;}
    #newsslider .ctextinfo {width: 670px;}
    #newsslider .imgbox {width: 610px;height: 380px;}
    .topfilterbar .clsformgroup .clsfieldcol select.custfield, custfield .select2-selection {width: 240px;}
    .clsnewbox .ctextinfo span, #newsslider .ctextinfo span {font-size: 20px;}
    .clsnewbox .ctextinfo h4 {font-size: 30px;}

	.eventabnner .textinfo h2 {font-size: 80px; line-height: 90px;}
	.eventabnner-desc {font-size: 23px; line-height: 36px;}
	.eventabnner .innerbannerimg {height: 600px;}
	.eventabnner .cbtn {height: 66px; line-height: 66px; font-size: 22px;}
	.section-ela1 .weekinner .imgbox .weekdesc h4 {font-size: 52px;}
	.section-ela1 .weekinner .imgbox .weekdesc .date, .section-ela1 .weekinner .imgbox .weekdesc p, .bbtn span, .section-ela2 .eventlistinfo .eventdesc .vbtn {font-size: 22px;}
	.bbtn span {line-height: 58px;}
	.section-ela2 .eventlistinfo .edate {font-size: 24px; line-height: 48px;}
	.section-ela2 .eventlistinfo .edate span {font-size: 44px;}
	.section-ela2 .eventlistinfo .eventdesc {padding: 10px 60px 20px 50px;}
}
@media only screen and (max-width: 1399px){
	.container {max-width: 1140px;}
	header .custnav .menus > li {padding: 0 18px;}
	.mainbanner .daysgoto p {font-size: 20px; line-height: 19px;}
	.mainbanner .textinfo h2 {font-size: 60px;line-height: 70px;}
	.mainbanner .sociallink {bottom: 150px;}
	.section-h1 .textinfo1 .pattern2 {background-size: 430px auto; margin: 30px 0px;}
	.subtitle {font-size: 46px;}
	.ourlatestnews {padding-bottom: 40px;}
	.section-h3 .pattern4 img, .clspattern4 img {max-width: 100%;}
	.clsnewscol {margin-bottom: 60px;}
	.clsnewscol .imgpart {max-width: 460px;}
	.clsnewscol .textspart {max-width: 600px;}
	.clsnewscol .textspart .ctextinfo {padding: 10px 50px 50px 50px;}
	.patternbg {background-size: contain; height: auto; padding: 3%; margin-bottom: 100px;}
	footer .fbox1 p {font-size: 18px; line-height: 30px;}
	footer .footerboxs li a {font-size: 18px;}
	footer .fbox1 p {width: 340px;}
	footer .pattern1 img {width: 280px;}

	.innerbaner .textinfo h2, .innerbaner2 h2 {font-size: 60px; line-height: 60px;}
	.innerbaner2 h2.newstitle {font-size: 48px;}

	.innerbaner2 {height: 410px;}
    #newsslider .ctextinfo {width: 570px; padding: 50px 60px;}
    #newsslider .imgbox {width: 530px;height: 402px;}
    .topfilterbar .clsformgroup .clsfieldcol label {width: 112px;}
    .topfilterbar .clsformgroup .clsfieldcol select.custfield, custfield .select2-selection {width: 220px;}
    .topfilterbar .clsformgroup .clsfieldcol {padding-right: 30px;}

	.eventabnner .innerbannerimg {height: 510px;}
	.eventabnner .textinfo h2 {line-height: 70px;}
	.eventabnner .cbtn {height: 55px;line-height: 55px; font-size: 20px;}
	.section-ela1 {padding-top: 70px;}
	.section-ela1 .weekinner .imgbox .weekdesc h4 {font-size: 39px;}
	.section-ela1 .weekinner .imgbox .weekdesc .date, .section-ela1 .weekinner .imgbox .weekdesc p, .bbtn span, .section-ela2 .eventlistinfo .eventdesc .vbtn {font-size: 20px;}
}
@media only screen and (max-width: 1199px){
	.container {max-width: 960px;}
	header .logo {float: right;}
	#mobilemenu {background-color: #AD1C27; width: 42px; height: 42px; background-image: url(../images/menu-icon.png); background-repeat: no-repeat; background-position: 50% 50%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
	.custnav {position: absolute; display: none; background-color: #fff; top: 100%; right: 0px; width: 100%;}
	header .custnav .menus > li {width: 100%; border-top: 1px solid #f1f1f1; padding: 12px 20px;}
	.clsnewscol .imgpart {max-width: 40%;}
	.clsnewscol .textspart {max-width: 57%;}
	.clsnewscol .textspart .ctextinfo {padding-top: 0px;}
	.mainbanner .daysgoto p span {font-size: 40px;}
	.mainbanner .pattern1 img, .innerbaner .pattern1 img {width: 220px;}
	.mainbanner .sliderimg {height: 520px;}
	.mainbanner .sliderimg img {height: 100%; object-fit: cover;}
	.mainbanner .sociallink {left: 20px;}
	.section-h1 .ctextinfo p {font-size: 20px; line-height: 33px;}
	.section-h1 .textinfo1 {padding-left: 60px;}
	.section-h2 .ctitle {padding: 230px 0px; font-size: 90px;}
	.section-h2 .getinner {padding: 30px 30px 30px 50px;}
	.section-h2 .getinner h4 {font-size: 36px;}
	.ctextinfo p {font-size: 18px;line-height: 27px;}
	.section-h3 {padding-top: 40px;}

	.section-invo1 .clsformpart {margin-top: 60px;}
    .clstabs li button p, .clsformpart h5 {font-size: 30px;}
    .clspattern4 {padding: 90px 0;}

	#newsslider .ctextinfo {width: 100%;}
    #newsslider .imgbox {width: 100%; height: auto;}
    #newsslider .imgbox img {height: auto;}
    .topfilterbar .clsfilercol {margin-top: 15px;}
    .topfilterbar .clsformgroup .clsfieldcol:first-child {padding-right: 0px;}
    .topfilterbar .clsformgroup .clsfieldcol select.custfield, custfield .select2-selection {width: 253px;}
    .clsnewbox .ctextinfo span, #newsslider .ctextinfo span {font-size: 18px;}
    .section-n2 {padding-top: 80px;}

	.bbtn span {line-height: 52px;}
	.section-ela1 .weekinner .imgbox .cweek {top: 30px; right: 30px; height: 50px; line-height: 50px; font-size: 18px;}
	.section-ela1 .weekinner .imgbox .weekdesc {padding: 0px 30px 40px;}
	.section-ela1 .workshopsform .clsformgroup {margin-top: 0;}
	.section-ela1 .weekinner .imgbox .weekdesc h4 {font-size: 30px;}
	.section-ela1 .weekinner .imgbox .weekdesc .date, .section-ela1 .weekinner .imgbox .weekdesc p, .bbtn span, .section-ela2 .eventlistinfo .eventdesc .vbtn {font-size: 18px;}
	.section-ela2 .eventlistinfo .edate {font-size: 20px;line-height: 40px;}
	.section-ela2 .eventlistinfo .edate span {font-size: 40px;}
	.section-ela2 .eventlistinfo .eventdesc {padding: 10px 50px 20px 40px;}
	.section-ela2 .eventlistinfo .eventdesc .edetails span {font-size: 18px; margin-top: 10px;}
	.section-ela2 .eventlistinfo .eventdesc .vbtn {background-size: 17px auto; padding-left: 30px;}
}
@media only screen and (max-width: 991px){
	.container {max-width: 720px;}
	header .custnav .menus li a {font-size: 14px;}
	.mainbanner .pattern1, .innerbaner .pattern1 {display: none;}
	.section-h1 .patternimg {position: relative; top: initial; left: initial; width: 100%;}
	.mainbanner .owl-carousel .owl-dots {bottom: 20px;}
	.mainbanner .sociallink {bottom: 30px;}
	.section-h1 {padding-bottom: 100px;}
	.section-h1 .textinfo1  {padding-left: 20px; text-align: center;}
	.section-h1 .textinfo1 .pattern2 {background-position: 50% 50%}
	.section-h2 .getboxs {margin-top: 5px;}
	footer .footerboxs {width: 33.33%; padding-bottom: 30px;}
	footer .fbox1, footer .fbox1 p {width: 100%;}
	footer .footerboxs h4 {margin-bottom: 20px;}
	footer .pattern1 {margin-top: 20px;}
	footer .pattern1 img {width: 230px;}

	.topfilterbar .clsformgroup .clsfieldcol label {padding-bottom: 10px;}
    .topfilterbar .clsformgroup .clsfieldcol select.custfield, custfield .select2-selection {width: 100%;}
    .topfilterbar .clsformgroup .clsfieldcol {padding-right: 0px !important; margin-bottom: 20px; margin-top: 10px !important;}
    .clsnewbox {margin-top: 40px;}
    .section-n2 .loadbtn {margin-top: 60px;}

	
	.section-ela1 .clsformgroup .clsfieldcol {width: 100%; padding-left: 0px;}
	.section-ela1 .clsformgroup .cbtn {margin-top: 0px;}
	.section-ela2 .eventlistbox .eimgbox {width: 100%;}
	.section-ela2 .eventlistbox .eventlistinfo {width: 100%; margin-top: 30px;}
	.section-ela2 .eventlistinfo .eventdesc {padding: 0px 0px 0px 40px;}
}
@media only screen and (max-width: 767px){
	.container {width: auto; padding: 0 15px;}
	.row {margin-right: -15px; margin-left: -15px;}
	.row>* {padding-right: 15px; padding-left: 15px;}
	header {padding: 15px 0px;}
	.mainbanner .daysgoto p {font-size: 16px; line-height: 6px;}
	.mainbanner .sociallink {right: 0px; left: 0px; text-align: center; bottom: 20px;}
	.mainbanner .owl-carousel .owl-dots {bottom: 60px;}
	.mainbanner .sliderimg {height: 450px;}
	.mainbanner .textinfo {bottom: 170px;}
	.mainbanner .textinfo h2 {font-size: 40px; line-height: 50px; text-align: center;}
	.mainbanner .textinfo p {font-size: 18px; line-height: 27px; text-align: center;}
	.section-h1 {padding-bottom: 50px;}
	.section-h1 .textinfo1 .pattern2 {background-size: 320px auto; margin: 20px 0px; height: 27px;}
	.subtitle {font-size: 36px;}
	.section-h1 .ctextinfo p {font-size: 18px; line-height: 28px;}
	.section-h2 {background-position: 50% 70px;}
	.section-h2 .ctitle {padding: 130px 0px;font-size: 60px;}
	.section-h2 .getinner {padding: 20px 20px 20px 40px;}
	.section-h2 .getinner h4 {font-size: 30px;}
	.section-h2 .getinner h4:after {width: 12px; height: 12px; top: 12px; right: -25px;}
	.ctextinfo p {font-size: 16px; line-height: 24px;}
	.ctitle {font-size: 32px;line-height: 46px;}
	.section-h3 .ctitle, .ourlatestnews .ctitle {text-align: center;}
	.section-h3 .eventinner .imgbox .datebox {width: 60px; height: 60px;}
	.section-h3 .eventinner .imgbox .datebox span {width: 54px; line-height: 21px; padding-top: 9px; font-size: 20px;}
	.ctextinfo h4 {font-size: 28px;} 
	.section-h3 .eventinner .ctextinfo h4 {text-align: center;}
	.section-h3 .eventinner .imgbox {margin: 50px 0px 15px;}
	.section-h3 {padding-top: 50px; padding-bottom: 70px;}
	.section-h3 .pattern4 {margin-top: 50px;}
	.ourlatestnews {padding-top: 90px;}
	.clsnewscol .imgpart, .clsnewscol .textspart {max-width: 100%;}
	.clsnewscol .textspart .ctextinfo {padding: 0px; border-bottom: none;}
	.patternbg {margin-bottom: 50px;}
	footer {padding-top: 60px;}
	footer .fbox1 p {font-size: 16px; line-height: 26px;}
	footer .footerboxs h4 {font-size: 20px;}
	footer .footerboxs li a {font-size: 16px;}

	.innerbaner .textinfo h2, .innerbaner2 h2 {font-size: 40px;line-height: 40px;}
	.innerbaner2 h2.newstitle {font-size: 32px;}
    .innerbaner .innerbannerimg {height: 240px;}
    .clstabs li {padding-top: 25px;}
    .clstabs li button p, .clsformpart h5 {font-size: 22px;}
    .clstabs li button p {padding-bottom: 0px;}
    .clstabs li button span {bottom: -22px;height: 45px; line-height: 45px; width: 130px; font-size: 18px;}
    .clstabpart .tab-content {padding-top: 70px;}
    .section-invo1 .clsformpart {margin-top: 40px;}
    .clsformgroup .clsfieldcol {margin-top: 25px;}
    .clsformgroup .clsfieldcol label {font-size: 16px;}
    .clsformgroup .clsfieldcol .custfield {font-size: 16px; height: 48px;}
    .clsformgroup .cbtn {margin-top: 17px;}
    .clspattern4 {padding: 50px 0;}

	.cbtn {font-size: 16px; height: 48px; line-height: 48px;}
    .innerbaner2 {height: 320px;}
    .innerbaner2 h2 {padding-top: 60px;}
    .subtitle2 {font-size: 28px;}
    #newsslider .ctextinfo {padding: 30px 40px;}
    .section-n2 {padding-top: 50px;}
    .clsnewbox .ctextinfo {padding: 20px;}
    .clsnewbox .ctextinfo p {padding-top: 15px;}
    .loadbtn {font-size: 16px; height: 58px; line-height: 58px;}
    .section-n2 .loadbtn {margin-top: 40px;}

	.eventabnner .innerbannerimg {height: 370px !important;}
	.eventabnner .textinfo h2 {text-align: center;}
	.eventabnner-desc {text-align: center; font-size: 18px; line-height: 27px;}
	.eventabnner-desc br {display: none;}
	.eventabnner .bntbox {text-align: center;}
	.eventabnner .cbtn {margin: 30px 10px 0px;}
	.section-ela1 {padding-top: 50px;}
	.section-ela1 .workshopsform {margin-bottom: 20px;}
	.section-ela1 .cweekinfobox {margin-top: 20px;}
	.section-ela2 .eventlistbox {margin-top: 40px;}
	.section-ela2 .eventlistinfo .edate {font-size: 16px;line-height: 32px; width: 65px;}
	.section-ela2 .eventlistinfo .edate span {font-size: 32px;}
	.section-ela2 .eventlistinfo .eventdesc {width: calc(100% - 65px); padding: 0px 0px 0px 30px;}
	.section-ela2 .eventlistinfo .eventdesc .edetails span {padding: 0px 20px 0px 25px;}
}
@media only screen and (max-width: 575px){
	.mainbanner .daysgoto p span {font-size: 26px;}
	.mainbanner .daysgoto {padding: 25px 30px;}
	.ourlatestnews .ctitle {margin-bottom: 30px;}
	.clsnewscol {margin-bottom: 40px;}

	.clsformgroup .cbtn {width: 100%;}
    .section-invo1 .clsformpart {margin-top: 30px;}

	.clsnewbox {margin-top: 20px;}
    .clsnewbox .ctextinfo h4 {font-size: 26px;}
	
	.eventabnner-desc {padding: 20px 0;}
	.eventabnner .cbtn {width: 100%; margin: 8px 0;}
	.section-ela1 .weekinner .imgbox .cweek {height: 40px;line-height: 40px;font-size: 16px;}
}
@media only screen and (max-width: 479px){
	.section-h2 .ctitle {font-size: 52px; line-height: 60px;}
	.ourlatestnews:after, .ourlatestnews:before {height: 8px;}
	footer {padding-bottom: 50px;}
	footer .pattern1 {margin-top: 10px;}
	footer .pattern1 img {width: 160px;}

	.clstabs li button p {background-size: 30px auto; padding-top: 35px; font-size: 18px;}
    .clstabs li button span {width: 102px;font-size: 16px;}
    .clstabpart .tab-content {padding-top: 50px;}

	.subtitle2 {letter-spacing: 2px;}
    #newsslider .ctextinfo {padding: 20px;}
    .section-n2 {padding-top: 30px;}
	
	.section-ela1 .weekinner .imgbox {height: 450px;}
	.section-ela1 .weekinner .imgbox img {height: 100%;}
	.section-ela1 .weekinner .imgbox .cweek {top: 20px; right: 20px;}
	.section-ela1 .weekinner .imgbox .weekdesc {padding: 0px 20px 40px;}
}